@fluidattacks/design 3.25.8 → 3.25.9

package/dist/{components-DrnQHCRI.mjs → components-D9FbRX2z.mjs}

@@ -1,6 +1,6 @@
-import { jsx as i, jsxs as f, Fragment as Je } from "react/jsx-runtime";
-import Qe, { forwardRef as Z, useState as R, useCallback as v, StrictMode as Fn, useEffect as U, useRef as B, useMemo as K, Fragment as ye, Children as Ke, isValidElement as Ut, cloneElement as Gt, createContext as En, useContext as ue } from "react";
-import { X as Rn, s as x, J as E, u as _t, a as jn, b as Ln, c as An, d as Pn, l as M, e as et, f as On, o as tt, g as Wn, n as Ce, _ as L, $ as Hn, h as Mn, i as Bn, j as Vn, k as Un, m as Gn, p as _n, q as Yn, r as Kn, t as Yt, C as nt, v as Zn, w as Xn, x as qn, y as yt, z as Fe, A as Jn, B as Qn, D as Kt, E as Zt, F as Ee, G as ei, H as ti, I as ni, K as ii, L as ai, M as te, N as ri, O as Xt, P as oi, Q as qt, R as li, S as si, T as ci, U as di, V as pi, W as gi, Y as it, Z as ui, a0 as bt, a1 as $t, a2 as xt, a3 as hi, a4 as fi, a5 as yi, a6 as bi, a7 as $i, a8 as xi, a9 as mi, aa as wi, ab as Jt, ac as vi, ad as ki, ae as Ci, af as Si, ag as zi, ak as Qt, al as Ii, am as Ti, an as Ni, ao as Di, ap as Fi, aq as Ei, ar as Ri, as as ji, at as Li, au as Ai, av as Pi, aw as Ze, ax as Oi, ay as mt, az as Wi, aA as wt, aB as Hi } from "./vendor-Nr1PjBcL.mjs";
+import { jsx as i, jsxs as f, Fragment as et } from "react/jsx-runtime";
+import tt, { forwardRef as Z, useState as R, useCallback as v, StrictMode as Fn, useEffect as U, useRef as B, useMemo as K, Fragment as ye, Children as Xe, isValidElement as Ut, cloneElement as Gt, createContext as En, useContext as he } from "react";
+import { X as Rn, s as x, J as E, u as _t, a as jn, b as Ln, c as An, d as Pn, l as M, e as nt, f as On, o as it, g as Wn, n as Ce, _ as L, $ as Hn, h as Mn, i as Bn, j as Vn, k as Un, m as Gn, p as _n, q as Yn, r as Kn, t as Yt, C as at, v as Zn, w as Xn, x as qn, y as yt, z as Fe, A as Jn, B as Qn, D as Kt, E as Zt, F as Ee, G as ei, H as ti, I as ni, K as ii, L as ai, M as te, N as ri, O as Xt, P as oi, Q as qt, R as li, S as si, T as ci, U as di, V as pi, W as gi, Y as rt, Z as ui, a0 as bt, a1 as $t, a2 as xt, a3 as hi, a4 as fi, a5 as yi, a6 as bi, a7 as $i, a8 as xi, a9 as mi, aa as wi, ab as Jt, ac as vi, ad as ki, ae as Ci, af as Si, ag as zi, ak as Qt, al as Ii, am as Ti, an as Ni, ao as Di, ap as Fi, aq as Ei, ar as Ri, as as ji, at as Li, au as Ai, av as Pi, aw as qe, ax as Oi, ay as mt, az as Wi, aA as wt, aB as Hi } from "./vendor-D8KIL_Kx.mjs";
 import { createPortal as be } from "react-dom";
 import { Link as Mi, useLocation as Bi, NavLink as Vi } from "react-router-dom";
 const oe = (e) => ({
@@ -1160,13 +1160,13 @@ const F = Z(function({
       On({
         fallbackAxisSideDirection: "start"
       }),
-      tt({ mainAxis: 10 }),
+      it({ mainAxis: 10 }),
       Wn()
     ],
     onOpenChange: k,
     open: m,
     placement: p,
-    whileElementsMounted: et
+    whileElementsMounted: nt
   }), I = jn(C, {
     delay: { close: 0, open: 500 },
     move: !1
@@ -1175,7 +1175,7 @@ const F = Z(function({
     j,
     T
   ]);
-  return t ? /* @__PURE__ */ i(Fn, { children: e }) : /* @__PURE__ */ f(Je, { children: [
+  return t ? /* @__PURE__ */ i(Fn, { children: e }) : /* @__PURE__ */ f(et, { children: [
     /* @__PURE__ */ i(
       ba,
       {
@@ -1635,7 +1635,7 @@ const F = Z(function({
       ]
     }
   );
-}, ie = ({
+}, ae = ({
   disabled: e,
   icon: t,
   iconColor: n = "inherit",
@@ -1761,7 +1761,7 @@ const F = Z(function({
             iconType: "fa-light"
           }
         ) : void 0,
-        h === void 0 ? null : /* @__PURE__ */ i(ie, { tagLabel: h, variant: "default" })
+        h === void 0 ? null : /* @__PURE__ */ i(ae, { tagLabel: h, variant: "default" })
       ]
     }
   );
@@ -1836,7 +1836,7 @@ const F = Z(function({
       ]
     }
   ) });
-}), at = ({
+}), ot = ({
   authorEmail: e,
   date: t,
   description: n,
@@ -2022,7 +2022,7 @@ const F = Z(function({
             onClick: l,
             position: "relative",
             width: "100%",
-            children: o === void 0 ? /* @__PURE__ */ f(Qe.Fragment, { children: [
+            children: o === void 0 ? /* @__PURE__ */ f(tt.Fragment, { children: [
               /* @__PURE__ */ i(
                 Ia,
                 {
@@ -2049,7 +2049,7 @@ const F = Z(function({
           }
         ),
         d ? null : /* @__PURE__ */ i(
-          at,
+          ot,
           {
             authorEmail: t,
             date: n,
@@ -2330,7 +2330,7 @@ const F = Z(function({
             }
           ),
           d && /* @__PURE__ */ i(
-            ie,
+            ae,
             {
               priority: "low",
               tagLabel: `${b}/${d}`,
@@ -2348,7 +2348,7 @@ const F = Z(function({
         gap: 0.25,
         width: "100%",
         children: [
-          o && /* @__PURE__ */ f(Je, { children: [
+          o && /* @__PURE__ */ f(et, { children: [
             /* @__PURE__ */ i(
               F,
               {
@@ -2601,7 +2601,7 @@ const F = Z(function({
       }
     )
   ] });
-}), he = (e, t, n = !1, a) => {
+}), de = (e, t, n = !1, a) => {
   U(() => {
     var o;
     const r = (s) => {
@@ -2679,7 +2679,7 @@ const F = Z(function({
     },
     [p, e.key, e.rendered, s, r]
   );
-  return he(
+  return de(
     document.getElementsByClassName("dropdown")[0],
     () => {
       t && s.close();
@@ -2696,7 +2696,7 @@ const F = Z(function({
       children: [
         p ? /* @__PURE__ */ i(se, { href: p, onClick: j, children: I }) : I,
         y && !m && !t ? /* @__PURE__ */ i(F, { icon: "check", iconSize: "xxs", iconType: "fa-light" }) : void 0,
-        e.rendered === e.textValue ? void 0 : /* @__PURE__ */ i(ie, { tagLabel: e.textValue, variant: "inactive" })
+        e.rendered === e.textValue ? void 0 : /* @__PURE__ */ i(ae, { tagLabel: e.textValue, variant: "inactive" })
       ]
     }
   );
@@ -2727,12 +2727,19 @@ const F = Z(function({
   var ht;
   const j = E(), T = t ? void 0 : a, z = (e == null ? void 0 : e.value) ?? S, [O, D] = R(
     ((ht = g.find((H) => H.value === z)) == null ? void 0 : ht.name) ?? ""
-  ), [W, ne] = R(z), [ae, pe] = R(g), [G, X] = R(!1), { contains: Y } = Un({ sensitivity: "base" }), $e = B(null), Ge = B(null), _e = B(null), pt = B(null), gt = B(null), wn = K(() => g.toSorted((H, q) => {
+  ), [W, ne] = R(z), [re, ge] = R(g), [G, X] = R(!1), { contains: Y } = Un({ sensitivity: "base" }), $e = B(null), Ge = B(null), _e = B(null), Ye = B(null), Ke = B(null);
+  de(
+    Ye.current,
+    () => ie.close(),
+    !0,
+    Ke.current
+  );
+  const wn = K(() => g.toSorted((H, q) => {
     const J = Array.from(n ?? []), xe = J.includes(H.value), ft = J.includes(q.value);
     return xe && !ft ? 1 : !xe && ft ? -1 : 0;
   }).map(
     (H) => Y(H.name, O) || G ? /* @__PURE__ */ i(
-      Gn,
+      _n,
       {
         "aria-label": H.value,
         hrefLang: H.href,
@@ -2747,7 +2754,7 @@ const F = Z(function({
       D(p ? q : H), H === "" || H.endsWith(",") ? X(!0) : (X(!1), ne((J) => {
         const xe = H === "" ? "" : J;
         return e && e.onChange(xe), h && h(H), xe;
-      }), pe(
+      }), ge(
         g.filter(
           (J) => Y(J.name, p ? q : H)
         )
@@ -2757,7 +2764,7 @@ const F = Z(function({
   ), kn = v(
     (H) => {
       var q;
-      D(((q = g.find((J) => J.value === H)) == null ? void 0 : q.name) ?? ""), ne(H ? String(H) : ""), e && e.onChange(H), h && h(H ? String(H) : ""), pe(g);
+      D(((q = g.find((J) => J.value === H)) == null ? void 0 : q.name) ?? ""), ne(H ? String(H) : ""), e && e.onChange(H), h && h(H ? String(H) : ""), ge(g);
     },
     [g, e, h]
   ), ut = v(
@@ -2769,12 +2776,12 @@ const F = Z(function({
     u && u(), e && e.onBlur();
   }, [e, u]), Sn = v(() => {
     X(!0);
-  }, []), re = _n({
+  }, []), ie = Gn({
     allowsCustomValue: p,
     allowsEmptyCollection: !0,
     disabledKeys: n,
     inputValue: O,
-    items: ae,
+    items: re,
     menuTrigger: "focus",
     shouldCloseOnBlur: !p,
     selectedKey: W,
@@ -2806,10 +2813,10 @@ const F = Z(function({
       listBoxRef: _e,
       name: d,
       placeholder: y,
-      popoverRef: gt
+      popoverRef: Ke
     },
-    re
-  ), { listBoxProps: Nn } = Kn(Tn, re, _e), { buttonProps: Dn } = Yt(zn, Ge);
+    ie
+  ), { listBoxProps: Nn } = Kn(Tn, ie, _e), { buttonProps: Dn } = Yt(zn, Ge);
   return U(() => {
     var H;
     if ((c === !1 || !z) && !p) {
@@ -2834,7 +2841,7 @@ const F = Z(function({
           ce,
           {
             className: `${t ? "disabled" : ""} ${T ? "error" : ""}`,
-            ref: pt,
+            ref: Ye,
             children: [
               /* @__PURE__ */ i(
                 "input",
@@ -2862,7 +2869,7 @@ const F = Z(function({
                   ...Dn,
                   className: "action",
                   disabled: t,
-                  icon: re.isOpen && !t ? "chevron-up" : "chevron-down",
+                  icon: ie.isOpen && !t ? "chevron-up" : "chevron-down",
                   iconColor: j.palette.gray[400],
                   iconSize: "xxs",
                   iconType: "fa-light",
@@ -2876,22 +2883,22 @@ const F = Z(function({
             ]
           }
         ),
-        re.isOpen && re.collection.size > 0 && !t ? /* @__PURE__ */ i(
+        ie.isOpen && ie.collection.size > 0 && !t ? /* @__PURE__ */ i(
           Be,
           {
             className: "dropdown",
             offset: 4,
             placement: "bottom start",
-            popoverRef: gt,
-            state: re,
-            triggerRef: pt,
+            popoverRef: Ke,
+            state: ie,
+            triggerRef: Ye,
             children: /* @__PURE__ */ i(
               Da,
               {
                 ...Nn,
                 $multiSelection: p && !Array.from(n ?? []).includes("All"),
                 ref: _e,
-                children: [...re.collection].map((H) => /* @__PURE__ */ i(
+                children: [...ie.collection].map((H) => /* @__PURE__ */ i(
                   Ra,
                   {
                     item: H,
@@ -2900,7 +2907,7 @@ const F = Z(function({
                     register: b,
                     setInputValue: D,
                     setValue: k,
-                    state: re,
+                    state: ie,
                     watch: C
                   },
                   H.key
@@ -2936,7 +2943,7 @@ const F = Z(function({
   watch: C,
   weight: I
 }) => e ? /* @__PURE__ */ i(
-  nt,
+  at,
   {
     control: e,
     name: d,
@@ -3114,7 +3121,7 @@ const F = Z(function({
     height: 3.5px;
     width: 7px;
   }
-`, rt = x.div`
+`, lt = x.div`
   ${({ theme: e }) => `
     align-items: end;
     border-top: 1px solid ${e.palette.gray[200]};
@@ -3142,7 +3149,7 @@ const F = Z(function({
       ]
     }
   ) });
-}, ot = ({
+}, st = ({
   state: e,
   ...t
 }) => {
@@ -3260,7 +3267,7 @@ const F = Z(function({
       font-weight: ${e.typography.weight.bold};
     }
   `}
-`, Xe = ({
+`, Je = ({
   disabled: e = !1,
   icon: t,
   props: n
@@ -3287,7 +3294,7 @@ const F = Z(function({
       )
     }
   );
-}, lt = ({
+}, ct = ({
   state: e,
   prevButtonProps: t,
   nextButtonProps: n,
@@ -3299,7 +3306,7 @@ const F = Z(function({
     e.setFocusedDate(r.subtract({ years: 1 }));
   }, [r, e]);
   return /* @__PURE__ */ f("div", { className: "header flex items-start", children: [
-    /* @__PURE__ */ i(Xe, { icon: "chevron-left", props: t }),
+    /* @__PURE__ */ i(Je, { icon: "chevron-left", props: t }),
     /* @__PURE__ */ f(ja, { children: [
       a,
       /* @__PURE__ */ f(La, { children: [
@@ -3314,7 +3321,7 @@ const F = Z(function({
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ i(Xe, { icon: "chevron-right", props: n })
+    /* @__PURE__ */ i(Je, { icon: "chevron-right", props: n })
   ] });
 }, Ga = ({
   onClose: e,
@@ -3323,7 +3330,7 @@ const F = Z(function({
   const { locale: n } = Fe(), a = Kt({ ...t, createCalendar: Ee, locale: n }), { prevButtonProps: r, nextButtonProps: o, title: s } = Zt(t, a);
   return /* @__PURE__ */ f("div", { className: "calendar", children: [
     /* @__PURE__ */ i(
-      lt,
+      ct,
       {
         nextButtonProps: o,
         prevButtonProps: r,
@@ -3331,8 +3338,8 @@ const F = Z(function({
         title: s
       }
     ),
-    /* @__PURE__ */ i(ot, { state: a }),
-    /* @__PURE__ */ i(rt, { children: /* @__PURE__ */ i(V, { onClick: e, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ i(st, { state: a }),
+    /* @__PURE__ */ i(lt, { children: /* @__PURE__ */ i(V, { onClick: e, variant: "ghost", children: "Cancel" }) })
   ] });
 }, pn = ({
   segment: e,
@@ -3497,7 +3504,7 @@ const F = Z(function({
           }
         ),
         /* @__PURE__ */ i(
-          Xe,
+          Je,
           {
             disabled: a,
             icon: r === "minute" ? "calendar-clock" : "calendar",
@@ -3520,7 +3527,7 @@ const F = Z(function({
       ]
     }
   );
-}, st = ({
+}, dt = ({
   children: e,
   ...t
 }) => {
@@ -3594,7 +3601,7 @@ const F = Z(function({
             placement: "bottom start",
             state: m,
             triggerRef: h,
-            children: /* @__PURE__ */ i(st, { ...I, children: /* @__PURE__ */ i(Ga, { onClose: k, props: j }) })
+            children: /* @__PURE__ */ i(dt, { ...I, children: /* @__PURE__ */ i(Ga, { onClose: k, props: j }) })
           }
         ) : null
       ]
@@ -3611,7 +3618,7 @@ const F = Z(function({
   );
   return /* @__PURE__ */ f("div", { className: "calendar-range", ref: a, children: [
     /* @__PURE__ */ i(
-      lt,
+      ct,
       {
         nextButtonProps: s,
         prevButtonProps: o,
@@ -3619,8 +3626,8 @@ const F = Z(function({
         title: l
       }
     ),
-    /* @__PURE__ */ i(ot, { state: r }),
-    /* @__PURE__ */ i(rt, { children: /* @__PURE__ */ i(V, { onClick: e, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ i(st, { state: r }),
+    /* @__PURE__ */ i(lt, { children: /* @__PURE__ */ i(V, { onClick: e, variant: "ghost", children: "Cancel" }) })
   ] });
 }, qa = x.div`
   ${({ theme: e, $disabled: t, $show: n }) => `
@@ -3744,7 +3751,7 @@ const F = Z(function({
             placement: "bottom start",
             state: m,
             triggerRef: y,
-            children: /* @__PURE__ */ i(st, { ...j, children: /* @__PURE__ */ i(Xa, { onClose: k, props: T }) })
+            children: /* @__PURE__ */ i(dt, { ...j, children: /* @__PURE__ */ i(Xa, { onClose: k, props: T }) })
           }
         ) : null
       ]
@@ -3774,7 +3781,7 @@ const F = Z(function({
   const r = E(), { locale: o } = Fe(), s = Kt({ ...n, createCalendar: Ee, locale: o }), { prevButtonProps: l, nextButtonProps: c, title: d } = Zt(n, s);
   return /* @__PURE__ */ f("div", { className: "calendar", children: [
     /* @__PURE__ */ i(
-      lt,
+      ct,
       {
         nextButtonProps: c,
         prevButtonProps: l,
@@ -3782,7 +3789,7 @@ const F = Z(function({
         title: d
       }
     ),
-    /* @__PURE__ */ i(ot, { state: s }),
+    /* @__PURE__ */ i(st, { state: s }),
     /* @__PURE__ */ f(Qa, { children: [
       /* @__PURE__ */ i(N, { color: r.palette.gray[800], fontWeight: "bold", size: "sm", children: "Time" }),
       /* @__PURE__ */ i(er, { children: /* @__PURE__ */ i(
@@ -3795,7 +3802,7 @@ const F = Z(function({
         }
       ) })
     ] }),
-    /* @__PURE__ */ i(rt, { children: /* @__PURE__ */ i(V, { onClick: t, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ i(lt, { children: /* @__PURE__ */ i(V, { onClick: t, variant: "ghost", children: "Cancel" }) })
   ] });
 }, Is = (e) => {
   const {
@@ -3875,7 +3882,7 @@ const F = Z(function({
             placement: "bottom start",
             state: u,
             triggerRef: g,
-            children: /* @__PURE__ */ i(st, { ...k, children: /* @__PURE__ */ i(
+            children: /* @__PURE__ */ i(dt, { ...k, children: /* @__PURE__ */ i(
               tr,
               {
                 handleTimeChange: C,
@@ -3905,7 +3912,7 @@ const F = Z(function({
     /* @__PURE__ */ i(sn, { htmlFor: o, label: r, tooltip: s, weight: "bold" }),
     c.startsWith("https://") ? /* @__PURE__ */ i(se, { href: c, children: l }) : /* @__PURE__ */ i(N, { size: "md", children: l })
   ] });
-}, ct = ({
+}, pt = ({
   disabled: e = !1,
   hasIcon: t = !1,
   helpLink: n,
@@ -3930,9 +3937,9 @@ const F = Z(function({
   weight: I,
   ...j
 }) => {
-  const { required: T, onBlur: z, onChange: O } = j, D = E(), W = e ? void 0 : o, [ne, ae] = R(""), pe = v(
+  const { required: T, onBlur: z, onChange: O } = j, D = E(), W = e ? void 0 : o, [ne, re] = R(""), ge = v(
     (Y) => {
-      ae(Y.target.value), O == null || O(Y);
+      re(Y.target.value), O == null || O(Y);
     },
     [O]
   ), G = c && d && !e && ne.trim() !== "", X = v(
@@ -3980,7 +3987,7 @@ const F = Z(function({
                   onPaste: y,
                   placeholder: b,
                   type: C,
-                  ...k ? k(u, { required: T, onBlur: z, onChange: pe }) : { ...j, onChange: pe }
+                  ...k ? k(u, { required: T, onBlur: z, onChange: ge }) : { ...j, onChange: ge }
                 }
               ),
               W ? /* @__PURE__ */ i(
@@ -4158,7 +4165,7 @@ const F = Z(function({
   );
   return /* @__PURE__ */ f(rr, { align: "start", children: [
     /* @__PURE__ */ i(Dt, { lg: 75, md: 75, sm: 75, children: /* @__PURE__ */ i(
-      ct,
+      pt,
       {
         disabled: n,
         error: r ? (S = r.error) == null ? void 0 : S.message : void 0,
@@ -4205,7 +4212,7 @@ const F = Z(function({
   remove: u,
   tooltip: h
 }) => n && r ? /* @__PURE__ */ i(ye, { children: r.map((y, b) => /* @__PURE__ */ i(
-  nt,
+  at,
   {
     control: n,
     name: `${d}.${b}`,
@@ -4411,8 +4418,8 @@ const F = Z(function({
 }) => {
   const b = E(), m = e ? void 0 : t, [k, w] = R(""), S = c ? h : n == null ? void 0 : n.value, C = K(() => S && typeof S == "string" ? S.split(",").filter(Boolean) : [], [S]), I = v(
     (D) => {
-      const ne = [...new Set(D.filter(Boolean))].join(","), ae = we("change", l, ne);
-      n && n.onChange(ae), c && c(ae);
+      const ne = [...new Set(D.filter(Boolean))].join(","), re = we("change", l, ne);
+      n && n.onChange(re), c && c(re);
     },
     [n, l, c]
   ), j = v(
@@ -4457,7 +4464,7 @@ const F = Z(function({
           className: `${e ? "disabled" : ""} ${m ? "error" : ""}`,
           children: [
             C.map((D) => /* @__PURE__ */ i(
-              ie,
+              ae,
               {
                 disabled: e,
                 onClose: O(D),
@@ -4514,7 +4521,7 @@ const F = Z(function({
   value: h,
   weight: y
 }) => t ? /* @__PURE__ */ i(
-  nt,
+  at,
   {
     control: t,
     name: l,
@@ -4579,7 +4586,7 @@ const F = Z(function({
       )
     }
   );
-}), qe = ({
+}), Qe = ({
   error: e,
   decimalPlaces: t = 0,
   disabled: n = !1,
@@ -4728,7 +4735,7 @@ const F = Z(function({
     tooltip: k,
     weight: C,
     children: /* @__PURE__ */ i(
-      qe,
+      Qe,
       {
         decimalPlaces: e,
         disabled: t,
@@ -4776,7 +4783,7 @@ const F = Z(function({
           width: "100%",
           children: [
             /* @__PURE__ */ i(
-              qe,
+              Qe,
               {
                 ...o,
                 disabled: e,
@@ -4785,7 +4792,7 @@ const F = Z(function({
               }
             ),
             /* @__PURE__ */ i(
-              qe,
+              Qe,
               {
                 ...r,
                 disabled: e,
@@ -4905,9 +4912,9 @@ const F = Z(function({
   watch: d,
   weight: p
 }) => {
-  const g = E(), u = B(null), h = e ? void 0 : t, y = (d == null ? void 0 : d(a)) ?? c, [b, m] = R(!1), [k, w] = R(""), { refs: S, floatingStyles: C } = it({
+  const g = E(), u = B(null), h = e ? void 0 : t, y = (d == null ? void 0 : d(a)) ?? c, [b, m] = R(!1), [k, w] = R(""), { refs: S, floatingStyles: C } = rt({
     placement: "bottom-start",
-    whileElementsMounted: et
+    whileElementsMounted: nt
   }), { inputRef: I, inputValue: j, handlePhoneValueChange: T, country: z, setCountry: O } = ui({
     countries: bt,
     defaultCountry: "co",
@@ -4928,16 +4935,16 @@ const F = Z(function({
       O(G), m(!1), w("");
     },
     [O, m]
-  ), ae = v(
+  ), re = v(
     (G) => {
       G.key.length === 1 ? w((X) => X + G.key) : G.key === "Backspace" && w((X) => X.slice(0, -1));
     },
     []
-  ), pe = bt.filter((G) => {
+  ), ge = bt.filter((G) => {
     const { name: X } = $t(G);
     return X.toLowerCase().includes(k.toLowerCase());
   });
-  return he(
+  return de(
     S.floating.current,
     () => {
       m(!1), w("");
@@ -4966,7 +4973,7 @@ const F = Z(function({
                 disabled: e,
                 id: "country-selector",
                 onClick: W,
-                onKeyDown: ae,
+                onKeyDown: re,
                 ref: S.setReference,
                 children: [
                   /* @__PURE__ */ i(xt, { iso2: z.iso2, size: "16px" }),
@@ -5023,7 +5030,7 @@ const F = Z(function({
               }
             ),
             b && be(
-              /* @__PURE__ */ i(hr, { ref: S.setFloating, style: C, children: pe.map((G) => {
+              /* @__PURE__ */ i(hr, { ref: S.setFloating, style: C, children: ge.map((G) => {
                 const { dialCode: X, iso2: Y, name: $e } = $t(G);
                 return /* @__PURE__ */ f(
                   fr,
@@ -5167,7 +5174,7 @@ const F = Z(function({
   const T = K(() => {
     if (s === "text")
       return /* @__PURE__ */ i(
-        ct,
+        pt,
         {
           disabled: n,
           error: w,
@@ -5245,7 +5252,7 @@ const F = Z(function({
       $minWidth: d,
       children: [
         /* @__PURE__ */ i(
-          at,
+          ot,
           {
             description: t,
             id: a,
@@ -5374,7 +5381,7 @@ const F = Z(function({
       width: n
     }
   );
-}, ge = Qe.memo(wr), vr = x.label`
+}, ue = tt.memo(wr), vr = x.label`
   ${({ theme: e }) => `
     align-items: center;
     display: flex;
@@ -5542,7 +5549,7 @@ const F = Z(function({
               width: "100%",
               children: [
                 !d && n !== void 0 && /* @__PURE__ */ i(
-                  ge,
+                  ue,
                   {
                     alt: e ?? "card image",
                     height: "32px",
@@ -5568,7 +5575,7 @@ const F = Z(function({
           )
         ] }),
         d && /* @__PURE__ */ i(br, { children: /* @__PURE__ */ i(
-          ge,
+          ue,
           {
             alt: e ?? "tag image",
             height: "40px",
@@ -5701,7 +5708,7 @@ const F = Z(function({
       minWidth: a,
       padding: [1.25, 1.25, 1.25, 1.25],
       children: [
-        /* @__PURE__ */ i(at, { id: e, title: t }),
+        /* @__PURE__ */ i(ot, { id: e, title: t }),
         /* @__PURE__ */ i(
           $,
           {
@@ -6000,7 +6007,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   display: flex;
   justify-content: center;
   z-index: 99999;
-`, dt = x($)`
+`, gt = x($)`
   ${({ theme: e, $size: t }) => `
     background-color: ${e.palette.white};
     border: 1px solid ${e.palette.gray[200]};
@@ -6348,7 +6355,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         }
       )
     ] }),
-    d === void 0 ? null : /* @__PURE__ */ i(ie, { tagLabel: `${d}`, variant: "default" })
+    d === void 0 ? null : /* @__PURE__ */ i(ae, { tagLabel: `${d}`, variant: "default" })
   ] }) });
 }, yn = ({
   items: e,
@@ -6495,7 +6502,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   value: p,
   ...g
 }) => {
-  const h = E().palette.gray[t ? 300 : 800], y = t ? Ke.map(e, (b) => Ut(b) ? Gt(b, {
+  const h = E().palette.gray[t ? 300 : 800], y = t ? Xe.map(e, (b) => Ut(b) ? Gt(b, {
     disabled: t,
     ...b.props
   }) : b) : e;
@@ -6587,7 +6594,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         /* @__PURE__ */ f($, { display: "flex", gap: 0.25, children: [
           /* @__PURE__ */ i(le, { display: "flex", size: "xs", children: n }),
           /* @__PURE__ */ i(
-            ie,
+            ae,
             {
               priority: "high",
               tagLabel: String(
@@ -6787,7 +6794,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   value: r,
   ...o
 }) => {
-  const s = B(null), l = E(), [c, d] = R(!1), [p, g] = R(r ?? ""), { refs: u, floatingStyles: h } = it(), y = v(() => {
+  const s = B(null), l = E(), [c, d] = R(!1), [p, g] = R(r ?? ""), { refs: u, floatingStyles: h } = rt(), y = v(() => {
     d((S) => !S);
   }, []), b = v(
     (S) => {
@@ -6802,7 +6809,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   ), k = v(() => {
     g(""), n == null || n();
   }, [n]);
-  he(
+  de(
     u.floating.current,
     () => {
       d(!1);
@@ -7012,7 +7019,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     s !== g && l(g);
   }, [s]);
   return n.isOpen ? be(
-    /* @__PURE__ */ i(fn, { "aria-label": n.name, "aria-modal": "true", children: /* @__PURE__ */ f(dt, { $size: "md", flexDirection: "column", children: [
+    /* @__PURE__ */ i(fn, { "aria-label": n.name, "aria-modal": "true", children: /* @__PURE__ */ f(gt, { $size: "md", flexDirection: "column", children: [
       /* @__PURE__ */ f(
         $,
         {
@@ -7217,7 +7224,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     case "text":
       const d = `text.${String(t.key)}-${t.filterFn ?? "caseInsensitive"}`;
       return /* @__PURE__ */ i(
-        ct,
+        pt,
         {
           label: t.label,
           name: d,
@@ -7276,7 +7283,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   items: t,
   register: n,
   setValue: a
-}) => /* @__PURE__ */ i(Je, { children: t.map((r, o) => {
+}) => /* @__PURE__ */ i(et, { children: t.map((r, o) => {
   const s = `${r.type}-${r.value}-${r.filterFn ?? "default"}`;
   return /* @__PURE__ */ f("div", { children: [
     /* @__PURE__ */ i(
@@ -7489,7 +7496,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           width: "100%",
           children: [
             w,
-            g[w] === void 0 ? void 0 : /* @__PURE__ */ i(ie, { tagLabel: g[w].length.toString() })
+            g[w] === void 0 ? void 0 : /* @__PURE__ */ i(ae, { tagLabel: g[w].length.toString() })
           ]
         },
         C
@@ -7596,7 +7603,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         document.removeEventListener("mousedown", u, !0);
       };
   }, [p, l, a]), /* @__PURE__ */ i(so, { $bgColor: "transparent", "aria-label": a.name, children: /* @__PURE__ */ f(
-    dt,
+    gt,
     {
       $size: "fixed",
       alignItems: o === "row" ? "start" : "end",
@@ -7667,7 +7674,7 @@ const ze = ({
   onClose: a,
   filterValue: r
 }) => L.isNil(r) || L.isEmpty(String(r)) ? null : /* @__PURE__ */ i(
-  ie,
+  ae,
   {
     filterValues: r,
     icon: t,
@@ -7802,7 +7809,7 @@ const ze = ({
       })
     }), o;
   })() : n;
-}), Ye = (e, t) => {
+}), Ze = (e, t) => {
   const n = ko(e);
   t(JSON.stringify(n));
 }, So = (e, t) => {
@@ -7898,7 +7905,7 @@ const ze = ({
     ) ?? { ...I })
   })), m = v(
     (C) => {
-      h([...C]), Ye(C, t);
+      h([...C]), Ze(C, t);
     },
     [h, t]
   ), k = v(() => {
@@ -7909,7 +7916,7 @@ const ze = ({
       const I = u.map(
         (j) => j.key === C.key && j.type === C.type && j.filterFn === C.filterFn ? To(j) : j
       );
-      h(I), Ye(I, t);
+      h(I), Ze(I, t);
     },
     [u, s, t]
   );
@@ -7927,7 +7934,7 @@ const ze = ({
       const T = So(n, C);
       h(T);
     } else
-      C.flatMap((z) => z.value).filter(Boolean).length > 0 || C.flatMap((z) => z.options).filter((z) => (z == null ? void 0 : z.checked) === !0).length > 0 ? (h(C), p && Ye(C, t)) : h(C);
+      C.flatMap((z) => z.value).filter(Boolean).length > 0 || C.flatMap((z) => z.options).filter((z) => (z == null ? void 0 : z.checked) === !0).length > 0 ? (h(C), p && Ze(C, t)) : h(C);
   }, [a, h, t, n, p]), U(() => {
     r && e !== void 0 && r(zo(e, u)), o == null || o(u);
   }, [e, u, r, o]), { Filters: () => /* @__PURE__ */ f(
@@ -7986,7 +7993,7 @@ const ze = ({
       "aria-modal": "true",
       id: "modal-wrapper",
       children: /* @__PURE__ */ f(
-        dt,
+        gt,
         {
           $size: u,
           "data-testid": h,
@@ -8015,7 +8022,7 @@ const ze = ({
             ),
             (L.isObject(o) || a) && /* @__PURE__ */ f(Ar, { children: [
               a,
-              L.isObject(o) && L.isString(o.imageSrc) && /* @__PURE__ */ i(Hr, { $framed: o.imageFramed, children: /* @__PURE__ */ i(ge, { alt: "modal-img", publicId: o.imageSrc }) }),
+              L.isObject(o) && L.isString(o.imageSrc) && /* @__PURE__ */ i(Hr, { $framed: o.imageFramed, children: /* @__PURE__ */ i(ue, { alt: "modal-img", publicId: o.imageSrc }) }),
               L.isObject(o) && L.isString(o.imageText) && /* @__PURE__ */ i(N, { size: "sm", children: o.imageText })
             ] }),
             /* @__PURE__ */ i(
@@ -8205,7 +8212,7 @@ const ze = ({
   title: o
 }) => {
   const s = E(), [l, c] = R(!1), d = B(null), p = l ? "chevron-up" : "chevron-down", { refs: g, floatingStyles: u } = _t({
-    middleware: [tt({ mainAxis: 4 })],
+    middleware: [it({ mainAxis: 4 })],
     placement: "bottom-start"
   }), h = v(() => {
     c((b) => !b);
@@ -8215,7 +8222,7 @@ const ze = ({
     },
     [g]
   );
-  return he(
+  return de(
     d.current,
     () => {
       c(!1);
@@ -8313,7 +8320,7 @@ const ze = ({
 }) => {
   const l = (t ?? e) !== void 0;
   return /* @__PURE__ */ f(Eo, { $padding: r, children: [
-    /* @__PURE__ */ i(Ro, { children: /* @__PURE__ */ i(ge, { alt: "empty-icon", publicId: a }) }),
+    /* @__PURE__ */ i(Ro, { children: /* @__PURE__ */ i(ue, { alt: "empty-icon", publicId: a }) }),
     /* @__PURE__ */ i(
       le,
       {
@@ -8935,7 +8942,7 @@ const ze = ({
   header: { height: "35px", width: "160px" },
   icon: { height: "40px", width: "40px" },
   inline: { width: "150px" }
-}, rc = ({ publicId: e, variant: t }) => /* @__PURE__ */ i($, { ...Ko[t], children: /* @__PURE__ */ i(ge, { alt: "logo", publicId: e }) }), Zo = x(Ii).attrs(
+}, rc = ({ publicId: e, variant: t }) => /* @__PURE__ */ i($, { ...Ko[t], children: /* @__PURE__ */ i(ue, { alt: "logo", publicId: e }) }), Zo = x(Ii).attrs(
   ({ autoplay: e = !0 }) => ({
     autoplay: e,
     className: "comp-lottie"
@@ -8957,7 +8964,7 @@ const ze = ({
   setVisibility: o
 }) => {
   const s = E(), { userName: l, email: c, phone: d, userRole: p } = r;
-  return he(a, () => {
+  return de(a, () => {
     o(!1);
   }), /* @__PURE__ */ f(qr, { children: [
     /* @__PURE__ */ i("li", { className: "user-info", children: /* @__PURE__ */ f($, { display: "inline-flex", gap: 0.25, width: "100%", children: [
@@ -8983,7 +8990,7 @@ const ze = ({
           ]
         }
       ),
-      /* @__PURE__ */ i($, { children: /* @__PURE__ */ i(ie, { tagLabel: p, variant: "role" }) })
+      /* @__PURE__ */ i($, { children: /* @__PURE__ */ i(ae, { tagLabel: p, variant: "role" }) })
     ] }) }),
     /* @__PURE__ */ i(ve, {}),
     e,
@@ -9294,7 +9301,7 @@ const ze = ({
       pt: 0.5,
       children: [
         a ? !1 : /* @__PURE__ */ i($, { height: "24px", width: "24px", children: e === void 0 ? /* @__PURE__ */ i(
-          ge,
+          ue,
           {
             alt: `${r} Logo`,
             height: "100%",
@@ -9334,7 +9341,7 @@ const ze = ({
   providers: o
 }) => {
   const s = E(), [l, c] = R(!1), d = B(null);
-  he(
+  de(
     d.current,
     () => {
       c(!1);
@@ -9798,10 +9805,10 @@ const ze = ({
   orientation: t = "horizontal",
   minWidth: n = hl
 }) => {
-  const a = Ke.toArray(
+  const a = Xe.toArray(
     e
   ), r = K(
-    () => Ke.count(e),
+    () => Xe.count(e),
     [e]
   ), o = K(
     () => r * n,
@@ -9895,7 +9902,7 @@ const ze = ({
       textAlign: p ? "start" : "center",
       children: g
     }
-  ), I = /* @__PURE__ */ i(ge, { alt: y, height: k, publicId: b, width: m }), j = /* @__PURE__ */ i(
+  ), I = /* @__PURE__ */ i(ue, { alt: y, height: k, publicId: b, width: m }), j = /* @__PURE__ */ i(
     $,
     {
       alignItems: "center",
@@ -10838,7 +10845,7 @@ const ze = ({
       }
     )
   ] });
-}, de = En({
+}, pe = En({
   containerRef: void 0,
   elementName: "",
   handleUnselectAll: void 0,
@@ -11135,7 +11142,7 @@ const ze = ({
     border-right: 1px solid ${({ theme: e }) => e.palette.black};
   }
 `, Hl = () => {
-  const e = E(), { table: t } = ue(de), { groupHeaders: n, tooltips: a } = (t == null ? void 0 : t.options.meta) ?? {}, r = v(
+  const e = E(), { table: t } = he(pe), { groupHeaders: n, tooltips: a } = (t == null ? void 0 : t.options.meta) ?? {}, r = v(
     (d) => () => {
       d.column.getCanSort() && (t == null || t.setPageIndex(0), d.column.toggleSorting());
     },
@@ -11176,7 +11183,7 @@ const ze = ({
                   whiteSpace: "nowrap",
                   width: "100%",
                   children: [
-                    Ze(
+                    qe(
                       u.column.columnDef.header,
                       u.getContext()
                     ),
@@ -11235,7 +11242,7 @@ const ze = ({
               whiteSpace: "nowrap",
               width: "100%",
               children: [
-                Ze(
+                qe(
                   d.column.columnDef.header,
                   d.getContext()
                 ),
@@ -11270,7 +11277,7 @@ const ze = ({
   display: flex;
   width: 100%;
 `, Bl = () => {
-  const e = E(), { table: t } = ue(de), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, a = K(() => {
+  const e = E(), { table: t } = he(pe), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, a = K(() => {
     const { enableRowSelection: l, enableMultiRowSelection: c } = (t == null ? void 0 : t.options) ?? {};
     return l || c ? 1 : 0;
   }, [t == null ? void 0 : t.options]), r = v(
@@ -11311,7 +11318,7 @@ const ze = ({
       textAlign: "center",
       children: "No data to display"
     }
-  ) }) }) }) : /* @__PURE__ */ i("tbody", { children: t == null ? void 0 : t.getRowModel().rows.map((l) => /* @__PURE__ */ f(Qe.Fragment, { children: [
+  ) }) }) }) : /* @__PURE__ */ i("tbody", { children: t == null ? void 0 : t.getRowModel().rows.map((l) => /* @__PURE__ */ f(tt.Fragment, { children: [
     /* @__PURE__ */ i(
       "tr",
       {
@@ -11339,7 +11346,7 @@ const ze = ({
                   )
                 }
               ) : void 0,
-              Ze(
+              qe(
                 c.column.columnDef.cell,
                 c.getContext()
               )
@@ -11361,7 +11368,7 @@ const ze = ({
     selected: o,
     tableSize: s,
     tableRef: l
-  } = ue(de);
+  } = he(pe);
   return /* @__PURE__ */ f("div", { ref: e, children: [
     t ? void 0 : /* @__PURE__ */ i(Ol, { $width: s, children: /* @__PURE__ */ f("div", { children: [
       /* @__PURE__ */ i("b", { children: `${o} ${n} ` }),
@@ -11409,7 +11416,7 @@ const ze = ({
   }
   `}
 `, Ul = () => {
-  const { table: e } = ue(de), { pagination: { pageIndex: t } = { pageIndex: 0 } } = (e == null ? void 0 : e.getState()) ?? {}, n = (e == null ? void 0 : e.getPageCount()) ?? 0, a = v(() => {
+  const { table: e } = he(pe), { pagination: { pageIndex: t } = { pageIndex: 0 } } = (e == null ? void 0 : e.getState()) ?? {}, n = (e == null ? void 0 : e.getPageCount()) ?? 0, a = v(() => {
     e == null || e.setPageIndex(t + 1);
   }, [t, e]), r = v(() => {
     e == null || e.previousPage();
@@ -11441,13 +11448,13 @@ const ze = ({
     )
   ] });
 }, Gl = 10, _l = 20, Yl = 50, Kl = 100, Zl = () => {
-  const e = E(), { table: t } = ue(de), n = (t == null ? void 0 : t.getRowCount()) ?? 0, [a, r] = R(!1), [o, s] = R(
+  const e = E(), { table: t } = he(pe), n = (t == null ? void 0 : t.getRowCount()) ?? 0, [a, r] = R(!1), [o, s] = R(
     (t == null ? void 0 : t.getState().pagination.pageSize) ?? 10
-  ), { refs: l, floatingStyles: c } = it({
-    middleware: [tt({ mainAxis: 4 })],
+  ), { refs: l, floatingStyles: c } = rt({
+    middleware: [it({ mainAxis: 4 })],
     open: a,
     placement: "top-end",
-    whileElementsMounted: et
+    whileElementsMounted: nt
   }), d = K(
     () => Oi(
       [Gl, _l, Yl, Kl],
@@ -11466,7 +11473,7 @@ const ze = ({
     },
     [t, s]
   );
-  return he(
+  return de(
     l.reference.current,
     () => {
       r(!1);
@@ -11548,7 +11555,7 @@ const ze = ({
     ) : void 0
   ] });
 }, Xl = () => {
-  const { table: e } = ue(de), {
+  const { table: e } = he(pe), {
     pagination: { pageIndex: t, pageSize: n } = { pageIndex: 0, pageSize: 10 }
   } = (e == null ? void 0 : e.getState()) ?? {}, a = (e == null ? void 0 : e.getRowCount()) ?? 0, r = v(
     (o, s, l) => {
@@ -11653,7 +11660,7 @@ const ze = ({
 `, ns = 500, is = ({
   children: e
 }) => {
-  const { table: t } = ue(de), {
+  const { table: t } = he(pe), {
     onSearch: n,
     search: a,
     searchPlaceholder: r = "Search"
@@ -11703,7 +11710,7 @@ const ze = ({
   return U(() => {
     t.setPageIndex(0);
   }, [t]), /* @__PURE__ */ i(
-    de.Provider,
+    pe.Provider,
     {
       value: {
         containerRef: n,
@@ -12012,7 +12019,7 @@ export {
   Rs as $,
   vs as A,
   Me as B,
-  at as C,
+  ot as C,
   xs as D,
   ms as E,
   Ys as F,
@@ -12022,7 +12029,7 @@ export {
   ve as J,
   Xs as K,
   qs as L,
-  ge as M,
+  ue as M,
   Ia as N,
   Js as O,
   Qs as P,
@@ -12036,7 +12043,7 @@ export {
   As as X,
   cn as Y,
   zs as Z,
-  ct as _,
+  pt as _,
   en as a,
   N as a$,
   Za as a0,
@@ -12068,7 +12075,7 @@ export {
   kc as aQ,
   Cc as aR,
   yn as aS,
-  ie as aT,
+  ae as aT,
   us as aU,
   Sc as aV,
   zr as aW,
@@ -12107,7 +12114,7 @@ export {
   Te as b0,
   $r as b1,
   xr as b2,
-  he as b3,
+  de as b3,
   mr as b4,
   gn as b5,
   Ve as b6,
@@ -12128,7 +12135,7 @@ export {
   zl as bL,
   jl as bM,
   Ll as bN,
-  de as bO,
+  pe as bO,
   Mt as bP,
   Hl as bQ,
   Bl as bR,
@@ -12145,20 +12152,20 @@ export {
   Ra as bb,
   Ct as bc,
   Wa as bd,
-  ot as be,
-  Xe as bf,
-  lt as bg,
+  st as be,
+  Je as bf,
+  ct as bg,
   Ga as bh,
   _a as bi,
   Ya as bj,
   De as bk,
-  st as bl,
+  dt as bl,
   Xa as bm,
   tr as bn,
   Ft as bo,
   Et as bp,
   Rt as bq,
-  qe as br,
+  Qe as br,
   jr as bs,
   Br as bt,
   Zr as bu,