@fluidattacks/design 3.30.11-pr.2 → 3.30.11-pr.3

package/dist/{components-BZ87R_Uu.mjs → components-BOiUKBOp.mjs}

@@ -9276,7 +9276,67 @@ const De = ({
       ]
     }
   );
-}, el = b.span`
+}, el = b.article`
+  ${({ theme: e }) => `
+    align-items: flex-start;
+    align-self: stretch;
+    background: ${e.palette.white};
+    border: 1px solid ${e.palette.gray[200]};
+    border-radius: 8px;
+    box-shadow: ${e.shadows.sm};
+    display: flex;
+    flex-direction: column;
+    gap: ${e.spacing[0.75]};
+    height: 232px;
+    padding: ${e.spacing[1.5]};
+    transition: all .15s ease;
+    width: 362px;
+
+    &:hover {
+      background:
+        linear-gradient(#fff, #fff) padding-box,
+        ${e.palette.gradient} border-box;
+      border: 1px solid transparent;
+    }
+
+    .fill-gradient-01 path {
+      fill: url(/gradients.svg#gradient-01);
+      fill: url(#gradient-01);
+    }
+  `}
+`, tl = b.div`
+  ${({ theme: e }) => `
+    width: 48px;
+    height: 48px;
+    border-radius: 12px;
+    background: ${e.palette.primary[25]};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  `}
+`, Tc = ({
+  desc: e,
+  href: t,
+  icon: n,
+  title: r
+}) => {
+  const a = N();
+  return /* @__PURE__ */ f(el, { "data-testid": r, children: [
+    /* @__PURE__ */ i(tl, { children: /* @__PURE__ */ i(
+      "i",
+      {
+        className: `fa-solid fa-${n} fill-gradient-01`,
+        style: { fontSize: 24 }
+      }
+    ) }),
+    /* @__PURE__ */ i(J, { size: "sm", children: r }),
+    /* @__PURE__ */ i(T, { color: a.palette.gray[600], size: "lg", children: e }),
+    /* @__PURE__ */ i("a", { href: t, style: { textDecoration: "none" }, children: /* @__PURE__ */ f(T, { color: a.palette.primary[600], size: "lg", children: [
+      "Learn more ",
+      /* @__PURE__ */ i(L, { icon: "arrow-right", iconSize: "sm", iconType: "fa-light" })
+    ] }) })
+  ] });
+}, nl = b.span`
   ${({
   theme: e,
   $bgColor: t = e.palette.secondary[500],
@@ -9289,37 +9349,37 @@ const De = ({
   padding: ${e.spacing[0.125]} ${e.spacing[0.25]} ${e.spacing[0.125]} ${e.spacing[0.25]};
   text-decoration: ${n}
   `}
-`, Tc = ({
+`, Dc = ({
   bgColor: e,
   children: t,
   txtDecoration: n,
   ml: r = 1
 }) => /* @__PURE__ */ i(
-  el,
+  nl,
   {
     $bgColor: e,
     $txtDecoration: n,
     className: `ml-${r}`,
     children: t
   }
-), tl = {
+), il = {
   lg: "56",
   md: "30",
   sm: "12"
-}, { getVariant: nl } = ce(
+}, { getVariant: rl } = ce(
   (e) => ({
     blue: `stroke: ${e.palette.info[500]};`,
     red: `stroke: ${e.palette.primary[500]};`,
     white: `stroke: ${e.palette.white};`
   })
-), il = nn`
+), al = nn`
   0% {
     transform: rotateZ(0deg);
   }
   100% {
     transform: rotateZ(360deg)
   }
-`, rl = nn`
+`, ol = nn`
   0%,
   25% {
     stroke-dashoffset: 280;
@@ -9336,16 +9396,16 @@ const De = ({
     stroke-dashoffset: 280;
     transform: rotate(360deg);
   }
-`, al = b.svg`
+`, ll = b.svg`
   ${({ $size: e = "md" }) => Se`
-    animation: ${il} 2s linear infinite;
+    animation: ${al} 2s linear infinite;
     animation-timing-function: linear;
     display: inline-block;
-    width: ${tl[e]}px;
+    width: ${il[e]}px;
   `}
-`, ol = b.circle`
+`, sl = b.circle`
   ${({ theme: e, $color: t = "red" }) => Se`
-    animation: 1.4s ease-in-out infinite both ${rl};
+    animation: 1.4s ease-in-out infinite both ${ol};
     display: block;
     fill: transparent;
     stroke-linecap: round;
@@ -9354,9 +9414,9 @@ const De = ({
     stroke-width: 10px;
     transform-origin: 50% 50%;
 
-    ${nl(e, t)}
+    ${rl(e, t)}
   `}
-`, ll = b.circle`
+`, cl = b.circle`
   display: block;
   fill: transparent;
   stroke: ${({ theme: e }) => e.palette.gray[200]};
@@ -9364,16 +9424,16 @@ const De = ({
   stroke-width: 10px;
   transform-origin: 50% 50%;
   opacity: ${({ $color: e }) => e === "white" ? "20%" : "unset"};
-`, sl = ({
+`, dl = ({
   color: e = "red",
   label: t,
   size: n
 }) => {
   const r = N();
   return /* @__PURE__ */ f($, { alignItems: "center", display: "flex", children: [
-    /* @__PURE__ */ f(al, { $size: n, viewBox: "0 0 100 100", children: [
-      /* @__PURE__ */ i(ll, { $color: e, cx: "50", cy: "50", r: "45" }),
-      /* @__PURE__ */ i(ol, { $color: e, cx: "50", cy: "50", r: "45" })
+    /* @__PURE__ */ f(ll, { $size: n, viewBox: "0 0 100 100", children: [
+      /* @__PURE__ */ i(cl, { $color: e, cx: "50", cy: "50", r: "45" }),
+      /* @__PURE__ */ i(sl, { $color: e, cx: "50", cy: "50", r: "45" })
     ] }),
     t && /* @__PURE__ */ i(
       T,
@@ -9385,13 +9445,13 @@ const De = ({
       }
     )
   ] });
-}, cl = {
+}, pl = {
   company: { height: "83px", width: "460px" },
   footer: { height: "57px", width: "315px" },
   header: { height: "35px", width: "160px" },
   icon: { height: "40px", width: "40px" },
   inline: { width: "150px" }
-}, Dc = ({ publicId: e, variant: t }) => /* @__PURE__ */ i($, { ...cl[t], children: /* @__PURE__ */ i(ue, { alt: "logo", publicId: e }) }), dl = b(Oi).attrs(
+}, Nc = ({ publicId: e, variant: t }) => /* @__PURE__ */ i($, { ...pl[t], children: /* @__PURE__ */ i(ue, { alt: "logo", publicId: e }) }), gl = b(Oi).attrs(
   ({ autoplay: e = !0 }) => ({
     autoplay: e,
     className: "comp-lottie"
@@ -9401,10 +9461,10 @@ const De = ({
     height: ${e}px;
     width: ${e}px;
   `}
-`, Nc = (e) => {
+`, Fc = (e) => {
   const { size: t } = e;
-  return /* @__PURE__ */ i(dl, { $size: t, ...e });
-}, Fc = ({
+  return /* @__PURE__ */ i(gl, { $size: t, ...e });
+}, Ec = ({
   children: e,
   commitSha: t,
   commitShortSha: n,
@@ -9453,7 +9513,7 @@ const De = ({
       }
     ) })
   ] });
-}, pl = b.button`
+}, ul = b.button`
   align-items: center;
   background-color: transparent;
   border: unset;
@@ -9470,7 +9530,7 @@ const De = ({
   &:hover span {
     color: ${P.palette.primary[200]};
   }
-`, Ec = ({
+`, Rc = ({
   message: e,
   onClickButton: t,
   buttonText: n,
@@ -9486,7 +9546,7 @@ const De = ({
   U(() => {
     p(a);
   }, [a, p]);
-  const u = /* @__PURE__ */ f(pl, { onClick: t, children: [
+  const u = /* @__PURE__ */ f(ul, { onClick: t, children: [
     /* @__PURE__ */ i(
       T,
       {
@@ -9537,7 +9597,7 @@ const De = ({
       ]
     }
   );
-}, gl = b.div`
+}, hl = b.div`
   ${({ theme: e, $variant: t }) => `
     background: ${e.palette.white};
     border: 1px solid ${e.palette.gray[200]};
@@ -9556,9 +9616,9 @@ const De = ({
       right: 16px;
     }
   `}
-`, ul = b(J)`
+`, fl = b(J)`
   font-size: ${({ theme: e }) => e.typography.text.md};
-`, hl = b.div`
+`, yl = b.div`
   ${({ theme: e, $variant: t }) => `
     height: ${e.spacing[2.5]};
     width: ${e.spacing[2.5]};
@@ -9589,7 +9649,7 @@ const De = ({
       color: ${e.palette[t][500]};
     }
   `}
-`, fl = (e) => e === "warning" ? "triangle-exclamation" : e === "info" ? "circle-info" : e === "success" ? "circle-check" : "circle-exclamation", Rc = ({
+`, $l = (e) => e === "warning" ? "triangle-exclamation" : e === "info" ? "circle-info" : e === "success" ? "circle-check" : "circle-exclamation", Lc = ({
   description: e,
   onClose: t,
   title: n,
@@ -9599,19 +9659,19 @@ const De = ({
     t == null || t();
   }, [t]);
   return /* @__PURE__ */ f(
-    gl,
+    hl,
     {
       $variant: r,
       className: `notification notification__${r}`,
       role: "alertdialog",
       children: [
-        /* @__PURE__ */ f(hl, { $variant: r, children: [
+        /* @__PURE__ */ f(yl, { $variant: r, children: [
           /* @__PURE__ */ i(L, { icon: "circle", iconClass: "ellipse-1", iconSize: "lg" }),
           /* @__PURE__ */ i(L, { icon: "circle", iconClass: "ellipse-2", iconSize: "lg" }),
           /* @__PURE__ */ i(
             L,
             {
-              icon: fl(r),
+              icon: $l(r),
               iconClass: "icon",
               iconSize: "lg",
               iconType: "fa-light"
@@ -9619,7 +9679,7 @@ const De = ({
           )
         ] }),
         /* @__PURE__ */ f($, { pr: 1.5, children: [
-          /* @__PURE__ */ i(ul, { fontWeight: "bold", size: "xs", children: n }),
+          /* @__PURE__ */ i(fl, { fontWeight: "bold", size: "xs", children: n }),
           /* @__PURE__ */ i(T, { size: "md", whiteSpace: "break-spaces", wordWrap: "break-word", children: e })
         ] }),
         /* @__PURE__ */ i(
@@ -9639,7 +9699,7 @@ const De = ({
       ]
     }
   );
-}, yl = {
+}, bl = {
   Azure: "integrates/autoenrollment/azureIcon",
   Bitbucket: "integrates/autoenrollment/bitbucketLogo",
   GitHub: "integrates/autoenrollment/githubLogo",
@@ -9676,7 +9736,7 @@ const De = ({
           {
             alt: `${a} Logo`,
             height: "100%",
-            publicId: yl[a],
+            publicId: bl[a],
             width: "100%"
           }
         ) : /* @__PURE__ */ i(
@@ -9703,7 +9763,7 @@ const De = ({
       ]
     }
   );
-}, Lc = ({
+}, Ac = ({
   align: e = "end",
   buttonLabel: t = "Add Credential",
   children: n,
@@ -9791,7 +9851,7 @@ const De = ({
       ]
     }
   );
-}, $l = b.div`
+}, xl = b.div`
   ${({ theme: e }) => `
     height: ${e.spacing[1]};
     width: ${e.spacing[1]};
@@ -9822,12 +9882,12 @@ const De = ({
       font-size: ${e.spacing[0.5]};
     }
   `}
-`, bl = ({
+`, ml = ({
   margin: e,
   onClick: t,
   text: n
 }) => {
-  const r = N(), a = /* @__PURE__ */ f($l, { children: [
+  const r = N(), a = /* @__PURE__ */ f(xl, { children: [
     /* @__PURE__ */ i(L, { icon: "circle", iconClass: "ellipse-1", iconSize: "lg" }),
     /* @__PURE__ */ i(L, { icon: "circle", iconClass: "ellipse-2", iconSize: "lg" }),
     /* @__PURE__ */ i(L, { icon: "crown", iconClass: "icon", iconSize: "lg" })
@@ -9865,7 +9925,7 @@ const De = ({
       )
     }
   ) : /* @__PURE__ */ i($, { display: "inline-block", mr: e, onClick: t, children: a });
-}, xl = b.div`
+}, wl = b.div`
   ${({ theme: e, $isDragging: t }) => `
     align-items: center;
     display: flex;
@@ -9878,7 +9938,7 @@ const De = ({
 
     ${t ? `border: 1px solid ${e.palette.black};` : ""}
   `}
-`, ml = ({
+`, vl = ({
   color: e,
   icon: t
 }) => /* @__PURE__ */ f(
@@ -9926,7 +9986,7 @@ const De = ({
     ]
   },
   `${t}-${e}`
-), wl = ({ rank: e }) => {
+), kl = ({ rank: e }) => {
   const t = N(), n = {
     1: {
       color: t.palette.error[700],
@@ -9954,10 +10014,10 @@ const De = ({
     }
   };
   return /* @__PURE__ */ f($, { alignItems: "center", display: "inline-flex", gap: 0.5, children: [
-    /* @__PURE__ */ i(ml, { color: n[e].color, icon: n[e].icon }),
+    /* @__PURE__ */ i(vl, { color: n[e].color, icon: n[e].icon }),
     /* @__PURE__ */ i(J, { fontWeight: "bold", size: "xs", children: e })
   ] });
-}, vl = ({
+}, Cl = ({
   item: e,
   disabled: t,
   draggedItem: n,
@@ -9979,7 +10039,7 @@ const De = ({
         position: n === e.title ? "relative" : "static"
       },
       value: e,
-      children: /* @__PURE__ */ f(xl, { $isDragging: n === e.title, children: [
+      children: /* @__PURE__ */ f(wl, { $isDragging: n === e.title, children: [
         /* @__PURE__ */ f(
           $,
           {
@@ -10019,7 +10079,7 @@ const De = ({
             width: "100%",
             children: [
               /* @__PURE__ */ i(T, { size: "sm", children: e.description }),
-              /* @__PURE__ */ i(wl, { rank: r + 1 })
+              /* @__PURE__ */ i(kl, { rank: r + 1 })
             ]
           }
         )
@@ -10027,7 +10087,7 @@ const De = ({
     },
     e.title
   );
-}, Ac = ({
+}, jc = ({
   disabled: e,
   items: t,
   handleSetItems: n
@@ -10061,7 +10121,7 @@ const De = ({
       style: { borderBottom: `1px solid ${r.palette.gray[200]}` },
       values: a,
       children: a.map((u, h) => /* @__PURE__ */ i(
-        vl,
+        Cl,
         {
           disabled: e,
           draggedItem: l,
@@ -10074,7 +10134,7 @@ const De = ({
       ))
     }
   );
-}, jc = ({
+}, Pc = ({
   score: e
 }) => {
   const t = N(), n = e <= 33 ? "priority-bars-low" : "priority-bars-medium", r = e > 66 || e === 0 ? "priority-bars-high" : n;
@@ -10092,7 +10152,7 @@ const De = ({
     ),
     /* @__PURE__ */ i(T, { color: t.palette.gray[800], size: "md", textAlign: "right", children: e + "%" })
   ] });
-}, { getVariant: kl } = ce(
+}, { getVariant: Sl } = ce(
   (e) => ({
     compliance: `
       display: inline-flex;
@@ -10158,17 +10218,17 @@ const De = ({
       }
     `
   })
-), Cl = (e, t) => t < 50 ? e.palette.error[500] : t < 80 ? e.palette.warning[500] : e.palette.success[500], Sl = b.div`
+), zl = (e, t) => t < 50 ? e.palette.error[500] : t < 80 ? e.palette.warning[500] : e.palette.success[500], Il = b.div`
   ${({ theme: e, $minWidth: t, $orientation: n, $rounded: r, $variant: a }) => `
     background-color: ${e.palette.gray[100]};
     border-radius: ${r ? "100px" : "unset"};
     ${n === "horizontal" ? "min-width" : "min-height"}: ${t}px;
     ${n === "horizontal" ? "" : "height: 100%;"}
 
-    ${kl(e, a)}
+    ${Sl(e, a)}
 
   `}
-`, zl = b.div`
+`, Tl = b.div`
   ${({ theme: e, $percentage: t, $rounded: n, $variant: r }) => `
     display: inline-flex;
     width: ${t}%;
@@ -10178,9 +10238,9 @@ const De = ({
     border-radius: ${n ? "100px" : "unset"};
     border-end-end-radius: ${n && t < 100 ? "0" : "inherit"};
     border-start-end-radius: ${n && t < 100 ? "0" : "inherit"};
-    background-color: ${r === "compliance" ? Cl(e, t) : "inherit"};
+    background-color: ${r === "compliance" ? zl(e, t) : "inherit"};
   `}
-`, Il = ({
+`, Dl = ({
   minWidth: e = 100,
   percentage: t,
   percentageLocation: n = "right",
@@ -10199,7 +10259,7 @@ const De = ({
       children: /* @__PURE__ */ i(T, { ml: 0.5, mr: s ? 0.5 : 0, size: "md", children: `${t}%` })
     }
   ) : null, d = /* @__PURE__ */ i(
-    Sl,
+    Il,
     {
       $minWidth: e,
       $orientation: a,
@@ -10207,7 +10267,7 @@ const De = ({
       $variant: l,
       className: a,
       children: /* @__PURE__ */ i(
-        zl,
+        Tl,
         {
           $percentage: t,
           $rounded: o,
@@ -10233,7 +10293,7 @@ const De = ({
       ]
     }
   );
-}, Tl = ({ onClick: e }) => /* @__PURE__ */ i(
+}, Nl = ({ onClick: e }) => /* @__PURE__ */ i(
   "svg",
   {
     className: "in-progress-icon",
@@ -10295,12 +10355,12 @@ const De = ({
     default:
       return t.palette.gray[800];
   }
-}, Dl = b(L)`
+}, Fl = b(L)`
   box-sizing: border-box;
 
   border-right: ${({ theme: e, $variant: t }) => t === "in progress" ? `1px dashed ${Rn("in progress", e)}` : "unset"};
   border-radius: 50%;
-`, Nl = b.div`
+`, El = b.div`
   ${({ $minWidth: e, $orientation: t }) => `
     display: flex;
     flex-direction: ${t === "horizontal" ? "row" : "column"};
@@ -10310,9 +10370,9 @@ const De = ({
       flex-flow: row wrap;
     }
   `}
-`, Fl = 150, Pc = ({
+`, Rl = 150, Wc = ({
   label: e,
-  minWidth: t = Fl,
+  minWidth: t = Rl,
   state: n = "not completed",
   stepNumber: r = 1,
   title: a,
@@ -10334,7 +10394,7 @@ const De = ({
       minWidth: `${t}px`,
       children: [
         /* @__PURE__ */ i(
-          Il,
+          Dl,
           {
             minWidth: t,
             orientation: l,
@@ -10344,8 +10404,8 @@ const De = ({
           }
         ),
         /* @__PURE__ */ f($, { display: "flex", gap: 0.5, px: 0.5, py: 0.5, width: "100%", children: [
-          n === "in progress" ? /* @__PURE__ */ i(Tl, { onClick: o }) : /* @__PURE__ */ i(
-            Dl,
+          n === "in progress" ? /* @__PURE__ */ i(Nl, { onClick: o }) : /* @__PURE__ */ i(
+            Fl,
             {
               $variant: n,
               clickable: !d,
@@ -10380,10 +10440,10 @@ const De = ({
       ]
     }
   );
-}, El = 150, Wc = ({
+}, Ll = 150, Oc = ({
   children: e,
   orientation: t = "horizontal",
-  minWidth: n = El
+  minWidth: n = Ll
 }) => {
   const r = nt.toArray(
     e
@@ -10395,14 +10455,14 @@ const De = ({
     [a, n]
   );
   return /* @__PURE__ */ i(
-    Nl,
+    El,
     {
       $minWidth: `${o}px`,
       $orientation: t,
       children: r.map((l) => tn(l, { minWidth: n, orientation: t }))
     }
   );
-}, Rl = ({
+}, Al = ({
   description: e = "",
   highlightDescription: t = "",
   mobile: n
@@ -10452,7 +10512,7 @@ const De = ({
       children: e
     }
   );
-}, Oc = ({
+}, Hc = ({
   _portal: e = !1,
   cancelButton: t,
   darkBackground: n = !1,
@@ -10553,7 +10613,7 @@ const De = ({
                       children: [
                         p ? void 0 : w,
                         /* @__PURE__ */ i(
-                          Rl,
+                          Al,
                           {
                             description: l,
                             highlightDescription: s,
@@ -10602,7 +10662,7 @@ const De = ({
     }
   );
   return e ? $e(I, o ?? document.body) : I;
-}, Ll = b.div.attrs({
+}, jl = b.div.attrs({
   className: "comp-scroll-up"
 })`
   position: fixed;
@@ -10610,7 +10670,7 @@ const De = ({
   right: ${({ right: e }) => e ?? "unset"};
   z-index: ${({ zIndex: e }) => e ?? "unset"};
   left: ${({ left: e }) => e ?? "unset"};
-`, Hc = ({
+`, Mc = ({
   scrollerId: e = "dashboard",
   left: t,
   visibleAt: n = 500,
@@ -10630,7 +10690,7 @@ const De = ({
       top: 0
     });
   }, [c]);
-  return l ? /* @__PURE__ */ i(Ll, { bottom: r, left: t, right: a, zIndex: o, children: /* @__PURE__ */ i(
+  return l ? /* @__PURE__ */ i(jl, { bottom: r, left: t, right: a, zIndex: o, children: /* @__PURE__ */ i(
     K,
     {
       borderRadius: "50%",
@@ -10647,7 +10707,7 @@ const De = ({
       width: "40px"
     }
   ) }) : null;
-}, Al = {
+}, Pl = {
   critical: {
     bgColor: P.palette.primary[700],
     colorL: P.palette.gray[800],
@@ -10673,12 +10733,12 @@ const De = ({
     colorL: P.palette.gray[800],
     colorR: P.palette.gray[800]
   }
-}, jl = ({
+}, Wl = ({
   textL: e,
   textR: t,
   variant: n
 }) => {
-  const r = N(), { bgColor: a, colorL: o, colorR: l } = Al[n];
+  const r = N(), { bgColor: a, colorL: o, colorR: l } = Pl[n];
   return /* @__PURE__ */ f($, { alignItems: "flex-start", display: "inline-flex", children: [
     e ? /* @__PURE__ */ i(
       $,
@@ -10710,7 +10770,7 @@ const De = ({
       }
     )
   ] });
-}, Pl = (e, t) => {
+}, Ol = (e, t) => {
   const n = {
     critical: P.palette.primary[700],
     high: P.palette.error[500],
@@ -10737,7 +10797,7 @@ const De = ({
   variant: e,
   value: t
 }) => {
-  const { iconColor: n, iconText: r, iconTextColor: a, textColor: o } = Pl(
+  const { iconColor: n, iconText: r, iconTextColor: a, textColor: o } = Ol(
     e,
     t
   ), l = V.capitalize(e.charAt(0)) + e.slice(1);
@@ -10767,7 +10827,7 @@ const De = ({
       ]
     }
   );
-}, Mc = ({
+}, Bc = ({
   critical: e,
   high: t,
   medium: n,
@@ -10777,7 +10837,7 @@ const De = ({
   /* @__PURE__ */ i(Fe, { value: t, variant: "high" }),
   /* @__PURE__ */ i(Fe, { value: n, variant: "medium" }),
   /* @__PURE__ */ i(Fe, { value: r, variant: "low" })
-] }), Wl = b.div`
+] }), Hl = b.div`
   ${({ theme: e }) => `
     border-radius: ${e.spacing[0.25]};
     cursor: pointer;
@@ -10795,13 +10855,13 @@ const De = ({
       display: block;
     }
   `}
-`, Bc = ({
+`, Vc = ({
   visibleElement: e,
   hiddenElement: t
-}) => /* @__PURE__ */ f(Wl, { children: [
+}) => /* @__PURE__ */ f(Hl, { children: [
   e,
   /* @__PURE__ */ i($, { display: "none", position: "absolute", top: "100%", zIndex: 10, children: t })
-] }), Ol = ({
+] }), Ml = ({
   customBadge: e = void 0,
   description: t,
   icon: n,
@@ -10848,7 +10908,7 @@ const De = ({
         /* @__PURE__ */ f($, { children: [
           /* @__PURE__ */ f($, { alignItems: "center", display: "inline-flex", gap: 0.5, children: [
             /* @__PURE__ */ i(T, { color: l.palette.gray[800], size: "md", children: o }),
-            a ? /* @__PURE__ */ i(bl, { text: "Upgrade" }) : void 0,
+            a ? /* @__PURE__ */ i(ml, { text: "Upgrade" }) : void 0,
             e
           ] }),
           /* @__PURE__ */ i(T, { color: l.palette.gray[400], size: "sm", children: t })
@@ -10856,7 +10916,7 @@ const De = ({
       ]
     }
   );
-}, Hl = b(Hi.div)`
+}, Bl = b(Hi.div)`
   ${({ theme: e }) => `
     background-color: ${e.palette.white};
     box-shadow: ${e.shadows.lg};
@@ -10879,7 +10939,7 @@ const De = ({
       height: auto;
     }
   `}
-`, Vc = ({
+`, Uc = ({
   children: e,
   closeIconId: t = "close-menu",
   isOpen: n,
@@ -10907,7 +10967,7 @@ const De = ({
       });
     };
   }, [n, a]), /* @__PURE__ */ i(Mi, { features: Bi, children: /* @__PURE__ */ i(
-    Hl,
+    Bl,
     {
       animate: n ? {
         display: "block",
@@ -10989,7 +11049,7 @@ const De = ({
                   requiresUpgrade: h,
                   title: y
                 }) => /* @__PURE__ */ i(
-                  Ol,
+                  Ml,
                   {
                     customBadge: d,
                     description: p,
@@ -11008,7 +11068,7 @@ const De = ({
       ] })
     }
   ) });
-}, Ml = (e, t) => t >= 50 ? `
+}, Vl = (e, t) => t >= 50 ? `
       ${e.palette.gray[200]} 50%,
       ${e.palette.primary[500]} 50.05%,
       ${e.palette.primary[500]} ${t}%,
@@ -11019,7 +11079,7 @@ const De = ({
       ${e.palette.primary[500]} 50%,
       ${e.palette.gray[200]} 50.05%,
       ${e.palette.gray[200]} 100%
-    `, Bl = b.div`
+    `, Ul = b.div`
   ${({ theme: e, $min: t, $value: n }) => `
     align-items: center;
     align-self: stretch;
@@ -11035,7 +11095,7 @@ const De = ({
         ${t >= 0 ? `
               ${e.palette.primary[500]} ${n}%,
               ${e.palette.gray[200]} ${n}%
-            ` : Ml(e, n)}
+            ` : Vl(e, n)}
       );
       border-radius: ${e.spacing[0.125]};
       height: ${e.spacing[0.25]};
@@ -11059,7 +11119,7 @@ const De = ({
       border: 1px solid ${e.palette.primary[500]};
     }
   `}
-`, Vl = b.div`
+`, _l = b.div`
   ${({ theme: e }) => `
     align-items: center;
     display: flex;
@@ -11073,7 +11133,7 @@ const De = ({
       font-size: ${e.spacing[0.5]};
     }
   `}
-`, Ul = b.output`
+`, Gl = b.output`
   ${({ theme: e }) => `
     align-items: flex-end;
     border-radius: ${e.spacing[0.5]};
@@ -11084,7 +11144,7 @@ const De = ({
     padding: ${e.spacing[0.625]} ${e.spacing[0.75]};
     width: 59px;
   `}
-`, _l = ({
+`, Yl = ({
   state: e,
   trackRef: t,
   index: n,
@@ -11095,7 +11155,7 @@ const De = ({
     e
   );
   return /* @__PURE__ */ i("div", { ...o, className: `thumb ${s ? "dragging" : ""}`, children: /* @__PURE__ */ i(Ui, { children: /* @__PURE__ */ i("input", { ...l, "aria-label": r, ref: a }) }) });
-}, Gl = (e, t, n) => Math.round((n - e) / (t - e) * 100), Uc = (e) => {
+}, Kl = (e, t, n) => Math.round((n - e) / (t - e) * 100), _c = (e) => {
   const t = N(), n = M(null), { label: r, minValue: a = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, d = un(), p = _i({
     ...e,
     numberFormatter: d,
@@ -11103,7 +11163,7 @@ const De = ({
       s == null || s(l, y);
     },
     value: c == null ? void 0 : c(l)
-  }), g = Gl(a, o, p.getThumbValue(0)), { groupProps: u, trackProps: h } = Gi(
+  }), g = Kl(a, o, p.getThumbValue(0)), { groupProps: u, trackProps: h } = Gi(
     { ...e, "aria-label": l, id: l },
     p,
     n
@@ -11118,7 +11178,7 @@ const De = ({
       width: "100%",
       children: [
         /* @__PURE__ */ f(
-          Bl,
+          Ul,
           {
             ...u,
             $min: a ?? 0,
@@ -11131,10 +11191,10 @@ const De = ({
                   ...h,
                   className: `track ${p.isDisabled ? "disabled" : ""}`,
                   ref: n,
-                  children: /* @__PURE__ */ i(_l, { index: 0, name: l, state: p, trackRef: n })
+                  children: /* @__PURE__ */ i(Yl, { index: 0, name: l, state: p, trackRef: n })
                 }
               ),
-              /* @__PURE__ */ f(Vl, { children: [
+              /* @__PURE__ */ f(_l, { children: [
                 /* @__PURE__ */ i("p", { children: `${d.format(a)} (Low)` }),
                 a < 0 && /* @__PURE__ */ i("p", { children: "0" }),
                 /* @__PURE__ */ i("p", { children: `${d.format(o)} (High)` })
@@ -11142,11 +11202,11 @@ const De = ({
             ]
           }
         ),
-        /* @__PURE__ */ i(Ul, { children: /* @__PURE__ */ i(T, { color: t.palette.gray[800], size: "md", textAlign: "right", children: p.getThumbValueLabel(0) }) })
+        /* @__PURE__ */ i(Gl, { children: /* @__PURE__ */ i(T, { color: t.palette.gray[800], size: "md", textAlign: "right", children: p.getThumbValueLabel(0) }) })
       ]
     }
   ) });
-}, { getVariant: Yl } = ce(
+}, { getVariant: Xl } = ce(
   (e) => ({
     completed: `
       background-color: ${e.palette.primary[500]};
@@ -11175,7 +11235,7 @@ const De = ({
       }
     `
   })
-), Kl = b.div`
+), Zl = b.div`
   ${({ theme: e }) => `
     align-items: stretch;
     background-color: ${e.palette.white};
@@ -11185,7 +11245,7 @@ const De = ({
     padding: ${`${e.spacing[1]} ${e.spacing[1]}`};
     scroll-behavior: unset;
   `}
-`, Xl = b.div`
+`, ql = b.div`
   display: flex;
   flex-direction: row;
   margin-bottom: ${({ theme: e }) => e.spacing[2]};
@@ -11193,7 +11253,7 @@ const De = ({
   &:last-child > div:first-child > span::after {
     display: none;
   }
-`, Zl = b.div`
+`, Jl = b.div`
   ${({ theme: e }) => `
     display: inline-flex;
     font-family: ${e.typography.type.primary};
@@ -11205,7 +11265,7 @@ const De = ({
       margin-right: ${e.spacing[0.5]};
     }
   `}
-`, ql = b.span`
+`, Ql = b.span`
   ${({ theme: e, $variant: t }) => `
     border-radius: 6px;
     display: inline-block;
@@ -11228,9 +11288,9 @@ const De = ({
       height: calc(100% - ${e.spacing[1]});
     }
 
-    ${Yl(e, t)}
+    ${Xl(e, t)}
   `}
-`, _c = ({
+`, Gc = ({
   button: { disabled: e = !1, text: t, type: n = "button", onClick: r },
   steps: a
 }) => {
@@ -11240,10 +11300,10 @@ const De = ({
     },
     []
   );
-  return /* @__PURE__ */ i(Kl, { children: a.map((c, d) => {
+  return /* @__PURE__ */ i(Zl, { children: a.map((c, d) => {
     const { content: p, title: g, nextAction: u, previousAction: h } = c, y = d + 1, m = y === o ? "current" : "disabled", x = y < o ? "completed" : m;
-    return /* @__PURE__ */ f(Xl, { children: [
-      /* @__PURE__ */ i($, { maxWidth: "40px", position: "relative", children: /* @__PURE__ */ i(ql, { $variant: x, children: x === "completed" ? /* @__PURE__ */ i(L, { icon: "check", iconSize: "lg", iconType: "fa-solid" }) : y }) }),
+    return /* @__PURE__ */ f(ql, { children: [
+      /* @__PURE__ */ i($, { maxWidth: "40px", position: "relative", children: /* @__PURE__ */ i(Ql, { $variant: x, children: x === "completed" ? /* @__PURE__ */ i(L, { icon: "check", iconSize: "lg", iconType: "fa-solid" }) : y }) }),
       /* @__PURE__ */ f($, { ml: 1.5, width: "100%", children: [
         /* @__PURE__ */ i(
           J,
@@ -11257,7 +11317,7 @@ const De = ({
         ),
         x === "current" && /* @__PURE__ */ f($, { children: [
           p,
-          /* @__PURE__ */ f(Zl, { children: [
+          /* @__PURE__ */ f(Jl, { children: [
             o > 1 && /* @__PURE__ */ i(
               _,
               {
@@ -11290,7 +11350,7 @@ const De = ({
       ] })
     ] }, c.title);
   }) });
-}, Jl = (e) => {
+}, es = (e) => {
   const t = (a, o) => o.reduce(
     (s, [c, d]) => {
       if (en(d) || c === "__typename")
@@ -11307,7 +11367,7 @@ const De = ({
     ([a]) => a !== ""
   );
   return Object.fromEntries(r);
-}, Kt = (e) => e.map(Jl), Ql = ({
+}, Kt = (e) => e.map(es), ts = ({
   csvConfig: e = {},
   data: t,
   children: n
@@ -11340,7 +11400,7 @@ const De = ({
       children: n
     }
   ) : /* @__PURE__ */ i(he, { children: n });
-}, es = (e) => {
+}, ns = (e) => {
   const { table: t } = e, { meta: n } = t.options, [r, a] = R(0), [, o] = t.getHeaderGroups(), l = t.getState(), s = Z(
     () => t.getAllLeafColumns().filter((g) => g.id !== "selection"),
     [t]
@@ -11399,7 +11459,7 @@ const De = ({
   tableSize: 0,
   tableRef: void 0,
   table: void 0
-}), ts = b.span`
+}), is = b.span`
   transition: all 150ms;
   width: 5px;
   height: 10px;
@@ -11426,7 +11486,7 @@ const De = ({
   }
 `, Xt = (e) => {
   const t = N(), { variant: n } = e;
-  return /* @__PURE__ */ f(ts, { $variant: n, children: [
+  return /* @__PURE__ */ f(is, { $variant: n, children: [
     /* @__PURE__ */ i(
       L,
       {
@@ -11446,7 +11506,7 @@ const De = ({
       }
     )
   ] });
-}, ns = b.div`
+}, rs = b.div`
   position: relative;
 
   div:has(table) {
@@ -11610,7 +11670,7 @@ const De = ({
       }
     }
   }
-`, is = b.div`
+`, as = b.div`
   ${({ $width: e, theme: t }) => `
     display: flex;
     flex-direction: column;
@@ -11638,7 +11698,7 @@ const De = ({
       }
     }
   `}
-`, rs = b.div`
+`, os = b.div`
   align-items: center;
   background-color: transparent;
   display: flex;
@@ -11686,7 +11746,7 @@ const De = ({
     transition: all 150ms;
     border-right: 1px solid ${({ theme: e }) => e.palette.black};
   }
-`, as = () => {
+`, ls = () => {
   const e = N(), { table: t } = fe(ge), { groupHeaders: n, tooltips: r } = (t == null ? void 0 : t.options.meta) ?? {}, a = v(
     (d) => () => {
       d.column.getCanSort() && (t == null || t.setPageIndex(0), d.column.toggleSorting());
@@ -11817,11 +11877,11 @@ const De = ({
       d.id
     );
   }) }) });
-}, os = b.div`
+}, ss = b.div`
   align-items: center;
   display: flex;
   width: 100%;
-`, ls = () => {
+`, cs = () => {
   const e = N(), { table: t } = fe(ge), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, r = Z(() => {
     const { enableRowSelection: s, enableMultiRowSelection: c } = (t == null ? void 0 : t.options) ?? {};
     return s || c ? 1 : 0;
@@ -11853,7 +11913,7 @@ const De = ({
       display: "flex",
       justify: "center",
       width: "100%",
-      children: /* @__PURE__ */ i(sl, { size: "md" })
+      children: /* @__PURE__ */ i(dl, { size: "md" })
     }
   ) }) }) }) : (t == null ? void 0 : t.getRowModel().rows.length) === 0 ? /* @__PURE__ */ i("tbody", { children: /* @__PURE__ */ i("tr", { className: "row-no-data", "data-testid": "row-no-data", children: /* @__PURE__ */ i("td", { colSpan: t.getVisibleLeafColumns().length + 1, children: /* @__PURE__ */ i(
     T,
@@ -11875,7 +11935,7 @@ const De = ({
             className: d === r && t.options.onRowClick ? "clickable" : "",
             "data-testid": `cell-${c.id}`,
             onClick: a(s, d),
-            children: /* @__PURE__ */ f(os, { children: [
+            children: /* @__PURE__ */ f(ss, { children: [
               d === r && s.getCanExpand() ? /* @__PURE__ */ i(
                 "button",
                 {
@@ -11903,7 +11963,7 @@ const De = ({
     ),
     s.getIsExpanded() ? /* @__PURE__ */ i("tr", { "data-testid": `row-${s.id}-expand`, id: "description", children: /* @__PURE__ */ i("td", { colSpan: 100, children: l(s) }) }) : void 0
   ] }, s.id)) });
-}, ss = () => {
+}, ds = () => {
   const {
     containerRef: e,
     hidden: t,
@@ -11915,7 +11975,7 @@ const De = ({
     tableRef: s
   } = fe(ge);
   return /* @__PURE__ */ f("div", { ref: e, children: [
-    t ? void 0 : /* @__PURE__ */ i(is, { $width: l, children: /* @__PURE__ */ f("div", { children: [
+    t ? void 0 : /* @__PURE__ */ i(as, { $width: l, children: /* @__PURE__ */ f("div", { children: [
       /* @__PURE__ */ i("b", { children: `${o} ${n} ` }),
       `${o === 1 ? "has" : "have"} been selected. `,
       /* @__PURE__ */ i(
@@ -11930,8 +11990,8 @@ const De = ({
       )
     ] }) }),
     /* @__PURE__ */ f("table", { ref: s, children: [
-      /* @__PURE__ */ i(as, {}),
-      /* @__PURE__ */ i(ls, {})
+      /* @__PURE__ */ i(ls, {}),
+      /* @__PURE__ */ i(cs, {})
     ] })
   ] });
 }, qt = b(K)`
@@ -11960,7 +12020,7 @@ const De = ({
     background-color: ${e.palette.gray[100]};
   }
   `}
-`, cs = () => {
+`, ps = () => {
   const { table: e } = fe(ge), { pagination: { pageIndex: t } = { pageIndex: 0 } } = (e == null ? void 0 : e.getState()) ?? {}, n = (e == null ? void 0 : e.getPageCount()) ?? 0, r = v(() => {
     e == null || e.setPageIndex(t + 1);
   }, [t, e]), a = v(() => {
@@ -11994,7 +12054,7 @@ const De = ({
       }
     )
   ] });
-}, ds = 10, ps = 20, gs = 50, us = 100, hs = () => {
+}, gs = 10, us = 20, hs = 50, fs = 100, ys = () => {
   const e = N(), { table: t } = fe(ge), n = (t == null ? void 0 : t.getRowCount()) ?? 0, [r, a] = R(!1), [o, l] = R(
     (t == null ? void 0 : t.getState().pagination.pageSize) ?? 10
   ), { refs: s, floatingStyles: c } = dt({
@@ -12004,7 +12064,7 @@ const De = ({
     whileElementsMounted: lt
   }), d = Z(
     () => Xi(
-      [ds, ps, gs, us],
+      [gs, us, hs, fs],
       // eslint-disable-next-line functional/prefer-immutable-types
       (h, y) => (h.push(y), y <= n),
       []
@@ -12104,7 +12164,7 @@ const De = ({
       }
     ) : void 0
   ] });
-}, fs = () => {
+}, $s = () => {
   const { table: e } = fe(ge), {
     pagination: { pageIndex: t, pageSize: n } = { pageIndex: 0, pageSize: 10 }
   } = (e == null ? void 0 : e.getState()) ?? {}, r = (e == null ? void 0 : e.getRowCount()) ?? 0, a = v(
@@ -12118,18 +12178,18 @@ const De = ({
     []
   );
   return /* @__PURE__ */ i(T, { display: "inline-block", fontWeight: "bold", size: "md", children: a(t, n, r) });
-}, ys = ({
+}, bs = ({
   children: e
-}) => /* @__PURE__ */ f(rs, { children: [
+}) => /* @__PURE__ */ f(os, { children: [
   /* @__PURE__ */ f("div", { className: "pagination-container", children: [
-    /* @__PURE__ */ i(fs, {}),
-    /* @__PURE__ */ i(hs, {}),
-    /* @__PURE__ */ i(cs, {})
+    /* @__PURE__ */ i($s, {}),
+    /* @__PURE__ */ i(ys, {}),
+    /* @__PURE__ */ i(ps, {})
   ] }),
   e
-] }), $s = ({
+] }), xs = ({
   children: e
-}) => /* @__PURE__ */ i("div", { className: "footer-container", children: e }), bs = b.div.attrs({ className: "search-container" })`
+}) => /* @__PURE__ */ i("div", { className: "footer-container", children: e }), ms = b.div.attrs({ className: "search-container" })`
   ${({ theme: e }) => `
     display: flex;
     flex-direction: column;
@@ -12176,7 +12236,7 @@ const De = ({
       }
     }
   `}
-`, xs = b.div.attrs({ className: "controls-container" })`
+`, ws = b.div.attrs({ className: "controls-container" })`
   display: flex;
   flex: 1 0 50%;
 
@@ -12192,7 +12252,7 @@ const De = ({
     justify-content: flex-end;
     width: 100%;
   }
-`, ms = b.div`
+`, vs = b.div`
   display: flex;
   flex-wrap: wrap;
   width: 100%;
@@ -12207,7 +12267,7 @@ const De = ({
   .highlight-container ~ .controls-container {
     flex: 1 0 100%;
   }
-`, ws = 500, Jt = 300, vs = ({
+`, ks = 500, Jt = 300, Cs = ({
   children: e
 }) => {
   const { table: t } = fe(ge), {
@@ -12219,12 +12279,12 @@ const De = ({
       const c = s.target.value.slice(0, Jt);
       n == null || n(c);
     },
-    ws
+    ks
   ), l = v(() => {
     n == null || n("");
   }, [n]);
-  return /* @__PURE__ */ f(ms, { children: [
-    n === void 0 ? void 0 : /* @__PURE__ */ i(bs, { children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ f(vs, { children: [
+    n === void 0 ? void 0 : /* @__PURE__ */ i(ms, { children: /* @__PURE__ */ i(
       Ce,
       {
         maxLength: Jt,
@@ -12237,20 +12297,20 @@ const De = ({
     ) }),
     e
   ] });
-}, ks = ({
+}, Ss = ({
   children: e
-}) => /* @__PURE__ */ i($, { display: "flex", flexDirection: "column", children: /* @__PURE__ */ i("div", { className: "caption-container", children: e }) }), Cs = ({
+}) => /* @__PURE__ */ i($, { display: "flex", flexDirection: "column", children: /* @__PURE__ */ i("div", { className: "caption-container", children: e }) }), zs = ({
   children: e
-}) => /* @__PURE__ */ i(xs, { children: e }), Ss = ({
+}) => /* @__PURE__ */ i(ws, { children: e }), Is = ({
   children: e
-}) => /* @__PURE__ */ i("div", { className: "highlight-container", children: e }), zs = 160, Is = ({
+}) => /* @__PURE__ */ i("div", { className: "highlight-container", children: e }), Ts = 160, Ds = ({
   children: e,
   table: t
 }) => {
   var u;
   const n = M(null), r = M(null), { id: a } = t.options.meta ?? {}, { enableMultiRowSelection: o } = (t == null ? void 0 : t.options) ?? {}, l = Object.keys(t.getState().rowSelection).length, s = l === 1 ? "item" : "items", c = l === 0 || !o, d = Math.max(
     ((u = n.current) == null ? void 0 : u.clientWidth) ?? 0,
-    t.getTotalSize() + zs
+    t.getTotalSize() + Ts
   ), p = v(() => {
     t.resetRowSelection();
   }, [t]), g = v(
@@ -12275,20 +12335,20 @@ const De = ({
         tableRef: r,
         table: t
       },
-      children: /* @__PURE__ */ i(ns, { id: a, children: e })
+      children: /* @__PURE__ */ i(rs, { id: a, children: e })
     }
   );
-}, Gc = Object.assign(Is, {
-  Caption: ks,
-  Columns: es,
-  Content: ss,
-  Controls: Cs,
-  Export: Ql,
-  Footer: ys,
-  FooterContent: $s,
-  Highlighted: Ss,
-  Options: vs
-}), Ts = b.button`
+}, Yc = Object.assign(Ds, {
+  Caption: Ss,
+  Columns: ns,
+  Content: ds,
+  Controls: zs,
+  Export: ts,
+  Footer: bs,
+  FooterContent: xs,
+  Highlighted: Is,
+  Options: Cs
+}), Ns = b.button`
   ${({ theme: e }) => `
     align-items: center;
     background-color: ${e.palette.white};
@@ -12330,14 +12390,14 @@ const De = ({
       background-color: ${e.palette.gray[100]};
     }
   `}
-`, Ds = {
+`, Fs = {
   add: { icon: "plus" },
   approve: { icon: "check" },
   disabled: { icon: "ban" },
   reject: { icon: "xmark" },
   submit: { icon: "arrow-right" },
   success: { icon: "check" }
-}, Yc = ({
+}, Kc = ({
   disabled: e = !1,
   icon: t,
   id: n,
@@ -12348,7 +12408,7 @@ const De = ({
   variant: s
 }) => {
   const c = N(), d = /* @__PURE__ */ f(
-    Ts,
+    Ns,
     {
       "aria-label": a ?? void 0,
       className: s,
@@ -12361,7 +12421,7 @@ const De = ({
           L,
           {
             clickable: !1,
-            icon: t ?? Ds[s].icon,
+            icon: t ?? Fs[s].icon,
             iconSize: a === void 0 ? "sm" : "lg",
             iconType: "fa-light"
           }
@@ -12374,7 +12434,7 @@ const De = ({
     d,
     r && /* @__PURE__ */ i(T, { color: c.palette.gray[800], ml: 0.5, size: "md", children: r })
   ] });
-}, Kc = ({ items: e }) => {
+}, Xc = ({ items: e }) => {
   const t = N();
   return /* @__PURE__ */ i(
     $,
@@ -12410,7 +12470,7 @@ const De = ({
       ))
     }
   );
-}, Ns = b.div`
+}, Es = b.div`
   ${({ theme: e }) => `
     align-items: flex-start;
     display: flex;
@@ -12427,14 +12487,14 @@ const De = ({
       fill: url(#gradient-01);
     }
   `}
-`, Xc = ({
+`, Zc = ({
   children: e,
   title: t,
   description: n,
   icon: r
 }) => {
   const a = N();
-  return /* @__PURE__ */ f(Ns, { children: [
+  return /* @__PURE__ */ f(Es, { children: [
     t || n ? /* @__PURE__ */ f(
       $,
       {
@@ -12473,7 +12533,7 @@ const De = ({
     ) : void 0,
     e
   ] });
-}, Fs = b.div`
+}, Rs = b.div`
   ${({ theme: e }) => `
     align-items: center;
     background-color: ${e.palette.white};
@@ -12495,7 +12555,7 @@ const De = ({
       border: 1px solid ${e.palette.gray[600]};
     }
   `}
-`, Es = b.div`
+`, Ls = b.div`
   ${({ theme: e, $size: t }) => `
     display: ${t === "long" ? "flex" : "block"};
     flex-direction: column;
@@ -12545,13 +12605,13 @@ const De = ({
       transform: translateX(-50%);
     }
   `}
-`, Rs = ({
+`, As = ({
   date: e,
   description: t,
   title: n
 }) => {
   const r = N();
-  return /* @__PURE__ */ f(Fs, { className: "timeline-card", children: [
+  return /* @__PURE__ */ f(Rs, { className: "timeline-card", children: [
     /* @__PURE__ */ i(
       T,
       {
@@ -12587,12 +12647,12 @@ const De = ({
       );
     }) })
   ] });
-}, Zc = ({ items: e }) => {
+}, qc = ({ items: e }) => {
   const t = M(null), [n, r] = R("long");
   return U(() => {
     t.current && r(t.current.offsetWidth <= 1100 ? "small" : "long");
-  }, []), /* @__PURE__ */ i($, { ref: t, width: "100%", children: /* @__PURE__ */ i(Es, { $size: n, children: e.map((a, o) => /* @__PURE__ */ i(
-    Rs,
+  }, []), /* @__PURE__ */ i($, { ref: t, width: "100%", children: /* @__PURE__ */ i(Ls, { $size: n, children: e.map((a, o) => /* @__PURE__ */ i(
+    As,
     {
       date: a.date,
       description: a.description,
@@ -12601,7 +12661,7 @@ const De = ({
     },
     `${a.title}-${o}`
   )) }) });
-}, qc = {
+}, Jc = {
   content: "",
   disableBeacon: !0,
   hideCloseButton: !1,
@@ -12633,7 +12693,7 @@ const De = ({
     }
   },
   target: ""
-}, Jc = ({ run: e, steps: t, onFinish: n }) => {
+}, Qc = ({ run: e, steps: t, onFinish: n }) => {
   const [r, a] = R(e), [o, l] = R(0), s = v(
     (c) => {
       const { action: d, index: p, status: g, type: u } = c;
@@ -12662,7 +12722,7 @@ const De = ({
       }
     }
   );
-}, Ls = b.div`
+}, js = b.div`
   ${({ theme: e }) => `
     align-items: flex-start;
     display: flex;
@@ -12704,7 +12764,7 @@ const De = ({
   content: "";
   height: 24px;
   border-left: 2px solid ${({ theme: e }) => e.palette.gray[100]};
-`, Qc = ({
+`, ed = ({
   title: e,
   href: t,
   description: n,
@@ -12716,7 +12776,7 @@ const De = ({
   requirements: c
 }) => {
   const d = N();
-  return /* @__PURE__ */ f(Ls, { children: [
+  return /* @__PURE__ */ f(js, { children: [
     /* @__PURE__ */ i(
       T,
       {
@@ -12766,7 +12826,7 @@ const De = ({
             }
           ),
           /* @__PURE__ */ i(
-            jl,
+            Wl,
             {
               textL: l,
               textR: Ji(s),
@@ -12814,66 +12874,6 @@ const De = ({
       }
     )
   ] });
-}, As = b.article`
-  ${({ theme: e }) => `
-    align-items: flex-start;
-    align-self: stretch;
-    background: ${e.palette.white};
-    border: 1px solid ${e.palette.gray[200]};
-    border-radius: 8px;
-    box-shadow: ${e.shadows.sm};
-    display: flex;
-    flex-direction: column;
-    gap: ${e.spacing[0.75]};
-    height: 232px;
-    padding: ${e.spacing[1.5]};
-    transition: all .15s ease;
-    width: 362px;
-
-    &:hover {
-      background:
-        linear-gradient(#fff, #fff) padding-box,
-        ${e.palette.gradient} border-box;
-      border: 1px solid transparent;
-    }
-
-    .fill-gradient-01 path {
-      fill: url(/gradients.svg#gradient-01);
-      fill: url(#gradient-01);
-    }
-  `}
-`, js = b.div`
-  ${({ theme: e }) => `
-    width: 48px;
-    height: 48px;
-    border-radius: 12px;
-    background: ${e.palette.primary[25]};
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  `}
-`, ed = ({
-  desc: e,
-  href: t,
-  icon: n,
-  title: r
-}) => {
-  const a = N();
-  return /* @__PURE__ */ f(As, { "data-testid": r, children: [
-    /* @__PURE__ */ i(js, { children: /* @__PURE__ */ i(
-      "i",
-      {
-        className: `fa-solid fa-${n} fill-gradient-01`,
-        style: { fontSize: 24 }
-      }
-    ) }),
-    /* @__PURE__ */ i(J, { size: "sm", children: r }),
-    /* @__PURE__ */ i(T, { color: a.palette.gray[600], size: "lg", children: e }),
-    /* @__PURE__ */ i("a", { href: t, style: { textDecoration: "none" }, children: /* @__PURE__ */ f(T, { color: a.palette.primary[600], size: "lg", children: [
-      "Learn more ",
-      /* @__PURE__ */ i(L, { icon: "arrow-right", iconSize: "sm", iconType: "fa-light" })
-    ] }) })
-  ] });
 };
 export {
   yt as $,
@@ -12905,7 +12905,7 @@ export {
   kn as Z,
   Xs as _,
   hn as a,
-  ie as a$,
+  Ua as a$,
   nc as a0,
   pa as a1,
   ha as a2,
@@ -12916,133 +12916,133 @@ export {
   Ia as a7,
   oc as a8,
   qs as a9,
-  Yt as aA,
-  bl as aB,
-  Ac as aC,
+  Ac as aA,
+  Yt as aB,
+  ml as aC,
   jc as aD,
-  Il as aE,
-  Wc as aF,
-  Pc as aG,
-  Oc as aH,
-  In as aI,
-  wl as aJ,
-  Hc as aK,
-  Ce as aL,
-  jl as aM,
-  Mc as aN,
+  Pc as aE,
+  Dl as aF,
+  Oc as aG,
+  Wc as aH,
+  Hc as aI,
+  In as aJ,
+  kl as aK,
+  Mc as aL,
+  Ce as aM,
+  Wl as aN,
   Bc as aO,
   Vc as aP,
   Uc as aQ,
   _c as aR,
   Gc as aS,
   Yc as aT,
-  Xc as aU,
-  Kc as aV,
-  Nn as aW,
-  se as aX,
-  Rs as aY,
-  Zc as aZ,
-  Ua as a_,
-  Js as aa,
-  ec as ab,
-  Qs as ac,
-  Pt as ad,
-  tc as ae,
-  wa as af,
-  de as ag,
-  Ze as ah,
-  uo as ai,
-  Tc as aj,
-  sl as ak,
-  Dc as al,
+  Kc as aU,
+  Zc as aV,
+  Xc as aW,
+  Nn as aX,
+  se as aY,
+  As as aZ,
+  qc as a_,
+  Tc as aa,
+  Js as ab,
+  ec as ac,
+  Qs as ad,
+  Pt as ae,
+  tc as af,
+  wa as ag,
+  de as ah,
+  Ze as ai,
+  uo as aj,
+  Dc as ak,
+  dl as al,
   Nc as am,
   Fc as an,
   Ec as ao,
-  Fn as ap,
-  lo as aq,
-  ao as ar,
-  vo as as,
-  Fo as at,
-  fc as au,
-  yc as av,
-  Ro as aw,
-  Rc as ax,
-  rt as ay,
-  Lc as az,
+  Rc as ap,
+  Fn as aq,
+  lo as ar,
+  ao as as,
+  vo as at,
+  Fo as au,
+  fc as av,
+  yc as aw,
+  Ro as ax,
+  Lc as ay,
+  rt as az,
   fn as b,
-  fs as b$,
-  qc as b0,
+  ys as b$,
+  ie as b0,
   Jc as b1,
-  J as b2,
-  T as b3,
-  Ee as b4,
-  Qc as b5,
-  Aa as b6,
-  ja as b7,
-  pe as b8,
-  Wa as b9,
-  fo as bA,
-  wo as bB,
-  Io as bC,
-  To as bD,
-  Do as bE,
-  Ut as bF,
-  No as bG,
-  De as bH,
-  _t as bI,
-  Jo as bJ,
-  En as bK,
-  ml as bL,
+  Qc as b2,
+  J as b3,
+  T as b4,
+  Ee as b5,
+  ed as b6,
+  Aa as b7,
+  ja as b8,
+  pe as b9,
+  po as bA,
+  fo as bB,
+  wo as bC,
+  Io as bD,
+  To as bE,
+  Do as bF,
+  Ut as bG,
+  No as bH,
+  De as bI,
+  _t as bJ,
+  Jo as bK,
+  En as bL,
   vl as bM,
-  Tl as bN,
-  Rl as bO,
-  Fe as bP,
-  Ol as bQ,
-  _l as bR,
-  Ql as bS,
-  es as bT,
-  ge as bU,
-  Xt as bV,
-  as as bW,
+  Cl as bN,
+  Nl as bO,
+  Al as bP,
+  Fe as bQ,
+  Ml as bR,
+  Yl as bS,
+  ts as bT,
+  ns as bU,
+  ge as bV,
+  Xt as bW,
   ls as bX,
-  ss as bY,
-  cs as bZ,
-  hs as b_,
-  zn as ba,
-  Xe as bb,
-  sc as bc,
-  mr as bd,
-  vn as be,
-  Ke as bf,
-  Xr as bg,
-  Ft as bh,
-  ta as bi,
-  ut as bj,
-  at as bk,
-  ht as bl,
-  la as bm,
-  sa as bn,
-  ca as bo,
-  Le as bp,
-  ft as bq,
-  ga as br,
-  $a as bs,
-  Wt as bt,
-  Ot as bu,
-  Te as bv,
-  Ae as bw,
-  Ja as bx,
-  oo as by,
-  po as bz,
+  cs as bY,
+  ds as bZ,
+  ps as b_,
+  Wa as ba,
+  zn as bb,
+  Xe as bc,
+  sc as bd,
+  mr as be,
+  vn as bf,
+  Ke as bg,
+  Xr as bh,
+  Ft as bi,
+  ta as bj,
+  ut as bk,
+  at as bl,
+  ht as bm,
+  la as bn,
+  sa as bo,
+  ca as bp,
+  Le as bq,
+  ft as br,
+  ga as bs,
+  $a as bt,
+  Wt as bu,
+  Ot as bv,
+  Te as bw,
+  Ae as bx,
+  Ja as by,
+  oo as bz,
   yn as c,
-  ys as c0,
-  $s as c1,
-  vs as c2,
-  ks as c3,
-  Cs as c4,
-  Ss as c5,
+  $s as c0,
+  bs as c1,
+  xs as c2,
+  Cs as c3,
+  Ss as c4,
+  zs as c5,
   Is as c6,
-  ed as c7,
+  Ds as c7,
   Ue as d,
   He as e,
   _e as f,