@mx-cartographer/insights-ui 1.5.0-alpha.mega6 → 1.5.0-alpha.mega7

package/dist/index.es.js

@@ -1,22 +1,22 @@
 import { jsx as t, jsxs as s, Fragment as k } from "react/jsx-runtime";
 import * as e from "react";
-import v, { useRef as D, useLayoutEffect as de, useMemo as Y, useCallback as se, useState as T, useEffect as J, forwardRef as F, memo as ce } from "react";
+import v, { useRef as D, useLayoutEffect as te, useMemo as j, useCallback as se, useState as T, useEffect as ie, forwardRef as F, memo as ce } from "react";
 import he from "@mui/material/Dialog";
-import { BottomSheetTransition as me, Icon as A, P as y, Text as w, InstitutionLogo as I, H3 as ie, Drawer as pe, createMXTheme as ue } from "@kyper/mui";
+import { BottomSheetTransition as me, Icon as A, P as y, Text as w, InstitutionLogo as I, H3 as le, Drawer as pe, createMXTheme as ue } from "@kyper/mui";
 import fe from "react-confetti";
 import p from "@mui/material/Box";
 import H from "@mui/material/Card";
-import { useTheme as L, styled as B, ThemeProvider as Ee } from "@mui/material/styles";
+import { useTheme as L, styled as Y, ThemeProvider as Ee } from "@mui/material/styles";
 import { useInView as ge } from "react-intersection-observer";
 import xe from "@mui/material/CardHeader";
-import le from "@mui/material/CardContent";
+import re from "@mui/material/CardContent";
 import C from "@mui/material/Stack";
 import { ResponsiveChartContainer as Ce, ChartsReferenceLine as ye, ChartsXAxis as Ae, BarPlot as ve } from "@mui/x-charts";
 import { useChartContainerDimensions as He } from "@mui/x-charts/internals";
-import { animated as X } from "@react-spring/web";
+import { animated as B } from "@react-spring/web";
 import be from "@mui/material/Paper";
 import { CardHeader as Me } from "@mui/material";
-import P from "@mui/material/IconButton";
+import J from "@mui/material/IconButton";
 import K from "@mui/material/ListItemIcon";
 import G from "@mui/material/ListItemText";
 import we from "@mui/material/Menu";
@@ -31,8 +31,8 @@ import { TextareaAutosize as Ze } from "@mui/base/TextareaAutosize";
 import { styled as Re, useTheme as ze } from "@mui/system";
 import De from "@mui/icons-material/ArrowBack";
 import Fe from "@mui/material/Divider";
-import O from "@mui/material/List";
-import U from "@mui/material/ListItem";
+import X from "@mui/material/List";
+import O from "@mui/material/ListItem";
 const We = ({
   allowScroll: i,
   children: l,
@@ -84,7 +84,7 @@ const We = ({
       children: l
     }
   );
-}, tt = We, re = ({ height: i = 0, width: l = 0, shouldRun: n = !1 }) => /* @__PURE__ */ t(
+}, tt = We, ne = ({ height: i = 0, width: l = 0, shouldRun: n = !1 }) => /* @__PURE__ */ t(
   fe,
   {
     "aria-hidden": !0,
@@ -280,7 +280,7 @@ const We = ({
           }
         ),
         /* @__PURE__ */ s(
-          le,
+          re,
           {
             className: "mx-mini-insight-card-content",
             sx: {
@@ -387,7 +387,7 @@ const We = ({
   ...d
 }) => {
   const o = L(), a = D(null);
-  de(() => {
+  te(() => {
     const m = new ResizeObserver(() => {
       if (a.current) {
         const E = a.current.getBoundingClientRect().width / 2;
@@ -400,9 +400,9 @@ const We = ({
   }, []);
   const { ariaLabel: c, formattedAmount: h } = l[n];
   return /* @__PURE__ */ s("g", { "aria-label": c, ref: a, children: [
-    /* @__PURE__ */ t(X.rect, { ...d, fill: i[n], rx: 2, style: r }),
+    /* @__PURE__ */ t(B.rect, { ...d, fill: i[n], rx: 2, style: r }),
     /* @__PURE__ */ t(
-      X.text,
+      B.text,
       {
         fill: o.palette.text.primary,
         fontSize: 11,
@@ -423,13 +423,13 @@ const We = ({
   selectedTabIndex: o,
   onBarClick: a
 }) => {
-  const c = L(), { containerRef: h, height: m, width: f } = He(), E = Y(() => {
+  const c = L(), { containerRef: h, height: m, width: f } = He(), E = j(() => {
     const g = `${l}80`;
     return o === void 0 ? [...new Array(n.length - 1).fill(g), l] : n.map((S, b) => b === o ? l : g);
   }, [l, n, o]), x = se(
     (g, { dataIndex: S }) => a && a(S),
     [a]
-  ), u = Y(
+  ), u = j(
     () => ({
       series: [
         {
@@ -521,9 +521,9 @@ const We = ({
       }
     )
   ] });
-}, ne = (i) => {
+}, oe = (i) => {
   const [l, n] = T({ width: 0, height: 0 });
-  return J(() => {
+  return ie(() => {
     const r = () => {
       if (i.current) {
         const { offsetWidth: d, offsetHeight: o } = i.current;
@@ -547,7 +547,7 @@ const We = ({
       marginTop: 22
     }
   }
-}, Q = "miniWidget", _ = "insightFeed", oe = ({
+}, U = "miniWidget", Q = "insightFeed", ae = ({
   account: i,
   animation: l,
   leftLowerText: n,
@@ -558,7 +558,7 @@ const We = ({
   rightLowerText: c,
   rightUpperText: h
 }) => {
-  const m = o ? Q : _, f = D(null), { height: E, width: x } = ne(f);
+  const m = o ? U : Q, f = D(null), { height: E, width: x } = oe(f);
   return /* @__PURE__ */ s(
     p,
     {
@@ -572,7 +572,7 @@ const We = ({
       }),
       width: "100%",
       children: [
-        /* @__PURE__ */ t(re, { height: E, shouldRun: l.shouldRun, width: x }),
+        /* @__PURE__ */ t(ne, { height: E, shouldRun: l.shouldRun, width: x }),
         /* @__PURE__ */ s(
           H,
           {
@@ -591,8 +591,8 @@ const We = ({
               ...Ne.card[m]
             }),
             children: [
-              m === _ && /* @__PURE__ */ t(je, { account: i, headerString: a }),
-              m === Q && /* @__PURE__ */ t(Be, { account: i, headerString: a }),
+              m === Q && /* @__PURE__ */ t(je, { account: i, headerString: a }),
+              m === U && /* @__PURE__ */ t(Be, { account: i, headerString: a }),
               /* @__PURE__ */ s(C, { direction: "row", gap: 12, height: 58, width: "100%", children: [
                 /* @__PURE__ */ t(Ye, { leftLowerText: n, leftUpperText: r }),
                 /* @__PURE__ */ t(
@@ -759,7 +759,7 @@ const We = ({
     },
     children: i
   }
-), Ue = (i, l) => /* @__PURE__ */ e.createElement("svg", { width: 124, height: 107, viewBox: "0 0 124 107", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: l, ...i }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M78.3577 97.4096H32.9454C31.9936 97.4096 31.2148 96.6308 31.2148 95.679V54.2712C31.2148 53.3194 31.9936 52.5405 32.9454 52.5405H78.3577C79.3096 52.5405 80.0884 53.3194 80.0884 54.2712V95.679C80.0884 96.6308 79.3096 97.4096 78.3577 97.4096Z", fill: "#CDD3DD" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M80.0884 54.2701V58.1431H31.2148V54.2701C31.2148 53.3189 31.9933 52.5396 32.9454 52.5396H78.3578C79.3099 52.5396 80.0884 53.3189 80.0884 54.2701Z", fill: "#E8F6FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M35.8132 55.4896C35.8132 56.2271 35.2154 56.8249 34.4779 56.8249C33.7404 56.8249 33.1426 56.2271 33.1426 55.4896C33.1426 54.7521 33.7404 54.1543 34.4779 54.1543C35.2154 54.1543 35.8132 54.7521 35.8132 55.4896Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M40.1267 55.4896C40.1267 56.2271 39.5289 56.8249 38.7914 56.8249C38.0539 56.8249 37.4561 56.2271 37.4561 55.4896C37.4561 54.7521 38.0539 54.1543 38.7914 54.1543C39.5289 54.1543 40.1267 54.7521 40.1267 55.4896Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M44.4372 55.4896C44.4372 56.2271 43.8394 56.8249 43.1019 56.8249C42.3645 56.8249 41.7666 56.2271 41.7666 55.4896C41.7666 54.7521 42.3645 54.1543 43.1019 54.1543C43.8394 54.1543 44.4372 54.7521 44.4372 55.4896Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M83.6985 106.675H38.2863C37.3344 106.675 36.5557 105.896 36.5557 104.944V63.5363C36.5557 62.5845 37.3344 61.8057 38.2863 61.8057H83.6985C84.6504 61.8057 85.4292 62.5845 85.4292 63.5363V104.944C85.4292 105.896 84.6504 106.675 83.6985 106.675Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M85.4292 63.5353V67.4083H36.5557V63.5353C36.5557 62.5841 37.3342 61.8047 38.2862 61.8047H83.6986C84.6507 61.8047 85.4292 62.5841 85.4292 63.5353Z", fill: "#E8F6FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M41.155 64.7547C41.155 65.4922 40.5572 66.0901 39.8197 66.0901C39.0823 66.0901 38.4844 65.4922 38.4844 64.7547C38.4844 64.0173 39.0823 63.4194 39.8197 63.4194C40.5572 63.4194 41.155 64.0173 41.155 64.7547Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M45.4675 64.7547C45.4675 65.4922 44.8697 66.0901 44.1322 66.0901C43.3947 66.0901 42.7969 65.4922 42.7969 64.7547C42.7969 64.0173 43.3947 63.4194 44.1322 63.4194C44.8697 63.4194 45.4675 64.0173 45.4675 64.7547Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M49.779 64.7547C49.779 65.4922 49.1812 66.0901 48.4437 66.0901C47.7063 66.0901 47.1084 65.4922 47.1084 64.7547C47.1084 64.0173 47.7063 63.4194 48.4437 63.4194C49.1812 63.4194 49.779 64.0173 49.779 64.7547Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M117.767 74.9926H72.3547C71.4029 74.9926 70.624 74.2139 70.624 73.2619V31.8541C70.624 30.9023 71.4029 30.1235 72.3547 30.1235H117.767C118.719 30.1235 119.498 30.9023 119.498 31.8541V73.2619C119.498 74.2139 118.719 74.9926 117.767 74.9926Z", fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("mask", { id: "mask0", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: 70, y: 30, width: 50, height: 6 }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M70.624 30.0874H119.498V35.6909H70.624V30.0874Z", fill: "white" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask0)" }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M119.498 31.8185V35.6915H70.624V31.8185C70.624 30.8673 71.4025 30.0879 72.3546 30.0879H117.767C118.719 30.0879 119.498 30.8673 119.498 31.8185Z", fill: "#CDD3DD" })), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M75.1814 33.0384C75.1814 33.7759 74.5835 34.3738 73.8461 34.3738C73.1086 34.3738 72.5107 33.7759 72.5107 33.0384C72.5107 32.3009 73.1086 31.7031 73.8461 31.7031C74.5835 31.7031 75.1814 32.3009 75.1814 33.0384Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M79.4939 33.0384C79.4939 33.7759 78.896 34.3738 78.1586 34.3738C77.4211 34.3738 76.8232 33.7759 76.8232 33.0384C76.8232 32.3009 77.4211 31.7031 78.1586 31.7031C78.896 31.7031 79.4939 32.3009 79.4939 33.0384Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M83.8054 33.0384C83.8054 33.7759 83.2076 34.3738 82.4701 34.3738C81.7326 34.3738 81.1348 33.7759 81.1348 33.0384C81.1348 32.3009 81.7326 31.7031 82.4701 31.7031C83.2076 31.7031 83.8054 32.3009 83.8054 33.0384Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 82.5761H101.728V80.5459H91.0693V82.5761Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 85.5937H121.426V84.644H91.0693V85.5937Z", fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 91.0863H122.441V90.1367H91.0693V91.0863Z", fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 93.833H123.771V92.8833H91.0693V93.833Z", fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 96.5786H110.937V95.6289H91.0693V96.5786Z", fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 88.3397H123.771V87.3901H91.0693V88.3397Z", fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 35.0087H42.6513V32.9785H33.1426V35.0087Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 38.0277H60.2242V37.0781H33.1426V38.0277Z", fill: "#D6EEFF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 43.518H61.1298V42.5684H33.1426V43.518Z", fill: "#D6EEFF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 46.2645H53.7589V45.3149H33.1426V46.2645Z", fill: "#D6EEFF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 40.7724H62.3157V39.8228H33.1426V40.7724Z", fill: "#D6EEFF" }), /* @__PURE__ */ e.createElement("g", { filter: "url(#filter0_d)" }, /* @__PURE__ */ e.createElement("mask", { id: "mask1", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: 52, y: 36, width: 51, height: 65 }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M52.8486 36.0361H102.157V100.752H52.8486V36.0361Z", fill: "white" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask1)" }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M100.652 100.752H54.3538C53.5259 100.752 52.8486 100.075 52.8486 99.2473V37.541C52.8486 36.7133 53.5259 36.0361 54.3538 36.0361H100.652C101.48 36.0361 102.157 36.7133 102.157 37.541V99.2473C102.157 100.075 101.48 100.752 100.652 100.752Z", fill: "white" })), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 64.132H97.0019V62.9336H66.0273V64.132Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 66.6379H87.8484V65.4395H66.0273V66.6379Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 95.1347H87.177V93.4868H66.0273V95.1347Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.5523 67.7822C57.9041 67.7822 56.5557 66.434 56.5557 64.7861C56.5557 63.1383 57.9041 61.79 59.5523 61.79C61.2004 61.79 62.549 63.1383 62.549 64.7861C62.549 66.434 61.2004 67.7822 59.5523 67.7822Z", fill: "#E4E8EE", stroke: "#E4E8EE", strokeWidth: 0.531397 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.5523 87.6983C57.9041 87.6983 56.5557 86.35 56.5557 84.7022C56.5557 83.0542 57.9041 81.7061 59.5523 81.7061C61.2004 81.7061 62.549 83.0542 62.549 84.7022C62.549 86.35 61.2004 87.6983 59.5523 87.6983Z", fill: "#E4E8EE", stroke: "#E4E8EE", strokeWidth: 0.531397 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.5523 77.7417C57.9041 77.7417 56.5557 76.3935 56.5557 74.7456C56.5557 73.0978 57.9041 71.7495 59.5523 71.7495C61.2004 71.7495 62.549 73.0978 62.549 74.7456C62.549 76.3935 61.2004 77.7417 59.5523 77.7417Z", fill: "#E4E8EE", stroke: "#E4E8EE", strokeWidth: 0.531397 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 74.0906H97.0019V72.8921H66.0273V74.0906Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 76.5969H87.8484V75.3984H66.0273V76.5969Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 84.0496H97.0019V82.8511H66.0273V84.0496Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 86.5554H87.8484V85.3569H66.0273V86.5554Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M56.5527 53.5731L58.7522 55.3118L62.6507 50.8042", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M56.5527 53.5731L58.7522 55.3118L62.6507 50.8042", stroke: "#E4E8EE", strokeWidth: 0.797096 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M56.5527 43.6146L58.7522 45.3532L62.6507 40.8457", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M56.5527 43.6146L58.7522 45.3532L62.6507 40.8457", stroke: "#E4E8EE", strokeWidth: 0.797096 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 42.273H97.0019V40.7573H66.0273V42.273Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 45.442H87.8484V43.9263H66.0273V45.442Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.7861 41.5145H98.2397H64.7861Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M64.7861 41.5145H98.2397", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.7861 44.6844H89.0278H64.7861Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M64.7861 44.6844H89.0278", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 52.2316H97.0019V50.7158H66.0273V52.2316Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 55.3995H87.8484V53.8838H66.0273V55.3995Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.7861 51.4739H98.2397H64.7861Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M64.7861 51.4739H98.2397", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.7861 54.6419H89.0278H64.7861Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M64.7861 54.6419H89.0278", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M58.1973 59.0614H96.6276H58.1973Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M58.1973 59.0614H96.6276", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.5521 92.0054V96.6176V92.0054Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M59.5521 92.0054V96.6176", stroke: "#E4E8EE", strokeWidth: 0.797096 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M57.2451 94.3109H61.8582H57.2451Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M57.2451 94.3109H61.8582", stroke: "#E4E8EE", strokeWidth: 0.797096 })), /* @__PURE__ */ e.createElement("g", { filter: "url(#filter1_d)" }, /* @__PURE__ */ e.createElement("circle", { cx: 48.4218, cy: 47.4218, r: 45.4218, fill: "#CDD3DD" }), /* @__PURE__ */ e.createElement("mask", { id: "mask2", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: 4, y: 3, width: 88, height: 88 }, /* @__PURE__ */ e.createElement("circle", { cx: 48.4212, cy: 47.4217, r: 43.4622, fill: "#F8F9FB" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask2)" }, /* @__PURE__ */ e.createElement("rect", { width: 93.6272, height: 94.0068, transform: "translate(3 -0.528809)", fill: "white" }), /* @__PURE__ */ e.createElement("rect", { x: 12.8691, y: 12.6294, width: 9.10967, height: 9.10967, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ e.createElement("rect", { x: 12.8691, y: 50.8384, width: 9.10967, height: 9.10967, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ e.createElement("rect", { x: 12.8691, y: 77.5361, width: 9.10967, height: 9.10967, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ e.createElement("rect", { x: 12.8691, y: 26.293, width: 9.10967, height: 9.10967, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ e.createElement("rect", { x: 23.75, y: 12.6294, width: 33.1491, height: 3.54265, rx: 0.506093, fill: "#CDD3DD" }), /* @__PURE__ */ e.createElement("rect", { x: 23.75, y: 50.8384, width: 33.1491, height: 3.54265, rx: 0.506093, fill: "#CDD3DD" }), /* @__PURE__ */ e.createElement("rect", { x: 23.75, y: 77.5361, width: 33.1491, height: 3.54265, rx: 0.506093, fill: "#CDD3DD" }), /* @__PURE__ */ e.createElement("rect", { x: 23.75, y: 26.293, width: 33.1491, height: 3.54265, rx: 0.506093, fill: "#CDD3DD" }), /* @__PURE__ */ e.createElement("rect", { x: 12.8691, y: 6.0498, width: 33.1491, height: 2.65699, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("rect", { x: 12.8691, y: 44.2598, width: 33.1491, height: 2.65699, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("rect", { x: 12.8691, y: 70.9556, width: 33.1491, height: 2.65699, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("rect", { x: 23.75, y: 18.1948, width: 25.6842, height: 3.54265, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("rect", { x: 23.75, y: 56.4058, width: 25.6842, height: 3.54265, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("rect", { x: 23.75, y: 83.1025, width: 25.6842, height: 3.54265, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("rect", { x: 23.75, y: 31.8604, width: 25.6842, height: 3.54265, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("rect", { x: 68.4131, y: 15.4131, width: 15.5624, height: 3.54265, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ e.createElement("rect", { x: 68.4131, y: 53.6221, width: 15.5624, height: 3.54265, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ e.createElement("rect", { x: 68.4131, y: 80.3179, width: 15.5624, height: 3.54265, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ e.createElement("rect", { x: 68.4131, y: 29.0767, width: 15.5624, height: 3.54265, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 23.8901H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 62.1001H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 88.7959H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 37.5547H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 10.2246H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 48.4355H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 75.1313H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 23.8901H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 62.1001H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 88.7959H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }))), /* @__PURE__ */ e.createElement("path", { d: "M76.0285 81.4569L76.7644 80.721L80.4085 83.0384L100.493 103.122C101.095 103.725 101.095 104.702 100.493 105.304C99.8901 105.907 98.9134 105.907 98.3109 105.304L78.3227 85.3158L76.0285 81.4569Z", fill: "#CDD3DD" }), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("filter", { id: "filter0_d", x: 51.8364, y: 35.4035, width: 51.333, height: 66.7404, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ e.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), /* @__PURE__ */ e.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ e.createElement("feOffset", { dy: 0.37957 }), /* @__PURE__ */ e.createElement("feGaussianBlur", { stdDeviation: 0.506093 }), /* @__PURE__ */ e.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.341176 0 0 0 0 0.4 0 0 0 0 0.458824 0 0 0 0.15 0" }), /* @__PURE__ */ e.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow" }), /* @__PURE__ */ e.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow", result: "shape" })), /* @__PURE__ */ e.createElement("filter", { id: "filter1_d", x: 0.469535, y: 0.734768, width: 95.9046, height: 95.9046, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ e.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), /* @__PURE__ */ e.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ e.createElement("feOffset", { dy: 1.26523 }), /* @__PURE__ */ e.createElement("feGaussianBlur", { stdDeviation: 1.26523 }), /* @__PURE__ */ e.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.341176 0 0 0 0 0.4 0 0 0 0 0.458824 0 0 0 0.16 0" }), /* @__PURE__ */ e.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow" }), /* @__PURE__ */ e.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow", result: "shape" })))), Qe = F(Ue), _e = 200, $e = 130, e1 = (i) => i || null, $ = (i, l) => {
+), Ue = (i, l) => /* @__PURE__ */ e.createElement("svg", { width: 124, height: 107, viewBox: "0 0 124 107", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: l, ...i }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M78.3577 97.4096H32.9454C31.9936 97.4096 31.2148 96.6308 31.2148 95.679V54.2712C31.2148 53.3194 31.9936 52.5405 32.9454 52.5405H78.3577C79.3096 52.5405 80.0884 53.3194 80.0884 54.2712V95.679C80.0884 96.6308 79.3096 97.4096 78.3577 97.4096Z", fill: "#CDD3DD" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M80.0884 54.2701V58.1431H31.2148V54.2701C31.2148 53.3189 31.9933 52.5396 32.9454 52.5396H78.3578C79.3099 52.5396 80.0884 53.3189 80.0884 54.2701Z", fill: "#E8F6FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M35.8132 55.4896C35.8132 56.2271 35.2154 56.8249 34.4779 56.8249C33.7404 56.8249 33.1426 56.2271 33.1426 55.4896C33.1426 54.7521 33.7404 54.1543 34.4779 54.1543C35.2154 54.1543 35.8132 54.7521 35.8132 55.4896Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M40.1267 55.4896C40.1267 56.2271 39.5289 56.8249 38.7914 56.8249C38.0539 56.8249 37.4561 56.2271 37.4561 55.4896C37.4561 54.7521 38.0539 54.1543 38.7914 54.1543C39.5289 54.1543 40.1267 54.7521 40.1267 55.4896Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M44.4372 55.4896C44.4372 56.2271 43.8394 56.8249 43.1019 56.8249C42.3645 56.8249 41.7666 56.2271 41.7666 55.4896C41.7666 54.7521 42.3645 54.1543 43.1019 54.1543C43.8394 54.1543 44.4372 54.7521 44.4372 55.4896Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M83.6985 106.675H38.2863C37.3344 106.675 36.5557 105.896 36.5557 104.944V63.5363C36.5557 62.5845 37.3344 61.8057 38.2863 61.8057H83.6985C84.6504 61.8057 85.4292 62.5845 85.4292 63.5363V104.944C85.4292 105.896 84.6504 106.675 83.6985 106.675Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M85.4292 63.5353V67.4083H36.5557V63.5353C36.5557 62.5841 37.3342 61.8047 38.2862 61.8047H83.6986C84.6507 61.8047 85.4292 62.5841 85.4292 63.5353Z", fill: "#E8F6FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M41.155 64.7547C41.155 65.4922 40.5572 66.0901 39.8197 66.0901C39.0823 66.0901 38.4844 65.4922 38.4844 64.7547C38.4844 64.0173 39.0823 63.4194 39.8197 63.4194C40.5572 63.4194 41.155 64.0173 41.155 64.7547Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M45.4675 64.7547C45.4675 65.4922 44.8697 66.0901 44.1322 66.0901C43.3947 66.0901 42.7969 65.4922 42.7969 64.7547C42.7969 64.0173 43.3947 63.4194 44.1322 63.4194C44.8697 63.4194 45.4675 64.0173 45.4675 64.7547Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M49.779 64.7547C49.779 65.4922 49.1812 66.0901 48.4437 66.0901C47.7063 66.0901 47.1084 65.4922 47.1084 64.7547C47.1084 64.0173 47.7063 63.4194 48.4437 63.4194C49.1812 63.4194 49.779 64.0173 49.779 64.7547Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M117.767 74.9926H72.3547C71.4029 74.9926 70.624 74.2139 70.624 73.2619V31.8541C70.624 30.9023 71.4029 30.1235 72.3547 30.1235H117.767C118.719 30.1235 119.498 30.9023 119.498 31.8541V73.2619C119.498 74.2139 118.719 74.9926 117.767 74.9926Z", fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("mask", { id: "mask0", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: 70, y: 30, width: 50, height: 6 }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M70.624 30.0874H119.498V35.6909H70.624V30.0874Z", fill: "white" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask0)" }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M119.498 31.8185V35.6915H70.624V31.8185C70.624 30.8673 71.4025 30.0879 72.3546 30.0879H117.767C118.719 30.0879 119.498 30.8673 119.498 31.8185Z", fill: "#CDD3DD" })), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M75.1814 33.0384C75.1814 33.7759 74.5835 34.3738 73.8461 34.3738C73.1086 34.3738 72.5107 33.7759 72.5107 33.0384C72.5107 32.3009 73.1086 31.7031 73.8461 31.7031C74.5835 31.7031 75.1814 32.3009 75.1814 33.0384Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M79.4939 33.0384C79.4939 33.7759 78.896 34.3738 78.1586 34.3738C77.4211 34.3738 76.8232 33.7759 76.8232 33.0384C76.8232 32.3009 77.4211 31.7031 78.1586 31.7031C78.896 31.7031 79.4939 32.3009 79.4939 33.0384Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M83.8054 33.0384C83.8054 33.7759 83.2076 34.3738 82.4701 34.3738C81.7326 34.3738 81.1348 33.7759 81.1348 33.0384C81.1348 32.3009 81.7326 31.7031 82.4701 31.7031C83.2076 31.7031 83.8054 32.3009 83.8054 33.0384Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 82.5761H101.728V80.5459H91.0693V82.5761Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 85.5937H121.426V84.644H91.0693V85.5937Z", fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 91.0863H122.441V90.1367H91.0693V91.0863Z", fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 93.833H123.771V92.8833H91.0693V93.833Z", fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 96.5786H110.937V95.6289H91.0693V96.5786Z", fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 88.3397H123.771V87.3901H91.0693V88.3397Z", fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 35.0087H42.6513V32.9785H33.1426V35.0087Z", fill: "#C3E4FF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 38.0277H60.2242V37.0781H33.1426V38.0277Z", fill: "#D6EEFF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 43.518H61.1298V42.5684H33.1426V43.518Z", fill: "#D6EEFF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 46.2645H53.7589V45.3149H33.1426V46.2645Z", fill: "#D6EEFF" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 40.7724H62.3157V39.8228H33.1426V40.7724Z", fill: "#D6EEFF" }), /* @__PURE__ */ e.createElement("g", { filter: "url(#filter0_d)" }, /* @__PURE__ */ e.createElement("mask", { id: "mask1", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: 52, y: 36, width: 51, height: 65 }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M52.8486 36.0361H102.157V100.752H52.8486V36.0361Z", fill: "white" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask1)" }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M100.652 100.752H54.3538C53.5259 100.752 52.8486 100.075 52.8486 99.2473V37.541C52.8486 36.7133 53.5259 36.0361 54.3538 36.0361H100.652C101.48 36.0361 102.157 36.7133 102.157 37.541V99.2473C102.157 100.075 101.48 100.752 100.652 100.752Z", fill: "white" })), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 64.132H97.0019V62.9336H66.0273V64.132Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 66.6379H87.8484V65.4395H66.0273V66.6379Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 95.1347H87.177V93.4868H66.0273V95.1347Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.5523 67.7822C57.9041 67.7822 56.5557 66.434 56.5557 64.7861C56.5557 63.1383 57.9041 61.79 59.5523 61.79C61.2004 61.79 62.549 63.1383 62.549 64.7861C62.549 66.434 61.2004 67.7822 59.5523 67.7822Z", fill: "#E4E8EE", stroke: "#E4E8EE", strokeWidth: 0.531397 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.5523 87.6983C57.9041 87.6983 56.5557 86.35 56.5557 84.7022C56.5557 83.0542 57.9041 81.7061 59.5523 81.7061C61.2004 81.7061 62.549 83.0542 62.549 84.7022C62.549 86.35 61.2004 87.6983 59.5523 87.6983Z", fill: "#E4E8EE", stroke: "#E4E8EE", strokeWidth: 0.531397 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.5523 77.7417C57.9041 77.7417 56.5557 76.3935 56.5557 74.7456C56.5557 73.0978 57.9041 71.7495 59.5523 71.7495C61.2004 71.7495 62.549 73.0978 62.549 74.7456C62.549 76.3935 61.2004 77.7417 59.5523 77.7417Z", fill: "#E4E8EE", stroke: "#E4E8EE", strokeWidth: 0.531397 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 74.0906H97.0019V72.8921H66.0273V74.0906Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 76.5969H87.8484V75.3984H66.0273V76.5969Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 84.0496H97.0019V82.8511H66.0273V84.0496Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 86.5554H87.8484V85.3569H66.0273V86.5554Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M56.5527 53.5731L58.7522 55.3118L62.6507 50.8042", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M56.5527 53.5731L58.7522 55.3118L62.6507 50.8042", stroke: "#E4E8EE", strokeWidth: 0.797096 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M56.5527 43.6146L58.7522 45.3532L62.6507 40.8457", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M56.5527 43.6146L58.7522 45.3532L62.6507 40.8457", stroke: "#E4E8EE", strokeWidth: 0.797096 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 42.273H97.0019V40.7573H66.0273V42.273Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 45.442H87.8484V43.9263H66.0273V45.442Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.7861 41.5145H98.2397H64.7861Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M64.7861 41.5145H98.2397", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.7861 44.6844H89.0278H64.7861Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M64.7861 44.6844H89.0278", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 52.2316H97.0019V50.7158H66.0273V52.2316Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 55.3995H87.8484V53.8838H66.0273V55.3995Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.7861 51.4739H98.2397H64.7861Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M64.7861 51.4739H98.2397", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.7861 54.6419H89.0278H64.7861Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M64.7861 54.6419H89.0278", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M58.1973 59.0614H96.6276H58.1973Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M58.1973 59.0614H96.6276", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.5521 92.0054V96.6176V92.0054Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M59.5521 92.0054V96.6176", stroke: "#E4E8EE", strokeWidth: 0.797096 }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M57.2451 94.3109H61.8582H57.2451Z", fill: "#E4E8EE" }), /* @__PURE__ */ e.createElement("path", { d: "M57.2451 94.3109H61.8582", stroke: "#E4E8EE", strokeWidth: 0.797096 })), /* @__PURE__ */ e.createElement("g", { filter: "url(#filter1_d)" }, /* @__PURE__ */ e.createElement("circle", { cx: 48.4218, cy: 47.4218, r: 45.4218, fill: "#CDD3DD" }), /* @__PURE__ */ e.createElement("mask", { id: "mask2", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: 4, y: 3, width: 88, height: 88 }, /* @__PURE__ */ e.createElement("circle", { cx: 48.4212, cy: 47.4217, r: 43.4622, fill: "#F8F9FB" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask2)" }, /* @__PURE__ */ e.createElement("rect", { width: 93.6272, height: 94.0068, transform: "translate(3 -0.528809)", fill: "white" }), /* @__PURE__ */ e.createElement("rect", { x: 12.8691, y: 12.6294, width: 9.10967, height: 9.10967, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ e.createElement("rect", { x: 12.8691, y: 50.8384, width: 9.10967, height: 9.10967, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ e.createElement("rect", { x: 12.8691, y: 77.5361, width: 9.10967, height: 9.10967, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ e.createElement("rect", { x: 12.8691, y: 26.293, width: 9.10967, height: 9.10967, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ e.createElement("rect", { x: 23.75, y: 12.6294, width: 33.1491, height: 3.54265, rx: 0.506093, fill: "#CDD3DD" }), /* @__PURE__ */ e.createElement("rect", { x: 23.75, y: 50.8384, width: 33.1491, height: 3.54265, rx: 0.506093, fill: "#CDD3DD" }), /* @__PURE__ */ e.createElement("rect", { x: 23.75, y: 77.5361, width: 33.1491, height: 3.54265, rx: 0.506093, fill: "#CDD3DD" }), /* @__PURE__ */ e.createElement("rect", { x: 23.75, y: 26.293, width: 33.1491, height: 3.54265, rx: 0.506093, fill: "#CDD3DD" }), /* @__PURE__ */ e.createElement("rect", { x: 12.8691, y: 6.0498, width: 33.1491, height: 2.65699, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("rect", { x: 12.8691, y: 44.2598, width: 33.1491, height: 2.65699, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("rect", { x: 12.8691, y: 70.9556, width: 33.1491, height: 2.65699, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("rect", { x: 23.75, y: 18.1948, width: 25.6842, height: 3.54265, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("rect", { x: 23.75, y: 56.4058, width: 25.6842, height: 3.54265, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("rect", { x: 23.75, y: 83.1025, width: 25.6842, height: 3.54265, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("rect", { x: 23.75, y: 31.8604, width: 25.6842, height: 3.54265, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ e.createElement("rect", { x: 68.4131, y: 15.4131, width: 15.5624, height: 3.54265, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ e.createElement("rect", { x: 68.4131, y: 53.6221, width: 15.5624, height: 3.54265, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ e.createElement("rect", { x: 68.4131, y: 80.3179, width: 15.5624, height: 3.54265, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ e.createElement("rect", { x: 68.4131, y: 29.0767, width: 15.5624, height: 3.54265, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 23.8901H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 62.1001H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 88.7959H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 37.5547H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 10.2246H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 48.4355H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 75.1313H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 23.8901H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 62.1001H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ e.createElement("path", { d: "M10.9707 88.7959H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }))), /* @__PURE__ */ e.createElement("path", { d: "M76.0285 81.4569L76.7644 80.721L80.4085 83.0384L100.493 103.122C101.095 103.725 101.095 104.702 100.493 105.304C99.8901 105.907 98.9134 105.907 98.3109 105.304L78.3227 85.3158L76.0285 81.4569Z", fill: "#CDD3DD" }), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("filter", { id: "filter0_d", x: 51.8364, y: 35.4035, width: 51.333, height: 66.7404, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ e.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), /* @__PURE__ */ e.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ e.createElement("feOffset", { dy: 0.37957 }), /* @__PURE__ */ e.createElement("feGaussianBlur", { stdDeviation: 0.506093 }), /* @__PURE__ */ e.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.341176 0 0 0 0 0.4 0 0 0 0 0.458824 0 0 0 0.15 0" }), /* @__PURE__ */ e.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow" }), /* @__PURE__ */ e.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow", result: "shape" })), /* @__PURE__ */ e.createElement("filter", { id: "filter1_d", x: 0.469535, y: 0.734768, width: 95.9046, height: 95.9046, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ e.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), /* @__PURE__ */ e.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ e.createElement("feOffset", { dy: 1.26523 }), /* @__PURE__ */ e.createElement("feGaussianBlur", { stdDeviation: 1.26523 }), /* @__PURE__ */ e.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.341176 0 0 0 0 0.4 0 0 0 0 0.458824 0 0 0 0.16 0" }), /* @__PURE__ */ e.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow" }), /* @__PURE__ */ e.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow", result: "shape" })))), Qe = F(Ue), _e = 200, $e = 130, e1 = (i) => i || null, _ = (i, l) => {
   i.forEach((n) => {
     const r = e1(n);
     if (r) {
@@ -770,7 +770,7 @@ const We = ({
       }
     }
   });
-}, N = ({ divProps: i, image: l, isMini: n = !1 }) => {
+}, P = ({ divProps: i, image: l, isMini: n = !1 }) => {
   const r = L(), d = D(null), o = {
     100: r.palette.primary.lighter,
     200: r.palette.primary.light,
@@ -778,13 +778,13 @@ const We = ({
     400: r.palette.primary.dark,
     500: r.palette.primary.darker
   };
-  return J(() => {
+  return ie(() => {
     if (!d.current) return;
     const a = d.current, c = a.querySelectorAll(".Overlay");
     ["brand100", "brand200", "brand300", "brand400", "brand500"].forEach((m) => {
       const f = a.querySelectorAll(`.${m}`), E = m.replace("brand", "");
-      $(f, o[E]);
-    }), $(c, o[300]);
+      _(f, o[E]);
+    }), _(c, o[300]);
   }, [o]), /* @__PURE__ */ t(
     "div",
     {
@@ -807,12 +807,12 @@ const We = ({
       alignItems: "center"
     },
     children: [
-      /* @__PURE__ */ t(N, { divProps: { style: t1 }, image: Qe }),
+      /* @__PURE__ */ t(P, { divProps: { style: t1 }, image: Qe }),
       /* @__PURE__ */ t(y, { color: "secondary", sx: { mx: 8, mb: 8 }, variant: "ParagraphSmall", children: i })
     ]
   }
 ), l1 = ce(({ ariaLabel: i, onClick: l }) => /* @__PURE__ */ t(
-  P,
+  J,
   {
     "aria-label": i,
     onClick: l,
@@ -879,7 +879,7 @@ const We = ({
         } }) : null,
         subheader: a ?? null,
         sx: { alignItems: "flex-start", p: 0, mb: 16 },
-        title: /* @__PURE__ */ t(ie, { sx: l ? { letterSpacing: 0.35 } : {}, children: c })
+        title: /* @__PURE__ */ t(le, { sx: l ? { letterSpacing: 0.35 } : {}, children: c })
       }
     ),
     h && /* @__PURE__ */ t(
@@ -926,7 +926,7 @@ const We = ({
   const h = r || !i.html_description;
   return /* @__PURE__ */ s(v.Fragment, { children: [
     n === "top" && !h && /* @__PURE__ */ t(
-      ee,
+      $,
       {
         beat: i,
         footerButton: c,
@@ -945,7 +945,7 @@ const We = ({
       }
     ),
     n === "bottom" && !h && /* @__PURE__ */ t(
-      ee,
+      $,
       {
         beat: i,
         footerButton: c,
@@ -971,7 +971,7 @@ const We = ({
     i && /* @__PURE__ */ t(Oe, { button: i }),
     c
   ] })
-] }), ee = ({
+] }), $ = ({
   beat: i,
   inDescriptionCtaOnClick: l = () => {
   },
@@ -987,7 +987,7 @@ const We = ({
     for (; u.scrollHeight > u.clientHeight && b.length > 0; ) {
       b = b.slice(0, -1);
       let M = 0;
-      const ae = S.map((Z) => {
+      const de = S.map((Z) => {
         if (Z.nodeType === Node.TEXT_NODE) {
           const q = Z, W = b.slice(
             M,
@@ -1000,16 +1000,17 @@ const We = ({
             M + q.innerText.length
           );
           M += q.innerText.length;
-          const j = q.cloneNode(!0);
-          return j.innerText = W, j.outerHTML;
+          const N = q.cloneNode(!0);
+          return N.innerText = W, N.outerHTML;
         }
         return "";
       }).join("");
-      u.innerHTML = ae + "...";
+      u.innerHTML = de + "...";
     }
     h(u.innerHTML);
   };
-  J(() => {
+  te(() => {
+    if (!n) return;
     f();
     const u = () => {
       f();
@@ -1017,12 +1018,11 @@ const We = ({
     return window.addEventListener("resize", u), () => {
       window.removeEventListener("resize", u);
     };
-  }, [o]);
+  }, [n, o]);
   const E = d ? 16 : 8;
   return /* @__PURE__ */ s(
-    le,
+    re,
     {
-      ref: m,
       sx: {
         p: 0,
         "&:last-child": {
@@ -1034,6 +1034,7 @@ const We = ({
           y,
           {
             dangerouslySetInnerHTML: { __html: c },
+            ref: m,
             sx: {
               mb: a ? 4 : E,
               mt: 0,
@@ -1046,8 +1047,7 @@ const We = ({
                 my: 0,
                 overflow: "hidden",
                 textOverflow: "ellipsis",
-                WebkitBoxOrient: "vertical",
-                WebkitLineClamp: "auto"
+                WebkitBoxOrient: "vertical"
               } : {},
               ...r && { px: 16 }
             },
@@ -1101,7 +1101,7 @@ const We = ({
       flexDirection: "row",
       justifyContent: "center"
     },
-    children: /* @__PURE__ */ t(N, { divProps: { style: m1 }, image: h1 })
+    children: /* @__PURE__ */ t(P, { divProps: { style: m1 }, image: h1 })
   }
 ), at = ({
   ariaHidden: i = !1,
@@ -1142,7 +1142,7 @@ const We = ({
 }) => /* @__PURE__ */ s(ke, { fontSize: 18, id: "alert-dialog-title", children: [
   i,
   /* @__PURE__ */ t(
-    P,
+    J,
     {
       "aria-label": d ? l.ratingExist : l.ratingDoesntExist,
       "data-ui-test": "feedback-close-button",
@@ -1172,7 +1172,7 @@ const We = ({
   onClose: d,
   selectedRadio: o
 }) => {
-  const a = L(), { cancelText: c, submitText: h } = i, m = B(V)({
+  const a = L(), { cancelText: c, submitText: h } = i, m = Y(V)({
     backgroundColor: "transparent",
     color: a.palette.primary.light,
     fontSize: 15,
@@ -1182,7 +1182,7 @@ const We = ({
     },
     marginTop: 12,
     width: "100%"
-  }), f = B(V)({
+  }), f = Y(V)({
     backgroundColor: a.palette.action.active,
     borderRadius: 4,
     fontSize: 16,
@@ -1354,7 +1354,7 @@ const We = ({
   account_2_alt_text: r,
   isSuccess: d
 }) => {
-  const o = v.useRef(null), { height: a, width: c } = ne(o);
+  const o = v.useRef(null), { height: a, width: c } = oe(o);
   return /* @__PURE__ */ t(
     p,
     {
@@ -1378,7 +1378,7 @@ const We = ({
             p: 16
           },
           children: [
-            /* @__PURE__ */ t(re, { height: a, shouldRun: d, width: c }),
+            /* @__PURE__ */ t(ne, { height: a, shouldRun: d, width: c }),
             /* @__PURE__ */ s(
               p,
               {
@@ -1511,7 +1511,7 @@ const We = ({
     },
     children: /* @__PURE__ */ t(C, { height: "100%", justifyContent: "space-between", children: /* @__PURE__ */ s(p, { height: "100%", overflow: "auto", children: [
       /* @__PURE__ */ t(p, { sx: { p: "16px 24px", width: "100%" }, children: /* @__PURE__ */ t(
-        P,
+        J,
         {
           "aria-label": "fake-close",
           color: "primary",
@@ -1523,11 +1523,11 @@ const We = ({
       ) }),
       /* @__PURE__ */ t(Fe, {}),
       /* @__PURE__ */ s(p, { children: [
-        /* @__PURE__ */ t(ie, { sx: { p: "16px 24px 8px 24px", whiteSpace: "wrap" }, children: l }),
+        /* @__PURE__ */ t(le, { sx: { p: "16px 24px 8px 24px", whiteSpace: "wrap" }, children: l }),
         /* @__PURE__ */ s(C, { sx: { gap: 12, px: 24 }, children: [
           /* @__PURE__ */ t(y, { color: "secondary", fontSize: 13, children: m }),
-          /* @__PURE__ */ t(O, { children: f.map((x, u) => /* @__PURE__ */ s(
-            U,
+          /* @__PURE__ */ t(X, { children: f.map((x, u) => /* @__PURE__ */ s(
+            O,
             {
               sx: {
                 alignItems: "flex-start",
@@ -1563,8 +1563,8 @@ const We = ({
       /* @__PURE__ */ s(p, { children: [
         /* @__PURE__ */ t(w, { bold: !0, fontSize: 15, sx: { p: "16px 24px 8px 24px" }, children: d }),
         /* @__PURE__ */ t(y, { color: "secondary", fontSize: 13, sx: { mb: 16, mx: 24 }, children: r }),
-        /* @__PURE__ */ t(O, { sx: { p: "16px 24px" }, children: o.map((x, u) => /* @__PURE__ */ s(
-          U,
+        /* @__PURE__ */ t(X, { sx: { p: "16px 24px" }, children: o.map((x, u) => /* @__PURE__ */ s(
+          O,
           {
             sx: (g) => ({
               alignItems: "flex-start",
@@ -1645,7 +1645,7 @@ const We = ({
         shouldShowMenu: !r,
         isMini: r
       },
-      children: /* @__PURE__ */ t(N, { divProps: { style: c }, image: o })
+      children: /* @__PURE__ */ t(P, { divProps: { style: c }, image: o })
     }
   );
 }, Et = ({
@@ -1772,7 +1772,7 @@ const We = ({
   rightLowerText: c,
   rightUpperText: h
 }) => /* @__PURE__ */ t(
-  oe,
+  ae,
   {
     account: i,
     animation: l,
@@ -1784,7 +1784,7 @@ const We = ({
     rightLowerText: c,
     rightUpperText: h
   }
-), te = ({ accountGuid: i, accountName: l }) => /* @__PURE__ */ s(
+), ee = ({ accountGuid: i, accountName: l }) => /* @__PURE__ */ s(
   C,
   {
     className: "mx-insights-sdd-account-Card",
@@ -1833,7 +1833,7 @@ const We = ({
     direction: "row",
     sx: { gap: 8, height: 82, justifyContent: "center", py: 12, width: "100%" },
     children: [
-      /* @__PURE__ */ t(te, { accountGuid: r, accountName: l }),
+      /* @__PURE__ */ t(ee, { accountGuid: r, accountName: l }),
       /* @__PURE__ */ t(
         A,
         {
@@ -1843,7 +1843,7 @@ const We = ({
           sx: { my: "auto" }
         }
       ),
-      /* @__PURE__ */ t(te, { accountGuid: i, accountName: n })
+      /* @__PURE__ */ t(ee, { accountGuid: i, accountName: n })
     ]
   }
 ), xt = ({
@@ -1861,7 +1861,7 @@ const We = ({
   rightUpperText: E,
   sourceAccountGuid: x
 }) => /* @__PURE__ */ t(v.Fragment, { children: a ? /* @__PURE__ */ t(
-  oe,
+  ae,
   {
     account: i,
     animation: l,
@@ -1883,7 +1883,7 @@ const We = ({
   }
 ) });
 export {
-  te as AccountBox,
+  ee as AccountBox,
   lt as BarChart,
   s1 as BeatCard,
   mt as BeatFeedbackText,
@@ -1892,10 +1892,10 @@ export {
   i1 as CardError,
   n1 as CardHeader,
   a1 as CardLoading,
-  re as Confetti,
+  ne as Confetti,
   d1 as ContentAndDescription,
-  ee as Description,
-  oe as DirectDeposit,
+  $ as Description,
+  ae as DirectDeposit,
   rt as DirectDepositSubHeader,
   pt as DiscoveredAccountsBody,
   ut as DiscoveredAccountsLearnMoreDrawer,