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

package/dist/components/HomePage/index.js

@@ -1,14 +1,25 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var n=document.createElement("style");n.appendChild(document.createTextNode('.main_landingpage_container{background:radial-gradient(65.75% 64.76% at 57.88% 39.21%,#ffffffbf 67.79%,#f2692200);bottom:0;box-sizing:border-box;display:flex;justify-content:space-between;left:64px;overflow:hidden;position:absolute;right:0;top:56px}.main_landingpage_container .left_panel{bottom:0;box-sizing:border-box;left:0;padding:18px 0 18px 26px;position:absolute;top:0;width:calc(100% - 500px)}.main_landingpage_container .left_panel .left_panel_header{background:linear-gradient(90deg,#2bbfee21,#6962ef21),url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/noise-tile.webp) repeat;background-repeat:repeat;border-radius:12px;box-sizing:border-box;display:flex;height:80px;left:26px;overflow:hidden;padding:16px;position:absolute;right:0;top:20px}.main_landingpage_container .left_panel .left_panel_header .left_section_header{display:flex;gap:12px;width:calc(100% - 340px)}.main_landingpage_container .left_panel .left_panel_header .left_section_header .left_section_IA_logo_container{animation:gradientShift 8s ease infinite;background:linear-gradient(136deg,#2ac2ee 12.23%,#6962ef 49.23%,#f26921 88.52%);background-size:300% 300%;border-radius:10px;height:48px;position:relative;width:48px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .left_section_IA_logo_container .left_section_IA_logo_gif{background:#0d152c;border-radius:10px;bottom:0;height:46px;left:0;margin:auto;object-fit:contain;position:absolute;right:0;top:0;width:46px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{color:#1f2b4d;font-size:20px;font-weight:600;letter-spacing:0;line-height:24px;text-align:left}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title .gradient_text{background:linear-gradient(90deg,#2ac2ee,#6962ef 50%,#f26921);-webkit-background-clip:text;background-size:200% 200%;-webkit-text-fill-color:#0000;animation:gradientShift 8s ease infinite;background-clip:text;display:inline-block}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_description{line-height:24px}.main_landingpage_container .left_panel .left_panel_header .right_section_header{align-items:center;display:flex;justify-content:space-between;position:relative;width:340px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon{animation:float 3s ease-in-out infinite;background:#fff;border:1px solid #9995ff;border-radius:8px;bottom:0;cursor:pointer;height:32px;position:absolute;transition:all .3s ease;width:32px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:first-child{animation-delay:.15s;left:50px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(2){animation-delay:.3s;left:100px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(3){animation-delay:.45s;left:150px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(4){animation-delay:.6s;left:200px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(5){animation-delay:.75s;left:250px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(6){animation-delay:.9s;left:300px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:hover{animation-play-state:paused;box-shadow:0 8px 16px #00000026;transform:translateY(-5px) scale(1.1);z-index:1}@keyframes float{0%{opacity:0;transform:translateY(-80px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(0)}}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon1{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-1.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon2{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-2.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon3{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-3.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon4{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-4.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon5{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-5.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon6{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-2.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .center_graidient_container{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/center-header-bg.webp) no-repeat;background-position:50%;background-size:cover;height:80px;opacity:.7;position:absolute;top:0;width:100%}.main_landingpage_container .left_panel .left_panel_header .center_image_container{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/center-bg.webp) no-repeat;background-size:contain;height:80px;left:300px;margin:auto;opacity:1;position:absolute;right:0;top:0;width:368px}.main_landingpage_container .left_panel .left_panel_header .bottom_image_container{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/bottom-header-bg.png) no-repeat;background-position:50%;background-size:contain;height:75px;margin:auto;opacity:1;position:absolute;right:0;top:0;width:195px}.main_landingpage_container .left_panel .left_panel_product_container{bottom:20px;height:auto;left:26px;overflow:auto;position:absolute;right:0;top:132px}.main_landingpage_container .left_panel .tool_kit_container{background:#eaf2ff;border-radius:10px;margin-top:0;padding:20px;position:relative}.main_landingpage_container .left_panel .tool_kit_container .arrow_chevron_container{bottom:0;display:none;left:60px;position:absolute;transform:rotate(90deg)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{display:flex;flex-wrap:wrap;gap:24px 2%;margin-top:16px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item{background:#fff;border:1px solid #fff;border-radius:10px;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;gap:2px;height:167px;justify-content:space-between;padding:16px 12px;position:relative}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_patch{background:#eaf2ff;height:7px;position:absolute;right:17px;top:-2px;width:121px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{color:#0d152c;font-size:16px;font-weight:700;width:calc(100% - 135px)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_content{color:#31416e;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;width:calc(100% - 45px)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container{background:#e9f2ff;border:1px solid #fff;border-radius:0 0 16px 16px;border-top-color:#eaf2ff;box-sizing:border-box;height:48px;padding:8px;position:absolute;right:24px;top:-1px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container:before{background:#e9f2ff;content:"";height:7px;left:-10px;position:absolute;right:-10px;top:-4px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .left_curve_container:before{background:#fff;border-radius:0 10px 0 0;border-right:1px solid #fff;border-top:1px solid #fff;content:"";height:20px;left:-10px;position:absolute;top:-1px;width:10px;z-index:99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .left_curve_container:after{background:#eaf2ff;border-radius:0;content:"";height:8px;left:-8px;position:absolute;top:-1px;width:8px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .right_curve_container:before{background:#fff;border-left:1px solid #fff;border-radius:10px 0 0;border-top:1px solid #fff;content:"";height:20px;position:absolute;right:-10px;top:-1px;width:10px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .right_curve_container:after{background:#eaf2ff;border-radius:0;content:"";height:8px;position:absolute;right:-8px;top:-1px;width:8px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container{border:16px solid #f8cdb7;border-left:10px solid #0000;border-radius:0 0 9px;border-right:0;bottom:0;color:#fff;height:0;line-height:0;position:absolute;right:0;z-index:1}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container span{color:#0d152c;font-size:12px;font-weight:700;padding:0 24px 0 18px;position:relative;text-align:center}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover{border:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container{border:1px solid #6962ef99;border-top-color:#eaf2ff}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container .left_curve_container:before{border-right:1px solid #6962ef99;border-top:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container .right_curve_container:before{border-left:1px solid #6962ef99;border-top:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .know_more_container{background:#fafafa;border:1px solid #eceefd;border-radius:12px;box-sizing:border-box;height:auto;margin-top:20px;opacity:1;overflow:hidden;padding:20px;position:relative;transition:height .3s ease-in-out,opacity .3s ease-in-out;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .know_more_container.tool_kit_know_more_container{margin-top:10px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .close_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;cursor:pointer;height:16px;position:absolute;right:13px;top:27px;width:16px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container{align-items:center;display:flex;gap:8px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{color:#0d152c;font-size:20px;font-weight:700}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .tick_mark_enabled{align-items:center;background:#f4fff7 url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/tick.svg) no-repeat;background-position:8px;background-size:12px;border-radius:24px;color:#108431;display:flex;font-size:14px;height:24px;padding:0 8px 0 25px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_description{color:#1f2b4d;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;margin-top:20px;text-align:left}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{display:flex;gap:32px;margin-top:20px;overflow:auto;position:relative;scrollbar-width:none;z-index:999}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/page-fold.webp) no-repeat;background-size:230px;box-sizing:border-box;display:flex;flex-shrink:0;gap:4px;height:64px;padding:15px;width:231px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_bulb_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/bulb.svg) no-repeat;background-position:0 2px;background-size:13px;height:15px;width:15px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{color:#0d152c;font-size:12px;font-weight:600;line-height:16px;width:140px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .launch_button_container{margin-top:16px}.main_landingpage_container .left_panel .tool_kit_container .ms_km_container_hidden{height:0;margin:0!important;opacity:0;padding:0;transition:height .3s ease-in-out,opacity .3s ease-in-out}.main_landingpage_container .left_panel .smart_ai_tool_container{background:#edeff6;margin-top:32px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item{width:auto!important}.main_landingpage_container .left_panel .smart_ai_tool_container .top_cta_container,.main_landingpage_container .left_panel .smart_ai_tool_container .top_cta_container:before{background:#eeeff7!important}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item_container{position:relative;width:32%!important}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item_container .top_patch{background:#eeeff7;height:7px;position:absolute;right:16px;top:-2px;width:126px;z-index:9}.main_landingpage_container .left_panel .tool_kit_item_active{border:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container{border:1px solid #6962ef99!important;border-top-color:#eaf2ff!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container .left_curve_container:before{border-right:1px solid #6962ef99!important;border-top:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container .right_curve_container:before{border-left:1px solid #6962ef99!important;border-top:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container{display:block}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:after,.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:before{border-style:solid;content:"";display:block;height:0;left:100%;position:absolute;width:0}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:before{border-color:#0000 #0000 #0000 #6962ef99;border-width:10px;top:10px}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:after{border-color:#0000 #0000 #0000 #fff;border-width:9px;top:11px}.main_landingpage_container .right_panel{bottom:0;box-sizing:border-box;display:flex;flex-direction:column;gap:32px;padding:21px 26px 18px 0;position:absolute;right:0;top:0;width:475px}.main_landingpage_container .right_panel .client_logo_container{align-items:center;background:#fff;border-radius:12px;display:flex;justify-content:center;padding:20px;position:relative;z-index:0}.main_landingpage_container .right_panel .client_logo_container:before{background:linear-gradient(93.56deg,#dfb9d2 22.01%,#b7c0ef 78.02%);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:1}.main_landingpage_container .right_panel .client_logo_container .impact_client_logo_image{object-fit:contain;width:45%}.main_landingpage_container .right_panel .right_panel_content{display:flex;flex-direction:column;gap:32px;overflow:auto}.main_landingpage_container .right_panel .smart_pf_panel_container{background:linear-gradient(180deg,#e9f2ff59,#fff9);border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;padding:20px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container{display:flex;flex-direction:column;margin-bottom:24px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .top_label{color:#60697d;font-size:16px;font-weight:700;line-height:24px;text-align:center}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .gradient_text{background:linear-gradient(90deg,#6b63ff,#0a1e5e 50%,#6b63ff);-webkit-background-clip:text;background-size:200% auto;font-size:20px;font-weight:600;line-height:28px;text-align:center;-webkit-text-fill-color:#0000;background-clip:text;text-fill-color:#0000;animation:gradientFlow 3s linear infinite;display:inline-block;margin-top:4px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container{display:flex;flex-direction:column;gap:16px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia{background:#fff;border-radius:12px;display:flex;gap:12px;padding:12px;position:relative}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia:before{background:linear-gradient(180deg,#2bbfeee6,#6963efe6);border-radius:13px;content:" ";top:-1px;right:-1px;bottom:-1px;left:-1px;position:absolute;z-index:-1}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .left_image_container{background:#fcfcfc;height:40px;width:40px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .ai_ml_powered,.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .multi_level_planning,.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .strategic_objective{background:#fff}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .landing_card_gif{display:block;height:40px;object-fit:contain;width:40px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card{color:#60697d;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;width:calc(100% - 60px)}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card .ia_card_heading_txt{color:#1f2b4d;font-size:14px;font-weight:800;letter-spacing:0;line-height:20px;text-align:left}.main_landingpage_container .right_panel .smart_agent_studio_container{background:#fff;border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding:25px 20px}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing{color:#0d152c;font-size:16px;font-weight:700;letter-spacing:0;line-height:24px;text-align:center}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing .gradient_text{background:linear-gradient(90deg,#f26921,#6962ef);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;font-weight:800;-webkit-text-fill-color:#0000;animation:gradientFlow 3s ease infinite}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container{display:flex;flex-direction:column;gap:16px;justify-content:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_slide{align-items:center;display:none;flex-direction:column;gap:8px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_slide.carousel_slide_active{display:flex}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_image{height:80px;width:80px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video_text{color:#1f2b4d;font-size:14px;font-weight:500;line-height:16px;text-align:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container{display:flex;justify-content:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .carousel_dot{background:#c3c8d4;border-radius:50%;cursor:pointer;height:8px;margin:0 4px;transition:all .3s ease;width:8px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .carousel_dot:hover{background:#6962ef}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .dot_active{background:#6962ef;border-radius:4px;height:8px;width:24px}.main_landingpage_container .right_panel .smart_agent_studio_container .agentic_usecases_container{align-items:center;display:flex;justify-content:center}.main_landingpage_container .right_panel .latest_updates_container{align-items:center;border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:20px}.main_landingpage_container .right_panel .latest_updates_container .latest_updates_header{color:#1f2b4d;font-size:16px;font-weight:700;letter-spacing:0;line-height:24px;text-align:left;text-align:center}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.main_landingpage_container .configurations_menu_container{background:#fff;border-radius:12px;box-shadow:0 0 18px 5px #0000000f;display:flex;flex-direction:column;gap:12px;padding:12px;position:absolute;right:16px;top:58px;z-index:99999}.main_landingpage_container .configurations_menu_container .configurations_menu_item{cursor:pointer;display:flex;gap:12px;padding:6px;width:342px}.main_landingpage_container .configurations_menu_container .configurations_menu_item:hover{background:#6962ef26;border-radius:8px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_logo{flex-shrink:0;height:32px;object-fit:contain;width:32px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_logo_text{align-items:center;display:inline-flex;font-size:22px;justify-content:center;line-height:1}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content{display:flex;flex-direction:column;gap:4px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content .configurations_menu_item_content_label{color:#1f2b4d;font-size:16px;font-weight:600;line-height:24px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content .configurations_menu_item_content_desc{color:#60697d;font-size:14px;font-weight:500;line-height:20px;text-align:left}.common_header{font-size:20px;font-weight:600;letter-spacing:0;line-height:24px;text-align:left}.toolkit_header_container{align-items:center;display:flex;justify-content:space-between}.primary_btn{background:#6962ef!important;border:1px solid #6962ef!important;box-sizing:border-box;font-weight:500!important;line-height:20px}.url{color:#6962ef!important;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;text-decoration:none!important}.MondaySmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/mondaysmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.AssortSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/assortsmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.BaseSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/basesmart.webp) no-repeat;background-position:0 0;background-size:24px;padding-left:31px}.ItemSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/itemsmart.webp) no-repeat;background-position:0 0;background-size:24px;padding-left:31px}.InventorySmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/inventorysmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.MarkSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/marksmart.webp) no-repeat;background-position:0 0;background-size:25px;padding-left:31px}.PriceSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/pricesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.RackSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/racksmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.SizeSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/sizesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.SpaceSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/spacesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.PlanSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/plansmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.ADAVisual_icon,.ForecastSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/adaVisual.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.ClusterSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/clusterSmart.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.PromoSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/promoSmart.webp) no-repeat;background-position:0 0;background-size:19px;padding-left:31px}.ForecastConfigurator_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/forecastConfigurator.webp) no-repeat;background-position:0 0;background-size:18px;font-size:12px;padding-left:31px}.ADAConfigurator_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/adaConfigurator.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.TestSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/testSmart.webp) no-repeat;background-position:0 0;background-size:20px;padding-left:31px}.AttributeSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/attributeSmart.webp) no-repeat;background-position:0 0;background-size:20px;padding-left:31px}.StoreSmart_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/storeSmart.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.main_landingpage_container .latest_updates_content{font-size:16px;line-height:18px;text-align:center}.url{font-size:12px}@media screen and (min-width:1400px) and (max-width:1600px){.main_landingpage_container .right_panel{gap:22px;width:370px}.main_landingpage_container .left_panel{width:calc(100% - 390px)}.main_landingpage_container .left_panel .left_panel_product_container{top:122px}.main_landingpage_container .left_panel .smart_ai_tool_container{margin-top:22px}.main_landingpage_container .latest_updates_content{font-size:14px;line-height:18px;text-align:center}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{font-size:16px}.common_header{font-size:18px}.right_panel_content{gap:22px!important}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{font-size:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{gap:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{font-size:12px;line-height:14px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{gap:16px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_content .tool_kit_item{padding:16px 10px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{font-size:14px}}@media screen and (max-width:1399px){.main_landingpage_container .right_panel{gap:22px;width:300px}.main_landingpage_container .left_panel .left_panel_product_container{top:122px}.main_landingpage_container .left_panel .smart_ai_tool_container{margin-top:22px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{font-size:16px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{font-size:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{gap:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{font-size:12px;line-height:14px}.main_landingpage_container .left_panel{width:calc(100% - 320px)}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .top_label{font-size:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .gradient_text{font-size:16px;margin-top:0}.main_landingpage_container .right_panel .latest_updates_container,.main_landingpage_container .right_panel .smart_agent_studio_container,.main_landingpage_container .right_panel .smart_pf_panel_container{padding:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container{margin-bottom:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container{gap:12px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card{font-size:12px;line-height:14px}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing{font-size:14px;line-height:18px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video{height:145px;width:245px}.main_landingpage_container .latest_updates_content,.main_landingpage_container .right_panel .latest_updates_container .latest_updates_header,.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video_text{font-size:12px;line-height:16px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{font-size:14px;padding-left:24px}.InventorySmart_icon,.MondaySmart_icon{background-size:20px}.common_header{font-size:14px}.main_landingpage_container .left_panel .tool_kit_container{padding:16px}.right_panel_content{gap:22px!important}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{gap:12px}.main_landingpage_container .right_panel .client_logo_container .impact_client_logo_image{width:60%}}.agentic_usecases_panel{width:684px!important}.agentic_usecases_panel .agentic_usecases_panel_content{display:flex;flex-wrap:wrap;gap:16px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_container{position:relative}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_container:hover .agentic_usecases_panel_content_item_button{display:flex!important}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_button{bottom:12px;display:none!important;position:absolute;right:100px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item{border:1px solid #0000;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px;width:310px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item:hover{border:1px solid}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item:hover .agentic_usecases_panel_content_item_content{background:linear-gradient(180deg,#fff9f500,#02020296);border-radius:0 0 7px 7px;margin-inline:-16px;margin-bottom:-16px;padding-inline:16px;padding-bottom:16px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_image{height:40px;width:40px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content{display:flex;flex-direction:column;gap:12px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content .agentic_usecases_panel_content_item_name{color:#1f2b4d;font-size:14px;font-weight:700;line-height:21px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content .agentic_usecases_panel_content_item_description{color:#31416e;font-size:14px;font-weight:500;line-height:20px}.agentic_usecases_panel_content_item_button:hover+.agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content{background:linear-gradient(180deg,#fff9f500,#02020296);border-radius:0 0 7px 7px;margin-inline:-16px;margin-bottom:-16px;padding-inline:16px;padding-bottom:16px}')),document.head.appendChild(n)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
+import { getAssetUrl } from "../../utils/assetBase.js";
 import { findClient, CAROUSEL_IMAGES, CAROUSEL_IMAGES_TEXT, AGENTIC_USECASES } from "./constants.js";
-import BookDemoIcon from "../../assets/landingPageAssets/book-demo.svg.js";
-import ConfigurationIcon from "../../assets/landingPageAssets/configuration_icon.svg.js";
-import LaunchIcon from "../../assets/landingPageAssets/launch.svg.js";
 import { Button } from "../Button/index.js";
 import { Panel } from "../Panel/index.js";
-/* empty css                     */
+
+const BookDemoIcon = getAssetUrl("landingPageAssets/book-demo.svg");
+const ConfigurationIcon = getAssetUrl("landingPageAssets/configuration_icon.svg");
+const LaunchIcon = getAssetUrl("landingPageAssets/launch.svg");
 function noop() {
 }
+function isLikelyImageSrc(logo) {
+  const t = logo.trim();
+  if (!t) return false;
+  if (/^https?:\/\//i.test(t)) return true;
+  if (t.startsWith("data:") || t.startsWith("blob:")) return true;
+  if (t.startsWith("/")) return true;
+  if (/\.(svg|png|webp|jpe?g|gif|avif)(\?[^#]*)?(#.*)?$/i.test(t)) return true;
+  return false;
+}
 function HomePage({
   clientName = "",
   userName = "",
@@ -101,7 +112,16 @@ function HomePage({
     /* @__PURE__ */ jsxs("div", { className: "left_panel", children: [
       /* @__PURE__ */ jsxs("div", { className: "left_panel_header", children: [
         /* @__PURE__ */ jsxs("div", { className: "left_section_header", children: [
-          /* @__PURE__ */ jsx("div", { className: "left_section_IA_logo_container" }),
+          /* @__PURE__ */ jsx("div", { className: "left_section_IA_logo_container", children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              alt: "",
+              className: "left_section_IA_logo_gif",
+              decoding: "async",
+              loading: "lazy",
+              src: getAssetUrl("landingPageAssets/alan-gif.gif")
+            }
+          ) }),
           /* @__PURE__ */ jsxs("div", { className: "right_content_container", children: [
             /* @__PURE__ */ jsxs("div", { className: "right_content_title", children: [
               /* @__PURE__ */ jsxs("span", { className: "non_gradient_text", children: [
@@ -148,15 +168,23 @@ function HomePage({
                   if (e.key === "Enter" || e.key === " ") onConfigurationsClick(item);
                 },
                 children: [
-                  /* @__PURE__ */ jsx(
+                  isLikelyImageSrc(item.logo) ? /* @__PURE__ */ jsx(
                     "img",
                     {
-                      alt: "configuration",
+                      alt: "",
                       className: "configurations_menu_item_logo",
                       decoding: "async",
                       loading: "lazy",
+                      role: "presentation",
                       src: item.logo
                     }
+                  ) : /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      "aria-hidden": true,
+                      className: "configurations_menu_item_logo configurations_menu_item_logo_text",
+                      children: item.logo
+                    }
                   ),
                   /* @__PURE__ */ jsxs("div", { className: "configurations_menu_item_content", children: [
                     /* @__PURE__ */ jsx("span", { className: "configurations_menu_item_content_label", children: item.label }),
@@ -375,21 +403,48 @@ function HomePage({
           /* @__PURE__ */ jsx("div", { className: "top_text_container", children: /* @__PURE__ */ jsx("div", { className: "gradient_text", children: "IA Smart Platform" }) }),
           /* @__PURE__ */ jsxs("div", { className: "bottom_cards_container", children: [
             /* @__PURE__ */ jsxs("div", { className: "card_ia ", children: [
-              /* @__PURE__ */ jsx("div", { className: "left_image_container multi_level_planning" }),
+              /* @__PURE__ */ jsx("div", { className: "left_image_container multi_level_planning", children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  alt: "",
+                  className: "landing_card_gif",
+                  decoding: "async",
+                  loading: "lazy",
+                  src: getAssetUrl("landingPageAssets/multi-level.gif")
+                }
+              ) }),
               /* @__PURE__ */ jsxs("div", { className: "right_content_container_card", children: [
                 /* @__PURE__ */ jsx("span", { className: "ia_card_heading_txt", children: "Multi-Level Planning: " }),
                 "Generate Optimized plans across product hierarchies"
               ] })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "card_ia", children: [
-              /* @__PURE__ */ jsx("div", { className: "left_image_container strategic_objective" }),
+              /* @__PURE__ */ jsx("div", { className: "left_image_container strategic_objective", children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  alt: "",
+                  className: "landing_card_gif",
+                  decoding: "async",
+                  loading: "lazy",
+                  src: getAssetUrl("landingPageAssets/strategic-objectives.gif")
+                }
+              ) }),
               /* @__PURE__ */ jsxs("div", { className: "right_content_container_card", children: [
                 /* @__PURE__ */ jsx("span", { className: "ia_card_heading_txt", children: "Strategic Objectives: " }),
                 "Define and align goals across organizational levels"
               ] })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "card_ia", children: [
-              /* @__PURE__ */ jsx("div", { className: "left_image_container ai_ml_powered" }),
+              /* @__PURE__ */ jsx("div", { className: "left_image_container ai_ml_powered", children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  alt: "",
+                  className: "landing_card_gif",
+                  decoding: "async",
+                  loading: "lazy",
+                  src: getAssetUrl("landingPageAssets/aiml.gif")
+                }
+              ) }),
               /* @__PURE__ */ jsxs("div", { className: "right_content_container_card", children: [
                 /* @__PURE__ */ jsx("span", { className: "ia_card_heading_txt", children: "AI/ML Powered: " }),
                 "Advanced analytics and intelligent automation"
@@ -415,6 +470,7 @@ function HomePage({
                     {
                       alt: `carousel-${index}`,
                       className: "carousel_image",
+                      decoding: "async",
                       loading: index === 0 ? "eager" : "lazy",
                       src: image
                     }

package/dist/components/Input/InputWithIcon.d.ts

@@ -3,5 +3,5 @@ import { InputWithIconProps } from './Input.types';
 /**
  * Input with left and/or right icons
  */
-export default function InputWithIcon({ label, isRequired, leftIcon, leftIconClick, rightIcon, rightIconClick, isError, isDisabled, helperText, isHelperText, focusedText, htmlFor, iconClickOnDisabled, size, className, ...args }: InputWithIconProps): import("react/jsx-runtime").JSX.Element;
+export default function InputWithIcon({ label, isRequired, leftIcon, leftIconClick, rightIcon, rightIconClick, isError, isDisabled, helperText, isHelperText, focusedText, htmlFor, iconClickOnDisabled, size, className, id, 'data-testid': dataTestId, inputProps, ...args }: InputWithIconProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InputWithIcon.d.ts.map

package/dist/components/Input/InputWithIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputWithIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Input/InputWithIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,UAAkB,EAClB,QAAQ,EACR,aAAa,EACb,SAAS,EACT,cAAc,EACd,OAAe,EACf,UAAkB,EAClB,UAAU,EACV,YAAoB,EACpB,WAAW,EACX,OAAO,EACP,mBAA2B,EAC3B,IAAc,EACd,SAAc,EACd,GAAG,IAAI,EACR,EAAE,kBAAkB,2CA2EpB"}
+{"version":3,"file":"InputWithIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Input/InputWithIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,UAAkB,EAClB,QAAQ,EACR,aAAa,EACb,SAAS,EACT,cAAc,EACd,OAAe,EACf,UAAkB,EAClB,UAAU,EACV,YAAoB,EACpB,WAAW,EACX,OAAO,EACP,mBAA2B,EAC3B,IAAc,EACd,SAAc,EACd,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,UAAU,EACV,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAwFpB"}

package/dist/components/Input/InputWithIcon.js

@@ -18,8 +18,13 @@ function InputWithIcon({
   iconClickOnDisabled = false,
   size = "large",
   className = "",
+  id,
+  "data-testid": dataTestId,
+  inputProps,
   ...args
 }) {
+  const inputId = id ?? htmlFor;
+  const labelFor = htmlFor ?? id;
   const getContainerClass = () => {
     let baseClass = `impact_inputbox_container_with_icons ${size} ${className}`;
     if (isError) {
@@ -43,7 +48,7 @@ function InputWithIcon({
     }
   };
   return /* @__PURE__ */ jsxs(FormControl, { className: getContainerClass(), children: [
-    label && /* @__PURE__ */ jsxs("label", { htmlFor, children: [
+    label && /* @__PURE__ */ jsxs("label", { htmlFor: labelFor, children: [
       label,
       " ",
       isRequired && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
@@ -66,7 +71,20 @@ function InputWithIcon({
           children: leftIcon
         }
       ),
-      /* @__PURE__ */ jsx(OutlinedInput, { ...args, "aria-invalid": isError, disabled: isDisabled, error: isError }),
+      /* @__PURE__ */ jsx(
+        OutlinedInput,
+        {
+          ...args,
+          "aria-invalid": isError,
+          disabled: isDisabled,
+          error: isError,
+          id: inputId,
+          inputProps: {
+            ...inputProps,
+            ...dataTestId ? { "data-testid": dataTestId } : {}
+          }
+        }
+      ),
       rightIcon && /* @__PURE__ */ jsx(
         "div",
         {

package/dist/components/Input/VanillaInput.d.ts

@@ -3,5 +3,5 @@ import { VanillaInputProps } from './Input.types';
 /**
  * Basic input without icons
  */
-export default function VanillaInput({ label, isRequired, isHelperText, helperText, focusedText, isError, isDisabled, htmlFor, size, className, ...args }: VanillaInputProps): import("react/jsx-runtime").JSX.Element;
+export default function VanillaInput({ label, isRequired, isHelperText, helperText, focusedText, isError, isDisabled, htmlFor, size, className, id, 'data-testid': dataTestId, inputProps, ...args }: VanillaInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=VanillaInput.d.ts.map

package/dist/components/Input/VanillaInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VanillaInput.d.ts","sourceRoot":"","sources":["../../../src/components/Input/VanillaInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAK,EACL,UAAkB,EAClB,YAAoB,EACpB,UAAU,EACV,WAAW,EACX,OAAe,EACf,UAAkB,EAClB,OAAO,EACP,IAAc,EACd,SAAc,EACd,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAwBnB"}
+{"version":3,"file":"VanillaInput.d.ts","sourceRoot":"","sources":["../../../src/components/Input/VanillaInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAK,EACL,UAAkB,EAClB,YAAoB,EACpB,UAAU,EACV,WAAW,EACX,OAAe,EACf,UAAkB,EAClB,OAAO,EACP,IAAc,EACd,SAAc,EACd,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,UAAU,EACV,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAqCnB"}

package/dist/components/Input/VanillaInput.js

@@ -13,8 +13,13 @@ function VanillaInput({
   htmlFor,
   size = "large",
   className = "",
+  id,
+  "data-testid": dataTestId,
+  inputProps,
   ...args
 }) {
+  const inputId = id ?? htmlFor;
+  const labelFor = htmlFor ?? id;
   const getContainerClass = () => {
     let baseClass = `impact_inputbox_container ${size} ${className}`;
     if (isError) {
@@ -25,12 +30,25 @@ function VanillaInput({
     return baseClass.trim();
   };
   return /* @__PURE__ */ jsxs(FormControl, { className: getContainerClass(), children: [
-    label && /* @__PURE__ */ jsxs("label", { htmlFor, children: [
+    label && /* @__PURE__ */ jsxs("label", { htmlFor: labelFor, children: [
       label,
       " ",
       isRequired && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
     ] }),
-    /* @__PURE__ */ jsx(OutlinedInput, { ...args, "aria-invalid": isError, disabled: isDisabled, error: isError }),
+    /* @__PURE__ */ jsx(
+      OutlinedInput,
+      {
+        ...args,
+        "aria-invalid": isError,
+        disabled: isDisabled,
+        error: isError,
+        id: inputId,
+        inputProps: {
+          ...inputProps,
+          ...dataTestId ? { "data-testid": dataTestId } : {}
+        }
+      }
+    ),
     isHelperText && /* @__PURE__ */ jsx(HelperText, { focusedText, helper: helperText })
   ] });
 }

package/dist/components/Input/index.js

@@ -1,8 +1,9 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".impact_inputbox_container label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px;margin-bottom:6px}.impact_inputbox_container fieldset{border:none!important}.impact_inputbox_container .MuiInputBase-root input.MuiInputBase-input{box-sizing:border-box;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;min-width:240px;padding:0 12px;width:100%}.impact_inputbox_container .MuiInputBase-root{background:#fff;border:1px solid #c3c8d4;border-radius:8px;height:32px;padding:0;width:100%}.impact_inputbox_container.small .MuiInputBase-root{height:24px}.impact_inputbox_container.medium .MuiInputBase-root{height:28px}.impact_inputbox_container.small .MuiInputBase-root input.MuiInputBase-input{height:24px}.impact_inputbox_container.medium .MuiInputBase-root input.MuiInputBase-input{height:28px}.impact_inputbox_container .MuiInputBase-root:hover{border:1px solid #4259ee}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root{background:#f2f4fb;border:1px solid #d9dde7}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root:hover{border:1px solid #d9dde7!important;pointer-events:none!important}.impact_inputbox_container .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0 1px;background-size:10px;color:#5f6673;font-size:10px;line-height:10px;margin-left:0;margin-top:6px;padding-left:15px}.impact_inputbox_container.impact_input_error .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat}.impact_inputbox_container.impact_input_error .MuiInputBase-root{border:1px solid #ec4c5c}.impact_inputbox_container.impact_input_error .MuiInputBase-root .MuiInputBase-input{color:#ec4c5c}.impact_inputbox_container.impact_input_error .MuiInputBase-root.Mui-focused{border:1px solid #ec4c5c!important;box-shadow:none}.impact_inputbox_container.impact_input_error .MuiFormHelperText-root{color:#ec4c5c}.impact_inputbox_container .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:#4259ee}.impact_inputbox_container .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1px}.impact_inputbox_container .MuiInputBase-root.Mui-focused{border:1px solid #4259ee!important;box-shadow:none}.impact_inputbox_container_with_icons label{color:#60697d;font-size:12px;font-weight:500;line-height:18px;margin-bottom:6px}.impact_inputbox_container_with_icons .impact-input-wrapper{align-items:center;background-color:#fff;border:1px solid #c3c8d4;border-radius:8px;box-sizing:border-box;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:4px;height:32px;min-width:240px;padding:0 12px;width:100%}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root{border:none;border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;padding:0;width:100%}.impact_inputbox_container_with_icons .impact-input-wrapper svg{color:#60697d;height:16px;width:16px}.impact_inputbox_container_with_icons .impact-input-wrapper:hover{border:1px solid #4259ee}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root:hover{border:none}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root input.MuiInputBase-input{border:none;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:inherit;line-height:20px;padding:0!important}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root input.MuiInputBase-input:hover,.impact_inputbox_container_with_icons .impact-input-wrapper .MuiOutlinedInput-notchedOutline{border:none}.impact_inputbox_container_with_icons .impact-input-wrapper .left-input-icon,.impact_inputbox_container_with_icons .impact-input-wrapper .right-input-icon{cursor:pointer}.impact_inputbox_container_with_icons.small .impact-input-wrapper,.impact_inputbox_container_with_icons.small .impact-input-wrapper .MuiInputBase-root{height:24px}.impact_inputbox_container_with_icons.medium .impact-input-wrapper,.impact_inputbox_container_with_icons.medium .impact-input-wrapper .MuiInputBase-root{height:28px}.MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0;color:#7a8294!important;font-family:Manrope,sans-serif!important;margin-left:0!important;padding-left:14px}.input-with-error .impact-input-wrapper{border:1px solid #e15554!important;color:#e15554}.input-with-error .impact-input-wrapper svg{color:#ec4c5c;height:16px;width:16px}.input-with-error .MuiFormHelperText-root,.input-with-error .impact-input-wrapper input.MuiInputBase-input{color:#ec4c5c}.input-with-error .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat;background-position:0;color:#e15554!important}.input-with-disabled .impact-input-wrapper{background:#f8f9fb;border:1px solid #d9dde7;pointer-events:none!important}.input-with-disabled .impact-input-wrapper:hover{border:1px solid #d9dde7}.input-with-disabled .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-disabled.svg) no-repeat;background-position:0;color:#b4bac7!important}.icon-click-on-disabled .impact-input-wrapper,.icon-click-on-disabled .impact-input-wrapper .left-input-icon,.icon-click-on-disabled .impact-input-wrapper .right-input-icon{pointer-events:auto!important}.MuiOutlinedInput-root input::placeholder{color:#b4bac7;font-weight:500}.MuiOutlinedInput-root.Mui-focused input::placeholder{color:#1f2b4d;font-weight:500;opacity:1}.impact_input_error .MuiOutlinedInput-root input::placeholder{color:#ec4c5c!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;margin:0}input[type=number]{-moz-appearance:textfield}.MuiOutlinedInput-root input:focus::placeholder,input:focus::placeholder{color:#0000}.input-with-disabled .left-input-icon,.input-with-disabled .right-input-icon{cursor:not-allowed;opacity:.5;pointer-events:none}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import InputWithIcon from "./InputWithIcon.js";
 import VanillaInput from "./VanillaInput.js";
-/* empty css                  */
+
 const Input = forwardRef(
   ({
     label,

package/dist/components/KeyboardShortCuts/Keycombo.d.ts

@@ -0,0 +1,12 @@
+export declare const Keys: ({ firstSymbol, firstText, secondText }: {
+    firstSymbol: any;
+    firstText: any;
+    secondText: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const KeyCombo: ({ firstSymbol, firstText, secondText, description }: {
+    firstSymbol: any;
+    firstText: any;
+    secondText: any;
+    description: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Keycombo.d.ts.map

package/dist/components/KeyboardShortCuts/Keycombo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Keycombo.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardShortCuts/Keycombo.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,GAAI;;;;CAAsC,4CAiB1D,CAAC;AACF,eAAO,MAAM,QAAQ,GAAI;;;;;CAAmD,4CAU3E,CAAC"}

package/dist/components/KeyboardShortCuts/Keycombo.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const Keys = ({ firstSymbol, firstText, secondText }) => {
+  return /* @__PURE__ */ jsxs("div", { className: "keys", children: [
+    /* @__PURE__ */ jsx("div", { className: "button-outer", children: /* @__PURE__ */ jsxs("div", { className: "button-inner", children: [
+      /* @__PURE__ */ jsx("span", { className: "key-symbol", children: firstSymbol }),
+      /* @__PURE__ */ jsx("span", { className: "key-text", children: firstText })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "button-outer single-key", children: /* @__PURE__ */ jsx("div", { className: "button-inner", children: /* @__PURE__ */ jsx("span", { className: "key-text", children: secondText }) }) })
+  ] });
+};
+const KeyCombo = ({ firstSymbol, firstText, secondText, description }) => {
+  return /* @__PURE__ */ jsxs("div", { className: "keycombo-container-wrapper", children: [
+    /* @__PURE__ */ jsx("div", { className: "keycombo-container", children: /* @__PURE__ */ jsx(Keys, { firstSymbol, firstText, secondText }) }),
+    /* @__PURE__ */ jsx("div", { className: "keycombo-description", children: description })
+  ] });
+};
+export {
+  KeyCombo,
+  Keys
+};

package/dist/components/KeyboardShortCuts/ShortcutLandingPage.d.ts

@@ -0,0 +1,7 @@
+
+export declare const ShortcutLandingPage: ({ playEntrance, setIsShowShortCutLandingPage, setIsShowShortCutModal, }: {
+    playEntrance?: boolean | undefined;
+    setIsShowShortCutLandingPage: any;
+    setIsShowShortCutModal: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ShortcutLandingPage.d.ts.map

package/dist/components/KeyboardShortCuts/ShortcutLandingPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutLandingPage.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardShortCuts/ShortcutLandingPage.tsx"],"names":[],"mappings":"AASA,OAAO,iCAAiC,CAAC;AA6BzC,eAAO,MAAM,mBAAmB,GAAI;;;;CAInC,4CAcA,CAAC"}

package/dist/components/KeyboardShortCuts/ShortcutLandingPage.js

@@ -0,0 +1,69 @@
+!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 { jsx, jsxs } from "react/jsx-runtime";
+import default_1$2 from "../../node_modules/@mui/icons-material/Add.js";
+import default_1 from "../../node_modules/@mui/icons-material/FilterAltOutlined.js";
+import default_1$1 from "../../node_modules/@mui/icons-material/KeyboardRounded.js";
+import { getAssetUrl } from "../../utils/assetBase.js";
+import { isMac } from "../../utils/shortcuts/platform.js";
+
+const PanelViewIcon = getAssetUrl("icons/panelView.svg");
+const CARD_ITEMS = [
+  {
+    id: "item-1",
+    title: "Side navigation",
+    description: "Quick way to toggle the sidebar menu",
+    iconType: "panel",
+    shortcutLetter: "B"
+  },
+  {
+    id: "item-2",
+    title: "Filter",
+    description: "Instantly opens or closes the filtering panel",
+    iconType: "filter",
+    shortcutLetter: "F"
+  },
+  {
+    id: "item-3",
+    title: "Shortcut Setting",
+    description: "Instant access to the keyboard shortcut settings",
+    iconType: "keyboard",
+    shortcutLetter: "K"
+  }
+];
+const ShortcutLandingPage = ({
+  playEntrance = false,
+  setIsShowShortCutLandingPage,
+  setIsShowShortCutModal
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `shortcut-landing-page-content${playEntrance ? " shortcut-landing-entrance" : ""}`,
+      children: CARD_ITEMS.map((card) => /* @__PURE__ */ jsxs("div", { className: `shortcut-landing-page-content-item ${card.id}`, children: [
+        /* @__PURE__ */ jsx("div", { className: "background-image" }),
+        /* @__PURE__ */ jsx(ShortcutHeader, { iconType: card.iconType, shortcutLetter: card.shortcutLetter }),
+        /* @__PURE__ */ jsx(ShortcutContent, { contentDescription: card.description, contentHeader: card.title })
+      ] }, card.id))
+    }
+  );
+};
+const ShortcutHeader = ({ iconType, shortcutLetter }) => {
+  const modifierLabel = iconType === "filter" ? isMac ? "⌥" : "Alt" : isMac ? "⌘" : "Ctrl";
+  return /* @__PURE__ */ jsxs("div", { className: `content-header header-${iconType}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "content-header-icon", children: iconType === "filter" ? /* @__PURE__ */ jsx(default_1, { sx: { fontSize: 24 } }) : iconType === "keyboard" ? /* @__PURE__ */ jsx(default_1$1, { sx: { fontSize: 24 } }) : /* @__PURE__ */ jsx("img", { alt: "", src: PanelViewIcon }) }),
+    /* @__PURE__ */ jsxs("div", { className: "content-header-buttons", children: [
+      /* @__PURE__ */ jsx("div", { className: "content-header-buttons-item content-header-buttons-item--modifier", children: /* @__PURE__ */ jsx("span", { className: "content-header-buttons-item-text", children: modifierLabel }) }),
+      /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "content-header-plus", children: /* @__PURE__ */ jsx(default_1$2, { sx: { fontSize: 16, color: "#60697d" } }) }),
+      /* @__PURE__ */ jsx("div", { className: "content-header-buttons-item content-header-buttons-item--letter", children: /* @__PURE__ */ jsx("span", { className: "content-header-buttons-item-text", children: shortcutLetter }) })
+    ] })
+  ] });
+};
+const ShortcutContent = ({ contentHeader, contentDescription }) => {
+  return /* @__PURE__ */ jsxs("div", { className: "content-content", children: [
+    /* @__PURE__ */ jsx("span", { className: "content-content-header-title", children: contentHeader }),
+    /* @__PURE__ */ jsx("span", { className: "content-content-header-description", children: contentDescription })
+  ] });
+};
+export {
+  ShortcutLandingPage
+};

package/dist/components/KeyboardShortCuts/ShortcutModal.d.ts

@@ -0,0 +1,7 @@
+
+export declare const ShortcutModal: ({ open, onClose, shortcutGroups }: {
+    open: any;
+    onClose: any;
+    shortcutGroups: any;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ShortcutModal.d.ts.map

package/dist/components/KeyboardShortCuts/ShortcutModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutModal.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardShortCuts/ShortcutModal.tsx"],"names":[],"mappings":"AAgBA,OAAO,iCAAiC,CAAC;AA8HzC,eAAO,MAAM,aAAa,GAAI;;;;CAAiC,mDA4D9D,CAAC"}