impact-ui 5.0.0 → 5.0.1-beta.1

package/dist/components/OnboardingTour/tooltipCard.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900";@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:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;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),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}@keyframes onboarding-tour-section-enter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-tour-overlay{background-color:#0d152ccc;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;-webkit-tap-highlight-color:transparent;opacity:1;pointer-events:auto;transition:opacity .5s ease-in-out}.onboarding-tour-overlay.overlay--hidden{opacity:0;pointer-events:none}.onboarding-tour-close-button{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #0000001f;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px}.onboarding-tour-close-button:focus-visible{box-shadow:0 0 4px #0000001f,0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.onboarding-tour-close-button:focus:not(:focus-visible){box-shadow:0 0 4px #0000001f;outline:none}.onboarding-tour-close-button svg{height:18px;width:18px}.onboarding-tour-wrapper{background-color:#fff;background-image:radial-gradient(circle,#f7f7f799 2px,#0000 0),radial-gradient(circle,#f7f7f799 2px,#0000 0);background-size:18px 18px;border-radius:12px;box-shadow:0 0 30px 6px #0000001a;left:50%;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:999999}.onboarding-tour-wrapper .onboarding-tour-container{align-items:center;display:flex;flex-direction:column;gap:32px;height:100%;justify-content:space-between}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header{align-items:center;display:flex;flex-direction:column;gap:8px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content{align-items:center;display:flex;flex-direction:column;gap:4px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content .onboarding-tour-title{color:#0d152c;font-size:32px;font-weight:800;line-height:48px;text-transform:capitalize;white-space:nowrap}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content .onboarding-tour-description{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center;width:302px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-footer .onboarding-tour-actions{align-items:center;display:flex;gap:12px}.onboarding-tour-wrapper .onboarding-tour-close-button{right:12px;top:12px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header.onboarding-tour-header--entrance{animation:onboarding-tour-section-enter .4s cubic-bezier(.22,1,.36,1) 0s both;will-change:opacity,transform}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-footer.onboarding-tour-footer--entrance{animation:onboarding-tour-section-enter .4s cubic-bezier(.22,1,.36,1) .6s both;will-change:opacity,transform}@media (prefers-reduced-motion:reduce){.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-footer.onboarding-tour-footer--entrance,.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header.onboarding-tour-header--entrance{animation:none!important;opacity:1;transform:none}}@media screen and (max-width:1512px){.onboarding-tour-wrapper{padding:30px}.onboarding-tour-wrapper .onboarding-tour-close-button svg{height:14px;width:14px}.onboarding-tour-wrapper .onboarding-tour-container{gap:24px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header{gap:4px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content{gap:2px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content .onboarding-tour-title{font-size:24px;line-height:36px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content .onboarding-tour-description{font-size:12px;line-height:18px}}@keyframes slide-in-from-right{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-from-left{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:translate(0)}}@keyframes dot-fill{0%{width:0}to{width:100%}}.onboarding-tour-middle-section{align-items:center;display:flex;flex-direction:column;gap:8px;overflow:hidden;width:100%}.onboarding-tour-middle-section .screen-slide{display:flex;justify-content:center;width:100%}.onboarding-tour-middle-section .screen-slide--forward{animation:slide-in-from-right .38s cubic-bezier(.22,1,.36,1) both}.onboarding-tour-middle-section .screen-slide--backward{animation:slide-in-from-left .38s cubic-bezier(.22,1,.36,1) both}.onboarding-tour-middle-section .screen-slide img{max-height:100%;max-width:100%;object-fit:contain}.onboarding-tour-image{height:295px;object-fit:contain;width:520px}.button-carousel-wrapper{align-items:center;display:flex;gap:10px;justify-content:center}.button-carousel-wrapper .button{background-color:#d9dde7;border-radius:5px;cursor:pointer;flex-shrink:0;height:10px;overflow:hidden;position:relative;transition:width .3s cubic-bezier(.22,1,.36,1),background-color .2s;width:10px}.button-carousel-wrapper .button.active{background-color:#d9dde7;width:32px}.button-carousel-wrapper .button.active:after{animation:dot-fill var(--dot-duration,2s) linear forwards;background-color:#4259ee;border-radius:5px;content:"";height:100%;inset-block:0;left:0;position:absolute}@media (prefers-reduced-motion:reduce){.onboarding-tour-middle-section .screen-slide{animation:none!important;opacity:1;transform:none}.onboarding-tour-middle-section .button.active:after{animation:none!important;width:100%}}@media screen and (max-width:1512px){.onboarding-tour-middle-section{gap:6px}.onboarding-tour-image{height:222px;width:390px}}@keyframes tooltip-slide-in-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes tooltip-slide-in-left{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}.tooltip-card-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 0 30px 6px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:32px;padding:40px;position:relative;width:428px}.tooltip-card-wrapper--anchored{position:absolute;z-index:999999}.tooltip-card-arrow{background-color:#b3bdf8;position:absolute}.tooltip-card-arrow--bottom-left,.tooltip-card-arrow--bottom-right,.tooltip-card-arrow--top-left,.tooltip-card-arrow--top-right{height:12px;width:18px}.tooltip-card-arrow--left-bottom,.tooltip-card-arrow--left-top,.tooltip-card-arrow--right-bottom,.tooltip-card-arrow--right-top{height:18px;width:12px}.tooltip-card-arrow--top-left,.tooltip-card-arrow--top-right{clip-path:polygon(50% 0,0 100%,100% 100%);top:-12px}.tooltip-card-arrow--bottom-left,.tooltip-card-arrow--bottom-right{bottom:-12px;clip-path:polygon(0 0,100% 0,50% 100%)}.tooltip-card-arrow--left-bottom,.tooltip-card-arrow--left-top{clip-path:polygon(0 50%,100% 0,100% 100%);left:-12px}.tooltip-card-arrow--right-bottom,.tooltip-card-arrow--right-top{clip-path:polygon(100% 50%,0 0,0 100%);right:-12px}.tooltip-card-arrow--bottom-left,.tooltip-card-arrow--top-left{left:32px}.tooltip-card-arrow--bottom-right,.tooltip-card-arrow--top-right{right:32px}.tooltip-card-arrow--left-top,.tooltip-card-arrow--right-top{top:32px}.tooltip-card-arrow--left-bottom,.tooltip-card-arrow--right-bottom{bottom:32px}.tooltip-card-body,.tooltip-card-content{display:flex;flex-direction:column;gap:8px}.tooltip-card-content{will-change:opacity,transform}.tooltip-card-content--forward{animation:tooltip-slide-in-right .32s cubic-bezier(.22,1,.36,1) both}.tooltip-card-content--backward{animation:tooltip-slide-in-left .32s cubic-bezier(.22,1,.36,1) both}.tooltip-card-content .tooltip-card-image{margin-top:24px}.tooltip-card-header{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.tooltip-card-description{color:#7a8294;font-size:14px;font-weight:500;line-height:21px}.tooltip-card-image{border-radius:12px}.tooltip-card-footer{align-items:center;display:flex;justify-content:space-between}.tooltip-card-footer-right{align-items:center;display:flex;gap:14px}.tooltip-card-skip-btn:hover{text-decoration:none!important}@media (prefers-reduced-motion:reduce){.tooltip-card-content{animation:none!important;opacity:1;transform:none}}.product-tour-list{bottom:24px;position:fixed;right:12px;z-index:999999}.product-tour-list-minimized-chip{align-items:center;background-color:#4259ee;border:none;border-bottom:4px solid #687af1;border-radius:4px;box-shadow:0 10px 15px #00000026;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:16px 32px;position:relative}.product-tour-list-minimized-chip:focus-visible{box-shadow:0 10px 15px #00000026,0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.product-tour-list-minimized-chip:focus:not(:focus-visible){box-shadow:0 10px 15px #00000026;outline:none}.product-tour-list-minimized-chip .product-tour-list-minimized-label{color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;text-transform:capitalize;white-space:nowrap}.product-tour-list-minimized-badge{border-radius:100px;box-shadow:0 0 4px #0000001f;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;height:30px;justify-content:center;line-height:24px;min-width:30px;padding:6px;position:absolute;right:-11px;text-transform:capitalize;top:-10px}.product-tour-list--expanded,.product-tour-list-minimized-badge{align-items:center;background-color:#fff;box-sizing:border-box;display:flex}.product-tour-list--expanded{border-radius:12px;box-shadow:0 0 15px #0000001a;flex-direction:column;gap:32px;padding:40px;width:435px}.product-tour-list-close{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #0000001f;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px}.product-tour-list-close:focus-visible{box-shadow:0 0 4px #0000001f,0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.product-tour-list-close:focus:not(:focus-visible){box-shadow:0 0 4px #0000001f;outline:none}.product-tour-list-close svg{height:18px;width:18px}.product-tour-list-title{color:#0d152c;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;line-height:36px;padding:8px 12px;text-align:center;text-transform:capitalize;width:100%}.product-tour-list-steps{display:flex;flex-direction:column;gap:8px;width:100%}.product-tour-list-step{align-items:center;background-color:#f5f6fa;border-radius:12px;box-sizing:border-box;display:flex;gap:6px;min-width:130px;padding:12px 16px;width:100%}.product-tour-list-step .product-tour-list-step-index{color:#31416e;flex-shrink:0;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;line-height:1.25;text-transform:capitalize}.product-tour-list-step .product-tour-list-step-label{color:#1f2b4d;flex:1;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;line-height:1.25;min-width:0;text-transform:capitalize}.product-tour-list-step--completed .product-tour-list-step-index{color:#7a8294}.product-tour-list-step--completed .product-tour-list-step-label{color:#b4bac7}.product-tour-list-step-btn{flex-shrink:0;height:32px!important;max-height:32px;min-width:56px!important}.product-tour-list-step-btn.product-tour-list-step-btn--completed{background-color:#c3c8d4!important;border-color:#c3c8d4!important;color:#fff!important}.product-tour-list-step-btn.product-tour-list-step-btn--completed:hover{background-color:#c3c8d4!important;border-color:#c3c8d4!important}.product-tour-list-dismiss{height:32px!important;justify-content:center;width:100%}.product-tour-list-dismiss:hover{text-decoration:none!important}@media screen and (max-width:1512px){.product-tour-list--expanded{gap:24px;padding:30px;width:380px}.product-tour-list-close svg{height:14px;width:14px}.product-tour-list-title{font-size:20px;line-height:30px;padding:4px 8px}.product-tour-list-step{padding:10px 12px}.product-tour-list-step .product-tour-list-step-index,.product-tour-list-step .product-tour-list-step-label{font-size:14px}.product-tour-list-step-btn{height:28px!important;max-height:28px}.product-tour-list-minimized-chip{padding:12px 24px}.product-tour-list-minimized-chip .product-tour-list-minimized-label{font-size:13px;line-height:18px}.product-tour-list-minimized-badge{font-size:14px;height:26px;line-height:20px;min-width:26px}}@media screen and (max-width:1280px){.product-tour-list--expanded{gap:20px;padding:24px;width:360px}.product-tour-list-title{font-size:18px;line-height:28px}.product-tour-list-steps{gap:6px}.product-tour-list-step{padding:8px 12px}.product-tour-list-step .product-tour-list-step-index,.product-tour-list-step .product-tour-list-step-label{font-size:13px}.product-tour-list-dismiss{font-size:13px!important;height:auto!important;line-height:18px!important;min-height:28px;text-align:center;white-space:normal}}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900";@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-onboarding-tour{--onboarding-overlay-bg:#0d152ccc;--onboarding-drop-shadow:0 0 4px 0 #0000001f;--onboarding-panel-shadow:0px 0px 30px 6px #0000001a;--onboarding-panel-shadow-soft:0px 0px 15px #0000001a;--onboarding-chip-shadow:0px 10px 15px #00000026;--onboarding-surface-bg:#fff;--onboarding-surface-border-width:0;--onboarding-surface-border:#0000;--onboarding-surface-dot:#f7f7f71a;--onboarding-text-title:#0d152c;--onboarding-text-caption:#7a8294;--onboarding-text-body:#1f2b4d;--onboarding-icon-muted:#60697d;--onboarding-carousel-track:#d9dde7;--onboarding-carousel-fill:#4259ee;--onboarding-arrow:#b3bdf8;--onboarding-primary:#4259ee;--onboarding-primary-lighter:#687af1;--onboarding-on-primary:#fff;--onboarding-step-bg:#f5f6fa;--onboarding-step-index:#31416e;--onboarding-step-done-caption:#7a8294;--onboarding-step-done-label:#b4bac7;--onboarding-step-btn-done:#c3c8d4}[data-iu-theme=dark] .ia-onboarding-tour{--onboarding-overlay-bg:var(--iu-effect-mix-modal-backdrop-80);--onboarding-drop-shadow:var(--iu-effect-shadow-drop-4);--onboarding-panel-shadow:var(--iu-effect-shadow-overlay-navy-alpha-16);--onboarding-panel-shadow-soft:var(--iu-effect-shadow-overlay-navy-alpha-16);--onboarding-chip-shadow:var(--iu-effect-shadow-overlay-navy-alpha-16);--onboarding-surface-bg:var(--iu-bg-surface-layer-bg);--onboarding-surface-border-width:.5px;--onboarding-surface-border:var(--iu-border-default);--onboarding-surface-dot:color-mix(in srgb,var(--iu-on-surface-caption) 3%,#0000);--onboarding-text-title:var(--iu-on-surface-title);--onboarding-text-caption:var(--iu-on-surface-caption);--onboarding-text-body:var(--iu-on-surface-body);--onboarding-icon-muted:var(--iu-on-surface-icon);--onboarding-carousel-track:var(--iu-border-default);--onboarding-carousel-fill:var(--iu-bg-primary);--onboarding-arrow:var(--iu-border-primary-lighter);--onboarding-primary:var(--iu-bg-primary);--onboarding-primary-lighter:var(--iu-bg-primary-lighter);--onboarding-on-primary:var(--iu-on-primary-text);--onboarding-step-bg:var(--iu-bg-surface-lighter);--onboarding-step-index:var(--iu-on-surface-subtitle);--onboarding-step-done-caption:var(--iu-on-surface-caption);--onboarding-step-done-label:var(--iu-on-disabled);--onboarding-step-btn-done:var(--iu-bg-disabled-2)}@keyframes onboarding-tour-section-enter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-tour-overlay{background-color:var(--onboarding-overlay-bg);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;-webkit-tap-highlight-color:transparent;opacity:1;pointer-events:auto;transition:opacity .5s ease-in-out}.onboarding-tour-overlay.overlay--hidden{opacity:0;pointer-events:none}.onboarding-tour-close-button{align-items:center;background-color:var(--onboarding-surface-bg);border-radius:50%;box-shadow:var(--onboarding-drop-shadow);cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px}.onboarding-tour-close-button:focus-visible{box-shadow:var(--onboarding-drop-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}.onboarding-tour-close-button:focus:not(:focus-visible){box-shadow:var(--onboarding-drop-shadow);outline:none}.onboarding-tour-close-button svg{color:var(--onboarding-icon-muted);height:18px;width:18px}.onboarding-tour-wrapper{background-color:var(--onboarding-surface-bg);background-image:radial-gradient(circle,var(--onboarding-surface-dot) 2px,#0000 1px),radial-gradient(circle,var(--onboarding-surface-dot) 2px,#0000 1px);background-size:18px 18px;border:var(--onboarding-surface-border-width) solid var(--onboarding-surface-border);border-radius:12px;box-shadow:var(--onboarding-panel-shadow);color:var(--onboarding-text-body);left:50%;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:999999}.onboarding-tour-wrapper .onboarding-tour-container{align-items:center;display:flex;flex-direction:column;gap:32px;height:100%;justify-content:space-between}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header{align-items:center;display:flex;flex-direction:column;gap:8px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content{align-items:center;display:flex;flex-direction:column;gap:4px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content .onboarding-tour-title{color:var(--onboarding-text-title);font-size:32px;font-weight:800;line-height:48px;text-transform:capitalize;white-space:nowrap}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content .onboarding-tour-description{color:var(--onboarding-text-caption);font-size:16px;font-weight:600;line-height:24px;text-align:center;width:302px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-footer .onboarding-tour-actions{align-items:center;display:flex;gap:12px}.onboarding-tour-wrapper .onboarding-tour-close-button{right:12px;top:12px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header.onboarding-tour-header--entrance{animation:onboarding-tour-section-enter .4s cubic-bezier(.22,1,.36,1) 0s both;will-change:opacity,transform}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-footer.onboarding-tour-footer--entrance{animation:onboarding-tour-section-enter .4s cubic-bezier(.22,1,.36,1) .6s both;will-change:opacity,transform}@media (prefers-reduced-motion:reduce){.onboarding-tour-wrapper .onboarding-tour-container :is(.onboarding-tour-footer.onboarding-tour-footer--entrance,.onboarding-tour-header.onboarding-tour-header--entrance){animation:none!important;opacity:1;transform:none}}@media screen and (max-width:1512px){.onboarding-tour-wrapper{padding:30px}.onboarding-tour-wrapper .onboarding-tour-close-button svg{height:14px;width:14px}.onboarding-tour-wrapper .onboarding-tour-container{gap:24px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header{gap:4px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content{gap:2px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content .onboarding-tour-title{font-size:24px;line-height:36px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content .onboarding-tour-description{font-size:12px;line-height:18px}}@keyframes slide-in-from-right{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-from-left{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:translate(0)}}@keyframes dot-fill{0%{width:0}to{width:100%}}.onboarding-tour-middle-section{align-items:center;display:flex;flex-direction:column;gap:8px;overflow:hidden;width:100%}.onboarding-tour-middle-section .screen-slide{display:flex;justify-content:center;width:100%}.onboarding-tour-middle-section .screen-slide--forward{animation:slide-in-from-right .38s cubic-bezier(.22,1,.36,1) both}.onboarding-tour-middle-section .screen-slide--backward{animation:slide-in-from-left .38s cubic-bezier(.22,1,.36,1) both}.onboarding-tour-middle-section .screen-slide img{max-height:100%;max-width:100%;object-fit:contain}.onboarding-tour-image{height:295px;object-fit:contain;width:520px}.button-carousel-wrapper{align-items:center;display:flex;gap:10px;justify-content:center}.button-carousel-wrapper .button{background-color:var(--onboarding-carousel-track);border-radius:5px;cursor:pointer;flex-shrink:0;height:10px;overflow:hidden;position:relative;transition:width .3s cubic-bezier(.22,1,.36,1),background-color .2s;width:10px}.button-carousel-wrapper .button.active{background-color:var(--onboarding-carousel-track);width:32px}.button-carousel-wrapper .button.active:after{animation:dot-fill var(--dot-duration,2s) linear forwards;background-color:var(--onboarding-carousel-fill);border-radius:5px;content:"";height:100%;inset-block:0;left:0;position:absolute}@media (prefers-reduced-motion:reduce){.onboarding-tour-middle-section .screen-slide{animation:none!important;opacity:1;transform:none}.onboarding-tour-middle-section .button.active:after{animation:none!important;width:100%}}@media screen and (max-width:1512px){.onboarding-tour-middle-section{gap:6px}.onboarding-tour-image{height:222px;width:390px}}@keyframes tooltip-slide-in-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes tooltip-slide-in-left{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}.tooltip-card-wrapper{background-color:var(--onboarding-surface-bg);border:var(--onboarding-surface-border-width) solid var(--onboarding-surface-border);border-radius:12px;box-shadow:var(--onboarding-panel-shadow);box-sizing:border-box;color:var(--onboarding-text-body);display:flex;flex-direction:column;gap:32px;padding:40px;position:relative;width:428px}.tooltip-card-wrapper--anchored{position:absolute;z-index:999999}.tooltip-card-arrow{background-color:var(--onboarding-arrow);position:absolute}.tooltip-card-arrow--bottom-left,.tooltip-card-arrow--bottom-right,.tooltip-card-arrow--top-left,.tooltip-card-arrow--top-right{height:12px;width:18px}.tooltip-card-arrow--left-bottom,.tooltip-card-arrow--left-top,.tooltip-card-arrow--right-bottom,.tooltip-card-arrow--right-top{height:18px;width:12px}.tooltip-card-arrow--top-left,.tooltip-card-arrow--top-right{clip-path:polygon(50% 0,0 100%,100% 100%);top:-12px}.tooltip-card-arrow--bottom-left,.tooltip-card-arrow--bottom-right{bottom:-12px;clip-path:polygon(0 0,100% 0,50% 100%)}.tooltip-card-arrow--left-bottom,.tooltip-card-arrow--left-top{clip-path:polygon(0 50%,100% 0,100% 100%);left:-12px}.tooltip-card-arrow--right-bottom,.tooltip-card-arrow--right-top{clip-path:polygon(100% 50%,0 0,0 100%);right:-12px}.tooltip-card-arrow--bottom-left,.tooltip-card-arrow--top-left{left:32px}.tooltip-card-arrow--bottom-right,.tooltip-card-arrow--top-right{right:32px}.tooltip-card-arrow--left-top,.tooltip-card-arrow--right-top{top:32px}.tooltip-card-arrow--left-bottom,.tooltip-card-arrow--right-bottom{bottom:32px}.tooltip-card-body,.tooltip-card-content{display:flex;flex-direction:column;gap:8px}.tooltip-card-content{will-change:opacity,transform}.tooltip-card-content--forward{animation:tooltip-slide-in-right .32s cubic-bezier(.22,1,.36,1) both}.tooltip-card-content--backward{animation:tooltip-slide-in-left .32s cubic-bezier(.22,1,.36,1) both}.tooltip-card-content .tooltip-card-image{margin-top:24px}.tooltip-card-header{color:var(--onboarding-text-title);font-size:16px;font-weight:800;line-height:24px}.tooltip-card-description{color:var(--onboarding-text-caption);font-size:14px;font-weight:500;line-height:21px}.tooltip-card-image{border-radius:12px}.tooltip-card-footer{align-items:center;display:flex;justify-content:space-between}.tooltip-card-footer-right{align-items:center;display:flex;gap:14px}.tooltip-card-skip-btn:hover{text-decoration:none!important}@media (prefers-reduced-motion:reduce){.tooltip-card-content{animation:none!important;opacity:1;transform:none}}.product-tour-list{bottom:24px;position:fixed;right:12px;z-index:999999}.product-tour-list-minimized-chip{align-items:center;background-color:var(--onboarding-primary);border:none;border-bottom:4px solid var(--onboarding-primary-lighter);border-radius:4px;box-shadow:var(--onboarding-chip-shadow);cursor:pointer;display:flex;gap:10px;justify-content:center;padding:16px 32px;position:relative}.product-tour-list-minimized-chip:focus-visible{box-shadow:var(--onboarding-chip-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}.product-tour-list-minimized-chip:focus:not(:focus-visible){box-shadow:var(--onboarding-chip-shadow);outline:none}.product-tour-list-minimized-chip .product-tour-list-minimized-label{color:var(--onboarding-on-primary);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;text-transform:capitalize;white-space:nowrap}.product-tour-list-minimized-badge{border-radius:100px;box-shadow:var(--onboarding-drop-shadow);font-family:Manrope,sans-serif;font-size:16px;font-weight:600;height:30px;justify-content:center;line-height:24px;min-width:30px;padding:6px;position:absolute;right:-11px;text-transform:capitalize;top:-10px}.product-tour-list--expanded,.product-tour-list-minimized-badge{align-items:center;background-color:var(--onboarding-surface-bg);box-sizing:border-box;color:var(--onboarding-text-body);display:flex}.product-tour-list--expanded{border:var(--onboarding-surface-border-width) solid var(--onboarding-surface-border);border-radius:12px;box-shadow:var(--onboarding-panel-shadow-soft);flex-direction:column;gap:32px;padding:40px;width:435px}.product-tour-list-close{align-items:center;background-color:var(--onboarding-surface-bg);border-radius:50%;box-shadow:var(--onboarding-drop-shadow);cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px}.product-tour-list-close:focus-visible{box-shadow:var(--onboarding-drop-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}.product-tour-list-close:focus:not(:focus-visible){box-shadow:var(--onboarding-drop-shadow);outline:none}.product-tour-list-close svg{color:var(--onboarding-icon-muted);height:18px;width:18px}.product-tour-list-title{color:var(--onboarding-text-title);font-family:Manrope,sans-serif;font-size:24px;font-weight:800;line-height:36px;padding:8px 12px;text-align:center;text-transform:capitalize;width:100%}.product-tour-list-steps{display:flex;flex-direction:column;gap:8px;width:100%}.product-tour-list-step{align-items:center;background-color:var(--onboarding-step-bg);border-radius:12px;box-sizing:border-box;display:flex;gap:6px;min-width:130px;padding:12px 16px;width:100%}.product-tour-list-step .product-tour-list-step-index{color:var(--onboarding-step-index);flex-shrink:0;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;line-height:1.25;text-transform:capitalize}.product-tour-list-step .product-tour-list-step-label{color:var(--onboarding-text-body);flex:1;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;line-height:1.25;min-width:0;text-transform:capitalize}.product-tour-list-step--completed .product-tour-list-step-index{color:var(--onboarding-step-done-caption)}.product-tour-list-step--completed .product-tour-list-step-label{color:var(--onboarding-step-done-label)}.product-tour-list-step-btn{flex-shrink:0;height:32px!important;max-height:32px;min-width:56px!important}.product-tour-list-step-btn.product-tour-list-step-btn--completed{color:var(--onboarding-on-primary)!important}.product-tour-list-step-btn.product-tour-list-step-btn--completed,.product-tour-list-step-btn.product-tour-list-step-btn--completed:hover{background-color:var(--onboarding-step-btn-done)!important;border-color:var(--onboarding-step-btn-done)!important}.product-tour-list-dismiss{height:32px!important;justify-content:center;width:100%}.product-tour-list-dismiss:hover{text-decoration:none!important}@media screen and (max-width:1512px){.product-tour-list--expanded{gap:24px;padding:30px;width:380px}.product-tour-list-close svg{height:14px;width:14px}.product-tour-list-title{font-size:20px;line-height:30px;padding:4px 8px}.product-tour-list-step{padding:10px 12px}.product-tour-list-step :is(.product-tour-list-step-index,.product-tour-list-step-label){font-size:14px}.product-tour-list-step-btn{height:28px!important;max-height:28px}.product-tour-list-minimized-chip{padding:12px 24px}.product-tour-list-minimized-chip .product-tour-list-minimized-label{font-size:13px;line-height:18px}.product-tour-list-minimized-badge{font-size:14px;height:26px;line-height:20px;min-width:26px}}@media screen and (max-width:1280px){.product-tour-list--expanded{gap:20px;padding:24px;width:360px}.product-tour-list-title{font-size:18px;line-height:28px}.product-tour-list-steps{gap:6px}.product-tour-list-step{padding:8px 12px}.product-tour-list-step :is(.product-tour-list-step-index,.product-tour-list-step-label){font-size:13px}.product-tour-list-dismiss{font-size:13px!important;height:auto!important;line-height:18px!important;min-height:28px;text-align:center;white-space:normal}}')),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useCallback, useRef, useEffect } from "react";
 import { Button } from "../Button/index.js";
@@ -57,7 +57,7 @@ const TooltipCard = ({
     "div",
     {
       ref: wrapperRef,
-      className: `tooltip-card-wrapper${anchorRef ? " tooltip-card-wrapper--anchored" : ""}`,
+      className: `ia-styles ia-onboarding-tour tooltip-card-wrapper${anchorRef ? " tooltip-card-wrapper--anchored" : ""}`,
       style: anchorRef ? wrapperStyle : void 0,
       children: [
         /* @__PURE__ */ jsx("div", { className: `tooltip-card-arrow tooltip-card-arrow--${resolvedArrowPosition}` }),

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

@@ -1,5 +1,5 @@
 import { PanelProps } from './Panel.types';
 
 export type { PanelProps, PanelAnchor, PanelSize } from './Panel.types';
-export declare function Panel({ className, title, size, anchor, open, setIsOpen, children, onClose, primaryButtonLabel, onPrimaryButtonClick, secondaryButtonLabel, onSecondaryButtonClick, primaryButtonProps, secondaryButtonProps, width, zIndex, customFooterContent, resizable, minWidth, maxWidth, onResize, ...args }: PanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function Panel({ className, title, size, anchor, open, setIsOpen, children, onClose, primaryButtonLabel, onPrimaryButtonClick, secondaryButtonLabel, onSecondaryButtonClick, primaryButtonProps, secondaryButtonProps, width, zIndex, customFooterContent, resizable, minWidth, maxWidth, onResize, sx, ...args }: PanelProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAC3D,OAAO,qBAAqB,CAAC;AAE7B,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAWxE,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,MAAgB,EAChB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,EACL,MAAa,EACb,mBAAmB,EACnB,SAAS,EACT,QAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CA+HZ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAC3D,OAAO,qBAAqB,CAAC;AAE7B,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAWxE,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,MAAgB,EAChB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,EACL,MAAa,EACb,mBAAmB,EACnB,SAAS,EACT,QAAc,EACd,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,GAAG,IAAI,EACR,EAAE,UAAU,+BAmIZ"}

package/dist/components/Panel/index.js

@@ -1,10 +1,11 @@
-!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:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;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),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.impact_drawer_container_medium{height:100%;width:375px}.impact_drawer_container_large{height:100%;width:526px}.MuiBox-root{width:auto}.impact_drawer_container{--ia-focus-bg:#eceefd;position:relative}.impact_drawer_container .impact_drawer_header{align-items:center;background:#eceefd;display:flex;height:40px;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:1}.impact_drawer_container .impact_drawer_header .impact_drawer_heading{font-size:16px;font-weight:700}.impact_drawer_container .impact_drawer_header .close_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:16px;cursor:pointer;height:16px;width:16px}.impact_drawer_container .impact_drawer_header .close_icon:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact_drawer_container .impact_drawer_header .close_icon:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_drawer_container .impact_drawer_body{height:calc(100% - 100px);overflow-y:auto;padding:16px;position:relative;width:100%;z-index:0}.impact_drawer_container .impact_drawer_footer{align-items:center;background:#fff;border-top:1px solid #d9dde7;bottom:0;display:flex;height:56px;left:0;padding:0 16px;position:absolute;right:0;z-index:1}.impact_drawer_container .impact_drawer_footer .ia-styles.ia-btn.ia-btn-link{text-decoration:none}.impact_drawer_container .impact_drawer_footer .impact_drawer_footer_right_container{align-items:center;display:flex;gap:8px;margin-left:auto}.panel-resizer{cursor:col-resize;height:100%;position:absolute;top:0;width:5px;z-index:10}.panel-resizer.panel-resizer-left{left:0}.panel-resizer.panel-resizer-right{right:0}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!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_container_medium{height:100%;width:375px}.impact_drawer_container_large{height:100%;width:526px}.MuiBox-root{width:auto}.impact_drawer_container{--ia-focus-bg:var(--iu-bg-primary-subtle);position:relative}.impact_drawer_container .impact_drawer_header{align-items:center;background:var(--iu-bg-primary-subtle);display:flex;height:40px;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:1}.impact_drawer_container .impact_drawer_header .impact_drawer_heading{color:var(--iu-on-surface-body);font-size:16px;font-weight:700}.impact_drawer_container .impact_drawer_header .close_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:16px;cursor:pointer;height:16px;width:16px}.impact_drawer_container .impact_drawer_header .close_icon: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_container .impact_drawer_header .close_icon:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_drawer_container .impact_drawer_body{background:var(--iu-bg-surface-layer-bg);height:100vh;overflow-y:auto;padding:16px;position:relative;width:100%;z-index:0}.impact_drawer_container .impact_drawer_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;left:0;padding:0 16px;position:absolute;right:0;z-index:1}.impact_drawer_container .impact_drawer_footer .ia-styles.ia-btn.ia-btn-link{text-decoration:none}.impact_drawer_container .impact_drawer_footer .impact_drawer_footer_right_container{align-items:center;display:flex;gap:8px;margin-left:auto}.panel-resizer{cursor:col-resize;height:100%;position:absolute;top:0;width:5px;z-index:10}.panel-resizer.panel-resizer-left{left:0}.panel-resizer.panel-resizer-right{right:0}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { Button } from "../Button/index.js";
 
 import { useTranslation } from "../../i18n/useTranslation.js";
 import Drawer from "../../node_modules/@mui/material/Drawer/Drawer.js";
+import { mergeImpactUiDrawerSx } from "../../tokens/createImpactUiMuiTheme.js";
 function getSize(size) {
   switch (size) {
     case "medium":
@@ -35,6 +36,7 @@ function Panel({
   minWidth = 375,
   maxWidth,
   onResize,
+  sx,
   ...args
 }) {
   const { t } = useTranslation();
@@ -93,13 +95,17 @@ function Panel({
     Drawer,
     {
       anchor,
+      className: "impact-ui-drawer",
       open,
-      sx: {
-        "& .MuiDrawer-paper": {
-          zIndex: `${zIndex}`,
-          overflow: "visible"
-        }
-      },
+      sx: mergeImpactUiDrawerSx([
+        {
+          "& .MuiDrawer-paper": {
+            zIndex: `${zIndex}`,
+            overflow: "visible"
+          }
+        },
+        ...Array.isArray(sx) ? sx : sx != null ? [sx] : []
+      ]),
       onClose: toggleDrawer(anchor, false),
       ...args,
       children: /* @__PURE__ */ jsxs(

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

@@ -25,5 +25,10 @@ export interface PopoverProps extends BaseComponentProps, Omit<MUIPopoverProps,
     secondaryButtonProps?: Partial<ButtonProps>;
     /** Popover body content */
     children?: ReactNode;
+    /**
+     * When true, renders only `children` inside the themed paper (no title, close icon, or footer).
+     * Use for custom surfaces such as the profile menu.
+     */
+    contentOnly?: boolean;
 }
 //# sourceMappingURL=Popover.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7E;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,kBAAkB,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC;IACtF,2BAA2B;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qEAAqE;IACrE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,eAAe,GAAG,eAAe,KAAK,IAAI,CAAC;IAC9E,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,4CAA4C;IAC5C,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,8CAA8C;IAC9C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC1C,2CAA2C;IAC3C,oBAAoB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5C,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
+{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7E;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,kBAAkB,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC;IACtF,2BAA2B;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qEAAqE;IACrE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,eAAe,GAAG,eAAe,KAAK,IAAI,CAAC;IAC9E,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,4CAA4C;IAC5C,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,8CAA8C;IAC9C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC1C,2CAA2C;IAC3C,oBAAoB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5C,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

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

@@ -4,7 +4,7 @@ export type { PopoverProps } from './Popover.types';
 /**
  * Popover with optional title, body, and footer actions. Wraps MUI Popover.
  */
-export declare function Popover({ children, title, onClose, primaryButtonLabel, secondaryButtonLabel, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonProps, secondaryButtonProps, slotProps, 'data-testid': dataTestId, ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function Popover({ children, title, onClose, primaryButtonLabel, secondaryButtonLabel, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonProps, secondaryButtonProps, slotProps, contentOnly, 'data-testid': dataTestId, ...props }: PopoverProps): import("react").JSX.Element;
 export declare namespace Popover {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,uBAAuB,CAAC;AAE/B,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD;;GAEG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,EAAE,YAAY,2CAkEd;yBA/Ee,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,uBAAuB,CAAC;AAE/B,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD;;GAEG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,EACT,WAAmB,EACnB,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,EAAE,YAAY,+BAgFd;yBA9Fe,OAAO"}

package/dist/components/Popover/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:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;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),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.popover-container{border-radius:12px!important;box-shadow:0 0 4px #0000001f;margin-top:2px;min-width:240px;padding:12px}.popover-container .popover-content{display:flex;flex-direction:column;gap:12px}.popover-container .popover-content .popover-header{align-items:center;display:flex;justify-content:space-between}.popover-container .popover-content .popover-header .popover-header-title{color:#0d152c;font-size:14px;font-weight:800;line-height:21px}.popover-container .popover-content .popover-header .popover-close-icon:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.popover-container .popover-content .popover-header .popover-close-icon:focus:not(:focus-visible){box-shadow:none;outline:none}.popover-container .popover-content .popover-body{height:calc(100% - 40px);overflow-y:auto;width:100%}.popover-container .popover-content .popover-footer .popover-footer-content{display:flex;flex-direction:column;gap:8px}.popover-container .popover-content .popover-footer .popover-footer-content .divider-line{background:#d9dde7;height:1px;width:100%}.popover-container .popover-content .popover-footer .popover-footer-content .popover-footer-buttons{display:flex;gap:12px;justify-content:flex-end}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+!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)}}.popover-container--content-only{min-width:unset;padding:0}.popover-container{background:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);border-radius:12px!important;box-shadow:0 0 4px 0 var(--iu-legacy-box-shadow-tint);color:var(--iu-on-surface-body);margin-top:2px;min-width:240px;padding:12px}.popover-container .popover-content{display:flex;flex-direction:column;gap:12px}.popover-container .popover-content .popover-header{align-items:center;display:flex;justify-content:space-between}.popover-container .popover-content .popover-header .popover-header-title{color:var(--iu-on-surface-body);font-size:14px;font-weight:800;line-height:21px}.popover-container .popover-content .popover-header .popover-close-icon: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}.popover-container .popover-content .popover-header .popover-close-icon:focus:not(:focus-visible){box-shadow:none;outline:none}.popover-container .popover-content .popover-body{height:calc(100% - 40px);overflow-y:auto;width:100%}.popover-container .popover-content .popover-footer .popover-footer-content{display:flex;flex-direction:column;gap:8px}.popover-container .popover-content .popover-footer .popover-footer-content .divider-line{background:var(--iu-border-disabled);height:1px;width:100%}.popover-container .popover-content .popover-footer .popover-footer-content .popover-footer-buttons{display:flex;gap:12px;justify-content:flex-end}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import default_1 from "../../node_modules/@mui/icons-material/Close.js";
 import { Button } from "../Button/index.js";
@@ -16,19 +16,27 @@ function Popover({
   primaryButtonProps,
   secondaryButtonProps,
   slotProps,
+  contentOnly = false,
   "data-testid": dataTestId,
   ...props
 }) {
   var _a;
   const { t } = useTranslation();
+  const paperClassFromSlot = (_a = slotProps == null ? void 0 : slotProps.paper) == null ? void 0 : _a.className;
   const mergedSlotProps = {
     ...slotProps,
     paper: {
       ...slotProps == null ? void 0 : slotProps.paper,
-      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      className: ["popover-container", (_a = slotProps == null ? void 0 : slotProps.paper) == null ? void 0 : _a.className].filter(Boolean).join(" ")
+      className: [
+        "popover-container",
+        contentOnly ? "popover-container--content-only" : null,
+        paperClassFromSlot
+      ].filter(Boolean).join(" ")
     }
   };
+  if (contentOnly) {
+    return /* @__PURE__ */ jsx(Popover$1, { ...props, slotProps: mergedSlotProps, onClose, children: /* @__PURE__ */ jsx("div", { className: "popover-content-only", "data-testid": dataTestId, children }) });
+  }
   return /* @__PURE__ */ jsx(Popover$1, { ...props, slotProps: mergedSlotProps, onClose, children: /* @__PURE__ */ jsxs("div", { className: "popover-content", "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsxs("div", { className: "popover-header", children: [
       /* @__PURE__ */ jsx("span", { className: "popover-header-title", children: title }),
@@ -40,7 +48,7 @@ function Popover({
           "data-testid": "popover-close-icon",
           fontSize: "small",
           role: "button",
-          sx: { color: "#60697D", cursor: "pointer" },
+          sx: { color: "var(--iu-on-surface-label)", cursor: "pointer" },
           tabIndex: 0,
           onClick: (event) => {
             onClose(event, "backdropClick");

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

@@ -0,0 +1,50 @@
+import { ReactNode } from 'react';
+import { BaseComponentProps } from '../../types';
+import { AvatarProps } from '../Avatar/Avatar.types';
+
+/** Configurable row in the profile menu (below Themes, above Logout). */
+export interface ProfileMenuItem {
+    /** Stable key; falls back to label */
+    id?: string;
+    label: string;
+    icon?: ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    /** When true (default), the popover closes after click */
+    closeOnClick?: boolean;
+}
+/**
+ * Header-avatar profile popover: banner + avatar + name/email, then a settings-style
+ * list: built-in **Themes**, optional `menuItems` (icon + label + onClick), then **Logout**.
+ *
+ * **Themes** opens a nested {@link Menu} (Light / Dark / System). Add app-specific rows via `menuItems`.
+ */
+export interface ProfileMenuProps extends BaseComponentProps {
+    /** Element the popover is anchored to (usually the header avatar button) */
+    anchorEl: HTMLElement | null;
+    /** Whether the popover is open */
+    open: boolean;
+    /** Called when the popover should close (backdrop click, escape, item click) */
+    onClose: () => void;
+    /** Display name shown under the avatar */
+    userName: string;
+    /** Email shown under the name */
+    userEmail?: string;
+    /** Props passed to the header Avatar (extends AvatarProps) */
+    avatarProps?: Partial<AvatarProps>;
+    /** Called when "Mute notifications" is clicked (placeholder for now) */
+    onMuteNotificationsClick?: () => void;
+    /** Called when "Keyboard shortcuts" is clicked (placeholder for now) */
+    onKeyboardShortcutsClick?: () => void;
+    /** Called when "Release notes" is clicked (placeholder for now) */
+    onReleaseNotesClick?: () => void;
+    /** Called when "Help" is clicked (placeholder for now) */
+    onHelpClick?: () => void;
+    /** Called when "All settings" is clicked (placeholder for now) */
+    onAllSettingsClick?: () => void;
+    /** Called when "Logout" is clicked */
+    onLogoutClick?: () => void;
+    /** Custom rows after Themes and before the Logout divider */
+    menuItems?: ProfileMenuItem[];
+}
+//# sourceMappingURL=ProfileMenu.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileMenu.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProfileMenu/ProfileMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,yEAAyE;AACzE,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,4EAA4E;IAC5E,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,gFAAgF;IAChF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACnC,wEAAwE;IACxE,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,wEAAwE;IACxE,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,kEAAkE;IAClE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;CAC/B"}

package/dist/components/ProfileMenu/ProfileMenuListItem.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+
+interface ProfileMenuListItemProps {
+    label: string;
+    icon?: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    onActivate: () => void;
+}
+export declare function ProfileMenuListItem({ label, icon, className, disabled, onActivate, }: ProfileMenuListItemProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ProfileMenuListItem.d.ts.map

package/dist/components/ProfileMenu/ProfileMenuListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileMenuListItem.d.ts","sourceRoot":"","sources":["../../../src/components/ProfileMenu/ProfileMenuListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,SAAc,EACd,QAAgB,EAChB,UAAU,GACX,EAAE,wBAAwB,+BA+B1B"}

package/dist/components/ProfileMenu/ProfileMenuListItem.js

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+function ProfileMenuListItem({
+  label,
+  icon,
+  className = "",
+  disabled = false,
+  onActivate
+}) {
+  const handleClick = () => {
+    if (disabled) {
+      return;
+    }
+    onActivate();
+  };
+  const handleKeyDown = (event) => {
+    if (disabled) {
+      return;
+    }
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      onActivate();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-disabled": disabled || void 0,
+      className: `ia-profile-menu-item ${className}`.trim(),
+      role: "menuitem",
+      tabIndex: disabled ? -1 : 0,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      children: [
+        icon,
+        /* @__PURE__ */ jsx("span", { className: "ia-profile-menu-item-label", children: label })
+      ]
+    }
+  );
+}
+export {
+  ProfileMenuListItem
+};

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

@@ -0,0 +1,11 @@
+import { ProfileMenuProps } from './ProfileMenu.types';
+
+export type { ProfileMenuProps, ProfileMenuItem } from './ProfileMenu.types';
+/**
+ * Header-avatar profile surface ({@link Popover} `contentOnly`). **Themes** opens {@link ThemingPanel}.
+ */
+export declare function ProfileMenu({ anchorEl, open, onClose, userName, userEmail, avatarProps, onMuteNotificationsClick: _onMuteNotificationsClick, onKeyboardShortcutsClick: _onKeyboardShortcutsClick, onReleaseNotesClick: _onReleaseNotesClick, onHelpClick: _onHelpClick, onAllSettingsClick: _onAllSettingsClick, onLogoutClick, menuItems, className, id, 'data-testid': dataTestId, }: ProfileMenuProps): import("react").JSX.Element;
+export declare namespace ProfileMenu {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProfileMenu/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAI7E;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,wBAAwB,EAAE,yBAAyB,EACnD,wBAAwB,EAAE,yBAAyB,EACnD,mBAAmB,EAAE,oBAAoB,EACzC,WAAW,EAAE,YAAY,EACzB,kBAAkB,EAAE,mBAAmB,EACvC,aAAa,EACb,SAAS,EACT,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,GAC1B,EAAE,gBAAgB,+BAyHlB;yBA1Ie,WAAW"}

package/dist/components/ProfileMenu/index.js

@@ -0,0 +1,160 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.ia-styles.ia-profile-menu :is(.MuiPaper-root,.ia-profile-menu-paper){background:var(--iu-bg-disabled-1);background-image:none;border:.5px solid var(--iu-border-default);border-radius:16px;box-shadow:var(--iu-effect-shadow-header-dropdown-elevated);color:var(--iu-on-surface-body);margin-top:8px;overflow:hidden;padding:0!important;width:280px}.ia-profile-menu-container{background:var(--iu-bg-disabled-1);display:flex;flex-direction:column;font-family:Manrope,sans-serif;position:relative;width:100%}.ia-profile-menu-banner{background-color:var(--iu-bg-disabled-1);border-radius:16px 16px 0 0;height:148px;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.ia-profile-menu-banner:before{background-image:var(--ia-profile-menu-banner-url);background-position:6px top;background-repeat:no-repeat;background-size:cover;content:"";top:0;right:0;bottom:0;left:0;position:absolute;transform:rotate(180deg) scale(1.55);transform-origin:center center;z-index:1}.ia-profile-menu-avatar{z-index:1}.ia-profile-menu-avatar .ia-avatar{background-color:var(--iu-primitive-color-green-500)!important;border:4px solid var(--iu-bg-disabled-1);border-radius:16px;box-shadow:var(--iu-effect-shadow-header-bar-elevation);color:var(--iu-on-primary-text);font-size:20px;font-weight:700;height:64px!important;width:64px!important}.ia-profile-menu-identity{align-items:center;display:flex;flex-direction:column;gap:2px;padding:12px 16px 16px;text-align:center;width:100%}.ia-profile-menu-name{color:var(--iu-on-surface-title);font-size:16px;font-weight:800;line-height:24px}.ia-profile-menu-email{color:var(--iu-on-surface-label);font-size:12px;font-weight:500;line-height:24px}.ia-profile-menu-list{background:var(--iu-bg-surface-layer-bg);display:flex;flex-direction:column;gap:2px;padding:8px 8px 12px;width:100%}.ia-profile-menu-item{align-items:center;border-radius:10px;color:var(--iu-on-surface-body);cursor:pointer;display:flex;gap:8px;height:44px;padding:0 12px;width:100%}.ia-profile-menu-item:hover{background:var(--iu-bg-primary-subtle)}.ia-profile-menu-item:focus-visible{outline:2px solid var(--iu-bg-primary);outline-offset:1px}.ia-profile-menu-item-icon{color:var(--iu-on-surface-icon);flex:none;height:16px;width:16px}.ia-profile-menu-item-label{flex:1;font-size:14px;font-weight:500;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-profile-menu-item-chevron{color:var(--iu-on-surface-icon);flex:none;height:18px;width:18px}.ia-profile-menu-item-chevron-expand{transition:transform .15s ease}.ia-profile-menu-item-chevron-expanded{transform:rotate(180deg)}.ia-profile-menu-item-active{background:var(--iu-bg-primary-subtle)}.ia-profile-menu-theme-options{display:flex;flex-direction:column;gap:2px;margin:0 0 2px;padding:4px 0 4px 36px}.ia-profile-menu-theme-option{align-items:center;border-radius:8px;color:var(--iu-on-surface-body);cursor:pointer;display:flex;font-size:14px;font-weight:400;height:36px;justify-content:space-between;padding:0 12px}.ia-profile-menu-theme-option:hover{background:var(--iu-bg-surface-lighter)}.ia-profile-menu-theme-option-selected{color:var(--iu-bg-primary);font-weight:600}.ia-profile-menu-theme-option-check{color:var(--iu-bg-primary);height:16px;width:16px}.ia-profile-menu-divider{background:var(--iu-border-default);height:1px;margin:4px 6px}.ia-profile-menu-item-logout{background:var(--iu-bg-surface-layer-bg);color:var(--iu-bg-error)}.ia-profile-menu-item-logout .ia-profile-menu-item-icon{color:var(--iu-on-error)}.ia-profile-menu-item-logout:hover{background:var(--iu-bg-primary-subtle)}.ia_profile_main{align-items:center;align-self:stretch;display:flex;flex-direction:column;padding-top:12px;position:relative;width:100%;z-index:1}')),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 } from "react";
+import { PaintTheme as PaintTheme_default, LogoutIcon as LogoutIcon_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
+import { getAssetUrl } from "../../utils/assetBase.js";
+import { Avatar } from "../Avatar/index.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
+import { Popover } from "../Popover/index.js";
+import { ProfileMenuListItem } from "./ProfileMenuListItem.js";
+
+import { useTranslation } from "../../i18n/useTranslation.js";
+import { ThemingPanel } from "../ThemingPanel/ThemingPanel.js";
+const PROFILE_MENU_BANNER_URL = getAssetUrl("images/profile-popover-bg.webp");
+function ProfileMenu({
+  anchorEl,
+  open,
+  onClose,
+  userName,
+  userEmail,
+  avatarProps,
+  onMuteNotificationsClick: _onMuteNotificationsClick,
+  onKeyboardShortcutsClick: _onKeyboardShortcutsClick,
+  onReleaseNotesClick: _onReleaseNotesClick,
+  onHelpClick: _onHelpClick,
+  onAllSettingsClick: _onAllSettingsClick,
+  onLogoutClick,
+  menuItems,
+  className,
+  id,
+  "data-testid": dataTestId
+}) {
+  const { t } = useTranslation();
+  const [themingPanelOpen, setThemingPanelOpen] = useState(false);
+  const closeProfilePopover = () => {
+    onClose();
+  };
+  const dismissProfileMenu = () => {
+    setThemingPanelOpen(false);
+    onClose();
+  };
+  const handleOpenThemingPanel = () => {
+    setThemingPanelOpen(true);
+    closeProfilePopover();
+  };
+  const handleLogout = () => {
+    onLogoutClick == null ? void 0 : onLogoutClick();
+    dismissProfileMenu();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Popover,
+      {
+        contentOnly: true,
+        anchorEl,
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        className: `ia-styles ia-profile-menu ${className ?? ""}`.trim(),
+        "data-testid": dataTestId,
+        id,
+        open,
+        slotProps: { paper: { className: "ia-profile-menu-paper" } },
+        transformOrigin: { vertical: "top", horizontal: "right" },
+        onClose: dismissProfileMenu,
+        children: /* @__PURE__ */ jsxs("div", { className: "ia-profile-menu-container", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-hidden": true,
+              className: "ia-profile-menu-banner",
+              style: {
+                "--ia-profile-menu-banner-url": `url(${PROFILE_MENU_BANNER_URL})`
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "ia_profile_main", children: [
+            /* @__PURE__ */ jsx("div", { className: "ia-profile-menu-avatar", children: /* @__PURE__ */ jsx(Avatar, { label: userName, size: "large", type: "withoutPicture", ...avatarProps }) }),
+            /* @__PURE__ */ jsxs("div", { className: "ia-profile-menu-identity", children: [
+              /* @__PURE__ */ jsx("h2", { className: "ia-profile-menu-name", children: userName }),
+              userEmail != null && /* @__PURE__ */ jsx("div", { className: "ia-profile-menu-email", children: userEmail })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "ia-profile-menu-list", children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  "aria-haspopup": "dialog",
+                  className: "ia-profile-menu-item ia-profile-menu-item-themes",
+                  role: "button",
+                  tabIndex: 0,
+                  onClick: handleOpenThemingPanel,
+                  onKeyDown: (event) => {
+                    if (event.key === "Enter" || event.key === " ") {
+                      event.preventDefault();
+                      handleOpenThemingPanel();
+                    }
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      ImpactIcon,
+                      {
+                        className: "ia-profile-menu-item-icon",
+                        icon: impactIconSource(PaintTheme_default),
+                        size: 14
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "ia-profile-menu-item-label", children: t("profileMenu.themes") })
+                  ]
+                }
+              ),
+              menuItems == null ? void 0 : menuItems.map((item, index) => /* @__PURE__ */ jsx(
+                ProfileMenuListItem,
+                {
+                  disabled: item.disabled,
+                  icon: item.icon,
+                  label: item.label,
+                  onActivate: () => {
+                    var _a;
+                    (_a = item.onClick) == null ? void 0 : _a.call(item);
+                    if (item.closeOnClick !== false) {
+                      dismissProfileMenu();
+                    }
+                  }
+                },
+                item.id ?? `${item.label}-${index}`
+              )),
+              /* @__PURE__ */ jsx("div", { className: "ia-profile-menu-divider" }),
+              /* @__PURE__ */ jsx(
+                ProfileMenuListItem,
+                {
+                  className: "ia-profile-menu-item-logout",
+                  icon: /* @__PURE__ */ jsx(
+                    ImpactIcon,
+                    {
+                      className: "ia-profile-menu-item-icon",
+                      icon: impactIconSource(LogoutIcon_default),
+                      size: 16
+                    }
+                  ),
+                  label: t("profileMenu.logout"),
+                  onActivate: handleLogout
+                }
+              )
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ThemingPanel,
+      {
+        open: themingPanelOpen,
+        onClose: () => {
+          setThemingPanelOpen(false);
+        }
+      }
+    )
+  ] });
+}
+ProfileMenu.displayName = "ProfileMenu";
+export {
+  ProfileMenu
+};

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

@@ -1,7 +1,7 @@
 import { ProgressBarProps } from './ProgressBar.types';
 
 export type { ProgressBarProps, ProgressBarStatus } from './ProgressBar.types';
-export declare function ProgressBar({ value, showTime, time, customLabel, status, LinearProgressProps: linearProps, id, 'data-testid': dataTestId, 'aria-label': ariaLabel, role, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressBar({ value, showTime, time, customLabel, status, LinearProgressProps: linearProps, id, 'data-testid': dataTestId, 'aria-label': ariaLabel, role, }: ProgressBarProps): import("react").JSX.Element;
 export declare namespace ProgressBar {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAa/E,wBAAgB,WAAW,CAAC,EAC1B,KAAU,EACV,QAAe,EACf,IAAS,EACT,WAAW,EACX,MAAoB,EACpB,mBAAmB,EAAE,WAAW,EAChC,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,IAAoB,GACrB,EAAE,gBAAgB,2CA+BlB;yBA1Ce,WAAW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAa/E,wBAAgB,WAAW,CAAC,EAC1B,KAAU,EACV,QAAe,EACf,IAAS,EACT,WAAW,EACX,MAAoB,EACpB,mBAAmB,EAAE,WAAW,EAChC,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,IAAoB,GACrB,EAAE,gBAAgB,+BA+BlB;yBA1Ce,WAAW"}