impact-ui 5.0.0-beta.1 → 5.0.0-beta.2

package/dist/components/FileUpload/index.js

@@ -1,5 +1,5 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.ia-fileUpload-container{align-items:stretch;background-color:var(--iu-bg-surface-layer-bg);border-radius:16px;box-shadow:0 0 16px 2px color-mix(in srgb,var(--iu-on-surface-title) 6%,#0000);display:flex;flex-direction:column;gap:16px;min-height:274px;padding:16px;width:550px}.ia-fileUpload-container .ia-fileUpload-heading{color:var(--iu-on-surface-title);font-size:16px;font-weight:800;line-height:24px;text-align:left}.ia-fileUpload-container .ia-fileUpload-subHeading{color:var(--iu-on-surface-caption);font-size:14px;font-weight:500;line-height:20px;margin-top:2px;text-align:left}.ia-fileUpload-container .ia-fileUpload-container-header{align-items:center;display:flex;justify-content:space-between}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title{display:flex;flex-direction:column;gap:2px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-primary{color:var(--iu-on-surface-title);font-family:Manrope,sans-serif;font-size:16px;font-weight:800;line-height:24px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-secondary{color:var(--iu-on-surface-caption);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-closeIcon{color:var(--iu-on-surface-label);cursor:pointer}.ia-fileUpload{align-items:center;background-color:initial;border:1px dashed var(--iu-border-primary-lighter);border-radius:8px;display:flex;flex-direction:column;height:148px;justify-content:center;margin:auto;padding:24px 16px;position:relative;width:100%}.ia-fileUpload:before{background:var(--ia-file-upload-icon) no-repeat center/contain;content:"";display:block;flex-shrink:0;height:55px;width:55px}.ia-fileUpload .ia-fileUpload-hr{color:var(--iu-on-surface-caption);font-size:12px;font-weight:500;line-height:15px;text-align:center;width:25px}.ia-fileUpload .ia-fileUpload-hr:before{left:calc(50% - 100px)}.ia-fileUpload .ia-fileUpload-hr:after,.ia-fileUpload .ia-fileUpload-hr:before{background-color:var(--iu-border-default);content:"";height:1px;position:absolute;top:112px;width:80px}.ia-fileUpload .ia-fileUpload-hr:after{right:calc(50% - 100px)}.ia-fileUpload input{height:calc(2px + 100%);left:-1px;opacity:0;position:absolute;top:-1px;width:calc(2px + 100%)}.ia-fileUpload .ia-fileUpload-label{color:var(--iu-on-surface-body);font-size:14px;font-weight:500;line-height:20px;text-align:center}.ia-fileUpload.ia-fileUpload-error{border:1px solid var(--iu-border-error);box-shadow:0 0 20px color-mix(in srgb,var(--iu-bg-error) 12%,#0000) inset}.ia-fileUpload.ia-fileUpload-error .ia-fileUpload-label{color:var(--iu-on-error-text)}.ia-fileUpload.ia-fileUpload-disabled{opacity:.5;pointer-events:none}.ia-fileUpload.ia-fileUpload-dragOver{background:none;border:1px solid var(--iu-border-primary);box-shadow:0 0 96px 23px color-mix(in srgb,var(--iu-bg-primary) 14%,#0000) inset;justify-content:center}.ia-fileUpload.ia-fileUpload-dragOver:before{display:none}.ia-fileUpload.ia-fileUpload-dragOver .ia-fileUpload-dragOverLabel{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:700;line-height:21px}.ia-fileUpload.ia-fileUpload-dragOver button{border-color:var(--iu-border-primary)!important;color:var(--iu-action-primary-text)!important}.ia-fileUpload .ia-fileUpload-label-secondary{color:var(--iu-on-surface-caption);font-size:12px;font-weight:500;line-height:16px;text-align:center}.ia-fileUpload .ia-fileUpload-label-primary,.ia-fileUpload-validFileType{align-items:center;display:flex;gap:4px}.ia-fileUpload-validFileType{color:var(--iu-on-surface-label);font-size:14px;font-weight:500;height:16px;letter-spacing:.01em;line-height:16.1px}.ia-fileUpload-validFileType button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.ia-fileUpload-validFileType button:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-fileUpload-validFileType button:focus{outline:none!important}.ia-fileUpload-validFileType button[data-fileUpload=templateDownload]{padding:0}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container{position:relative}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow{cursor:pointer;height:11px;margin-top:2px;width:11px}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow.rotate{transform:rotate(180deg)}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu{background-color:var(--iu-bg-surface-layer-bg);border-radius:8px;bottom:32px;box-shadow:0 0 4px color-mix(in srgb,var(--iu-on-surface-title) 12%,#0000);display:flex;flex-direction:column;gap:5px;left:0;padding-bottom:16px;padding-top:16px;position:absolute;width:100px;z-index:99}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item{align-items:center;color:var(--iu-on-surface-body);cursor:pointer;display:flex;font-size:14px;font-weight:500;height:25px;line-height:20px;padding-left:18px;text-align:left}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item:hover{background-color:var(--iu-bg-surface-lighter)}.ia-fileUpload-previewItem{align-items:stretch;border:1px solid var(--iu-border-default);border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:space-between;padding:16px}.ia-fileUpload-previewItem img{max-height:36px;max-width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress{display:flex;gap:8px;justify-content:space-between;z-index:99}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details{display:flex;gap:8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItemIcon{background-repeat:no-repeat;height:36px;width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info{display:flex;flex-direction:column;gap:2px;justify-content:space-between}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name{color:var(--iu-on-surface-title);font-size:12px;font-weight:700;line-height:18px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name.ia-fileUpload-previewItem-name-failed{color:var(--iu-on-surface-caption)}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size{color:var(--iu-on-surface-label);font-size:12px;font-weight:500;line-height:16px;text-align:left}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploadFailed{color:var(--iu-on-error-text)}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploading{color:#0000}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.disabled{color:var(--iu-on-surface-caption)}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions{align-items:center;display:flex;gap:14px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action{color:var(--iu-action-primary-text);cursor:pointer}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action.removeIcon{color:var(--iu-on-surface-label)}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_layout{margin:0}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_label_container{margin:-24px 0 8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem:hover .ia-fileUpload-previewItem-del{opacity:1}.ia-fileUpload-actions{display:flex;gap:16px;justify-content:flex-end}.ia-fileUpload-validFileType-menu .MuiPaper-root{min-width:226px}.ia-fileUpload-validFileType-menu .MuiPaper-root .ia-btn-icon{margin-bottom:0}.ia-template-preview{background-color:var(--iu-bg-surface-lightest);border-radius:8px;box-shadow:0 0 16px 2px color-mix(in srgb,var(--iu-on-surface-title) 6%,#0000);padding:12px}.ia-template-preview .ia-template-preview__title{color:var(--iu-on-surface-title);font-size:14px;font-weight:800;line-height:21px;margin:0 0 10px}.ia-template-preview .ia-template-preview__grid-wrapper{border:1px solid var(--iu-border-default);border-radius:4px;overflow-x:auto}.ia-template-preview .ia-template-preview__table{background-color:var(--iu-bg-surface-layer-bg);border-collapse:collapse;table-layout:fixed;width:100%}.ia-template-preview .ia-template-preview__table :is(td,th){border:1px solid var(--iu-border-default);font-size:12px;line-height:20px;padding:0;text-align:center}.ia-template-preview .ia-template-preview__col-header{background-color:var(--iu-bg-surface-lighter);color:var(--iu-on-surface-label);font-size:12px;font-weight:500}.ia-template-preview .ia-template-preview__row-header{background-color:var(--iu-bg-surface-lighter);color:var(--iu-on-surface-icon);font-size:12px;font-weight:500;max-width:28px;min-width:28px!important;width:28px}.ia-template-preview .ia-template-preview__cell{background-color:var(--iu-bg-surface-layer-bg)}.ia-template-preview .ia-template-preview__cell-value{color:var(--iu-on-surface-title);font-size:12px;font-weight:600;overflow:hidden;padding-inline:2px;text-overflow:ellipsis;white-space:nowrap}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.ia-fileUpload-container{align-items:stretch;background-color:var(--iu-bg-surface-layer-bg);border-radius:16px;box-shadow:0 0 16px 2px color-mix(in srgb,var(--iu-on-surface-title) 6%,#0000);display:flex;flex-direction:column;gap:16px;min-height:274px;padding:16px;width:550px}.ia-fileUpload-container .ia-fileUpload-heading{color:var(--iu-on-surface-title);font-size:16px;font-weight:800;line-height:24px;text-align:left}.ia-fileUpload-container .ia-fileUpload-subHeading{color:var(--iu-on-surface-caption);font-size:14px;font-weight:500;line-height:20px;margin-top:2px;text-align:left}.ia-fileUpload-container .ia-fileUpload-container-header{align-items:center;display:flex;justify-content:space-between}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title{display:flex;flex-direction:column;gap:2px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-primary{color:var(--iu-on-surface-title);font-family:Manrope,sans-serif;font-size:16px;font-weight:800;line-height:24px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-secondary{color:var(--iu-on-surface-caption);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-closeIcon{color:var(--iu-on-surface-label);cursor:pointer}.ia-fileUpload{align-items:center;background-color:initial;border:1px dashed var(--iu-file-upload-inner-border);border-radius:8px;display:flex;flex-direction:column;height:148px;justify-content:center;margin:auto;padding:24px 16px;position:relative;width:100%}.ia-fileUpload:before{background:var(--ia-file-upload-icon) no-repeat center/contain;content:"";display:block;flex-shrink:0;height:55px;width:55px}.ia-fileUpload .ia-fileUpload-hr{color:var(--iu-on-surface-caption);font-size:12px;font-weight:500;line-height:15px;text-align:center;width:25px}.ia-fileUpload .ia-fileUpload-hr:before{left:calc(50% - 100px)}.ia-fileUpload .ia-fileUpload-hr:after,.ia-fileUpload .ia-fileUpload-hr:before{background-color:var(--iu-border-default);content:"";height:1px;position:absolute;top:112px;width:80px}.ia-fileUpload .ia-fileUpload-hr:after{right:calc(50% - 100px)}.ia-fileUpload input{height:calc(2px + 100%);left:-1px;opacity:0;position:absolute;top:-1px;width:calc(2px + 100%)}.ia-fileUpload .ia-fileUpload-label{color:var(--iu-on-surface-body);font-size:14px;font-weight:500;line-height:20px;text-align:center}.ia-fileUpload.ia-fileUpload-error{border:1px solid var(--iu-border-error);box-shadow:0 0 20px color-mix(in srgb,var(--iu-bg-error) 12%,#0000) inset}.ia-fileUpload.ia-fileUpload-error .ia-fileUpload-label{color:var(--iu-on-error-text)}.ia-fileUpload.ia-fileUpload-disabled{opacity:.5;pointer-events:none}.ia-fileUpload.ia-fileUpload-dragOver{background:none;border:1px solid var(--iu-border-primary);box-shadow:0 0 96px 23px color-mix(in srgb,var(--iu-bg-primary) 14%,#0000) inset;justify-content:center}.ia-fileUpload.ia-fileUpload-dragOver:before{display:none}.ia-fileUpload.ia-fileUpload-dragOver .ia-fileUpload-dragOverLabel{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:700;line-height:21px}.ia-fileUpload.ia-fileUpload-dragOver button{border-color:var(--iu-border-primary)!important;color:var(--iu-action-primary-text)!important}.ia-fileUpload .ia-fileUpload-label-secondary{color:var(--iu-on-surface-caption);font-size:12px;font-weight:500;line-height:16px;text-align:center}.ia-fileUpload .ia-fileUpload-label-primary,.ia-fileUpload-validFileType{align-items:center;display:flex;gap:4px}.ia-fileUpload-validFileType{color:var(--iu-on-surface-label);font-size:14px;font-weight:500;height:16px;letter-spacing:.01em;line-height:16.1px}.ia-fileUpload-validFileType button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.ia-fileUpload-validFileType button:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-fileUpload-validFileType button:focus{outline:none!important}.ia-fileUpload-validFileType button[data-fileUpload=templateDownload]{padding:0}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container{position:relative}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow{cursor:pointer;height:11px;margin-top:2px;width:11px}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow.rotate{transform:rotate(180deg)}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu{background-color:var(--iu-bg-surface-layer-bg);border-radius:8px;bottom:32px;box-shadow:0 0 4px color-mix(in srgb,var(--iu-on-surface-title) 12%,#0000);display:flex;flex-direction:column;gap:5px;left:0;padding-bottom:16px;padding-top:16px;position:absolute;width:100px;z-index:99}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item{align-items:center;color:var(--iu-on-surface-body);cursor:pointer;display:flex;font-size:14px;font-weight:500;height:25px;line-height:20px;padding-left:18px;text-align:left}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item:hover{background-color:var(--iu-bg-surface-lighter)}.ia-fileUpload-previewItem{align-items:stretch;border:1px solid var(--iu-border-default);border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:space-between;padding:16px}.ia-fileUpload-previewItem img{max-height:36px;max-width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress{display:flex;gap:8px;justify-content:space-between;z-index:99}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details{display:flex;gap:8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItemIcon{background-repeat:no-repeat;height:36px;width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info{display:flex;flex-direction:column;gap:2px;justify-content:space-between}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name{color:var(--iu-on-surface-title);font-size:12px;font-weight:700;line-height:18px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name.ia-fileUpload-previewItem-name-failed{color:var(--iu-on-surface-caption)}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size{color:var(--iu-on-surface-label);font-size:12px;font-weight:500;line-height:16px;text-align:left}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploadFailed{color:var(--iu-on-error-text)}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploading{color:#0000}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.disabled{color:var(--iu-on-surface-caption)}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions{align-items:center;display:flex;gap:14px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action{color:var(--iu-action-primary-text);cursor:pointer}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action.removeIcon{color:var(--iu-on-surface-label)}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_layout{margin:0}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_label_container{margin:-24px 0 8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem:hover .ia-fileUpload-previewItem-del{opacity:1}.ia-fileUpload-actions{display:flex;gap:16px;justify-content:flex-end}.ia-styles.ia-menu.ia-fileUpload-validFileType-menu .ia-menu-action-button-container .ia-btn-icon{align-items:center;display:flex;justify-content:center;margin-bottom:0}.ia-styles.ia-menu.ia-fileUpload-validFileType-menu .ia-menu-action-button-container .ia-btn-icon img{height:16px;object-fit:contain;width:16px}.ia-fileUpload-validFileType-menu .MuiPaper-root{min-width:226px}.ia-template-preview{background-color:var(--iu-bg-surface-lightest);border-radius:8px;box-shadow:0 0 16px 2px color-mix(in srgb,var(--iu-on-surface-title) 6%,#0000);padding:12px}.ia-template-preview .ia-template-preview__title{color:var(--iu-on-surface-title);font-size:14px;font-weight:800;line-height:21px;margin:0 0 10px}.ia-template-preview .ia-template-preview__grid-wrapper{border:1px solid var(--iu-border-default);border-radius:4px;overflow-x:auto}.ia-template-preview .ia-template-preview__table{background-color:var(--iu-bg-surface-layer-bg);border-collapse:collapse;table-layout:fixed;width:100%}.ia-template-preview .ia-template-preview__table :is(td,th){border:1px solid var(--iu-border-default);font-size:12px;line-height:20px;padding:0;text-align:center}.ia-template-preview .ia-template-preview__col-header{background-color:var(--iu-bg-surface-lighter);color:var(--iu-on-surface-label);font-size:12px;font-weight:500}.ia-template-preview .ia-template-preview__row-header{background-color:var(--iu-bg-surface-lighter);color:var(--iu-on-surface-icon);font-size:12px;font-weight:500;max-width:28px;min-width:28px!important;width:28px}.ia-template-preview .ia-template-preview__cell{background-color:var(--iu-bg-surface-layer-bg)}.ia-template-preview .ia-template-preview__cell-value{color:var(--iu-on-surface-title);font-size:12px;font-weight:600;overflow:hidden;padding-inline:2px;text-overflow:ellipsis;white-space:nowrap}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useRef, useState, useCallback, useEffect, useMemo } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/Clear.js";
 import { Button } from "../Button/index.js";
@@ -103,6 +103,13 @@ function FileUpload({
     },
     [assets]
   );
+  const fileTypeMenuIcon = useCallback(
+    (fileType) => {
+      const url = getPreviewIconUrl(fileType, false);
+      return url ? /* @__PURE__ */ jsx("img", { "aria-hidden": true, alt: "", src: url }) : void 0;
+    },
+    [getPreviewIconUrl]
+  );
   const currentFileType = useMemo(() => {
     return validFileTypes.flatMap((f) => FILE_TYPE_MIME_MAP[f.fileType] ?? []).join(",");
   }, [validFileTypes]);
@@ -399,11 +406,11 @@ function FileUpload({
                       options: menuOptions,
                       primaryButtonProps: {
                         label: selectedFileType,
-                        icon: assets ? /* @__PURE__ */ jsx("img", { alt: "", src: assets.uploadDownloadIcon }) : void 0
+                        icon: fileTypeMenuIcon(selectedFileType)
                       },
                       tertiaryButtonLabel: tertiaryFileType,
                       tertiaryButtonProps: {
-                        icon: assets ? /* @__PURE__ */ jsx("img", { alt: "", src: assets.uploadDownloadIcon }) : void 0
+                        icon: fileTypeMenuIcon(tertiaryFileType)
                       },
                       onClose: handleMenuClose,
                       onPrimaryButtonClick: () => {

package/dist/components/FilterPanel/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.impact_drawer_filter_container_medium{height:100%;width:675px}.impact_drawer_filter_container_large{height:100%;width:840px}.MuiBox-root{width:auto}.impact_drawer_filter_container{display:flex;flex-direction:column;position:relative}.impact_drawer_filter_container .impact_drawer_filter_header{align-items:center;background:var(--iu-bg-surface-layer-bg);border-bottom:1px solid var(--iu-border-default);display:flex;justify-content:space-between;padding:9px 16px;position:sticky;top:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header{align-items:center;display:flex;gap:16px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading_icon{background:var(--iu-bg-surface-layer-bg) url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/filter-icon.svg) no-repeat;background-position:50%;background-size:14px;border:1px solid var(--iu-border-primary-subtle);border-radius:8px;height:32px;width:32px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading{color:var(--iu-on-surface-body);font-size:18px;font-weight:700}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel{background:var(--iu-bg-surface-lighter);border-right:1px solid var(--iu-border-disabled);flex-shrink:0;height:100%;padding-top:10px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs{display:flex;flex-direction:column;gap:8px;padding:0 8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact-drawer-filter-separator{background-color:var(--iu-border-default);display:block;height:1px;margin-left:-8px;margin-right:-8px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab{align-items:center;display:flex;justify-content:space-between;padding:6px 8px 6px 18px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:hover{background-color:var(--iu-bg-primary-subtle);border-radius:8px;cursor:pointer}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_content{align-items:center;display:flex;gap:10px;width:85%}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon img,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon svg{color:var(--iu-on-surface-icon);display:flex;height:16px;width:16px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label{color:var(--iu-on-surface-label);display:flex;flex-direction:row;font-size:16px;gap:4px;line-height:20px;overflow:hidden;white-space:nowrap}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label span{overflow:hidden;text-overflow:ellipsis}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label-required{color:var(--iu-legacy-red-badge)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_badges{background-color:var(--iu-bg-surface-layer-bg);border-radius:8px;box-sizing:border-box;color:var(--iu-on-surface-label);font-size:12px;height:18px;line-height:18px;min-width:27px;padding:0 8px;text-align:center}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active{background-color:var(--iu-bg-primary-subtle);border-radius:8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_label{color:var(--iu-bg-primary)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon img{filter:brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(4545%) hue-rotate(231deg) brightness(103%) contrast(87%)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_badges{color:var(--iu-bg-primary)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_badges,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_label,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled svg{color:var(--iu-on-disabled)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled:hover{background-color:var(--iu-bg-surface-lighter);cursor:default}.impact_drawer_filter_container .impact-drawer-filter-main-container{display:flex;flex-direction:row;flex-shrink:0;height:calc(100% - 40px)}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel{width:640px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_body{height:calc(100% - 60px);overflow-y:auto;padding:16px;position:relative;width:100%;z-index:0}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer{align-items:center;background:var(--iu-bg-surface-layer-bg);border-top:1px solid var(--iu-border-default);bottom:0;display:flex;height:56px;justify-content:space-between;left:200px;padding:0 16px;position:absolute;right:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer :is(.impact_drawer_filter_footer_left_container,.impact_drawer_filter_footer_right_container){align-items:center;display:flex;gap:8px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer_no_buttons{height:100%}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.impact_drawer_filter_container_medium{height:100%;width:675px}.impact_drawer_filter_container_large{height:100%;width:840px}.MuiBox-root{width:auto}.impact_drawer_filter_container{display:flex;flex-direction:column;position:relative}.impact_drawer_filter_container .impact_drawer_filter_header{align-items:center;background:var(--iu-bg-surface-layer-bg);border-bottom:1px solid var(--iu-border-default);display:flex;justify-content:space-between;padding:9px 16px;position:sticky;top:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header{align-items:center;display:flex;gap:16px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading_icon{background:var(--iu-bg-surface-layer-bg) url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/filter-icon.svg) no-repeat;background-position:50%;background-size:14px;border:1px solid var(--iu-border-default);border-radius:8px;height:32px;width:32px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading{color:var(--iu-on-surface-title);font-size:18px;font-weight:700}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel{background:var(--iu-bg-surface-lightest);border-right:1px solid var(--iu-border-default);flex-shrink:0;height:100%;padding-top:10px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs{display:flex;flex-direction:column;gap:8px;padding:0 8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact-drawer-filter-separator{background-color:var(--iu-border-default);display:block;height:1px;margin-left:-8px;margin-right:-8px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab{align-items:center;display:flex;justify-content:space-between;padding:6px 8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:hover{background-color:var(--iu-bg-primary-subtle);border-radius:8px;cursor:pointer}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_content{align-items:center;display:flex;gap:10px;width:85%}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon img,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon svg{color:var(--iu-on-surface-icon);display:flex;height:16px;width:16px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label{color:var(--iu-on-surface-label);display:flex;flex-direction:row;font-size:16px;gap:4px;line-height:20px;overflow:hidden;white-space:nowrap}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label span{overflow:hidden;text-overflow:ellipsis}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label-required{color:var(--iu-legacy-red-badge)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_badges{background-color:var(--iu-bg-surface-layer-bg);border-radius:8px;box-sizing:border-box;color:var(--iu-on-surface-label);font-size:12px;height:18px;line-height:18px;min-width:27px;padding:0 8px;text-align:center}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active{align-items:center;background-color:var(--iu-filter-panel-tab-active-bg);border-radius:8px;display:flex;gap:8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_label{color:var(--iu-bg-primary)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon img{filter:brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(4545%) hue-rotate(231deg) brightness(103%) contrast(87%)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_badges{color:var(--iu-bg-primary)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_badges,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_label,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled svg{color:var(--iu-on-disabled)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled:hover{background-color:var(--iu-bg-surface-lighter);cursor:default}.impact_drawer_filter_container .impact-drawer-filter-main-container{display:flex;flex-direction:row;flex-shrink:0;height:calc(100% - 40px)}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel{width:640px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_body{background-color:var(--iu-bg-surface-layer-bg);height:calc(100% - 60px);overflow-y:auto;padding:16px;position:relative;width:100%;z-index:0}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer{align-items:center;background:var(--iu-bg-surface-layer-bg);border-top:1px solid var(--iu-border-default);bottom:0;display:flex;height:56px;justify-content:space-between;left:200px;padding:0 16px;position:absolute;right:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer :is(.impact_drawer_filter_footer_left_container,.impact_drawer_filter_footer_right_container){align-items:center;display:flex;gap:8px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer_no_buttons{height:100%}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FilterPanelHeader } from "./FilterPanelHeader.js";
 import { PanelFooter } from "./PanelFooter.js";

package/dist/components/FiltersStrip/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.impact-info-panel-container{align-items:center;background-color:var(--iu-bg-surface-layer-bg);display:flex;flex-direction:row;font-family:Manrope,sans-serif;gap:12px;height:48px;justify-content:space-between;padding:8px 24px;position:relative;width:100%}.impact-info-panel-container .impact-info-panel-left-container{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;gap:12px;justify-content:space-between;min-width:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:8px;justify-content:space-between}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .MuiChip-root.impact_badges_only_label_stroke{height:24px!important;max-width:145px;min-height:24px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:21px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button{align-items:center;background-color:var(--iu-bg-surface-lighter);border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;max-height:32px;min-height:32px;overflow:hidden;padding:8px;transition:transform .2s ease;width:32px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:hover{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button svg{color:var(--iu-on-surface-body);height:20px;width:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper{background-color:var(--iu-bg-surface-layer-bg);border-radius:8px;box-shadow:0 0 4px #0000001f;left:0;min-width:265px;padding:8px 6px;position:absolute;top:54px;z-index:1200}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper{display:flex;flex-direction:column;margin-bottom:6px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters{border-radius:8px;display:flex;flex-direction:row;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters:hover{background-color:var(--iu-bg-primary-subtle);cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters span{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper{display:flex;flex-direction:row;gap:6px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper .MuiChip-root.impact_badges_only_label_stroke{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-no-data-text{align-items:center;color:var(--iu-on-surface-caption);display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;justify-content:center;line-height:20px;margin:24px 0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper{padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper .impact-input-wrapper{border:none!important;min-width:100%!important;padding-left:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper{display:flex;flex-direction:column;max-height:160px;overflow:auto}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list{border-radius:8px;color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin-bottom:4px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list:hover{background-color:var(--iu-bg-surface-lighter);cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .filter-dropdown-selected-list{background-color:var(--iu-bg-primary-subtle)}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper{display:flex;flex-direction:column;gap:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper .impact-filter-dropdown-action-btns{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;padding:0 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;min-width:0;width:100%}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:12px;max-width:100%;min-width:0;overflow:hidden}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:0;position:relative;transition:transform .5s ease-in-out}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding-right:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-tags-container{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-filter-strip-separator{margin-right:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn{align-items:center;background-color:var(--iu-bg-surface-lighter);cursor:pointer;display:flex;justify-content:center;padding:8px 4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn svg{color:var(--iu-on-surface-label);font-size:18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .prev{border-bottom-left-radius:4px;border-top-left-radius:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .next{border-bottom-right-radius:4px;border-top-right-radius:4px}.impact-info-panel-container .impact-info-panel-right-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:12px}.impact-info-panel-container .impact-filter-strip-separator{background-color:var(--iu-border-disabled);display:inline-block;height:16px;width:1px}.impact-selected-filter-tags-dropdown{background-color:var(--iu-bg-surface-layer-bg);border-radius:8px;box-shadow:var(--iu-effect-shadow-drop-4);max-width:200px;padding:8px 6px;position:absolute;right:0;top:45px;width:100%;z-index:1200}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-container{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-label{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;padding:8px 18px;text-overflow:ellipsis;white-space:nowrap}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container{display:flex;flex-direction:column;gap:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container .ia-styles.ia-btn{width:100%}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.impact-info-panel-container{align-items:center;background-color:var(--iu-bg-surface-layer-bg);display:flex;flex-direction:row;font-family:Manrope,sans-serif;gap:12px;height:48px;justify-content:space-between;padding:8px 24px;position:relative;width:100%}.impact-info-panel-container .impact-info-panel-left-container{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;gap:12px;justify-content:space-between;min-width:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:8px;justify-content:space-between}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .MuiChip-root.impact_badges_only_label_stroke{height:24px!important;max-width:145px;min-height:24px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:21px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button{align-items:center;background-color:var(--iu-bg-surface-lighter);border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;max-height:32px;min-height:32px;overflow:hidden;padding:8px;transition:transform .2s ease;width:32px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:hover{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button svg{color:var(--iu-on-surface-body);height:20px;width:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper{background-color:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);border-radius:8px;box-shadow:0 0 4px #0000001f;left:0;min-width:265px;padding:8px 6px;position:absolute;top:54px;z-index:1200}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper{display:flex;flex-direction:column;margin-bottom:6px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters{border-radius:8px;display:flex;flex-direction:row;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters:hover{background-color:var(--iu-bg-primary-subtle);cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters span{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper{display:flex;flex-direction:row;gap:6px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper .MuiChip-root.impact_badges_only_label_stroke{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-no-data-text{align-items:center;color:var(--iu-on-surface-caption);display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;justify-content:center;line-height:20px;margin:24px 0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper{padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper .impact-input-wrapper{border:none!important;min-width:100%!important;padding-left:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper{display:flex;flex-direction:column;max-height:160px;overflow:auto}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list{border-radius:8px;color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin-bottom:4px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list:hover{background-color:var(--iu-bg-surface-lighter);cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .filter-dropdown-selected-list{background-color:var(--iu-bg-primary-subtle)}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper{display:flex;flex-direction:column;gap:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper .impact-filter-dropdown-action-btns{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;padding:0 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;min-width:0;width:100%}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:12px;max-width:100%;min-width:0;overflow:hidden}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:0;position:relative;transition:transform .5s ease-in-out}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding-right:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-tags-container{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-filter-strip-separator{margin-right:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn{align-items:center;background-color:var(--iu-bg-surface-lighter);cursor:pointer;display:flex;justify-content:center;padding:8px 4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn svg{color:var(--iu-on-surface-label);font-size:18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .prev{border-bottom-left-radius:4px;border-top-left-radius:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .next{border-bottom-right-radius:4px;border-top-right-radius:4px}.impact-info-panel-container .impact-info-panel-right-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:12px}.impact-info-panel-container .impact-filter-strip-separator{background-color:var(--iu-border-disabled);display:inline-block;height:16px;width:1px}.impact-selected-filter-tags-dropdown{background-color:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);border-radius:8px;box-shadow:var(--iu-effect-shadow-drop-4);max-width:200px;padding:8px 6px;position:absolute;right:0;top:45px;width:100%;z-index:1200}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-container{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-label{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;padding:8px 18px;text-overflow:ellipsis;white-space:nowrap}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container{display:flex;flex-direction:column;gap:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container .ia-styles.ia-btn{width:100%}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useCallback, Fragment as Fragment$1 } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/FilterList.js";

package/dist/components/Header/Header.types.d.ts

@@ -2,9 +2,10 @@ import { MouseEvent, ReactNode } from 'react';
 import { Locale } from '../../i18n/types';
 import { RootComponentProps } from '../../types';
 import { AvatarProps } from '../Avatar/Avatar.types';
+import { ProfileMenuItem } from '../ProfileMenu/ProfileMenu.types';
 
 /**
- * Drop menu option for the header avatar menu.
+ * @deprecated Avatar menu uses {@link ProfileMenu}. Prefer `onLogoutClick` and related profile handlers.
  */
 export interface HeaderDropMenuOption {
     label: string;
@@ -13,13 +14,21 @@ export interface HeaderDropMenuOption {
 }
 /**
  * Header component props.
- * Avatar props can be extended via avatarProps; dropMenuOptions drive the avatar dropdown menu.
+ * Avatar click opens {@link ProfileMenu} (themes, logout, etc.).
  */
 export interface HeaderProps extends RootComponentProps {
     /** Title shown next to the logo */
     title?: ReactNode;
-    /** User name shown in avatar and default menu option */
+    /** User name shown in avatar and profile menu */
     userName?: string;
+    /** Email shown in the profile menu */
+    userEmail?: string;
+    /** When false, avatar does not open the profile menu */
+    showProfileMenu?: boolean;
+    /** Called when Logout is chosen in the profile menu */
+    onLogoutClick?: () => void;
+    /** Extra profile menu rows (icon + label + handler), shown below Themes */
+    profileMenuItems?: ProfileMenuItem[];
     /** Called when the logo is clicked */
     handleLogoClick?: () => void;
     /** Show the notification icon */
@@ -44,7 +53,10 @@ export interface HeaderProps extends RootComponentProps {
     isMessageIconDisabled?: boolean;
     /** When true, show DND variant of notification icon */
     isNotificationDnd?: boolean;
-    /** Options for the avatar dropdown menu */
+    /**
+     * @deprecated Ignored — avatar opens ProfileMenu. Use `showProfileMenu={false}` to disable.
+     * Empty array still disables the menu for backward compatibility.
+     */
     dropMenuOptions?: HeaderDropMenuOption[];
     /** When true, chatbot button is disabled */
     isChatBotDisabled?: boolean;

package/dist/components/Header/Header.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.types.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,iCAAiC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,sCAAsC;IACtC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,+CAA+C;IAC/C,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IAErC,yBAAyB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,4BAA4B;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,+DAA+D;IAC/D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEzC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,sCAAsC;IACtC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAEnC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAEjC,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,2DAA2D;IAC3D,4BAA4B,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1C,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEvC,kFAAkF;IAClF,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAE9C,4FAA4F;IAC5F,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAE1B,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C"}
+{"version":3,"file":"Header.types.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wDAAwD;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IAErC,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,iCAAiC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,sCAAsC;IACtC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,+CAA+C;IAC/C,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IAErC,yBAAyB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,4BAA4B;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,+DAA+D;IAC/D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEzC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,sCAAsC;IACtC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAEnC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAEjC,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,2DAA2D;IAC3D,4BAA4B,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1C,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEvC,kFAAkF;IAClF,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAE9C,4FAA4F;IAC5F,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAE1B,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C"}

package/dist/components/Header/index.d.ts

@@ -4,7 +4,7 @@ export type { HeaderProps, HeaderDropMenuOption } from './Header.types';
 /**
  * App header with logo, title, actions (help, message, notification, chatbot) and avatar menu.
  */
-export declare function Header({ title, userName, handleLogoClick, showNotificationIcon, notificationIndicator, handleNotificationClick, showHelpIcon, handleHelpClick, showMessageIcon, handleMessageClick, showChatBotIcon, handleChatBotClick, isMessageIconDisabled, isNotificationDnd, dropMenuOptions, isChatBotDisabled, centerComponent, avatarProps, avatarType, showKeyboardShortcuts, handleKeyboardShortcutsClick, commentProps, onCommentsClick, commentsPanel, className, id, 'data-testid': dataTestId, role, showLanguageIcon, enabledLocales, onLanguageChange, }: HeaderProps): import("react").JSX.Element;
+export declare function Header({ title, userName, handleLogoClick, showNotificationIcon, notificationIndicator, handleNotificationClick, showHelpIcon, handleHelpClick, showMessageIcon, handleMessageClick, showChatBotIcon, handleChatBotClick, isMessageIconDisabled, isNotificationDnd, dropMenuOptions, userEmail, showProfileMenu, onLogoutClick, profileMenuItems, isChatBotDisabled, centerComponent, avatarProps, avatarType, showKeyboardShortcuts, handleKeyboardShortcutsClick, commentProps, onCommentsClick, commentsPanel, className, id, 'data-testid': dataTestId, role, showLanguageIcon, enabledLocales, onLanguageChange, }: HeaderProps): import("react").JSX.Element;
 export declare namespace Header {
     var displayName: string;
 }

package/dist/components/Header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAgB9B,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAExE;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,eAAe,EACf,oBAA2B,EAC3B,qBAA4B,EAC5B,uBAAuB,EACvB,YAAmB,EACnB,eAAe,EACf,eAAsB,EACtB,kBAAkB,EAClB,eAAsB,EACtB,kBAAkB,EAClB,qBAA6B,EAC7B,iBAAyB,EACzB,eAAoE,EACpE,iBAAyB,EACzB,eAAe,EACf,WAAW,EACX,UAA6B,EAC7B,qBAA6B,EAC7B,4BAA4B,EAC5B,YAAY,EACZ,eAAe,EACf,aAAa,EACb,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,IAAe,EACf,gBAAwB,EACxB,cAAmC,EACnC,gBAAgB,GACjB,EAAE,WAAW,+BAiTb;yBAjVe,MAAM"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAgB9B,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAExE;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,eAAe,EACf,oBAA2B,EAC3B,qBAA4B,EAC5B,uBAAuB,EACvB,YAAmB,EACnB,eAAe,EACf,eAAsB,EACtB,kBAAkB,EAClB,eAAsB,EACtB,kBAAkB,EAClB,qBAA6B,EAC7B,iBAAyB,EACzB,eAAe,EACf,SAAS,EACT,eAAsB,EACtB,aAAa,EACb,gBAAgB,EAChB,iBAAyB,EACzB,eAAe,EACf,WAAW,EACX,UAA6B,EAC7B,qBAA6B,EAC7B,4BAA4B,EAC5B,YAAY,EACZ,eAAe,EACf,aAAa,EACb,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,IAAe,EACf,gBAAwB,EACxB,cAAmC,EACnC,gBAAgB,GACjB,EAAE,WAAW,+BAiUb;yBArWe,MAAM"}

package/dist/components/Header/index.js

@@ -1,6 +1,6 @@
 !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.impact-header-container{align-items:center;background-color:var(--iu-bg-surface-layer-bg);box-shadow:var(--iu-effect-shadow-header-bar-elevation);display:flex;height:56px;justify-content:space-between;left:64px;min-width:700px;padding:0 24px;position:fixed;top:0;width:calc(100% - 64px);z-index:1199}.impact-header-container-left-side{align-items:center;display:flex;flex-direction:row;gap:14px;justify-content:flex-start}.impact-header-logo{height:36px;width:91px}.impact-header-logo:hover{cursor:pointer}.impact-header-logo .header_ia_logo_dark,[data-iu-theme=dark] .impact-header-logo .header_ia_logo_light{display:none}[data-iu-theme=dark] .impact-header-logo .header_ia_logo_dark{display:block}[data-iu-theme=dark] :scope header_ia_logo_light,[data-iu-theme=light] :scope header_ia_logo_dark{display:none}.impact-header-separator{background-color:var(--iu-border-disabled);display:block;height:24px;width:1px}.impact-header-title{color:var(--iu-on-surface-body);font-size:16px;font-weight:800;line-height:24px}.impact-header-container-right-side{align-items:center;display:flex;flex-direction:row;gap:24px;justify-content:flex-start}.impact-header-avatar:hover,.impact-header-comments-button:hover,.impact-header-help-container:hover,.impact-header-language-button:hover,.impact-header-message-container:hover,.impact-header-notification-container:hover{cursor:pointer}.impact-header-language-button,.impact-header-language-container{align-items:center;display:flex}.impact-header-language-button{gap:4px;height:20px;justify-content:center}.impact-header-language-icon-placeholder{border:1.5px solid var(--iu-on-surface-body);border-radius:50%;display:inline-block;height:20px;width:20px}.impact-header-language-flag-placeholder{background-color:var(--iu-bg-surface-lighter);border:1px solid var(--iu-border-disabled);border-radius:2px;display:inline-block;height:14px;width:20px}.impact-header-comments-container{align-items:center;display:flex;position:relative}.impact-header-comments-button{align-items:center;border-radius:4px;display:flex;justify-content:center;padding:4px}.header-comments-dropdown{background-color:var(--iu-bg-surface-layer-bg);border-radius:8px;box-shadow:var(--iu-effect-shadow-header-dropdown-elevated);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:10000}.header-comments-dropdown .comment-panel-main-container{max-height:500px;position:relative}.header-comments-dropdown .comment-panel-main-container.display-comment-panel{bottom:unset;max-height:500px;min-height:400px}.header-comments-dropdown .comment-panel-main-container .comment-panel-body{flex:1;overflow:auto;position:relative;top:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate{border:none;border-radius:0;margin:0;min-height:auto;padding:20px;width:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_paragraph{color:var(--iu-on-surface-caption);font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:285px}.header-comments-dropdown .comment-panel-main-container .comment-panel-content{bottom:auto;max-height:380px;position:relative;top:auto}.impact-header-bot-container{align-items:center;background-color:var(--iu-legacy-chatbot-bg);background:var(--iu-effect-gradient-header-smart-bot-main);background-size:400% 400%;border-radius:8px;cursor:pointer;display:flex;height:34px;padding-inline:11px;position:relative}.impact-header-bot-container:after{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/smartBot.svg) no-repeat;background-position:50%;background-size:16px;content:"";height:16px;position:absolute;width:16px}.impact-header-bot-container:before{background:var(--iu-effect-gradient-header-smart-bot-border);border-radius:9px;bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1}.impact-header-bot-container:hover:not(.impact-header-bot-container-disabled){animation:gradient 2s ease infinite;background:var(--iu-effect-gradient-header-smart-bot-hover);background-size:400% 400%}.impact-header-bot-container:hover:not(.impact-header-bot-container-disabled):before{background:none}.impact-header-bot-container{animation:gradient 5s ease infinite}.impact-header-bot-container .impact-header-bot-container-text{color:var(--iu-bg-surface-layer-bg);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding-left:23px}@keyframes gradient{0%{background-position:0 20% 40% 60% 80%}50%{background-position:80% 50%}to{background-position:0 20% 40% 60% 80%}}.impact-header-bot-container-disabled{animation:none;background-color:var(--iu-border-disabled);background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/smartBot.svg),none;background-position:10px 50%;background-repeat:no-repeat;background-size:20px 20px;cursor:not-allowed}.impact-header-bot-container-disabled:before{background:none}.impact-header-notification-container{position:relative}.impact-header-notification-dnd-container{height:16px;left:14px;position:absolute;top:-5px;width:16px}.impact-header-notification-indicator-container{height:8px;left:14px;position:absolute;top:0;width:8px}.impact-header-notification-indicator-outer-circle{animation:waves 1.5s ease-out infinite;background-color:var(--iu-bg-error-subtle);border-radius:50%;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.impact-header-notification-indicator-inner-circle{background-color:var(--iu-badge-error-on-default);border-radius:50%;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.impact-header-avatar .ia-avatar{background-color:var(--iu-primitive-color-green-500)!important;border-radius:8px;color:var(--iu-on-primary-text);line-height:30px}.impact-header-lang-label{color:var(--iu-on-surface-label);font-size:14px;font-weight:600}@keyframes waves{0%{height:8px;width:8px}to{height:16px;width:16px}}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useMemo, useRef, useEffect } from "react";
+import { useRef, useState, useMemo, useEffect } from "react";
 import { KeyboardShortcutIcon as KeyboardShortcutIcon_default, HelpIcon as HelpIcon_default, Globe as Globe_default, MessageIconDisabled as MessageIconDisabled_default, MessageIcon as MessageIcon_default, NotificationDnd as NotificationDnd_default, Bell as Bell_default, CommentGray as CommentGray_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import { getAssetUrl } from "../../utils/assetBase.js";
 import { Avatar } from "../Avatar/index.js";
@@ -8,6 +8,7 @@ import CommentsPanel from "../CommentsPanel/index.js";
 import { CommentsProvider } from "../CommentsPanel/CommentsContext.js";
 import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import { Menu } from "../Menu/index.js";
+import { ProfileMenu } from "../ProfileMenu/index.js";
 
 import { useTranslation } from "../../i18n/useTranslation.js";
 import { useI18n } from "../../i18n/useI18n.js";
@@ -37,8 +38,11 @@ function Header({
   handleChatBotClick,
   isMessageIconDisabled = false,
   isNotificationDnd = false,
-  dropMenuOptions = [{ label: userName ?? "User", onClick: () => {
-  } }],
+  dropMenuOptions,
+  userEmail,
+  showProfileMenu = true,
+  onLogoutClick,
+  profileMenuItems,
   isChatBotDisabled = false,
   centerComponent,
   avatarProps,
@@ -59,8 +63,10 @@ function Header({
   var _a;
   const { t } = useTranslation();
   const { locale, setLocale } = useI18n();
-  const [anchorEl, setAnchorEl] = useState(null);
-  const open = Boolean(anchorEl);
+  const avatarRef = useRef(null);
+  const [profileMenuAnchorEl, setProfileMenuAnchorEl] = useState(null);
+  const [profileMenuOpen, setProfileMenuOpen] = useState(false);
+  const profileMenuEnabled = showProfileMenu && (dropMenuOptions === void 0 || dropMenuOptions.length > 0);
   const [languageAnchorEl, setLanguageAnchorEl] = useState(null);
   const languageMenuOpen = Boolean(languageAnchorEl);
   const resolvedLanguageOptions = useMemo(() => {
@@ -322,30 +328,43 @@ function Header({
           /* @__PURE__ */ jsx(
             "div",
             {
-              "aria-expanded": open,
-              "aria-haspopup": "menu",
+              ref: avatarRef,
+              "aria-expanded": profileMenuOpen,
+              "aria-haspopup": "dialog",
               "aria-label": t("header.userMenu"),
               className: "impact-header-avatar",
               role: "button",
               tabIndex: 0,
-              onClick: (event) => {
-                setAnchorEl(event.currentTarget);
+              onClick: () => {
+                if (!profileMenuEnabled) {
+                  return;
+                }
+                setProfileMenuAnchorEl(avatarRef.current);
+                setProfileMenuOpen((prev) => !prev);
               },
               onKeyDown: (e) => {
-                (e.key === "Enter" || e.key === " ") && setAnchorEl(e.currentTarget);
+                if ((e.key === "Enter" || e.key === " ") && profileMenuEnabled) {
+                  e.preventDefault();
+                  setProfileMenuAnchorEl(avatarRef.current);
+                  setProfileMenuOpen((prev) => !prev);
+                }
               },
               children: /* @__PURE__ */ jsx(Avatar, { label: userName, size: "small", type: avatarType, ...avatarProps })
             }
           ),
-          dropMenuOptions && dropMenuOptions.length > 0 && /* @__PURE__ */ jsx(
-            Menu,
+          profileMenuEnabled && /* @__PURE__ */ jsx(
+            ProfileMenu,
             {
-              anchorEl,
-              open,
-              options: dropMenuOptions,
+              anchorEl: profileMenuAnchorEl,
+              avatarProps: { ...avatarProps, type: (avatarProps == null ? void 0 : avatarProps.type) ?? avatarType },
+              menuItems: profileMenuItems,
+              open: profileMenuOpen,
+              userEmail,
+              userName: userName ?? "User",
               onClose: () => {
-                setAnchorEl(null);
-              }
+                setProfileMenuOpen(false);
+              },
+              onLogoutClick
             }
           )
         ] })

package/dist/components/HomePage/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/HomePage/constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAiH3E,eAAO,MAAM,eAAe,EAAE,MAAM,EAOnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,EAOxC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,kBAAkB,EA6IhD,CAAC;AAEF,eAAO,MAAM,YAAY,kBAAqB,CAAC;AAE/C,eAAO,MAAM,UAAU,GAAI,YAAY,MAAM,KAAG,cAAc,GAAG,IAuBhE,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/HomePage/constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAgH3E,eAAO,MAAM,eAAe,EAAE,MAAM,EAOnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,EAOxC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,kBAAkB,EA6IhD,CAAC;AAEF,eAAO,MAAM,YAAY,kBAAqB,CAAC;AAE/C,eAAO,MAAM,UAAU,GAAI,YAAY,MAAM,KAAG,cAAc,GAAG,IAuBhE,CAAC"}

package/dist/components/HomePage/constants.js

@@ -6,7 +6,6 @@ const StarIcon1 = getAssetUrl("landingPageAssets/agenticIcons/starIcon1.svg");
 const StarIcon2 = getAssetUrl("landingPageAssets/agenticIcons/starIcon2.svg");
 const StarIcon3 = getAssetUrl("landingPageAssets/agenticIcons/starIcon3.svg");
 const StarIcon4 = getAssetUrl("landingPageAssets/agenticIcons/starIcon4.svg");
-const StarIcon5 = getAssetUrl("landingPageAssets/agenticIcons/starIcon5.svg");
 const logoAAA = getAssetUrl("clientLogos/aaa.webp");
 const logoAlFuttaim = getAssetUrl("clientLogos/al-futtaim.webp");
 const logoArhaus = getAssetUrl("clientLogos/arhaus.webp");
@@ -150,7 +149,7 @@ const AGENTIC_USECASES = [
     name: "Localized Size Curve Optimization",
     description: "Automatically optimize size distributions by location.",
     colorVariant: "success",
-    backgroundImage: StarIcon5,
+    backgroundImage: StarIcon1,
     image: Image6
   },
   {
@@ -206,7 +205,7 @@ const AGENTIC_USECASES = [
     name: "Influencer Matchmaker Agent",
     description: "Find creators with the best audience fit and predicted lift.",
     colorVariant: "success",
-    backgroundImage: StarIcon5,
+    backgroundImage: StarIcon1,
     image: Image11
   },
   {
@@ -262,7 +261,7 @@ const AGENTIC_USECASES = [
     name: "Cart-Recovery Nudge Agent",
     description: "Recover abandoned carts with contextual, timed nudges.",
     colorVariant: "success",
-    backgroundImage: StarIcon5,
+    backgroundImage: StarIcon1,
     image: CarouselImage6
   }
 ];