@fluidattacks/design 3.9.7 → 3.9.8

package/dist/{components-DUn_NkHd.mjs → components-DHacrd8J.mjs}

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as f, Fragment as He } from "react/jsx-runtime";
-import Oe, { forwardRef as _, useState as F, useCallback as k, StrictMode as dn, useEffect as G, useRef as M, useMemo as Z, Children as St, isValidElement as zt, cloneElement as pn, Fragment as It, createElement as tt } from "react";
+import Oe, { forwardRef as G, useState as F, useCallback as k, StrictMode as dn, useEffect as _, useRef as M, useMemo as Z, Children as St, isValidElement as zt, cloneElement as pn, Fragment as It, createElement as tt } from "react";
 import { o as gn, d as b, n as j, u as un, a as fn, b as hn, c as bn, e as yn, l as E, f as Tt, g as $n, h as xn, s as mn, i as fe, _ as O, $ as wn, j as kn, k as vn, m as Cn, p as Sn, q as zn, r as In, t as Tn, v as Nt, C as jt, w as Nn, x as jn, y as Dn, z as nt, A as me, B as Fn, D as Ln, E as Dt, F as Ft, G as we, H as Wn, I as Pn, J as En, K as An, L as Rn, M as Ve, N as Mn, O as Lt, P as Bn, Q as Wt, R as Hn, S as On, T as Vn, U as Gn, V as _n, W as Pt, X as Un, Y as it, Z as at, a0 as rt, a1 as Kn, a2 as Yn, a3 as qn, a4 as Xn, a5 as Et, a6 as Zn, a7 as Jn, a8 as Qn, a9 as Ge, aa as ei, ab as ti, ae as ni, af as At, ag as ii, ah as ai, ai as ri, aj as oi, ak as li, al as si, am as ci, an as di, ao as ot, ap as pi, aq as lt, ar as gi } from "./vendor-B5QH33Qh.mjs";
 import { createPortal as Q } from "react-dom";
 import { Link as ui, useLocation as fi, NavLink as hi } from "react-router-dom";
@@ -338,7 +338,7 @@ const ne = (e) => ({
   ), g = D(
     "gap",
     e.gap === void 0 ? void 0 : I.spacing[e.gap]
-  ), u = D("background-color", e.bgColor), h = D("background", e.bgGradient), x = D("flex-direction", e.flexDirection), $ = D("flex-grow", e.flexGrow), m = D("justify-content", e.justify), w = D("justify-self", e.justifySelf), S = D("align-items", e.alignItems), T = D("align-self", e.alignSelf), N = D("flex-wrap", e.wrap);
+  ), u = D("background-color", e.bgColor), h = D("background", e.bgGradient), $ = D("flex-direction", e.flexDirection), x = D("flex-grow", e.flexGrow), m = D("justify-content", e.justify), w = D("justify-self", e.justifySelf), S = D("align-items", e.alignItems), T = D("align-self", e.alignSelf), N = D("flex-wrap", e.wrap);
   return `
     ${t}
     ${i}
@@ -353,8 +353,8 @@ const ne = (e) => ({
     ${u}
     ${h}
     ${g}
-    ${x}
     ${$}
+    ${x}
     ${m}
     ${w}
     ${S}
@@ -447,7 +447,7 @@ const ne = (e) => ({
       ${a};
     }
   `}
-`, y = _(function({
+`, y = G(function({
   as: t = "div",
   center: i,
   children: a,
@@ -579,7 +579,7 @@ const ne = (e) => ({
 
     ${i === void 0 ? "" : `&::after { content: "${i}"; }`}
   `}
-`, U = _(function({
+`, U = G(function({
   bgGradient: t,
   children: i,
   className: a,
@@ -593,8 +593,8 @@ const ne = (e) => ({
   size: g,
   sizeMd: u,
   sizeSm: h,
-  textFill: x,
-  wordBreak: $,
+  textFill: $,
+  wordBreak: x,
   ...m
 }, w) {
   return /* @__PURE__ */ n(
@@ -611,15 +611,15 @@ const ne = (e) => ({
       $size: g,
       $sizeMd: u,
       $sizeSm: h,
-      $textFill: x,
-      $wordBreak: $,
+      $textFill: $,
+      $wordBreak: x,
       className: a,
       ref: w,
       ...m,
       children: i
     }
   );
-}), Ee = _(function({
+}), Ee = G(function({
   children: t,
   color: i,
   content: a,
@@ -633,7 +633,7 @@ const ne = (e) => ({
   sizeMd: g,
   sizeSm: u,
   ...h
-}, x) {
+}, $) {
   return /* @__PURE__ */ n(
     Wi,
     {
@@ -648,12 +648,12 @@ const ne = (e) => ({
       $size: p,
       $sizeMd: g,
       $sizeSm: u,
-      ref: x,
+      ref: $,
       ...h,
       children: t
     }
   );
-}), C = _(function({
+}), C = G(function({
   bgGradient: t,
   children: i,
   className: a,
@@ -667,8 +667,8 @@ const ne = (e) => ({
   size: g,
   sizeMd: u,
   sizeSm: h,
-  textFill: x,
-  wordBreak: $,
+  textFill: $,
+  wordBreak: x,
   ...m
 }, w) {
   return /* @__PURE__ */ n(
@@ -685,8 +685,8 @@ const ne = (e) => ({
       $size: g,
       $sizeMd: u,
       $sizeSm: h,
-      $textFill: x,
-      $wordBreak: $,
+      $textFill: $,
+      $wordBreak: x,
       className: a,
       ref: w,
       ...m,
@@ -766,7 +766,7 @@ b.div`
     transform: scale(1.2);
   }
 `;
-const z = _(function({
+const z = G(function({
   clickable: t,
   disabled: i,
   hoverColor: a,
@@ -780,8 +780,8 @@ const z = _(function({
   onClick: g,
   rotation: u,
   spanClass: h,
-  secondaryColor: x,
-  ...$
+  secondaryColor: $,
+  ...x
 }, m) {
   return /* @__PURE__ */ n(
     Ai,
@@ -791,13 +791,13 @@ const z = _(function({
       $disabled: i,
       $hoverColor: a,
       $rotation: u,
-      $secondaryColor: x,
+      $secondaryColor: $,
       $size: c,
       className: h,
       "data-testid": `${r}-icon`,
       onClick: g,
       ref: m,
-      ...$,
+      ...x,
       children: /* @__PURE__ */ n(
         "i",
         {
@@ -809,7 +809,7 @@ const z = _(function({
     },
     `${p}-${r}`
   );
-}), Cl = _(function({ aligned: t = "end", items: i, bgColor: a }, r) {
+}), Cl = G(function({ aligned: t = "end", items: i, bgColor: a }, r) {
   const o = j(), [l, s] = F(!1), [c, d] = F(-1), p = k(
     (g) => () => {
       d(g), s(g === c ? (u) => !u : !0);
@@ -1116,9 +1116,9 @@ const z = _(function({
   tip: g = "",
   title: u = "",
   hide: h = g === "" && u === "" && d === void 0,
-  width: x
+  width: $
 }) => {
-  const $ = j(), [m, w] = F(!1), { refs: S, floatingStyles: T, context: N } = un({
+  const x = j(), [m, w] = F(!1), { refs: S, floatingStyles: T, context: N } = un({
     middleware: [
       $n({
         fallbackAxisSideDirection: "start"
@@ -1147,7 +1147,7 @@ const z = _(function({
         height: a,
         id: s,
         ref: S.setReference,
-        width: x,
+        width: $,
         children: r ? /* @__PURE__ */ n(
           z,
           {
@@ -1174,7 +1174,7 @@ const z = _(function({
             E.isEmpty(u) ? void 0 : /* @__PURE__ */ n(
               C,
               {
-                color: $.palette.white,
+                color: x.palette.white,
                 fontWeight: "bold",
                 lineSpacing: 1.5,
                 size: "sm",
@@ -1186,7 +1186,7 @@ const z = _(function({
             E.isEmpty(g) ? void 0 : /* @__PURE__ */ n(
               C,
               {
-                color: $.palette.gray[100],
+                color: x.palette.gray[100],
                 lineSpacing: 1.5,
                 size: "sm",
                 textAlign: "start",
@@ -1194,24 +1194,14 @@ const z = _(function({
                 children: g
               }
             ),
-            E.isEmpty(d) ? void 0 : d,
-            /* @__PURE__ */ n(
-              y,
-              {
-                bgColor: $.palette.gray[700],
-                height: $.spacing[0.625],
-                id: `arrow-${s}`,
-                position: "absolute",
-                width: $.spacing[0.625]
-              }
-            )
+            E.isEmpty(d) ? void 0 : d
           ]
         }
       ),
       document.getElementById("root") ?? document.body
     )
   ] });
-}, K = _(function({
+}, K = G(function({
   borderRadius: t,
   disabled: i,
   icon: a,
@@ -1225,8 +1215,8 @@ const z = _(function({
   px: g,
   py: u,
   type: h = "button",
-  tooltip: x,
-  tooltipPlace: $,
+  tooltip: $,
+  tooltipPlace: x,
   value: m,
   variant: w = "primary",
   ...S
@@ -1262,8 +1252,8 @@ const z = _(function({
       )
     }
   ), L = (h + (w ?? "") + (c ?? a)).replace(/ /u, "_");
-  return x === void 0 ? N : /* @__PURE__ */ n(ie, { id: `${L}-tooltip`, place: $, tip: x, children: N });
-}), Sl = _(function({
+  return $ === void 0 ? N : /* @__PURE__ */ n(ie, { id: `${L}-tooltip`, place: x, tip: $, children: N });
+}), Sl = G(function({
   autoHide: t = !1,
   children: i,
   closable: a = !1,
@@ -1277,14 +1267,14 @@ const z = _(function({
   const [g, u] = F(o), h = k(() => {
     u(!1);
   }, []);
-  return G(() => {
-    const x = setTimeout(() => {
+  return _(() => {
+    const $ = setTimeout(() => {
       r == null || r(!0), t && h();
     }, l * 1e3);
     return () => {
-      clearTimeout(x);
+      clearTimeout($);
     };
-  }, [t, h, l, r]), G(() => {
+  }, [t, h, l, r]), _(() => {
     u(o);
   }, [o, u]), /* @__PURE__ */ n(
     y,
@@ -1624,7 +1614,7 @@ const z = _(function({
   tagLabel: u,
   variant: h = "default"
 }) => {
-  const x = u.length > 25 && E.isEmpty(g + o), $ = `${u.slice(0, 25)}...`;
+  const $ = u.length > 25 && E.isEmpty(g + o), x = `${u.slice(0, 25)}...`;
   return /* @__PURE__ */ f(
     Ee,
     {
@@ -1644,7 +1634,7 @@ const z = _(function({
           ),
           /* @__PURE__ */ f("span", { children: [
             /* @__PURE__ */ n("strong", { children: g }),
-            /* @__PURE__ */ n("span", { children: x ? $ : u }),
+            /* @__PURE__ */ n("span", { children: $ ? x : u }),
             /* @__PURE__ */ n("strong", { children: o })
           ] }),
           d ? /* @__PURE__ */ n(
@@ -1673,7 +1663,7 @@ const z = _(function({
     "noopener,noreferrer,"
   );
   E.isObject(i) && (i.opener = null);
-}, A = _(function({
+}, A = G(function({
   children: t,
   disabled: i = !1,
   external: a = !1,
@@ -1687,8 +1677,8 @@ const z = _(function({
   type: g = "button",
   tooltip: u,
   tooltipPlace: h = "bottom",
-  underline: x = !1,
-  value: $,
+  underline: $ = !1,
+  value: x,
   variant: m = "primary",
   ...w
 }, S) {
@@ -1707,14 +1697,14 @@ const z = _(function({
         {
           $variant: m,
           "aria-disabled": i,
-          className: x ? "underline" : void 0,
+          className: $ ? "underline" : void 0,
           disabled: i,
           id: o,
           name: s,
           onClick: m === "link" ? v : c,
           ref: S,
           type: g,
-          value: $,
+          value: x,
           ...T ? { "data-tooltip-id": N } : {},
           ...w,
           children: [
@@ -1727,7 +1717,7 @@ const z = _(function({
       )
     }
   );
-}), zl = _(function({
+}), zl = G(function({
   children: t,
   onClick: i,
   userName: a,
@@ -1908,10 +1898,10 @@ const z = _(function({
   headerType: p = "image",
   showMaximize: g = !0
 }) => {
-  const u = j(), [h, x] = F(!1), $ = k(() => {
-    x(!0);
+  const u = j(), [h, $] = F(!1), x = k(() => {
+    $(!0);
   }, []), m = k(() => {
-    x(!1);
+    $(!1);
   }, []);
   return /* @__PURE__ */ f(
     y,
@@ -1923,7 +1913,7 @@ const z = _(function({
       display: "flex",
       flexDirection: "column",
       gap: 1,
-      onHover: $,
+      onHover: x,
       onLeave: m,
       padding: [0.5, 0.5, 0.5, 0.5],
       width: "100%",
@@ -2185,7 +2175,7 @@ const z = _(function({
   value: g,
   weight: u
 }) => {
-  const h = j(), x = g ? g.length : 0;
+  const h = j(), $ = g ? g.length : 0;
   return /* @__PURE__ */ f(ia, { children: [
     l === void 0 ? void 0 : /* @__PURE__ */ n(
       Vt,
@@ -2221,7 +2211,7 @@ const z = _(function({
             oe,
             {
               priority: "low",
-              tagLabel: `${x}/${c}`,
+              tagLabel: `${$}/${c}`,
               variant: "error"
             }
           )
@@ -2383,12 +2373,12 @@ const z = _(function({
   onChange: g,
   placeholder: u,
   required: h,
-  tooltip: x,
-  value: $,
+  tooltip: $,
+  value: x,
   weight: m
 }) => {
   var et;
-  const w = j(), S = t ? void 0 : i, T = (e == null ? void 0 : e.value) ?? $, [N, v] = F(
+  const w = j(), S = t ? void 0 : i, T = (e == null ? void 0 : e.value) ?? x, [N, v] = F(
     ((et = d.find((R) => R.value === T)) == null ? void 0 : et.name) ?? ""
   ), [L, B] = F(T), [H, V] = F(d), [P, W] = F(!1), { contains: Y } = Cn({ sensitivity: "base" }), J = M(null), de = M(null), Le = M(null), Ze = M(null), Je = M(null), en = Z(() => d.map(
     (R) => Y(R.name, N) || P ? /* @__PURE__ */ n(Sn, { children: R.name }, R.value) : null
@@ -2451,7 +2441,7 @@ const z = _(function({
     },
     te
   ), { listBoxProps: sn } = Tn(ln, te, Le), { buttonProps: cn } = Nt(rn, de);
-  return G(() => {
+  return _(() => {
     var R;
     (s === !1 || !T) && v(
       ((R = d.find((X) => X.value === T)) == null ? void 0 : R.name) ?? ""
@@ -2466,7 +2456,7 @@ const z = _(function({
       htmlFor: c,
       label: l,
       required: h,
-      tooltip: x,
+      tooltip: $,
       weight: m,
       children: [
         /* @__PURE__ */ f(
@@ -2543,8 +2533,8 @@ const z = _(function({
   onChange: g,
   placeholder: u,
   required: h,
-  tooltip: x,
-  value: $,
+  tooltip: $,
+  value: x,
   weight: m
 }) => e ? /* @__PURE__ */ n(
   jt,
@@ -2568,8 +2558,8 @@ const z = _(function({
         onChange: g,
         placeholder: u,
         required: h,
-        tooltip: x,
-        value: $,
+        tooltip: $,
+        value: x,
         weight: m
       }
     ),
@@ -2591,8 +2581,8 @@ const z = _(function({
     onChange: g,
     placeholder: u,
     required: h,
-    tooltip: x,
-    value: $,
+    tooltip: $,
+    value: x,
     weight: m
   }
 ), la = b.div`
@@ -3143,12 +3133,12 @@ const z = _(function({
   watch: g,
   ...u
 }) => {
-  const h = M(null), x = g == null ? void 0 : g(s), $ = Lt({
+  const h = M(null), $ = g == null ? void 0 : g(s), x = Lt({
     ...u,
-    value: O.isNil(x) || O.isEmpty(x) || x === "-" ? null : Bn(x.replace(/\//gu, "-"))
-  }), { close: m } = $, { groupProps: w, fieldProps: S, buttonProps: T, dialogProps: N, calendarProps: v } = Wt(
+    value: O.isNil($) || O.isEmpty($) || $ === "-" ? null : Bn($.replace(/\//gu, "-"))
+  }), { close: m } = x, { groupProps: w, fieldProps: S, buttonProps: T, dialogProps: N, calendarProps: v } = Wt(
     { ...u, "aria-label": l ?? s, name: s },
-    $,
+    x,
     h
   ), L = k(
     (B) => {
@@ -3181,15 +3171,15 @@ const z = _(function({
             register: c,
             required: o,
             setValue: d,
-            value: x
+            value: $
           }
         ),
-        $.isOpen && !e ? /* @__PURE__ */ n(
+        x.isOpen && !e ? /* @__PURE__ */ n(
           je,
           {
             offset: 8,
             placement: "bottom start",
-            state: $,
+            state: x,
             triggerRef: h,
             children: /* @__PURE__ */ n(qe, { ...N, children: /* @__PURE__ */ n(
               $a,
@@ -3248,8 +3238,8 @@ const z = _(function({
   ...c
 }) => {
   const d = `${a}Max`, p = `${a}Min`, g = M(null), u = Vn(c), { close: h } = u, {
-    groupProps: x,
-    startFieldProps: $,
+    groupProps: $,
+    startFieldProps: x,
     endFieldProps: m,
     buttonProps: w,
     dialogProps: S,
@@ -3288,11 +3278,11 @@ const z = _(function({
                   disabled: e,
                   error: t,
                   fieldProps: {
-                    ...$,
-                    "aria-label": `${$["aria-label"]} ${a}`,
+                    ...x,
+                    "aria-label": `${x["aria-label"]} ${a}`,
                     validate: (v) => m.value && v > m.value ? "Start date must be less than or equal to end date" : null
                   },
-                  groupProps: x,
+                  groupProps: $,
                   name: p,
                   register: l,
                   setValue: s
@@ -3308,9 +3298,9 @@ const z = _(function({
                   fieldProps: {
                     ...m,
                     "aria-label": `${m["aria-label"]} ${a}`,
-                    validate: (v) => $.value && v < $.value ? "End date must be greater than or equal to start date" : null
+                    validate: (v) => x.value && v < x.value ? "End date must be greater than or equal to start date" : null
                   },
-                  groupProps: x,
+                  groupProps: $,
                   name: d,
                   register: l,
                   setValue: s
@@ -3404,7 +3394,7 @@ const z = _(function({
     isRequired: a,
     shouldCloseOnSelect: !1,
     value: O.isNil(p) || O.isEmpty(p) || p === "-" ? null : _n(p.replace(/\//gu, "-"))
-  }), { close: h } = u, { groupProps: x, fieldProps: $, buttonProps: m, dialogProps: w, calendarProps: S } = Wt(e, u, g), T = k(
+  }), { close: h } = u, { groupProps: $, fieldProps: x, buttonProps: m, dialogProps: w, calendarProps: S } = Wt(e, u, g), T = k(
     (v) => {
       S.onChange && S.onChange(v), c == null || c(
         o,
@@ -3434,9 +3424,9 @@ const z = _(function({
             datePickerRef: g,
             disabled: t,
             error: i,
-            fieldProps: $,
+            fieldProps: x,
             granularity: "minute",
-            groupProps: x,
+            groupProps: $,
             name: o,
             register: s,
             setValue: c,
@@ -3495,8 +3485,8 @@ const z = _(function({
   maskValue: g = !1,
   onPaste: u,
   placeholder: h,
-  register: x,
-  tooltip: $,
+  register: $,
+  tooltip: x,
   type: m = "text",
   weight: w,
   ...S
@@ -3518,7 +3508,7 @@ const z = _(function({
       label: c,
       linkPosition: d,
       required: T,
-      tooltip: $,
+      tooltip: x,
       weight: w,
       children: /* @__PURE__ */ f(
         ae,
@@ -3544,7 +3534,7 @@ const z = _(function({
                 onPaste: u,
                 placeholder: h,
                 type: m,
-                ...x ? x(p, { required: T, onBlur: N, onChange: v }) : { ...S }
+                ...$ ? $(p, { required: T, onBlur: N, onChange: v }) : { ...S }
               }
             ),
             B ? /* @__PURE__ */ n(
@@ -3604,10 +3594,10 @@ const z = _(function({
   register: g,
   setValue: u,
   tooltip: h,
-  watch: x,
-  weight: $
+  watch: $,
+  weight: x
 }) => {
-  const m = j(), w = t ? void 0 : i, S = M(null), T = x == null ? void 0 : x(c), N = Da(T), v = g == null ? void 0 : g(c, { required: p }), L = k(() => {
+  const m = j(), w = t ? void 0 : i, S = M(null), T = $ == null ? void 0 : $(c), N = Da(T), v = g == null ? void 0 : g(c, { required: p }), L = k(() => {
     const V = Re("change", c, void 0);
     u && u(c, ""), v && v.onChange(V);
   }, [v, c, u]), B = k(
@@ -3638,7 +3628,7 @@ const z = _(function({
       label: a,
       required: p,
       tooltip: h,
-      weight: $,
+      weight: x,
       children: [
         /* @__PURE__ */ f(
           ae,
@@ -3735,9 +3725,9 @@ const z = _(function({
   required: g,
   tooltip: u,
   value: h,
-  weight: x
+  weight: $
 }) => {
-  const $ = j(), m = e ? void 0 : t, [w, S] = F(""), T = c ? h : i == null ? void 0 : i.value, N = Z(() => T && typeof T == "string" ? T.split(",").filter(Boolean) : [], [T]), v = k(
+  const x = j(), m = e ? void 0 : t, [w, S] = F(""), T = c ? h : i == null ? void 0 : i.value, N = Z(() => T && typeof T == "string" ? T.split(",").filter(Boolean) : [], [T]), v = k(
     (P) => {
       const Y = [...new Set(P.filter(Boolean))].join(","), J = Re("change", s, Y);
       i && i.onChange(J), c && c(J);
@@ -3777,7 +3767,7 @@ const z = _(function({
       label: l,
       required: g,
       tooltip: u,
-      weight: x,
+      weight: $,
       children: /* @__PURE__ */ f(
         ae,
         {
@@ -3816,7 +3806,7 @@ const z = _(function({
               {
                 icon: "exclamation-circle",
                 iconClass: "error-icon",
-                iconColor: $.palette.error[500],
+                iconColor: x.palette.error[500],
                 iconSize: "xs"
               }
             ) : void 0
@@ -3840,18 +3830,18 @@ const z = _(function({
   required: g,
   tooltip: u,
   value: h,
-  weight: x
+  weight: $
 }) => t ? /* @__PURE__ */ n(
   jt,
   {
     control: t,
     name: s,
-    render: ({ field: $ }) => /* @__PURE__ */ n(
+    render: ({ field: x }) => /* @__PURE__ */ n(
       ht,
       {
         disabled: e,
         error: i,
-        field: $,
+        field: x,
         helpLink: a,
         helpLinkText: r,
         helpText: o,
@@ -3861,7 +3851,7 @@ const z = _(function({
         placeholder: p,
         required: g,
         tooltip: u,
-        weight: x
+        weight: $
       }
     ),
     rules: { required: g }
@@ -3882,9 +3872,9 @@ const z = _(function({
     required: g,
     tooltip: u,
     value: h,
-    weight: x
+    weight: $
   }
-), bt = _(function({ disabled: t, icon: i, margin: a, onClick: r, ...o }, l) {
+), bt = G(function({ disabled: t, icon: i, margin: a, onClick: r, ...o }, l) {
   return /* @__PURE__ */ n(
     ua,
     {
@@ -3923,7 +3913,7 @@ const z = _(function({
   setValue: u,
   value: h
 }) => {
-  const x = j(), $ = i ? void 0 : e, m = Z(
+  const $ = j(), x = i ? void 0 : e, m = Z(
     () => t < 0 ? 0 : t,
     [t]
   ), w = Z(() => h === void 0 ? 0 : O.toNumber(h), [h]), S = k(() => {
@@ -3953,13 +3943,13 @@ const z = _(function({
   return /* @__PURE__ */ f(
     ae,
     {
-      className: `${i ? "disabled" : ""} ${$ ? "error" : ""}`,
+      className: `${i ? "disabled" : ""} ${x ? "error" : ""}`,
       children: [
         /* @__PURE__ */ n(
           "input",
           {
             "aria-hidden": !1,
-            "aria-invalid": $ ? "true" : "false",
+            "aria-invalid": x ? "true" : "false",
             "aria-label": s,
             "aria-required": g,
             autoComplete: "off",
@@ -3981,12 +3971,12 @@ const z = _(function({
             })
           }
         ),
-        $ && /* @__PURE__ */ n(
+        x && /* @__PURE__ */ n(
           z,
           {
             icon: "exclamation-circle",
             iconClass: "error-icon",
-            iconColor: x.palette.error[500],
+            iconColor: $.palette.error[500],
             iconSize: "xs"
           }
         ),
@@ -4006,7 +3996,7 @@ const z = _(function({
         /* @__PURE__ */ n(
           bt,
           {
-            borderRadius: `0 ${x.spacing[0.5]} ${x.spacing[0.5]} 0`,
+            borderRadius: `0 ${$.spacing[0.5]} ${$.spacing[0.5]} 0`,
             disabled: i,
             icon: "plus",
             onClick: T,
@@ -4032,8 +4022,8 @@ const z = _(function({
   name: g,
   onChange: u,
   placeholder: h,
-  register: x,
-  required: $,
+  register: $,
+  required: x,
   setValue: m,
   tooltip: w,
   value: S,
@@ -4049,7 +4039,7 @@ const z = _(function({
     label: l,
     linkPosition: s,
     maxLength: c,
-    required: $,
+    required: x,
     tooltip: w,
     weight: N,
     children: /* @__PURE__ */ n(
@@ -4065,8 +4055,8 @@ const z = _(function({
         name: g,
         onChange: u,
         placeholder: h,
-        register: x,
-        required: $,
+        register: $,
+        required: x,
         setValue: m,
         value: u ? S : T == null ? void 0 : T(g)
       }
@@ -4207,7 +4197,7 @@ const z = _(function({
   text-overflow: ellipsis;
   white-space: nowrap;
 `, le = (e, t, i = !1) => {
-  G(() => {
+  _(() => {
     var r;
     const a = (o) => {
       e && !e.contains(o.target) && t();
@@ -4231,7 +4221,7 @@ const z = _(function({
   value: c,
   weight: d
 }) => {
-  const p = j(), g = M(null), u = e ? void 0 : t, [h, x] = F(!1), [$, m] = F(""), { refs: w, floatingStyles: S } = Pt({
+  const p = j(), g = M(null), u = e ? void 0 : t, [h, $] = F(!1), [x, m] = F(""), { refs: w, floatingStyles: S } = Pt({
     placement: "bottom-start",
     whileElementsMounted: Tt
   }), { inputValue: T, handlePhoneValueChange: N, country: v, setCountry: L } = Un({
@@ -4240,12 +4230,12 @@ const z = _(function({
     forceDialCode: !0,
     value: c ? String(c) : void 0
   }), B = k(() => {
-    x((W) => !W), h || m("");
+    $((W) => !W), h || m("");
   }, [h]), H = k(
     (W) => () => {
-      L(W), x(!1), m("");
+      L(W), $(!1), m("");
     },
-    [L, x]
+    [L, $]
   ), V = k(
     (W) => {
       W.key.length === 1 ? m((Y) => Y + W.key) : W.key === "Backspace" && m((Y) => Y.slice(0, -1));
@@ -4253,12 +4243,12 @@ const z = _(function({
     []
   ), P = it.filter((W) => {
     const { name: Y } = at(W);
-    return Y.toLowerCase().includes($.toLowerCase());
+    return Y.toLowerCase().includes(x.toLowerCase());
   });
   return le(
     w.floating.current,
     () => {
-      x(!1), m("");
+      $(!1), m("");
     },
     !0
   ), /* @__PURE__ */ n(
@@ -4386,8 +4376,8 @@ const z = _(function({
   placeholder: g,
   register: u,
   required: h,
-  rows: x,
-  tooltip: $,
+  rows: $,
+  tooltip: x,
   watch: m,
   weight: w
 }) => {
@@ -4402,7 +4392,7 @@ const z = _(function({
       label: l,
       maxLength: p,
       required: h,
-      tooltip: $,
+      tooltip: x,
       value: T ? String(T) : void 0,
       weight: w,
       children: /* @__PURE__ */ f(
@@ -4425,7 +4415,7 @@ const z = _(function({
                 id: c ?? s,
                 maxLength: p,
                 placeholder: g,
-                rows: x,
+                rows: $,
                 ...u == null ? void 0 : u(s, { required: h })
               }
             ),
@@ -4471,14 +4461,14 @@ const z = _(function({
       return /* @__PURE__ */ n(Kt, { disabled: t, name: c, placeholder: d });
     if (r === "date")
       return /* @__PURE__ */ n(va, { disabled: t, name: c });
-    const { decimalPlaces: h, max: x, min: $ } = o ?? {};
+    const { decimalPlaces: h, max: $, min: x } = o ?? {};
     return /* @__PURE__ */ n(
       La,
       {
         decimalPlaces: h,
         disabled: t,
-        max: x,
-        min: $,
+        max: $,
+        min: x,
         name: c,
         placeholder: d
       }
@@ -4576,7 +4566,7 @@ const z = _(function({
       fill: ${e.palette.white};
     }
   `}
-`, De = _(function({
+`, De = G(function({
   checked: t,
   disabled: i = !1,
   label: a,
@@ -4687,13 +4677,13 @@ const z = _(function({
   );
 }, Ha = (e, t) => {
   const [a, r] = F(0), [o, l] = F(0);
-  return G(() => {
+  return _(() => {
     o === 100 && (() => {
       r(
         (c) => c === t - 1 ? 0 : c + 1
       );
     })();
-  }, [o, t]), G(() => {
+  }, [o, t]), _(() => {
     const s = setInterval(() => {
       l(
         (c) => c === 100 ? 0 : c + 1
@@ -4741,11 +4731,11 @@ const z = _(function({
     [t]
   ), [o, l] = F(r), s = k(
     (p) => {
-      const g = p.filter(({ locked: $ }) => !$), h = [...p.filter(({ locked: $ }) => $), ...g], x = h.map(({ name: $ }) => $);
-      l(($) => [
+      const g = p.filter(({ locked: x }) => !x), h = [...p.filter(({ locked: x }) => x), ...g], $ = h.map(({ name: x }) => x);
+      l((x) => [
         ...h,
-        ...$.filter(({ name: m }) => !x.includes(m))
-      ]), a && a(h.map(({ id: $ }) => $));
+        ...x.filter(({ name: m }) => !$.includes(m))
+      ]), a && a(h.map(({ id: x }) => x));
     },
     [a]
   ), c = k(() => {
@@ -4757,8 +4747,8 @@ const z = _(function({
         visible: u
       };
     }).toSorted((g, u) => {
-      const h = (i == null ? void 0 : i.indexOf(g.id)) ?? 0, x = (i == null ? void 0 : i.indexOf(u.id)) ?? 0;
-      return Number(u.visible) !== Number(g.visible) ? Number(u.visible) - Number(g.visible) : h - x;
+      const h = (i == null ? void 0 : i.indexOf(g.id)) ?? 0, $ = (i == null ? void 0 : i.indexOf(u.id)) ?? 0;
+      return Number(u.visible) !== Number(g.visible) ? Number(u.visible) - Number(g.visible) : h - $;
     });
     l(p), a == null || a(i);
   }, [o, i, a]), d = Z(() => Yn(o, (p) => ((i == null ? void 0 : i.includes(p.id)) ?? !1) !== p.visible), [o, i]);
@@ -4874,7 +4864,7 @@ const z = _(function({
     }
 
   `}
-`, Ua = b.span.attrs({ className: "checkmark" })``, Ka = _(function({
+`, Ua = b.span.attrs({ className: "checkmark" })``, Ka = G(function({
   defaultChecked: t = !1,
   disabled: i = !1,
   label: a,
@@ -5021,7 +5011,7 @@ const z = _(function({
     background-color: ${({ theme: e }) => e.palette.gray[200]};
     border: 1px solid ${({ theme: e }) => e.palette.gray[200]};
   }
-`, Xa = _(function({
+`, Xa = G(function({
   defaultChecked: t,
   disabled: i = !1,
   justify: a,
@@ -5249,7 +5239,7 @@ const z = _(function({
   noCodeMessage: e = "Code snippet not available",
   snippet: t,
   specific: i
-}) => (G(() => {
+}) => (_(() => {
   Zn.highlightAll();
 }, []), /* @__PURE__ */ n(Yt, { "data-private": !0, children: /* @__PURE__ */ n(
   "pre",
@@ -5608,7 +5598,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   font-size: 6px;
   font-weight: ${({ theme: e }) => e.typography.weight.bold};
   justify-content: center;
-`, yr = _(function({
+`, yr = G(function({
   numberIndicator: t,
   show: i,
   variant: a = "error",
@@ -5719,7 +5709,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   const l = j(), s = k(() => {
     o == null || o(), a.close();
   }, [a, o]);
-  return G(() => {
+  return _(() => {
     const c = (d) => {
       d.key === "Escape" && s();
     };
@@ -5805,7 +5795,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       ]
     }
   );
-}, ge = _(function({
+}, ge = G(function({
   color: t = I.palette.gray[100],
   mt: i = 0.5,
   mb: a = 0.5,
@@ -5896,10 +5886,10 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   value: p,
   ...g
 }) => {
-  const h = j().palette.gray[t ? 300 : 800], x = t ? St.map(e, ($) => zt($) ? pn($, {
+  const h = j().palette.gray[t ? 300 : 800], $ = t ? St.map(e, (x) => zt(x) ? pn(x, {
     disabled: t,
-    ...$.props
-  }) : $) : e;
+    ...x.props
+  }) : x) : e;
   return /* @__PURE__ */ f(
     wr,
     {
@@ -5923,7 +5913,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
               iconType: a
             }
           ) : null,
-          r === void 0 ? x : /* @__PURE__ */ n(re, { href: r, children: x })
+          r === void 0 ? $ : /* @__PURE__ */ n(re, { href: r, children: $ })
         ] }) : null,
         d || c ? /* @__PURE__ */ n(
           z,
@@ -6108,7 +6098,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     border-radius: ${e.spacing[0.5]};
     width: 250px;
   `}
-`, ue = _(function({
+`, ue = G(function({
   name: t,
   smallSearch: i = !1,
   onClear: a,
@@ -6116,10 +6106,10 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   ...o
 }, l) {
   const s = j(), [c, d] = F(!1), { refs: p, floatingStyles: g } = Pt(), u = k(() => {
-    d(($) => !$);
+    d((x) => !x);
   }, []), h = k(
-    ($) => {
-      $.key === "Enter" && $.preventDefault();
+    (x) => {
+      x.key === "Enter" && x.preventDefault();
     },
     []
   );
@@ -6130,7 +6120,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     },
     !0
   );
-  const x = /* @__PURE__ */ f(Ir, { children: [
+  const $ = /* @__PURE__ */ f(Ir, { children: [
     /* @__PURE__ */ n(
       z,
       {
@@ -6180,33 +6170,31 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         variant: "ghost"
       }
     ),
-    c ? /* @__PURE__ */ n(Tr, { ref: p.setFloating, style: g, children: x }) : void 0
-  ] }) : x;
+    c ? /* @__PURE__ */ n(Tr, { ref: p.setFloating, style: g, children: $ }) : void 0
+  ] }) : $;
 }), Nr = ({
   columns: e,
   formId: t,
   onChangeHandler: i,
   variant: a
 }) => {
-  const r = M(null), [o, l] = F([]), [s, c] = F(""), d = k(
+  const r = M(null), [o, l] = F(e), [s, c] = F(""), d = k(
     (g) => {
       const { value: u } = g.target;
-      c(u);
+      c(u), u !== "" && u !== void 0 && l(
+        e.filter(
+          (h) => {
+            var $;
+            return a === "grouped" ? h.name.toLowerCase().includes(u.toLowerCase()) || (($ = h.group) == null ? void 0 : $.includes(u.toLowerCase())) : h.name.toLowerCase().includes(u.toLowerCase());
+          }
+        )
+      );
     },
-    []
+    [e, a]
   ), p = k(() => {
-    r.current && (r.current.reset(), c(""));
-  }, [r]);
-  return G(() => {
-    l(
-      e.filter(
-        (g) => {
-          var u;
-          return a === "grouped" ? g.name.toLowerCase().includes(s.toLowerCase()) || ((u = g.group) == null ? void 0 : u.includes(s.toLowerCase())) : g.name.toLowerCase().includes(s.toLowerCase());
-        }
-      )
-    );
-  }, [e, s, a]), a === "grouped" ? /* @__PURE__ */ f(
+    r.current && (r.current.reset(), c(""), l(e));
+  }, [e, r]);
+  return a === "grouped" ? /* @__PURE__ */ f(
     y,
     {
       display: "flex",
@@ -6239,7 +6227,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
             },
             children: Object.entries(Xt(o)).map(
               ([g, u], h) => {
-                const x = `li-checkbox${g}`;
+                const $ = `li-checkbox${g}`;
                 return /* @__PURE__ */ n(
                   Ba,
                   {
@@ -6249,7 +6237,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
                     options: u,
                     title: g
                   },
-                  x
+                  $
                 );
               }
             )
@@ -6310,18 +6298,18 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
 }) => {
   const r = j(), o = M(null), [l, s] = F(void 0), c = k(
     (g) => {
-      const { checked: u, value: h } = g.target, x = i.columns.map(($) => {
+      const { checked: u, value: h } = g.target, $ = i.columns.map((x) => {
         var m;
-        return $.name === h ? ((m = $.toggleVisibility) == null || m.call($, u), { ...$, visible: u }) : $;
+        return x.name === h ? ((m = x.toggleVisibility) == null || m.call(x, u), { ...x, visible: u }) : x;
       });
-      i.setColumns(x);
+      i.setColumns($);
     },
     [i]
   ), d = k(
     (g) => {
       const u = i.columns.map((h) => {
-        var x;
-        return h.id === g ? ((x = h.toggleVisibility) == null || x.call(h, !1), { ...h, visible: !1 }) : h;
+        var $;
+        return h.id === g ? (($ = h.toggleVisibility) == null || $.call(h, !1), { ...h, visible: !1 }) : h;
       });
       i.setColumns(u);
     },
@@ -6499,27 +6487,27 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     defaultValues: {
       checkbox: e.filter((h) => h.type === "checkboxes").flatMap(
         (h) => {
-          var x;
-          return ((x = h.options) == null ? void 0 : x.filter(($) => $.checked).map(($) => $.value)) ?? [];
+          var $;
+          return (($ = h.options) == null ? void 0 : $.filter((x) => x.checked).map((x) => x.value)) ?? [];
         }
       ),
       text: ""
     }
   }), d = e.some((h) => h.type === "checkboxes"), p = k(
     (h) => {
-      const { value: x } = h.target, $ = e.map((m) => {
+      const { value: $ } = h.target, x = e.map((m) => {
         var w;
         return m.type === "checkboxes" ? {
           ...m,
           options: (w = m.options) == null ? void 0 : w.filter(
             (S) => {
               var T;
-              return ((T = S.label) == null ? void 0 : T.toLowerCase().includes(x.toLowerCase())) ?? S.value.toLowerCase().includes(x.toLowerCase());
+              return ((T = S.label) == null ? void 0 : T.toLowerCase().includes($.toLowerCase())) ?? S.value.toLowerCase().includes($.toLowerCase());
             }
           )
         } : m;
       });
-      o($);
+      o(x);
     },
     [e]
   ), g = k(
@@ -6528,24 +6516,24 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     },
     [t]
   );
-  G(() => {
+  _(() => {
     var h;
     o(e), c(
       "checkbox",
-      e.filter((x) => x.type === "checkboxes").flatMap(
-        (x) => {
-          var $;
-          return (($ = x.options) == null ? void 0 : $.filter((m) => m.checked).map((m) => m.value)) ?? [];
+      e.filter(($) => $.type === "checkboxes").flatMap(
+        ($) => {
+          var x;
+          return ((x = $.options) == null ? void 0 : x.filter((m) => m.checked).map((m) => m.value)) ?? [];
         }
       )
-    ), c("text", (h = e.find((x) => x.type === "text")) == null ? void 0 : h.value);
+    ), c("text", (h = e.find(($) => $.type === "text")) == null ? void 0 : h.value);
   }, [e, c]);
   const u = /* @__PURE__ */ n(se, { $bgColor: "transparent", children: /* @__PURE__ */ f(ce, { $size: "fixed", flexDirection: "column", gap: 1.25, children: [
     d && /* @__PURE__ */ n(ue, { onChange: p }),
     /* @__PURE__ */ f("form", { id: i, onSubmit: s(g), children: [
       r.map((h) => {
-        const x = `${h.type}-${h.value}`;
-        return /* @__PURE__ */ n(Dr, { option: h, register: l }, x);
+        const $ = `${h.type}-${h.value}`;
+        return /* @__PURE__ */ n(Dr, { option: h, register: l }, $);
       }),
       /* @__PURE__ */ n(A, { mt: 1, type: "submit", children: "Apply" })
     ] })
@@ -6562,16 +6550,16 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   const a = j(), [r, o] = F(e), [l, s] = F(
     []
   ), [c, d] = F({}), [p, g] = F(""), u = k(
-    ($) => () => {
-      const m = r.find((w) => w.label === $);
-      g($), s((m == null ? void 0 : m.filterOptions) ?? []);
+    (x) => () => {
+      const m = r.find((w) => w.label === x);
+      g(x), s((m == null ? void 0 : m.filterOptions) ?? []);
     },
     [r]
   ), h = k(
-    ($) => {
+    (x) => {
       const m = [
-        ...$.checkbox,
-        ...$.text ? [$.text] : []
+        ...x.checkbox,
+        ...x.text ? [x.text] : []
       ];
       d(
         (v) => m.length > 0 ? { ...v, [p]: m } : v
@@ -6582,9 +6570,9 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           ...v,
           options: (L = v.options) == null ? void 0 : L.map((B) => ({
             ...B,
-            checked: $.checkbox.includes(B.value)
+            checked: x.checkbox.includes(B.value)
           })),
-          value: v.label === p ? $.text : v.value
+          value: v.label === p ? x.text : v.value
         };
       }, S = (v) => v.label === p ? {
         ...v,
@@ -6597,19 +6585,19 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       i(N), s([]);
     },
     [r, i, p]
-  ), x = k(
-    ($, m) => {
-      const w = `li-filter-option-${$}`;
+  ), $ = k(
+    (x, m) => {
+      const w = `li-filter-option-${x}`;
       return /* @__PURE__ */ f(
         jr,
         {
           icon: m,
-          onClick: u($),
+          onClick: u(x),
           value: w,
           width: "100%",
           children: [
-            $,
-            c[$] === void 0 ? void 0 : /* @__PURE__ */ n(oe, { tagLabel: c[$].length.toString() })
+            x,
+            c[x] === void 0 ? void 0 : /* @__PURE__ */ n(oe, { tagLabel: c[x].length.toString() })
           ]
         },
         w
@@ -6617,8 +6605,8 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     },
     [c, u]
   );
-  return G(() => {
-    const $ = e.reduce(
+  return _(() => {
+    const x = e.reduce(
       (m, { label: w, filterOptions: S }) => {
         const T = S.map(({ value: L }) => L).filter(Boolean), N = S.flatMap(({ options: L }) => L ?? []).filter(({ checked: L = !1 }) => L).map(({ value: L }) => L), v = [
           ...T,
@@ -6631,15 +6619,15 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       },
       {}
     );
-    d($);
+    d(x);
   }, [e]), t === "grouped" ? /* @__PURE__ */ f(y, { flexGrow: 1, position: "relative", zIndex: 80, children: [
     Object.entries(Xt(e)).map(
-      ([$, m]) => /* @__PURE__ */ f(y, { width: "100%", children: [
-        /* @__PURE__ */ n(C, { color: a.palette.gray[400], mb: 0.25, size: "sm", children: $ }),
+      ([x, m]) => /* @__PURE__ */ f(y, { width: "100%", children: [
+        /* @__PURE__ */ n(C, { color: a.palette.gray[400], mb: 0.25, size: "sm", children: x }),
         m.map(
-          ({ label: w, icon: S = "filter-list" }) => x(w, S)
+          ({ label: w, icon: S = "filter-list" }) => $(w, S)
         )
-      ] }, $)
+      ] }, x)
     ),
     /* @__PURE__ */ n(
       yt,
@@ -6652,7 +6640,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     )
   ] }) : /* @__PURE__ */ f(y, { flexGrow: 1, children: [
     e.map(
-      ({ label: $, icon: m = "filter-list" }) => x($, m)
+      ({ label: x, icon: m = "filter-list" }) => $(x, m)
     ),
     /* @__PURE__ */ n(
       yt,
@@ -6815,7 +6803,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   setFilteredDataset: a
 }) => {
   const r = Xe("filters-modal"), [o, l] = F([]);
-  G(() => {
+  _(() => {
     const d = localStorage.getItem(t);
     d && l(JSON.parse(d));
   }, [t]);
@@ -6830,7 +6818,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     },
     [l, t]
   );
-  return G(() => {
+  return _(() => {
     a(Lr(e, o));
   }, [e, o, a]), /* @__PURE__ */ f(Oe.Fragment, { children: [
     /* @__PURE__ */ n(
@@ -6877,7 +6865,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   size: u,
   id: h = "modal-container"
 }) => {
-  const x = () => /* @__PURE__ */ n(
+  const $ = () => /* @__PURE__ */ n(
     se,
     {
       "aria-label": s.name,
@@ -6922,9 +6910,9 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     }
   );
   return e && s.isOpen ? Q(
-    x(),
+    $(),
     document.getElementById("portals") ?? document.body
-  ) : s.isOpen ? x() : null;
+  ) : s.isOpen ? $() : null;
 }, Kl = () => {
   const [e, t] = F(!1), [i, a] = F(), r = M(null), o = Xe("confirm-dialog-modal"), l = k(
     async (p) => (a(p), t(!0), new Promise((g) => {
@@ -6938,7 +6926,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     var p;
     t(!1), a(void 0), (p = r.current) == null || p.call(r, !1);
   }, []);
-  return G(() => {
+  return _(() => {
     o.setIsOpen(e);
   }, [e, o]), { ConfirmDialog: ({ id: p = "confirm-dialog-modal", children: g }) => /* @__PURE__ */ n(
     Wr,
@@ -7222,7 +7210,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   tagPosition: p = "top",
   title: g
 }) => {
-  const u = j(), h = s == null ? void 0 : s.split("-"), x = l === "dark", $ = /* @__PURE__ */ f(Rr, { "data-testid": `content-card-${g}`, children: [
+  const u = j(), h = s == null ? void 0 : s.split("-"), $ = l === "dark", x = /* @__PURE__ */ f(Rr, { "data-testid": `content-card-${g}`, children: [
     o || a || d && p === "top" ? /* @__PURE__ */ f(y, { id: "card-image", position: "relative", children: [
       o && /* @__PURE__ */ n(ee, { publicId: o }),
       p === "top" && /* @__PURE__ */ n(xt, { tag: d, tagPosition: p }),
@@ -7242,7 +7230,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
             e && h && /* @__PURE__ */ n(
               C,
               {
-                color: u.palette.gray[x ? 300 : 400],
+                color: u.palette.gray[$ ? 300 : 400],
                 fontWeight: "semibold",
                 size: "sm",
                 sizeSm: "xs",
@@ -7262,7 +7250,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
                     z,
                     {
                       icon: "eye",
-                      iconColor: u.palette.gray[x ? 300 : 400],
+                      iconColor: u.palette.gray[$ ? 300 : 400],
                       iconSize: "xs",
                       iconType: "fa-light"
                     }
@@ -7270,7 +7258,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
                   /* @__PURE__ */ n(
                     C,
                     {
-                      color: u.palette.gray[x ? 300 : 400],
+                      color: u.palette.gray[$ ? 300 : 400],
                       size: "sm",
                       sizeSm: "xs",
                       textAlign: "right",
@@ -7285,7 +7273,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
             U,
             {
               className: `title-${l}`,
-              color: x ? u.palette.white : u.palette.gray[800],
+              color: $ ? u.palette.white : u.palette.gray[800],
               fontWeight: "semibold",
               size: "sm",
               sizeSm: "xs",
@@ -7295,7 +7283,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           i && /* @__PURE__ */ n(
             C,
             {
-              color: u.palette.gray[x ? 100 : 600],
+              color: u.palette.gray[$ ? 100 : 600],
               size: "md",
               sizeSm: "sm",
               children: i
@@ -7313,9 +7301,9 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       href: r,
       rel: "noopener noreferrer",
       target: "_self",
-      children: $
+      children: x
     }
-  ) : $;
+  ) : x;
 }, Yl = ({
   description: e,
   items: t,
@@ -7502,8 +7490,8 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     mode: r ?? "all",
     resolver: p ? ti(p) : void 0
   }), {
-    control: x,
-    getValues: $,
+    control: $,
+    getValues: x,
     setValue: m,
     register: w,
     watch: S,
@@ -7513,13 +7501,13 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     if (H && zt(H)) {
       const P = H.props.children, W = H.props.name ? tt(H.type, {
         ...H.props,
-        control: x,
+        control: $,
         error: (V = T[H.props.name]) == null ? void 0 : V.message,
         isValid: N,
         isTouched: v[H.props.name],
         register: w,
         setValue: m,
-        value: $(H.props.name),
+        value: x(H.props.name),
         watch: S,
         key: H.props.name
       }) : H;
@@ -7605,7 +7593,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       grid-template-columns: repeat(${t}, 1fr);
     }
   `}
-`, Zl = _(function({
+`, Zl = G(function({
   children: t,
   md: i,
   sm: a,
@@ -7701,13 +7689,13 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       );
     },
     [p]
-  ), x = k(
+  ), $ = k(
     (m) => {
       m.currentTarget && (u(m.currentTarget.value), h(m.currentTarget.value));
     },
     [u, h]
   );
-  return G(() => {
+  return _(() => {
     p(t), h(g);
   }, [t, h, g]), e ? Q(/* @__PURE__ */ n(
     y,
@@ -7757,7 +7745,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
                 ]
               }
             ),
-            /* @__PURE__ */ n(y, { mt: 1, children: /* @__PURE__ */ n(ue, { onInput: x, placeholder: "Search" }) }),
+            /* @__PURE__ */ n(y, { mt: 1, children: /* @__PURE__ */ n(ue, { onInput: $, placeholder: "Search" }) }),
             /* @__PURE__ */ n(ge, { mb: 1, mt: 1 }),
             /* @__PURE__ */ f(
               y,
@@ -8744,9 +8732,9 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       const { value: h } = u.target;
       o(
         e.filter(
-          (x) => {
-            var $;
-            return (($ = x.label) == null ? void 0 : $.toLowerCase().includes(h.toLowerCase())) ?? x.value.toLowerCase().includes(h.toLowerCase());
+          ($) => {
+            var x;
+            return ((x = $.label) == null ? void 0 : x.toLowerCase().includes(h.toLowerCase())) ?? $.value.toLowerCase().includes(h.toLowerCase());
           }
         )
       );
@@ -8758,7 +8746,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     },
     [t]
   );
-  G(() => {
+  _(() => {
     o(e), c(
       "checkbox",
       e.filter((u) => u.checked).map((u) => u.value)
@@ -8926,7 +8914,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   &::-webkit-inner-spin-button {
     opacity: 1;
   }
-`, ys = _(function({
+`, ys = G(function({
   autoUpdate: t = !1,
   decimalPlaces: i = 0,
   defaultValue: a = 0,
@@ -8937,13 +8925,13 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   tooltipMessage: c,
   ...d
 }, p) {
-  const g = i < 0 ? 0 : i, [u, h] = F(Number(a).toFixed(g)), x = k(
+  const g = i < 0 ? 0 : i, [u, h] = F(Number(a).toFixed(g)), $ = k(
     (w) => {
       const S = E.toNumber(w.target.value);
       w.target.value.endsWith(".") ? h(w.target.value) : S >= Number(o) && S <= Number(r) && (h(String(S)), t && s(E.toNumber(S.toFixed(g)))), w.stopPropagation();
     },
     [t, g, r, o, s]
-  ), $ = k(
+  ), x = k(
     (w) => {
       w.currentTarget.contains(w.relatedTarget) || h(Number(a).toFixed(g)), w.stopPropagation();
     },
@@ -8954,7 +8942,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     },
     [s]
   );
-  return /* @__PURE__ */ n(ko, { onBlur: $, tabIndex: -1, children: /* @__PURE__ */ n(ie, { id: "numberInputTooltip", tip: c, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(ko, { onBlur: x, tabIndex: -1, children: /* @__PURE__ */ n(ie, { id: "numberInputTooltip", tip: c, children: /* @__PURE__ */ n(
     vo,
     {
       ...d,
@@ -8965,7 +8953,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       max: r,
       min: o,
       name: l,
-      onChange: x,
+      onChange: $,
       onKeyUp: m,
       ref: p,
       step: 10 ** -g,
@@ -9061,9 +9049,9 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   ), g = k(() => {
     c((h) => !h);
   }, [c]), u = k(
-    (h) => (x) => {
-      var $;
-      ($ = o[h]) == null || $.onClick(x), c(!1);
+    (h) => ($) => {
+      var x;
+      (x = o[h]) == null || x.onClick($), c(!1);
     },
     [o]
   );
@@ -9343,7 +9331,7 @@ const Io = {
   title: p,
   titleColor: g
 }) => {
-  const u = j(), { alt: h, src: x, width: $ = "77px", height: m = "77px" } = c, w = k(() => {
+  const u = j(), { alt: h, src: $, width: x = "77px", height: m = "77px" } = c, w = k(() => {
     t == null || t.onClick();
   }, [t]), S = k(() => {
     r == null || r.onClick();
@@ -9392,8 +9380,8 @@ const Io = {
                     {
                       alt: h,
                       height: m,
-                      publicId: x,
-                      width: $
+                      publicId: $,
+                      width: x
                     }
                   ) }),
                   /* @__PURE__ */ f(
@@ -9716,9 +9704,9 @@ const Io = {
   onComplete: t
 }) => {
   const i = j(), a = 100, [r, o] = F(0);
-  return G(() => {
+  return _(() => {
     r === a && (t == null || t());
-  }, [r, t]), G(() => {
+  }, [r, t]), _(() => {
     const l = setInterval(() => {
       o(
         (s) => s === a ? 0 : s + 1
@@ -9748,7 +9736,7 @@ const Io = {
   visibleAt: t = 500
 }) => {
   const [i, a] = F(!1), [r, o] = F(null);
-  G(() => {
+  _(() => {
     o(document.getElementById(e)), r == null || r.addEventListener("scroll", () => {
       a(r.scrollTop > t);
     });
@@ -10038,12 +10026,12 @@ const Io = {
     g("");
   }, [g]), h = k(() => {
     s(!0);
-  }, []), x = k(
+  }, []), $ = k(
     (w) => {
       g(w.currentTarget.value);
     },
     [g]
-  ), $ = k(
+  ), x = k(
     (w) => {
       w.preventDefault(), w.stopPropagation(), u(), d.current && d.current.focus();
     },
@@ -10066,7 +10054,7 @@ const Io = {
       {
         action: "",
         noValidate: !0,
-        onReset: $,
+        onReset: x,
         onSubmit: m,
         role: "search",
         children: [
@@ -10086,7 +10074,7 @@ const Io = {
                 autoComplete: "off",
                 autoCorrect: "off",
                 maxLength: 512,
-                onChange: x,
+                onChange: $,
                 onFocus: h,
                 placeholder: t,
                 ref: d,
@@ -10526,8 +10514,8 @@ const Io = {
                 (a ?? []).map(
                   ({
                     customBadge: h,
-                    description: x,
-                    icon: $,
+                    description: $,
+                    icon: x,
                     onClick: m,
                     requiresUpgrade: w,
                     title: S
@@ -10535,8 +10523,8 @@ const Io = {
                     Yo,
                     {
                       customBadge: h,
-                      description: x,
-                      icon: $,
+                      description: $,
+                      icon: x,
                       onClick: u(m),
                       requiresUpgrade: w,
                       title: S
@@ -10674,8 +10662,8 @@ const Io = {
   const t = j(), i = M(null), { label: a, minValue: r = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, d = si(), p = ci({
     ...e,
     numberFormatter: d,
-    onChange(x) {
-      s == null || s(l, x);
+    onChange($) {
+      s == null || s(l, $);
     },
     value: c == null ? void 0 : c(l)
   }), g = tl(r, o, p.getThumbValue(0)), { groupProps: u, trackProps: h } = di(
@@ -10816,9 +10804,9 @@ const Io = {
     []
   );
   return /* @__PURE__ */ n(il, { children: r.map((c, d) => {
-    const { content: p, title: g, nextAction: u, previousAction: h } = c, x = d + 1, $ = x === o ? "current" : "disabled", m = x < o ? "completed" : $;
+    const { content: p, title: g, nextAction: u, previousAction: h } = c, $ = d + 1, x = $ === o ? "current" : "disabled", m = $ < o ? "completed" : x;
     return /* @__PURE__ */ f(al, { children: [
-      /* @__PURE__ */ n(y, { maxWidth: "40px", position: "relative", children: /* @__PURE__ */ n(ol, { $variant: m, children: m === "completed" ? /* @__PURE__ */ n(z, { icon: "check", iconSize: "xs", iconType: "fa-solid" }) : x }) }),
+      /* @__PURE__ */ n(y, { maxWidth: "40px", position: "relative", children: /* @__PURE__ */ n(ol, { $variant: m, children: m === "completed" ? /* @__PURE__ */ n(z, { icon: "check", iconSize: "xs", iconType: "fa-solid" }) : $ }) }),
       /* @__PURE__ */ f(y, { ml: 1.5, width: "100%", children: [
         /* @__PURE__ */ n(
           U,