@fluidattacks/design 3.16.0-pr-05 → 3.16.0-pr-07

package/dist/{components-BsGH2eij.mjs → components-D6wRdSk-.mjs}

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as h, Fragment as Be } from "react/jsx-runtime";
 import Ct, { forwardRef as G, useState as L, useCallback as k, StrictMode as ni, useEffect as _, useRef as B, useMemo as te, Fragment as Oe, Children as ai, isValidElement as ri, cloneElement as oi } from "react";
-import { o as li, d as b, n as D, u as si, a as ci, b as di, c as pi, e as gi, l as P, f as St, 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 zt, C as Me, w as Ci, x as Si, y as zi, z as tt, A as ke, B as Ii, D as Ti, E as It, F as Tt, 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 Nt, P as Ri, Q as Ft, R as Ai, S as Pi, T as Wi, U as Vi, V as Hi, W as Bi, X as Dt, Y as Oi, Z as it, a0 as nt, a1 as at, a2 as Mi, a3 as Gi, a4 as Ui, a5 as _i, a6 as Yi, a7 as Ki, a8 as qi, a9 as Xi, aa as jt, ab as Zi, ac as Ji, ad as Qi, ae as en, af as tn, ai as Lt, 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 rt, at as gn, au as ot, av as un } from "./vendor-BQBri7G-.mjs";
+import { o as li, d as b, n as D, u as si, a as ci, b as di, c as pi, e as gi, l as P, f as St, g as ui, h as fi, s as hi, i as fe, _ as E, $ 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 zt, C as Me, w as Ci, x as Si, y as zi, z as tt, A as ke, B as Ii, D as Ti, E as It, F as Tt, G as Ce, H as Ni, I as Fi, J as Di, K as ji, L as Li, M as se, N as Ri, O as Nt, P as Ei, Q as Ft, R as Ai, S as Pi, T as Wi, U as Vi, V as Hi, W as Bi, X as Dt, Y as Oi, Z as it, a0 as nt, a1 as at, a2 as Mi, a3 as Gi, a4 as Ui, a5 as _i, a6 as Yi, a7 as Ki, a8 as qi, a9 as Xi, aa as jt, ab as Zi, ac as Ji, ad as Qi, ae as en, af as tn, ai as Lt, 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 rt, at as gn, au as ot, 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) => ({
@@ -402,7 +402,7 @@ const ae = (e) => ({
   ${Fe}
   ${Te}
   ${De}
-`, Et = b.button.withConfig(
+`, Rt = b.button.withConfig(
   je
 )`
   ${Se}
@@ -412,7 +412,7 @@ const ae = (e) => ({
   ${Fe}
   ${Te}
   ${De}
-`, Rt = b.p.withConfig(je)`
+`, Et = b.p.withConfig(je)`
   ${Se}
   ${ze}
   ${Ie}
@@ -471,7 +471,7 @@ const ae = (e) => ({
       children: a
     }
   );
-}), Ln = b(Rt)`
+}), Ln = b(Et)`
   ${({
   theme: e,
   $bgGradient: t = "unset",
@@ -516,7 +516,7 @@ const ae = (e) => ({
       line-height: ${e.spacing[c ?? s]};
     }
   `}
-`, Pt = b(Rt)`
+`, Pt = b(Et)`
   ${({
   theme: e,
   $bgGradient: t = "unset",
@@ -561,7 +561,7 @@ const ae = (e) => ({
       line-height: ${e.spacing[c ?? s]};
     }
   `}
-`, En = b(At)`
+`, Rn = b(At)`
   ${({
   theme: e,
   $color: t = e.palette.gray[600],
@@ -639,7 +639,7 @@ const ae = (e) => ({
   ...f
 }, $) {
   return /* @__PURE__ */ n(
-    En,
+    Rn,
     {
       $color: i,
       $content: a,
@@ -699,7 +699,7 @@ const ae = (e) => ({
       children: i
     }
   );
-}), Rn = ({
+}), En = ({
   item: e
 }) => {
   const t = e.description && typeof e.description == "string" ? /* @__PURE__ */ n(z, { mb: e.extraElement ? 0.5 : void 0, size: "sm", children: e.description }) : e.description ?? void 0;
@@ -877,7 +877,7 @@ const N = G(function({
           )
         }
       ),
-      f && /* @__PURE__ */ n(Rn, { item: g })
+      f && /* @__PURE__ */ n(En, { item: g })
     ] }, g.title);
   }) });
 }), Wn = (e) => {
@@ -1058,7 +1058,7 @@ const N = G(function({
       }
     `
   })
-), Wt = b(Et)`
+), Wt = b(Rt)`
   ${({ theme: e, justify: t, $size: i, $variant: a }) => `
     align-items: center;
     border-radius: var(--btn-spacing);
@@ -1139,10 +1139,10 @@ const N = G(function({
   }), F = ci(S, {
     delay: { close: 0, open: 500 },
     move: !1
-  }), I = di(S), E = pi(S, { role: r ? "label" : "tooltip" }), { getReferenceProps: A, getFloatingProps: M } = gi([
+  }), I = di(S), R = pi(S, { role: r ? "label" : "tooltip" }), { getReferenceProps: A, getFloatingProps: M } = gi([
     F,
     I,
-    E
+    R
   ]);
   return t ? /* @__PURE__ */ n(ni, { children: e }) : /* @__PURE__ */ h(Be, { children: [
     /* @__PURE__ */ n(
@@ -1690,7 +1690,7 @@ const N = G(function({
   width: v,
   ...C
 }, S) {
-  const F = f !== void 0, I = `${l}-tooltip`, E = k(() => {
+  const F = f !== void 0, I = `${l}-tooltip`, R = k(() => {
     o && Jn(o, a);
   }, [a, o]), A = /* @__PURE__ */ h(
     Wt,
@@ -1702,7 +1702,7 @@ const N = G(function({
       disabled: i,
       id: l,
       name: c,
-      onClick: w === "link" ? E : d,
+      onClick: w === "link" ? R : d,
       ref: S,
       type: u,
       value: y,
@@ -1882,10 +1882,10 @@ const N = G(function({
     ${({ $opacity: e = 0 }) => `background-color: rgba(0, 0, 0, ${e});`}
   }
 `, Qn = (e) => {
-  if (R.isNil(e)) return "";
+  if (E.isNil(e)) return "";
   const t = e.split(".");
-  return (t.length > 1 ? R.last(t) : "").toLowerCase();
-}, ea = (e, t) => R.isUndefined(t) ? !1 : R.includes(e, Qn(t)), ta = ({
+  return (t.length > 1 ? E.last(t) : "").toLowerCase();
+}, ea = (e, t) => E.isUndefined(t) ? !1 : E.includes(e, Qn(t)), ta = ({
   alt: e,
   fileType: t,
   width: i = "100%",
@@ -2266,7 +2266,7 @@ const N = G(function({
       }
     ) : void 0
   ] });
-}, Ee = ({
+}, Re = ({
   className: e,
   children: t,
   isFilter: i = !1,
@@ -2406,11 +2406,11 @@ const N = G(function({
   var et;
   const w = D(), v = t ? void 0 : i, C = (e == null ? void 0 : e.value) ?? m, [S, F] = L(
     ((et = d.find((V) => V.value === C)) == null ? void 0 : et.name) ?? ""
-  ), [I, E] = L(C), [A, M] = L(d), [W, H] = L(!1), { contains: X } = xi({ sensitivity: "base" }), ee = B(null), Z = B(null), U = B(null), K = B(null), le = B(null), Pe = te(() => d.map(
+  ), [I, R] = L(C), [A, M] = L(d), [W, H] = L(!1), { contains: X } = xi({ sensitivity: "base" }), ee = B(null), Z = B(null), U = B(null), K = B(null), le = B(null), Pe = te(() => d.map(
     (V) => X(V.name, S) || W ? /* @__PURE__ */ n(mi, { children: V.name }, V.value) : null
   ), [X, S, d, W]), qt = k(
     (V) => {
-      F(V), V === "" ? H(!0) : (H(!1), E((J) => {
+      F(V), V === "" ? H(!0) : (H(!1), R((J) => {
         const he = V === "" ? "" : J;
         return e && e.onChange(he), g && g(V), he;
       }), M(d.filter((J) => X(J.name, V))));
@@ -2419,7 +2419,7 @@ const N = G(function({
   ), Xt = k(
     (V) => {
       var J;
-      F(((J = d.find((he) => he.value === V)) == null ? void 0 : J.name) ?? ""), E(V ? String(V) : ""), e && e.onChange(V), g && g(V ? String(V) : ""), M(d);
+      F(((J = d.find((he) => he.value === V)) == null ? void 0 : J.name) ?? ""), R(V ? String(V) : ""), e && e.onChange(V), g && g(V ? String(V) : ""), M(d);
     },
     [d, e, g]
   ), Qe = k(
@@ -2531,7 +2531,7 @@ const N = G(function({
           }
         ),
         ne.isOpen && ne.collection.size > 0 && !t ? /* @__PURE__ */ n(
-          Ee,
+          Re,
           {
             className: "dropdown",
             offset: 4,
@@ -2780,7 +2780,7 @@ const N = G(function({
       }) }, o)
     ) })
   ] });
-}, fa = b(Et)`
+}, fa = b(Rt)`
   align-items: center;
   background-color: inherit;
   border-color: inherit;
@@ -3144,7 +3144,7 @@ const N = G(function({
   children: e,
   ...t
 }) => {
-  const i = B(null), { dialogProps: a } = Ei(t, i);
+  const i = B(null), { dialogProps: a } = Ri(t, i);
   return /* @__PURE__ */ n(ha, { ...a, ref: i, children: e });
 }, Ca = ({
   disabled: e = !1,
@@ -3162,16 +3162,16 @@ const N = G(function({
   ...u
 }) => {
   const f = B(null), $ = g == null ? void 0 : g(s), m = k(
-    (E) => {
-      d && E && d(s, me(String(E)));
+    (R) => {
+      d && R && d(s, me(String(R)));
     },
     [s, d]
   ), y = Nt({
     ...u,
-    onChange(E) {
-      m(E);
+    onChange(R) {
+      m(R);
     },
-    value: R.isNil($) || R.isEmpty($) || $ === "-" ? null : Ri($.replace(/\//gu, "-"))
+    value: E.isNil($) || E.isEmpty($) || $ === "-" ? null : Ei($.replace(/\//gu, "-"))
   }), { close: w } = y, { groupProps: v, fieldProps: C, buttonProps: S, dialogProps: F, calendarProps: I } = Ft(
     { ...u, "aria-label": l ?? s, name: s },
     y,
@@ -3206,7 +3206,7 @@ const N = G(function({
           }
         ),
         y.isOpen && !e ? /* @__PURE__ */ n(
-          Ee,
+          Re,
           {
             offset: 8,
             placement: "bottom start",
@@ -3289,7 +3289,7 @@ const N = G(function({
     endFieldProps: S,
     buttonProps: F,
     dialogProps: I,
-    calendarProps: E
+    calendarProps: R
   } = Vi(
     { ...g, "aria-label": i ?? a },
     y,
@@ -3356,13 +3356,13 @@ const N = G(function({
           }
         ),
         y.isOpen && !e ? /* @__PURE__ */ n(
-          Ee,
+          Re,
           {
             offset: 8,
             placement: "bottom start",
             state: y,
             triggerRef: $,
-            children: /* @__PURE__ */ n(Ke, { ...I, children: /* @__PURE__ */ n(Sa, { onClose: w, props: E }) })
+            children: /* @__PURE__ */ n(Ke, { ...I, children: /* @__PURE__ */ n(Sa, { onClose: w, props: R }) })
           }
         ) : null
       ]
@@ -3433,7 +3433,7 @@ const N = G(function({
     isDisabled: t,
     isRequired: a,
     shouldCloseOnSelect: !1,
-    value: R.isNil(p) || R.isEmpty(p) || p === "-" ? null : Hi(p.replace(/\//gu, "-"))
+    value: E.isNil(p) || E.isEmpty(p) || p === "-" ? null : Hi(p.replace(/\//gu, "-"))
   }), { close: f } = u, { groupProps: $, fieldProps: m, buttonProps: y, dialogProps: w, calendarProps: v } = Ft(e, u, g), C = k(
     (F) => {
       v.onChange && v.onChange(F), c == null || c(
@@ -3474,7 +3474,7 @@ const N = G(function({
           }
         ),
         u.isOpen && !t ? /* @__PURE__ */ n(
-          Ee,
+          Re,
           {
             offset: 8,
             placement: "bottom start",
@@ -3535,7 +3535,7 @@ const N = G(function({
   weight: F,
   ...I
 }) => {
-  const { required: E, onBlur: A, onChange: M } = I, W = D(), H = e ? void 0 : o, X = c && d && !e, ee = k(
+  const { required: R, onBlur: A, onChange: M } = I, W = D(), H = e ? void 0 : o, X = c && d && !e, ee = k(
     (Z) => {
       Z.key === "Enter" && Z.preventDefault();
     },
@@ -3551,7 +3551,7 @@ const N = G(function({
       htmlFor: u,
       label: p,
       linkPosition: g,
-      required: E,
+      required: R,
       tooltip: C,
       weight: F,
       children: [
@@ -3569,7 +3569,7 @@ const N = G(function({
                   "aria-hidden": !1,
                   "aria-invalid": H ? "true" : "false",
                   "aria-label": u,
-                  "aria-required": E,
+                  "aria-required": R,
                   autoComplete: "off",
                   className: f ? "sr-block" : "",
                   "data-testid": `${u}-input`,
@@ -3580,7 +3580,7 @@ const N = G(function({
                   onPaste: $,
                   placeholder: m,
                   type: S,
-                  ...w ? w(u, { required: E, onBlur: A, onChange: M }) : { ...I }
+                  ...w ? w(u, { required: R, onBlur: A, onChange: M }) : { ...I }
                 }
               ),
               H ? /* @__PURE__ */ n(
@@ -3713,7 +3713,7 @@ const N = G(function({
       padding: ${i}px;
     }
   `}
-`, Ea = ({
+`, Ra = ({
   align: e,
   children: t,
   cols: i,
@@ -3756,7 +3756,7 @@ const N = G(function({
     },
     [m]
   );
-  return /* @__PURE__ */ h(Ea, { align: "start", children: [
+  return /* @__PURE__ */ h(Ra, { align: "start", children: [
     /* @__PURE__ */ n(ft, { lg: 75, md: 75, sm: 75, children: /* @__PURE__ */ n(
       qe,
       {
@@ -3849,7 +3849,7 @@ const N = G(function({
     required: l,
     tooltip: f
   }
-), Ra = b(Pt)`
+), Ea = b(Pt)`
   white-space: nowrap;
   margin-right: ${({ theme: e }) => e.spacing[0.25]};
   text-overflow: ellipsis;
@@ -3889,7 +3889,7 @@ const N = G(function({
   const y = D(), w = t ? void 0 : i, v = B(null), C = $ == null ? void 0 : $(c), S = Pa(C), F = g == null ? void 0 : g(c, { required: p }), I = k(() => {
     const M = Ve("change", c, void 0);
     u && u(c, ""), F && F.onChange(M);
-  }, [F, c, u]), E = k(
+  }, [F, c, u]), R = k(
     (M) => {
       const { files: W } = M.currentTarget, H = Ve(
         "change",
@@ -3924,7 +3924,7 @@ const N = G(function({
           {
             className: `${t ? "disabled" : ""} ${w ? "error" : ""}`,
             children: [
-              /* @__PURE__ */ n(Ra, { $size: "xs", children: S }),
+              /* @__PURE__ */ n(Ea, { $size: "xs", children: S }),
               /* @__PURE__ */ h(x, { alignItems: "center", display: "flex", gap: 0.625, children: [
                 P.isEmpty(S) ? void 0 : /* @__PURE__ */ n(
                   Y,
@@ -3982,7 +3982,7 @@ const N = G(function({
             id: l ?? c,
             multiple: s,
             name: c,
-            onChange: E,
+            onChange: R,
             onClick: I,
             ref: v,
             required: void 0,
@@ -4027,7 +4027,7 @@ const N = G(function({
       v(W.target.value);
     },
     []
-  ), E = k(
+  ), R = k(
     (W) => {
       const H = w.trim();
       H.length && !S.includes(H) && (W.preventDefault(), F([...S, H]), v("")), i && i.onBlur();
@@ -4081,7 +4081,7 @@ const N = G(function({
                 "aria-required": g,
                 autoComplete: "off",
                 id: s,
-                onBlur: E,
+                onBlur: R,
                 onChange: I,
                 onKeyDown: A,
                 placeholder: S.length === 0 ? p : void 0,
@@ -4203,25 +4203,25 @@ const N = G(function({
   value: f
 }) => {
   const $ = D(), m = i ? void 0 : e, y = t < 0 ? 0 : t, [w, v] = L(
-    f ? R.toNumber(f) : 0
+    f ? E.toNumber(f) : 0
   ), C = k(() => {
-    const E = (w - 10 ** -y).toFixed(y), A = Math.max(Number(l), Number(E));
+    const R = (w - 10 ** -y).toFixed(y), A = Math.max(Number(l), Number(R));
     u && u(s, A, { shouldDirty: !0 }), v(A);
   }, [y, w, l, s, u]), S = k(() => {
-    const E = (w + 10 ** -y).toFixed(y), A = Math.min(
+    const R = (w + 10 ** -y).toFixed(y), A = Math.min(
       Number(o),
-      Number(E) > Number(l) ? Number(E) : Number(l)
+      Number(R) > Number(l) ? Number(R) : Number(l)
     );
     u && u(s, A, { shouldDirty: !0 }), v(A);
   }, [y, w, o, l, s, u]), F = k(
-    (E) => {
-      const { value: A } = E.target, M = /\d+/u.test(A) && !R.isEmpty(A);
-      u && u(s, M ? A : void 0), c && c(E), v(Number(A));
+    (R) => {
+      const { value: A } = R.target, M = /\d+/u.test(A) && !E.isEmpty(A);
+      u && u(s, M ? A : void 0), c && c(R), v(Number(A));
     },
     [s, c, u]
   ), I = k(
-    (E) => {
-      E.key === "Enter" && E.preventDefault();
+    (R) => {
+      R.key === "Enter" && R.preventDefault();
     },
     []
   );
@@ -4493,7 +4493,7 @@ const N = G(function({
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`, Re = (e, t, i = !1) => {
+`, Ee = (e, t, i = !1) => {
   _(() => {
     var r;
     const a = (o) => {
@@ -4522,7 +4522,7 @@ const N = G(function({
   const g = D(), u = B(null), f = e ? void 0 : t, $ = (d == null ? void 0 : d(a)) ?? c, [m, y] = L(!1), [w, v] = L(""), { refs: C, floatingStyles: S } = Dt({
     placement: "bottom-start",
     whileElementsMounted: St
-  }), { inputRef: F, inputValue: I, handlePhoneValueChange: E, country: A, setCountry: M } = Oi({
+  }), { inputRef: F, inputValue: I, handlePhoneValueChange: R, country: A, setCountry: M } = Oi({
     countries: it,
     defaultCountry: "co",
     forceDialCode: !0,
@@ -4551,7 +4551,7 @@ const N = G(function({
     const { name: K } = nt(U);
     return K.toLowerCase().includes(w.toLowerCase());
   });
-  return Re(
+  return Ee(
     C.floating.current,
     () => {
       y(!1), v("");
@@ -4620,7 +4620,7 @@ const N = G(function({
                       value: I,
                       ...l == null ? void 0 : l(a, {
                         required: o,
-                        onChange: E
+                        onChange: R
                       })
                     }
                   ),
@@ -5082,7 +5082,7 @@ const N = G(function({
     hasChanged: d
   };
 }, Xa = (e, t) => te(
-  () => R.debounce(e, t),
+  () => E.debounce(e, t),
   [e, t]
 ), Tl = (e) => {
   const [t, i] = L(), a = Xa((r) => {
@@ -5572,9 +5572,9 @@ const N = G(function({
   "pre",
   {
     className: "line-highlight",
-    "data-line-offset": R.isNil(t) || R.isString(t) ? 0 : t.offset + 0.7,
+    "data-line-offset": E.isNil(t) || E.isString(t) ? 0 : t.offset + 0.7,
     ...i !== void 0 ? { "data-line": String(Number(i)) } : {},
-    children: R.isNil(t) || R.isString(t) || R.isEmpty(t.content) ? /* @__PURE__ */ n("div", { className: "no-data", children: /* @__PURE__ */ n("p", { children: e }) }) : /* @__PURE__ */ n("code", { className: "language-none", children: t.content })
+    children: E.isNil(t) || E.isString(t) || E.isEmpty(t.content) ? /* @__PURE__ */ n("div", { className: "no-data", children: /* @__PURE__ */ n("p", { children: e }) }) : /* @__PURE__ */ n("code", { className: "language-none", children: t.content })
   }
 ) })), jl = ({
   noCodeMessage: e = "Code snippet not available",
@@ -5585,7 +5585,7 @@ const N = G(function({
   const r = D(), [o, l] = L(!1), [s, c] = L(!0), d = k(() => {
     l((f) => !f);
   }, [l]), p = k(() => {
-    if (R.isNil(t) || R.isEmpty(t) || !R.isString(t))
+    if (E.isNil(t) || E.isEmpty(t) || !E.isString(t))
       return c(!1), e;
     const f = t.split(`
 `);
@@ -6433,7 +6433,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     },
     []
   );
-  Re(
+  Ee(
     p.floating.current,
     () => {
       d(!1);
@@ -6492,7 +6492,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     ),
     c ? /* @__PURE__ */ n(Lr, { ref: p.setFloating, style: g, children: $ }) : void 0
   ] }) : $;
-}), Er = ({
+}), Rr = ({
   columns: e,
   formId: t,
   onChangeHandler: i,
@@ -6612,7 +6612,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       }
     )
   ] });
-}, El = ({
+}, Rl = ({
   _containerId: e = "portals",
   title: t,
   modalRef: i,
@@ -6683,7 +6683,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
           width: "100%",
           children: [
             /* @__PURE__ */ n(
-              Er,
+              Rr,
               {
                 columns: i.columns,
                 formId: "columns-visibility",
@@ -6749,7 +6749,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     ] }) }),
     document.getElementById(e) ?? document.body
   ) : /* @__PURE__ */ n("div", {});
-}, Rr = b(Ae)`
+}, Er = b(Ae)`
   padding: 8px;
   min-width: unset;
 `, Ar = b.div.attrs({
@@ -7047,10 +7047,10 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       ];
       p((I) => w.length > 0 ? { ...I, [g]: w } : I);
       const v = (I) => {
-        var E, A;
+        var R, A;
         return {
           ...I,
-          options: (E = I.options) == null ? void 0 : E.map((M) => ({
+          options: (R = I.options) == null ? void 0 : R.map((M) => ({
             ...M,
             checked: y.checkbox.includes(M.value) || y.radio === M.value
           })),
@@ -7073,7 +7073,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     (y, w) => {
       const v = `li-filter-option-${y}`;
       return /* @__PURE__ */ h(
-        Rr,
+        Er,
         {
           icon: w,
           onClick: f(y),
@@ -7093,11 +7093,11 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   return _(() => {
     const y = e.reduce(
       (w, { label: v, filterOptions: C }) => {
-        const S = C.flatMap(({ value: E, minValue: A, maxValue: M }) => [
+        const S = C.flatMap(({ value: R, minValue: A, maxValue: M }) => [
           A,
           M,
-          E
-        ]).filter(Boolean), F = C.flatMap(({ options: E }) => E ?? []).filter(({ checked: E = !1 }) => E).map(({ value: E }) => E), I = [
+          R
+        ]).filter(Boolean), F = C.flatMap(({ options: R }) => R ?? []).filter(({ checked: R = !1 }) => R).map(({ value: R }) => R), I = [
           ...S,
           ...F
         ];
@@ -7163,11 +7163,11 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   modalRef: i,
   variant: a
 }) => {
-  const r = D(), o = /* @__PURE__ */ n(
+  const [r, o] = L("row"), l = D(), s = /* @__PURE__ */ n(
     Y,
     {
       icon: "close",
-      iconColor: r.palette.gray[400],
+      iconColor: l.palette.gray[400],
       iconSize: "xs",
       iconTransform: "grow-2",
       iconType: "fa-light",
@@ -7182,9 +7182,9 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     Je,
     {
       $size: "fixed",
-      alignItems: "start",
+      alignItems: r === "row" ? "start" : "end",
       display: "flex",
-      flexDirection: "row",
+      flexDirection: r,
       gap: 0.5,
       id: "filters-list",
       position: "relative",
@@ -7192,15 +7192,17 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       py: 1.25,
       style: { width: "max-content" },
       children: [
+        r === "column" ? s : void 0,
         /* @__PURE__ */ n(
           Or,
           {
             onApplyFilters: t,
             options: e,
+            setDirection: o,
             variant: a
           }
         ),
-        o
+        r === "row" ? s : void 0
       ]
     }
   ) });
@@ -7216,16 +7218,16 @@ function Ur(e) {
   return t.length === 0 ? void 0 : t.join(", ");
 }
 function _r(e, t) {
-  const i = R.isEmpty(e) && typeof e != "number" ? void 0 : Number(e), a = R.isEmpty(t) && typeof t != "number" ? void 0 : Number(String(t));
-  if (!R.isUndefined(i) && !R.isUndefined(a))
+  const i = E.isEmpty(e) && typeof e != "number" ? void 0 : Number(e), a = E.isEmpty(t) && typeof t != "number" ? void 0 : Number(String(t));
+  if (!E.isUndefined(i) && !E.isUndefined(a))
     return `${i} - ${a}`;
-  if (!R.isUndefined(i))
+  if (!E.isUndefined(i))
     return `Min ${i}`;
-  if (!R.isUndefined(a))
+  if (!E.isUndefined(a))
     return `Max ${a}`;
 }
 function Yr(e, t) {
-  if (Zi.extend(Ji), !(R.isUndefined(e) || R.isUndefined(t))) {
+  if (Zi.extend(Ji), !(E.isUndefined(e) || E.isUndefined(t))) {
     if (e !== "" && t !== "")
       return `${se(e).format("LL")} - ${se(t).format("LL")}`;
     if (e !== "")
@@ -7243,7 +7245,7 @@ const $e = ({
   label: i,
   onClose: a,
   filterValue: r
-}) => R.isNil(r) || R.isEmpty(String(r)) ? null : /* @__PURE__ */ n(x, { pr: 0.25, children: /* @__PURE__ */ n(
+}) => E.isNil(r) || E.isEmpty(String(r)) ? null : /* @__PURE__ */ n(x, { pr: 0.25, children: /* @__PURE__ */ n(
   re,
   {
     filterValues: r,
@@ -7252,7 +7254,7 @@ const $e = ({
     onClose: a(e),
     tagLabel: `${i} `
   }
-) }, i), Rl = ({
+) }, i), El = ({
   options: e,
   onClose: t
 }) => {
@@ -7328,12 +7330,12 @@ const $e = ({
   ).filter((a) => {
     if (a === null) return !1;
     const { filterValue: r } = a.props;
-    return !R.isNil(r) && !R.isEmpty(String(r));
+    return !E.isNil(r) && !E.isEmpty(String(r));
   });
   return i.length > 0 ? /* @__PURE__ */ n(x, { display: "flex", wrap: "wrap", children: i }) : null;
 }, qr = (e, t) => {
   function i(l, s) {
-    if (s.value === "" || s.value === void 0 || R.defaultTo(s.isBackFilter, !1))
+    if (s.value === "" || s.value === void 0 || E.defaultTo(s.isBackFilter, !1))
       return !0;
     switch (s.filterFn) {
       case "includesInsensitive":
@@ -7350,8 +7352,8 @@ const $e = ({
     return c.length === 0 ? !0 : c.includes(String(l[s.key]));
   }
   function r(l, s, c) {
-    const d = c(String(l[s.key])), { minValue: p, maxValue: g } = s, u = R.isEmpty(p) && typeof p != "number" ? void 0 : c(String(p)), f = R.isEmpty(g) && typeof g != "number" ? void 0 : c(String(g));
-    return R.isUndefined(u) && R.isUndefined(f) ? !0 : (u ?? -1 / 0) <= d && d <= (f ?? 1 / 0);
+    const d = c(String(l[s.key])), { minValue: p, maxValue: g } = s, u = E.isEmpty(p) && typeof p != "number" ? void 0 : c(String(p)), f = E.isEmpty(g) && typeof g != "number" ? void 0 : c(String(g));
+    return E.isUndefined(u) && E.isUndefined(f) ? !0 : (u ?? -1 / 0) <= d && d <= (f ?? 1 / 0);
   }
   function o(l) {
     return t.every((s) => {
@@ -7430,22 +7432,8 @@ const $e = ({
     const y = localStorage.getItem(t), w = y ? JSON.parse(y) : i.flatMap((v) => v.filterOptions);
     d(w);
   }, [t, i, d]), _(() => {
-    if (a && e !== void 0 && a(qr(e, c)), g(mt(c)), r == null || r(c), l.isOpen) {
-      const y = document.getElementById("filters-list"), w = (v) => {
-        y && !y.contains(v.target) && l.close();
-      };
-      return document.addEventListener("mousedown", w, !0), () => {
-        document.removeEventListener("mousedown", w, !0);
-      };
-    }
-  }, [
-    e,
-    c,
-    l,
-    a,
-    g,
-    r
-  ]), { Filters: () => /* @__PURE__ */ h(
+    a && e !== void 0 && a(qr(e, c)), g(mt(c)), r == null || r(c);
+  }, [e, c, a, g, r]), { Filters: () => /* @__PURE__ */ h(
     x,
     {
       alignItems: "center",
@@ -7508,7 +7496,7 @@ const $e = ({
           flexDirection: "column",
           id: f,
           children: [
-            !R.isEmpty(g) && !R.isNil(g) && /* @__PURE__ */ n(
+            !E.isEmpty(g) && !E.isNil(g) && /* @__PURE__ */ n(
               $r,
               {
                 description: l,
@@ -7528,10 +7516,10 @@ const $e = ({
                 children: /* @__PURE__ */ n(_t, { items: p })
               }
             ),
-            (R.isObject(o) || a) && /* @__PURE__ */ h(pr, { children: [
+            (E.isObject(o) || a) && /* @__PURE__ */ h(pr, { children: [
               a,
-              R.isObject(o) && R.isString(o.imageSrc) && /* @__PURE__ */ n(hr, { $framed: o.imageFramed, children: /* @__PURE__ */ n(pe, { alt: "modal-img", publicId: o.imageSrc }) }),
-              R.isObject(o) && R.isString(o.imageText) && /* @__PURE__ */ n(z, { size: "sm", children: o.imageText })
+              E.isObject(o) && E.isString(o.imageSrc) && /* @__PURE__ */ n(hr, { $framed: o.imageFramed, children: /* @__PURE__ */ n(pe, { alt: "modal-img", publicId: o.imageSrc }) }),
+              E.isObject(o) && E.isString(o.imageText) && /* @__PURE__ */ n(z, { size: "sm", children: o.imageText })
             ] }),
             /* @__PURE__ */ n(
               yr,
@@ -8275,7 +8263,7 @@ const $e = ({
   setVisibility: o
 }) => {
   const l = D(), { userName: s, email: c, phone: d, userRole: p } = r;
-  return Re(a, () => {
+  return Ee(a, () => {
     o(!1);
   }), /* @__PURE__ */ h(Ir, { children: [
     /* @__PURE__ */ n("li", { className: "user-info", children: /* @__PURE__ */ h(x, { display: "inline-flex", gap: 0.25, width: "100%", children: [
@@ -8647,7 +8635,7 @@ const $e = ({
   providers: o
 }) => {
   const l = D(), [s, c] = L(!1), d = B(null);
-  Re(
+  Ee(
     d.current,
     () => {
       c(!1);
@@ -9333,7 +9321,7 @@ const So = {
       width: "40px"
     }
   ) }) : null;
-}, Eo = {
+}, Ro = {
   critical: {
     bgColor: T.palette.primary[700],
     colorL: T.palette.gray[800],
@@ -9364,7 +9352,7 @@ const So = {
   textR: t,
   variant: i
 }) => {
-  const a = D(), { bgColor: r, colorL: o, colorR: l } = Eo[i];
+  const a = D(), { bgColor: r, colorL: o, colorR: l } = Ro[i];
   return /* @__PURE__ */ h(x, { alignItems: "flex-start", display: "inline-flex", children: [
     e ? /* @__PURE__ */ n(
       x,
@@ -9396,7 +9384,7 @@ const So = {
       }
     )
   ] });
-}, Ro = (e, t) => {
+}, Eo = (e, t) => {
   const i = {
     critical: T.palette.primary[700],
     high: T.palette.error[500],
@@ -9423,7 +9411,7 @@ const So = {
   variant: e,
   value: t
 }) => {
-  const { iconColor: i, iconText: a, iconTextColor: r, textColor: o } = Ro(
+  const { iconColor: i, iconText: a, iconTextColor: r, textColor: o } = Eo(
     e,
     t
   ), l = P.capitalize(e.charAt(0)) + e.slice(1);
@@ -10440,7 +10428,7 @@ export {
   Ia as Y,
   hl as Z,
   vl as _,
-  Et as a,
+  Rt as a,
   Tl as a$,
   kl as a0,
   Ha as a1,
@@ -10451,7 +10439,7 @@ export {
   bl as a6,
   ft as a7,
   ml as a8,
-  Ea as a9,
+  Ra as a9,
   as as aA,
   ve as aB,
   rs as aC,
@@ -10475,7 +10463,7 @@ export {
   xe as aU,
   Ka as aV,
   qa as aW,
-  Re as aX,
+  Ee as aX,
   Il as aY,
   Xa as aZ,
   Ze as a_,
@@ -10491,9 +10479,9 @@ export {
   Zr as aj,
   Ll as ak,
   yr as al,
-  El as am,
+  Rl as am,
   Mr as an,
-  Rl as ao,
+  El as ao,
   Al as ap,
   Zl as aq,
   Cr as ar,
@@ -10505,10 +10493,10 @@ export {
   ns as ax,
   ts as ay,
   Mt as az,
-  Rt as b,
-  Rn as b0,
+  Et as b,
+  En as b0,
   Ht as b1,
-  Ee as b2,
+  Re as b2,
   oa as b3,
   ct as b4,
   ua as b5,
@@ -10537,7 +10525,7 @@ export {
   $r as bm,
   Sr as bn,
   Nr as bo,
-  Er as bp,
+  Rr as bp,
   Pr as bq,
   Wr as br,
   Vr as bs,