@fluidattacks/design 3.25.6-pr → 3.25.6

package/dist/{components-qtUKkVfE.mjs → components-CR6TBxDM.mjs}

@@ -1,8 +1,8 @@
 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, useMemo as Y, useEffect as U, useRef as V, 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 b, 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 Vn, j as Bn, 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 $t, a1 as bt, a2 as xt, a3 as hi, a4 as fi, a5 as yi, a6 as $i, a7 as bi, 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 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 b, 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 $t, a1 as bt, a2 as xt, a3 as hi, a4 as fi, a5 as yi, a6 as $i, a7 as bi, 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 { createPortal as $e } from "react-dom";
-import { Link as Mi, useLocation as Vi, NavLink as Bi } from "react-router-dom";
+import { Link as Mi, useLocation as Bi, NavLink as Vi } from "react-router-dom";
 const oe = (e) => ({
   getVariant: (t, n) => e(t)[n]
 }), Ui = [
@@ -1292,8 +1292,8 @@ const F = Z(function({
 }), ks = Z(function({
   autoHide: t = !1,
   children: n,
-  iconEnabled: a = !0,
-  onClose: r,
+  closable: a = !1,
+  iconEnabled: r = !0,
   onTimeOut: o,
   show: s = !0,
   time: l = 8,
@@ -1301,15 +1301,19 @@ const F = Z(function({
   id: d,
   ...p
 }, g) {
-  const u = Y(() => s, [s]);
+  const [u, h] = R(s), y = v(() => {
+    h(!1);
+  }, []);
   return U(() => {
-    const h = setTimeout(() => {
-      o == null || o(!0), t && (r == null || r());
+    const x = setTimeout(() => {
+      o == null || o(!0), t && y();
     }, l * 1e3);
     return () => {
-      clearTimeout(h);
+      clearTimeout(x);
     };
-  }, [t, r, l, o]), /* @__PURE__ */ i(
+  }, [t, y, l, o]), U(() => {
+    h(s);
+  }, [s, h]), /* @__PURE__ */ i(
     $,
     {
       display: u ? "block" : "none",
@@ -1317,7 +1321,7 @@ const F = Z(function({
       role: "alert",
       ...p,
       children: /* @__PURE__ */ f(ua, { $variant: c, id: d, children: [
-        a ? /* @__PURE__ */ i(
+        r ? /* @__PURE__ */ i(
           F,
           {
             clickable: !1,
@@ -1327,14 +1331,14 @@ const F = Z(function({
           }
         ) : void 0,
         /* @__PURE__ */ i(ha, { children: n }),
-        r ? /* @__PURE__ */ i(
+        a ? /* @__PURE__ */ i(
           _,
           {
             height: "fit-content",
             icon: "close",
             iconSize: "xs",
             iconType: "fa-light",
-            onClick: r,
+            onClick: y,
             px: 0.125,
             py: 0.125,
             variant: "ghost"
@@ -1696,7 +1700,7 @@ const F = Z(function({
     "noopener,noreferrer,"
   );
   M.isObject(n) && (n.opener = null);
-}, B = Z(function({
+}, V = Z(function({
   children: t,
   disabled: n = !1,
   external: a = !1,
@@ -1789,7 +1793,7 @@ const F = Z(function({
       zIndex: 30,
       children: [
         !!n ? /* @__PURE__ */ f(
-          B,
+          V,
           {
             onClick: n,
             pb: 0.5,
@@ -2369,7 +2373,7 @@ const F = Z(function({
       }
     ) : void 0
   ] });
-}, Ve = ({
+}, Be = ({
   className: e,
   children: t,
   isFilter: n = !1,
@@ -2379,7 +2383,7 @@ const F = Z(function({
   ...s
 }) => {
   var g;
-  const l = V(null), c = (g = o == null ? void 0 : o.current) == null ? void 0 : g.getBoundingClientRect(), { popoverProps: d } = Hn(
+  const l = B(null), c = (g = o == null ? void 0 : o.current) == null ? void 0 : g.getBoundingClientRect(), { popoverProps: d } = Hn(
     {
       ...s,
       popoverRef: a ?? l,
@@ -2621,9 +2625,9 @@ const F = Z(function({
   watch: l
 }) => {
   var T, z, O;
-  const c = E(), d = V(null), p = e.props.hrefLang, g = s.disabledKeys, u = Array.from(s.collection.getKeys()).filter(
+  const c = E(), d = B(null), p = e.props.hrefLang, g = s.disabledKeys, u = Array.from(s.collection.getKeys()).filter(
     (D) => !Array.from(g).includes(D) && D !== "All"
-  ), { optionProps: h, isSelected: y, isFocused: x, isDisabled: m } = Vn(
+  ), { optionProps: h, isSelected: y, isFocused: x, isDisabled: m } = Bn(
     { key: e.key },
     s,
     d
@@ -2638,7 +2642,7 @@ const F = Z(function({
     [u, n, r, o]
   ), S = v(() => {
     const D = l == null ? void 0 : l(`${n}Options`), W = typeof D == "string" ? [D] : D;
-    Bn(u, W) && !Array.from(g).includes("All") ? (o == null || o("checkAll", "All vulnerability types"), r("All vulnerability types")) : (o == null || o("checkAll", ""), r(
+    Vn(u, W) && !Array.from(g).includes("All") ? (o == null || o("checkAll", "All vulnerability types"), r("All vulnerability types")) : (o == null || o("checkAll", ""), r(
       (W == null ? void 0 : W.length) <= 2 ? W.join(", ") : `${W.slice(0, 2).join(", ") + `, +${W.length - 2} more`}`
     ));
   }, [g, u, n, r, o, l]), C = e.key === "All" ? /* @__PURE__ */ i(
@@ -2723,11 +2727,11 @@ 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: K } = Un({ sensitivity: "base" }), be = V(null), Ge = V(null), _e = V(null), pt = V(null), gt = V(null), wn = Y(() => g.toSorted((H, q) => {
+  ), [W, ne] = R(z), [ae, pe] = R(g), [G, X] = R(!1), { contains: Y } = Un({ sensitivity: "base" }), be = B(null), Ge = B(null), _e = B(null), pt = B(null), gt = B(null), 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) => K(H.name, O) || G ? /* @__PURE__ */ i(
+    (H) => Y(H.name, O) || G ? /* @__PURE__ */ i(
       Gn,
       {
         "aria-label": H.value,
@@ -2737,7 +2741,7 @@ const F = Z(function({
       },
       H.value
     ) : null
-  ), [K, n, O, g, G]), vn = v(
+  ), [Y, n, O, g, G]), vn = v(
     (H) => {
       const q = H.split(/,|\s/u).slice(-1)[0].trim();
       D(p ? q : H), H === "" || H.endsWith(",") ? X(!0) : (X(!1), ne((J) => {
@@ -2745,11 +2749,11 @@ const F = Z(function({
         return e && e.onChange(xe), h && h(H), xe;
       }), pe(
         g.filter(
-          (J) => K(J.name, p ? q : H)
+          (J) => Y(J.name, p ? q : H)
         )
       ));
     },
-    [K, g, e, p, h]
+    [Y, g, e, p, h]
   ), kn = v(
     (H) => {
       var q;
@@ -2873,7 +2877,7 @@ const F = Z(function({
           }
         ),
         re.isOpen && re.collection.size > 0 && !t ? /* @__PURE__ */ i(
-          Ve,
+          Be,
           {
             className: "dropdown",
             offset: 4,
@@ -3123,7 +3127,7 @@ const F = Z(function({
     width: 100%;
   `}
 `, Wa = ({ state: e, date: t }) => {
-  const n = V(null), a = Zn(t, Xn()), { cellProps: r, buttonProps: o, isSelected: s, isDisabled: l, formattedDate: c } = qn({ date: t }, e, n), d = "highlightedRange" in e && !M.isNull(e.highlightedRange) ? yt(t, e.highlightedRange.start) : s, p = "highlightedRange" in e && !M.isNull(e.highlightedRange) ? yt(t, e.highlightedRange.end) : s, g = s && !l && !(d || p) ? "range" : "";
+  const n = B(null), a = Zn(t, Xn()), { cellProps: r, buttonProps: o, isSelected: s, isDisabled: l, formattedDate: c } = qn({ date: t }, e, n), d = "highlightedRange" in e && !M.isNull(e.highlightedRange) ? yt(t, e.highlightedRange.start) : s, p = "highlightedRange" in e && !M.isNull(e.highlightedRange) ? yt(t, e.highlightedRange.end) : s, g = s && !l && !(d || p) ? "range" : "";
   return /* @__PURE__ */ i(Pa, { id: g, ...r, children: /* @__PURE__ */ f(
     "div",
     {
@@ -3189,7 +3193,7 @@ const F = Z(function({
     padding: ${e.spacing[0.25]};
     width: 292px;
   `}
-`, Va = b.button`
+`, Ba = b.button`
   ${({ theme: e, $disabled: t, $focus: n, $header: a }) => {
   const r = n ? "34px" : "40px";
   return `
@@ -3207,7 +3211,7 @@ const F = Z(function({
       }
     `;
 }}
-`, Ba = b.div`
+`, Va = b.div`
   ${({ theme: e }) => `
     align-items: center;
     background: transparent;
@@ -3261,9 +3265,9 @@ const F = Z(function({
   icon: t,
   props: n
 }) => {
-  const a = V(null), { buttonProps: r } = Yt(n, a);
+  const a = B(null), { buttonProps: r } = Yt(n, a);
   return /* @__PURE__ */ i(
-    Va,
+    Ba,
     {
       ...r,
       $disabled: e,
@@ -3328,13 +3332,13 @@ const F = Z(function({
       }
     ),
     /* @__PURE__ */ i(ot, { state: a }),
-    /* @__PURE__ */ i(rt, { children: /* @__PURE__ */ i(B, { onClick: e, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ i(rt, { children: /* @__PURE__ */ i(V, { onClick: e, variant: "ghost", children: "Cancel" }) })
   ] });
 }, pn = ({
   segment: e,
   state: t
 }) => {
-  const n = E(), a = V(null), o = { ...e, placeholder: {
+  const n = E(), a = B(null), o = { ...e, placeholder: {
     day: "dd",
     dayPeriod: "(AM/PM)",
     era: "",
@@ -3365,7 +3369,7 @@ const F = Z(function({
   error: t = !1,
   props: n
 }) => {
-  const a = E(), r = V(null), o = ei({
+  const a = E(), r = B(null), o = ei({
     ...n,
     createCalendar: Ee,
     locale: "en-US"
@@ -3378,7 +3382,7 @@ const F = Z(function({
     },
     []
   );
-  return /* @__PURE__ */ f(Ba, { ...s, onClick: l, children: [
+  return /* @__PURE__ */ f(Va, { ...s, onClick: l, children: [
     /* @__PURE__ */ i(
       "div",
       {
@@ -3408,7 +3412,7 @@ const F = Z(function({
     ) : void 0
   ] });
 }, Ya = (e) => {
-  const t = V(null), n = ni({
+  const t = B(null), n = ni({
     ...e,
     locale: "en-US",
     shouldForceLeadingZeros: !0
@@ -3520,7 +3524,7 @@ const F = Z(function({
   children: e,
   ...t
 }) => {
-  const n = V(null), { dialogProps: a } = ri(t, n);
+  const n = B(null), { dialogProps: a } = ri(t, n);
   return /* @__PURE__ */ i(Ma, { ...a, ref: n, children: e });
 }, Za = ({
   disabled: e = !1,
@@ -3537,7 +3541,7 @@ const F = Z(function({
   watch: g,
   ...u
 }) => {
-  const h = V(null), y = g == null ? void 0 : g(l), x = v(
+  const h = B(null), y = g == null ? void 0 : g(l), x = v(
     (T) => {
       d && T && d(l, Ne(String(T)), {
         shouldDirty: !0
@@ -3584,7 +3588,7 @@ const F = Z(function({
           }
         ),
         m.isOpen && !e ? /* @__PURE__ */ i(
-          Ve,
+          Be,
           {
             offset: 8,
             placement: "bottom start",
@@ -3600,7 +3604,7 @@ const F = Z(function({
   onClose: e,
   props: t
 }) => {
-  const { locale: n } = Fe(), a = V(null), r = li({ ...t, createCalendar: Ee, locale: n }), { prevButtonProps: o, nextButtonProps: s, title: l } = si(
+  const { locale: n } = Fe(), a = B(null), r = li({ ...t, createCalendar: Ee, locale: n }), { prevButtonProps: o, nextButtonProps: s, title: l } = si(
     t,
     r,
     a
@@ -3616,7 +3620,7 @@ const F = Z(function({
       }
     ),
     /* @__PURE__ */ i(ot, { state: r }),
-    /* @__PURE__ */ i(rt, { children: /* @__PURE__ */ i(B, { onClick: e, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ i(rt, { children: /* @__PURE__ */ i(V, { onClick: e, variant: "ghost", children: "Cancel" }) })
   ] });
 }, qa = b.div`
   ${({ theme: e, $disabled: t, $show: n }) => `
@@ -3643,7 +3647,7 @@ const F = Z(function({
   variant: p = "default",
   ...g
 }) => {
-  const u = `${a}Max`, h = `${a}Min`, y = V(null), x = v(
+  const u = `${a}Max`, h = `${a}Min`, y = B(null), x = v(
     (z) => {
       l && z && (l(
         (c == null ? void 0 : c.name) ?? u,
@@ -3734,7 +3738,7 @@ const F = Z(function({
           }
         ),
         m.isOpen && !e ? /* @__PURE__ */ i(
-          Ve,
+          Be,
           {
             offset: 8,
             placement: "bottom start",
@@ -3791,7 +3795,7 @@ const F = Z(function({
         }
       ) })
     ] }),
-    /* @__PURE__ */ i(rt, { children: /* @__PURE__ */ i(B, { onClick: t, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ i(rt, { children: /* @__PURE__ */ i(V, { onClick: t, variant: "ghost", children: "Cancel" }) })
   ] });
 }, Is = (e) => {
   const {
@@ -3804,7 +3808,7 @@ const F = Z(function({
     register: l,
     setValue: c,
     watch: d
-  } = e, p = d == null ? void 0 : d(o), g = V(null), u = Xt({
+  } = e, p = d == null ? void 0 : d(o), g = B(null), u = Xt({
     ...e,
     granularity: "minute",
     hourCycle: 12,
@@ -3865,7 +3869,7 @@ const F = Z(function({
           }
         ),
         u.isOpen && !t ? /* @__PURE__ */ i(
-          Ve,
+          Be,
           {
             offset: 8,
             placement: "bottom start",
@@ -3927,13 +3931,13 @@ const F = Z(function({
   ...j
 }) => {
   const { required: T, onBlur: z, onChange: O } = j, D = E(), W = e ? void 0 : o, [ne, ae] = R(""), pe = v(
-    (K) => {
-      ae(K.target.value), O == null || O(K);
+    (Y) => {
+      ae(Y.target.value), O == null || O(Y);
     },
     [O]
   ), G = c && d && !e && ne.trim() !== "", X = v(
-    (K) => {
-      K.key === "Enter" && K.preventDefault();
+    (Y) => {
+      Y.key === "Enter" && Y.preventDefault();
     },
     []
   );
@@ -4012,7 +4016,7 @@ const F = Z(function({
           }
         ),
         w ? /* @__PURE__ */ i("datalist", { id: `list_${u}`, children: w.map(
-          (K) => /* @__PURE__ */ i("option", { value: K }, K)
+          (Y) => /* @__PURE__ */ i("option", { value: Y }, Y)
         ) }) : void 0
       ]
     }
@@ -4174,7 +4178,7 @@ const F = Z(function({
       }
     ) }),
     s < d - 1 && s + 1 === (a == null ? void 0 : a.length) ? /* @__PURE__ */ i(Dt, { lg: 25, md: 25, sm: 25, children: /* @__PURE__ */ i(
-      B,
+      V,
       {
         disabled: n,
         icon: "plus",
@@ -4281,7 +4285,7 @@ const F = Z(function({
   watch: y,
   weight: x
 }) => {
-  const m = E(), k = t ? void 0 : n, w = V(null), S = g == null ? void 0 : g(c, { required: p }), C = y == null ? void 0 : y(c), I = sr(C), j = v(() => {
+  const m = E(), k = t ? void 0 : n, w = B(null), S = g == null ? void 0 : g(c, { required: p }), C = y == null ? void 0 : y(c), I = sr(C), j = v(() => {
     const O = we("change", c, void 0);
     u && u(c, void 0), S && S.onChange(O);
   }, [S, c, u]), T = v(
@@ -4344,7 +4348,7 @@ const F = Z(function({
                   }
                 ),
                 /* @__PURE__ */ f(
-                  B,
+                  V,
                   {
                     border: t ? `1px solid ${m.palette.gray[300]} !important` : "",
                     borderRadius: "0px 8px 8px 0px !important",
@@ -4405,7 +4409,7 @@ const F = Z(function({
   value: h,
   weight: y
 }) => {
-  const x = E(), m = e ? void 0 : t, [k, w] = R(""), S = c ? h : n == null ? void 0 : n.value, C = Y(() => S && typeof S == "string" ? S.split(",").filter(Boolean) : [], [S]), I = v(
+  const x = 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);
@@ -4901,7 +4905,7 @@ const F = Z(function({
   watch: d,
   weight: p
 }) => {
-  const g = E(), u = V(null), h = e ? void 0 : t, y = (d == null ? void 0 : d(a)) ?? c, [x, 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, [x, m] = R(!1), [k, w] = R(""), { refs: S, floatingStyles: C } = it({
     placement: "bottom-start",
     whileElementsMounted: et
   }), { inputRef: I, inputValue: j, handlePhoneValueChange: T, country: z, setCountry: O } = ui({
@@ -5020,14 +5024,14 @@ const F = Z(function({
             ),
             x && $e(
               /* @__PURE__ */ i(hr, { ref: S.setFloating, style: C, children: pe.map((G) => {
-                const { dialCode: X, iso2: K, name: be } = bt(G);
+                const { dialCode: X, iso2: Y, name: be } = bt(G);
                 return /* @__PURE__ */ f(
                   fr,
                   {
-                    onClick: ne(K),
-                    value: K,
+                    onClick: ne(Y),
+                    value: Y,
                     children: [
-                      /* @__PURE__ */ i(xt, { iso2: K, size: "16px" }),
+                      /* @__PURE__ */ i(xt, { iso2: Y, size: "16px" }),
                       /* @__PURE__ */ i(yr, { children: be }),
                       /* @__PURE__ */ i(
                         N,
@@ -5041,7 +5045,7 @@ const F = Z(function({
                       )
                     ]
                   },
-                  K
+                  Y
                 );
               }) }),
               document.getElementById("modal-wrapper") ?? document.getElementById("root") ?? document.body
@@ -5160,7 +5164,7 @@ const F = Z(function({
   setValue: I,
   watch: j
 }) => {
-  const T = Y(() => {
+  const T = K(() => {
     if (s === "text")
       return /* @__PURE__ */ i(
         ct,
@@ -5282,13 +5286,13 @@ const F = Z(function({
   publicId: e,
   format: t = "webp"
 }) => {
-  const n = Y(() => new hi({
+  const n = K(() => new hi({
     cloud: {
       cloudName: "fluid-attacks"
     }
   }), []);
-  return Y(() => n.image(e).format(t), [n, e, t]);
-}, Be = (e) => {
+  return K(() => n.image(e).format(t), [n, e, t]);
+}, Ve = (e) => {
   const [t, n] = R(!1), a = v(() => {
     n(!0);
   }, []), r = v(() => {
@@ -5303,7 +5307,7 @@ const F = Z(function({
   columnOrder: n,
   setColumnOrder: a
 }) => {
-  const r = Y(
+  const r = K(
     () => [
       // locked -> visible -> hidden
       ...t.filter(({ locked: p }) => p).map(({ locked: p, ...g }) => ({
@@ -5336,15 +5340,15 @@ const F = Z(function({
       return Number(u.visible) !== Number(g.visible) ? Number(u.visible) - Number(g.visible) : h - y;
     });
     s(p), a == null || a(n);
-  }, [o, n, a]), d = Y(() => fi(o, (p) => ((n == null ? void 0 : n.includes(p.id)) ?? !1) !== p.visible), [o, n]);
+  }, [o, n, a]), d = K(() => fi(o, (p) => ((n == null ? void 0 : n.includes(p.id)) ?? !1) !== p.visible), [o, n]);
   return {
     setColumns: l,
     resetToDefault: c,
     columns: o,
-    ...Be(e),
+    ...Ve(e),
     hasChanged: d
   };
-}, gn = (e, t) => Y(
+}, gn = (e, t) => K(
   () => L.debounce(e, t),
   [e, t]
 ), Ws = (e) => {
@@ -5714,7 +5718,7 @@ const F = Z(function({
       ]
     }
   );
-}, Ir = 0.5, jt = 1.25, Vs = ({
+}, Ir = 0.5, jt = 1.25, Bs = ({
   children: e,
   bgColor: t,
   border: n,
@@ -5769,7 +5773,7 @@ const F = Z(function({
   gap: ${({ theme: e }) => e.spacing[0.5]};
   justify-content: center;
   margin-top: ${({ theme: e }) => e.spacing[2]};
-`, Bs = ({
+`, Vs = ({
   slides: e,
   interval: t = 300
 }) => {
@@ -5906,7 +5910,7 @@ const F = Z(function({
     return h.length > 8 && !o ? `${[...h].splice(0, 7).join(`
 `)}
 ${h[8]}...` : (h.length < 8 && c(!1), t);
-  }, [o, t, e]), g = Y(p, [p]), u = v(async () => {
+  }, [o, t, e]), g = K(p, [p]), u = v(async () => {
     await navigator.clipboard.writeText(g);
   }, [g]);
   return a === "location" ? /* @__PURE__ */ i(
@@ -5940,7 +5944,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
               width: r.spacing[2.5]
             }
           ),
-          l ? /* @__PURE__ */ f(B, { onClick: d, variant: "ghost", children: [
+          l ? /* @__PURE__ */ f(V, { onClick: d, variant: "ghost", children: [
             o ? "Show Less" : "Show more",
             /* @__PURE__ */ i(
               F,
@@ -6116,7 +6120,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         e,
         /* @__PURE__ */ i(Wr, { children: /* @__PURE__ */ f("div", { children: [
           a && /* @__PURE__ */ i(
-            B,
+            V,
             {
               id: a.id,
               onClick: o,
@@ -6126,7 +6130,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
             }
           ),
           n && /* @__PURE__ */ i(
-            B,
+            V,
             {
               id: n.id,
               onClick: s,
@@ -6139,7 +6143,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       ]
     }
   ) : null;
-}, Vr = ({
+}, Br = ({
   title: e,
   description: t,
   modalRef: n,
@@ -6191,7 +6195,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     t && M.isString(t) && !M.isEmpty(t) ? /* @__PURE__ */ i(N, { mt: 0.5, size: "sm", children: t }) : void 0,
     t && !M.isString(t) && /* @__PURE__ */ i(Te, { display: "block", mt: 0.5, size: "sm", children: t })
   ] });
-}, Br = ({
+}, Vr = ({
   disabled: e,
   id: t = "modal-confirm",
   onCancel: n,
@@ -6209,7 +6213,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       mt: 1.5,
       children: [
         n ? /* @__PURE__ */ i(
-          B,
+          V,
           {
             id: `${t}-cancel`,
             justify: "center",
@@ -6220,7 +6224,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           }
         ) : void 0,
         /* @__PURE__ */ i(
-          B,
+          V,
           {
             disabled: e,
             id: t,
@@ -6329,9 +6333,9 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   variant: c = "primary",
   tag: d
 }) => {
-  const { pathname: p } = Vi(), g = a || (c === "primary" ? p.includes(r) : p.endsWith(r));
+  const { pathname: p } = Bi(), g = a || (c === "primary" ? p.includes(r) : p.endsWith(r));
   return /* @__PURE__ */ i(ee, { display: "flex", id: `${n}-tooltip`, tip: l, children: /* @__PURE__ */ f(Gr, { $borderButton: g, $variant: c, children: [
-    /* @__PURE__ */ f(Bi, { end: e, id: n, onClick: s, to: r, children: [
+    /* @__PURE__ */ f(Vi, { end: e, id: n, onClick: s, to: r, children: [
       t,
       /* @__PURE__ */ i(
         Kr,
@@ -6783,7 +6787,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   value: r,
   ...o
 }) => {
-  const s = V(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 } = it(), y = v(() => {
     d((S) => !S);
   }, []), x = v(
     (S) => {
@@ -6864,7 +6868,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   onChangeHandler: n,
   variant: a
 }) => {
-  const r = V(null), [o, s] = R([]), [l, c] = R(""), d = v(
+  const r = B(null), [o, s] = R([]), [l, c] = R(""), d = v(
     (g) => {
       const { value: u } = g.target;
       c(u);
@@ -6984,7 +6988,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   modalRef: n,
   variant: a
 }) => {
-  const r = E(), o = V(null), [s, l] = R(void 0), c = v(
+  const r = E(), o = B(null), [s, l] = R(void 0), c = v(
     (g) => {
       const { checked: u, value: h } = g.target, y = n.columns.map((x) => {
         var m;
@@ -7087,7 +7091,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           py: 1.25,
           children: [
             /* @__PURE__ */ i(
-              B,
+              V,
               {
                 disabled: !n.hasChanged,
                 form: "columns-visibility",
@@ -7100,7 +7104,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
               }
             ),
             /* @__PURE__ */ i(
-              B,
+              V,
               {
                 id: "columns-modal-submit",
                 justify: "center",
@@ -7416,7 +7420,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
               setValue: p
             }
           ),
-          /* @__PURE__ */ i(B, { mt: 1, type: "submit", children: "Apply" })
+          /* @__PURE__ */ i(V, { mt: 1, type: "submit", children: "Apply" })
         ] })
       ]
     }
@@ -7567,7 +7571,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   modalRef: a,
   variant: r
 }) => {
-  const [o, s] = R("row"), [l, c] = R(!0), d = E(), p = V(null), g = /* @__PURE__ */ i(
+  const [o, s] = R("row"), [l, c] = R(!0), d = E(), p = B(null), g = /* @__PURE__ */ i(
     _,
     {
       icon: "close",
@@ -7887,7 +7891,7 @@ const ze = ({
   onSearch: l,
   variant: c = "ungrouped"
 }) => {
-  const d = Be("filters-modal"), [p, g] = R(!1), [u, h] = R([]), y = Io(u), x = a.map((C) => ({
+  const d = Ve("filters-modal"), [p, g] = R(!1), [u, h] = R([]), y = Io(u), x = a.map((C) => ({
     ...C,
     filterOptions: C.filterOptions.map((I) => u.find(
       (T) => T.key === I.key && T.type === I.type && T.filterFn === I.filterFn
@@ -7937,7 +7941,7 @@ const ze = ({
       wrap: "wrap",
       children: [
         /* @__PURE__ */ i($, { pr: 0.25, children: /* @__PURE__ */ i(
-          B,
+          V,
           {
             icon: "filter",
             id: "filter-btn",
@@ -7990,7 +7994,7 @@ const ze = ({
           id: h,
           children: [
             !L.isEmpty(g) && !L.isNil(g) && /* @__PURE__ */ i(
-              Vr,
+              Br,
               {
                 description: s,
                 modalRef: l,
@@ -8033,7 +8037,7 @@ const ze = ({
     document.getElementById("portals") ?? document.body
   ) : l.isOpen ? x : null;
 }, Ys = (e, t, n) => {
-  const a = Be("confirm-dialog-modal"), r = V(null), o = v(async () => (a.open(), new Promise((d) => {
+  const a = Ve("confirm-dialog-modal"), r = B(null), o = v(async () => (a.open(), new Promise((d) => {
     r.current = d;
   })), [a]), s = v(() => {
     var d;
@@ -8081,7 +8085,7 @@ const ze = ({
           d,
           /* @__PURE__ */ i($, { display: "flex", flexDirection: "column", gap: 0.5, children: x }),
           /* @__PURE__ */ i(
-            Br,
+            Vr,
             {
               disabled: y,
               id: e,
@@ -8093,7 +8097,7 @@ const ze = ({
     );
   }];
 }, Ks = () => {
-  const [e, t] = R(!1), [n, a] = R(), r = V(null), o = Be("confirm-dialog-modal"), s = v(
+  const [e, t] = R(!1), [n, a] = R(), r = B(null), o = Ve("confirm-dialog-modal"), s = v(
     async (p) => (a(p), t(!0), new Promise((g) => {
       r.current = g;
     })),
@@ -8212,10 +8216,10 @@ const ze = ({
       c(!1);
     },
     !0,
-    document.getElementById("dropdown-toggle")
+    document.getElementById(`dropdown-toggle-${n}`)
   ), /* @__PURE__ */ f(ye, { children: [
     /* @__PURE__ */ i(
-      B,
+      V,
       {
         "aria-label": o,
         icon: e,
@@ -8256,7 +8260,7 @@ const ze = ({
       );
     }) }) : void 0
   ] });
-}, Pt = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ i(B, { onClick: e.onClick, variant: t, children: e.text }), Eo = b.div`
+}, Pt = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ i(V, { onClick: e.onClick, variant: t, children: e.text }), Eo = b.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -8402,7 +8406,7 @@ const ze = ({
           e,
           /* @__PURE__ */ f($, { display: "flex", gap: 0.75, maxWidth: l, children: [
             n ? /* @__PURE__ */ i(
-              B,
+              V,
               {
                 icon: n.icon,
                 id: `${s}-cancel`,
@@ -8415,7 +8419,7 @@ const ze = ({
               }
             ) : void 0,
             /* @__PURE__ */ i(
-              B,
+              V,
               {
                 disabled: ((r == null ? void 0 : r.disabled) ?? !1) || x.formState.isSubmitting || o && !x.formState.isDirty,
                 icon: r == null ? void 0 : r.icon,
@@ -8795,7 +8799,7 @@ const ze = ({
             py: 1,
             children: o.map(
               ({ icon: l, text: c, onClick: d }, p) => /* @__PURE__ */ i(
-                B,
+                V,
                 {
                   icon: l,
                   onClick: d,
@@ -8847,14 +8851,14 @@ const ze = ({
     red: `stroke: ${e.palette.primary[500]};`,
     white: `stroke: ${e.palette.white};`
   })
-), Vo = Qt`
+), Bo = Qt`
   0% {
     transform: rotateZ(0deg);
   }
   100% {
     transform: rotateZ(360deg)
   }
-`, Bo = Qt`
+`, Vo = Qt`
   0%,
   25% {
     stroke-dashoffset: 280;
@@ -8873,14 +8877,14 @@ const ze = ({
   }
 `, Uo = b.svg`
   ${({ $size: e = "md" }) => Ce`
-    animation: ${Vo} 2s linear infinite;
+    animation: ${Bo} 2s linear infinite;
     animation-timing-function: linear;
     display: inline-block;
     width: ${Ho[e]}px;
   `}
 `, Go = b.circle`
   ${({ theme: e, $color: t = "red" }) => Ce`
-    animation: 1.4s ease-in-out infinite both ${Bo};
+    animation: 1.4s ease-in-out infinite both ${Vo};
     display: block;
     fill: transparent;
     stroke-linecap: round;
@@ -9324,7 +9328,7 @@ const ze = ({
   manualOption: r,
   providers: o
 }) => {
-  const s = E(), [l, c] = R(!1), d = V(null);
+  const s = E(), [l, c] = R(!1), d = B(null);
   he(
     d.current,
     () => {
@@ -9357,7 +9361,7 @@ const ze = ({
       width: "max-content",
       zIndex: 10,
       children: [
-        /* @__PURE__ */ i(B, { icon: "plus", onClick: g, variant: "primary", children: t }),
+        /* @__PURE__ */ i(V, { icon: "plus", onClick: g, variant: "primary", children: t }),
         /* @__PURE__ */ f(
           $,
           {
@@ -9791,10 +9795,10 @@ const ze = ({
 }) => {
   const a = Ke.toArray(
     e
-  ), r = Y(
+  ), r = K(
     () => Ke.count(e),
     [e]
-  ), o = Y(
+  ), o = K(
     () => r * n,
     [r, n]
   );
@@ -9980,7 +9984,7 @@ const ze = ({
                 justify: p ? "start" : "center",
                 children: [
                   M.isObject(r) ? /* @__PURE__ */ i(
-                    B,
+                    V,
                     {
                       onClick: S,
                       variant: (r == null ? void 0 : r.variant) ?? "primary",
@@ -9989,7 +9993,7 @@ const ze = ({
                     r == null ? void 0 : r.key
                   ) : void 0,
                   M.isObject(t) ? /* @__PURE__ */ i(
-                    B,
+                    V,
                     {
                       onClick: w,
                       variant: (t == null ? void 0 : t.variant) ?? "tertiary",
@@ -10295,7 +10299,7 @@ const ze = ({
   secondaryOnClick: c,
   title: d
 }) => {
-  const p = E(), g = V(null), u = v(
+  const p = E(), g = B(null), u = v(
     (h) => () => {
       h(), r();
     },
@@ -10429,7 +10433,7 @@ const ze = ({
                   zIndex: 40,
                   children: [
                     l === void 0 ? void 0 : /* @__PURE__ */ i(
-                      B,
+                      V,
                       {
                         color: `${p.palette.primary[500]} !important`,
                         onClick: c,
@@ -10439,7 +10443,7 @@ const ze = ({
                         children: l
                       }
                     ),
-                    /* @__PURE__ */ i(B, { onClick: s, type: "submit", children: o })
+                    /* @__PURE__ */ i(V, { onClick: s, type: "submit", children: o })
                   ]
                 }
               )
@@ -10531,13 +10535,13 @@ const ze = ({
   index: n,
   name: a
 }) => {
-  const r = V(null), { thumbProps: o, inputProps: s, isDragging: l } = Fi(
+  const r = B(null), { thumbProps: o, inputProps: s, isDragging: l } = Fi(
     { index: n, trackRef: t, inputRef: r },
     e
   );
   return /* @__PURE__ */ i("div", { ...o, className: `thumb ${l ? "dragging" : ""}`, children: /* @__PURE__ */ i(Ei, { children: /* @__PURE__ */ i("input", { ...s, "aria-label": a, ref: r }) }) });
 }, Il = (e, t, n) => Math.round((n - e) / (t - e) * 100), wc = (e) => {
-  const t = E(), n = V(null), { label: a, minValue: r = 0, maxValue: o = 100, name: s, setValue: l, watch: c } = e, d = Ri(), p = ji({
+  const t = E(), n = B(null), { label: a, minValue: r = 0, maxValue: o = 100, name: s, setValue: l, watch: c } = e, d = Ri(), p = ji({
     ...e,
     numberFormatter: d,
     onChange(y) {
@@ -10700,7 +10704,7 @@ const ze = ({
           p,
           /* @__PURE__ */ f(Fl, { children: [
             o > 1 && /* @__PURE__ */ i(
-              B,
+              V,
               {
                 disabled: c.isDisabledPrevious ?? !1,
                 onClick: l(-1, h),
@@ -10709,7 +10713,7 @@ const ze = ({
               }
             ),
             o < r.length ? /* @__PURE__ */ i(
-              B,
+              V,
               {
                 disabled: c.isDisabledNext ?? !1,
                 onClick: l(1, u),
@@ -10717,7 +10721,7 @@ const ze = ({
                 children: "Next step"
               }
             ) : /* @__PURE__ */ i(
-              B,
+              V,
               {
                 disabled: e,
                 onClick: a,
@@ -10758,15 +10762,15 @@ const ze = ({
     export: r = !1,
     headers: o = {},
     name: s = "Report"
-  } = e, l = Y(
+  } = e, l = K(
     () => L.isUndefined(a) ? Ht(t) : Ht(t).map(
       (p) => L.pick(p, a)
     ),
     [t, a]
-  ), c = Y(
+  ), c = K(
     () => l.length > 0 && !L.isEmpty(o),
     [l.length, o]
-  ), d = Y(
+  ), d = K(
     () => (c ? Object.keys(l[0]) : []).map(
       (p) => L.includes(Object.keys(o), p) ? { key: p, label: o[p] } : { key: p, label: p }
     ),
@@ -10782,10 +10786,10 @@ const ze = ({
     }
   ) : /* @__PURE__ */ i(ye, { children: n });
 }, Ll = (e) => {
-  const { table: t } = e, { meta: n } = t.options, [a, r] = R(0), [, o] = t.getHeaderGroups(), s = t.getState(), l = Y(
+  const { table: t } = e, { meta: n } = t.options, [a, r] = R(0), [, o] = t.getHeaderGroups(), s = t.getState(), l = K(
     () => t.getAllLeafColumns().filter((g) => g.id !== "selection"),
     [t]
-  ), c = Y(() => l.map(
+  ), c = K(() => l.map(
     (g) => {
       var u;
       return {
@@ -10811,7 +10815,7 @@ const ze = ({
     );
   }, [t, s]), /* @__PURE__ */ f("div", { id: "columns-filter", children: [
     /* @__PURE__ */ i(
-      B,
+      V,
       {
         icon: "columns",
         id: "columns-toggle-btn",
@@ -11106,7 +11110,7 @@ const ze = ({
       margin-right: ${({ theme: e }) => e.spacing[0.5]};
     }
   }
-`, Vt = b.div`
+`, Bt = b.div`
   transition: all 150ms;
   content: "";
   z-index: 2;
@@ -11192,7 +11196,7 @@ const ze = ({
                 }
               ),
               u.column.getCanResize() && /* @__PURE__ */ i(
-                Vt,
+                Bt,
                 {
                   onMouseDown: o(p)
                 }
@@ -11246,7 +11250,7 @@ const ze = ({
             }
           ),
           d.column.getCanResize() && /* @__PURE__ */ i(
-            Vt,
+            Bt,
             {
               onMouseDown: o(d)
             }
@@ -11260,8 +11264,8 @@ const ze = ({
   align-items: center;
   display: flex;
   width: 100%;
-`, Vl = () => {
-  const e = E(), { table: t } = ue(de), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, a = Y(() => {
+`, Bl = () => {
+  const e = E(), { table: t } = ue(de), { 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(
@@ -11342,7 +11346,7 @@ const ze = ({
     ),
     l.getIsExpanded() ? /* @__PURE__ */ i("tr", { "data-testid": `row-${l.id}-expand`, id: "description", children: /* @__PURE__ */ i("td", { colSpan: 100, children: s(l) }) }) : void 0
   ] }, l.id)) });
-}, Bl = () => {
+}, Vl = () => {
   const {
     containerRef: e,
     hidden: t,
@@ -11370,10 +11374,10 @@ const ze = ({
     ] }) }),
     /* @__PURE__ */ f("table", { ref: l, children: [
       /* @__PURE__ */ i(Hl, {}),
-      /* @__PURE__ */ i(Vl, {})
+      /* @__PURE__ */ i(Bl, {})
     ] })
   ] });
-}, Bt = b(_)`
+}, Vt = b(_)`
   ${({ theme: e, $padding: t }) => `
   background-color: ${e.palette.white};
   border: 1px solid ${e.palette.gray[200]};
@@ -11407,7 +11411,7 @@ const ze = ({
   }, [e]);
   return /* @__PURE__ */ f($, { alignItems: "center", display: "flex", gap: 0.5, children: [
     /* @__PURE__ */ i(
-      Bt,
+      Vt,
       {
         $padding: "4px 6px",
         disabled: !(e != null && e.getCanPreviousPage()),
@@ -11419,7 +11423,7 @@ const ze = ({
       }
     ),
     /* @__PURE__ */ i(
-      Bt,
+      Vt,
       {
         $padding: "4px 6px",
         disabled: t > n - 2,
@@ -11439,7 +11443,7 @@ const ze = ({
     open: a,
     placement: "top-end",
     whileElementsMounted: et
-  }), d = Y(
+  }), d = K(
     () => Oi(
       [Gl, _l, Yl, Kl],
       // eslint-disable-next-line functional/prefer-immutable-types
@@ -11680,7 +11684,7 @@ const ze = ({
   table: t
 }) => {
   var u;
-  const n = V(null), a = V(null), { id: r } = t.options.meta ?? {}, { enableMultiRowSelection: o } = (t == null ? void 0 : t.options) ?? {}, s = Object.keys(t.getState().rowSelection).length, l = s === 1 ? "item" : "items", c = s === 0 || !o, d = Math.max(
+  const n = B(null), a = B(null), { id: r } = t.options.meta ?? {}, { enableMultiRowSelection: o } = (t == null ? void 0 : t.options) ?? {}, s = Object.keys(t.getState().rowSelection).length, l = s === 1 ? "item" : "items", c = s === 0 || !o, d = Math.max(
     ((u = n.current) == null ? void 0 : u.clientWidth) ?? 0,
     t.getTotalSize() + ls
   ), p = v(() => {
@@ -11713,7 +11717,7 @@ const ze = ({
 }, kc = Object.assign(ss, {
   Caption: as,
   Columns: Ll,
-  Content: Bl,
+  Content: Vl,
   Controls: rs,
   Export: jl,
   Footer: ql,
@@ -11924,7 +11928,7 @@ const ze = ({
     }) })
   ] });
 }, Sc = ({ items: e }) => {
-  const t = V(null), [n, a] = R("long");
+  const t = B(null), [n, a] = R("long");
   return U(() => {
     t.current && a(t.current.offsetWidth <= 1100 ? "small" : "long");
   }, []), /* @__PURE__ */ i($, { ref: t, width: "100%", children: /* @__PURE__ */ i(gs, { $size: n, children: e.map((r, o) => /* @__PURE__ */ i(
@@ -12082,7 +12086,7 @@ export {
   lc as am,
   sc as an,
   bn as ao,
-  Br as ap,
+  Vr as ap,
   Mr as aq,
   oo as ar,
   $o as as,
@@ -12101,7 +12105,7 @@ export {
   he as b3,
   mr as b4,
   gn as b5,
-  Be as b6,
+  Ve as b6,
   Ws as b7,
   sa as b8,
   sn as b9,
@@ -12122,8 +12126,8 @@ export {
   de as bO,
   Mt as bP,
   Hl as bQ,
-  Vl as bR,
-  Bl as bS,
+  Bl as bR,
+  Vl as bS,
   Ul as bT,
   Zl as bU,
   Xl as bV,
@@ -12132,7 +12136,7 @@ export {
   is as bY,
   as as bZ,
   rs as b_,
-  Ve as ba,
+  Be as ba,
   Ra as bb,
   Ct as bc,
   Wa as bd,
@@ -12151,7 +12155,7 @@ export {
   Rt as bq,
   qe as br,
   jr as bs,
-  Vr as bt,
+  Br as bt,
   Zr as bu,
   Qr as bv,
   to as bw,
@@ -12170,14 +12174,14 @@ export {
   He as k,
   ks as l,
   Cs as m,
-  B as n,
+  V as n,
   Os as o,
   Ss as p,
   Hs as q,
   Ms as r,
   Re as s,
-  Vs as t,
-  Bs as u,
+  Bs as t,
+  Vs as u,
   oe as v,
   fe as w,
   Us as x,