@fluidattacks/design 3.40.0 → 3.40.2

package/dist/{components-DbKPOplX.mjs → components-BinP9c-h.mjs}

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as h, Fragment as ce } from "react/jsx-runtime";
-import rt, { forwardRef as te, useState as R, useCallback as v, useEffect as G, useMemo as U, useRef as M, StrictMode as _i, Fragment as fe, Children as zt, isValidElement as On, cloneElement as Vn, createContext as Pn, useContext as ye } from "react";
+import rt, { forwardRef as te, useState as R, useCallback as v, useEffect as G, useMemo as Y, useRef as M, StrictMode as _i, Fragment as fe, Children as zt, isValidElement as On, cloneElement as Vn, createContext as Pn, useContext as ye } from "react";
 import Ui, { ThemeProvider as Yi, styled as m, useTheme as j, css as He, keyframes as Wn } from "styled-components";
-import { C as Xi, s as Zi, _ as O, u as Bn, p as It, A as Ki, l as qi, a as Ji, c as Et, b as Ve, d as Qi, e as er, f as tr, g as nr, h as _, i as ot, j as Hn, o as at, k as ir, $ as rr, m as or, n as ar, q as lr, r as sr, t as cr, v as dr, w as pr, x as gr, y as Mn, z as Gn, B as Lt, D as ur, E as hr, F as fr, G as en, H as lt, I as yr, J as $r, K as _n, L as st, M as Un, N as br, O as xr, P as mr, Q as wr, R as vr, S as q, T as kr, U as Yn, V as Cr, W as Xn, X as Zn, Y as Sr, Z as zr, a0 as Ir, a1 as Tr, a2 as Dr, a3 as Nr, a4 as At, a5 as Fr, a6 as tn, a7 as nn, a8 as rn, a9 as Re, aa as Er, ab as Kn, ac as qn, ad as Jn, ae as Qn, af as ei, ag as Lr, ah as ti, ai as Ar, aj as jr, ak as Rr, al as Or, am as Vr, an as Pr, ao as Wr, as as ni, at as Br, au as Hr, av as Mr, aw as Gr, ax as _r, ay as Ur, az as Yr, aA as Xr, aB as Zr, aC as Kr, aD as Tt, aE as qr, aF as on, aG as Jr, aH as an, aI as Qr } from "./vendor-B1TUvK03.mjs";
+import { C as Xi, s as Zi, _ as O, u as Bn, p as It, A as Ki, l as qi, a as Ji, c as Et, b as Ve, d as Qi, e as er, f as tr, g as nr, h as _, i as ot, j as Hn, o as at, k as ir, $ as rr, m as or, n as ar, q as lr, r as sr, t as cr, v as dr, w as pr, x as gr, y as Mn, z as Gn, B as Lt, D as ur, E as hr, F as fr, G as en, H as lt, I as yr, J as $r, K as _n, L as st, M as Un, N as br, O as xr, P as mr, Q as wr, R as vr, S as q, T as kr, U as Yn, V as Cr, W as Xn, X as Zn, Y as Sr, Z as zr, a0 as Ir, a1 as Tr, a2 as Dr, a3 as Nr, a4 as At, a5 as Fr, a6 as tn, a7 as nn, a8 as rn, a9 as Re, aa as Er, ab as Kn, ac as qn, ad as Jn, ae as Qn, af as ei, ag as Lr, ah as ti, ai as Ar, aj as jr, ak as Rr, al as Or, am as Vr, an as Pr, ao as Wr, as as ni, at as Br, au as Hr, av as Mr, aw as Gr, ax as _r, ay as Ur, az as Yr, aA as Xr, aB as Zr, aC as Kr, aD as Tt, aE as qr, aF as on, aG as Jr, aH as an, aI as Qr } from "./vendor-BKIdoMSS.mjs";
 import { createPortal as Ee } from "react-dom";
 import { Link as eo, useLocation as to, NavLink as no } from "react-router-dom";
 const me = (e) => ({
@@ -1063,12 +1063,12 @@ const A = te(function({
   publicId: e,
   format: t = "webp"
 }) => {
-  const n = U(() => new Xi({
+  const n = Y(() => new Xi({
     cloud: {
       cloudName: "fluid-attacks"
     }
   }), []);
-  return U(() => n.image(e).format(t), [n, e, t]);
+  return Y(() => n.image(e).format(t), [n, e, t]);
 }, Me = (e) => {
   const [t, n] = R(!1), r = v(() => {
     n(!0);
@@ -1088,7 +1088,7 @@ const A = te(function({
   setColumnOrder: r,
   setColumnVisibility: o
 }) => {
-  const a = U(
+  const a = Y(
     () => [
       // locked -> visible -> hidden
       ...t.filter(({ locked: g }) => g).map(({ locked: g, ...u }) => ({ ...u, visible: !0, locked: g })),
@@ -1117,7 +1117,7 @@ const A = te(function({
       return y - $;
     });
     o == null || o(Lo(g)), p(g);
-  }, [l, n, p, o]), c = U(() => Zi(l, (g) => ((n == null ? void 0 : n.includes(g.id)) ?? !1) !== g.visible), [l, n]);
+  }, [l, n, p, o]), c = Y(() => Zi(l, (g) => ((n == null ? void 0 : n.includes(g.id)) ?? !1) !== g.visible), [l, n]);
   return {
     setColumns: p,
     resetToDefault: d,
@@ -1125,7 +1125,7 @@ const A = te(function({
     ...Me(e),
     hasChanged: c
   };
-}, si = (e, t) => U(
+}, si = (e, t) => Y(
   () => O.debounce(e, t),
   [e, t]
 ), jo = (e, t) => {
@@ -1171,7 +1171,7 @@ const A = te(function({
 }, Ro = (e) => typeof window > "u" ? null : window.localStorage.getItem(e), Je = (e) => {
   typeof window > "u" || window.localStorage.removeItem(e);
 }, Oo = (e, t, n) => {
-  const r = M(!1), [o, a] = Bn(t, n), [l, s] = jo(e, null), p = U(
+  const r = M(!1), [o, a] = Bn(t, n), [l, s] = jo(e, null), p = Y(
     () => Object.values(o).every(
       (c) => c == null || c === ""
     ),
@@ -1248,7 +1248,7 @@ const A = te(function({
 }, di = ({
   filters: e
 }) => {
-  const t = U(ci, []), n = e.flatMap((d) => d.id), [r, o] = Oo(
+  const t = Y(ci, []), n = e.flatMap((d) => d.id), [r, o] = Oo(
     t,
     {
       ...Object.fromEntries(
@@ -1256,14 +1256,14 @@ const A = te(function({
       )
     },
     { history: "replace" }
-  ), a = U(() => {
+  ), a = Y(() => {
     const d = new URLSearchParams();
     Object.entries(r).forEach(([g, u]) => {
       u && u !== "undefined" && u.trim() !== "" && d.append(g, u);
     });
     const c = d.toString();
     return c ? `?${c}` : "";
-  }, [r]), l = Object.entries(r).filter(([, d]) => !!d && d !== "undefined").flatMap(([, d]) => d.trim().split(",")).filter((d) => !["-", ""].includes(d.trim())).length, s = U(() => {
+  }, [r]), l = Object.entries(r).filter(([, d]) => !!d && d !== "undefined").flatMap(([, d]) => d.trim().split(",")).filter((d) => !["-", ""].includes(d.trim())).length, s = Y(() => {
     const d = new Map(e.map((c) => [c.id, c]));
     return Object.entries(r).filter(([, c]) => !!c && c !== "undefined").flatMap(([c, g]) => {
       const u = d.get(c);
@@ -1273,9 +1273,33 @@ const A = te(function({
         g
       ), { label: $, options: x } = u, k = y && y.length > 0, C = f.length > 0, w = (x == null ? void 0 : x.some((z) => z.type === "text")) ? "text" : void 0;
       return k && C ? [
-        { id: c, label: $, type: w, value: y.join(", ") },
-        { id: c, label: $, type: w, value: f.join(", ") }
-      ] : k ? [{ id: c, label: $, type: w, value: y.join(", ") }] : C ? [{ id: c, label: $, type: w, value: f.join(", ") }] : [{ id: c, label: $, type: w, value: g }];
+        {
+          id: c,
+          label: $,
+          ...w && { type: w },
+          value: y.join(", ")
+        },
+        {
+          id: c,
+          label: $,
+          ...w && { type: w },
+          value: f.join(", ")
+        }
+      ] : k ? [
+        {
+          id: c,
+          label: $,
+          ...w && { type: w },
+          value: y.join(", ")
+        }
+      ] : C ? [
+        {
+          id: c,
+          label: $,
+          ...w && { type: w },
+          value: f.join(", ")
+        }
+      ] : [{ id: c, label: $, ...w && { type: w }, value: g }];
     });
   }, [r, e]), p = v(
     (d, c) => () => {
@@ -1287,14 +1311,14 @@ const A = te(function({
           e.map((D) => [D.id, D])
         ).get(d);
         if (!y) return { ...g, [d]: "" };
-        const { splitValues: $, preservedValues: x, labelToValueMap: k } = ln(y, u), C = $.map((D) => D.trim()), S = c.split(",").map((D) => D.trim()), T = x.map(
+        const { splitValues: $, preservedValues: x, labelToValueMap: k } = ln(y, u), C = $.map((D) => D.trim()), S = c.split(",").map((D) => D.trim()), I = x.map(
           (D) => D.trim()
         ).some(
-          (D) => S.some((I) => D === I)
+          (D) => S.some((T) => D === T)
         ) ? x.filter(
-          (D) => S.some((I) => D.trim() === I)
+          (D) => S.some((T) => D.trim() === T)
         ) : S.map((D) => k.get(D)).filter(Boolean), E = new Set(
-          T.map((D) => D.trim())
+          I.map((D) => D.trim())
         ), F = C.filter(
           (D) => D !== "" && !E.has(D)
         );
@@ -1881,14 +1905,14 @@ const A = te(function({
     open: x,
     placement: c,
     whileElementsMounted: ot
-  }), T = Qi(w, {
+  }), I = Qi(w, {
     delay: { close: 0, open: 500 },
     move: !1
-  }), E = er(w), F = tr(w, { role: o ? "label" : "tooltip" }), { getReferenceProps: D, getFloatingProps: I } = nr([
-    T,
+  }), E = er(w), F = tr(w, { role: o ? "label" : "tooltip" }), { getReferenceProps: D, getFloatingProps: T } = nr([
+    I,
     E,
     F
-  ]), L = U(() => z.startsWith("top") ? "top" : z.startsWith("bottom") ? "bottom" : z.startsWith("left") ? "left" : z.startsWith("right") ? "right" : "bottom", [z]);
+  ]), L = Y(() => z.startsWith("top") ? "top" : z.startsWith("bottom") ? "bottom" : z.startsWith("left") ? "left" : z.startsWith("right") ? "right" : "bottom", [z]);
   return t ? /* @__PURE__ */ i(_i, { children: e }) : /* @__PURE__ */ h(ce, { children: [
     /* @__PURE__ */ i(
       Qo,
@@ -1916,7 +1940,7 @@ const A = te(function({
       /* @__PURE__ */ h(
         ea,
         {
-          ...I(),
+          ...T(),
           $maxWidth: p,
           id: `floating-${s}`,
           ref: C.setFloating,
@@ -2018,8 +2042,8 @@ const A = te(function({
         }
       )
     }
-  ), T = (f + (k ?? "") + (p ?? r)).replace(/ /u, "_");
-  return y === void 0 ? w : /* @__PURE__ */ i(ae, { id: `${T}-tooltip`, place: $, tip: y, children: w });
+  ), I = (f + (k ?? "") + (p ?? r)).replace(/ /u, "_");
+  return y === void 0 ? w : /* @__PURE__ */ i(ae, { id: `${I}-tooltip`, place: $, tip: y, children: w });
 }), Gd = te(function({
   autoHide: t = !1,
   children: n,
@@ -2503,7 +2527,7 @@ const A = te(function({
     "noopener,noreferrer,"
   );
   _.isObject(n) && (n.opener = null);
-}, Y = te(function({
+}, X = te(function({
   children: t,
   disabled: n = !1,
   external: r = !1,
@@ -2525,10 +2549,10 @@ const A = te(function({
   underline: S = !1,
   value: w,
   variant: z = "primary",
-  width: T,
+  width: I,
   ...E
 }, F) {
-  const D = k !== void 0, I = `${a}-tooltip`, L = v(() => {
+  const D = k !== void 0, T = `${a}-tooltip`, L = v(() => {
     o && gi(o, r);
   }, [r, o]), P = /* @__PURE__ */ h(
     pi,
@@ -2543,8 +2567,8 @@ const A = te(function({
       ref: F,
       type: x,
       value: w,
-      width: T,
-      ...D ? { "data-tooltip-id": I } : {},
+      width: I,
+      ...D ? { "data-tooltip-id": T } : {},
       ...E,
       children: [
         g && z === "ghost" && !n ? /* @__PURE__ */ i(
@@ -2590,10 +2614,10 @@ const A = te(function({
     ae,
     {
       disabled: !D,
-      id: I,
+      id: T,
       place: C,
       tip: k,
-      width: T,
+      width: I,
       children: P
     }
   ) : P;
@@ -2614,7 +2638,7 @@ const A = te(function({
       position: "relative",
       zIndex: 30,
       children: [
-        s ? /* @__PURE__ */ h(Y, { onClick: n, px: 0.5, py: 0.5, variant: "ghost", children: [
+        s ? /* @__PURE__ */ h(X, { onClick: n, px: 0.5, py: 0.5, variant: "ghost", children: [
           /* @__PURE__ */ i(cn, { children: r[0].toUpperCase() }),
           a ? /* @__PURE__ */ i(
             N,
@@ -2962,13 +2986,15 @@ const A = te(function({
       }
     }
 
-    &:has(input[type="file"]):not(:has(.dropzone)) {
-      div {
-        border-right: unset;
-        padding-right: 0;
-
-        &:hover, &:focus-within {
+    &:has(input[type='file']) {
+      &:not(:has(.dropzone)) {
+        div {
           border-right: unset;
+          padding-right: 0;
+
+          &:hover, &:focus-within {
+            border-right: unset;
+          }
         }
       }
     }
@@ -3490,7 +3516,7 @@ const A = te(function({
 }) => {
   var E, F, D;
   const p = j(), d = M(null), c = e.props.hrefLang, g = l.disabledKeys, u = Array.from(l.collection.getKeys()).filter(
-    (I) => !Array.from(g).includes(I) && I !== "All"
+    (T) => !Array.from(g).includes(T) && T !== "All"
   ), { optionProps: f, isSelected: y, isFocused: $, isDisabled: x } = ar(
     { key: e.key },
     l,
@@ -3500,12 +3526,12 @@ const A = te(function({
     $ ? "focused" : "",
     x ? "disabled" : ""
   ].join(" "), C = v(
-    (I) => {
-      o(""), a == null || a(`${n}Options`, ""), I.currentTarget.checked && (o(I.currentTarget.value), a == null || a(`${n}Options`, u));
+    (T) => {
+      o(""), a == null || a(`${n}Options`, ""), T.currentTarget.checked && (o(T.currentTarget.value), a == null || a(`${n}Options`, u));
     },
     [u, n, o, a]
   ), S = v(() => {
-    const I = s == null ? void 0 : s(`${n}Options`), L = typeof I == "string" ? [I] : I;
+    const T = s == null ? void 0 : s(`${n}Options`), L = typeof T == "string" ? [T] : T;
     lr(u, L) && !Array.from(g).includes("All") ? (a == null || a("checkAll", "All vulnerability types"), o("All vulnerability types")) : (a == null || a("checkAll", ""), o(
       (L == null ? void 0 : L.length) <= 2 ? L.join(", ") : `${L.slice(0, 2).join(", ") + `, +${L.length - 2} more`}`
     ));
@@ -3534,10 +3560,10 @@ const A = te(function({
       whiteSpace: "nowrap",
       children: e.rendered
     }
-  ), T = v(
-    (I) => {
+  ), I = v(
+    (T) => {
       var L;
-      I.preventDefault(), o(((L = e.rendered) == null ? void 0 : L.toString()) ?? ""), l.setSelectedKey(e.key), setTimeout(() => {
+      T.preventDefault(), o(((L = e.rendered) == null ? void 0 : L.toString()) ?? ""), l.setSelectedKey(e.key), setTimeout(() => {
         l.setOpen(!1);
       }, 50), gi(c);
     },
@@ -3558,7 +3584,7 @@ const A = te(function({
       className: k,
       ref: d,
       children: [
-        c ? /* @__PURE__ */ i(Te, { href: c, onClick: T, children: z }) : z,
+        c ? /* @__PURE__ */ i(Te, { href: c, onClick: I, children: z }) : z,
         y && !x && !t ? /* @__PURE__ */ i(A, { icon: "check", iconSize: "sm", iconType: "fa-light" }) : void 0,
         e.rendered === e.textValue ? void 0 : /* @__PURE__ */ i(le, { tagLabel: e.textValue, variant: "inactive" })
       ]
@@ -3587,14 +3613,14 @@ const A = te(function({
   required: S,
   setValue: w,
   tooltip: z,
-  value: T,
+  value: I,
   watch: E,
   weight: F
 }) => {
   var qt, Jt;
-  const D = j(), I = t ? void 0 : r, L = (e == null ? void 0 : e.value) ?? T, [P, B] = R(
+  const D = j(), T = t ? void 0 : r, L = (e == null ? void 0 : e.value) ?? I, [P, B] = R(
     ((qt = g.find((H) => H.value === L)) == null ? void 0 : qt.name) ?? ""
-  ), [Z, J] = R(L), [ee, ie] = R(g), [ve, X] = R(!1), { contains: K } = sr({ sensitivity: "base" }), ue = M(null), ke = M(null), Le = M(null), Ae = M(null), Ge = M(null), ji = U(() => g.toSorted((H, oe) => {
+  ), [U, J] = R(L), [ee, ie] = R(g), [ve, Z] = R(!1), { contains: K } = sr({ sensitivity: "base" }), ue = M(null), ke = M(null), Le = M(null), Ae = M(null), Ge = M(null), ji = Y(() => g.toSorted((H, oe) => {
     const se = Array.from(n ?? []), je = se.includes(H.value), Qt = se.includes(oe.value);
     return je && !Qt ? 1 : !je && Qt ? -1 : 0;
   }).map(
@@ -3611,7 +3637,7 @@ const A = te(function({
   ), [K, n, P, g, ve]), Ri = v(
     (H) => {
       const oe = H.split(/,|\s/u).slice(-1)[0].trim();
-      B(c ? oe : H), H === "" || H.endsWith(",") ? X(!0) : (X(!1), J((se) => {
+      B(c ? oe : H), H === "" || H.endsWith(",") ? Z(!0) : (Z(!1), J((se) => {
         const je = H === "" ? "" : se;
         return e && e.onChange(je), f && f(H), je;
       }), ie(
@@ -3629,13 +3655,13 @@ const A = te(function({
     [g, e, f]
   ), Ut = v(
     (H) => {
-      H.key === "Enter" && H.preventDefault(), X(!1);
+      H.key === "Enter" && H.preventDefault(), Z(!1);
     },
     []
   ), Vi = v(() => {
     u && u(), e && e.onBlur();
   }, [e, u]), Pi = v(() => {
-    X(!0);
+    Z(!0);
   }, []), re = dr({
     allowsCustomValue: c,
     allowsEmptyCollection: !0,
@@ -3644,13 +3670,13 @@ const A = te(function({
     items: ee,
     menuTrigger: "focus",
     shouldCloseOnBlur: !c,
-    selectedKey: Z,
+    selectedKey: U,
     onBlur: Vi,
     onInputChange: Ri,
     onKeyDown: Ut,
     onKeyUp: Pi,
     onOpenChange(H, oe) {
-      X(
+      Z(
         H && (oe === "manual" || oe === "focus")
       ), H && setTimeout(() => {
         var se;
@@ -3703,7 +3729,7 @@ const A = te(function({
   return /* @__PURE__ */ h(
     de,
     {
-      error: I,
+      error: T,
       helpLink: o,
       helpLinkText: a,
       helpText: l,
@@ -3717,21 +3743,21 @@ const A = te(function({
         /* @__PURE__ */ h(
           ge,
           {
-            className: `${t ? "disabled" : ""} ${I ? "error" : ""}`,
+            className: `${t ? "disabled" : ""} ${T ? "error" : ""}`,
             ref: Ae,
             children: [
               /* @__PURE__ */ i(
                 "input",
                 {
                   ...Hi,
-                  "aria-invalid": I ? "true" : "false",
+                  "aria-invalid": T ? "true" : "false",
                   "aria-label": d,
                   disabled: t,
                   onKeyDown: Ut,
                   ref: ue
                 }
               ),
-              I ? /* @__PURE__ */ i(
+              T ? /* @__PURE__ */ i(
                 A,
                 {
                   icon: "exclamation-circle",
@@ -3740,7 +3766,7 @@ const A = te(function({
                   iconSize: "lg"
                 }
               ) : void 0,
-              x && Z && !t ? /* @__PURE__ */ i(
+              x && U && !t ? /* @__PURE__ */ i(
                 Q,
                 {
                   icon: "xmark",
@@ -3888,7 +3914,7 @@ const A = te(function({
   required: S,
   setValue: w,
   tooltip: z,
-  value: T,
+  value: I,
   watch: E,
   weight: F
 }) => e ? /* @__PURE__ */ i(
@@ -3896,7 +3922,7 @@ const A = te(function({
   {
     control: e,
     name: d,
-    render: ({ field: D, fieldState: I }) => {
+    render: ({ field: D, fieldState: T }) => {
       var L;
       return /* @__PURE__ */ i(
         gn,
@@ -3905,7 +3931,7 @@ const A = te(function({
           disabled: t,
           disabledKeys: n,
           emptyMessage: k,
-          error: (L = I.error) == null ? void 0 : L.message,
+          error: (L = T.error) == null ? void 0 : L.message,
           field: D,
           helpLink: o,
           helpLinkText: a,
@@ -3923,7 +3949,7 @@ const A = te(function({
           required: S,
           setValue: w,
           tooltip: z,
-          value: T,
+          value: I,
           watch: E,
           weight: F
         }
@@ -3953,7 +3979,7 @@ const A = te(function({
     placeholder: $,
     required: S,
     tooltip: z,
-    value: T,
+    value: I,
     weight: F
   }
 ), ma = m.div`
@@ -4299,7 +4325,7 @@ const A = te(function({
       }
     ),
     /* @__PURE__ */ i(Wt, { state: r }),
-    /* @__PURE__ */ i(Pt, { children: /* @__PURE__ */ i(Y, { onClick: e, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ i(Pt, { children: /* @__PURE__ */ i(X, { onClick: e, variant: "ghost", children: "Cancel" }) })
   ] });
 }, yi = ({
   segment: e,
@@ -4538,7 +4564,7 @@ const A = te(function({
       x(F);
     },
     ...$ ? { defaultValue: $ } : {}
-  }), { close: C } = k, { groupProps: S, fieldProps: w, buttonProps: z, dialogProps: T, calendarProps: E } = Zn(
+  }), { close: C } = k, { groupProps: S, fieldProps: w, buttonProps: z, dialogProps: I, calendarProps: E } = Zn(
     { ...u, "aria-label": l ?? s, name: s },
     k,
     f
@@ -4578,7 +4604,7 @@ const A = te(function({
             placement: "bottom start",
             state: k,
             triggerRef: f,
-            children: /* @__PURE__ */ i(Ht, { ...T, children: /* @__PURE__ */ i(Fa, { onClose: C, props: E }) })
+            children: /* @__PURE__ */ i(Ht, { ...I, children: /* @__PURE__ */ i(Fa, { onClose: C, props: E }) })
           }
         ) : null
       ]
@@ -4604,7 +4630,7 @@ const A = te(function({
       }
     ),
     /* @__PURE__ */ i(Wt, { state: o }),
-    /* @__PURE__ */ i(Pt, { children: /* @__PURE__ */ i(Y, { onClick: e, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ i(Pt, { children: /* @__PURE__ */ i(X, { onClick: e, variant: "ghost", children: "Cancel" }) })
   ] });
 }, Va = m.div`
   ${({ theme: e, $disabled: t, $show: n }) => `
@@ -4652,11 +4678,11 @@ const A = te(function({
     } : d != null && d.onChange || c != null && c.onChange ? { value: null } : {}
   }), { close: w } = S, {
     groupProps: z,
-    startFieldProps: T,
+    startFieldProps: I,
     endFieldProps: E,
     buttonProps: F,
     dialogProps: D,
-    calendarProps: I
+    calendarProps: T
   } = Tr(
     { ...u, "aria-label": n ?? r },
     S,
@@ -4691,8 +4717,8 @@ const A = te(function({
                   disabled: e,
                   error: t,
                   fieldProps: {
-                    ...T,
-                    "aria-label": `${T["aria-label"]} ${r}`,
+                    ...I,
+                    "aria-label": `${I["aria-label"]} ${r}`,
                     validate: (L) => E.value && L > E.value ? "Start date must be less than or equal to end date" : null
                   },
                   groupProps: z,
@@ -4713,7 +4739,7 @@ const A = te(function({
                   fieldProps: {
                     ...E,
                     "aria-label": `${E["aria-label"]} ${r}`,
-                    validate: (L) => T.value && L < T.value ? "End date must be greater than or equal to start date" : null
+                    validate: (L) => I.value && L < I.value ? "End date must be greater than or equal to start date" : null
                   },
                   groupProps: z,
                   name: (d == null ? void 0 : d.name) ?? f,
@@ -4733,7 +4759,7 @@ const A = te(function({
             placement: "bottom start",
             state: S,
             triggerRef: $,
-            children: /* @__PURE__ */ i(Ht, { ...D, children: /* @__PURE__ */ i(Oa, { onClose: w, props: I }) })
+            children: /* @__PURE__ */ i(Ht, { ...D, children: /* @__PURE__ */ i(Oa, { onClose: w, props: T }) })
           }
         ) : null
       ]
@@ -4784,7 +4810,7 @@ const A = te(function({
         }
       ) })
     ] }),
-    /* @__PURE__ */ i(Pt, { children: /* @__PURE__ */ i(Y, { onClick: t, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ i(Pt, { children: /* @__PURE__ */ i(X, { onClick: t, variant: "ghost", children: "Cancel" }) })
   ] });
 }, Xd = (e) => {
   const {
@@ -4810,11 +4836,11 @@ const A = te(function({
   }), { close: f } = u, { groupProps: y, fieldProps: $, buttonProps: x, dialogProps: k, calendarProps: C } = Zn(e, u, g), S = v(
     (z) => {
       if (C.onChange && C.onChange(z), u.timeValue) {
-        const T = $n(
+        const I = $n(
           z,
           u.timeValue
         );
-        p == null || p(a, T, { shouldDirty: !0 });
+        p == null || p(a, I, { shouldDirty: !0 });
       } else
         u.setDateValue(z);
     },
@@ -4823,9 +4849,9 @@ const A = te(function({
     (z) => {
       if (z) {
         u.setTimeValue(z);
-        const T = u.dateValue;
-        if (T) {
-          const E = $n(T, z);
+        const I = u.dateValue;
+        if (I) {
+          const E = $n(I, z);
           p == null || p(a, E, { shouldDirty: !0 });
         }
       }
@@ -4918,12 +4944,12 @@ const A = te(function({
   weight: w,
   ...z
 }) => {
-  const { required: T, onBlur: E, onChange: F } = z, D = j(), I = e ? void 0 : a, [L, P] = R(""), B = v(
+  const { required: I, onBlur: E, onChange: F } = z, D = j(), T = e ? void 0 : a, [L, P] = R(""), B = v(
     (ee) => {
       P(ee.target.value), F == null || F(ee);
     },
     [F]
-  ), Z = p && d && !e && L.trim() !== "", J = v(
+  ), U = p && d && !e && L.trim() !== "", J = v(
     (ee) => {
       ee.key === "Enter" && ee.preventDefault();
     },
@@ -4932,13 +4958,13 @@ const A = te(function({
   return /* @__PURE__ */ h(
     de,
     {
-      error: I,
+      error: T,
       helpLink: n,
       helpLinkText: r,
       helpText: o,
       htmlFor: g,
       label: c,
-      required: T,
+      required: I,
       tooltip: C,
       weight: w,
       children: [
@@ -4946,7 +4972,7 @@ const A = te(function({
           ge,
           {
             className: `
-          ${e ? "disabled" : ""} ${I ? "error" : ""} ${Z ? "success" : ""}
+          ${e ? "disabled" : ""} ${T ? "error" : ""} ${U ? "success" : ""}
         `,
             children: [
               t ? /* @__PURE__ */ i(A, { icon: "user", iconSize: "xl", iconType: "fa-light" }) : void 0,
@@ -4954,9 +4980,9 @@ const A = te(function({
                 "input",
                 {
                   "aria-hidden": !1,
-                  "aria-invalid": I ? "true" : "false",
+                  "aria-invalid": T ? "true" : "false",
                   "aria-label": g,
-                  "aria-required": T,
+                  "aria-required": I,
                   autoComplete: "off",
                   className: u ? "sr-block" : "",
                   "data-testid": `${g}-input`,
@@ -4967,10 +4993,10 @@ const A = te(function({
                   onPaste: f,
                   placeholder: y,
                   type: S,
-                  ...x ? x(g, { required: T, onBlur: E, onChange: B }) : { ...z, onChange: B }
+                  ...x ? x(g, { required: I, onBlur: E, onChange: B }) : { ...z, onChange: B }
                 }
               ),
-              I ? /* @__PURE__ */ i(
+              T ? /* @__PURE__ */ i(
                 A,
                 {
                   icon: "exclamation-circle",
@@ -4979,7 +5005,7 @@ const A = te(function({
                   iconSize: "lg"
                 }
               ) : void 0,
-              Z ? /* @__PURE__ */ i(
+              U ? /* @__PURE__ */ i(
                 A,
                 {
                   icon: "check-circle",
@@ -5165,7 +5191,7 @@ const A = te(function({
       }
     ) }),
     l < d - 1 && l + 1 === (r == null ? void 0 : r.length) ? /* @__PURE__ */ i(bn, { lg: 25, md: 25, sm: 25, children: /* @__PURE__ */ i(
-      Y,
+      X,
       {
         disabled: n,
         icon: "plus",
@@ -5399,7 +5425,7 @@ const A = te(function({
           }
         ),
         /* @__PURE__ */ h(
-          Y,
+          X,
           {
             border: e ? `1px solid ${a.palette.gray[300]} !important` : "",
             borderRadius: "0px 8px 8px 0px !important",
@@ -5630,12 +5656,12 @@ const A = te(function({
           (ie) => ie.kind === "file"
         ), B = await Promise.all(
           P.map(async (ie) => ie.getFile())
-        ), Z = p ? B.filter((ie) => ol(ie, rl(p))) : B;
-        p && Z.length < B.length && console.warn(
+        ), U = p ? B.filter((ie) => ol(ie, rl(p))) : B;
+        p && U.length < B.length && console.warn(
           "InputFile: Some files were rejected due to invalid type."
         );
         const J = new DataTransfer();
-        (f ? Z : [Z[0]]).forEach(
+        (f ? U : [U[0]]).forEach(
           (ie) => J.items.add(ie)
         );
         const ee = J.files;
@@ -5660,7 +5686,7 @@ const A = te(function({
       variant: "ghost",
       width: "20px"
     }
-  ), T = n ? /* @__PURE__ */ i(
+  ), I = n ? /* @__PURE__ */ i(
     A,
     {
       icon: "exclamation-circle",
@@ -5697,7 +5723,7 @@ const A = te(function({
       type: "button",
       children: "Try again"
     }
-  ), I = u ? /* @__PURE__ */ i(
+  ), T = u ? /* @__PURE__ */ i(
     vt,
     {
       $variant: "lowRelevance",
@@ -5774,7 +5800,7 @@ const A = te(function({
                       gap: 0.25,
                       justify: "center",
                       children: [
-                        T,
+                        I,
                         /* @__PURE__ */ i(
                           N,
                           {
@@ -5789,7 +5815,7 @@ const A = te(function({
                   ),
                   /* @__PURE__ */ i("div", { children: E })
                 ] }),
-                n ? D : _.isEmpty(r) ? void 0 : c ? I : z
+                n ? D : _.isEmpty(r) ? void 0 : c ? T : z
               ]
             }
           ),
@@ -5822,22 +5848,22 @@ const A = te(function({
   progressPercentage: w,
   maxSize: z
 }) => {
-  const T = j(), E = t ? void 0 : n, F = M(null), D = g == null ? void 0 : g(p, { required: c }), I = $ == null ? void 0 : $(p), L = Ja(I), [P, B] = R(!1), [Z, J] = R(w);
+  const I = j(), E = t ? void 0 : n, F = M(null), D = g == null ? void 0 : g(p, { required: c }), T = $ == null ? void 0 : $(p), L = Ja(T), [P, B] = R(!1), [U, J] = R(w);
   G(() => {
     J(!w && P ? 50 : !w && !P ? void 0 : w);
   }, [P, w]);
   const ee = v(
-    (X) => {
-      X.stopPropagation();
+    (Z) => {
+      Z.stopPropagation();
       const K = We("change", p, null);
       u && u(p, void 0), D && D.onChange(K);
     },
     [D, p, u]
   ), ie = v(
-    async (X) => {
+    async (Z) => {
       B(!0);
       try {
-        const { files: K } = X.currentTarget, ue = We(
+        const { files: K } = Z.currentTarget, ue = We(
           "change",
           p,
           K && K.length > 0 ? K : null
@@ -5853,8 +5879,8 @@ const A = te(function({
     },
     [D, p, d, u]
   ), ve = v(
-    (X) => {
-      X.stopPropagation(), t ? X.preventDefault() : F.current && F.current.click();
+    (Z) => {
+      Z.stopPropagation(), t ? Z.preventDefault() : F.current && F.current.click();
     },
     [t]
   );
@@ -5878,7 +5904,7 @@ const A = te(function({
             fileName: L,
             handleButtonClick: ve,
             handleRemoveFile: ee,
-            theme: T
+            theme: I
           }
         ),
         k === "dropzone" && /* @__PURE__ */ i(
@@ -5895,11 +5921,11 @@ const A = te(function({
             maxSize: z,
             multiple: s,
             name: p,
-            progressPercentage: Z,
+            progressPercentage: U,
             resetField: f,
             setIsReading: B,
-            theme: T,
-            value: I,
+            theme: I,
+            value: T,
             viewMode: C
           }
         ),
@@ -5966,32 +5992,32 @@ const A = te(function({
   value: f,
   weight: y
 }) => {
-  const $ = j(), x = e ? void 0 : t, [k, C] = R(""), S = p ? f : n == null ? void 0 : n.value, w = U(() => S && typeof S == "string" ? S.split(",").filter(Boolean) : [], [S]), z = v(
-    (I) => {
-      const P = [...new Set(I.filter(Boolean))].join(","), B = We("change", s, P);
+  const $ = j(), x = e ? void 0 : t, [k, C] = R(""), S = p ? f : n == null ? void 0 : n.value, w = Y(() => S && typeof S == "string" ? S.split(",").filter(Boolean) : [], [S]), z = v(
+    (T) => {
+      const P = [...new Set(T.filter(Boolean))].join(","), B = We("change", s, P);
       n && n.onChange(B), p && p(B);
     },
     [n, s, p]
-  ), T = v(
-    (I) => {
-      C(I.target.value);
+  ), I = v(
+    (T) => {
+      C(T.target.value);
     },
     []
   ), E = v(
-    (I) => {
+    (T) => {
       const L = k.trim();
-      L.length && !w.includes(L) && (I.preventDefault(), z([...w, L]), C("")), n && n.onBlur();
+      L.length && !w.includes(L) && (T.preventDefault(), z([...w, L]), C("")), n && n.onBlur();
     },
     [k, n, z, w]
   ), F = v(
-    (I) => {
+    (T) => {
       const L = k.trim();
-      I.key === "Enter" && L.length === 0 && I.preventDefault(), ["Enter", ","].includes(I.key) && L.length > 0 && !w.includes(L) ? (I.preventDefault(), z([...w, L]), C("")) : I.key === "Backspace" && !L.length && w.length && (I.preventDefault(), d == null || d(w[w.length - 1]), z(w.slice(0, -1)));
+      T.key === "Enter" && L.length === 0 && T.preventDefault(), ["Enter", ","].includes(T.key) && L.length > 0 && !w.includes(L) ? (T.preventDefault(), z([...w, L]), C("")) : T.key === "Backspace" && !L.length && w.length && (T.preventDefault(), d == null || d(w[w.length - 1]), z(w.slice(0, -1)));
     },
     [k, d, z, w]
   ), D = v(
-    (I) => () => {
-      d == null || d(I), z(w.filter((L) => L !== I));
+    (T) => () => {
+      d == null || d(T), z(w.filter((L) => L !== T));
     },
     [d, z, w]
   );
@@ -6013,14 +6039,14 @@ const A = te(function({
           $overflowX: "auto",
           className: `${e ? "disabled" : ""} ${x ? "error" : ""}`,
           children: [
-            w.map((I) => /* @__PURE__ */ i(
+            w.map((T) => /* @__PURE__ */ i(
               le,
               {
                 disabled: e,
-                onClose: D(I),
-                tagLabel: I
+                onClose: D(T),
+                tagLabel: T
               },
-              I
+              T
             )),
             /* @__PURE__ */ i(
               ll,
@@ -6033,7 +6059,7 @@ const A = te(function({
                 disabled: e,
                 id: s,
                 onBlur: E,
-                onChange: T,
+                onChange: I,
                 onKeyDown: F,
                 placeholder: w.length === 0 ? c : void 0,
                 ref: n == null ? void 0 : n.ref,
@@ -6157,29 +6183,29 @@ const A = te(function({
   variant: x = "full",
   defaultValue: k
 }) => {
-  const C = j(), S = n ? void 0 : e, w = t < 0 ? 0 : t, z = ja($ == null ? void 0 : $.toString(), k), [T, E] = R(
+  const C = j(), S = n ? void 0 : e, w = t < 0 ? 0 : t, z = ja($ == null ? void 0 : $.toString(), k), [I, E] = R(
     z
   );
   G(() => {
     E(z);
   }, [z]);
   const F = v(() => {
-    const Z = ((T ?? Number(l)) - 10 ** -w).toFixed(w), J = Math.max(Number(l), Number(Z));
+    const U = ((I ?? Number(l)) - 10 ** -w).toFixed(w), J = Math.max(Number(l), Number(U));
     f && f(s, J, { shouldDirty: !0 }), E(J);
-    const ee = We("change", s, Z);
+    const ee = We("change", s, U);
     p && p(ee);
-  }, [T, w, l, f, s, p]), D = v(() => {
-    const Z = ((T ?? Number(l)) + 10 ** -w).toFixed(w), J = Math.min(
+  }, [I, w, l, f, s, p]), D = v(() => {
+    const U = ((I ?? Number(l)) + 10 ** -w).toFixed(w), J = Math.min(
       Number(a),
-      Number(Z) > Number(l) ? Number(Z) : Number(l)
+      Number(U) > Number(l) ? Number(U) : Number(l)
     );
     f && f(s, J, { shouldDirty: !0 }), E(J);
-    const ee = We("change", s, Z);
+    const ee = We("change", s, U);
     p && p(ee);
-  }, [T, w, a, l, f, s, p]), I = v(
+  }, [I, w, a, l, f, s, p]), T = v(
     (B) => {
-      const { value: Z } = B.target, J = /\d+/u.test(Z) && !O.isEmpty(Z);
-      f && f(s, J ? Z : void 0), p && p(B), E(O.isEmpty(Z) ? void 0 : Number(Z));
+      const { value: U } = B.target, J = /\d+/u.test(U) && !O.isEmpty(U);
+      f && f(s, J ? U : void 0), p && p(B), E(O.isEmpty(U) ? void 0 : Number(U));
     },
     [s, p, f]
   ), L = v(
@@ -6199,18 +6225,18 @@ const A = te(function({
       id: r ?? s,
       max: a,
       min: l,
-      onChange: I,
+      onChange: T,
       onKeyUp: L,
       placeholder: c,
       required: u,
       step: 10 ** -w,
       type: "number",
-      value: T ?? "",
+      value: I ?? "",
       ...g == null ? void 0 : g(s, {
         maxLength: o,
         max: a,
         min: l,
-        onChange: I,
+        onChange: T,
         value: $,
         valueAsNumber: !0
       })
@@ -6326,18 +6352,18 @@ const A = te(function({
   setValue: S,
   tooltip: w,
   tooltipMessage: z,
-  value: T,
+  value: I,
   variant: E = "full",
   watch: F,
   weight: D,
-  defaultValue: I
+  defaultValue: T
 }) => E === "compact" ? /* @__PURE__ */ i(
   nt,
   {
     "aria-label": f,
     autoUpdate: e,
     decimalPlaces: t,
-    defaultValue: I ?? Number(T ?? 0),
+    defaultValue: T ?? Number(I ?? 0),
     disabled: n,
     max: g,
     min: u,
@@ -6345,7 +6371,7 @@ const A = te(function({
     onEnter: $ ?? (() => {
     }),
     tooltipMessage: z,
-    value: T,
+    value: I,
     variant: E
   }
 ) : /* @__PURE__ */ i(
@@ -6378,7 +6404,7 @@ const A = te(function({
         register: k,
         required: C,
         setValue: S,
-        value: F ? F(f) : T,
+        value: F ? F(f) : I,
         variant: E
       }
     )
@@ -6547,40 +6573,40 @@ const A = te(function({
   watch: d,
   weight: c
 }) => {
-  const g = j(), u = M(null), f = e ? void 0 : t, y = (d == null ? void 0 : d(r)) ?? p, [$, x] = R(!1), [k, C] = R(""), [S, w] = R(!1), { refs: z, floatingStyles: T } = At({
+  const g = j(), u = M(null), f = e ? void 0 : t, y = (d == null ? void 0 : d(r)) ?? p, [$, x] = R(!1), [k, C] = R(""), [S, w] = R(!1), { refs: z, floatingStyles: I } = At({
     placement: "bottom-start",
     whileElementsMounted: ot
-  }), { inputRef: E, inputValue: F, handlePhoneValueChange: D, country: I, setCountry: L } = Fr({
+  }), { inputRef: E, inputValue: F, handlePhoneValueChange: D, country: T, setCountry: L } = Fr({
     countries: tn,
     defaultCountry: "co",
     forceDialCode: !0,
     value: y ? String(y) : ""
   }), P = v(
-    (X) => {
-      X.key === "Enter" && X.preventDefault();
+    (Z) => {
+      Z.key === "Enter" && Z.preventDefault();
     },
     []
   ), B = v(
-    (X) => {
-      X.preventDefault(), x((K) => !K), $ || C("");
+    (Z) => {
+      Z.preventDefault(), x((K) => !K), $ || C("");
     },
     [$]
-  ), Z = v(
-    (X) => () => {
-      L(X), x(!1), C("");
+  ), U = v(
+    (Z) => () => {
+      L(Z), x(!1), C("");
     },
     [L, x]
   ), J = v(
-    (X) => {
-      X.key.length === 1 ? C((K) => K + X.key) : X.key === "Backspace" && C((K) => K.slice(0, -1));
+    (Z) => {
+      Z.key.length === 1 ? C((K) => K + Z.key) : Z.key === "Backspace" && C((K) => K.slice(0, -1));
     },
     []
   ), ee = v(() => {
     w(!0);
   }, []), ie = v(() => {
     w(!1);
-  }, []), ve = tn.filter((X) => {
-    const { name: K } = nn(X);
+  }, []), ve = tn.filter((Z) => {
+    const { name: K } = nn(Z);
     return K.toLowerCase().includes(k.toLowerCase());
   });
   return $e(
@@ -6617,7 +6643,7 @@ const A = te(function({
                 onKeyDown: J,
                 ref: z.setReference,
                 children: [
-                  /* @__PURE__ */ i(rn, { iso2: I.iso2, size: "16px" }),
+                  /* @__PURE__ */ i(rn, { iso2: T.iso2, size: "16px" }),
                   /* @__PURE__ */ i(
                     A,
                     {
@@ -6671,12 +6697,12 @@ const A = te(function({
               }
             ),
             $ && Ee(
-              /* @__PURE__ */ i(pl, { ref: z.setFloating, style: T, children: ve.map((X) => {
-                const { dialCode: K, iso2: ue, name: ke } = nn(X);
+              /* @__PURE__ */ i(pl, { ref: z.setFloating, style: I, children: ve.map((Z) => {
+                const { dialCode: K, iso2: ue, name: ke } = nn(Z);
                 return /* @__PURE__ */ h(
                   gl,
                   {
-                    onClick: Z(ue),
+                    onClick: U(ue),
                     value: ue,
                     children: [
                       /* @__PURE__ */ i(rn, { iso2: ue, size: "16px" }),
@@ -6725,7 +6751,7 @@ const A = te(function({
   weight: S,
   value: w
 }) => {
-  const z = j(), T = (C == null ? void 0 : C(p)) ?? w, E = l && a && !e, F = e ? void 0 : t;
+  const z = j(), I = (C == null ? void 0 : C(p)) ?? w, E = l && a && !e, F = e ? void 0 : t;
   return /* @__PURE__ */ i(
     de,
     {
@@ -6739,7 +6765,7 @@ const A = te(function({
       maxLength: g,
       required: $,
       tooltip: k,
-      value: T ? String(T) : void 0,
+      value: I ? String(I) : void 0,
       weight: S,
       children: /* @__PURE__ */ h(
         ge,
@@ -6762,7 +6788,7 @@ const A = te(function({
                 maxLength: g,
                 placeholder: f,
                 rows: x,
-                value: T,
+                value: I,
                 ...y == null ? void 0 : y(p, { required: $, onBlur: u })
               }
             ),
@@ -6812,9 +6838,9 @@ const A = te(function({
   onChange: S,
   register: w,
   setValue: z,
-  watch: T
+  watch: I
 }) => {
-  const E = U(() => {
+  const E = Y(() => {
     if (l === "text")
       return /* @__PURE__ */ i(
         bt,
@@ -6837,7 +6863,7 @@ const A = te(function({
           name: c,
           register: w,
           setValue: z,
-          watch: T
+          watch: I
         }
       );
     if (l === "select" && o)
@@ -6852,7 +6878,7 @@ const A = te(function({
           value: $
         }
       );
-    const { decimalPlaces: F, max: D, min: I } = s ?? {};
+    const { decimalPlaces: F, max: D, min: T } = s ?? {};
     return /* @__PURE__ */ i(
       sl,
       {
@@ -6860,14 +6886,14 @@ const A = te(function({
         disabled: n,
         error: C,
         max: D,
-        min: I,
+        min: T,
         name: c,
         onChange: S,
         placeholder: g,
         register: w,
         setValue: z,
         value: $,
-        watch: T
+        watch: I
       }
     );
   }, [
@@ -6885,7 +6911,7 @@ const A = te(function({
     w,
     z,
     $,
-    T
+    I
   ]);
   return /* @__PURE__ */ h(
     ua,
@@ -7776,7 +7802,7 @@ const A = te(function({
     return $.length > 8 && !s ? `${[...$].splice(0, 7).join(`
 `)}
 ${$[8]}...` : ($.length < 8 && c(!1), n);
-  }, [s, n, t]), f = U(u, [u]), y = v(async () => {
+  }, [s, n, t]), f = Y(u, [u]), y = v(async () => {
     await navigator.clipboard.writeText(f);
   }, [f]);
   return o === "location" ? /* @__PURE__ */ i(
@@ -7814,7 +7840,7 @@ ${$[8]}...` : ($.length < 8 && c(!1), n);
               width: l.spacing[2.5]
             }
           ),
-          d ? /* @__PURE__ */ h(Y, { onClick: g, variant: "ghost", children: [
+          d ? /* @__PURE__ */ h(X, { onClick: g, variant: "ghost", children: [
             s ? "Show Less" : "Show more",
             /* @__PURE__ */ i(
               A,
@@ -8000,7 +8026,7 @@ ${$[8]}...` : ($.length < 8 && c(!1), n);
         e,
         /* @__PURE__ */ i(Ll, { children: /* @__PURE__ */ h("div", { children: [
           r && /* @__PURE__ */ i(
-            Y,
+            X,
             {
               id: r.id,
               onClick: a,
@@ -8010,7 +8036,7 @@ ${$[8]}...` : ($.length < 8 && c(!1), n);
             }
           ),
           n && /* @__PURE__ */ i(
-            Y,
+            X,
             {
               id: n.id,
               onClick: l,
@@ -8093,7 +8119,7 @@ ${$[8]}...` : ($.length < 8 && c(!1), n);
       mt: 1.5,
       children: [
         n ? /* @__PURE__ */ i(
-          Y,
+          X,
           {
             id: `${t}-cancel`,
             justify: "center",
@@ -8104,7 +8130,7 @@ ${$[8]}...` : ($.length < 8 && c(!1), n);
           }
         ) : void 0,
         /* @__PURE__ */ i(
-          Y,
+          X,
           {
             disabled: e,
             id: t,
@@ -8827,7 +8853,7 @@ ${$[8]}...` : ($.length < 8 && c(!1), n);
           py: 1.25,
           children: [
             /* @__PURE__ */ i(
-              Y,
+              X,
               {
                 disabled: !n.hasChanged,
                 form: "columns-visibility",
@@ -8840,7 +8866,7 @@ ${$[8]}...` : ($.length < 8 && c(!1), n);
               }
             ),
             /* @__PURE__ */ i(
-              Y,
+              X,
               {
                 id: "columns-modal-submit",
                 justify: "center",
@@ -9179,7 +9205,7 @@ ${$[8]}...` : ($.length < 8 && c(!1), n);
               watch: g
             }
           ),
-          /* @__PURE__ */ i(Y, { mt: 1, type: "submit", children: "Apply" })
+          /* @__PURE__ */ i(X, { mt: 1, type: "submit", children: "Apply" })
         ] })
       ]
     }
@@ -9197,8 +9223,8 @@ ${$[8]}...` : ($.length < 8 && c(!1), n);
     []
   ), [u, f] = R({}), [y, $] = R(""), x = v(
     (S) => () => {
-      const w = p.find((T) => T.label === S), z = !(w != null && w.filterOptions.some(
-        (T) => T.type === "dateRange" || T.type === "select"
+      const w = p.find((I) => I.label === S), z = !(w != null && w.filterOptions.some(
+        (I) => I.type === "dateRange" || I.type === "select"
       ));
       a == null || a(z ?? !0), $(S), g((w == null ? void 0 : w.filterOptions) ?? []);
     },
@@ -9214,10 +9240,10 @@ ${$[8]}...` : ($.length < 8 && c(!1), n);
       ];
       f((D) => w.length > 0 ? { ...D, [y]: w } : D);
       const z = (D) => {
-        var I, L;
+        var T, L;
         return {
           ...D,
-          options: (I = D.options) == null ? void 0 : I.map((P) => ({
+          options: (T = D.options) == null ? void 0 : T.map((P) => ({
             ...P,
             checked: S.checkbox.includes(P.value) || S.radio === P.value
           })),
@@ -9225,11 +9251,11 @@ ${$[8]}...` : ($.length < 8 && c(!1), n);
           minValue: ["numberRange", "dateRange"].includes(D.type) ? S.minValue : D.minValue,
           maxValue: ["numberRange", "dateRange"].includes(D.type) ? S.maxValue : D.maxValue
         };
-      }, T = (D) => D.label === y ? {
+      }, I = (D) => D.label === y ? {
         ...D,
         filterOptions: D.filterOptions.map(z)
-      } : D, E = p.map(T);
-      d((D) => D.map(T));
+      } : D, E = p.map(I);
+      d((D) => D.map(I));
       const F = E.flatMap(
         ({ filterOptions: D }) => D
       );
@@ -9259,14 +9285,14 @@ ${$[8]}...` : ($.length < 8 && c(!1), n);
   );
   return G(() => {
     const S = e.reduce(
-      (w, { label: z, filterOptions: T }) => {
-        const E = T.flatMap(({ value: I, minValue: L, maxValue: P }) => [
+      (w, { label: z, filterOptions: I }) => {
+        const E = I.flatMap(({ value: T, minValue: L, maxValue: P }) => [
           L,
           P,
-          I
+          T
         ]).filter(
-          (I) => typeof I == "string" || typeof I == "number"
-        ).filter(Boolean).map(String), F = T.flatMap(({ options: I }) => I ?? []).filter(({ checked: I = !1 }) => I).map(({ value: I }) => I), D = [
+          (T) => typeof T == "string" || typeof T == "number"
+        ).filter(Boolean).map(String), F = I.flatMap(({ options: T }) => T ?? []).filter(({ checked: T = !1 }) => T).map(({ value: T }) => T), D = [
           ...E,
           ...F
         ];
@@ -9311,7 +9337,7 @@ ${$[8]}...` : ($.length < 8 && c(!1), n);
             }
           ),
           w.map(
-            ({ label: z, icon: T = "filter-list" }) => C(z, T)
+            ({ label: z, icon: I = "filter-list" }) => C(z, I)
           )
         ] }, S)
       )
@@ -9763,7 +9789,7 @@ const Ye = ({
     (w) => () => {
       l && l();
       const z = u.map(
-        (T) => T.key === w.key && T.type === w.type && T.filterFn === w.filterFn ? hs(T) : T
+        (I) => I.key === w.key && I.type === w.type && I.filterFn === w.filterFn ? hs(I) : I
       );
       f(z), kt(z, t);
     },
@@ -9797,7 +9823,7 @@ const Ye = ({
       wrap: "wrap",
       children: [
         /* @__PURE__ */ i(b, { pr: 0.25, children: /* @__PURE__ */ i(
-          Y,
+          X,
           {
             icon: "filter",
             id: "filter-btn",
@@ -9838,8 +9864,8 @@ const Ye = ({
   const y = j(), [$, x] = R(void 0), k = M(null), C = M(!1), S = Array.isArray(c) && c.length > 0, w = n ?? o;
   G(() => {
     if (S && !C.current && k.current) {
-      const T = k.current.getBoundingClientRect().height;
-      T > 50 && (x(T), C.current = !0);
+      const I = k.current.getBoundingClientRect().height;
+      I > 50 && (x(I), C.current = !0);
     }
     s.isOpen || (x(void 0), C.current = !1);
   }, [S, s.isOpen]);
@@ -10091,7 +10117,7 @@ const Ye = ({
     [document.getElementById(`dropdown-toggle-${n}`)]
   ), /* @__PURE__ */ h(fe, { children: [
     /* @__PURE__ */ i(
-      Y,
+      X,
       {
         "aria-label": a,
         icon: e,
@@ -10132,7 +10158,7 @@ const Ye = ({
       );
     }) }) : void 0
   ] });
-}, In = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ i(Y, { onClick: e.onClick, variant: t, children: e.text }), bs = m.div`
+}, In = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ i(X, { onClick: e.onClick, variant: t, children: e.text }), bs = m.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -10261,7 +10287,7 @@ const Ye = ({
       filterValues: a,
       icon: "filter-list",
       id: "remove-filter",
-      onClose: o(e, r),
+      onClose: o(e, n === "text" ? void 0 : r),
       tagLabel: `${t} `
     }
   );
@@ -10473,7 +10499,7 @@ const Ye = ({
     values: c,
     updateSearch: g,
     setValues: u
-  } = ye(mt), f = Ts(n, p), y = U(() => Object.values(c).filter(Boolean).length > 0, [c]), $ = v(
+  } = ye(mt), f = Ts(n, p), y = Y(() => Object.values(c).filter(Boolean).length > 0, [c]), $ = v(
     (C) => () => {
       r(C), s(C), g({ previousValue: c[C] ?? "" }), d({ search: "", searchGlobal: "" });
     },
@@ -10599,7 +10625,7 @@ const Ye = ({
   );
   return { searchState: t, updateSearch: r };
 }, Fs = () => {
-  const e = M(null), [t, n] = R("0"), r = U(
+  const e = M(null), [t, n] = R("0"), r = Y(
     () => ({ height: t, ref: e }),
     [t]
   ), o = v((a) => {
@@ -10751,10 +10777,10 @@ const Ye = ({
     updateSearch: g,
     updateScrollHeight: u,
     searchValues: { search: f }
-  } = ye(mt), y = U(() => o.filter(
+  } = ye(mt), y = Y(() => o.filter(
     (z) => {
-      var T;
-      return ((T = z.label) == null ? void 0 : T.toLowerCase().includes(f.toLowerCase())) ?? !1;
+      var I;
+      return ((I = z.label) == null ? void 0 : I.toLowerCase().includes(f.toLowerCase())) ?? !1;
     }
   ), [o, f]), $ = Gn({
     count: y.length,
@@ -10766,13 +10792,13 @@ const Ye = ({
     },
     [r, a]
   ), C = v(
-    (z) => (T) => {
-      r(T, "dateRange", z);
+    (z) => (I) => {
+      r(I, "dateRange", z);
     },
     [r]
   ), S = v(
-    (z) => (T) => {
-      T.stopPropagation(), T.preventDefault(), r(T.target.value, "numberRange", z);
+    (z) => (I) => {
+      I.stopPropagation(), I.preventDefault(), r(I.target.value, "numberRange", z);
     },
     [r]
   ), w = v(
@@ -10821,29 +10847,29 @@ const Ye = ({
     },
     [p]
   ), S = v(
-    (w, z, T) => {
+    (w, z, I) => {
       c((E) => {
         if (z === "checkboxes") {
-          const F = Xe(E[a] ?? ""), D = F != null && F.includes(w) ? F == null ? void 0 : F.filter((I) => I !== w).join(",") : [...F, w].join(",");
+          const F = Xe(E[a] ?? ""), D = F != null && F.includes(w) ? F == null ? void 0 : F.filter((T) => T !== w).join(",") : [...F, w].join(",");
           return { ...E, [a]: D };
         }
         if (z === "dateRange") {
           const F = Xe(E[a] ?? ""), D = F.filter(
             (B) => B !== "-" && !RegExp(/^\d+\-\d+\-\d+$/).test(B.trim())
-          ), I = F.filter(
+          ), T = F.filter(
             (B) => q(B).isValid() && q(B).isAfter(q("1903-01-01"))
           ), L = q(w, "YYYY-MM-DD", !0), P = ["-", "-"];
-          return I.length === 2 ? (P[0] = I[0], P[1] = I[1]) : I.length === 1 && (L.isAfter(q(I[0])) ? (P[0] = I[0], P[1] = w) : (P[0] = w, P[1] = I[0])), P[T ?? 0] = w, { ...E, [a]: [...D, ...P].join(",") };
+          return T.length === 2 ? (P[0] = T[0], P[1] = T[1]) : T.length === 1 && (L.isAfter(q(T[0])) ? (P[0] = T[0], P[1] = w) : (P[0] = w, P[1] = T[0])), P[I ?? 0] = w, { ...E, [a]: [...D, ...P].join(",") };
         }
         if (z === "numberRange") {
           const F = Xe(E[a] ?? ""), D = F.filter(
             (P) => !RegExp(/^\d+$/).test(P)
-          ), I = F.map(Number).filter((P) => _.isNumber(P) && !_.isNaN(P)), L = [I[0] ?? "", I[1] ?? ""];
-          return L[T ?? 0] = Number(w), { ...E, [a]: [...D, ...L].join(",") };
+          ), T = F.map(Number).filter((P) => _.isNumber(P) && !_.isNaN(P)), L = [T[0] ?? "", T[1] ?? ""];
+          return L[I ?? 0] = Number(w), { ...E, [a]: [...D, ...L].join(",") };
         }
         if (z === "list") {
           const D = Xe(E[a] ?? "").filter(
-            (I) => I === "-" || RegExp(/^\d+$/).test(I) || RegExp(/^\d+\-\d+\-\d+$/).test(I.trim())
+            (T) => T === "-" || RegExp(/^\d+$/).test(T) || RegExp(/^\d+\-\d+\-\d+$/).test(T.trim())
           );
           return { ...E, [a]: [...D, w].join(",") };
         }
@@ -10897,7 +10923,7 @@ const Ye = ({
             ref: y,
             scroll: "y",
             width: "100%",
-            children: n == null ? void 0 : n.map((w, z, T) => /* @__PURE__ */ i(
+            children: n == null ? void 0 : n.map((w, z, I) => /* @__PURE__ */ i(
               "div",
               {
                 style: {
@@ -10913,7 +10939,7 @@ const Ye = ({
                 children: /* @__PURE__ */ h(
                   _t,
                   {
-                    $border: T.length > 1 && z > 0,
+                    $border: I.length > 1 && z > 0,
                     $overflow: w.type === "checkboxes",
                     style: { padding: $ ? o.spacing[0.875] : 0 },
                     children: [
@@ -10952,6 +10978,7 @@ const Ye = ({
   filters: t,
   tooltip: n
 }) => {
+  var B;
   const r = Me("filters"), { calendarState: o } = Es(), { searchState: a, updateSearch: l } = Ns(!1), { scrollState: s, updateScrollHeight: p } = Fs(), [d, c] = jr("filter", {
     history: "replace"
   }), [g, u] = R(""), { refs: f } = Ve({ placement: "bottom-start" }), { refs: y } = Ve({
@@ -10962,9 +10989,9 @@ const Ye = ({
   }), [C, S] = Bn({
     searchGlobal: It.withDefault(""),
     search: It.withDefault("")
-  }), { previousValue: w } = a, { label: z, options: T } = Is(t, g, w), E = zs(t), F = Rr(d) || d === null || g !== d, D = U(ci, []), I = v(
-    (B) => {
-      u(B), c(B);
+  }), { previousValue: w } = a, { label: z, options: I } = Is(t, g, w), E = zs(t), F = Rr(d) || d === null || g !== d, D = Y(ci, []), T = v(
+    (U) => {
+      u(U), c(U);
     },
     [c]
   ), L = v(() => {
@@ -11006,7 +11033,7 @@ const Ye = ({
           wrap: "wrap",
           children: [
             /* @__PURE__ */ i(
-              Y,
+              X,
               {
                 "data-testid": "filter-btn",
                 disabled: e,
@@ -11023,7 +11050,7 @@ const Ye = ({
               Ds,
               {
                 groupedFilters: E,
-                handleChangeId: I,
+                handleChangeId: T,
                 includeSearch: t.length > Fi,
                 ref: f.setFloating
               }
@@ -11031,8 +11058,8 @@ const Ye = ({
             F ? void 0 : /* @__PURE__ */ i(
               js,
               {
-                label: Or(z),
-                options: T,
+                label: ((B = I == null ? void 0 : I[0]) == null ? void 0 : B.formatLabel) ?? !0 ? Or(z) : z,
+                options: I,
                 ref: y.setFloating
               }
             )
@@ -11113,7 +11140,7 @@ const Ye = ({
           e,
           /* @__PURE__ */ h(b, { display: "flex", gap: 0.75, maxWidth: s, children: [
             n ? /* @__PURE__ */ i(
-              Y,
+              X,
               {
                 icon: n.icon,
                 id: `${l}-cancel`,
@@ -11126,7 +11153,7 @@ const Ye = ({
               }
             ) : void 0,
             /* @__PURE__ */ i(
-              Y,
+              X,
               {
                 disabled: ((o == null ? void 0 : o.disabled) ?? !1) || $.formState.isSubmitting || a && !$.formState.isDirty,
                 icon: o == null ? void 0 : o.icon,
@@ -11265,8 +11292,8 @@ const Ye = ({
       c((S) => {
         const w = C.toLowerCase();
         return S.filter((z) => {
-          const T = String(z.name).toLowerCase();
-          return T.startsWith(w) || T.includes(w);
+          const I = String(z.name).toLowerCase();
+          return I.startsWith(w) || I.includes(w);
         });
       });
     },
@@ -11548,7 +11575,7 @@ const Ye = ({
             py: 1,
             children: a.map(
               ({ icon: s, text: p, onClick: d }, c) => /* @__PURE__ */ i(
-                Y,
+                X,
                 {
                   icon: s,
                   onClick: d,
@@ -12128,7 +12155,7 @@ const Ye = ({
       width: "max-content",
       zIndex: 10,
       children: [
-        /* @__PURE__ */ i(Y, { icon: "plus", onClick: g, variant: "primary", children: t }),
+        /* @__PURE__ */ i(X, { icon: "plus", onClick: g, variant: "primary", children: t }),
         /* @__PURE__ */ h(
           b,
           {
@@ -12419,7 +12446,7 @@ const Ye = ({
             }
           ),
           c.map((C, S, w) => {
-            const z = C === 1, T = C === t, E = g && z && S === 0, F = f && T && S === c.length - 1, D = u && S === w.length / 2 - 1;
+            const z = C === 1, I = C === t, E = g && z && S === 0, F = f && I && S === c.length - 1, D = u && S === w.length / 2 - 1;
             return /* @__PURE__ */ h(rt.Fragment, { children: [
               F && /* @__PURE__ */ i(Ce, { disabled: !0, children: "..." }),
               /* @__PURE__ */ i(
@@ -12929,10 +12956,10 @@ const Ye = ({
 }) => {
   const r = zt.toArray(
     e
-  ), o = U(
+  ), o = Y(
     () => zt.count(e),
     [e]
-  ), a = U(
+  ), a = Y(
     () => o * n,
     [o, n]
   );
@@ -13024,7 +13051,7 @@ const Ye = ({
       textAlign: c ? "start" : "center",
       children: g
     }
-  ), z = /* @__PURE__ */ i(xe, { alt: y, height: k, publicId: $, width: x }), T = /* @__PURE__ */ i(
+  ), z = /* @__PURE__ */ i(xe, { alt: y, height: k, publicId: $, width: x }), I = /* @__PURE__ */ i(
     b,
     {
       alignItems: "center",
@@ -13118,7 +13145,7 @@ const Ye = ({
                 justify: c ? "start" : "center",
                 children: [
                   _.isObject(o) ? /* @__PURE__ */ i(
-                    Y,
+                    X,
                     {
                       onClick: S,
                       variant: (o == null ? void 0 : o.variant) ?? "primary",
@@ -13127,7 +13154,7 @@ const Ye = ({
                     o == null ? void 0 : o.key
                   ) : void 0,
                   _.isObject(t) ? /* @__PURE__ */ i(
-                    Y,
+                    X,
                     {
                       onClick: C,
                       variant: (t == null ? void 0 : t.variant) ?? "tertiary",
@@ -13143,7 +13170,7 @@ const Ye = ({
       )
     }
   );
-  return e ? Ee(T, a ?? document.body) : T;
+  return e ? Ee(I, a ?? document.body) : I;
 }, Sc = {
   md: {
     methodIdSize: "sm",
@@ -13439,35 +13466,35 @@ const Ye = ({
   const S = v(() => {
     d && y(!0);
   }, [d]), w = v(
-    (I) => {
-      const L = I.target.value;
+    (T) => {
+      const L = T.target.value;
       if (L.length > s) {
         x(L.slice(0, s));
         return;
       }
-      x(L), a == null || a(I), y(!0);
+      x(L), a == null || a(T), y(!0);
     },
     [a, s]
   ), z = v(() => {
-    var I;
+    var T;
     x(""), o == null || o(), a && a({
       target: { value: "" },
       currentTarget: { value: "" }
-    }), (I = u.current) == null || I.focus(), y(!1);
-  }, [o, a]), T = v(
-    (I) => {
-      const L = Number(I.currentTarget.dataset.index), P = t[L];
+    }), (T = u.current) == null || T.focus(), y(!1);
+  }, [o, a]), I = v(
+    (T) => {
+      const L = Number(T.currentTarget.dataset.index), P = t[L];
       r == null || r(P), y(!1);
     },
     [t, r]
-  ), E = f && ($.trim().length > 0 || t.length > 0), F = U(
+  ), E = f && ($.trim().length > 0 || t.length > 0), F = Y(
     () => t.length === 0 ? /* @__PURE__ */ i(Lc, { children: p }) : /* @__PURE__ */ i(Fc, { role: "listbox", children: t.map(
-      (I, L) => /* @__PURE__ */ i(Ec, { onClick: T, role: "option", children: n(I) }, L)
+      (T, L) => /* @__PURE__ */ i(Ec, { onClick: I, role: "option", children: n(T) }, L)
     ) }),
-    [t, p, n, T]
+    [t, p, n, I]
   ), D = v(
-    (I) => {
-      I.key === "Escape" && y(!1);
+    (T) => {
+      T.key === "Escape" && y(!1);
     },
     []
   );
@@ -14064,7 +14091,7 @@ const Ye = ({
           c,
           /* @__PURE__ */ h(Xc, { children: [
             a > 1 && /* @__PURE__ */ i(
-              Y,
+              X,
               {
                 disabled: p.isDisabledPrevious ?? !1,
                 onClick: s(-1, f),
@@ -14073,7 +14100,7 @@ const Ye = ({
               }
             ),
             a < o.length ? /* @__PURE__ */ i(
-              Y,
+              X,
               {
                 disabled: p.isDisabledNext ?? !1,
                 onClick: s(1, u),
@@ -14081,7 +14108,7 @@ const Ye = ({
                 children: "Next step"
               }
             ) : /* @__PURE__ */ i(
-              Y,
+              X,
               {
                 disabled: e,
                 onClick: r,
@@ -14122,15 +14149,15 @@ const Ye = ({
     export: o = !1,
     headers: a = {},
     name: l = "Report"
-  } = e, s = U(
+  } = e, s = Y(
     () => O.isUndefined(r) ? Fn(t) : Fn(t).map(
       (c) => O.pick(c, r)
     ),
     [t, r]
-  ), p = U(
+  ), p = Y(
     () => s.length > 0 && !O.isEmpty(a),
     [s.length, a]
-  ), d = U(
+  ), d = Y(
     () => (p ? Object.keys(s[0]) : []).map(
       (c) => O.includes(Object.keys(a), c) ? { key: c, label: a[c] } : { key: c, label: c }
     ),
@@ -14146,10 +14173,10 @@ const Ye = ({
     }
   ) : /* @__PURE__ */ i(fe, { children: n });
 }, Jc = (e) => {
-  const { table: t } = e, { meta: n } = t.options, [r, o] = R(0), [, a] = t.getHeaderGroups(), l = t.getState(), s = U(
+  const { table: t } = e, { meta: n } = t.options, [r, o] = R(0), [, a] = t.getHeaderGroups(), l = t.getState(), s = Y(
     () => t.getAllLeafColumns().filter((g) => g.id !== "selection"),
     [t]
-  ), p = U(() => s.map(
+  ), p = Y(() => s.map(
     (g) => {
       var u;
       return {
@@ -14176,7 +14203,7 @@ const Ye = ({
     );
   }, [t, l]), /* @__PURE__ */ h("div", { id: "columns-filter", children: [
     /* @__PURE__ */ i(
-      Y,
+      X,
       {
         icon: "columns",
         id: "columns-toggle-btn",
@@ -14627,7 +14654,7 @@ const Ye = ({
   display: flex;
   width: 100%;
 `, od = () => {
-  const e = j(), { table: t } = ye(we), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, r = U(() => {
+  const e = j(), { table: t } = ye(we), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, r = Y(() => {
     const { enableRowSelection: s, enableMultiRowSelection: p } = (t == null ? void 0 : t.options) ?? {};
     return s || p ? 1 : 0;
   }, [t == null ? void 0 : t.options]), o = v(
@@ -14808,7 +14835,7 @@ const Ye = ({
     open: r,
     placement: "top-end",
     whileElementsMounted: ot
-  }), d = U(
+  }), d = Y(
     () => qr(
       [sd, cd, dd, pd],
       // eslint-disable-next-line functional/prefer-immutable-types
@@ -15814,7 +15841,7 @@ export {
   $t as B,
   Gd as C,
   _d as D,
-  Y as E,
+  X as E,
   Vt as F,
   ap as G,
   Ud as H,