@fluidattacks/design 3.16.2-pr-02 → 3.16.2-pr-03

package/dist/{components-BpV0CLkD.mjs → components-BOk7pvd_.mjs}

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as h, Fragment as Ve } from "react/jsx-runtime";
-import kt, { forwardRef as G, useState as F, useCallback as k, StrictMode as ni, useEffect as U, useRef as V, useMemo as te, Fragment as Be, Children as ai, isValidElement as ri, cloneElement as oi } from "react";
-import { o as li, d as $, n as D, u as si, a as ci, b as di, c as pi, e as gi, l as P, f as Ct, g as ui, h as fi, s as hi, i as fe, _ as R, $ as yi, j as $i, k as bi, m as xi, p as mi, q as wi, r as vi, t as ki, v as St, C as Oe, w as Ci, x as Si, y as zi, z as et, A as ke, B as Ii, D as Ti, E as zt, F as It, G as Ce, H as Ni, I as Fi, J as Di, K as ji, L as Li, M as se, N as Ei, O as Tt, P as Ri, Q as Nt, R as Ai, S as Pi, T as Wi, U as Hi, V as Vi, W as Bi, X as Ft, Y as Oi, Z as tt, a0 as it, a1 as nt, a2 as Mi, a3 as Ui, a4 as Gi, a5 as _i, a6 as Yi, a7 as Ki, a8 as qi, a9 as Xi, aa as Dt, ab as Zi, ac as Ji, ad as Qi, ae as en, af as tn, ai as jt, aj as nn, ak as an, al as rn, am as on, an as ln, ao as sn, ap as cn, aq as dn, ar as pn, as as at, at as gn, au as rt, av as un } from "./vendor-BQBri7G-.mjs";
+import kt, { forwardRef as G, useState as F, useCallback as k, StrictMode as ni, useEffect as U, useRef as V, useMemo as te, Fragment as Oe, Children as ai, isValidElement as ri, cloneElement as oi } from "react";
+import { o as li, d as $, n as D, u as si, a as ci, b as di, c as pi, e as gi, l as P, f as Ct, g as ui, h as fi, s as hi, i as fe, _ as R, $ as yi, j as $i, k as bi, m as xi, p as mi, q as wi, r as vi, t as ki, v as St, C as Be, w as Ci, x as Si, y as zi, z as et, A as ke, B as Ii, D as Ti, E as zt, F as It, G as Ce, H as Ni, I as Fi, J as Di, K as ji, L as Li, M as se, N as Ei, O as Tt, P as Ri, Q as Nt, R as Ai, S as Pi, T as Wi, U as Hi, V as Vi, W as Oi, X as Ft, Y as Bi, Z as tt, a0 as it, a1 as nt, a2 as Mi, a3 as Ui, a4 as Gi, a5 as _i, a6 as Yi, a7 as Ki, a8 as qi, a9 as Xi, aa as Dt, ab as Ji, ac as Zi, ad as Qi, ae as en, af as tn, ai as jt, aj as nn, ak as an, al as rn, am as on, an as ln, ao as sn, ap as cn, aq as dn, ar as pn, as as at, at as gn, au as rt, av as un } from "./vendor-BQBri7G-.mjs";
 import { createPortal as de } from "react-dom";
 import { Link as fn, useLocation as hn, NavLink as yn } from "react-router-dom";
 const ae = (e) => ({
@@ -974,10 +974,10 @@ const N = G(function({
 
     ${Hn(e, t ?? "error")}
   `}
-`, Bn = $.div`
+`, On = $.div`
   padding-right: 4px;
   width: 100%;
-`, { getVariant: On } = ae(
+`, { getVariant: Bn } = ae(
   (e) => ({
     ghost: `
       background: transparent;
@@ -1081,7 +1081,7 @@ const N = G(function({
       ${a !== "link" ? `--btn-padding-y: ${e.spacing[1]}` : ""};
     }
 
-    ${On(e, a ?? "primary")}
+    ${Bn(e, a ?? "primary")}
   `}
 `, Mn = $(Pt)`
   ${({ theme: e, $borderRadius: t = "4px", $px: i = 0.5, $py: a = 0.5 }) => `
@@ -1140,7 +1140,7 @@ const N = G(function({
   }), E = ci(S, {
     delay: { close: 0, open: 500 },
     move: !1
-  }), W = di(S), z = pi(S, { role: r ? "label" : "tooltip" }), { getReferenceProps: L, getFloatingProps: O } = gi([
+  }), W = di(S), z = pi(S, { role: r ? "label" : "tooltip" }), { getReferenceProps: L, getFloatingProps: B } = gi([
     E,
     W,
     z
@@ -1172,7 +1172,7 @@ const N = G(function({
       /* @__PURE__ */ h(
         Gn,
         {
-          ...O(),
+          ...B(),
           $maxWidth: c,
           id: `floating-${s}`,
           ref: v.setFloating,
@@ -1300,7 +1300,7 @@ const N = G(function({
             iconType: "fa-light"
           }
         ),
-        /* @__PURE__ */ n(Bn, { children: i }),
+        /* @__PURE__ */ n(On, { children: i }),
         a ? /* @__PURE__ */ n(
           Y,
           {
@@ -1551,7 +1551,7 @@ const N = G(function({
   `}
 `, Xn = $.a`
   ${Wt}
-`, Zn = $(fn)`
+`, Jn = $(fn)`
   ${Wt}
 `, ce = ({
   children: e,
@@ -1590,7 +1590,7 @@ const N = G(function({
       ]
     }
   ) : /* @__PURE__ */ h(
-    Zn,
+    Jn,
     {
       $variant: s,
       download: i,
@@ -1663,14 +1663,14 @@ const N = G(function({
       ]
     }
   );
-}, Jn = (e, t = !0) => {
+}, Zn = (e, t = !0) => {
   const i = window.open(
     e,
     t ? void 0 : "_self",
     "noopener,noreferrer,"
   );
   P.isObject(i) && (i.opener = null);
-}, B = G(function({
+}, O = G(function({
   children: t,
   disabled: i = !1,
   external: a = !1,
@@ -1692,7 +1692,7 @@ const N = G(function({
   ...C
 }, S) {
   const E = f !== void 0, W = `${l}-tooltip`, z = k(() => {
-    o && Jn(o, a);
+    o && Zn(o, a);
   }, [a, o]), L = /* @__PURE__ */ h(
     Pt,
     {
@@ -1746,7 +1746,7 @@ const N = G(function({
       zIndex: 30,
       children: [
         !!i ? /* @__PURE__ */ h(
-          B,
+          O,
           {
             onClick: i,
             pb: 0.5,
@@ -2434,28 +2434,28 @@ const N = G(function({
   var Qe;
   const m = D(), v = t ? void 0 : i, C = (e == null ? void 0 : e.value) ?? b, [S, E] = F(
     ((Qe = d.find((H) => H.value === C)) == null ? void 0 : Qe.name) ?? ""
-  ), [W, z] = F(C), [L, O] = F(d), [A, M] = F(!1), { contains: X } = xi({ sensitivity: "base" }), ee = V(null), Z = V(null), _ = V(null), K = V(null), le = V(null), Pe = te(() => d.map(
+  ), [W, z] = F(C), [L, B] = F(d), [A, M] = F(!1), { contains: X } = xi({ sensitivity: "base" }), ee = V(null), J = V(null), _ = V(null), K = V(null), le = V(null), Pe = te(() => d.map(
     (H) => X(H.name, S) || A ? /* @__PURE__ */ n(mi, { children: H.name }, H.value) : null
   ), [X, S, d, A]), qt = k(
     (H) => {
-      E(H), H === "" ? M(!0) : (M(!1), z((J) => {
-        const he = H === "" ? "" : J;
+      E(H), H === "" ? M(!0) : (M(!1), z((Z) => {
+        const he = H === "" ? "" : Z;
         return e && e.onChange(he), g && g(H), he;
-      }), O(d.filter((J) => X(J.name, H))));
+      }), B(d.filter((Z) => X(Z.name, H))));
     },
     [X, d, e, g]
   ), Xt = k(
     (H) => {
-      var J;
-      E(((J = d.find((he) => he.value === H)) == null ? void 0 : J.name) ?? ""), z(H ? String(H) : ""), e && e.onChange(H), g && g(H ? String(H) : ""), O(d);
+      var Z;
+      E(((Z = d.find((he) => he.value === H)) == null ? void 0 : Z.name) ?? ""), z(H ? String(H) : ""), e && e.onChange(H), g && g(H ? String(H) : ""), B(d);
     },
     [d, e, g]
-  ), Je = k(
+  ), Ze = k(
     (H) => {
       H.key === "Enter" && H.preventDefault(), M(!1);
     },
     []
-  ), Zt = k(() => {
+  ), Jt = k(() => {
     p && p(), e && e.onBlur();
   }, [e, p]), ne = wi({
     allowsEmptyCollection: !0,
@@ -2464,28 +2464,28 @@ const N = G(function({
     menuTrigger: "focus",
     shouldCloseOnBlur: !0,
     selectedKey: W,
-    onBlur: Zt,
+    onBlur: Jt,
     onInputChange: qt,
-    onKeyDown: Je,
+    onKeyDown: Ze,
     // eslint-disable-next-line functional/functional-parameters
     onKeyUp: () => {
       M(!0);
     },
-    onOpenChange(H, J) {
+    onOpenChange(H, Z) {
       M(
-        H && (J === "manual" || J === "focus")
+        H && (Z === "manual" || Z === "focus")
       );
     },
     onSelectionChange: Xt,
     children: Pe
   }), {
-    buttonProps: Jt,
+    buttonProps: Zt,
     inputProps: Qt,
     listBoxProps: ei
   } = vi(
     {
       inputValue: S,
-      buttonRef: Z,
+      buttonRef: J,
       id: c,
       inputRef: ee,
       label: l ?? c,
@@ -2495,11 +2495,11 @@ const N = G(function({
       popoverRef: le
     },
     ne
-  ), { listBoxProps: ti } = ki(ei, ne, _), { buttonProps: ii } = St(Jt, Z);
+  ), { listBoxProps: ti } = ki(ei, ne, _), { buttonProps: ii } = St(Zt, J);
   return U(() => {
     var H;
     (s === !1 || !C) && E(
-      ((H = d.find((J) => J.value === C)) == null ? void 0 : H.name) ?? ""
+      ((H = d.find((Z) => Z.value === C)) == null ? void 0 : H.name) ?? ""
     );
   }, [C, d, s]), /* @__PURE__ */ h(
     q,
@@ -2526,7 +2526,7 @@ const N = G(function({
                   ...Qt,
                   "aria-invalid": v ? "true" : "false",
                   "aria-label": c,
-                  onKeyDown: Je,
+                  onKeyDown: Ze,
                   ref: ee
                 }
               ),
@@ -2550,7 +2550,7 @@ const N = G(function({
                   iconType: "fa-light",
                   px: 0.125,
                   py: 0.125,
-                  ref: Z,
+                  ref: J,
                   type: "button",
                   variant: "ghost"
                 }
@@ -2592,7 +2592,7 @@ const N = G(function({
   value: b,
   weight: w
 }) => e ? /* @__PURE__ */ n(
-  Oe,
+  Be,
   {
     control: e,
     name: c,
@@ -2981,9 +2981,9 @@ const N = G(function({
       }
     ),
     /* @__PURE__ */ n(Ge, { state: a }),
-    /* @__PURE__ */ n(Ue, { children: /* @__PURE__ */ n(B, { onClick: e, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ n(Ue, { children: /* @__PURE__ */ n(O, { onClick: e, variant: "ghost", children: "Cancel" }) })
   ] });
-}, Bt = ({
+}, Ot = ({
   segment: e,
   state: t
 }) => {
@@ -3041,7 +3041,7 @@ const N = G(function({
         children: o.segments.map((c, d) => {
           const p = `key_${d}`;
           return /* @__PURE__ */ n(
-            Bt,
+            Ot,
             {
               segment: { ...c, isEditable: !e },
               state: o
@@ -3077,7 +3077,7 @@ const N = G(function({
   return /* @__PURE__ */ h(ba, { children: [
     /* @__PURE__ */ n(pt, { ...s, ref: t, children: i.segments.slice(0, -2).map((d, p) => {
       const g = `key_${p}`;
-      return /* @__PURE__ */ n(Bt, { segment: d, state: i }, g);
+      return /* @__PURE__ */ n(Ot, { segment: d, state: i }, g);
     }) }),
     /* @__PURE__ */ h(pt, { children: [
       /* @__PURE__ */ n(
@@ -3266,7 +3266,7 @@ const N = G(function({
       }
     ),
     /* @__PURE__ */ n(Ge, { state: r }),
-    /* @__PURE__ */ n(Ue, { children: /* @__PURE__ */ n(B, { onClick: e, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ n(Ue, { children: /* @__PURE__ */ n(O, { onClick: e, variant: "ghost", children: "Cancel" }) })
   ] });
 }, za = $.div`
   ${({ theme: e, $disabled: t, $show: i }) => `
@@ -3441,7 +3441,7 @@ const N = G(function({
         }
       ) })
     ] }),
-    /* @__PURE__ */ n(Ue, { children: /* @__PURE__ */ n(B, { onClick: t, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ n(Ue, { children: /* @__PURE__ */ n(O, { onClick: t, variant: "ghost", children: "Cancel" }) })
   ] });
 }, hl = (e) => {
   const {
@@ -3563,9 +3563,9 @@ const N = G(function({
   weight: E,
   ...W
 }) => {
-  const { required: z, onBlur: L, onChange: O } = W, A = D(), M = e ? void 0 : o, X = c && d && !e, ee = k(
-    (Z) => {
-      Z.key === "Enter" && Z.preventDefault();
+  const { required: z, onBlur: L, onChange: B } = W, A = D(), M = e ? void 0 : o, X = c && d && !e, ee = k(
+    (J) => {
+      J.key === "Enter" && J.preventDefault();
     },
     []
   );
@@ -3608,7 +3608,7 @@ const N = G(function({
                   onPaste: y,
                   placeholder: b,
                   type: S,
-                  ...m ? m(u, { required: z, onBlur: L, onChange: O }) : { ...W }
+                  ...m ? m(u, { required: z, onBlur: L, onChange: B }) : { ...W }
                 }
               ),
               M ? /* @__PURE__ */ n(
@@ -3644,7 +3644,7 @@ const N = G(function({
           }
         ),
         v ? /* @__PURE__ */ n("datalist", { id: `list_${u}`, children: v.map(
-          (Z) => /* @__PURE__ */ n("option", { value: Z }, Z)
+          (J) => /* @__PURE__ */ n("option", { value: J }, J)
         ) }) : void 0
       ]
     }
@@ -3680,7 +3680,7 @@ const N = G(function({
     ${({ $lg: e }) => ye(e)}
   }
 
-  ${({ $xl: e }) => Bi(e) ? `@media (min-width: 1200px) { ${ye(e)} }` : ""}
+  ${({ $xl: e }) => Oi(e) ? `@media (min-width: 1200px) { ${ye(e)} }` : ""}
 
   > .comp-card {
     height: 100%;
@@ -3806,7 +3806,7 @@ const N = G(function({
       }
     ) }),
     l < d - 1 && l + 1 === (a == null ? void 0 : a.length) ? /* @__PURE__ */ n(ut, { lg: 25, md: 25, sm: 25, children: /* @__PURE__ */ n(
-      B,
+      O,
       {
         disabled: i,
         icon: "plus",
@@ -3832,8 +3832,8 @@ const N = G(function({
   placeholder: g,
   remove: u,
   tooltip: f
-}) => i && r ? /* @__PURE__ */ n(Be, { children: r.map((y, b) => /* @__PURE__ */ n(
-  Oe,
+}) => i && r ? /* @__PURE__ */ n(Oe, { children: r.map((y, b) => /* @__PURE__ */ n(
+  Be,
   {
     control: i,
     name: `${d}.${b}`,
@@ -3888,7 +3888,7 @@ const N = G(function({
   position: absolute;
   visibility: hidden;
   width: 0;
-`, Ot = (e, t, i) => {
+`, Bt = (e, t, i) => {
   const a = new Event(e);
   return Object.defineProperty(a, "target", {
     value: { name: t, value: i }
@@ -3915,17 +3915,17 @@ const N = G(function({
   weight: b
 }) => {
   const w = D(), m = t ? void 0 : i, v = V(null), C = g == null ? void 0 : g(c, { required: p }), S = y == null ? void 0 : y(c), E = Pa(S), W = k(() => {
-    const O = Ot("change", c, void 0);
-    u && u(c, void 0), C && C.onChange(O);
+    const B = Bt("change", c, void 0);
+    u && u(c, void 0), C && C.onChange(B);
   }, [C, c, u]), z = k(
-    (O) => {
-      const { files: A } = O.currentTarget;
-      A && A.length > 0 && (d == null || d(O), u && u(c, A), C && C.onChange(O));
+    (B) => {
+      const { files: A } = B.currentTarget;
+      A && A.length > 0 && (d == null || d(B), u && u(c, A), C && C.onChange(B));
     },
     [C, c, d, u]
   ), L = k(
-    (O) => {
-      t ? O.preventDefault() : v.current && v.current.click();
+    (B) => {
+      t ? B.preventDefault() : v.current && v.current.click();
     },
     [t]
   );
@@ -3971,7 +3971,7 @@ const N = G(function({
                   }
                 ),
                 /* @__PURE__ */ h(
-                  B,
+                  O,
                   {
                     border: t ? `1px solid ${w.palette.gray[300]} !important` : "",
                     borderRadius: "0px 8px 8px 0px !important",
@@ -4034,7 +4034,7 @@ const N = G(function({
 }) => {
   const b = D(), w = e ? void 0 : t, [m, v] = F(""), C = c ? f : i == null ? void 0 : i.value, S = te(() => C && typeof C == "string" ? C.split(",").filter(Boolean) : [], [C]), E = k(
     (A) => {
-      const X = [...new Set(A.filter(Boolean))].join(","), ee = Ot("change", s, X);
+      const X = [...new Set(A.filter(Boolean))].join(","), ee = Bt("change", s, X);
       i && i.onChange(ee), c && c(ee);
     },
     [i, s, c]
@@ -4055,7 +4055,7 @@ const N = G(function({
       A.key === "Enter" && M.length === 0 && A.preventDefault(), ["Enter", ","].includes(A.key) && M.length > 0 && !S.includes(M) ? (A.preventDefault(), E([...S, M]), v("")) : A.key === "Backspace" && !M.length && S.length && (A.preventDefault(), d == null || d(S[S.length - 1]), E(S.slice(0, -1)));
     },
     [m, d, E, S]
-  ), O = k(
+  ), B = k(
     (A) => () => {
       d == null || d(A), E(S.filter((M) => M !== A));
     },
@@ -4083,7 +4083,7 @@ const N = G(function({
               re,
               {
                 disabled: e,
-                onClose: O(A),
+                onClose: B(A),
                 tagLabel: A
               },
               A
@@ -4137,7 +4137,7 @@ const N = G(function({
   value: f,
   weight: y
 }) => t ? /* @__PURE__ */ n(
-  Oe,
+  Be,
   {
     control: t,
     name: s,
@@ -4231,8 +4231,8 @@ const N = G(function({
     u && u(s, L, { shouldDirty: !0 }), v(L);
   }, [w, m, o, l, s, u]), E = k(
     (z) => {
-      const { value: L } = z.target, O = /\d+/u.test(L) && !R.isEmpty(L);
-      u && u(s, O ? L : void 0), c && c(z), v(Number(L));
+      const { value: L } = z.target, B = /\d+/u.test(L) && !R.isEmpty(L);
+      u && u(s, B ? L : void 0), c && c(z), v(Number(L));
     },
     [s, c, u]
   ), W = k(
@@ -4415,7 +4415,7 @@ const N = G(function({
       )
     }
   );
-}, Ba = $.div`
+}, Oa = $.div`
   ${({ theme: e }) => `
     align-items: flex-start;
     align-self: stretch;
@@ -4455,7 +4455,7 @@ const N = G(function({
       }
     }
   `}
-`, Oa = $.button`
+`, Ba = $.button`
   ${({ theme: e }) => `
     align-items: center;
     background: inherit;
@@ -4538,7 +4538,7 @@ const N = G(function({
   const g = D(), u = V(null), f = e ? void 0 : t, y = (d == null ? void 0 : d(a)) ?? c, [b, w] = F(!1), [m, v] = F(""), { refs: C, floatingStyles: S } = Ft({
     placement: "bottom-start",
     whileElementsMounted: Ct
-  }), { inputRef: E, inputValue: W, handlePhoneValueChange: z, country: L, setCountry: O } = Oi({
+  }), { inputRef: E, inputValue: W, handlePhoneValueChange: z, country: L, setCountry: B } = Bi({
     countries: tt,
     defaultCountry: "co",
     forceDialCode: !0,
@@ -4555,15 +4555,15 @@ const N = G(function({
     [b]
   ), X = k(
     (_) => () => {
-      O(_), w(!1), v("");
+      B(_), w(!1), v("");
     },
-    [O, w]
+    [B, w]
   ), ee = k(
     (_) => {
       _.key.length === 1 ? v((K) => K + _.key) : _.key === "Backspace" && v((K) => K.slice(0, -1));
     },
     []
-  ), Z = tt.filter((_) => {
+  ), J = tt.filter((_) => {
     const { name: K } = it(_);
     return K.toLowerCase().includes(m.toLowerCase());
   });
@@ -4583,13 +4583,13 @@ const N = G(function({
       tooltip: s,
       weight: p,
       children: /* @__PURE__ */ h(
-        Ba,
+        Oa,
         {
           className: `${e ? "disabled" : ""} ${f ? "error" : ""}`,
           ref: u,
           children: [
             /* @__PURE__ */ h(
-              Oa,
+              Ba,
               {
                 "aria-label": "country-selector",
                 "data-testid": "country-selector",
@@ -4653,7 +4653,7 @@ const N = G(function({
               }
             ),
             b && de(
-              /* @__PURE__ */ n(Ma, { ref: C.setFloating, style: S, children: Z.map((_) => {
+              /* @__PURE__ */ n(Ma, { ref: C.setFloating, style: S, children: J.map((_) => {
                 const { dialCode: K, iso2: le, name: Pe } = it(_);
                 return /* @__PURE__ */ h(
                   Ua,
@@ -5105,7 +5105,7 @@ const N = G(function({
     i(r);
   }, (e == null ? void 0 : e.debounceWait) ?? 300);
   return [t, a];
-}, Za = ({
+}, Ja = ({
   alt: e = "img",
   height: t = "",
   width: i = "",
@@ -5123,7 +5123,7 @@ const N = G(function({
       width: i
     }
   );
-}, pe = kt.memo(Za), Ja = $.label`
+}, pe = kt.memo(Ja), Za = $.label`
   ${({ theme: e }) => `
     align-items: center;
     display: flex;
@@ -5213,7 +5213,7 @@ const N = G(function({
   ...c
 }, d) {
   return /* @__PURE__ */ h(
-    Ja,
+    Za,
     {
       "aria-disabled": i,
       "aria-label": a ?? r,
@@ -5642,7 +5642,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
               width: r.spacing[2.5]
             }
           ),
-          s ? /* @__PURE__ */ h(B, { onClick: d, variant: "ghost", children: [
+          s ? /* @__PURE__ */ h(O, { onClick: d, variant: "ghost", children: [
             o ? "Show Less" : "Show more",
             /* @__PURE__ */ n(
               N,
@@ -5698,7 +5698,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   display: flex;
   justify-content: center;
   z-index: 99999;
-`, Ze = $(x)`
+`, Je = $(x)`
   ${({ theme: e, $size: t }) => `
     background-color: ${e.palette.white};
     border: 1px solid ${e.palette.gray[200]};
@@ -5818,7 +5818,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
         e,
         /* @__PURE__ */ n(fr, { children: /* @__PURE__ */ h("div", { children: [
           a && /* @__PURE__ */ n(
-            B,
+            O,
             {
               id: a.id,
               onClick: o,
@@ -5828,7 +5828,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
             }
           ),
           i && /* @__PURE__ */ n(
-            B,
+            O,
             {
               id: i.id,
               onClick: l,
@@ -5911,7 +5911,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       mt: 1.5,
       children: [
         i ? /* @__PURE__ */ n(
-          B,
+          O,
           {
             id: `${t}-cancel`,
             justify: "center",
@@ -5922,7 +5922,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
           }
         ) : void 0,
         /* @__PURE__ */ n(
-          B,
+          O,
           {
             disabled: e,
             id: t,
@@ -6493,7 +6493,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       }
     )
   ] });
-  return i ? /* @__PURE__ */ h(Be, { children: [
+  return i ? /* @__PURE__ */ h(Oe, { children: [
     /* @__PURE__ */ n(
       Y,
       {
@@ -6658,7 +6658,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     l !== g && s(g);
   }, [l]);
   return i.isOpen ? de(
-    /* @__PURE__ */ n(Gt, { "aria-label": i.name, "aria-modal": "true", children: /* @__PURE__ */ h(Ze, { $size: "md", flexDirection: "column", children: [
+    /* @__PURE__ */ n(Gt, { "aria-label": i.name, "aria-modal": "true", children: /* @__PURE__ */ h(Je, { $size: "md", flexDirection: "column", children: [
       /* @__PURE__ */ h(
         x,
         {
@@ -6737,7 +6737,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
           py: 1.25,
           children: [
             /* @__PURE__ */ n(
-              B,
+              O,
               {
                 disabled: !i.hasChanged,
                 form: "columns-visibility",
@@ -6750,7 +6750,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
               }
             ),
             /* @__PURE__ */ n(
-              B,
+              O,
               {
                 id: "columns-modal-submit",
                 justify: "center",
@@ -6993,7 +6993,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     "maxValue",
     (l = e.find((s) => ["numberRange", "dateRange"].includes(s.type))) == null ? void 0 : l.maxValue
   );
-}, Br = (e, t) => e.map((i) => {
+}, Or = (e, t) => e.map((i) => {
   var a;
   return i.type === "checkboxes" ? {
     ...i,
@@ -7011,7 +7011,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
 }) => {
   const { control: a, items: r, setItems: o, register: l, handleSubmit: s, setValue: c } = Hr(e), d = e.some((u) => u.type === "checkboxes"), p = k(
     (u) => {
-      const { value: f } = u.target, y = Br(e, f);
+      const { value: f } = u.target, y = Or(e, f);
       o(y);
     },
     [e, o]
@@ -7035,10 +7035,10 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
           setValue: c
         }
       ),
-      /* @__PURE__ */ n(B, { mt: 1, type: "submit", children: "Apply" })
+      /* @__PURE__ */ n(O, { mt: 1, type: "submit", children: "Apply" })
     ] })
   ] });
-}, Or = ({
+}, Br = ({
   options: e,
   variant: t,
   onApplyFilters: i,
@@ -7066,14 +7066,14 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       ];
       g((z) => v.length > 0 ? { ...z, [u]: v } : z);
       const C = (z) => {
-        var L, O;
+        var L, B;
         return {
           ...z,
           options: (L = z.options) == null ? void 0 : L.map((A) => ({
             ...A,
             checked: m.checkbox.includes(A.value) || m.radio === A.value
           })),
-          value: ["text", "select"].includes(z.type) ? ((O = m.text) == null ? void 0 : O[`${String(z.key)}-${z.filterFn ?? "caseInsensitive"}`]) ?? z.value : z.value,
+          value: ["text", "select"].includes(z.type) ? ((B = m.text) == null ? void 0 : B[`${String(z.key)}-${z.filterFn ?? "caseInsensitive"}`]) ?? z.value : z.value,
           minValue: ["numberRange", "dateRange"].includes(z.type) ? m.minValue : z.minValue,
           maxValue: ["numberRange", "dateRange"].includes(z.type) ? m.maxValue : z.maxValue
         };
@@ -7112,8 +7112,8 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   return U(() => {
     const m = e.reduce(
       (v, { label: C, filterOptions: S }) => {
-        const E = S.flatMap(({ value: L, minValue: O, maxValue: A }) => [
-          O,
+        const E = S.flatMap(({ value: L, minValue: B, maxValue: A }) => [
+          B,
           A,
           L
         ]).filter(Boolean), W = S.flatMap(({ options: L }) => L ?? []).filter(({ checked: L = !1 }) => L).map(({ value: L }) => L), z = [
@@ -7207,7 +7207,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
         document.removeEventListener("mousedown", g, !0);
       };
   }, [d, l, i]), /* @__PURE__ */ n(Ar, { $bgColor: "transparent", "aria-label": i.name, children: /* @__PURE__ */ h(
-    Ze,
+    Je,
     {
       $size: "fixed",
       alignItems: r === "row" ? "start" : "end",
@@ -7223,7 +7223,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       children: [
         r === "column" ? p : void 0,
         /* @__PURE__ */ n(
-          Or,
+          Br,
           {
             onApplyFilters: t,
             options: e,
@@ -7257,7 +7257,7 @@ function _r(e, t) {
     return `Max ${a}`;
 }
 function Yr(e, t) {
-  if (Zi.extend(Ji), !(R.isUndefined(e) || R.isUndefined(t))) {
+  if (Ji.extend(Zi), !(R.isUndefined(e) || R.isUndefined(t))) {
     if (e !== "" && t !== "")
       return `${se(e).format("LL")} - ${se(t).format("LL")}`;
     if (e !== "")
@@ -7453,7 +7453,7 @@ const $e = ({
   ), g = i.map((b) => ({
     ...b,
     filterOptions: b.filterOptions.map((w) => s.find(
-      (v) => v.key === w.key && v.type === w.type && v.filterFn === w.filterFn && v.value === w.value
+      (v) => v.key === w.key && v.type === w.type && v.filterFn === w.filterFn
     ) ?? { ...w })
   })), u = k(
     (b) => {
@@ -7470,7 +7470,10 @@ const $e = ({
     [s, t]
   );
   return U(() => {
-    const b = localStorage.getItem(t), w = b ? JSON.parse(b) : i.flatMap((m) => m.filterOptions);
+    const b = localStorage.getItem(t), w = b ? JSON.parse(b) : localStorage.setItem(
+      t,
+      JSON.stringify(i.flatMap((m) => m.filterOptions))
+    );
     c(w);
   }, [t, i, c]), U(() => {
     a && e !== void 0 && a(qr(e, s)), p(xt(s)), r == null || r(s);
@@ -7485,7 +7488,7 @@ const $e = ({
       wrap: "wrap",
       children: [
         /* @__PURE__ */ n(x, { pr: 0.25, children: /* @__PURE__ */ n(
-          B,
+          O,
           {
             icon: "filter",
             id: "filterBtn",
@@ -7506,7 +7509,7 @@ const $e = ({
       ]
     }
   ), options: g, removeFilter: f };
-}, Zr = ({
+}, Jr = ({
   _portal: e = !0,
   alert: t,
   cancelButton: i = void 0,
@@ -7529,7 +7532,7 @@ const $e = ({
       "aria-modal": "true",
       id: "modal-wrapper",
       children: /* @__PURE__ */ h(
-        Ze,
+        Je,
         {
           $size: u,
           "data-testid": f,
@@ -7595,7 +7598,7 @@ const $e = ({
   return U(() => {
     o.setIsOpen(e);
   }, [e, o]), { ConfirmDialog: ({ id: p = "confirm-dialog-modal", children: g }) => /* @__PURE__ */ h(
-    Zr,
+    Jr,
     {
       cancelButton: {
         onClick: c,
@@ -7617,7 +7620,7 @@ const $e = ({
       ]
     }
   ), confirm: l };
-}, mt = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ n(B, { onClick: e.onClick, variant: t, children: e.text }), Jr = $.div`
+}, mt = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ n(O, { onClick: e.onClick, variant: t, children: e.text }), Zr = $.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -7664,7 +7667,7 @@ const $e = ({
   size: l = "md"
 }) => {
   const s = (t ?? e) !== void 0;
-  return /* @__PURE__ */ h(Jr, { $padding: r, children: [
+  return /* @__PURE__ */ h(Zr, { $padding: r, children: [
     /* @__PURE__ */ n(Qr, { children: /* @__PURE__ */ n(pe, { alt: "empty-icon", publicId: a }) }),
     /* @__PURE__ */ n(
       Q,
@@ -7758,7 +7761,7 @@ const $e = ({
           e,
           /* @__PURE__ */ h(x, { display: "flex", gap: 0.75, maxWidth: s, children: [
             i ? /* @__PURE__ */ n(
-              B,
+              O,
               {
                 icon: i.icon,
                 id: `${l}-cancel`,
@@ -7771,7 +7774,7 @@ const $e = ({
               }
             ) : void 0,
             /* @__PURE__ */ n(
-              B,
+              O,
               {
                 disabled: ((r == null ? void 0 : r.disabled) ?? !1) || y.formState.isSubmitting || o && !y.formState.isDirty,
                 icon: r == null ? void 0 : r.icon,
@@ -7805,7 +7808,7 @@ const $e = ({
       grid-template-columns: repeat(${t}, 1fr);
     }
   `}
-`, Bl = G(function({
+`, Ol = G(function({
   children: t,
   md: i,
   sm: a,
@@ -7882,7 +7885,7 @@ const $e = ({
     ) : null,
     /* @__PURE__ */ n(I, { color: a.palette.gray[800], fontWeight: "bold", size: "sm", children: t })
   ] });
-}, Ol = ({
+}, Bl = ({
   isOpen: e = !0,
   items: t,
   handleNewOrganization: i,
@@ -8151,7 +8154,7 @@ const $e = ({
             py: 1,
             children: o.map(
               ({ icon: s, text: c, onClick: d }, p) => /* @__PURE__ */ n(
-                B,
+                O,
                 {
                   icon: s,
                   onClick: d,
@@ -8472,7 +8475,7 @@ const $e = ({
       color: ${e.palette[t][500]};
     }
   `}
-`, xo = (e) => e === "warning" ? "triangle-exclamation" : e === "info" ? "circle-info" : e === "success" ? "circle-check" : "circle-exclamation", Zl = ({
+`, xo = (e) => e === "warning" ? "triangle-exclamation" : e === "info" ? "circle-info" : e === "success" ? "circle-check" : "circle-exclamation", Jl = ({
   description: e,
   onClose: t,
   title: i,
@@ -8555,7 +8558,7 @@ const $e = ({
   &::-webkit-inner-spin-button {
     opacity: 1;
   }
-`, Jl = G(function({
+`, Zl = G(function({
   autoUpdate: t = !1,
   decimalPlaces: i = 0,
   defaultValue: a = 0,
@@ -8707,7 +8710,7 @@ const $e = ({
       width: "max-content",
       zIndex: 10,
       children: [
-        /* @__PURE__ */ n(B, { icon: "plus", onClick: g, variant: "primary", children: t }),
+        /* @__PURE__ */ n(O, { icon: "plus", onClick: g, variant: "primary", children: t }),
         /* @__PURE__ */ h(
           x,
           {
@@ -8915,7 +8918,7 @@ const So = {
         children: s
       }
     ),
-    /* @__PURE__ */ n(B, { onClick: t, variant: "primary", children: l })
+    /* @__PURE__ */ n(O, { onClick: t, variant: "primary", children: l })
   ] });
 }, zo = ({
   description: e = "",
@@ -8929,7 +8932,7 @@ const So = {
       lineSpacing: 1.5,
       size: "lg",
       textAlign: "center",
-      children: a ? /* @__PURE__ */ h(Be, { children: [
+      children: a ? /* @__PURE__ */ h(Oe, { children: [
         /* @__PURE__ */ n(
           xe,
           {
@@ -9068,7 +9071,7 @@ const So = {
                 justify: "center",
                 children: [
                   P.isObject(r) ? /* @__PURE__ */ n(
-                    B,
+                    O,
                     {
                       onClick: v,
                       variant: (r == null ? void 0 : r.variant) ?? "primary",
@@ -9077,7 +9080,7 @@ const So = {
                     r == null ? void 0 : r.key
                   ) : void 0,
                   P.isObject(t) ? /* @__PURE__ */ n(
-                    B,
+                    O,
                     {
                       onClick: m,
                       variant: (t == null ? void 0 : t.variant) ?? "tertiary",
@@ -9739,7 +9742,7 @@ const So = {
                   zIndex: 40,
                   children: [
                     s === void 0 ? void 0 : /* @__PURE__ */ n(
-                      B,
+                      O,
                       {
                         color: `${p.palette.primary[500]} !important`,
                         onClick: c,
@@ -9749,7 +9752,7 @@ const So = {
                         children: s
                       }
                     ),
-                    /* @__PURE__ */ n(B, { onClick: l, type: "submit", children: o })
+                    /* @__PURE__ */ n(O, { onClick: l, type: "submit", children: o })
                   ]
                 }
               )
@@ -9810,7 +9813,7 @@ const So = {
       border: 1px solid ${e.palette.primary[500]};
     }
   `}
-`, Bo = $.div`
+`, Oo = $.div`
   ${({ theme: e }) => `
     align-items: center;
     display: flex;
@@ -9824,7 +9827,7 @@ const So = {
       font-size: ${e.spacing[0.5]};
     }
   `}
-`, Oo = $.output`
+`, Bo = $.output`
   ${({ theme: e }) => `
     align-items: flex-end;
     border-radius: ${e.spacing[0.5]};
@@ -9885,7 +9888,7 @@ const So = {
                   children: /* @__PURE__ */ n(Mo, { index: 0, name: l, state: p, trackRef: i })
                 }
               ),
-              /* @__PURE__ */ h(Bo, { children: [
+              /* @__PURE__ */ h(Oo, { children: [
                 /* @__PURE__ */ n("p", { children: `${d.format(r)} (Low)` }),
                 r < 0 && /* @__PURE__ */ n("p", { children: "0" }),
                 /* @__PURE__ */ n("p", { children: `${d.format(o)} (High)` })
@@ -9893,7 +9896,7 @@ const So = {
             ]
           }
         ),
-        /* @__PURE__ */ n(Oo, { children: /* @__PURE__ */ n(I, { color: t.palette.gray[800], size: "sm", textAlign: "right", children: p.getThumbValueLabel(0) }) })
+        /* @__PURE__ */ n(Bo, { children: /* @__PURE__ */ n(I, { color: t.palette.gray[800], size: "sm", textAlign: "right", children: p.getThumbValueLabel(0) }) })
       ]
     }
   ) });
@@ -10013,7 +10016,7 @@ const So = {
           p,
           /* @__PURE__ */ h(Ko, { children: [
             o > 1 && /* @__PURE__ */ n(
-              B,
+              O,
               {
                 disabled: c.isDisabledPrevious ?? !1,
                 onClick: s(-1, f),
@@ -10022,7 +10025,7 @@ const So = {
               }
             ),
             o < r.length ? /* @__PURE__ */ n(
-              B,
+              O,
               {
                 disabled: c.isDisabledNext ?? !1,
                 onClick: s(1, u),
@@ -10030,7 +10033,7 @@ const So = {
                 children: "Next step"
               }
             ) : /* @__PURE__ */ n(
-              B,
+              O,
               {
                 disabled: e,
                 onClick: a,
@@ -10086,7 +10089,7 @@ const So = {
       background-color: ${e.palette.gray[100]};
     }
   `}
-`, Zo = {
+`, Jo = {
   add: { icon: "plus" },
   approve: { icon: "check" },
   disabled: { icon: "ban" },
@@ -10117,7 +10120,7 @@ const So = {
           N,
           {
             clickable: !1,
-            icon: t ?? Zo[s].icon,
+            icon: t ?? Jo[s].icon,
             iconSize: r === void 0 ? "xxs" : "xs",
             iconType: "fa-light"
           }
@@ -10150,7 +10153,7 @@ const So = {
     },
     `${i}-${r}`
   )
-) }), Jo = $.div`
+) }), Zo = $.div`
   ${({ theme: e, $size: t }) => `
     align-items: center;
     background-color: ${e.palette.white};
@@ -10230,7 +10233,7 @@ const So = {
   size: a = "long"
 }) => {
   const r = D();
-  return /* @__PURE__ */ h(Jo, { $size: a, className: "timeline-card", children: [
+  return /* @__PURE__ */ h(Zo, { $size: a, className: "timeline-card", children: [
     /* @__PURE__ */ n(
       I,
       {
@@ -10452,9 +10455,9 @@ export {
   ta as I,
   Hl as J,
   Vl as K,
-  Bl as L,
+  Ol as L,
   pe as M,
-  Ol as N,
+  Bl as N,
   N as O,
   Y as P,
   Ml as Q,
@@ -10516,16 +10519,16 @@ export {
   Kl as ag,
   ql as ah,
   Xl as ai,
-  Zr as aj,
+  Jr as aj,
   Ll as ak,
   yr as al,
   El as am,
   Mr as an,
   Rl as ao,
   Al as ap,
-  Zl as aq,
+  Jl as aq,
   Cr as ar,
-  Jl as as,
+  Zl as as,
   Ql as at,
   vt as au,
   To as av,
@@ -10570,7 +10573,7 @@ export {
   Wr as br,
   Hr as bs,
   bt,
-  Or as bu,
+  Br as bu,
   $e as bv,
   mt as bw,
   ao as bx,
@@ -10587,7 +10590,7 @@ export {
   je as k,
   gl as l,
   ul as m,
-  B as n,
+  O as n,
   zl as o,
   fl as p,
   Nl as q,