impact-ui 4.0.0-alpha.21 → 4.0.0-alpha.23

package/dist/components/KeyboardShortCuts/tutorial.js

@@ -1,7 +1,8 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900";*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}@keyframes shortcut-section-enter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@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%}}@keyframes shortcut-card-enter-1{0%{opacity:0;transform:translateY(20px) rotate(-8deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}}@keyframes shortcut-card-enter-2{0%{opacity:0;transform:translateY(20px) rotate(4deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(4deg) scale(1)}}@keyframes shortcut-card-enter-3{0%{opacity:0;transform:translateY(20px) rotate(-1deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}.keyboard-shortcuts-container-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}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container{align-items:center;display:flex;flex-direction:column;gap:32px;height:100%;justify-content:space-between}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header{align-items:center;display:flex;flex-direction:column;gap:8px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription{align-items:center;display:flex;flex-direction:column;gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-title{color:#0d152c;font-size:32px;font-weight:800;line-height:48px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-description{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center;text-transform:capitalize;width:302px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section{align-items:center;display:flex;flex-direction:column;gap:8px;overflow:hidden}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide{height:452px;will-change:opacity,transform}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide--forward{animation:slide-in-from-right .38s cubic-bezier(.22,1,.36,1) both}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide--backward{animation:slide-in-from-left .38s cubic-bezier(.22,1,.36,1) both}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper{align-items:center;display:flex;gap:10px;justify-content:center}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .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}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper .button.active{background-color:#d9dde7;width:32px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .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}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer .page-footer-buttons{align-items:center;display:flex;gap:12px}.keyboard-shortcuts-container-wrapper .screen2-container,.keyboard-shortcuts-container-wrapper .screen3-container{display:flex;flex-direction:column;gap:24px}.keyboard-shortcuts-container-wrapper .screen2-container .screen-video,.keyboard-shortcuts-container-wrapper .screen3-container .screen-video{height:295px;width:520px}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper .keycombo-container,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper .keycombo-container{align-items:center;background-color:#b3bdf8;border-radius:10px;display:flex;gap:8px;height:72px;justify-content:center;padding:8px}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper .keycombo-description,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper .keycombo-description{color:#60697d;font-size:16px;font-weight:800;line-height:24px;text-align:center}.shortcut-landing-page{align-items:center;border-radius:12px;box-shadow:0 0 30px 6px #0000001a;display:flex;flex-direction:column;height:600px;justify-content:space-between;padding:40px;position:relative;width:500px}.shortcut-landing-page-content{height:452px;margin:0 auto;max-width:100%;position:relative;width:520px}.shortcut-landing-page-content .shortcut-landing-page-content-item{align-items:flex-start;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:160px;overflow:hidden;padding:24px;position:absolute;width:270px}.shortcut-landing-page-content .shortcut-landing-page-content-item .background-image{background:none;height:100px;left:122px;mix-blend-mode:plus-lighter;opacity:.2;pointer-events:none;position:absolute;top:69px;width:146px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon svg{display:block}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg{color:#26ab1a;height:24px;width:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg{color:#ee42cc}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg{color:#4259ee}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons{align-items:center;display:flex;gap:4px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item{align-items:center;background:#fff;border-radius:4px;box-sizing:border-box;display:flex;justify-content:center;max-height:24px;min-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--modifier{border:1px solid #c3c8d4;padding:2px 10px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--letter{border:1px solid #d9dde7;padding:2px 12px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item .content-header-buttons-item-text{color:#1f2b4d;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-plus{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1{background:linear-gradient(180deg,#e8ffe7,#fff);border-left:1px solid #38d331;border-right:1px solid #38d331;border-top:1px solid #38d331;box-shadow:0 -10px 22px #38d33112;left:10px;top:18px;transform:rotate(-8deg);z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{background:linear-gradient(180deg,#ffeef4,#fff);border-left:1px solid #ee42cc;border-right:1px solid #ee42cc;border-top:1px solid #ee42cc;box-shadow:0 -10px 22px #ee42cc12;left:239.64px;top:141.78px;transform:rotate(4deg);z-index:2}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2 .background-image{transform:rotate(9deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{background:linear-gradient(180deg,#eef0ff,#fff);border-left:1px solid #4259ee;border-right:1px solid #4259ee;border-top:1px solid #4259ee;box-shadow:0 -24px 22px #4259ee12;left:1px;top:286.32px;transform:rotate(-1deg);z-index:3}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{display:flex;flex-direction:column;gap:6px;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-1{animation:shortcut-card-enter-1 .4s cubic-bezier(.22,1,.36,1) .2s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-2{animation:shortcut-card-enter-2 .4s cubic-bezier(.22,1,.36,1) .3s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-3{animation:shortcut-card-enter-3 .4s cubic-bezier(.22,1,.36,1) .4s both;will-change:opacity,transform}.tab-items{border-radius:8px}.tab-items,.tab-items .ia-tabContainer{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.tab-items .impact-tab-panel{flex:1;min-height:0;overflow-y:auto}.modal-overlay{-webkit-align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;transition:opacity 225ms cubic-bezier(.4,0,.2,1)}.keyboard-shortcuts-overlay,.modal-overlay,.tutorial-overlay{background-color:#0d152ccc;bottom:0;left:0;position:fixed;right:0;top:0;-webkit-tap-highlight-color:transparent;opacity:1;z-index:9999}.keyboard-shortcuts-overlay,.tutorial-overlay{pointer-events:auto;transition:opacity .5s ease-in-out}.keyboard-shortcuts-overlay.overlay--hidden,.tutorial-overlay.overlay--hidden{opacity:0;pointer-events:none}.close-icon-container{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}.close-icon-container:focus-visible{box-shadow:0 0 4px #0000001f;outline:none}.close-icon-container svg{height:18px;width:18px}.modal-wrapper{border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;flex-direction:column;left:50%;max-height:620px;min-height:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px;z-index:9999}.modal-wrapper .close-icon-container{right:-10px;top:-10px}.modal-wrapper .modal-content{background:linear-gradient(300deg,#4259ee -225%,#fff 30%);border-radius:12px 12px 0 0;display:flex;flex:1;flex-direction:column;gap:16px;margin-bottom:48px;min-height:0;overflow:hidden;padding:16px 16px 0}.modal-wrapper .modal-content .search-bar{height:36px}.modal-wrapper .modal-content .search-bar .impact-input-wrapper,.modal-wrapper .modal-content .search-bar .impact_inputbox_container_with_icons{height:100%;width:100%}.modal-wrapper .modal-content .tab-items .impact-tab-panel{margin-top:8px}.modal-wrapper .modal-content .list-container{display:flex;flex-direction:column;gap:8px}.modal-wrapper .modal-content .list-container .list-item{align-items:center;border-bottom:1px solid #eff2fa;display:flex;justify-content:space-between;padding:0 12px 8px}.modal-wrapper .modal-content .list-container .list-item .list-item-content{display:flex;flex-direction:column;gap:2px}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-title{color:#0d152c;font-size:14px;font-weight:500;line-height:21px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-keys{display:flex;gap:8px}.modal-wrapper .modal-footer{align-items:center;background-color:#fff;border-radius:0 0 8px 8px;border-top:1px solid #d9dde7;bottom:0;display:flex;height:48px;justify-content:flex-end;left:0;padding:12px 16px;position:absolute;right:0}.modal-wrapper .modal-footer .modal-footer-content-left{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-buttons{align-items:center;display:flex;gap:8px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-seperator{border:1px solid #d9dde7;height:16px;margin:4px;width:0}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-text{color:#60697d;font-size:14px;font-weight:500;line-height:20px;text-transform:capitalize}.modal-wrapper .modal-footer .modal-footer-content-right{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-right-text{color:#60697d;cursor:pointer;font-size:14px;font-weight:500;line-height:20px}.keycap{align-items:center;background-color:#f8f9fb;border:1px solid #c3c8d4;border-radius:4px;cursor:pointer;display:flex;height:24px;justify-content:center;min-width:34px;padding:2px 10px}.keycap .keycap-label{color:#1f2b4d;font-family:Inter;font-size:14px;font-weight:500;line-height:20px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header.shortcut-landing-entrance-header{animation:shortcut-section-enter .4s cubic-bezier(.22,1,.36,1) 0s both;will-change:opacity,transform}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer.shortcut-landing-entrance-footer{animation:shortcut-section-enter .4s cubic-bezier(.22,1,.36,1) .6s both;will-change:opacity,transform}@media (prefers-reduced-motion:reduce){.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer.shortcut-landing-entrance-footer,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header.shortcut-landing-entrance-header,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen-slide{animation:none!important;opacity:1;transform:none}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .button.active:after{animation:none!important;width:100%}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item{animation:none!important;opacity:1}}.keys{align-items:center;display:flex;gap:8px}.keys .button-outer{background:#000;border-radius:5px;display:flex;height:55px;justify-content:flex-end;position:relative;width:80px}.keys .button-outer:before{bottom:0;left:2px;transform:rotate(-51.34deg);transform-origin:left center;width:9px}.keys .button-outer:after,.keys .button-outer:before{background:#fff;content:"";filter:blur(.5px);height:1px;position:absolute}.keys .button-outer:after{bottom:1px;right:1px;transform:rotate(79deg);transform-origin:right center;width:6px}.keys .button-outer .button-inner{align-items:flex-end;background:linear-gradient(180deg,#404040 10.91%,#222);border:1px solid #404040;border-radius:5px;display:flex;flex-direction:column;height:49px;justify-content:space-between;padding:8px;width:74px}.keys .button-outer .button-inner:before{background:#fff;content:"";filter:blur(.5px);height:5px;left:2px;position:absolute;top:1px;transform:rotate(-55.34deg);transform-origin:left top;width:1px}.keys .button-outer .button-inner .key-symbol,.keys .button-outer .button-inner .key-text{color:#fff;font-family:SF Compact;font-size:12px;font-weight:400;text-align:right}.keys .button-outer.single-key{height:55px;width:55px}.keys .button-outer.single-key .button-inner{align-items:center;height:49px;justify-content:center;width:49px}.keys .button-outer.single-key .key-text{font-size:27px;text-align:center}.keys.keycombo-section-buttons{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper{align-items:center;border:1px solid #4259eeb3;border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;flex-direction:column;gap:16px;padding:12px;position:fixed;transition:all .8s ease-in-out;width:max-content;z-index:999999}.tutorial-modal-wrapper:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#4259ee0f;border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.tutorial-modal-wrapper.tutorial-modal--step-0{left:84px;top:8px}.tutorial-modal-wrapper.tutorial-modal--step-1{left:80px;top:calc(100% - 5px);transform:translateY(-100%)}.tutorial-modal-wrapper.tutorial-modal--step-2{left:calc(100% - 205px);top:73px;transform:translate(-100%)}.tutorial-modal-wrapper .tutorial-arrow--left-top{top:17px}.tutorial-modal-wrapper .tutorial-arrow--left,.tutorial-modal-wrapper .tutorial-arrow--left-top{border-bottom:10px solid #0000;border-right:17px solid #4259ee;border-top:10px solid #0000;left:-17px;position:absolute;z-index:1}.tutorial-modal-wrapper .tutorial-arrow--left{top:50%;transform:translateY(-50%)}.tutorial-modal-wrapper .tutorial-arrow--top-right{border-bottom:17px solid #4259ee;border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;right:51px;top:-17px;z-index:1}.tutorial-modal-wrapper .top-section{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;gap:16px;padding:8px;position:relative;z-index:1}.tutorial-modal-wrapper .top-section .top-section-content{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper .top-section .top-section-content .loader{display:flex}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container{display:flex;flex-direction:row}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small .ia-loader-inner{height:12px;width:12px}.tutorial-modal-wrapper .top-section .top-section-content .loader .lottie-iframe{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .top-section-text{color:#1f2b4d;font-size:14px;font-weight:700;line-height:21px;text-align:center;text-transform:capitalize}.tutorial-modal-wrapper .top-section .top-section-buttons{margin-left:auto}.tutorial-modal-wrapper .bottom-section{align-items:center;align-self:stretch;display:flex;justify-content:space-between;position:relative;z-index:1}.tutorial-modal-wrapper .bottom-section .bottom-section-text{color:#1f2b4d;cursor:pointer;font-size:14px;font-weight:700;line-height:21px;text-align:center;text-transform:capitalize}.tutorial-modal-wrapper .bottom-section .bottom-section-text:hover{color:#4259ee}.progress-bar,.tutorial-modal-wrapper .bottom-section .bottom-section-progress{align-items:center;display:flex}.progress-bar .progress-line{border-top:4px solid #c3c8d4;height:0;transition:border-color .3s ease;width:76px}.progress-bar .progress-line--active{border-color:#4259ee}.progress-bar .progress-step{align-items:center;background-color:#fff;border:1px solid #7a8294;border-radius:50%;color:#7a8294;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:20px;justify-content:center;transition:all .3s ease;width:20px}.progress-bar .progress-step svg{height:6px;width:7px}.progress-bar .progress-step--active{border-color:#4259ee;color:#4259ee}.progress-bar .progress-step--completed{background-color:#4259ee;border-color:#4259ee;color:#fff}.progress-bar .progress-step .step-number{color:#7a8294;font-size:14px;font-weight:500;line-height:20px;text-align:center}.progress-bar .progress-step .step-number--active{color:#4259ee}.all-set-box-wrapper{bottom:24px;left:50%;position:fixed;transform:translate(-50%)}.all-set-box-wrapper .close-icon-container{right:-10px;top:-10px;z-index:9}.all-set-box-wrapper .all-set-box-content{-webkit-backdrop-filter:blur(21px);backdrop-filter:blur(21px);background:linear-gradient(132deg,#3bb273 -250.62%,#3bb27300 66.76%);border:2px solid #3bb273;border-radius:12px;box-shadow:inset -5px -5px 250px #ffffff05;display:flex;flex-direction:column;gap:2px;padding:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container{align-items:center;display:flex;gap:2px;height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-animation{height:36px;overflow:visible;transform:translate(-2px,-6px) scale(2);width:36px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-description{color:#0d152c;font-size:14px;font-weight:500;line-height:20px}@media screen and (max-width:1512px){.keyboard-shortcuts-container-wrapper{padding:30px}.keyboard-shortcuts-container-wrapper .close-icon-container svg{height:14px;width:14px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container{gap:24px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide{height:339px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header{gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription{gap:2px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-title{font-size:24px;line-height:36px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-description{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section{gap:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content{height:339px;width:390px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item{gap:16px;height:120px;padding:18px;width:202px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{left:183px;top:106.33px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{top:214.75px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{height:24px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{font-size:10px;line-height:14px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .screen-video,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .screen-video{height:222px;width:390px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper{gap:16px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-description,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-description{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container{gap:6px;height:54px;padding:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys{gap:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer{height:40px;width:60px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:before,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:before{width:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:after,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:after{width:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner{height:36px;padding:6px;width:56px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner:before,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner:before{height:3px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text{font-size:9px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key{height:40px;width:40px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner{align-items:center;height:36px;justify-content:center;width:36px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text{font-size:20px}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900";:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}@keyframes shortcut-section-enter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@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%}}@keyframes shortcut-card-enter-1{0%{opacity:0;transform:translateY(20px) rotate(-8deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}}@keyframes shortcut-card-enter-2{0%{opacity:0;transform:translateY(20px) rotate(4deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(4deg) scale(1)}}@keyframes shortcut-card-enter-3{0%{opacity:0;transform:translateY(20px) rotate(-1deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}.keyboard-shortcuts-container-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}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container{align-items:center;display:flex;flex-direction:column;gap:32px;height:100%;justify-content:space-between}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header{align-items:center;display:flex;flex-direction:column;gap:8px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription{align-items:center;display:flex;flex-direction:column;gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-title{color:#0d152c;font-size:32px;font-weight:800;line-height:48px;text-transform:capitalize}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-description{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center;width:302px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section{align-items:center;display:flex;flex-direction:column;gap:8px;overflow:hidden}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide{height:452px;will-change:opacity,transform}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide--forward{animation:slide-in-from-right .38s cubic-bezier(.22,1,.36,1) both}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide--backward{animation:slide-in-from-left .38s cubic-bezier(.22,1,.36,1) both}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper{align-items:center;display:flex;gap:10px;justify-content:center}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .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}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .button-carousel-wrapper .button.active{background-color:#d9dde7;width:32px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .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}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer .page-footer-buttons{align-items:center;display:flex;gap:12px}.keyboard-shortcuts-container-wrapper .screen2-container,.keyboard-shortcuts-container-wrapper .screen3-container{display:flex;flex-direction:column;gap:24px}.keyboard-shortcuts-container-wrapper .screen2-container .screen-video,.keyboard-shortcuts-container-wrapper .screen3-container .screen-video{height:295px;width:520px}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper .keycombo-container,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper .keycombo-container{align-items:center;background-color:#b3bdf8;border-radius:10px;display:flex;gap:8px;height:72px;justify-content:center;padding:8px}.keyboard-shortcuts-container-wrapper .screen2-container .keycombo-container-wrapper .keycombo-description,.keyboard-shortcuts-container-wrapper .screen3-container .keycombo-container-wrapper .keycombo-description{color:#60697d;font-size:16px;font-weight:800;line-height:24px;text-align:center}.shortcut-landing-page{align-items:center;border-radius:12px;box-shadow:0 0 30px 6px #0000001a;display:flex;flex-direction:column;height:600px;justify-content:space-between;padding:40px;position:relative;width:500px}.shortcut-landing-page-content{height:452px;margin:0 auto;max-width:100%;position:relative;width:520px}.shortcut-landing-page-content .shortcut-landing-page-content-item{align-items:flex-start;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:160px;overflow:hidden;padding:24px;position:absolute;width:270px}.shortcut-landing-page-content .shortcut-landing-page-content-item .background-image{background:url(../../assets/backgroundFlower.svg) no-repeat;height:100px;left:122px;mix-blend-mode:plus-lighter;opacity:.2;pointer-events:none;position:absolute;top:69px;width:146px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon svg{display:block}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg{color:#26ab1a;height:24px;width:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg{color:#ee42cc}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg{color:#4259ee}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons{align-items:center;display:flex;gap:4px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item{align-items:center;background:#fff;border-radius:4px;box-sizing:border-box;display:flex;justify-content:center;max-height:24px;min-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--modifier{border:1px solid #c3c8d4;padding:2px 10px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--letter{border:1px solid #d9dde7;padding:2px 12px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item .content-header-buttons-item-text{color:#1f2b4d;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-plus{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1{background:linear-gradient(180deg,#e8ffe7,#fff);border-left:1px solid #38d331;border-right:1px solid #38d331;border-top:1px solid #38d331;box-shadow:0 -10px 22px #38d33112;left:10px;top:18px;transform:rotate(-8deg);z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{background:linear-gradient(180deg,#ffeef4,#fff);border-left:1px solid #ee42cc;border-right:1px solid #ee42cc;border-top:1px solid #ee42cc;box-shadow:0 -10px 22px #ee42cc12;left:239.64px;top:141.78px;transform:rotate(4deg);z-index:2}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2 .background-image{transform:rotate(9deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{background:linear-gradient(180deg,#eef0ff,#fff);border-left:1px solid #4259ee;border-right:1px solid #4259ee;border-top:1px solid #4259ee;box-shadow:0 -24px 22px #4259ee12;left:1px;top:286.32px;transform:rotate(-1deg);z-index:3}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{display:flex;flex-direction:column;gap:6px;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-1{animation:shortcut-card-enter-1 .4s cubic-bezier(.22,1,.36,1) .2s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-2{animation:shortcut-card-enter-2 .4s cubic-bezier(.22,1,.36,1) .3s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-3{animation:shortcut-card-enter-3 .4s cubic-bezier(.22,1,.36,1) .4s both;will-change:opacity,transform}.tab-items{border-radius:8px}.tab-items,.tab-items .ia-tabContainer{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.tab-items .impact-tab-panel{flex:1;min-height:0;overflow-y:auto}.modal-overlay{-webkit-align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;transition:opacity 225ms cubic-bezier(.4,0,.2,1)}.keyboard-shortcuts-overlay,.modal-overlay,.tutorial-overlay{background-color:#0d152ccc;bottom:0;left:0;position:fixed;right:0;top:0;-webkit-tap-highlight-color:transparent;opacity:1;z-index:9999}.keyboard-shortcuts-overlay,.tutorial-overlay{pointer-events:auto;transition:opacity .5s ease-in-out}.keyboard-shortcuts-overlay.overlay--hidden,.tutorial-overlay.overlay--hidden{opacity:0;pointer-events:none}.close-icon-container{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}.close-icon-container: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}.close-icon-container:focus:not(:focus-visible){box-shadow:0 0 4px #0000001f;outline:none}.close-icon-container svg{height:18px;width:18px}.modal-wrapper{border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;flex-direction:column;left:50%;max-height:620px;min-height:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px;z-index:9999}.modal-wrapper .close-icon-container{right:-10px;top:-10px}.modal-wrapper .modal-content{background:linear-gradient(300deg,#4259ee -225%,#fff 30%);border-radius:12px 12px 0 0;display:flex;flex:1;flex-direction:column;gap:16px;margin-bottom:48px;min-height:0;overflow:hidden;padding:16px 16px 0}.modal-wrapper .modal-content .search-bar{height:36px}.modal-wrapper .modal-content .search-bar .impact-input-wrapper,.modal-wrapper .modal-content .search-bar .impact_inputbox_container_with_icons{height:100%;width:100%}.modal-wrapper .modal-content .tab-items .impact-tab-panel{margin-top:8px}.modal-wrapper .modal-content .list-container{display:flex;flex-direction:column;gap:8px}.modal-wrapper .modal-content .list-container .list-item{align-items:center;border-bottom:1px solid #eff2fa;display:flex;justify-content:space-between;padding:0 12px 8px;position:relative}.modal-wrapper .modal-content .list-container .list-item.pointer{cursor:pointer}.modal-wrapper .modal-content .list-container .list-item.pointer:before{background-color:#f5f6fa;bottom:0;content:"";left:-16px;opacity:0;pointer-events:none;position:absolute;right:-16px;top:-8px;z-index:0}.modal-wrapper .modal-content .list-container .list-item.pointer:hover:before{opacity:1}.modal-wrapper .modal-content .list-container .list-item.pointer>*{position:relative;z-index:1}.modal-wrapper .modal-content .list-container .list-item .list-item-content{display:flex;flex-direction:column;gap:2px}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-title{color:#0d152c;font-size:14px;font-weight:500;line-height:21px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-keys{cursor:auto;display:flex;gap:8px}.modal-wrapper .modal-footer{align-items:center;background-color:#fff;border-radius:0 0 8px 8px;border-top:1px solid #d9dde7;bottom:0;display:flex;height:48px;justify-content:flex-end;left:0;padding:12px 16px;position:absolute;right:0}.modal-wrapper .modal-footer .modal-footer-content-left{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-buttons{align-items:center;display:flex;gap:8px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-seperator{border:1px solid #d9dde7;height:16px;margin:4px;width:0}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-text{color:#60697d;font-size:14px;font-weight:500;line-height:20px;text-transform:capitalize}.modal-wrapper .modal-footer .modal-footer-content-right{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-right-text{color:#60697d;font-size:14px;font-weight:500;line-height:20px}.keycap{align-items:center;background-color:#f8f9fb;border:1px solid #c3c8d4;border-radius:4px;display:flex;height:24px;justify-content:center;min-width:34px;padding:2px 10px}.keycap .keycap-label{color:#1f2b4d;font-family:Inter;font-size:14px;font-weight:500;line-height:20px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header.shortcut-landing-entrance-header{animation:shortcut-section-enter .4s cubic-bezier(.22,1,.36,1) 0s both;will-change:opacity,transform}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer.shortcut-landing-entrance-footer{animation:shortcut-section-enter .4s cubic-bezier(.22,1,.36,1) .6s both;will-change:opacity,transform}@media (prefers-reduced-motion:reduce){.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-footer.shortcut-landing-entrance-footer,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header.shortcut-landing-entrance-header,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen-slide{animation:none!important;opacity:1;transform:none}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .button.active:after{animation:none!important;width:100%}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item{animation:none!important;opacity:1}}.keys{align-items:center;display:flex;gap:8px}.keys .button-outer{background:#000;border-radius:5px;display:flex;height:55px;justify-content:flex-end;position:relative;width:80px}.keys .button-outer:before{bottom:0;left:2px;transform:rotate(-51.34deg);transform-origin:left center;width:9px}.keys .button-outer:after,.keys .button-outer:before{background:#fff;content:"";filter:blur(.5px);height:1px;position:absolute}.keys .button-outer:after{bottom:1px;right:1px;transform:rotate(79deg);transform-origin:right center;width:6px}.keys .button-outer .button-inner{align-items:flex-end;background:linear-gradient(180deg,#404040 10.91%,#222);border:1px solid #404040;border-radius:5px;display:flex;flex-direction:column;height:49px;justify-content:space-between;padding:8px;width:74px}.keys .button-outer .button-inner.windows-key{align-items:flex-start;justify-content:center}.keys .button-outer .button-inner:before{background:#fff;content:"";filter:blur(.5px);height:5px;left:2px;position:absolute;top:1px;transform:rotate(-55.34deg);transform-origin:left top;width:1px}.keys .button-outer .button-inner .key-symbol,.keys .button-outer .button-inner .key-text{color:#fff;font-family:SF Compact;font-size:12px;font-weight:400;text-align:right}.keys .button-outer.single-key{height:55px;width:55px}.keys .button-outer.single-key .button-inner{align-items:center;height:49px;justify-content:center;width:49px}.keys .button-outer.single-key .key-text{font-size:27px;text-align:center}.keys.keycombo-section-buttons{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper{align-items:center;border:1px solid #4259eeb3;border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;flex-direction:column;gap:16px;padding:12px;position:fixed;transition:all .8s ease-in-out;width:max-content;z-index:999999}.tutorial-modal-wrapper:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#4259ee0f;border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.tutorial-modal-wrapper.tutorial-modal--step-0{left:84px;top:8px}.tutorial-modal-wrapper.tutorial-modal--step-0.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-1{left:84px;top:calc(100% - 5px);transform:translateY(-100%)}.tutorial-modal-wrapper.tutorial-modal--step-1.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-2{left:calc(100% - 205px);top:73px}.tutorial-modal-wrapper .tutorial-arrow--left-top{top:17px}.tutorial-modal-wrapper .tutorial-arrow--left,.tutorial-modal-wrapper .tutorial-arrow--left-top{border-bottom:10px solid #0000;border-right:17px solid #4259ee;border-top:10px solid #0000;left:-17px;position:absolute;z-index:1}.tutorial-modal-wrapper .tutorial-arrow--left{top:50%;transform:translateY(-50%)}.tutorial-modal-wrapper .tutorial-arrow--top-right{border-bottom:17px solid #4259ee;border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;right:51px;top:-17px;z-index:1}.tutorial-modal-wrapper .top-section{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;gap:16px;padding:8px;position:relative;z-index:1}.tutorial-modal-wrapper .top-section .top-section-content{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper .top-section .top-section-content .loader{display:flex}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container{display:flex;flex-direction:row}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small .ia-loader-inner{height:12px;width:12px}.tutorial-modal-wrapper .top-section .top-section-content .loader .lottie-iframe{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .top-section-text{color:#1f2b4d;font-size:14px;font-weight:700;line-height:21px;text-align:center}.tutorial-modal-wrapper .top-section .top-section-buttons{margin-left:auto}.tutorial-modal-wrapper .bottom-section{align-items:center;align-self:stretch;display:flex;justify-content:space-between;position:relative;z-index:1}.tutorial-modal-wrapper .bottom-section .bottom-section-text{color:#b3bdf8;cursor:pointer;font-size:14px;font-weight:700;line-height:21px;text-align:center;text-transform:capitalize}.progress-bar,.tutorial-modal-wrapper .bottom-section .bottom-section-progress{align-items:center;display:flex}.progress-bar .progress-line{border-top:4px solid #c3c8d4;height:0;transition:border-color .3s ease;width:76px}.progress-bar .progress-line--active{border-color:#4259ee}.progress-bar .progress-step{align-items:center;background-color:#fff;border:1px solid #7a8294;border-radius:50%;color:#7a8294;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:20px;justify-content:center;transition:all .3s ease;width:20px}.progress-bar .progress-step--active{border-color:#4259ee;color:#4259ee}.progress-bar .progress-step--completed{background-color:#4259ee;border-color:#4259ee;color:#fff}.progress-bar .progress-step .step-number{color:#7a8294;font-size:14px;font-weight:500;line-height:20px;text-align:center}.progress-bar .progress-step .step-number--active{color:#4259ee}.all-set-box-wrapper{bottom:24px;left:50%;position:fixed;transform:translate(-50%);z-index:999999}.all-set-box-wrapper .close-icon-container{right:-10px;top:-10px;z-index:9}.all-set-box-wrapper .all-set-box-content{-webkit-backdrop-filter:blur(21px);backdrop-filter:blur(21px);background:linear-gradient(132deg,#3bb273 -250.62%,#3bb27300 66.76%);border:2px solid #3bb273;border-radius:12px;box-shadow:inset -5px -5px 250px #ffffff05;display:flex;flex-direction:column;gap:2px;padding:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container{align-items:center;display:flex;gap:2px;height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-animation{height:36px;overflow:visible;transform:translate(-2px,-6px) scale(2);width:36px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-description{color:#0d152c;font-size:14px;font-weight:500;line-height:20px}@media screen and (max-width:1512px){.keyboard-shortcuts-container-wrapper{padding:30px}.keyboard-shortcuts-container-wrapper .close-icon-container svg{height:14px;width:14px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container{gap:24px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section .screen-slide{height:339px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header{gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription{gap:2px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-title{font-size:24px;line-height:36px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .page-header .page-header-title-discription .page-header-description{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .middle-section{gap:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content{height:339px;width:390px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item{gap:16px;height:120px;padding:18px;width:202px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{left:183px;top:106.33px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{top:214.75px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{height:24px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{gap:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{font-size:10px;line-height:14px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .screen-video,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .screen-video{height:222px;width:390px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper{gap:16px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-description,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-description{font-size:12px;line-height:18px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container{gap:6px;height:54px;padding:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys{gap:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer{height:40px;width:60px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:before,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:before{width:6px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:after,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer:after{width:4px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner{height:36px;padding:6px;width:56px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner:before,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner:before{height:3px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text{font-size:9px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key{height:40px;width:40px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner{align-items:center;height:36px;justify-content:center;width:36px}.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.keyboard-shortcuts-container-wrapper .keyboard-shortcuts-container .screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text{font-size:20px}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import React__default, { useState, useRef, useEffect } from "react";
 import { getAssetUrl } from "../../utils/assetBase.js";
+import { isMac } from "../../utils/shortcuts/platform.js";
 import { ShortcutManager } from "../../utils/shortcuts/ShortcutManager.js";
 import { Loader } from "../Loader/index.js";
 import { Keys } from "./Keycombo.js";
@@ -10,23 +11,23 @@ import { useShortcut } from "../Shortcuts/useShortcut.js";
 const CheckIcon = getAssetUrl("icons/checkbox-tick.svg");
 const tutorialSteps = [
   {
-    text: "Open & Close Side Navigation by Pressing",
-    firstSymbol: "⌘",
-    firstText: "command",
+    text: "Open & close side navigation by pressing",
+    firstSymbol: isMac ? "⌘" : null,
+    firstText: isMac ? "command" : "Ctrl",
     secondText: "B",
     arrowPosition: "left-top"
   },
   {
-    text: "Open Keyboard Settings By Pressing",
-    firstSymbol: "⌥",
-    firstText: "option",
+    text: "Open keyboard settings by pressing",
+    firstSymbol: isMac ? "⌥" : null,
+    firstText: isMac ? "option" : "Alt",
     secondText: "K",
     arrowPosition: "left"
   },
   {
-    text: "Open Keyboard Shortcut Panel By Pressing",
-    firstSymbol: "⌘",
-    firstText: "command",
+    text: "Open keyboard shortcut panel by pressing",
+    firstSymbol: isMac ? "⌘" : null,
+    firstText: isMac ? "command" : "Ctrl",
     secondText: "K",
     arrowPosition: "top-right"
   }
@@ -53,25 +54,32 @@ const ProgressBar = ({ currentStep, totalSteps }) => {
     ] }, index);
   }) });
 };
-const TutorialModal = ({ setShowTutorialModal, setShowAllSetBoxState, onSkipClick }) => {
+const TutorialModal = ({ setShowTutorialModal, onSkipClick }) => {
   const totalSteps = tutorialSteps.length;
   const [tutorialStep, setTutorialStep] = useState(0);
-  const step = tutorialSteps[tutorialStep];
+  const step = tutorialSteps[tutorialStep] ?? tutorialSteps[0];
   const [showLottie, setShowLottie] = useState(false);
-  const [showOverlay, setShowOverlay] = useState(true);
-  const overlayTimerRef = useRef(null);
+  const modalRef = useRef(null);
+  const [step2Position, setStep2Position] = useState(null);
+  useEffect(() => {
+    if (tutorialStep === 2) {
+      const button = document.getElementById("impact-header-keyboard-shortcuts-button");
+      if (button && modalRef.current) {
+        const btnRect = button.getBoundingClientRect();
+        const modalWidth = modalRef.current.offsetWidth;
+        const btnCenterX = btnRect.left + btnRect.width / 2;
+        setStep2Position({
+          top: btnRect.bottom + 17,
+          left: btnCenterX - modalWidth / 2,
+          arrowLeft: modalWidth / 2 - 10
+        });
+      }
+    }
+  }, [tutorialStep]);
   const handleSkip = () => {
     setShowTutorialModal(false);
     onSkipClick == null ? void 0 : onSkipClick();
   };
-  useEffect(() => {
-    overlayTimerRef.current = setTimeout(() => {
-      setShowOverlay(false);
-    }, 1500);
-    return () => {
-      clearTimeout(overlayTimerRef.current);
-    };
-  }, []);
   useShortcut(
     "mod+b",
     (e) => {
@@ -82,79 +90,88 @@ const TutorialModal = ({ setShowTutorialModal, setShowAllSetBoxState, onSkipClic
       setTimeout(() => {
         setTutorialStep(1);
         setShowLottie(false);
-        clearTimeout(overlayTimerRef.current);
-        setShowOverlay(true);
-        overlayTimerRef.current = setTimeout(() => {
-          setShowOverlay(false);
-        }, 1500);
-      }, 1500);
+      }, 1e3);
     },
     {
       id: "tutorial-step-0-mod-b",
       priority: 2
     }
   );
-  useShortcut("alt+k", () => {
-    if (tutorialStep === 1) {
-      setShowLottie(true);
-    }
-    setTimeout(() => {
-      setTutorialStep(2);
-      setShowLottie(false);
-    }, 1500);
-  });
-  useShortcut("mod+k", () => {
-    if (tutorialStep === 2) {
-      setShowLottie(true);
+  useShortcut(
+    "alt+k",
+    () => {
+      if (tutorialStep === 1) {
+        setShowLottie(true);
+      }
+      setTimeout(() => {
+        setTutorialStep(2);
+        setShowLottie(false);
+      }, 1e3);
+    },
+    {
+      id: "tutorial-step-1-alt-k",
+      priority: 2,
+      propagate: true
     }
-    setTimeout(() => {
-      setShowLottie(false);
-      setShowTutorialModal(false);
-      setShowAllSetBoxState(true);
-    }, 1500);
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        "aria-hidden": "true",
-        className: `tutorial-overlay${showOverlay ? "" : " overlay--hidden"}`
+  );
+  useShortcut(
+    "mod+k",
+    () => {
+      if (tutorialStep === 2) {
+        setShowLottie(true);
       }
-    ),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `tutorial-modal-wrapper tutorial-modal--step-${tutorialStep} tutorial-modal--arrow-${step.arrowPosition}`,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: `tutorial-arrow tutorial-arrow--${step.arrowPosition}` }),
-          /* @__PURE__ */ jsxs("div", { className: "top-section", role: "button", tabIndex: 0, children: [
-            /* @__PURE__ */ jsxs("div", { className: "top-section-content", children: [
-              /* @__PURE__ */ jsx("span", { className: "loader", children: showLottie ? /* @__PURE__ */ jsx(
-                "iframe",
-                {
-                  className: "lottie-iframe",
-                  src: "https://lottie.host/embed/bd7243cb-3821-46da-bbaa-56edfb4b2056/Z74goW01Yw.lottie"
-                }
-              ) : /* @__PURE__ */ jsx(Loader, { size: "small", text: "" }) }),
-              /* @__PURE__ */ jsx("span", { className: "top-section-text", children: step.text })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "top-section-buttons", children: /* @__PURE__ */ jsx(
-              Keys,
+      setTimeout(() => {
+        setShowLottie(false);
+        setShowTutorialModal(false);
+      }, 1e3);
+    },
+    {
+      id: "tutorial-step-2-mod-k",
+      priority: 2,
+      propagate: true
+    }
+  );
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: modalRef,
+      className: `tutorial-modal-wrapper tutorial-modal--step-${tutorialStep} tutorial-modal--arrow-${step.arrowPosition}${document.querySelector(".impact-sidebar-container.sidebar-open") ? " tutorial-modal--sidebar-expanded" : ""}`,
+      style: tutorialStep === 2 && step2Position ? { top: step2Position.top, left: step2Position.left, transform: "none" } : void 0,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `tutorial-arrow tutorial-arrow--${step.arrowPosition}`,
+            style: tutorialStep === 2 && step2Position ? { left: step2Position.arrowLeft, right: "auto" } : void 0
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "top-section", role: "button", tabIndex: 0, children: [
+          /* @__PURE__ */ jsxs("div", { className: "top-section-content", children: [
+            /* @__PURE__ */ jsx("span", { className: "loader", children: showLottie ? /* @__PURE__ */ jsx(
+              "iframe",
               {
-                firstSymbol: step.firstSymbol,
-                firstText: step.firstText,
-                secondText: step.secondText
+                className: "lottie-iframe",
+                src: "https://lottie.host/embed/bd7243cb-3821-46da-bbaa-56edfb4b2056/Z74goW01Yw.lottie"
               }
-            ) })
+            ) : /* @__PURE__ */ jsx(Loader, { size: "small", text: "" }) }),
+            /* @__PURE__ */ jsx("span", { className: "top-section-text", children: step.text })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "bottom-section", children: [
-            /* @__PURE__ */ jsx("span", { className: "bottom-section-text", role: "button", tabIndex: 0, onClick: handleSkip, children: "Skip" }),
-            /* @__PURE__ */ jsx("div", { className: "bottom-section-progress", children: /* @__PURE__ */ jsx(ProgressBar, { currentStep: tutorialStep, totalSteps }) })
-          ] })
-        ]
-      }
-    )
-  ] });
+          /* @__PURE__ */ jsx("div", { className: "top-section-buttons", children: /* @__PURE__ */ jsx(
+            Keys,
+            {
+              firstSymbol: step.firstSymbol,
+              firstText: step.firstText,
+              secondText: step.secondText
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "bottom-section", children: [
+          /* @__PURE__ */ jsx("span", { className: "bottom-section-text", role: "button", tabIndex: 0, onClick: handleSkip, children: "Skip" }),
+          /* @__PURE__ */ jsx("div", { className: "bottom-section-progress", children: /* @__PURE__ */ jsx(ProgressBar, { currentStep: tutorialStep, totalSteps }) })
+        ] })
+      ]
+    }
+  ) });
 };
 export {
   TutorialModal

package/dist/components/Menu/IconMenuItem.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-styles.ia-menu .MuiPaper-root{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 1px 6px #0000001f;margin-top:4px;padding:0 6px}.ia-styles.ia-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-menu .MuiButtonBase-root{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;height:35px;justify-content:space-between;line-height:20px;padding:0 12px}.ia-styles.ia-menu .MuiButtonBase-root.Mui-focusVisible{background-color:initial}.ia-styles.ia-menu .MuiButtonBase-root:hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root:has(.ia-list-sublabel){min-height:56px!important}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.Mui-selected{background-color:#eceefd;border-radius:8px}.ia-styles.ia-menu .ia-list-body:has(.menu-section-header){border-top:1px solid #f5f6fa;gap:6px;padding-top:4px}.ia-styles.ia-menu li:first-of-type :has(.menu-section-header){border-top:none}.ia-styles.ia-menu li:has(.menu-section-header){cursor:default;pointer-events:none}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.child-hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .ia-vertical-line{align-self:stretch;border:1px solid #f5f6fa;flex:none;flex-grow:0;height:0;min-width:228px}.ia-styles.ia-menu .ia-menu-action-button-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:8px 8px 4px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-styles.ia-btn{font-weight:400;height:32px;padding:8px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained{color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained:hover{background-color:#3649c6;color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-tertiary:hover{background-color:#eceefd;border-color:#3649c6;border-width:1px;color:#3649c6}.ia-styles.ia-menu .menu-scroll-area{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ia-styles.ia-menu .menu-item-selected{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container{height:16px;margin-right:0;width:16px}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container:hover{background:#fff;border-radius:4px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked:hover{background:#eceefd url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #4259ee}.menu-section-header{align-items:center;color:#b4bac7;display:flex;font-size:12px;font-weight:700;height:35px;justify-content:flex-start;line-height:20px}.ia-list-icon{min-width:auto!important}.ia-section-icon{min-width:32px!important}.ia-list-label-container{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ia-list-sublabel{color:#7a8294;font-size:12px;font-weight:400;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-list-body{align-items:center;display:flex;flex-grow:1;gap:8px}.bottom_action{background:#fff;border-top:1px solid #f0f0f0;bottom:0;padding:0;position:sticky}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-styles.ia-menu .MuiPaper-root{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 1px 6px #0000001f;margin-top:4px;padding:0 6px}.ia-styles.ia-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-menu .MuiButtonBase-root{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;height:35px;justify-content:space-between;line-height:20px;padding:0 12px}.ia-styles.ia-menu .MuiButtonBase-root: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}.ia-styles.ia-menu .MuiButtonBase-root:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-menu .MuiButtonBase-root.Mui-focusVisible{background-color:initial}.ia-styles.ia-menu .MuiButtonBase-root:hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root:has(.ia-list-sublabel){min-height:56px!important}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.Mui-selected{background-color:#eceefd;border-radius:8px}.ia-styles.ia-menu .ia-list-body:has(.menu-section-header){border-top:1px solid #f5f6fa;gap:6px;padding-top:4px}.ia-styles.ia-menu li:first-of-type :has(.menu-section-header){border-top:none}.ia-styles.ia-menu li:has(.menu-section-header){cursor:default;pointer-events:none}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.child-hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .ia-vertical-line{align-self:stretch;border:1px solid #f5f6fa;flex:none;flex-grow:0;height:0;min-width:228px}.ia-styles.ia-menu .ia-menu-action-button-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:8px 8px 4px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-styles.ia-btn{font-weight:400;height:32px;padding:8px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained{color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained:hover{background-color:#3649c6;color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-tertiary:hover{background-color:#eceefd;border-color:#3649c6;border-width:1px;color:#3649c6}.ia-styles.ia-menu .menu-scroll-area{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ia-styles.ia-menu .menu-item-selected{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container{height:16px;margin-right:0;width:16px}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container:hover{background:#fff;border-radius:4px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked:hover{background:#eceefd url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #4259ee}.menu-section-header{align-items:center;color:#b4bac7;display:flex;font-size:12px;font-weight:700;height:35px;justify-content:flex-start;line-height:20px}.ia-list-icon{min-width:auto!important}.ia-section-icon{min-width:32px!important}.ia-list-label-container{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ia-list-sublabel{color:#7a8294;font-size:12px;font-weight:400;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-list-body{align-items:center;display:flex;flex-grow:1;gap:8px}.bottom_action{background:#fff;border-top:1px solid #f0f0f0;bottom:0;padding:0;position:sticky}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, createElement } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/ChevronRight.js";
@@ -23,7 +23,7 @@ const IconMenuItem = forwardRef(
     ...props
   }, ref) => {
     const internalOnClick = (e) => {
-      item.onClick ? item.onClick(item, e) : void 0;
+      item.onClick ? item.onClick(item.value, e) : void 0;
     };
     const composedOnClick = (e) => {
       if (item.disabled) return;

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

@@ -49,6 +49,7 @@ export interface MenuPrimaryButtonProps {
     loading?: boolean;
     label?: string;
     disabled?: boolean;
+    icon?: ReactNode;
 }
 /**
  * Simple menu props (anchor, open, onClose, options).
@@ -110,6 +111,8 @@ export interface MenuProps extends BaseComponentProps {
     onClearSelection?: () => void;
     /** Apply button props (loading, label, disabled) */
     primaryButtonProps?: MenuPrimaryButtonProps;
+    /** Tertiary (cancel) button props */
+    tertiaryButtonProps?: MenuPrimaryButtonProps;
     /** Class name for the MUI Menu paper container */
     menuContainerClassName?: string;
     /** When true, close menu after clicking a leaf item (default: false to match old behavior) */

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.types.ts"],"names":[],"mappings":"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"}

package/dist/components/Menu/MenuHeaderInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuHeaderInfo.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuHeaderInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAK1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,8BAA8B,CAAC;AAiRtC,eAAO,MAAM,cAAc,4RAlPxB,mBAAmB,6CAkPqC,CAAC"}
+{"version":3,"file":"MenuHeaderInfo.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuHeaderInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAK1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,8BAA8B,CAAC;AAyQtC,eAAO,MAAM,cAAc,4RA1OxB,mBAAmB,6CA0OqC,CAAC"}

package/dist/components/Menu/MenuHeaderInfo.js

@@ -155,19 +155,11 @@ const MenuHeaderInfoComponent = ({
     }
   };
   const handleSelectAll = () => {
-    if (isAllSelected) {
-      if (externalHandlers.onClearSelection) {
-        externalHandlers.onClearSelection();
-      } else {
-        onClearSelection == null ? void 0 : onClearSelection();
-      }
+    const allValues = options.map((opt) => opt.value).filter((v) => v != null);
+    if (externalHandlers.onSelectAll) {
+      externalHandlers.onSelectAll(allValues);
     } else {
-      const allValues = options.map((opt) => opt.value).filter((v) => v != null);
-      if (externalHandlers.onSelectAll) {
-        externalHandlers.onSelectAll(allValues);
-      } else {
-        onSelectAll == null ? void 0 : onSelectAll(allValues);
-      }
+      onSelectAll == null ? void 0 : onSelectAll(allValues);
     }
   };
   const handleClearSelection = () => {

package/dist/components/Menu/NestedMenuItem.d.ts

@@ -19,6 +19,7 @@ export interface NestedMenuItemProps {
     delay?: number;
     item: MenuOption;
     disabled?: boolean;
+    handleSelect?: (item: MenuOption, event: React.MouseEvent) => void;
 }
 declare const NestedMenuItem: import('react').ForwardRefExoticComponent<NestedMenuItemProps & import('react').RefAttributes<HTMLLIElement | null>>;
 export { NestedMenuItem };

package/dist/components/Menu/NestedMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NestedMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/NestedMenuItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,oBAAoB,CAAC;AAE5B,wDAAwD;AAExD,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IACpD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE;QACf,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAChC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;QAC7C,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;QAC7C,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;KACzC,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,sHAiJlB,CAAC;AAGH,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"NestedMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/NestedMenuItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,oBAAoB,CAAC;AAE5B,wDAAwD;AAExD,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IACpD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE;QACf,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAChC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;QAC7C,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;QAC7C,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;KACzC,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACpE;AAED,QAAA,MAAM,cAAc,sHAsJlB,CAAC;AAGH,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Menu/NestedMenuItem.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-styles.ia-menu .MuiPaper-root{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 1px 6px #0000001f;margin-top:4px;padding:0 6px}.ia-styles.ia-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-menu .MuiButtonBase-root{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;height:35px;justify-content:space-between;line-height:20px;padding:0 12px}.ia-styles.ia-menu .MuiButtonBase-root.Mui-focusVisible{background-color:initial}.ia-styles.ia-menu .MuiButtonBase-root:hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root:has(.ia-list-sublabel){min-height:56px!important}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.Mui-selected{background-color:#eceefd;border-radius:8px}.ia-styles.ia-menu .ia-list-body:has(.menu-section-header){border-top:1px solid #f5f6fa;gap:6px;padding-top:4px}.ia-styles.ia-menu li:first-of-type :has(.menu-section-header){border-top:none}.ia-styles.ia-menu li:has(.menu-section-header){cursor:default;pointer-events:none}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.child-hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .ia-vertical-line{align-self:stretch;border:1px solid #f5f6fa;flex:none;flex-grow:0;height:0;min-width:228px}.ia-styles.ia-menu .ia-menu-action-button-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:8px 8px 4px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-styles.ia-btn{font-weight:400;height:32px;padding:8px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained{color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained:hover{background-color:#3649c6;color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-tertiary:hover{background-color:#eceefd;border-color:#3649c6;border-width:1px;color:#3649c6}.ia-styles.ia-menu .menu-scroll-area{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ia-styles.ia-menu .menu-item-selected{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container{height:16px;margin-right:0;width:16px}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container:hover{background:#fff;border-radius:4px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked:hover{background:#eceefd url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #4259ee}.menu-section-header{align-items:center;color:#b4bac7;display:flex;font-size:12px;font-weight:700;height:35px;justify-content:flex-start;line-height:20px}.ia-list-icon{min-width:auto!important}.ia-section-icon{min-width:32px!important}.ia-list-label-container{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ia-list-sublabel{color:#7a8294;font-size:12px;font-weight:400;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-list-body{align-items:center;display:flex;flex-grow:1;gap:8px}.bottom_action{background:#fff;border-top:1px solid #f0f0f0;bottom:0;padding:0;position:sticky}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-styles.ia-menu .MuiPaper-root{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 1px 6px #0000001f;margin-top:4px;padding:0 6px}.ia-styles.ia-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-menu .MuiButtonBase-root{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;height:35px;justify-content:space-between;line-height:20px;padding:0 12px}.ia-styles.ia-menu .MuiButtonBase-root: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}.ia-styles.ia-menu .MuiButtonBase-root:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-menu .MuiButtonBase-root.Mui-focusVisible{background-color:initial}.ia-styles.ia-menu .MuiButtonBase-root:hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root:has(.ia-list-sublabel){min-height:56px!important}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.Mui-selected{background-color:#eceefd;border-radius:8px}.ia-styles.ia-menu .ia-list-body:has(.menu-section-header){border-top:1px solid #f5f6fa;gap:6px;padding-top:4px}.ia-styles.ia-menu li:first-of-type :has(.menu-section-header){border-top:none}.ia-styles.ia-menu li:has(.menu-section-header){cursor:default;pointer-events:none}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.child-hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .ia-vertical-line{align-self:stretch;border:1px solid #f5f6fa;flex:none;flex-grow:0;height:0;min-width:228px}.ia-styles.ia-menu .ia-menu-action-button-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:8px 8px 4px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-styles.ia-btn{font-weight:400;height:32px;padding:8px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained{color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained:hover{background-color:#3649c6;color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-tertiary:hover{background-color:#eceefd;border-color:#3649c6;border-width:1px;color:#3649c6}.ia-styles.ia-menu .menu-scroll-area{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ia-styles.ia-menu .menu-item-selected{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container{height:16px;margin-right:0;width:16px}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container:hover{background:#fff;border-radius:4px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked:hover{background:#eceefd url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #4259ee}.menu-section-header{align-items:center;color:#b4bac7;display:flex;font-size:12px;font-weight:700;height:35px;justify-content:flex-start;line-height:20px}.ia-list-icon{min-width:auto!important}.ia-section-icon{min-width:32px!important}.ia-list-label-container{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ia-list-sublabel{color:#7a8294;font-size:12px;font-weight:400;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-list-body{align-items:center;display:flex;flex-grow:1;gap:8px}.bottom_action{background:#fff;border-top:1px solid #f0f0f0;bottom:0;padding:0;position:sticky}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle, useState } from "react";
 import { IconMenuItem } from "./IconMenuItem.js";
@@ -18,6 +18,7 @@ const NestedMenuItem = forwardRef((props, ref) => {
     delay = 0,
     item,
     disabled,
+    handleSelect,
     ...MenuItemProps
   } = props;
   const { ref: containerRefProp, ...ContainerProps } = ContainerPropsProp;
@@ -112,6 +113,10 @@ const NestedMenuItem = forwardRef((props, ref) => {
             label: item.label,
             MenuItemProps,
             renderLabel,
+            onClick: (event) => {
+              event.stopPropagation();
+              handleSelect == null ? void 0 : handleSelect(item, event);
+            },
             children
           }
         ),

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,KAAK,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,oBAAoB,CAAC;AAE5B,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE;;;;GAIG;AACH,eAAO,MAAM,IAAI,uHA6NhB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,KAAK,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,oBAAoB,CAAC;AAE5B,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE;;;;GAIG;AACH,eAAO,MAAM,IAAI,uHAiOhB,CAAC"}

package/dist/components/Menu/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-styles.ia-menu .MuiPaper-root{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 1px 6px #0000001f;margin-top:4px;padding:0 6px}.ia-styles.ia-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-menu .MuiButtonBase-root{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;height:35px;justify-content:space-between;line-height:20px;padding:0 12px}.ia-styles.ia-menu .MuiButtonBase-root.Mui-focusVisible{background-color:initial}.ia-styles.ia-menu .MuiButtonBase-root:hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root:has(.ia-list-sublabel){min-height:56px!important}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.Mui-selected{background-color:#eceefd;border-radius:8px}.ia-styles.ia-menu .ia-list-body:has(.menu-section-header){border-top:1px solid #f5f6fa;gap:6px;padding-top:4px}.ia-styles.ia-menu li:first-of-type :has(.menu-section-header){border-top:none}.ia-styles.ia-menu li:has(.menu-section-header){cursor:default;pointer-events:none}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.child-hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .ia-vertical-line{align-self:stretch;border:1px solid #f5f6fa;flex:none;flex-grow:0;height:0;min-width:228px}.ia-styles.ia-menu .ia-menu-action-button-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:8px 8px 4px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-styles.ia-btn{font-weight:400;height:32px;padding:8px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained{color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained:hover{background-color:#3649c6;color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-tertiary:hover{background-color:#eceefd;border-color:#3649c6;border-width:1px;color:#3649c6}.ia-styles.ia-menu .menu-scroll-area{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ia-styles.ia-menu .menu-item-selected{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container{height:16px;margin-right:0;width:16px}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container:hover{background:#fff;border-radius:4px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked:hover{background:#eceefd url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #4259ee}.menu-section-header{align-items:center;color:#b4bac7;display:flex;font-size:12px;font-weight:700;height:35px;justify-content:flex-start;line-height:20px}.ia-list-icon{min-width:auto!important}.ia-section-icon{min-width:32px!important}.ia-list-label-container{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ia-list-sublabel{color:#7a8294;font-size:12px;font-weight:400;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-list-body{align-items:center;display:flex;flex-grow:1;gap:8px}.bottom_action{background:#fff;border-top:1px solid #f0f0f0;bottom:0;padding:0;position:sticky}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-styles.ia-menu .MuiPaper-root{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 1px 6px #0000001f;margin-top:4px;padding:0 6px}.ia-styles.ia-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-menu .MuiButtonBase-root{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;height:35px;justify-content:space-between;line-height:20px;padding:0 12px}.ia-styles.ia-menu .MuiButtonBase-root: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}.ia-styles.ia-menu .MuiButtonBase-root:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-menu .MuiButtonBase-root.Mui-focusVisible{background-color:initial}.ia-styles.ia-menu .MuiButtonBase-root:hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root:has(.ia-list-sublabel){min-height:56px!important}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.Mui-selected{background-color:#eceefd;border-radius:8px}.ia-styles.ia-menu .ia-list-body:has(.menu-section-header){border-top:1px solid #f5f6fa;gap:6px;padding-top:4px}.ia-styles.ia-menu li:first-of-type :has(.menu-section-header){border-top:none}.ia-styles.ia-menu li:has(.menu-section-header){cursor:default;pointer-events:none}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.child-hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .ia-vertical-line{align-self:stretch;border:1px solid #f5f6fa;flex:none;flex-grow:0;height:0;min-width:228px}.ia-styles.ia-menu .ia-menu-action-button-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:8px 8px 4px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-styles.ia-btn{font-weight:400;height:32px;padding:8px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained{color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained:hover{background-color:#3649c6;color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-tertiary:hover{background-color:#eceefd;border-color:#3649c6;border-width:1px;color:#3649c6}.ia-styles.ia-menu .menu-scroll-area{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ia-styles.ia-menu .menu-item-selected{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container{height:16px;margin-right:0;width:16px}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container:hover{background:#fff;border-radius:4px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked:hover{background:#eceefd url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #4259ee}.menu-section-header{align-items:center;color:#b4bac7;display:flex;font-size:12px;font-weight:700;height:35px;justify-content:flex-start;line-height:20px}.ia-list-icon{min-width:auto!important}.ia-section-icon{min-width:32px!important}.ia-list-label-container{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ia-list-sublabel{color:#7a8294;font-size:12px;font-weight:400;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-list-body{align-items:center;display:flex;flex-grow:1;gap:8px}.bottom_action{background:#fff;border-top:1px solid #f0f0f0;bottom:0;padding:0;position:sticky}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useEffect } from "react";
 import { nestedMenuItemsFromObject } from "./nestedMenuItemsFromObject.js";
@@ -42,10 +42,12 @@ const Menu = forwardRef(
       () => customHeaderProps.selectedItems ?? []
     );
     useEffect(() => {
-      if (customHeaderProps.selectedItems != null) {
+      if (Array.isArray(selected)) {
+        setSelectedItems(selected);
+      } else if (customHeaderProps.selectedItems != null) {
         setSelectedItems(customHeaderProps.selectedItems);
       }
-    }, [customHeaderProps.selectedItems]);
+    }, [selected, customHeaderProps.selectedItems]);
     const handleClose = () => {
       onClose == null ? void 0 : onClose();
     };
@@ -152,7 +154,7 @@ const Menu = forwardRef(
           renderHeader(),
           isLoading ? renderLoadingState() : isSearching ? renderSearchingState() : hasEmptySearch ? renderEmptySearchState() : hasNoInitialData ? renderNoDataState() : /* @__PURE__ */ jsx("div", { className: "menu-scroll-area", children: menuItems }),
           withActionButtons && withCheckbox && !isLoading && !isSearching && ((data == null ? void 0 : data.length) ?? 0) > 0 && /* @__PURE__ */ jsx("div", { className: "bottom_action", children: /* @__PURE__ */ jsxs("div", { className: "ia-menu-action-button-container", children: [
-            /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: onTertiaryButtonClick, children: tertiaryButtonLabel ?? "Cancel" }),
+            tertiaryButtonLabel && /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: onTertiaryButtonClick, children: tertiaryButtonLabel || "Cancel" }),
             /* @__PURE__ */ jsx(
               Button,
               {

package/dist/components/Menu/nestedMenuItemsFromObject.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nestedMenuItemsFromObject.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/nestedMenuItemsFromObject.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,+BAA+B;IAC9C,aAAa,EAAE,UAAU,EAAE,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACnE,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,aAAa,EAAE,KAAK,EACpB,MAAM,EACN,WAAW,EACX,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,aAAkB,EAClB,GAAG,IAAI,EACR,EAAE,+BAA+B,GAAG,KAAK,CAAC,SAAS,CA2EnD"}
+{"version":3,"file":"nestedMenuItemsFromObject.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/nestedMenuItemsFromObject.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,+BAA+B;IAC9C,aAAa,EAAE,UAAU,EAAE,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACnE,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,aAAa,EAAE,KAAK,EACpB,MAAM,EACN,WAAW,EACX,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,aAAkB,EAClB,GAAG,IAAI,EACR,EAAE,+BAA+B,GAAG,KAAK,CAAC,SAAS,CA4EnD"}