@fluidattacks/design 4.3.0 → 4.4.0

package/dist/{components-BJrBLH7U.mjs → components-C8FiPNms.mjs}

@@ -1,10 +1,10 @@
 import { jsx as i, jsxs as h, Fragment as he } from "react/jsx-runtime";
 import pt, { forwardRef as le, useState as P, useCallback as v, useEffect as K, useMemo as M, useRef as Y, StrictMode as Zi, Fragment as me, Children as Et, isValidElement as Yn, cloneElement as Un, createContext as Zn, useContext as we } from "react";
 import Xi, { ThemeProvider as qi, styled as m, useTheme as L, css as Ze, keyframes as Xn } from "styled-components";
-import { C as Ki, s as Ji, _ as X, A as Qi, l as er, p as tr, c as Wt, u as Me, a as nr, b as ir, d as rr, e as or, f as q, g as gt, h as qn, o as ut, i as ar, $ as lr, j as sr, k as cr, m as dr, n as pr, q as gr, r as ur, t as hr, v as fr, w as Kn, x as Jn, y as Ht, z as yr, B as $r, D as br, E as dn, F as ht, G as xr, H as mr, I as Qn, J as ft, K as ei, L as wr, M as vr, N as kr, O as Cr, P as Sr, Q as oe, R as zr, S as ti, T as Ir, U as ni, V as ii, W as Tr, X as Dr, Y as Nr, Z as Er, a0 as Ar, a1 as Fr, a2 as Bt, a3 as jr, a4 as pn, a5 as gn, a6 as un, a7 as Be, a8 as Lr, a9 as Rr, aa as Pr, ab as Or, ac as Wr, ad as Hr, ae as Br, af as Vr, ag as Gr, ah as Mr, ai as _r, aj as Yr, ak as Ur, al as Zr, am as Xr, an as qr, ao as Kr, ap as Jr, aq as Qr, ar as eo, as as At, at as to, au as ri, av as oi, aw as no, ax as io, ay as ro, az as hn, aA as oo, aB as ao, aC as lo, aD as so, aE as co, aF as po, aJ as ai, aK as go, aL as uo, aM as ho, aN as fo, aO as yo, aP as $o, aQ as bo, aR as xo, aS as mo, aT as wo, aU as Ft, aV as vo, aW as fn, aX as ko, aY as yn, aZ as Co } from "./vendor-BPwfeGF-.mjs";
+import { C as Ki, s as Ji, _ as X, A as Qi, l as er, p as tr, c as Wt, u as Me, a as nr, b as ir, d as rr, e as or, f as q, g as gt, h as qn, o as ut, i as ar, $ as lr, j as sr, k as cr, m as dr, n as pr, q as gr, r as ur, t as hr, v as fr, w as Kn, x as Jn, y as Ht, z as yr, B as $r, D as br, E as dn, F as ht, G as xr, H as mr, I as Qn, J as ft, K as ei, L as wr, M as vr, N as kr, O as Cr, P as Sr, Q as oe, R as zr, S as ti, T as Tr, U as ni, V as ii, W as Ir, X as Dr, Y as Nr, Z as Er, a0 as Ar, a1 as Fr, a2 as Bt, a3 as jr, a4 as pn, a5 as gn, a6 as un, a7 as Be, a8 as Lr, a9 as Rr, aa as Pr, ab as Or, ac as Wr, ad as Hr, ae as Br, af as Vr, ag as Gr, ah as Mr, ai as _r, aj as Yr, ak as Ur, al as Zr, am as Xr, an as qr, ao as Kr, ap as Jr, aq as Qr, ar as eo, as as At, at as to, au as ri, av as oi, aw as no, ax as io, ay as ro, az as hn, aA as oo, aB as ao, aC as lo, aD as so, aE as co, aF as po, aJ as ai, aK as go, aL as uo, aM as ho, aN as fo, aO as yo, aP as $o, aQ as bo, aR as xo, aS as mo, aT as wo, aU as Ft, aV as vo, aW as fn, aX as ko, aY as yn, aZ as Co } from "./vendor-BPwfeGF-.mjs";
 import { useQueryStates as li, parseAsString as jt, useQueryState as So } from "nuqs";
 import { createPortal as Re } from "react-dom";
-import { Link as zo, useLocation as Io, NavLink as To } from "react-router";
+import { Link as zo, useLocation as To, NavLink as Io } from "react-router";
 const Se = (e) => ({
   getVariant: (t, n) => e(t)[n]
 }), Do = [
@@ -730,13 +730,13 @@ const Se = (e) => ({
       ]
     }
   );
-}, Tt = {
+}, It = {
   xl: "24px",
   lg: "16px",
   md: "14px",
   sm: "12px",
   xs: "10px"
-}, Zo = (e) => Tt[e] ? Tt[e] : typeof e == "string" && e.includes("px") ? e : Tt.md, Xo = m(di)`
+}, Zo = (e) => It[e] ? It[e] : typeof e == "string" && e.includes("px") ? e : It.md, Xo = m(di)`
   ${({
   $clickable: e,
   $color: t = "inherit",
@@ -1312,13 +1312,13 @@ const j = le(function({
     var C;
     const w = p.get($);
     if ((C = w == null ? void 0 : w.options) == null ? void 0 : C.some(
-      (T) => T.type === "text"
+      (I) => I.type === "text"
     )) {
-      const { text: T } = je(k);
-      return T ? y + 1 : y;
+      const { text: I } = je(k);
+      return I ? y + 1 : y;
     }
-    const I = k.trim().split(",").filter((T) => !["-", ""].includes(T.trim()));
-    return y + I.length;
+    const T = k.trim().split(",").filter((I) => !["-", ""].includes(I.trim()));
+    return y + T.length;
   }, 0), [c, p]), u = M(() => Object.entries(c).filter(([, y]) => !!y && y !== "undefined").flatMap(([y, $]) => {
     const k = p.get(y);
     if (!k) return [];
@@ -1337,14 +1337,14 @@ const j = le(function({
         }
       ];
     }
-    const { preservedValues: I, mappedValues: C } = $n(
+    const { preservedValues: T, mappedValues: C } = $n(
       k,
       $
-    ), T = C && C.length > 0, E = I.length > 0;
-    return T && E ? [
+    ), I = C && C.length > 0, E = T.length > 0;
+    return I && E ? [
       { id: y, label: w, value: C.join(", ") },
-      { id: y, label: w, value: I.join(", ") }
-    ] : T ? [{ id: y, label: w, value: C.join(", ") }] : E ? [{ id: y, label: w, value: I.join(", ") }] : [{ id: y, label: w, value: $ }];
+      { id: y, label: w, value: T.join(", ") }
+    ] : I ? [{ id: y, label: w, value: C.join(", ") }] : E ? [{ id: y, label: w, value: T.join(", ") }] : [{ id: y, label: w, value: $ }];
   }), [c, p]), f = v(
     (y, $) => () => {
       d((k) => {
@@ -1353,15 +1353,15 @@ const j = le(function({
         if (!$) return { ...k, [y]: "" };
         const z = p.get(y);
         if (!z) return { ...k, [y]: "" };
-        const { splitValues: S, preservedValues: I, labelToValueMap: C } = $n(z, w), T = S.map((R) => R.trim()), E = $.split(",").map((R) => R.trim()), F = I.map(
+        const { splitValues: S, preservedValues: T, labelToValueMap: C } = $n(z, w), I = S.map((R) => R.trim()), E = $.split(",").map((R) => R.trim()), F = T.map(
           (R) => R.trim()
         ).some(
           (R) => E.some((G) => R === G)
-        ) ? I.filter(
+        ) ? T.filter(
           (R) => E.some((G) => R.trim() === G)
         ) : E.map((R) => C.get(R)).filter(Boolean), W = new Set(
           F.map((R) => R.trim())
-        ), B = T.filter(
+        ), B = I.filter(
           (R) => R !== "" && !W.has(R)
         );
         return {
@@ -1939,7 +1939,7 @@ const j = le(function({
   hide: f = g === "" && u === "" && d === void 0,
   width: x
 }) => {
-  const y = L(), [$, k] = P(!1), { refs: w, floatingStyles: z, context: S, placement: I } = Me({
+  const y = L(), [$, k] = P(!1), { refs: w, floatingStyles: z, context: S, placement: T } = Me({
     middleware: [
       qn({
         fallbackAxisSideDirection: "start"
@@ -1955,11 +1955,11 @@ const j = le(function({
     delay: { close: 100, open: 500 },
     move: !1,
     restMs: 40
-  }), T = ir(S), E = rr(S, { role: a ? "label" : "tooltip" }), { getReferenceProps: A, getFloatingProps: D } = or([
+  }), I = ir(S), E = rr(S, { role: a ? "label" : "tooltip" }), { getReferenceProps: A, getFloatingProps: D } = or([
     C,
-    T,
+    I,
     E
-  ]), F = M(() => I.startsWith("top") ? "top" : I.startsWith("bottom") ? "bottom" : I.startsWith("left") ? "left" : I.startsWith("right") ? "right" : "bottom", [I]);
+  ]), F = M(() => T.startsWith("top") ? "top" : T.startsWith("bottom") ? "bottom" : T.startsWith("left") ? "left" : T.startsWith("right") ? "right" : "bottom", [T]);
   return t ? /* @__PURE__ */ i(Zi, { children: e }) : /* @__PURE__ */ h(he, { children: [
     /* @__PURE__ */ i(
       Ca,
@@ -2183,7 +2183,7 @@ const j = le(function({
     width: ${e.spacing[1.25]};
     height: ${e.spacing[1.25]};
   `}
-`, Ia = m.div`
+`, Ta = m.div`
   ul,
   ol {
     padding-top: 6px;
@@ -2247,7 +2247,7 @@ const j = le(function({
   #menu-profile-container li div {
     min-width: unset;
   }
-`, Ta = m(
+`, Ia = m(
   Ct
 )`
   ${({ theme: e, $variant: t, $numberIndicator: n }) => {
@@ -2280,7 +2280,7 @@ const j = le(function({
   ...a
 }, o) {
   return /* @__PURE__ */ i(
-    Ta,
+    Ia,
     {
       $numberIndicator: t,
       $variant: r,
@@ -2595,30 +2595,30 @@ const j = le(function({
   tooltipPlace: w = "bottom",
   underline: z = !1,
   value: S,
-  variant: I = "primary",
+  variant: T = "primary",
   width: C,
-  ...T
+  ...I
 }, E) {
   const A = k !== void 0, D = `${o}-tooltip`, F = v(() => {
     a && bi(a, r);
   }, [r, a]), W = /* @__PURE__ */ h(
     yi,
     {
-      $variant: I,
+      $variant: T,
       "aria-disabled": n,
       className: z ? "underline" : void 0,
       disabled: n,
       id: o,
       name: p,
-      onClick: I === "link" ? F : f,
+      onClick: T === "link" ? F : f,
       ref: E,
       type: $,
       value: S,
       width: C,
       ...A ? { "data-tooltip-id": D } : {},
-      ...T,
+      ...I,
       children: [
-        g && I === "ghost" && !n ? /* @__PURE__ */ i(
+        g && T === "ghost" && !n ? /* @__PURE__ */ i(
           Rt,
           {
             left: l !== void 0 ? "13%" : "1%",
@@ -2637,7 +2637,7 @@ const j = le(function({
           }
         ),
         t,
-        x || I === "link" ? /* @__PURE__ */ i(
+        x || T === "link" ? /* @__PURE__ */ i(
           j,
           {
             icon: x ?? "arrow-right",
@@ -2646,7 +2646,7 @@ const j = le(function({
           }
         ) : void 0,
         y === void 0 || n ? null : /* @__PURE__ */ i(ye, { tagLabel: y, variant: "default" }),
-        u !== void 0 && I === "ghost" && !n ? /* @__PURE__ */ i(
+        u !== void 0 && T === "ghost" && !n ? /* @__PURE__ */ i(
           Rt,
           {
             numberIndicator: u,
@@ -2732,7 +2732,7 @@ const j = le(function({
             }
           ) : void 0
         ] }),
-        /* @__PURE__ */ i(Ia, { children: t })
+        /* @__PURE__ */ i(Ta, { children: t })
       ]
     }
   ) });
@@ -3634,15 +3634,15 @@ const j = le(function({
         o == null || o(`${r}Options`, []), o == null || o(`${r}CheckAll`, ""), a("");
     },
     [u, r, a, o]
-  ), I = v(
+  ), T = v(
     (_) => {
       const te = _.target.value, U = (s == null ? void 0 : s(`${r}Options`)) ?? [], J = Array.isArray(U) ? U : U ? [U] : [], de = _.target.checked ? [...J, te] : J.filter(($e) => $e !== te);
       o == null || o(`${r}Options`, de), z(de);
     },
     [r, o, s, z]
-  ), C = s == null ? void 0 : s(`${r}Options`), T = M(() => Array.isArray(C) ? C : typeof C == "string" && C ? [C] : [], [C]), E = M(
-    () => T.includes(t.key.toString()),
-    [T, t.key]
+  ), C = s == null ? void 0 : s(`${r}Options`), I = M(() => Array.isArray(C) ? C : typeof C == "string" && C ? [C] : [], [C]), E = M(
+    () => I.includes(t.key.toString()),
+    [I, t.key]
   ), A = s == null ? void 0 : s(`${r}CheckAll`), D = M(() => !!A, [A]), F = t.key === "All" ? /* @__PURE__ */ i(
     Ne,
     {
@@ -3658,7 +3658,7 @@ const j = le(function({
       checked: E,
       label: (Z = t.rendered) == null ? void 0 : Z.toString(),
       name: `${r}Options`,
-      onChange: I,
+      onChange: T,
       value: t.key.toString()
     }
   ), W = n && !$ ? F : /* @__PURE__ */ i(
@@ -3721,15 +3721,15 @@ const j = le(function({
   required: w,
   setValue: z,
   tooltip: S,
-  value: I,
+  value: T,
   watch: C,
-  weight: T
+  weight: I
 }) => {
   var on, an, ln;
-  const E = L(), A = t ? void 0 : r, D = (e == null ? void 0 : e.value) ?? I, [F, W] = P(
+  const E = L(), A = t ? void 0 : r, D = (e == null ? void 0 : e.value) ?? T, [F, W] = P(
     ((on = g.find((O) => O.value === D)) == null ? void 0 : on.name) ?? ""
-  ), [B, R] = P(D), [G, Z] = P(g), [_, te] = P(!1), { contains: U } = pr({ sensitivity: "base" }), J = Y(null), de = Y(null), $e = Y(null), Pe = Y(null), Xe = Y(null), It = Y(/* @__PURE__ */ new Set()), Pi = M(() => {
-    const O = It.current, ne = Array.from(n ?? []), ee = g.some((re) => re.group !== void 0);
+  ), [B, R] = P(D), [G, Z] = P(g), [_, te] = P(!1), { contains: U } = pr({ sensitivity: "base" }), J = Y(null), de = Y(null), $e = Y(null), Pe = Y(null), Xe = Y(null), Tt = Y(/* @__PURE__ */ new Set()), Pi = M(() => {
+    const O = Tt.current, ne = Array.from(n ?? []), ee = g.some((re) => re.group !== void 0);
     return g.toSorted((re, be) => {
       if (re.value === "All") return -1;
       if (be.value === "All") return 1;
@@ -3812,7 +3812,7 @@ const j = le(function({
     onOpenChange(O, ne) {
       if (O && p && C) {
         const ee = C(`${d}Options`) ?? [], ce = Array.isArray(ee) ? ee : ee ? [ee] : [];
-        It.current = new Set(ce.filter(Boolean));
+        Tt.current = new Set(ce.filter(Boolean));
       }
       te(
         O && (ne === "manual" || ne === "focus")
@@ -3859,7 +3859,7 @@ const j = le(function({
     }
   }, [D, g, c, p]);
   const Oe = Array.from(se.collection), tn = p ? Oe.findLastIndex(
-    (O) => O.key === "All" || It.current.has(String(O.key))
+    (O) => O.key === "All" || Tt.current.has(String(O.key))
   ) : -1, Ui = M(() => g.map((O) => O.value), [g]), nn = M(
     () => new Map(g.map((O) => [O.value, O.group])),
     [g]
@@ -3886,7 +3886,7 @@ const j = le(function({
       label: s,
       required: w,
       tooltip: S,
-      weight: T,
+      weight: I,
       children: [
         /* @__PURE__ */ h(
           fe,
@@ -4107,9 +4107,9 @@ const j = le(function({
   required: w,
   setValue: z,
   tooltip: S,
-  value: I,
+  value: T,
   watch: C,
-  weight: T
+  weight: I
 }) => e ? /* @__PURE__ */ i(
   Ht,
   {
@@ -4141,9 +4141,9 @@ const j = le(function({
           required: w,
           setValue: z,
           tooltip: S,
-          value: I,
+          value: T,
           watch: C,
-          weight: T
+          weight: I
         }
       );
     },
@@ -4171,8 +4171,8 @@ const j = le(function({
     placeholder: y,
     required: w,
     tooltip: S,
-    value: I,
-    weight: T
+    value: T,
+    weight: I
   }
 ), Za = m.div`
   ${({ theme: e }) => `
@@ -4638,7 +4638,7 @@ const j = le(function({
       )
     ] })
   ] });
-}, at = (e) => e && e !== "-" ? oe(e).format("YYYY-MM-DD") : "-", sl = (e) => e && e !== "-" ? oe(e).format("YYYY-MM-DD hh:mm A") : "-", In = (e, t) => oe(String(e).replace(/-/gu, "/")).hour(t.hour).minute(t.minute).second(t.second).format("YYYY/MM/DD hh:mm A"), lt = (e, t = "day") => {
+}, at = (e) => e && e !== "-" ? oe(e).format("YYYY-MM-DD") : "-", sl = (e) => e && e !== "-" ? oe(e).format("YYYY-MM-DD hh:mm A") : "-", Tn = (e, t) => oe(String(e).replace(/-/gu, "/")).hour(t.hour).minute(t.minute).second(t.second).format("YYYY/MM/DD hh:mm A"), lt = (e, t = "day") => {
   const n = t === "day" ? zr : ti, r = t === "day" ? oe(e).isValid() : oe(e, "YYYY/MM/DD hh:mm A").isValid();
   return !X.isNil(e) && !X.isEmpty(e) && e !== "-" && r ? n(
     t === "day" ? e.trim().replace(/\//gu, "-") : oe(e).format("YYYY-MM-DDTHH:mm:ss")
@@ -4726,7 +4726,7 @@ const j = le(function({
   children: e,
   ...t
 }) => {
-  const n = Y(null), { dialogProps: r } = Ir(t, n);
+  const n = Y(null), { dialogProps: r } = Tr(t, n);
   return /* @__PURE__ */ i(tl, { ...r, ref: n, children: e });
 }, dl = ({
   disabled: e = !1,
@@ -4756,7 +4756,7 @@ const j = le(function({
       $(E);
     },
     ...y ? { defaultValue: y } : {}
-  }), { close: w } = k, { groupProps: z, fieldProps: S, buttonProps: I, dialogProps: C, calendarProps: T } = ii(
+  }), { close: w } = k, { groupProps: z, fieldProps: S, buttonProps: T, dialogProps: C, calendarProps: I } = ii(
     { ...u, "aria-label": l ?? s, name: s },
     k,
     f
@@ -4776,7 +4776,7 @@ const j = le(function({
         /* @__PURE__ */ i(
           st,
           {
-            buttonProps: I,
+            buttonProps: T,
             datePickerRef: f,
             disabled: e,
             error: t,
@@ -4796,7 +4796,7 @@ const j = le(function({
             placement: "bottom start",
             state: k,
             triggerRef: f,
-            children: /* @__PURE__ */ i(Xt, { ...C, children: /* @__PURE__ */ i(ol, { onClose: w, props: T }) })
+            children: /* @__PURE__ */ i(Xt, { ...C, children: /* @__PURE__ */ i(ol, { onClose: w, props: I }) })
           }
         ) : null
       ]
@@ -4806,7 +4806,7 @@ const j = le(function({
   onClose: e,
   props: t
 }) => {
-  const { locale: n } = ht(), r = Y(null), a = Tr({ ...t, createCalendar: ft, locale: n }), { prevButtonProps: o, nextButtonProps: l, title: s } = Dr(
+  const { locale: n } = ht(), r = Y(null), a = Ir({ ...t, createCalendar: ft, locale: n }), { prevButtonProps: o, nextButtonProps: l, title: s } = Dr(
     t,
     a,
     r
@@ -4869,9 +4869,9 @@ const j = le(function({
       value: { start: $, end: k }
     } : d != null && d.onChange || p != null && p.onChange ? { value: null } : {}
   }), { close: S } = z, {
-    groupProps: I,
+    groupProps: T,
     startFieldProps: C,
-    endFieldProps: T,
+    endFieldProps: I,
     buttonProps: E,
     dialogProps: A,
     calendarProps: D
@@ -4911,9 +4911,9 @@ const j = le(function({
                   fieldProps: {
                     ...C,
                     "aria-label": `${C["aria-label"]} ${r}`,
-                    validate: (F) => T.value && F > T.value ? "Start date must be less than or equal to end date" : null
+                    validate: (F) => I.value && F > I.value ? "Start date must be less than or equal to end date" : null
                   },
-                  groupProps: I,
+                  groupProps: T,
                   name: (p == null ? void 0 : p.name) ?? x,
                   onChange: p == null ? void 0 : p.onChange,
                   register: s,
@@ -4929,11 +4929,11 @@ const j = le(function({
                   disabled: e,
                   error: t,
                   fieldProps: {
-                    ...T,
-                    "aria-label": `${T["aria-label"]} ${r}`,
+                    ...I,
+                    "aria-label": `${I["aria-label"]} ${r}`,
                     validate: (F) => C.value && F < C.value ? "End date must be greater than or equal to start date" : null
                   },
-                  groupProps: I,
+                  groupProps: T,
                   name: (d == null ? void 0 : d.name) ?? f,
                   onChange: d == null ? void 0 : d.onChange,
                   register: s,
@@ -5026,25 +5026,25 @@ const j = le(function({
       oe(p, "YYYY/MM/DD hh:mm A").format("YYYY-MM-DDTHH:mm:ss")
     )
   }), { close: f } = u, { groupProps: x, fieldProps: y, buttonProps: $, dialogProps: k, calendarProps: w } = ii(e, u, g), z = v(
-    (I) => {
-      if (w.onChange && w.onChange(I), u.timeValue) {
-        const C = In(
-          I,
+    (T) => {
+      if (w.onChange && w.onChange(T), u.timeValue) {
+        const C = Tn(
+          T,
           u.timeValue
         );
         c == null || c(o, C, { shouldDirty: !0 });
       } else
-        u.setDateValue(I);
+        u.setDateValue(T);
     },
     [w, o, c, u]
   ), S = v(
-    (I) => {
-      if (I) {
-        u.setTimeValue(I);
+    (T) => {
+      if (T) {
+        u.setTimeValue(T);
         const C = u.dateValue;
         if (C) {
-          const T = In(C, I);
-          c == null || c(o, T, { shouldDirty: !0 });
+          const I = Tn(C, T);
+          c == null || c(o, I, { shouldDirty: !0 });
         }
       }
     },
@@ -5134,9 +5134,9 @@ const j = le(function({
   tooltip: w,
   type: z = "text",
   weight: S,
-  ...I
+  ...T
 }) => {
-  const { required: C, onBlur: T, onChange: E } = I, A = L(), D = e ? void 0 : o, [F, W] = P(""), B = v(
+  const { required: C, onBlur: I, onChange: E } = T, A = L(), D = e ? void 0 : o, [F, W] = P(""), B = v(
     (Z) => {
       W(Z.target.value), E == null || E(Z);
     },
@@ -5185,7 +5185,7 @@ const j = le(function({
                   onPaste: f,
                   placeholder: x,
                   type: z,
-                  ...$ ? $(g, { required: C, onBlur: T, onChange: B }) : { ...I, onChange: B }
+                  ...$ ? $(g, { required: C, onBlur: I, onChange: B }) : { ...T, onChange: B }
                 }
               ),
               D ? /* @__PURE__ */ i(
@@ -5262,7 +5262,7 @@ const j = le(function({
   > .comp-card {
     height: 100%;
   }
-`, Tn = ({
+`, In = ({
   children: e,
   xl: t,
   lg: n,
@@ -5362,7 +5362,7 @@ const j = le(function({
     [y]
   );
   return /* @__PURE__ */ h(ml, { align: "start", children: [
-    /* @__PURE__ */ i(Tn, { lg: 75, md: 75, sm: 75, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(In, { lg: 75, md: 75, sm: 75, children: /* @__PURE__ */ i(
       qt,
       {
         disabled: n,
@@ -5382,7 +5382,7 @@ const j = le(function({
         value: $
       }
     ) }),
-    l < d - 1 && l + 1 === (r == null ? void 0 : r.length) ? /* @__PURE__ */ i(Tn, { lg: 25, md: 25, sm: 25, children: /* @__PURE__ */ i(
+    l < d - 1 && l + 1 === (r == null ? void 0 : r.length) ? /* @__PURE__ */ i(In, { lg: 25, md: 25, sm: 25, children: /* @__PURE__ */ i(
       Q,
       {
         disabled: n,
@@ -5645,10 +5645,10 @@ const j = le(function({
   return Object.defineProperty(r, "target", {
     value: { name: t, value: n }
   }), r;
-}, Il = (e) => {
+}, Tl = (e) => {
   const t = e;
   return t ? Array.from(t).map((n) => n.name).join(", ") : "";
-}, Tl = (e) => {
+}, Il = (e) => {
   if (!e)
     return "All files";
   const t = e.split(",").map((r) => {
@@ -5866,7 +5866,7 @@ const j = le(function({
         console.error("Error reading dropped files:", W);
       }
     }
-  }), I = /* @__PURE__ */ i(
+  }), T = /* @__PURE__ */ i(
     ie,
     {
       color: s.palette.gray[700],
@@ -5894,7 +5894,7 @@ const j = le(function({
       iconColor: s.palette.success[500],
       iconSize: "lg"
     }
-  ), T = !n && r ? /* @__PURE__ */ h(N, { color: s.palette.gray[400], size: "md", children: [
+  ), I = !n && r ? /* @__PURE__ */ h(N, { color: s.palette.gray[400], size: "md", children: [
     Array.from(d).map((F) => Nn(F.size)).join(", "),
     g ? ` • ${g}% uploaded` : void 0
   ] }) : /* @__PURE__ */ i(ye, { priority: "low", tagLabel: "Error uploading", variant: "error" }), E = /* @__PURE__ */ i(
@@ -5962,7 +5962,7 @@ const j = le(function({
               size: "sm",
               textAlign: "center",
               children: [
-                `${Tl(c)}`,
+                `${Il(c)}`,
                 x ? ` (max. ${Nn(x)} total limit)` : void 0
               ]
             }
@@ -6005,9 +6005,9 @@ const j = le(function({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ i("div", { children: T })
+                  /* @__PURE__ */ i("div", { children: I })
                 ] }),
-                n ? A : q.isEmpty(r) ? void 0 : p ? D : I
+                n ? A : q.isEmpty(r) ? void 0 : p ? D : T
               ]
             }
           ),
@@ -6038,9 +6038,9 @@ const j = le(function({
   viewMode: w,
   canReplaceInViewMode: z,
   progressPercentage: S,
-  maxSize: I
+  maxSize: T
 }) => {
-  const C = L(), T = t ? void 0 : n, E = Y(null), A = g == null ? void 0 : g(c, { required: p }), D = y == null ? void 0 : y(c), F = Il(D), [W, B] = P(!1), [R, G] = P(S);
+  const C = L(), I = t ? void 0 : n, E = Y(null), A = g == null ? void 0 : g(c, { required: p }), D = y == null ? void 0 : y(c), F = Tl(D), [W, B] = P(!1), [R, G] = P(S);
   K(() => {
     G(!S && W ? 50 : !S && !W ? void 0 : S);
   }, [W, S]);
@@ -6079,7 +6079,7 @@ const j = le(function({
   return /* @__PURE__ */ h(
     ge,
     {
-      error: T,
+      error: I,
       helpLink: a,
       helpText: o,
       htmlFor: l ?? c,
@@ -6092,7 +6092,7 @@ const j = le(function({
           Sl,
           {
             disabled: t,
-            errorMsg: T,
+            errorMsg: I,
             fileName: F,
             handleButtonClick: te,
             handleRemoveFile: Z,
@@ -6105,12 +6105,12 @@ const j = le(function({
             accept: e,
             canReplaceInViewMode: z,
             disabled: t,
-            errorMsg: T,
+            errorMsg: I,
             fileName: F,
             handleButtonClick: te,
             handleRemoveFile: Z,
             inputRef: E,
-            maxSize: I,
+            maxSize: T,
             multiple: s,
             name: c,
             progressPercentage: R,
@@ -6184,7 +6184,7 @@ const j = le(function({
   value: f,
   weight: x
 }) => {
-  const y = L(), $ = e ? void 0 : t, [k, w] = P(""), z = c ? f : n == null ? void 0 : n.value, S = M(() => z && typeof z == "string" ? z.split(",").filter(Boolean) : [], [z]), I = v(
+  const y = L(), $ = e ? void 0 : t, [k, w] = P(""), z = c ? f : n == null ? void 0 : n.value, S = M(() => z && typeof z == "string" ? z.split(",").filter(Boolean) : [], [z]), T = v(
     (D) => {
       const W = [...new Set(D.filter(Boolean))].join(","), B = Ye("change", s, W);
       n && n.onChange(B), c && c(B);
@@ -6195,23 +6195,23 @@ const j = le(function({
       w(D.target.value);
     },
     []
-  ), T = v(
+  ), I = v(
     (D) => {
       const F = k.trim();
-      F.length && !S.includes(F) && (D.preventDefault(), I([...S, F]), w("")), n && n.onBlur();
+      F.length && !S.includes(F) && (D.preventDefault(), T([...S, F]), w("")), n && n.onBlur();
     },
-    [k, n, I, S]
+    [k, n, T, S]
   ), E = v(
     (D) => {
       const F = k.trim();
-      D.key === "Enter" && F.length === 0 && D.preventDefault(), ["Enter", ","].includes(D.key) && F.length > 0 && !S.includes(F) ? (D.preventDefault(), I([...S, F]), w("")) : D.key === "Backspace" && !F.length && S.length && (D.preventDefault(), d == null || d(S[S.length - 1]), I(S.slice(0, -1)));
+      D.key === "Enter" && F.length === 0 && D.preventDefault(), ["Enter", ","].includes(D.key) && F.length > 0 && !S.includes(F) ? (D.preventDefault(), T([...S, F]), w("")) : D.key === "Backspace" && !F.length && S.length && (D.preventDefault(), d == null || d(S[S.length - 1]), T(S.slice(0, -1)));
     },
-    [k, d, I, S]
+    [k, d, T, S]
   ), A = v(
     (D) => () => {
-      d == null || d(D), I(S.filter((F) => F !== D));
+      d == null || d(D), T(S.filter((F) => F !== D));
     },
-    [d, I, S]
+    [d, T, S]
   );
   return /* @__PURE__ */ i(
     ge,
@@ -6250,7 +6250,7 @@ const j = le(function({
                 autoComplete: "off",
                 disabled: e,
                 id: s,
-                onBlur: T,
+                onBlur: I,
                 onChange: C,
                 onKeyDown: E,
                 placeholder: S.length === 0 ? p : void 0,
@@ -6375,15 +6375,15 @@ const j = le(function({
   variant: $ = "full",
   defaultValue: k
 }) => {
-  const w = L(), z = n ? void 0 : e, S = t < 0 ? 0 : t, I = cl(y == null ? void 0 : y.toString(), k), [C, T] = P(
-    I
+  const w = L(), z = n ? void 0 : e, S = t < 0 ? 0 : t, T = cl(y == null ? void 0 : y.toString(), k), [C, I] = P(
+    T
   );
   K(() => {
-    T(I);
-  }, [I]);
+    I(T);
+  }, [T]);
   const E = v(() => {
     const R = ((C ?? Number(l)) - 10 ** -S).toFixed(S), G = Math.max(Number(l), Number(R));
-    f && f(s, G, { shouldDirty: !0 }), T(G);
+    f && f(s, G, { shouldDirty: !0 }), I(G);
     const Z = Ye("change", s, R);
     c && c(Z);
   }, [C, S, l, f, s, c]), A = v(() => {
@@ -6391,13 +6391,13 @@ const j = le(function({
       Number(o),
       Number(R) > Number(l) ? Number(R) : Number(l)
     );
-    f && f(s, G, { shouldDirty: !0 }), T(G);
+    f && f(s, G, { shouldDirty: !0 }), I(G);
     const Z = Ye("change", s, R);
     c && c(Z);
   }, [C, S, o, l, f, s, c]), D = v(
     (B) => {
       const { value: R } = B.target, G = /\d+/u.test(R) && !X.isEmpty(R);
-      f && f(s, G ? R : void 0), c && c(B), T(X.isEmpty(R) ? void 0 : Number(R));
+      f && f(s, G ? R : void 0), c && c(B), I(X.isEmpty(R) ? void 0 : Number(R));
     },
     [s, c, f]
   ), F = v(
@@ -6543,13 +6543,13 @@ const j = le(function({
   required: w,
   setValue: z,
   tooltip: S,
-  tooltipMessage: I,
+  tooltipMessage: T,
   value: C,
-  variant: T = "full",
+  variant: I = "full",
   watch: E,
   weight: A,
   defaultValue: D
-}) => T === "compact" ? /* @__PURE__ */ i(
+}) => I === "compact" ? /* @__PURE__ */ i(
   ct,
   {
     "aria-label": f,
@@ -6562,9 +6562,9 @@ const j = le(function({
     name: f,
     onEnter: y ?? (() => {
     }),
-    tooltipMessage: I,
+    tooltipMessage: T,
     value: C,
-    variant: T
+    variant: I
   }
 ) : /* @__PURE__ */ i(
   ge,
@@ -6597,7 +6597,7 @@ const j = le(function({
         required: w,
         setValue: z,
         value: E ? E(f) : C,
-        variant: T
+        variant: I
       }
     )
   }
@@ -6765,10 +6765,10 @@ const j = le(function({
   watch: d,
   weight: p
 }) => {
-  const g = L(), u = Y(null), f = e ? void 0 : t, x = (d == null ? void 0 : d(r)) ?? c, [y, $] = P(!1), [k, w] = P(""), [z, S] = P(!1), { refs: I, floatingStyles: C } = Bt({
+  const g = L(), u = Y(null), f = e ? void 0 : t, x = (d == null ? void 0 : d(r)) ?? c, [y, $] = P(!1), [k, w] = P(""), [z, S] = P(!1), { refs: T, floatingStyles: C } = Bt({
     placement: "bottom-start",
     whileElementsMounted: gt
-  }), { inputRef: T, inputValue: E, handlePhoneValueChange: A, country: D, setCountry: F } = jr({
+  }), { inputRef: I, inputValue: E, handlePhoneValueChange: A, country: D, setCountry: F } = jr({
     countries: pn,
     defaultCountry: "co",
     forceDialCode: !0,
@@ -6801,7 +6801,7 @@ const j = le(function({
     const { name: J } = gn(U);
     return J.toLowerCase().includes(k.toLowerCase());
   });
-  return ve(I.floating.current, () => {
+  return ve(T.floating.current, () => {
     $(!1), w("");
   }), /* @__PURE__ */ i(
     ge,
@@ -6829,7 +6829,7 @@ const j = le(function({
                 onClick: B,
                 onFocus: Z,
                 onKeyDown: G,
-                ref: I.setReference,
+                ref: T.setReference,
                 children: [
                   /* @__PURE__ */ i(un, { iso2: D.iso2, size: "16px" }),
                   /* @__PURE__ */ i(
@@ -6863,7 +6863,7 @@ const j = le(function({
                       name: r,
                       onKeyDown: W,
                       placeholder: a,
-                      ref: T,
+                      ref: I,
                       type: "tel",
                       value: E,
                       ...l == null ? void 0 : l(r, {
@@ -6885,7 +6885,7 @@ const j = le(function({
               }
             ),
             y && Re(
-              /* @__PURE__ */ i(Bl, { ref: I.setFloating, style: C, children: te.map((U) => {
+              /* @__PURE__ */ i(Bl, { ref: T.setFloating, style: C, children: te.map((U) => {
                 const { dialCode: J, iso2: de, name: $e } = gn(U);
                 return /* @__PURE__ */ h(
                   Vl,
@@ -6939,7 +6939,7 @@ const j = le(function({
   weight: z,
   value: S
 }) => {
-  const I = L(), C = (w == null ? void 0 : w(c)) ?? S, T = l && o && !e, E = e ? void 0 : t;
+  const T = L(), C = (w == null ? void 0 : w(c)) ?? S, I = l && o && !e, E = e ? void 0 : t;
   return /* @__PURE__ */ i(
     ge,
     {
@@ -6959,7 +6959,7 @@ const j = le(function({
         fe,
         {
           className: `
-          ${e ? "disabled" : ""} ${E ? "error" : ""} ${T ? "success" : ""}
+          ${e ? "disabled" : ""} ${E ? "error" : ""} ${I ? "success" : ""}
         `,
           children: [
             /* @__PURE__ */ i(
@@ -6985,16 +6985,16 @@ const j = le(function({
               {
                 icon: "exclamation-circle",
                 iconClass: "error-icon",
-                iconColor: I.palette.error[500],
+                iconColor: T.palette.error[500],
                 iconSize: "lg"
               }
             ) : void 0,
-            T ? /* @__PURE__ */ i(
+            I ? /* @__PURE__ */ i(
               j,
               {
                 icon: "check-circle",
                 iconClass: "success-icon",
-                iconColor: I.palette.success[500],
+                iconColor: T.palette.success[500],
                 iconSize: "lg"
               }
             ) : void 0
@@ -7025,10 +7025,10 @@ const j = le(function({
   error: w,
   onChange: z,
   register: S,
-  setValue: I,
+  setValue: T,
   watch: C
 }) => {
-  const T = M(() => {
+  const I = M(() => {
     if (l === "text")
       return /* @__PURE__ */ i(
         qt,
@@ -7050,7 +7050,7 @@ const j = le(function({
           error: w,
           name: p,
           register: S,
-          setValue: I,
+          setValue: T,
           watch: C
         }
       );
@@ -7079,7 +7079,7 @@ const j = le(function({
         onChange: z,
         placeholder: g,
         register: S,
-        setValue: I,
+        setValue: T,
         value: y,
         watch: C
       }
@@ -7097,7 +7097,7 @@ const j = le(function({
     z,
     g,
     S,
-    I,
+    T,
     y,
     C
   ]);
@@ -7118,7 +7118,7 @@ const j = le(function({
             tooltip: f
           }
         ),
-        T
+        I
       ]
     }
   );
@@ -7419,7 +7419,7 @@ const j = le(function({
     transition: 0.2s;
     width: 44px;
   `}
-`, Te = m.div`
+`, Ie = m.div`
   ${({ theme: e }) => `
     align-items: center;
     background-color: ${e.palette.white};
@@ -7452,7 +7452,7 @@ const j = le(function({
     transform: translateX(100%);
   }
 
-  input:checked + ${xe} > ${Te} svg {
+  input:checked + ${xe} > ${Ie} svg {
     color: ${({ theme: e }) => e.palette.primary[500]};
   }
 
@@ -7460,25 +7460,25 @@ const j = le(function({
     background-color: ${({ theme: e }) => e.palette.gray[300]};
   }
 
-  input:not(:checked):not(:disabled) + ${xe} > ${Te} svg {
+  input:not(:checked):not(:disabled) + ${xe} > ${Ie} svg {
     color: ${({ theme: e }) => e.palette.gray[500]};
   }
 
-  input:disabled + ${xe} > ${Te} svg {
+  input:disabled + ${xe} > ${Ie} svg {
     color: ${({ theme: e }) => e.palette.white};
   }
 
-  input:disabled + ${xe} > ${Te} {
+  input:disabled + ${xe} > ${Ie} {
     background-color: ${({ theme: e }) => e.palette.gray[400]};
     border: 1px solid ${({ theme: e }) => e.palette.gray[400]};
   }
 
-  input:checked:disabled + ${xe} > ${Te} {
+  input:checked:disabled + ${xe} > ${Ie} {
     color: ${({ theme: e }) => e.palette.white};
     left: 0.5px;
   }
 
-  input:disabled:not(:checked) + ${xe} > ${Te} {
+  input:disabled:not(:checked) + ${xe} > ${Ie} {
     left: 1.5px;
   }
 
@@ -7636,7 +7636,7 @@ const j = le(function({
         type: "checkbox"
       }
     ),
-    /* @__PURE__ */ i(xe, { "aria-label": "Toggle Switch", id: `${l}Toggle`, children: /* @__PURE__ */ i(Te, { children: a ? /* @__PURE__ */ i(j, { icon: t ? "check" : "times", iconSize: "md" }) : void 0 }) })
+    /* @__PURE__ */ i(xe, { "aria-label": "Toggle Switch", id: `${l}Toggle`, children: /* @__PURE__ */ i(Ie, { children: a ? /* @__PURE__ */ i(j, { icon: t ? "check" : "times", iconSize: "md" }) : void 0 }) })
   ] }), z = () => {
     const S = w();
     return n && p ? /* @__PURE__ */ i(pe, { id: `${l}-tooltip`, place: g, tip: p, children: S }) : S;
@@ -7910,7 +7910,7 @@ const Fn = Object.fromEntries(
   overflowX: "auto",
   padding: e.spacing[0.5],
   width: "100%"
-}), Ip = ({
+}), Tp = ({
   expanded: e = !1,
   language: t = "none",
   minWidth: n = "565px",
@@ -7938,7 +7938,7 @@ const Fn = Object.fromEntries(
       }
     }),
     [y, c.spacing]
-  ), I = v(
+  ), T = v(
     (E) => {
       const A = y === E;
       return {
@@ -7956,7 +7956,7 @@ const Fn = Object.fromEntries(
   ), C = v(
     () => navigator.clipboard.writeText($ ? o : ""),
     [$, o]
-  ), T = v(() => p((E) => !E), []);
+  ), I = v(() => p((E) => !E), []);
   return g ? f ? /* @__PURE__ */ i(
     b,
     {
@@ -7973,7 +7973,7 @@ const Fn = Object.fromEntries(
         {
           customStyle: jn(c),
           language: t,
-          lineNumberStyle: I,
+          lineNumberStyle: T,
           lineProps: S,
           showLineNumbers: !0,
           startingLineNumber: x + 1,
@@ -8054,7 +8054,7 @@ const Fn = Object.fromEntries(
                   width: c.spacing[2.5]
                 }
               ),
-              $ && w ? /* @__PURE__ */ h(Q, { onClick: T, variant: "ghost", children: [
+              $ && w ? /* @__PURE__ */ h(Q, { onClick: I, variant: "ghost", children: [
                 d ? "Show Less" : "Show more",
                 /* @__PURE__ */ i(
                   j,
@@ -8418,9 +8418,9 @@ const Fn = Object.fromEntries(
   variant: c = "primary",
   tag: d
 }) => {
-  const { pathname: p } = Io(), g = r || (c === "primary" ? p.includes(a) : p.endsWith(a));
+  const { pathname: p } = To(), g = r || (c === "primary" ? p.includes(a) : p.endsWith(a));
   return /* @__PURE__ */ i(pe, { display: "flex", id: `${n}-tooltip`, tip: s, children: /* @__PURE__ */ h(hs, { $borderButton: g, $variant: c, children: [
-    /* @__PURE__ */ i(To, { end: e, id: n, onClick: l, to: a, children: t }),
+    /* @__PURE__ */ i(Io, { end: e, id: n, onClick: l, to: a, children: t }),
     /* @__PURE__ */ i(
       Rt,
       {
@@ -9099,7 +9099,7 @@ const Fn = Object.fromEntries(
     ] }) }),
     document.getElementById(e) ?? document.body
   ) : /* @__PURE__ */ i("div", {});
-}, Ii = ({
+}, Ti = ({
   _portal: e = !0,
   alert: t,
   cancelButton: n = void 0,
@@ -9116,11 +9116,11 @@ const Fn = Object.fromEntries(
   size: f,
   id: x = "modal-container"
 }) => {
-  const y = L(), [$, k] = P(void 0), w = Y(null), z = Y(!1), S = Array.isArray(g) && g.length > 0, I = n ?? a;
+  const y = L(), [$, k] = P(void 0), w = Y(null), z = Y(!1), S = Array.isArray(g) && g.length > 0, T = n ?? a;
   K(() => {
     if (S && !z.current && w.current) {
-      const T = w.current.getBoundingClientRect().height;
-      T > 50 && (k(T), z.current = !0);
+      const I = w.current.getBoundingClientRect().height;
+      I > 50 && (k(I), z.current = !0);
     }
     c.isOpen || (k(void 0), z.current = !1);
   }, [S, c.isOpen]);
@@ -9164,7 +9164,7 @@ const Fn = Object.fromEntries(
             (X.isObject(o) || r) && /* @__PURE__ */ h(
               os,
               {
-                style: I ? { borderBottom: `1px solid ${y.palette.gray[200]}` } : void 0,
+                style: T ? { borderBottom: `1px solid ${y.palette.gray[200]}` } : void 0,
                 children: [
                   r,
                   X.isObject(o) && X.isString(o.imageSrc) && /* @__PURE__ */ i(cs, { $framed: o.imageFramed, children: /* @__PURE__ */ i(Ce, { alt: "modal-img", publicId: o.imageSrc }) }),
@@ -9190,7 +9190,7 @@ const Fn = Object.fromEntries(
     C,
     document.getElementById("portals") ?? document.body
   ) : c.isOpen ? C : null;
-}, Tp = (e, t, n) => {
+}, Ip = (e, t, n) => {
   const r = St("confirm-dialog-modal"), a = Y(null), o = v(async () => (r.open(), new Promise((d) => {
     a.current = d;
   })), [r]), l = v(() => {
@@ -9227,7 +9227,7 @@ const Fn = Object.fromEntries(
       )
     );
     return /* @__PURE__ */ h(
-      Ii,
+      Ti,
       {
         "data-testid": e,
         id: e,
@@ -9266,7 +9266,7 @@ const Fn = Object.fromEntries(
   return K(() => {
     o.setIsOpen(e);
   }, [e, o]), { ConfirmDialog: ({ id: p = "confirm-dialog-modal", children: g }) => /* @__PURE__ */ h(
-    Ii,
+    Ti,
     {
       cancelButton: (n == null ? void 0 : n.showCancel) === !0 || (n == null ? void 0 : n.showCancel) === void 0 ? {
         onClick: c,
@@ -9324,7 +9324,7 @@ const Fn = Object.fromEntries(
     width: 166px;
     z-index: 9999;
   `}
-`, Is = m.li`
+`, Ts = m.li`
   ${({ theme: e }) => `
     align-items: center;
     background: ${e.palette.white}
@@ -9391,7 +9391,7 @@ const Fn = Object.fromEntries(
         f.onClick(), c(!1);
       };
       return /* @__PURE__ */ h(
-        Is,
+        Ts,
         {
           "aria-disabled": f.disabled,
           "aria-label": f.label,
@@ -9413,7 +9413,7 @@ const Fn = Object.fromEntries(
       );
     }) }) : void 0
   ] });
-}, Ln = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ i(Q, { onClick: e.onClick, variant: t, children: e.text }), Ts = m.div`
+}, Ln = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ i(Q, { onClick: e.onClick, variant: t, children: e.text }), Is = m.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -9460,7 +9460,7 @@ const Fn = Object.fromEntries(
   size: l = "md"
 }) => {
   const s = (t ?? e) !== void 0;
-  return /* @__PURE__ */ h(Ts, { $padding: a, children: [
+  return /* @__PURE__ */ h(Is, { $padding: a, children: [
     /* @__PURE__ */ i(Ds, { children: /* @__PURE__ */ i(Ce, { alt: "empty-icon", publicId: r }) }),
     /* @__PURE__ */ i(
       ae,
@@ -9498,7 +9498,7 @@ const Fn = Object.fromEntries(
       )
     ] }) : void 0
   ] });
-}, De = 20, Ti = (e) => {
+}, De = 20, Ii = (e) => {
   const [t, n] = (e == null ? void 0 : e.split(",").map((r) => r.trim())) ?? [];
   return !!(t && t !== "-" && oe(t).isValid() && /^\d+\-\d+\-\d+$/.test(t.trim()) || n && n !== "-" && oe(n).isValid() && /^\d+\-\d+\-\d+$/.test(n.trim()));
 }, Di = (e) => {
@@ -9514,7 +9514,7 @@ const Fn = Object.fromEntries(
     };
   }
   const n = e.split(",");
-  if (n.length === 0 || Ti(e) || Di(e))
+  if (n.length === 0 || Ii(e) || Di(e))
     return { content: void 0, showTooltip: !1 };
   if (n.length === 1) {
     const c = (((l = n[0]) == null ? void 0 : l.length) ?? 0) > 20;
@@ -9545,7 +9545,7 @@ const Fn = Object.fromEntries(
     return tt(l);
   }
   const n = e.split(",");
-  if (Ti(e) && t !== "text") return Fs(e);
+  if (Ii(e) && t !== "text") return Fs(e);
   if (Di(e) && t !== "text") return As(e);
   if (n.length === 1) return tt(e);
   if (n.length <= 2) {
@@ -9870,17 +9870,17 @@ const Fn = Object.fromEntries(
                   children: w
                 }
               ) : void 0,
-              z.map((I) => {
+              z.map((T) => {
                 var A;
-                const C = p[I.id], E = ((A = I.options) == null ? void 0 : A.some(
+                const C = p[T.id], E = ((A = T.options) == null ? void 0 : A.some(
                   (D) => D.type === "text"
                 )) ? je(C).text ? "1" : "0" : C.split(",").filter((D) => D && D !== "-").length.toString();
                 return /* @__PURE__ */ i(me, { children: /* @__PURE__ */ h(
                   Ge,
                   {
                     as: "button",
-                    "data-testid": I.id,
-                    onClick: y(I.id),
+                    "data-testid": T.id,
+                    onClick: y(T.id),
                     children: [
                       /* @__PURE__ */ i(
                         j,
@@ -9891,7 +9891,7 @@ const Fn = Object.fromEntries(
                           iconType: "fa-light"
                         }
                       ),
-                      I.label,
+                      T.label,
                       /* @__PURE__ */ h(
                         b,
                         {
@@ -9900,7 +9900,7 @@ const Fn = Object.fromEntries(
                           gap: 0.5,
                           style: { marginLeft: "auto" },
                           children: [
-                            l === I.id ? /* @__PURE__ */ i(
+                            l === T.id ? /* @__PURE__ */ i(
                               j,
                               {
                                 icon: "chevron-right",
@@ -9915,7 +9915,7 @@ const Fn = Object.fromEntries(
                       )
                     ]
                   }
-                ) }, I.id);
+                ) }, T.id);
               })
             ]
           },
@@ -10031,7 +10031,15 @@ const Fn = Object.fromEntries(
       as: "button",
       onClick: n == null ? void 0 : n(r.value),
       children: [
-        r.icon ? /* @__PURE__ */ i(j, { icon: r.icon, iconSize: "md", iconType: "fa-light" }) : void 0,
+        r.icon ? /* @__PURE__ */ i(
+          j,
+          {
+            icon: r.icon,
+            iconColor: r.iconColor,
+            iconSize: "md",
+            iconType: r.iconType ?? "fa-light"
+          }
+        ) : void 0,
         /* @__PURE__ */ i(
           Fe,
           {
@@ -10136,28 +10144,28 @@ const Fn = Object.fromEntries(
     estimateSize: () => 36,
     getScrollElement: () => f.ref.current
   }), k = $.getVirtualItems(), w = v(
-    (T) => {
-      T.stopPropagation(), T.preventDefault(), o(T.target.value, s ?? "");
+    (I) => {
+      I.stopPropagation(), I.preventDefault(), o(I.target.value, s ?? "");
     },
     [o, s]
   ), z = v(
-    (T) => (E) => {
-      o(E, "dateRange", T);
+    (I) => (E) => {
+      o(E, "dateRange", I);
     },
     [o]
   ), S = v(
-    (T) => (E) => {
-      E.stopPropagation(), E.preventDefault(), o(E.target.value, "numberRange", T);
+    (I) => (E) => {
+      E.stopPropagation(), E.preventDefault(), o(E.target.value, "numberRange", I);
     },
     [o]
-  ), I = v(
-    (T) => () => {
-      o(T, "list");
+  ), T = v(
+    (I) => () => {
+      o(I, "list");
     },
     [o]
   ), C = v(
-    (T) => {
-      T.stopPropagation(), o(T.target.checked ? "true" : "false", "textCheckbox");
+    (I) => {
+      I.stopPropagation(), o(I.target.checked ? "true" : "false", "textCheckbox");
     },
     [o]
   );
@@ -10177,7 +10185,7 @@ const Fn = Object.fromEntries(
     id: e,
     filterValue: n,
     onChange: w,
-    onListChange: I,
+    onListChange: T,
     onRangeChange: z,
     onRangeNumberChange: S,
     ref: $.measureElement,
@@ -10209,26 +10217,26 @@ const Fn = Object.fromEntries(
         ...C,
         [o]: [
           ...Ve(C[o] ?? ""),
-          ...k.flat().map((T) => T.value)
+          ...k.flat().map((I) => I.value)
         ].join(",")
       })
     );
   }, [p, o, k]), S = v(
     (C) => {
-      c((T) => ({
-        ...T,
+      c((I) => ({
+        ...I,
         searchFilter: C.target.value
       }));
     },
     [c]
-  ), I = v(
-    (C, T, E) => {
+  ), T = v(
+    (C, I, E) => {
       p((A) => {
-        if (T === "checkboxes") {
+        if (I === "checkboxes") {
           const D = Ve(A[o] ?? ""), F = D != null && D.includes(C) ? D == null ? void 0 : D.filter((W) => W !== C).join(",") : [...D, C].join(",");
           return { ...A, [o]: F };
         }
-        if (T === "dateRange") {
+        if (I === "dateRange") {
           const D = Ve(A[o] ?? ""), F = D.filter(
             (G) => G !== "-" && !RegExp(/^\d+\-\d+\-\d+$/).test(G.trim())
           ), W = D.filter(
@@ -10236,7 +10244,7 @@ const Fn = Object.fromEntries(
           ), B = oe(C, "YYYY-MM-DD", !0), R = ["-", "-"];
           return W.length === 2 ? (R[0] = W[0], R[1] = W[1]) : W.length === 1 && (B.isAfter(oe(W[0])) ? (R[0] = W[0], R[1] = C) : (R[0] = C, R[1] = W[0])), R[E ?? 0] = C, { ...A, [o]: [...F, ...R].join(",") };
         }
-        if (T === "numberRange") {
+        if (I === "numberRange") {
           const D = Ve(A[o] ?? ""), F = D.filter(
             (G) => G !== "-" && !RegExp(/^\d+$/).test(G.trim())
           ), W = D.filter(
@@ -10262,17 +10270,17 @@ const Fn = Object.fromEntries(
             [o]: [...B, ...F].join(",")
           };
         }
-        if (T === "list") {
+        if (I === "list") {
           const F = Ve(A[o] ?? "").filter(
             (W) => W === "-" || RegExp(/^\d+$/).test(W) || RegExp(/^\d+\-\d+\-\d+$/).test(W.trim())
           );
           return { ...A, [o]: [...F, C].join(",") };
         }
-        if (T === "textCheckbox") {
+        if (I === "textCheckbox") {
           const D = A[o] ?? "", F = D.match(/^textCheck:(true|false),(.*)$/), W = F ? F[2] : D, B = C === "true";
           return !B && W === "" ? { ...A, [o]: "" } : { ...A, [o]: `textCheck:${B},${W}` };
         }
-        if (T === "text") {
+        if (I === "text") {
           const F = (A[o] ?? "").match(/^textCheck:(true|false),/);
           return F ? C === "" && F[1] === "false" ? { ...A, [o]: "" } : { ...A, [o]: `textCheck:${F[1]},${C}` } : { ...A, [o]: C };
         }
@@ -10337,7 +10345,7 @@ const Fn = Object.fromEntries(
             ref: x,
             scroll: "y",
             width: "100%",
-            children: n == null ? void 0 : n.map((C, T, E) => /* @__PURE__ */ i(
+            children: n == null ? void 0 : n.map((C, I, E) => /* @__PURE__ */ i(
               "div",
               {
                 style: {
@@ -10353,11 +10361,11 @@ const Fn = Object.fromEntries(
                 children: /* @__PURE__ */ h(
                   Kt,
                   {
-                    $border: E.length > 1 && T > 0,
+                    $border: E.length > 1 && I > 0,
                     $overflow: C.type === "checkboxes",
                     style: { padding: y ? a.spacing[0.875] : 0 },
                     children: [
-                      T > 0 ? /* @__PURE__ */ i(
+                      I > 0 ? /* @__PURE__ */ i(
                         N,
                         {
                           color: a.palette.gray[800],
@@ -10371,10 +10379,10 @@ const Fn = Object.fromEntries(
                         Ys,
                         {
                           filterValue: $,
-                          filteredItems: k[T] ?? [],
+                          filteredItems: k[I] ?? [],
                           id: o,
                           label: t,
-                          onChange: I,
+                          onChange: T,
                           option: C
                         }
                       )
@@ -10382,7 +10390,7 @@ const Fn = Object.fromEntries(
                   }
                 )
               },
-              `${C.label}-${T}`
+              `${C.label}-${I}`
             ))
           }
         )
@@ -10405,7 +10413,7 @@ const Fn = Object.fromEntries(
   const p = St("filters"), { calendarState: g } = Ms(), { searchState: u, updateSearch: f } = Vs(!1), { scrollState: x, updateScrollHeight: y } = Gs(), [$, k] = P(""), { refs: w } = Me({ placement: "bottom-start" }), { refs: z } = Me({
     elements: { reference: w.reference.current },
     placement: "right-end"
-  }), { activeFilters: S, values: I, setValues: C } = r, { previousValue: T } = u, { label: E, options: A } = Ws(t, $, T), D = Os(t), F = oo(l) || l === null || $ !== l, W = v(
+  }), { activeFilters: S, values: T, setValues: C } = r, { previousValue: I } = u, { label: E, options: A } = Ws(t, $, I), D = Os(t), F = oo(l) || l === null || $ !== l, W = v(
     (Z) => {
       k(Z), s(Z);
     },
@@ -10431,7 +10439,7 @@ const Fn = Object.fromEntries(
         id: $,
         calendarState: g,
         searchState: u,
-        values: I,
+        values: T,
         scrollState: x,
         searchValues: a,
         setSearchValues: o,
@@ -10747,8 +10755,8 @@ const Fn = Object.fromEntries(
       const w = k.slice(0, nt);
       p((z) => {
         const S = w.toLowerCase();
-        return z.filter((I) => {
-          const C = String(I.name).toLowerCase();
+        return z.filter((T) => {
+          const C = String(T.name).toLowerCase();
           return C.startsWith(S) || C.includes(S);
         });
       });
@@ -11688,7 +11696,7 @@ const Fn = Object.fromEntries(
       color: ${e.palette.white};
     }
   `}
-`, Ie = ({
+`, Te = ({
   children: e,
   disabled: t,
   hasIcon: n = !1,
@@ -11879,7 +11887,7 @@ const Fn = Object.fromEntries(
         width: "100%",
         children: [
           /* @__PURE__ */ i(
-            Ie,
+            Te,
             {
               disabled: c,
               hasIcon: !0,
@@ -11888,7 +11896,7 @@ const Fn = Object.fromEntries(
             }
           ),
           /* @__PURE__ */ i(
-            Ie,
+            Te,
             {
               disabled: c,
               hasIcon: !0,
@@ -11897,22 +11905,22 @@ const Fn = Object.fromEntries(
             }
           ),
           p.map((w, z, S) => {
-            const I = w === 1, C = w === t, T = g && I && z === 0, E = f && C && z === p.length - 1, A = u && z === S.length / 2 - 1;
+            const T = w === 1, C = w === t, I = g && T && z === 0, E = f && C && z === p.length - 1, A = u && z === S.length / 2 - 1;
             return /* @__PURE__ */ h(pt.Fragment, { children: [
-              E && /* @__PURE__ */ i(Ie, { disabled: !0, children: "..." }),
+              E && /* @__PURE__ */ i(Te, { disabled: !0, children: "..." }),
               /* @__PURE__ */ i(
-                Ie,
+                Te,
                 {
                   onClick: x(w),
                   selected: n === w,
                   children: w
                 }
               ),
-              (T || A) && /* @__PURE__ */ i(Ie, { disabled: !0, children: "..." })
+              (I || A) && /* @__PURE__ */ i(Te, { disabled: !0, children: "..." })
             ] }, w);
           }),
           /* @__PURE__ */ i(
-            Ie,
+            Te,
             {
               disabled: d,
               hasIcon: !0,
@@ -11921,7 +11929,7 @@ const Fn = Object.fromEntries(
             }
           ),
           /* @__PURE__ */ i(
-            Ie,
+            Te,
             {
               disabled: d,
               hasIcon: !0,
@@ -11983,7 +11991,7 @@ const Fn = Object.fromEntries(
       font-size: ${e.spacing[0.5]};
     }
   `}
-`, Ic = ({
+`, Tc = ({
   margin: e,
   onClick: t,
   text: n
@@ -12026,7 +12034,7 @@ const Fn = Object.fromEntries(
       )
     }
   ) : /* @__PURE__ */ i(b, { display: "inline-block", mr: e, onClick: t, children: a });
-}, Tc = m.div`
+}, Ic = m.div`
   ${({ theme: e, $isDragging: t }) => `
     align-items: center;
     display: flex;
@@ -12139,7 +12147,7 @@ const Fn = Object.fromEntries(
         position: n === e.title ? "relative" : "static"
       },
       value: e,
-      children: /* @__PURE__ */ h(Tc, { $isDragging: n === e.title, children: [
+      children: /* @__PURE__ */ h(Ic, { $isDragging: n === e.title, children: [
         /* @__PURE__ */ h(
           b,
           {
@@ -12502,7 +12510,7 @@ const Fn = Object.fromEntries(
       textAlign: p ? "start" : "center",
       children: g
     }
-  ), I = /* @__PURE__ */ i(Ce, { alt: x, height: k, publicId: y, width: $ }), C = /* @__PURE__ */ i(
+  ), T = /* @__PURE__ */ i(Ce, { alt: x, height: k, publicId: y, width: $ }), C = /* @__PURE__ */ i(
     b,
     {
       alignItems: "center",
@@ -12557,11 +12565,11 @@ const Fn = Object.fromEntries(
                           position: "absolute",
                           textAlign: "center",
                           width: "100%",
-                          children: I
+                          children: T
                         }
                       )
                     }
-                  ) : I,
+                  ) : T,
                   /* @__PURE__ */ h(
                     b,
                     {
@@ -12925,7 +12933,7 @@ const Fn = Object.fromEntries(
       $(F), o == null || o(D), x(!0);
     },
     [o, s]
-  ), I = v(() => {
+  ), T = v(() => {
     var D;
     $(""), a == null || a(), o && o({
       target: { value: "" },
@@ -12937,7 +12945,7 @@ const Fn = Object.fromEntries(
       r == null || r(W), x(!1);
     },
     [t, r]
-  ), T = f && (y.trim().length > 0 || t.length > 0), E = M(
+  ), I = f && (y.trim().length > 0 || t.length > 0), E = M(
     () => t.length === 0 ? /* @__PURE__ */ i(Yc, { children: c }) : /* @__PURE__ */ i(Mc, { role: "listbox", children: t.map(
       (D, F) => /* @__PURE__ */ i(_c, { onClick: C, role: "option", children: n(D) }, F)
     ) }),
@@ -12962,7 +12970,7 @@ const Fn = Object.fromEntries(
       /* @__PURE__ */ i(
         Vc,
         {
-          "aria-expanded": T,
+          "aria-expanded": I,
           id: e,
           maxLength: s,
           name: e,
@@ -12982,7 +12990,7 @@ const Fn = Object.fromEntries(
           iconColor: g.palette.gray[300],
           iconSize: "lg",
           iconType: "fa-light",
-          onClick: I,
+          onClick: T,
           px: 0.25,
           py: 0.25,
           type: "reset",
@@ -12990,7 +12998,7 @@ const Fn = Object.fromEntries(
         }
       )
     ] }),
-    T ? /* @__PURE__ */ i(Gc, { ref: k.setFloating, style: w, children: E }) : void 0
+    I ? /* @__PURE__ */ i(Gc, { ref: k.setFloating, style: w, children: E }) : void 0
   ] });
 }, Zc = (e, t) => {
   const n = {
@@ -13130,7 +13138,7 @@ const Fn = Object.fromEntries(
         /* @__PURE__ */ h(b, { children: [
           /* @__PURE__ */ h(b, { alignItems: "center", display: "inline-flex", gap: 0.5, children: [
             /* @__PURE__ */ i(N, { color: l.palette.gray[800], size: "md", children: o }),
-            a ? /* @__PURE__ */ i(Ic, { text: "Upgrade" }) : void 0,
+            a ? /* @__PURE__ */ i(Tc, { text: "Upgrade" }) : void 0,
             e
           ] }),
           /* @__PURE__ */ i(N, { color: l.palette.gray[400], size: "sm", children: t })
@@ -14290,7 +14298,7 @@ const Fn = Object.fromEntries(
     () => vo(
       [wd, vd, kd, Gn],
       // eslint-disable-next-line functional/prefer-immutable-types
-      (S, I) => (S.push(I), I === s ? !1 : I <= s),
+      (S, T) => (S.push(T), T === s ? !1 : T <= s),
       []
     ),
     [s]
@@ -14358,7 +14366,7 @@ const Fn = Object.fromEntries(
         shadow: "md",
         style: f,
         children: x.map((S) => {
-          const I = k(S);
+          const T = k(S);
           return /* @__PURE__ */ i(
             b,
             {
@@ -14368,7 +14376,7 @@ const Fn = Object.fromEntries(
               cursor: "pointer",
               maxWidth: "40px",
               minWidth: "40px",
-              onClick: I,
+              onClick: T,
               px: 0.25,
               py: 0.25,
               children: /* @__PURE__ */ i(
@@ -14418,9 +14426,9 @@ const Fn = Object.fromEntries(
     /* @__PURE__ */ i(md, {})
   ] }),
   e
-] }), Id = ({
+] }), Td = ({
   children: e
-}) => /* @__PURE__ */ i("div", { className: "footer-container", children: e }), Td = m.div.attrs({ className: "search-container" })`
+}) => /* @__PURE__ */ i("div", { className: "footer-container", children: e }), Id = m.div.attrs({ className: "search-container" })`
   ${({ theme: e }) => `
     display: flex;
     flex-direction: column;
@@ -14515,7 +14523,7 @@ const Fn = Object.fromEntries(
     n == null || n("");
   }, [n]);
   return /* @__PURE__ */ h(Nd, { children: [
-    n === void 0 ? void 0 : /* @__PURE__ */ i(Td, { children: /* @__PURE__ */ i(
+    n === void 0 ? void 0 : /* @__PURE__ */ i(Id, { children: /* @__PURE__ */ i(
       Le,
       {
         maxLength: Mn,
@@ -14576,7 +14584,7 @@ const Fn = Object.fromEntries(
   Controls: jd,
   Export: dd,
   Footer: zd,
-  FooterContent: Id,
+  FooterContent: Td,
   Highlighted: Ld,
   Options: Ad
 }), Od = m.button`
@@ -15371,8 +15379,8 @@ export {
   kp as H,
   zp as I,
   Ne as J,
-  Ip as K,
-  Tn as L,
+  Tp as K,
+  In as L,
   Ce as M,
   Cs as N,
   Ua as O,
@@ -15404,7 +15412,7 @@ export {
   Xp as aB,
   xp as aC,
   e0 as aD,
-  Ic as aE,
+  Tc as aE,
   qp as aF,
   Kp as aG,
   vi as aH,
@@ -15446,7 +15454,7 @@ export {
   Mp as aq,
   _p as ar,
   Yp as as,
-  Ii as at,
+  Ti as at,
   gs as au,
   ds as av,
   Up as aw,
@@ -15511,7 +15519,7 @@ export {
   ve as bq,
   ra as br,
   aa as bs,
-  Tp as bt,
+  Ip as bt,
   Dp as bu,
   ui as bv,
   fi as bw,
@@ -15526,7 +15534,7 @@ export {
   Us as c4,
   ji as c5,
   Js as c6,
-  Ie as c7,
+  Te as c7,
   kc as c8,
   Dc as c9,
   Ec as ca,
@@ -15546,13 +15554,13 @@ export {
   Cd as co,
   Sd as cp,
   zd as cq,
-  Id as cr,
+  Td as cr,
   Ad as cs,
   Fd as ct,
   jd as cu,
   Ld as cv,
   Pd as cw,
-  In as d,
+  Tn as d,
   np as e,
   at as f,
   hi as g,