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

package/dist/components/Sidebar/index.js

@@ -1,11 +1,14 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('*,: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}.impact-sidebar-container{background-color:#0d152c;color:#fff;height:100%;left:0;min-height:100vh;overflow:hidden;padding:12px;position:fixed;top:0;transition:all .2s ease-in;width:64px;z-index:1200}.impact-sidebar-container .impact-sidebar-toggle-btns{display:flex;justify-content:flex-start}.impact-sidebar-container .impact-sidebar-routes-list{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:34px -12px 0;max-height:calc(100% - 200px);overflow-y:auto;scrollbar-width:none}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item-link{color:#fff;text-decoration:none;width:100%}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item{align-items:center;display:flex;flex-shrink:0;gap:24px;height:48px;overflow:hidden;padding:14px 20px;position:relative;transition:all .2s ease-in;width:64px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item:before{background-color:#3bb273;border-radius:0 4px 4px 0;content:"";height:0;left:0;position:absolute;top:0;transition:height .2s linear;width:4px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item:hover{background-color:#1f2b4d;cursor:pointer}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-icon svg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-icon img{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(2%) hue-rotate(133deg) brightness(106%) contrast(101%);height:20px;width:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-children-indicator-horizontal{transition:all .2s ease-in}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-children-indicator-horizontal svg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .indicator-turn-up{transform:rotate(-90deg)}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-label{align-items:center;display:flex;justify-content:space-between;overflow:hidden;width:100%}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-label-text{flex-shrink:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-sidebar-container .impact-sidebar-routes-list .route-active{background-color:#1f2b4d}.impact-sidebar-container .impact-sidebar-routes-list .route-active:before{height:100%}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled{color:#7a8294;pointer-events:none}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled svg{color:#7a8294}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled img{filter:brightness(0) saturate(100%) invert(58%) sepia(7%) saturate(821%) hue-rotate(184deg) brightness(87%) contrast(84%)}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children{align-items:flex-start;display:flex;flex-direction:column;height:0;margin-top:8px;opacity:0;overflow:hidden;padding-left:24px;position:relative;transition:all .2s ease-in;visibility:hidden}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children:before{background-color:#1f2b4d;border-radius:0 4px 4px 0;content:"";height:var(--before-height);left:24px;position:absolute;top:0;width:4px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children{align-items:center;display:flex;flex-shrink:0;gap:22px;height:48px;overflow:hidden;padding:14px 20px;transition:all .2s ease-in;width:60px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-iconsvg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-icon img{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(2%) hue-rotate(133deg) brightness(106%) contrast(101%);height:20px;width:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-label{flex-shrink:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-sidebar-container .impact-sidebar-routes-hidden-list{height:0;opacity:0;overflow:hidden;transition:height .2s ease-in-out;visibility:hidden}.impact-sidebar-container .show-hidden-menu{height:100%;opacity:1;visibility:visible}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon{align-items:center;display:flex;flex-shrink:0;gap:20px;height:48px;overflow:hidden;padding:14px 20px;transition:width 50ms ease-in;width:64px}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon svg{color:#3bb273;transition:transform .2s ease-in}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon:hover{background-color:#1f2b4d;cursor:pointer}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon span{flex-shrink:0;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px}.impact-sidebar-container .show-hidden-menu-icon svg{transform:rotate(-180deg)}.impact-sidebar-container .impact-sidebar-actions-container{bottom:0;display:flex;flex-direction:column;justify-content:center;margin:0 -12px;position:absolute;width:inherit}.impact-sidebar-container .impact-sidebar-actions-container:before{background-color:#31416e;content:"";height:1px;left:0;position:absolute;top:-12px;width:100%}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-routes-list{margin:0}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-actions-list-item{align-items:center;display:flex;gap:22px;height:48px;overflow:hidden;padding:14px 20px;transition:all .2s ease-in;width:60px}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-actions-list-item .impact-sidebar-actions-list-item-label{font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px}.impact-sidebar-container .impact-sidebar-actions-container .logout-container{color:#3bb273}.impact-sidebar-container .impact-sidebar-actions-container .logout-container:hover{background-color:#31416e;cursor:pointer}.impact-sidebar-container .impact-sidebar-actions-container .logout-container .logout-container-img{width:20px}.sidebar-open{width:280px}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-item{gap:22px;width:100%}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-item-children-indicator-horizontal{transform:rotate(90deg)}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children{gap:22px;width:100%}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-hidden-list-icon{width:100%}.sidebar-open .impact-sidebar-routes-list .child-route-visible{height:var(--before-height);min-height:var(--before-height);opacity:1;visibility:visible}.sidebar-open .impact-sidebar-routes-list .child-route-visible .impact-sidebar-routes-list-item-children:hover{background-color:#31416e;cursor:pointer}.sidebar-open .impact-sidebar-routes-list .child-route-visible .impact-sidebar-routes-list-item-children:before{background-color:#3bb273;content:"";height:0;left:1px;position:absolute;top:0;width:3px}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active{color:#3bb273;cursor:pointer;position:relative}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active .impact-sidebar-routes-list-item-child-icon svg{color:#3bb273}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active .impact-sidebar-routes-list-item-child-icon img{filter:brightness(0) saturate(100%) invert(52%) sepia(87%) saturate(322%) hue-rotate(96deg) brightness(97%) contrast(86%)}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active:before{animation:childAnimation 1s forwards}@keyframes childAnimation{0%{height:0}to{height:100%}}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled{color:#7a8294;pointer-events:none}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled svg{color:#7a8294}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled img{filter:brightness(0) saturate(100%) invert(58%) sepia(7%) saturate(821%) hue-rotate(184deg) brightness(87%) contrast(84%)}.sidebar-open .impact-sidebar-actions-container:before{left:12px;width:calc(100% - 24px)}.sidebar-open .impact-sidebar-actions-container .impact-sidebar-actions-list-item{gap:22px;width:100%}.impact-sidebar-toggle-btns:hover{cursor:pointer}')),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
+import { useRef, useCallback, useEffect } from "react";
+import { MemoryRouter } from "react-router-dom";
+import { getAssetUrl } from "../../utils/assetBase.js";
 import { SidebarActions } from "./SidebarActions.js";
 import { SidebarMenus } from "./SidebarMenus.js";
-import HamburgerClose from "../../assets/collapse-icon.svg.js";
-import HamburgerOpen from "../../assets/hamburger-close.svg.js";
-/* empty css                    */
-import { MemoryRouter } from "../../node_modules/react-router/dist/index.js";
+import { useShortcut } from "../Shortcuts/useShortcut.js";
+
+const HamburgerClose = getAssetUrl("icons/collapse-icon.svg");
+const HamburgerOpen = getAssetUrl("icons/hamburger-close.svg");
 function Sidebar({
   isOpen,
   setIsOpen,
@@ -21,9 +24,63 @@ function Sidebar({
   isMemoryRouter = true,
   visibleModulesCount,
   className,
+  id,
   "data-testid": dataTestId
 }) {
   const sidebarRef = useRef(null);
+  const prevFocusRef = useRef(null);
+  const handleToggle = useCallback(() => {
+    if (!isOpen) {
+      prevFocusRef.current = document.activeElement;
+    } else {
+      setTimeout(() => {
+        var _a;
+        (_a = prevFocusRef.current) == null ? void 0 : _a.focus();
+      }, 0);
+    }
+    handleClose();
+  }, [isOpen, handleClose]);
+  useShortcut(
+    [
+      {
+        keys: "mod+b",
+        id: "sidebar-toggle-mod-b",
+        description: "Toggle sidebar",
+        handler: handleToggle
+      },
+      {
+        keys: "alt+s",
+        id: "sidebar-focus-alt-s",
+        description: "Focus sidebar navigation",
+        handler: () => {
+          if (!isOpen) {
+            prevFocusRef.current = document.activeElement;
+            handleClose();
+          }
+          setTimeout(() => {
+            var _a;
+            const firstItem = (_a = sidebarRef.current) == null ? void 0 : _a.querySelector(
+              "[data-sidebar-item]:not([data-disabled])"
+            );
+            firstItem == null ? void 0 : firstItem.focus();
+          }, 50);
+        }
+      },
+      {
+        keys: "alt+l",
+        id: "sidebar-logout-alt-l",
+        description: "Log out",
+        handler: () => {
+          handleLogOut();
+        }
+      }
+    ],
+    {
+      namespace: "Sidebar",
+      priority: 1,
+      preventDefault: true
+    }
+  );
   useEffect(() => {
     function handleClickOutside(event) {
       if (sidebarRef.current && !sidebarRef.current.contains(event.target) && isCloseWhenClickOutside && isOpen) {
@@ -39,8 +96,10 @@ function Sidebar({
     "nav",
     {
       ref: sidebarRef,
+      "aria-label": "Main navigation",
       className: `impact-sidebar-container ${isOpen ? "sidebar-open" : ""} ${className ?? ""}`.trim(),
       "data-testid": dataTestId,
+      id,
       children: [
         /* @__PURE__ */ jsx(
           "div",

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

@@ -4,7 +4,7 @@ export type { SliderProps, SliderHeaderOrientation, SliderVariant, SliderInputPo
 /**
  * Slider with optional header, label, and range inputs. Wraps MUI Slider; supports single and ranged variants.
  */
-export declare function Slider({ headerOrientation, header, label, value, onChange, required, disabled, min, max, variant, inputPosition, className, 'data-testid': dataTestId, ...sliderProps }: SliderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Slider({ headerOrientation, header, label, value, onChange, required, disabled, min, max, variant, inputPosition, className, id, 'data-testid': dataTestId, ...sliderProps }: SliderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Slider {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EACV,WAAW,EACX,uBAAuB,EACvB,aAAa,EACb,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AAMxB;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,iBAAyB,EACzB,MAAM,EACN,KAAK,EACL,KAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAO,EACP,GAAS,EACT,OAAmB,EACnB,aAAwB,EACxB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,GAAG,WAAW,EACf,EAAE,WAAW,2CAsGb;yBArHe,MAAM"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EACV,WAAW,EACX,uBAAuB,EACvB,aAAa,EACb,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AAMxB;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,iBAAyB,EACzB,MAAM,EACN,KAAK,EACL,KAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAO,EACP,GAAS,EACT,OAAmB,EACnB,aAAwB,EACxB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,WAAW,EACf,EAAE,WAAW,2CAsGb;yBAtHe,MAAM"}

package/dist/components/Slider/index.js

@@ -1,5 +1,6 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".impact_slider_layout{display:flex;gap:16px}.impact_slider_layout .input_layout_style .MuiFormControl-root .MuiInputBase-root{border:1px solid #c3c8d4;border-radius:8px;height:32px;width:75px}.impact_slider_layout .input_layout_style .MuiFormControl-root .MuiInputBase-root:focus,.impact_slider_layout .input_layout_style .MuiFormControl-root .MuiInputBase-root:hover{border:1px solid #4259ee}.impact_slider_layout .input_layout_style .MuiFormControl-root .MuiInputBase-root fieldset{border:none!important}.impact_slider_layout .impact_slider_layout_heading{font-size:22px;font-weight:400;line-height:30.05px}.impact_slider_layout.header-top{flex-direction:column}.impact_slider_layout.header-left{align-items:center;flex-direction:row;gap:32px}.impact_slider_layout .impact_slider_container{width:390px}.impact_slider_layout .impact_slider_container .impact_slider_labelname{color:#60697d;display:block;font-size:12px;font-weight:500;margin-bottom:8px;margin-top:8px}.impact_slider_layout .impact_slider_container .impact_slider_main_container{align-items:center;display:flex;gap:16px}.impact_slider_layout .impact_slider_container .impact_slider_main_container .MuiSlider-root{color:#4259ee;height:4px}.impact_slider_layout .impact_slider_container .impact_slider_main_container .MuiSlider-rail{background:#d9dde7;opacity:1}.impact_slider_layout .impact_slider_container .impact_slider_main_container .MuiSlider-thumb:hover{box-shadow:none}.impact_slider_layout .impact_slider_container .impact_slider_main_container .MuiSlider-valueLabel{background-color:#0d152c;color:#fff}.impact_slider_layout .impact_slider_container .impact_slider_main_container_disabled{pointer-events:none}.impact_slider_layout .impact_slider_container .impact_slider_main_container_disabled .MuiSlider-root{color:#c3c8d4;height:4px}.impact_slider_layout .impact_slider_container .impact_slider_main_container_disabled .MuiSlider-rail{background:#c3c8d4;opacity:1}.impact_slider_layout .impact_slider_disabled .MuiSlider-root{color:#d9dde7!important}.impact_slider_layout .impact_slider_disabled .MuiInputBase-root{background:#f2f4fb;border:1px solid #d9dde7;color:#d9dde7}.impact_slider_layout .impact_slider_disabled .MuiInputBase-root:focus,.impact_slider_layout .impact_slider_disabled .MuiInputBase-root:hover{border:1px solid #d9dde7!important}.impact_slider_layout .impact_slider_disabled .MuiInputBase-root fieldset{border:none!important}.impact_slider_layout .input_layout_style.ranged form{align-items:center;display:flex}.impact_slider_layout .input_layout_style.ranged form .MuiFormControl-root{align-items:center;display:flex;flex-direction:row;flex-grow:1;justify-content:space-between}.impact_slider_layout .input_layout_style.single form{align-items:center;display:flex;justify-content:center}.impact_slider_layout .input_layout_style.single form .MuiFormControl-root{width:120px}.input-position-inline{align-items:flex-end!important}.input-position-inline .impact_slider_layout{display:flex;gap:24px}.input-position-inline .impact_slider_layout .impact_slider_main_container{flex:1}.input-position-inline .impact_slider_layout .input_layout_style{flex-shrink:0}.input-position-bottom{flex-direction:column}.input-position-bottom .impact_slider_layout{display:flex;gap:16px}.input-position-bottom .impact_slider_layout .impact_slider_main_container{width:100%}.input-position-bottom .impact_slider_layout .input_layout_style{align-self:flex-end}.MuiSlider-thumb,.MuiSlider-thumb.Mui-focusVisible,.MuiSlider-thumb:active,.MuiSlider-thumb:before,.MuiSlider-thumb:hover{box-shadow:none!important}.Mui-disabled{pointer-events:none}.Mui-disabled.MuiOutlinedInput-root fieldset,.Mui-disabled.MuiOutlinedInput-root:focus-within fieldset,.Mui-disabled.MuiOutlinedInput-root:hover fieldset{border-color:#e0e0e0!important}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
-/* empty css                   */
+
 import FormControl from "../../node_modules/@mui/material/FormControl/FormControl.js";
 import OutlinedInput from "../../node_modules/@mui/material/OutlinedInput/OutlinedInput.js";
 import Slider$1 from "../../node_modules/@mui/material/Slider/Slider.js";
@@ -19,6 +20,7 @@ function Slider({
   variant = "default",
   inputPosition = "inline",
   className,
+  id,
   "data-testid": dataTestId,
   ...sliderProps
 }) {
@@ -46,7 +48,7 @@ function Slider({
     `input-position-${inputPosition}`,
     className ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs("div", { className: layoutClass, "data-testid": dataTestId, children: [
+  return /* @__PURE__ */ jsxs("div", { className: layoutClass, "data-testid": dataTestId, id, children: [
     isRanged && inputPosition === "inline" && /* @__PURE__ */ jsx("div", { className: "input_layout_style ranged ranged-start", children: /* @__PURE__ */ jsx("form", { noValidate: true, autoComplete: "off", children: /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
       OutlinedInput,
       {

package/dist/components/Stepper/index.js

@@ -1,5 +1,6 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.ia-styles.ia-stepper{font-family:Manrope,sans-serif!important}.ia-styles.ia-stepper.MuiStepContent-root{border-left:none;bottom:0;margin-left:12px;padding-left:20px;padding-right:8px;position:absolute}.ia-styles.ia-stepper.MuiBox-root{max-width:none}.ia-styles.ia-stepper.ia-stepper{font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal{align-items:center;background:#fff;border-radius:8px;cursor:pointer;display:flex;height:44px;padding-left:12px;padding-right:12px;position:relative;width:100%}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;border-radius:8px;color:#4259ee;height:24px;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff;font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#d9dde7;border-radius:8px;color:#d9dde7;height:24px;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#7a8294;font-family:Manrope,sans-serif;font-weight:800}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273 url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg) no-repeat;background-position:50%;background-size:16px;border-radius:8px;color:#3bb273;height:24px;position:relative;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;color:#4259ee;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#7a8294;color:#7a8294;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#fff;font-weight:700}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273;background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg);background-position:50%;background-repeat:no-repeat;background-size:12px;color:#3bb273;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label{font-family:Manrope,sans-serif;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label.Mui-completed{color:#3bb273}.ia-styles.ia-stepper .MuiTypography-caption{font-family:Manrope,sans-serif}.ia-styles.ia-stepper .MuiStepLabel-label.Mui-completed+.MuiTypography-root.MuiTypography-caption{color:#3bb273}.ia-styles.ia-stepper .MuiStepConnector-line{border-color:#b4bac7;border-style:dashed;width:23px}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active){border-bottom:2px solid #4259ee!important}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active):before{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/stepper-triangle.svg) no-repeat;background-size:13px;bottom:-10px;content:" ";height:10px;left:18px;position:absolute;width:13px}.ia-styles.ia-stepper .MuiStep-root:has(.Mui-completed){border-bottom:2px solid #108431!important}.ia-styles.ia-stepper .MuiStep-vertical{border-radius:3px;padding:10px 15px 10px 12px;position:relative}.ia-styles.ia-stepper .MuiStep-vertical.Mui-completed{background:#ebf7f1;border:1px solid #ebf7f1!important}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-active){background:#eceefd;border:1px solid #eceefd!important}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-active):before{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/stepper-vertical.svg) no-repeat;background-size:contain;content:" ";height:25px;margin-left:-20px;position:absolute;top:50%;transform:translateY(-50%);width:5px}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-disabled){background:#eff2fa;border:1px solid #eff2fa!important}.ia-styles.ia-stepper.progress .progress-steps{display:flex;gap:8px;margin-bottom:0}.ia-styles.ia-stepper.progress .progress-steps .step{background-color:#eceefd;border-radius:4px;height:8px;transition:background-color .3s ease;width:132px}.ia-styles.ia-stepper.progress .progress-steps .step.active,.ia-styles.ia-stepper.progress .progress-steps .step.completed{background-color:#4259ee}.ia-styles.ia-stepper.progress .step-labels{display:flex;justify-content:space-between}.ia-styles.ia-stepper.progress .step-labels .step-label{color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;transition:color .3s ease}.ia-styles.ia-stepper.progress .step-labels .step-label.active,.ia-styles.ia-stepper.progress .step-labels .step-label.completed{color:#3649c6}.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#0d152c}.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#4259ee}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsx } from "react/jsx-runtime";
-/* empty css                    */
+
 import Stepper$1 from "../../node_modules/@mui/material/Stepper/Stepper.js";
 import Step from "../../node_modules/@mui/material/Step/Step.js";
 import StepLabel from "../../node_modules/@mui/material/StepLabel/StepLabel.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAE9B;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,MAAM,wHAkFlB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAE9B;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,MAAM,wHAwFlB,CAAC"}

package/dist/components/Switch/index.js

@@ -1,6 +1,7 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".ia-styles.ia-switch-container{align-items:center;display:flex;gap:6px}.ia-styles.ia-switch-container .ia-switch-label{color:#60697d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:17.5px;text-align:left}.ia-styles.ia-switch-container .ia-switch-label.ia-switch-disabled{color:#b4bac7}.ia-styles.ia-switch{height:16px;padding:0;position:relative;width:24px}.ia-styles.ia-switch .MuiButtonBase-root.MuiSwitch-switchBase{background-color:initial!important}.ia-styles.ia-switch .MuiSwitch-thumb{box-shadow:none;color:#c3c8d4;height:10px;left:15px;position:absolute;top:3px;width:10px}.ia-styles.ia-switch .Mui-checked{color:#4259ee!important;transform:translate(10px)}.ia-styles.ia-switch .Mui-checked .MuiSwitch-thumb{color:#4259ee;left:13px}.ia-styles.ia-switch .Mui-checked:not(.Mui-disabled)+.MuiSwitch-track{background-color:#eceefd!important;border:1px solid #b3bdf8}.ia-styles.ia-switch .MuiButtonBase-root{bottom:0;color:#b4bac7;left:-12px;margin:auto;padding:0;position:absolute;top:0;width:24px}.ia-styles.ia-switch .MuiSwitch-track{background-color:#fff;border:1px solid #c3c8d4;border-radius:8px;height:16px;opacity:1;width:24px}.ia-styles.ia-switch.ia-switch-disabled .MuiSwitch-switchBase:not(.Mui-checked) .MuiSwitch-thumb{color:#d9dde7}.ia-styles.ia-switch.ia-switch-disabled .MuiSwitch-switchBase:not(.Mui-checked)+.MuiSwitch-track{background-color:#f8f9fb!important;border-color:1px solid #d9dde7}.ia-styles.ia-switch.ia-switch-disabled .MuiSwitch-switchBase.Mui-checked.Mui-disabled .MuiSwitch-thumb{color:#b3bdf8}.ia-styles.ia-switch.ia-switch-disabled .MuiSwitch-switchBase.Mui-checked.Mui-disabled+.MuiSwitch-track{background-color:#eceefd!important}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo } from "react";
-/* empty css                   */
+
 import Switch$1 from "../../node_modules/@mui/material/Switch/Switch.js";
 const Switch = forwardRef(
   ({
@@ -10,6 +11,8 @@ const Switch = forwardRef(
     disabled = false,
     onChange,
     className = "",
+    id,
+    "data-testid": dataTestId,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     ...args
@@ -38,7 +41,7 @@ const Switch = forwardRef(
       color: value && !disabled ? "#1F2B4D" : void 0
     };
     const computedAriaLabel = ariaLabel ?? (leftLabel || rightLabel ? `${leftLabel} ${rightLabel}`.trim() : void 0);
-    return /* @__PURE__ */ jsxs("div", { className: "ia-styles ia-switch-container", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "ia-styles ia-switch-container", role: "group", children: [
       leftLabel ? /* @__PURE__ */ jsx("span", { className: labelClassName, style: leftLabelStyle, children: leftLabel }) : null,
       /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(
         Switch$1,
@@ -48,9 +51,11 @@ const Switch = forwardRef(
           checked: value,
           className: switchClassName,
           disabled,
+          id,
           inputProps: {
             "aria-label": computedAriaLabel,
-            "aria-labelledby": ariaLabelledBy
+            "aria-labelledby": ariaLabelledBy,
+            "data-testid": dataTestId
           },
           onChange,
           ...args

package/dist/components/Table/AdvanceSortModal.d.ts

@@ -0,0 +1,8 @@
+export default function AdvanceSortModal({ open, onClose, colDefs, sortState, onApply }: {
+    open: any;
+    onClose: any;
+    colDefs?: never[] | undefined;
+    sortState?: never[] | undefined;
+    onApply: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdvanceSortModal.d.ts.map

package/dist/components/Table/AdvanceSortModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvanceSortModal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/AdvanceSortModal.tsx"],"names":[],"mappings":"AA6JA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAY,EAAE,SAAc,EAAE,OAAO,EAAE;;;;;;CAAA,2CA0IhG"}

package/dist/components/Table/AdvanceSortModal.js

@@ -0,0 +1,285 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import default_1 from "../../node_modules/@mui/icons-material/DragIndicator.js";
+import { getAssetUrl } from "../../utils/assetBase.js";
+import { Badge } from "../Badge/index.js";
+import { Button } from "../Button/index.js";
+import { Modal } from "../Modal/index.js";
+import { Select } from "../Select/index.js";
+import { Tooltip } from "../Tooltip/index.js";
+const SaveViewDeleteIcon = getAssetUrl("icons/saveViewDeleteIcon.svg");
+const AddOutlinedIcon = getAssetUrl("icons/plus.svg");
+const SORT_ORDER_OPTIONS_TEXT = [
+  { label: "Ascending (A To Z)", value: "asc" },
+  { label: "Descending (Z To A)", value: "desc" }
+];
+const SORT_ORDER_OPTIONS_NUMBER = [
+  { label: "Smallest to largest", value: "asc" },
+  { label: "Largest to smallest", value: "desc" }
+];
+function getSortOrderOptionsByFilter(filterType) {
+  if (filterType === "agNumberColumnFilter") return SORT_ORDER_OPTIONS_NUMBER;
+  if (filterType === "agTextColumnFilter") return SORT_ORDER_OPTIONS_TEXT;
+  return SORT_ORDER_OPTIONS_TEXT;
+}
+let nextId = 1;
+const generateId = () => `sort-row-${nextId++}`;
+function buildColumnOptions(colDefs) {
+  const options = [];
+  const collect = (cols) => {
+    if (!Array.isArray(cols)) return;
+    cols.forEach((col) => {
+      if (col.children) collect(col.children);
+      else if (col.field && col.sortable) {
+        options.push({
+          label: col.headerName || col.field,
+          value: col.field,
+          filter: col.filter
+        });
+      }
+    });
+  };
+  collect(colDefs);
+  return options;
+}
+function makeEmptyRow() {
+  return { id: generateId(), colId: null, order: "null" };
+}
+function SortRow({
+  index,
+  availableColumnOptions,
+  selectedColumnOption,
+  selectedOrderOption,
+  selectedColumnFilter,
+  onColumnChange,
+  onOrderChange,
+  onDelete,
+  dragHandlers,
+  rowsCount
+}) {
+  const [columnIsOpen, setColumnIsOpen] = useState(false);
+  const [orderIsOpen, setOrderIsOpen] = useState(false);
+  const [columnCurrentOptions, setColumnCurrentOptions] = useState(availableColumnOptions);
+  const [orderCurrentOptions, setOrderCurrentOptions] = useState(
+    getSortOrderOptionsByFilter(selectedColumnFilter)
+  );
+  useEffect(() => {
+    setColumnCurrentOptions(availableColumnOptions);
+  }, [availableColumnOptions]);
+  useEffect(() => {
+    setOrderCurrentOptions(getSortOrderOptionsByFilter(selectedColumnFilter));
+  }, [selectedColumnFilter]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      draggable: true,
+      className: "advance-sort-row",
+      onDragEnd: dragHandlers.onDragEnd,
+      onDragEnter: () => dragHandlers.onDragEnter(index),
+      onDragOver: (e) => {
+        e.preventDefault();
+      },
+      onDragStart: () => dragHandlers.onDragStart(index),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "advance-sort-row-content", children: [
+          /* @__PURE__ */ jsx(default_1, { className: "advance-sort-drag-indicator" }),
+          /* @__PURE__ */ jsxs("div", { className: "advance-sort-field-group", children: [
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                isWithSearch: true,
+                withPortal: true,
+                currentOptions: columnCurrentOptions,
+                handleChange: (val) => onColumnChange(index, val),
+                initialOptions: availableColumnOptions,
+                isOpen: columnIsOpen,
+                label: "Column",
+                minWidth: "210px",
+                placeholder: "Select column",
+                selectedOptions: selectedColumnOption,
+                setCurrentOptions: setColumnCurrentOptions,
+                setIsOpen: setColumnIsOpen,
+                setSelectedOptions: () => {
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                withPortal: true,
+                currentOptions: orderCurrentOptions,
+                handleChange: (val) => onOrderChange(index, val),
+                initialOptions: getSortOrderOptionsByFilter(selectedColumnFilter),
+                isOpen: orderIsOpen,
+                label: "Sorting Order",
+                minWidth: "210px",
+                placeholder: "Select sorting order",
+                selectedOptions: selectedOrderOption,
+                setCurrentOptions: setOrderCurrentOptions,
+                setIsOpen: setOrderIsOpen,
+                setSelectedOptions: () => {
+                }
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "advance-sort-priority-group", children: [
+          /* @__PURE__ */ jsx(
+            Badge,
+            {
+              color: "default",
+              label: `Priority ${index + 1}`,
+              size: "default",
+              sx: {
+                background: "#F1F3FE !important",
+                "& .MuiChip-label": { color: "#4259EE !important" }
+              },
+              variant: "filled"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "divider-line" }),
+          /* @__PURE__ */ jsx(Tooltip, { title: "Delete", variant: "tertiary", children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block" }, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              disabled: rowsCount === 1,
+              icon: /* @__PURE__ */ jsx("img", { alt: "", src: SaveViewDeleteIcon }),
+              size: "medium",
+              type: "destructive",
+              variant: "secondary",
+              onClick: () => onDelete(index)
+            }
+          ) }) })
+        ] })
+      ]
+    }
+  );
+}
+function AdvanceSortModal({ open, onClose, colDefs = [], sortState = [], onApply }) {
+  const [rows, setRows] = useState([makeEmptyRow()]);
+  const dragIndexRef = useRef(null);
+  const dragOverIndexRef = useRef(null);
+  const columnOptions = buildColumnOptions(colDefs);
+  useEffect(() => {
+    if (!open) return;
+    if (sortState.length > 0) {
+      setRows(
+        sortState.map((s) => ({
+          id: generateId(),
+          colId: s.colId,
+          order: s.sort || "asc"
+        }))
+      );
+    } else {
+      setRows([makeEmptyRow()]);
+    }
+  }, [open, sortState]);
+  const handleColumnChange = (index, option) => {
+    setRows(
+      (prev) => prev.map((row, i) => i === index ? { ...row, colId: option ? option.value : null } : row)
+    );
+  };
+  const handleOrderChange = (index, option) => {
+    setRows(
+      (prev) => prev.map((row, i) => i === index ? { ...row, order: option ? option.value : "asc" } : row)
+    );
+  };
+  const handleDeleteRow = (index) => {
+    setRows((prev) => {
+      const next = prev.filter((_, i) => i !== index);
+      return next.length === 0 ? [makeEmptyRow()] : next;
+    });
+  };
+  const handleAddLevel = () => {
+    setRows((prev) => [...prev, makeEmptyRow()]);
+  };
+  const handleClearValues = () => {
+    setRows((prev) => prev.map((row) => ({ ...row, order: null })));
+  };
+  const handleClearAll = () => {
+    setRows([makeEmptyRow()]);
+  };
+  const handleApply = () => onApply(rows.filter((r) => r.colId));
+  const onDragStart = (index) => {
+    dragIndexRef.current = index;
+  };
+  const onDragEnter = (index) => {
+    dragOverIndexRef.current = index;
+  };
+  const onDragEnd = () => {
+    const from = dragIndexRef.current;
+    const to = dragOverIndexRef.current;
+    if (from === null || to === null || from === to) return;
+    setRows((prev) => {
+      const next = [...prev];
+      const [removed] = next.splice(from, 1);
+      next.splice(to, 0, removed);
+      return next;
+    });
+    dragIndexRef.current = null;
+    dragOverIndexRef.current = null;
+  };
+  const getSelectedColumnOption = (colId) => columnOptions.find((o) => o.value === colId) || null;
+  const getSelectedOrderOption = (order, colId) => {
+    var _a;
+    const filterType = (_a = getSelectedColumnOption(colId)) == null ? void 0 : _a.filter;
+    return getSortOrderOptionsByFilter(filterType).find((o) => o.value === order) || null;
+  };
+  const usedColIds = rows.map((r) => r.colId).filter(Boolean);
+  const getAvailableColumnOptionsForRow = (rowColId) => columnOptions.filter((opt) => opt.value === rowColId || !usedColIds.includes(opt.value));
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      className: "advance-sort-modal",
+      open,
+      primaryButtonLabel: "Apply",
+      secondaryButtonLabel: "Cancel",
+      size: "medium",
+      title: "Advance Sort",
+      onClose,
+      onPrimaryButtonClick: handleApply,
+      onSecondaryButtonClick: onClose,
+      children: /* @__PURE__ */ jsxs("div", { className: "advance-sort-modal-body", children: [
+        /* @__PURE__ */ jsxs("div", { className: "advance-sort-section-header", children: [
+          /* @__PURE__ */ jsx("span", { className: "advance-sort-section-title", children: "Column sort" }),
+          /* @__PURE__ */ jsx(Button, { variant: "url", onClick: handleClearAll, children: "Clear All" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "advance-sort-rows", children: rows.map((row, index) => {
+          var _a;
+          return /* @__PURE__ */ jsx(
+            SortRow,
+            {
+              availableColumnOptions: getAvailableColumnOptionsForRow(row.colId),
+              dragHandlers: { onDragStart, onDragEnter, onDragEnd },
+              index,
+              rowsCount: rows.length,
+              selectedColumnFilter: (_a = getSelectedColumnOption(row.colId)) == null ? void 0 : _a.filter,
+              selectedColumnOption: getSelectedColumnOption(row.colId),
+              selectedOrderOption: getSelectedOrderOption(row.order, row.colId),
+              onColumnChange: handleColumnChange,
+              onDelete: handleDeleteRow,
+              onOrderChange: handleOrderChange
+            },
+            row.id
+          );
+        }) }),
+        /* @__PURE__ */ jsxs("div", { className: "advance-sort-footer-actions", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleClearValues, children: "Clear Values" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: "advance-sort-add-level-button",
+              disabled: columnOptions.length === rows.length,
+              icon: /* @__PURE__ */ jsx("img", { alt: "", src: AddOutlinedIcon }),
+              variant: "tertiary",
+              onClick: handleAddLevel,
+              children: "Add Level"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  AdvanceSortModal as default
+};

package/dist/components/Table/AgGridHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/AgGridHeader.tsx"],"names":[],"mappings":"AAsBA,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,cAAc,EACd,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;;CAAA,kDA+3BA;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/AgGridHeader.tsx"],"names":[],"mappings":"AAyBA,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,cAAc,EACd,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;;CAAA,kDAg7BA;AAED,eAAe,YAAY,CAAC"}