@fluidattacks/design 3.31.0 → 3.31.2-pr.1

package/dist/{components-DEjYFcZ8.mjs → components-CourNdg-.mjs}

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as f, Fragment as pe } from "react/jsx-runtime";
-import pt, { forwardRef as q, useState as L, useCallback as w, useEffect as _, useMemo as Z, StrictMode as Qn, useRef as B, Fragment as ye, Children as at, isValidElement as an, cloneElement as ln, createContext as ei, useContext as $e } from "react";
+import pt, { forwardRef as q, useState as L, useCallback as w, useEffect as _, useMemo as X, StrictMode as Qn, useRef as B, Fragment as ye, Children as at, isValidElement as an, cloneElement as ln, createContext as ei, useContext as $e } from "react";
 import { ThemeProvider as ti, styled as b, useTheme as N, css as Te, keyframes as sn } from "styled-components";
-import { C as ni, s as ii, _ as W, A as ri, l as oi, p as ai, c as cn, u as gt, a as li, b as si, d as ci, e as di, f as V, g as Me, h as dn, o as He, i as pi, $ as gi, j as ui, k as hi, m as fi, n as yi, q as $i, r as bi, t as xi, v as mi, w as pn, x as ut, y as wi, z as vi, B as ki, D as It, E as Pe, F as Ci, G as Si, H as gn, I as un, J as Be, K as zi, L as Ii, M as Ti, N as Di, O as Ni, P as ae, Q as Ei, R as hn, S as Fi, T as fn, U as Ai, V as Ri, W as Li, X as ji, Y as Wi, Z as Oi, a0 as ht, a1 as Mi, a2 as Tt, a3 as Dt, a4 as Nt, a5 as ve, a6 as Hi, a7 as yn, a8 as $n, a9 as bn, aa as Pi, ab as Bi, ac as Vi, ad as _i, ae as Ui, ai as xn, aj as Gi, ak as Yi, al as Ki, am as Zi, an as Xi, ao as qi, ap as Ji, aq as Qi, ar as er, as as tr, at as nr, au as lt, av as ir, aw as Et, ax as rr, ay as Ft, az as or } from "./vendor-EAX708zd.mjs";
+import { C as ni, s as ii, _ as W, A as ri, l as oi, p as ai, c as cn, u as gt, a as li, b as si, d as ci, e as di, f as V, g as Me, h as dn, o as He, i as pi, $ as gi, j as ui, k as hi, m as fi, n as yi, q as $i, r as bi, t as xi, v as mi, w as pn, x as ut, y as wi, z as vi, B as ki, D as It, E as Pe, F as Ci, G as Si, H as gn, I as un, J as Be, K as zi, L as Ii, M as Ti, N as Di, O as Ni, P as ae, Q as Ei, R as hn, S as Fi, T as fn, U as Ai, V as Ri, W as Li, X as ji, Y as Wi, Z as Oi, a0 as ht, a1 as Mi, a2 as Tt, a3 as Dt, a4 as Nt, a5 as ve, a6 as Hi, a7 as yn, a8 as $n, a9 as bn, aa as Pi, ab as Bi, ac as Vi, ad as _i, ae as Ui, ai as xn, aj as Gi, ak as Yi, al as Ki, am as Xi, an as Zi, ao as qi, ap as Ji, aq as Qi, ar as er, as as tr, at as nr, au as lt, av as ir, aw as Et, ax as rr, ay as Ft, az as or } from "./vendor-EAX708zd.mjs";
 import { createPortal as xe } from "react-dom";
 import { Link as ar, useLocation as lr, NavLink as sr } from "react-router-dom";
 const ge = (e) => ({
@@ -365,7 +365,7 @@ const ge = (e) => ({
     ${g}
     ${u}
   `;
-}, Ze = (e) => {
+}, Xe = (e) => {
   const t = M("cursor", e.cursor), n = M("border-color", e.borderColorHover), r = M("background-color", e.bgColorHover), o = M(
     "box-shadow",
     e.shadowHover === void 0 ? void 0 : O.shadows[e.shadowHover]
@@ -380,18 +380,18 @@ const ge = (e) => ({
       ${o}
     }
   `;
-}, Xe = {
+}, Ze = {
   shouldForwardProp: (e) => !cr.includes(e)
-}, qe = b.div.withConfig(Xe)`
+}, qe = b.div.withConfig(Ze)`
   ${Ve}
   ${_e}
   ${Ue}
   ${Ye}
   ${Ke}
   ${Ge}
-  ${Ze}
+  ${Xe}
 `, mn = b.button.withConfig(
-  Xe
+  Ze
 )`
   ${Ve}
   ${_e}
@@ -399,23 +399,23 @@ const ge = (e) => ({
   ${Ye}
   ${Ke}
   ${Ge}
-  ${Ze}
-`, wn = b.p.withConfig(Xe)`
+  ${Xe}
+`, wn = b.p.withConfig(Ze)`
   ${Ve}
   ${_e}
   ${Ue}
   ${Ye}
   ${Ke}
   ${Ge}
-  ${Ze}
-`, vn = b.span.withConfig(Xe)`
+  ${Xe}
+`, vn = b.span.withConfig(Ze)`
   ${Ve}
   ${_e}
   ${Ue}
   ${Ye}
   ${Ke}
   ${Ge}
-  ${Ze}
+  ${Xe}
 `, Cr = b(qe)`
   ${({ theme: e, $center: t = !1, $styleMd: n, $styleSm: r }) => `
     ${t ? "margin: auto;" : ""}
@@ -776,7 +776,7 @@ b.div`
     transform: scale(1.2);
   }
 `;
-const A = q(function({
+const R = q(function({
   clickable: t,
   disabled: n,
   hoverColor: r,
@@ -880,7 +880,7 @@ const A = q(function({
                           }
                         ),
                         /* @__PURE__ */ i(
-                          A,
+                          R,
                           {
                             icon: g ? "chevron-up" : "chevron-down",
                             iconColor: a.palette.gray[400],
@@ -983,12 +983,12 @@ const A = q(function({
   publicId: e,
   format: t = "webp"
 }) => {
-  const n = Z(() => new ni({
+  const n = X(() => new ni({
     cloud: {
       cloudName: "fluid-attacks"
     }
   }), []);
-  return Z(() => n.image(e).format(t), [n, e, t]);
+  return X(() => n.image(e).format(t), [n, e, t]);
 }, Je = (e) => {
   const [t, n] = L(!1), r = w(() => {
     n(!0);
@@ -1008,7 +1008,7 @@ const A = q(function({
   setColumnOrder: r,
   setColumnVisibility: o
 }) => {
-  const a = Z(
+  const a = X(
     () => [
       // locked -> visible -> hidden
       ...t.filter(({ locked: g }) => g).map(({ locked: g, ...u }) => ({ ...u, visible: !0, locked: g })),
@@ -1037,7 +1037,7 @@ const A = q(function({
       return y - x;
     });
     o == null || o(Rr(g)), c(g);
-  }, [s, n, c, o]), p = Z(() => ii(s, (g) => ((n == null ? void 0 : n.includes(g.id)) ?? !1) !== g.visible), [s, n]);
+  }, [s, n, c, o]), p = X(() => ii(s, (g) => ((n == null ? void 0 : n.includes(g.id)) ?? !1) !== g.visible), [s, n]);
   return {
     setColumns: c,
     resetToDefault: d,
@@ -1045,7 +1045,7 @@ const A = q(function({
     ...Je(e),
     hasChanged: p
   };
-}, Sn = (e, t) => Z(
+}, Sn = (e, t) => X(
   () => W.debounce(e, t),
   [e, t]
 ), gc = (e) => {
@@ -1170,29 +1170,13 @@ const A = q(function({
     padding: ${e.spacing[1.5]};
     overflow: hidden;
     position: relative;
-    transition: border 0.1s ease-in-out;
     width: 100%;
 
-    &::before {
-      content: "";
-      position: absolute;
-      inset: 0;
-      background: ${e.palette.gradient};
-      border: 1px solid transparent;
-      border-radius: inherit;
-      opacity: 0;
-      mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-      mask-composite: exclude;
-      pointer-events: none;
-      transition: opacity 0.3s ease-in-out;
-    }
-
     &:hover {
+      background-clip: padding-box, border-box;
+      background-image: linear-gradient(white, white), ${e.palette.gradient};
+      background-origin: padding-box, border-box;
       border-color: transparent;
-
-      &::before {
-        opacity: 1;
-      }
     }
   `}
 `, Ce = b.div`
@@ -1550,7 +1534,7 @@ const A = q(function({
     word-break: break-word;
     z-index: 999999;
   `}
-`, Zr = b.div`
+`, Xr = b.div`
   position: absolute;
   width: 16px;
   height: 8px;
@@ -1620,11 +1604,11 @@ const A = q(function({
   }), T = li(k, {
     delay: { close: 0, open: 500 },
     move: !1
-  }), R = si(k), F = ci(k, { role: o ? "label" : "tooltip" }), { getReferenceProps: E, getFloatingProps: I } = di([
+  }), F = si(k), A = ci(k, { role: o ? "label" : "tooltip" }), { getReferenceProps: E, getFloatingProps: I } = di([
     T,
-    R,
-    F
-  ]), j = Z(() => S.startsWith("top") ? "top" : S.startsWith("bottom") ? "bottom" : S.startsWith("left") ? "left" : S.startsWith("right") ? "right" : "bottom", [S]);
+    F,
+    A
+  ]), j = X(() => S.startsWith("top") ? "top" : S.startsWith("bottom") ? "bottom" : S.startsWith("left") ? "left" : S.startsWith("right") ? "right" : "bottom", [S]);
   return t ? /* @__PURE__ */ i(Qn, { children: e }) : /* @__PURE__ */ f(pe, { children: [
     /* @__PURE__ */ i(
       Yr,
@@ -1636,7 +1620,7 @@ const A = q(function({
         ref: z.setReference,
         width: y,
         children: o ? /* @__PURE__ */ i(
-          A,
+          R,
           {
             clickable: !0,
             disabled: t,
@@ -1682,7 +1666,7 @@ const A = q(function({
               }
             ),
             V.isEmpty(d) ? void 0 : d,
-            /* @__PURE__ */ i(Zr, { $placement: j, children: /* @__PURE__ */ i(
+            /* @__PURE__ */ i(Xr, { $placement: j, children: /* @__PURE__ */ i(
               "svg",
               {
                 fill: "none",
@@ -1743,7 +1727,7 @@ const A = q(function({
       value: m,
       ...z,
       children: /* @__PURE__ */ i(
-        A,
+        R,
         {
           clickable: !1,
           icon: r,
@@ -1793,7 +1777,7 @@ const A = q(function({
       ...y,
       children: /* @__PURE__ */ f(Br, { $iconPosition: s, $variant: u, id: h, children: [
         a ? /* @__PURE__ */ i(
-          A,
+          R,
           {
             clickable: !1,
             icon: o ?? Hr(u),
@@ -1848,7 +1832,7 @@ const A = q(function({
     width: ${e.spacing[1.25]};
     height: ${e.spacing[1.25]};
   `}
-`, Xr = b.div`
+`, Zr = b.div`
   ul,
   ol {
     padding-top: 6px;
@@ -2129,7 +2113,7 @@ const A = q(function({
   wrap: c = !1
 }) => {
   const d = r.startsWith("https://"), p = /* @__PURE__ */ i(
-    A,
+    R,
     {
       icon: n === void 0 ? "arrow-up-right-from-square" : "arrow-down-to-bracket",
       iconSize: "sm",
@@ -2198,7 +2182,7 @@ const A = q(function({
       children: [
         /* @__PURE__ */ f(eo, { $fontSize: s, $variant: h, className: p, children: [
           t && /* @__PURE__ */ i(
-            A,
+            R,
             {
               icon: t,
               iconColor: n,
@@ -2260,8 +2244,8 @@ const A = q(function({
   value: k,
   variant: S = "primary",
   width: T,
-  ...R
-}, F) {
+  ...F
+}, A) {
   const E = v !== void 0, I = `${a}-tooltip`, j = w(() => {
     o && Nn(o, r);
   }, [r, o]), H = /* @__PURE__ */ f(
@@ -2274,12 +2258,12 @@ const A = q(function({
       id: a,
       name: p,
       onClick: S === "link" ? j : h,
-      ref: F,
+      ref: A,
       type: m,
       value: k,
       width: T,
       ...E ? { "data-tooltip-id": I } : {},
-      ...R,
+      ...F,
       children: [
         g && S === "ghost" && !n ? /* @__PURE__ */ i(
           ct,
@@ -2291,7 +2275,7 @@ const A = q(function({
           }
         ) : void 0,
         s !== void 0 && /* @__PURE__ */ i(
-          A,
+          R,
           {
             icon: s,
             iconColor: l ?? void 0,
@@ -2301,7 +2285,7 @@ const A = q(function({
         ),
         t,
         y || S === "link" ? /* @__PURE__ */ i(
-          A,
+          R,
           {
             icon: y ?? "arrow-right",
             iconSize: c,
@@ -2361,7 +2345,7 @@ const A = q(function({
             }
           ) : void 0,
           o ? /* @__PURE__ */ i(
-            A,
+            R,
             {
               clickable: !1,
               icon: "ellipsis-v",
@@ -2386,7 +2370,7 @@ const A = q(function({
             }
           ) : void 0,
           o ? /* @__PURE__ */ i(
-            A,
+            R,
             {
               clickable: !1,
               icon: "ellipsis-v",
@@ -2395,7 +2379,7 @@ const A = q(function({
             }
           ) : void 0
         ] }),
-        /* @__PURE__ */ i(Xr, { children: t })
+        /* @__PURE__ */ i(Zr, { children: t })
       ]
     }
   ) });
@@ -2605,18 +2589,19 @@ const A = q(function({
   ${({
   theme: e,
   $align: t = "center",
-  $minWidth: n = "auto",
-  $minHeight: r = "auto"
+  $bordered: n = !0,
+  $minWidth: r = "auto",
+  $minHeight: o = "auto"
 }) => `
     display: flex;
     background-color: ${e.palette.white};
     border-radius: ${e.spacing[0.25]};
-    border: 1px solid ${e.palette.gray[200]};
+    border: ${n ? `1px solid ${e.palette.gray[200]}` : "none"};
     flex-direction: column;
     justify-content: center;
     gap: ${e.spacing[0.5]};
-    min-width: ${n};
-    min-height: ${r};
+    min-width: ${r};
+    min-height: ${o};
     padding: ${e.spacing[1]};
 
     input {
@@ -2646,7 +2631,7 @@ const A = q(function({
       children: [
         t,
         r && /* @__PURE__ */ i(
-          A,
+          R,
           {
             icon: "asterisk",
             iconColor: s.palette.error[500],
@@ -2807,6 +2792,7 @@ const A = q(function({
     &:focus-within:not(.disabled, .error) {
       background: ${e.palette.white};
       border: 2px solid ${e.palette.black};
+      transform: translateX(-1px);
 
       button.action-btn {
         height: 36px;
@@ -2919,7 +2905,7 @@ const A = q(function({
         children: [
           s && /* @__PURE__ */ f(pe, { children: [
             /* @__PURE__ */ i(
-              A,
+              R,
               {
                 icon: "circle-info",
                 iconColor: x.palette.gray[400],
@@ -3162,7 +3148,7 @@ const A = q(function({
           ...g
         }
       ),
-      /* @__PURE__ */ i(A, { disabled: n, icon: "check", iconSize: "xl" }),
+      /* @__PURE__ */ i(R, { disabled: n, icon: "check", iconSize: "xl" }),
       r ?? p
     ] }),
     d === void 0 ? void 0 : /* @__PURE__ */ i(
@@ -3185,7 +3171,7 @@ const A = q(function({
   state: s,
   watch: l
 }) => {
-  var R, F, E;
+  var F, A, E;
   const c = N(), d = B(null), p = e.props.hrefLang, g = s.disabledKeys, u = Array.from(s.collection.getKeys()).filter(
     (I) => !Array.from(g).includes(I) && I !== "All"
   ), { optionProps: h, isSelected: y, isFocused: x, isDisabled: m } = hi(
@@ -3210,9 +3196,9 @@ const A = q(function({
     be,
     {
       ...r == null ? void 0 : r("checkAll", { onChange: z }),
-      label: (R = e.rendered) == null ? void 0 : R.toString(),
+      label: (F = e.rendered) == null ? void 0 : F.toString(),
       name: "checkAll",
-      value: (F = e.rendered) == null ? void 0 : F.toString()
+      value: (A = e.rendered) == null ? void 0 : A.toString()
     }
   ) : /* @__PURE__ */ i(
     be,
@@ -3256,7 +3242,7 @@ const A = q(function({
       ref: d,
       children: [
         p ? /* @__PURE__ */ i(ue, { href: p, onClick: T, children: S }) : S,
-        y && !m && !t ? /* @__PURE__ */ i(A, { icon: "check", iconSize: "sm", iconType: "fa-light" }) : void 0,
+        y && !m && !t ? /* @__PURE__ */ i(R, { icon: "check", iconSize: "sm", iconType: "fa-light" }) : void 0,
         e.rendered === e.textValue ? void 0 : /* @__PURE__ */ i(le, { tagLabel: e.textValue, variant: "inactive" })
       ]
     }
@@ -3286,13 +3272,13 @@ const A = q(function({
   weight: S
 }) => {
   var Ct, St;
-  const T = N(), R = t ? void 0 : r, F = (e == null ? void 0 : e.value) ?? C, [E, I] = L(
-    ((Ct = g.find((P) => P.value === F)) == null ? void 0 : Ct.name) ?? ""
-  ), [j, H] = L(F), [K, Q] = L(g), [X, G] = L(!1), { contains: se } = yi({ sensitivity: "base" }), me = B(null), tt = B(null), nt = B(null), De = B(null), it = B(null), Bn = Z(() => g.toSorted((P, ee) => {
+  const T = N(), F = t ? void 0 : r, A = (e == null ? void 0 : e.value) ?? C, [E, I] = L(
+    ((Ct = g.find((P) => P.value === A)) == null ? void 0 : Ct.name) ?? ""
+  ), [j, H] = L(A), [K, Q] = L(g), [Z, G] = L(!1), { contains: se } = yi({ sensitivity: "base" }), me = B(null), tt = B(null), nt = B(null), De = B(null), it = B(null), Bn = X(() => g.toSorted((P, ee) => {
     const te = Array.from(n ?? []), we = te.includes(P.value), zt = te.includes(ee.value);
     return we && !zt ? 1 : !we && zt ? -1 : 0;
   }).map(
-    (P) => se(P.name, E) || X ? /* @__PURE__ */ i(
+    (P) => se(P.name, E) || Z ? /* @__PURE__ */ i(
       $i,
       {
         "aria-label": P.value,
@@ -3302,7 +3288,7 @@ const A = q(function({
       },
       P.value
     ) : null
-  ), [se, n, E, g, X]), Vn = w(
+  ), [se, n, E, g, Z]), Vn = w(
     (P) => {
       const ee = P.split(/,|\s/u).slice(-1)[0].trim();
       I(p ? ee : P), P === "" || P.endsWith(",") ? G(!0) : (G(!1), H((te) => {
@@ -3356,7 +3342,7 @@ const A = q(function({
   }), {
     buttonProps: Yn,
     inputProps: Kn,
-    listBoxProps: Zn
+    listBoxProps: Xn
   } = xi(
     {
       inputValue: E,
@@ -3370,7 +3356,7 @@ const A = q(function({
       popoverRef: it
     },
     oe
-  ), { listBoxProps: Xn } = mi(Zn, oe, nt), { buttonProps: qn } = pn(Yn, tt), { width: Jn } = ((St = De.current) == null ? void 0 : St.getBoundingClientRect()) ?? {
+  ), { listBoxProps: Zn } = mi(Xn, oe, nt), { buttonProps: qn } = pn(Yn, tt), { width: Jn } = ((St = De.current) == null ? void 0 : St.getBoundingClientRect()) ?? {
     width: 240
   };
   return de(
@@ -3382,14 +3368,14 @@ const A = q(function({
     it.current
   ), _(() => {
     var P;
-    if ((c === !1 || !F) && !p) {
-      const ee = ((P = g.find((te) => te.value === F)) == null ? void 0 : P.name) ?? "";
+    if ((c === !1 || !A) && !p) {
+      const ee = ((P = g.find((te) => te.value === A)) == null ? void 0 : P.name) ?? "";
       I(ee), H(ee);
     }
-  }, [F, g, c, p]), /* @__PURE__ */ f(
+  }, [A, g, c, p]), /* @__PURE__ */ f(
     ne,
     {
-      error: R,
+      error: F,
       helpLink: o,
       helpLinkText: a,
       helpText: s,
@@ -3403,22 +3389,22 @@ const A = q(function({
         /* @__PURE__ */ f(
           re,
           {
-            className: `${t ? "disabled" : ""} ${R ? "error" : ""}`,
+            className: `${t ? "disabled" : ""} ${F ? "error" : ""}`,
             ref: De,
             children: [
               /* @__PURE__ */ i(
                 "input",
                 {
                   ...Kn,
-                  "aria-invalid": R ? "true" : "false",
+                  "aria-invalid": F ? "true" : "false",
                   "aria-label": d,
                   disabled: t,
                   onKeyDown: kt,
                   ref: me
                 }
               ),
-              R ? /* @__PURE__ */ i(
-                A,
+              F ? /* @__PURE__ */ i(
+                R,
                 {
                   icon: "exclamation-circle",
                   iconClass: "error-icon",
@@ -3458,7 +3444,7 @@ const A = q(function({
             children: /* @__PURE__ */ i(
               po,
               {
-                ...Xn,
+                ...Zn,
                 $multiSelection: p && !Array.from(n ?? []).includes("All"),
                 $width: Jn,
                 ref: nt,
@@ -3511,14 +3497,14 @@ const A = q(function({
   {
     control: e,
     name: d,
-    render: ({ field: T, fieldState: R }) => {
-      var F;
+    render: ({ field: T, fieldState: F }) => {
+      var A;
       return /* @__PURE__ */ i(
         jt,
         {
           disabled: t,
           disabledKeys: n,
-          error: (F = R.error) == null ? void 0 : F.message,
+          error: (A = F.error) == null ? void 0 : A.message,
           field: T,
           helpLink: o,
           helpLinkText: a,
@@ -3709,7 +3695,7 @@ const A = q(function({
       ref: n,
       children: [
         c,
-        r ? /* @__PURE__ */ i(xo, { children: /* @__PURE__ */ i(A, { clickable: !1, icon: "circle", iconSize: "sm" }) }) : void 0
+        r ? /* @__PURE__ */ i(xo, { children: /* @__PURE__ */ i(R, { clickable: !1, icon: "circle", iconSize: "sm" }) }) : void 0
       ]
     }
   ) });
@@ -3848,7 +3834,7 @@ const A = q(function({
       ref: r,
       type: "button",
       children: /* @__PURE__ */ i(
-        A,
+        R,
         {
           icon: t,
           iconColor: O.palette.gray[e ? 400 : 700],
@@ -3884,8 +3870,8 @@ const A = q(function({
         /* @__PURE__ */ f(fo, { children: [
           r,
           /* @__PURE__ */ f(yo, { children: [
-            /* @__PURE__ */ i(Ot, { "aria-label": "top", onClick: s, children: /* @__PURE__ */ i(A, { icon: "caret-up", iconClass: "fa-sharp", iconSize: "xs" }) }),
-            /* @__PURE__ */ i(Ot, { "aria-label": "bottom", onClick: l, children: /* @__PURE__ */ i(A, { icon: "caret-down", iconClass: "fa-sharp", iconSize: "xs" }) })
+            /* @__PURE__ */ i(Ot, { "aria-label": "top", onClick: s, children: /* @__PURE__ */ i(R, { icon: "caret-up", iconClass: "fa-sharp", iconSize: "xs" }) }),
+            /* @__PURE__ */ i(Ot, { "aria-label": "bottom", onClick: l, children: /* @__PURE__ */ i(R, { icon: "caret-down", iconClass: "fa-sharp", iconSize: "xs" }) })
           ] })
         ] }),
         /* @__PURE__ */ i(dt, { icon: "chevron-right", props: n })
@@ -3979,7 +3965,7 @@ const A = q(function({
       }
     ),
     t ? /* @__PURE__ */ i(
-      A,
+      R,
       {
         icon: "exclamation-circle",
         iconColor: r.palette.error[500],
@@ -4118,16 +4104,16 @@ const A = q(function({
   ...u
 }) => {
   const h = B(null), y = g == null ? void 0 : g(l), x = w(
-    (R) => {
-      d && R && d(l, je(String(R)), {
+    (F) => {
+      d && F && d(l, je(String(F)), {
         shouldDirty: !0
       });
     },
     [l, d]
   ), m = hn({
     ...u,
-    onChange(R) {
-      x(R);
+    onChange(F) {
+      x(F);
     },
     ...!W.isNil(y) && !W.isEmpty(y) && ae(y).isValid() ? { defaultValue: Fi(y.replace(/\//gu, "-")) } : {}
   }), { close: v } = m, { groupProps: z, fieldProps: C, buttonProps: k, dialogProps: S, calendarProps: T } = fn(
@@ -4224,13 +4210,13 @@ const A = q(function({
   ...g
 }) => {
   const u = `${r}Max`, h = `${r}Min`, y = B(null), x = w(
-    (F) => {
-      l && F && (l(
+    (A) => {
+      l && A && (l(
         (c == null ? void 0 : c.name) ?? u,
-        je(String(F.end))
+        je(String(A.end))
       ), l(
         (d == null ? void 0 : d.name) ?? h,
-        je(String(F.start))
+        je(String(A.start))
       ));
     },
     [u, h, l, c, d]
@@ -4238,8 +4224,8 @@ const A = q(function({
     ...g,
     endName: (c == null ? void 0 : c.name) ?? u,
     startName: (d == null ? void 0 : d.name) ?? h,
-    onChange(F) {
-      x(F);
+    onChange(A) {
+      x(A);
     }
   }), { close: v } = m, {
     groupProps: z,
@@ -4247,7 +4233,7 @@ const A = q(function({
     endFieldProps: k,
     buttonProps: S,
     dialogProps: T,
-    calendarProps: R
+    calendarProps: F
   } = ji(
     { ...g, "aria-label": n ?? r },
     m,
@@ -4282,7 +4268,7 @@ const A = q(function({
                   fieldProps: {
                     ...C,
                     "aria-label": `${C["aria-label"]} ${r}`,
-                    validate: (F) => k.value && F > k.value ? "Start date must be less than or equal to end date" : null
+                    validate: (A) => k.value && A > k.value ? "Start date must be less than or equal to end date" : null
                   },
                   groupProps: z,
                   name: (d == null ? void 0 : d.name) ?? h,
@@ -4301,7 +4287,7 @@ const A = q(function({
                   fieldProps: {
                     ...k,
                     "aria-label": `${k["aria-label"]} ${r}`,
-                    validate: (F) => C.value && F < C.value ? "End date must be greater than or equal to start date" : null
+                    validate: (A) => C.value && A < C.value ? "End date must be greater than or equal to start date" : null
                   },
                   groupProps: z,
                   name: (c == null ? void 0 : c.name) ?? u,
@@ -4320,7 +4306,7 @@ const A = q(function({
             placement: "bottom start",
             state: m,
             triggerRef: y,
-            children: /* @__PURE__ */ i(xt, { ...T, children: /* @__PURE__ */ i(Eo, { onClose: v, props: R }) })
+            children: /* @__PURE__ */ i(xt, { ...T, children: /* @__PURE__ */ i(Eo, { onClose: v, props: F }) })
           }
         ) : null
       ]
@@ -4412,8 +4398,8 @@ const A = q(function({
         u.setTimeValue(S);
         const T = u.dateValue;
         if (T) {
-          const R = Pt(T, S);
-          c == null || c(a, R, { shouldDirty: !0 });
+          const F = Pt(T, S);
+          c == null || c(a, F, { shouldDirty: !0 });
         }
       }
     },
@@ -4505,12 +4491,12 @@ const A = q(function({
   weight: k,
   ...S
 }) => {
-  const { required: T, onBlur: R, onChange: F } = S, E = N(), I = e ? void 0 : a, [j, H] = L(""), K = w(
+  const { required: T, onBlur: F, onChange: A } = S, E = N(), I = e ? void 0 : a, [j, H] = L(""), K = w(
     (G) => {
-      H(G.target.value), F == null || F(G);
+      H(G.target.value), A == null || A(G);
     },
-    [F]
-  ), Q = c && d && !e && j.trim() !== "", X = w(
+    [A]
+  ), Q = c && d && !e && j.trim() !== "", Z = w(
     (G) => {
       G.key === "Enter" && G.preventDefault();
     },
@@ -4536,7 +4522,7 @@ const A = q(function({
           ${e ? "disabled" : ""} ${I ? "error" : ""} ${Q ? "success" : ""}
         `,
             children: [
-              t ? /* @__PURE__ */ i(A, { icon: "user", iconSize: "xl", iconType: "fa-light" }) : void 0,
+              t ? /* @__PURE__ */ i(R, { icon: "user", iconSize: "xl", iconType: "fa-light" }) : void 0,
               /* @__PURE__ */ i(
                 "input",
                 {
@@ -4550,15 +4536,15 @@ const A = q(function({
                   disabled: e,
                   id: g,
                   list: v ? `list_${g}` : void 0,
-                  onKeyDown: X,
+                  onKeyDown: Z,
                   onPaste: h,
                   placeholder: y,
                   type: C,
-                  ...m ? m(g, { required: T, onBlur: R, onChange: K }) : { ...S, onChange: K }
+                  ...m ? m(g, { required: T, onBlur: F, onChange: K }) : { ...S, onChange: K }
                 }
               ),
               I ? /* @__PURE__ */ i(
-                A,
+                R,
                 {
                   icon: "exclamation-circle",
                   iconClass: "error-icon",
@@ -4567,7 +4553,7 @@ const A = q(function({
                 }
               ) : void 0,
               Q ? /* @__PURE__ */ i(
-                A,
+                R,
                 {
                   icon: "check-circle",
                   iconClass: "success-icon",
@@ -4862,7 +4848,7 @@ const A = q(function({
   const m = N(), v = t ? void 0 : n, z = B(null), C = g == null ? void 0 : g(c, { required: p }), k = y == null ? void 0 : y(c), S = Vo(k), T = w(() => {
     const E = Se("change", c, void 0);
     u && u(c, void 0), C && C.onChange(E);
-  }, [C, c, u]), R = w(
+  }, [C, c, u]), F = w(
     (E) => {
       const { files: I } = E.currentTarget, j = Se(
         "change",
@@ -4874,7 +4860,7 @@ const A = q(function({
       ), u && u(c, I), C && C.onChange(j));
     },
     [C, c, d, u]
-  ), F = w(
+  ), A = w(
     (E) => {
       t ? E.preventDefault() : z.current && z.current.click();
     },
@@ -4913,7 +4899,7 @@ const A = q(function({
                   }
                 ),
                 v && /* @__PURE__ */ i(
-                  A,
+                  R,
                   {
                     icon: "exclamation-circle",
                     iconClass: "error-icon",
@@ -4928,11 +4914,11 @@ const A = q(function({
                     borderRadius: "0px 8px 8px 0px !important",
                     disabled: t,
                     height: "40px",
-                    onClick: F,
+                    onClick: A,
                     variant: "primary",
                     width: "96px",
                     children: [
-                      /* @__PURE__ */ i(A, { icon: "search", iconSize: "xl", mr: 0.5 }),
+                      /* @__PURE__ */ i(R, { icon: "search", iconSize: "xl", mr: 0.5 }),
                       "Add file"
                     ]
                   }
@@ -4952,7 +4938,7 @@ const A = q(function({
             id: s ?? c,
             multiple: l,
             name: c,
-            onChange: R,
+            onChange: F,
             ref: z,
             type: "file"
           }
@@ -4983,7 +4969,7 @@ const A = q(function({
   value: h,
   weight: y
 }) => {
-  const x = N(), m = e ? void 0 : t, [v, z] = L(""), C = c ? h : n == null ? void 0 : n.value, k = Z(() => C && typeof C == "string" ? C.split(",").filter(Boolean) : [], [C]), S = w(
+  const x = N(), m = e ? void 0 : t, [v, z] = L(""), C = c ? h : n == null ? void 0 : n.value, k = X(() => C && typeof C == "string" ? C.split(",").filter(Boolean) : [], [C]), S = w(
     (I) => {
       const H = [...new Set(I.filter(Boolean))].join(","), K = Se("change", l, H);
       n && n.onChange(K), c && c(K);
@@ -4994,13 +4980,13 @@ const A = q(function({
       z(I.target.value);
     },
     []
-  ), R = w(
+  ), F = w(
     (I) => {
       const j = v.trim();
       j.length && !k.includes(j) && (I.preventDefault(), S([...k, j]), z("")), n && n.onBlur();
     },
     [v, n, S, k]
-  ), F = w(
+  ), A = w(
     (I) => {
       const j = v.trim();
       I.key === "Enter" && j.length === 0 && I.preventDefault(), ["Enter", ","].includes(I.key) && j.length > 0 && !k.includes(j) ? (I.preventDefault(), S([...k, j]), z("")) : I.key === "Backspace" && !j.length && k.length && (I.preventDefault(), d == null || d(k[k.length - 1]), S(k.slice(0, -1)));
@@ -5049,9 +5035,9 @@ const A = q(function({
                 autoComplete: "off",
                 disabled: e,
                 id: l,
-                onBlur: R,
+                onBlur: F,
                 onChange: T,
-                onKeyDown: F,
+                onKeyDown: A,
                 placeholder: k.length === 0 ? p : void 0,
                 ref: n == null ? void 0 : n.ref,
                 type: "text",
@@ -5059,7 +5045,7 @@ const A = q(function({
               }
             ),
             m ? /* @__PURE__ */ i(
-              A,
+              R,
               {
                 icon: "exclamation-circle",
                 iconClass: "error-icon",
@@ -5144,7 +5130,7 @@ const A = q(function({
       type: "button",
       ...a,
       children: /* @__PURE__ */ i(
-        A,
+        R,
         {
           icon: n,
           iconClass: "action",
@@ -5176,12 +5162,12 @@ const A = q(function({
 }) => {
   const z = N(), C = n ? void 0 : e, k = t < 0 ? 0 : t, [S, T] = L(
     x ? W.toNumber(x) : v ? W.toNumber(v) : 0
-  ), R = w(() => {
+  ), F = w(() => {
     const H = (S - 10 ** -k).toFixed(k), K = Math.max(Number(s), Number(H));
     h && h(l, K, { shouldDirty: !0 }), T(K);
     const Q = Se("change", l, H);
     c && c(Q);
-  }, [S, k, s, h, l, c]), F = w(() => {
+  }, [S, k, s, h, l, c]), A = w(() => {
     const H = (S + 10 ** -k).toFixed(k), K = Math.min(
       Number(a),
       Number(H) > Number(s) ? Number(H) : Number(s)
@@ -5245,7 +5231,7 @@ const A = q(function({
           }
         ) : j(),
         C && /* @__PURE__ */ i(
-          A,
+          R,
           {
             icon: "exclamation-circle",
             iconClass: "error-icon",
@@ -5270,7 +5256,7 @@ const A = q(function({
                   borderRadius: `0 ${z.spacing[0.5]} 0 0`,
                   disabled: n,
                   icon: "plus",
-                  onClick: F,
+                  onClick: A,
                   px: 0.25
                 }
               ),
@@ -5281,7 +5267,7 @@ const A = q(function({
                   borderRadius: `0 0 ${z.spacing[0.5]} 0`,
                   disabled: n,
                   icon: "minus",
-                  onClick: R,
+                  onClick: F,
                   px: 0.25
                 }
               )
@@ -5296,7 +5282,7 @@ const A = q(function({
               disabled: n,
               icon: "minus",
               margin: "0 -0.625rem 0 0",
-              onClick: R,
+              onClick: F,
               px: 0.75,
               py: 0.75
             }
@@ -5307,7 +5293,7 @@ const A = q(function({
               borderRadius: `0 ${z.spacing[0.5]} ${z.spacing[0.5]} 0`,
               disabled: n,
               icon: "plus",
-              onClick: F,
+              onClick: A,
               px: 0.75,
               py: 0.75
             }
@@ -5340,11 +5326,11 @@ const A = q(function({
   tooltip: k,
   tooltipMessage: S,
   value: T,
-  variant: R = "full",
-  watch: F,
+  variant: F = "full",
+  watch: A,
   weight: E,
   defaultValue: I
-}) => R === "compact" ? /* @__PURE__ */ i(
+}) => F === "compact" ? /* @__PURE__ */ i(
   Oe,
   {
     "aria-label": h,
@@ -5359,7 +5345,7 @@ const A = q(function({
     }),
     tooltipMessage: S,
     value: T,
-    variant: R
+    variant: F
   }
 ) : /* @__PURE__ */ i(
   ne,
@@ -5391,8 +5377,8 @@ const A = q(function({
         register: v,
         required: z,
         setValue: C,
-        value: F ? F(h) : T,
-        variant: R
+        value: A ? A(h) : T,
+        variant: F
       }
     )
   }
@@ -5503,7 +5489,7 @@ const A = q(function({
       cursor: not-allowed;
     }
   `}
-`, Zo = b.ul`
+`, Xo = b.ul`
   ${({ theme: e }) => `
     align-items: flex-start;
     box-shadow: ${e.shadows.md};
@@ -5517,7 +5503,7 @@ const A = q(function({
     scrollbar-width: thin;
     width: max-content;
   `}
-`, Xo = b.li`
+`, Zo = b.li`
   ${({ theme: e }) => `
     align-items: center;
     background: ${e.palette.white};
@@ -5557,33 +5543,33 @@ const A = q(function({
   const g = N(), u = B(null), h = e ? void 0 : t, y = (d == null ? void 0 : d(r)) ?? c, [x, m] = L(!1), [v, z] = L(""), { refs: C, floatingStyles: k } = ht({
     placement: "bottom-start",
     whileElementsMounted: Me
-  }), { inputRef: S, inputValue: T, handlePhoneValueChange: R, country: F, setCountry: E } = Mi({
+  }), { inputRef: S, inputValue: T, handlePhoneValueChange: F, country: A, setCountry: E } = Mi({
     countries: Tt,
     defaultCountry: "co",
     forceDialCode: !0,
     value: y ? String(y) : ""
   }), I = w(
-    (X) => {
-      X.key === "Enter" && X.preventDefault();
+    (Z) => {
+      Z.key === "Enter" && Z.preventDefault();
     },
     []
   ), j = w(
-    (X) => {
-      X.preventDefault(), m((G) => !G), x || z("");
+    (Z) => {
+      Z.preventDefault(), m((G) => !G), x || z("");
     },
     [x]
   ), H = w(
-    (X) => () => {
-      E(X), m(!1), z("");
+    (Z) => () => {
+      E(Z), m(!1), z("");
     },
     [E, m]
   ), K = w(
-    (X) => {
-      X.key.length === 1 ? z((G) => G + X.key) : X.key === "Backspace" && z((G) => G.slice(0, -1));
+    (Z) => {
+      Z.key.length === 1 ? z((G) => G + Z.key) : Z.key === "Backspace" && z((G) => G.slice(0, -1));
     },
     []
-  ), Q = Tt.filter((X) => {
-    const { name: G } = Dt(X);
+  ), Q = Tt.filter((Z) => {
+    const { name: G } = Dt(Z);
     return G.toLowerCase().includes(v.toLowerCase());
   });
   return de(
@@ -5618,9 +5604,9 @@ const A = q(function({
                 onKeyDown: K,
                 ref: C.setReference,
                 children: [
-                  /* @__PURE__ */ i(Nt, { iso2: F.iso2, size: "16px" }),
+                  /* @__PURE__ */ i(Nt, { iso2: A.iso2, size: "16px" }),
                   /* @__PURE__ */ i(
-                    A,
+                    R,
                     {
                       icon: "angle-down",
                       iconColor: g.palette.gray[400],
@@ -5655,12 +5641,12 @@ const A = q(function({
                       value: T,
                       ...s == null ? void 0 : s(r, {
                         required: a,
-                        onChange: R
+                        onChange: F
                       })
                     }
                   ),
                   h ? /* @__PURE__ */ i(
-                    A,
+                    R,
                     {
                       icon: "exclamation-circle",
                       iconClass: "error-icon",
@@ -5672,10 +5658,10 @@ const A = q(function({
               }
             ),
             x && xe(
-              /* @__PURE__ */ i(Zo, { ref: C.setFloating, style: k, children: Q.map((X) => {
-                const { dialCode: G, iso2: se, name: me } = Dt(X);
+              /* @__PURE__ */ i(Xo, { ref: C.setFloating, style: k, children: Q.map((Z) => {
+                const { dialCode: G, iso2: se, name: me } = Dt(Z);
                 return /* @__PURE__ */ f(
-                  Xo,
+                  Zo,
                   {
                     onClick: H(se),
                     value: se,
@@ -5726,12 +5712,12 @@ const A = q(function({
   weight: C,
   value: k
 }) => {
-  const S = N(), T = (z == null ? void 0 : z(c)) ?? k, R = s && a && !e, F = e ? void 0 : t;
+  const S = N(), T = (z == null ? void 0 : z(c)) ?? k, F = s && a && !e, A = e ? void 0 : t;
   return /* @__PURE__ */ i(
     ne,
     {
       disabled: e,
-      error: F,
+      error: A,
       helpLink: n,
       helpLinkText: r,
       helpText: o,
@@ -5746,14 +5732,14 @@ const A = q(function({
         re,
         {
           className: `
-          ${e ? "disabled" : ""} ${F ? "error" : ""} ${R ? "success" : ""}
+          ${e ? "disabled" : ""} ${A ? "error" : ""} ${F ? "success" : ""}
         `,
           children: [
             /* @__PURE__ */ i(
               "textarea",
               {
                 "aria-hidden": !1,
-                "aria-invalid": F ? "true" : "false",
+                "aria-invalid": A ? "true" : "false",
                 "aria-label": c,
                 "aria-required": x,
                 className: p ? "sr-block" : "",
@@ -5767,8 +5753,8 @@ const A = q(function({
                 ...y == null ? void 0 : y(c, { required: x, onBlur: u })
               }
             ),
-            F ? /* @__PURE__ */ i(
-              A,
+            A ? /* @__PURE__ */ i(
+              R,
               {
                 icon: "exclamation-circle",
                 iconClass: "error-icon",
@@ -5776,8 +5762,8 @@ const A = q(function({
                 iconSize: "lg"
               }
             ) : void 0,
-            R ? /* @__PURE__ */ i(
-              A,
+            F ? /* @__PURE__ */ i(
+              R,
               {
                 icon: "check-circle",
                 iconClass: "success-icon",
@@ -5793,119 +5779,121 @@ const A = q(function({
 }, Dc = ({
   control: e,
   description: t,
-  disabled: n,
-  id: r,
-  items: o,
-  align: a,
-  inputType: s = "text",
-  inputNumberProps: l,
-  minHeight: c,
-  minWidth: d,
-  name: p,
-  placeholder: g,
-  textAlign: u,
-  tooltip: h,
-  title: y,
-  value: x,
-  isTouched: m,
-  isValid: v,
-  error: z,
-  onChange: C,
-  register: k,
-  setValue: S,
-  watch: T
+  bordered: n = !0,
+  disabled: r,
+  id: o,
+  items: a,
+  align: s,
+  inputType: l = "text",
+  inputNumberProps: c,
+  minHeight: d,
+  minWidth: p,
+  name: g,
+  placeholder: u,
+  textAlign: h,
+  tooltip: y,
+  title: x,
+  value: m,
+  isTouched: v,
+  isValid: z,
+  error: C,
+  onChange: k,
+  register: S,
+  setValue: T,
+  watch: F
 }) => {
-  const R = Z(() => {
-    if (s === "text")
+  const A = X(() => {
+    if (l === "text")
       return /* @__PURE__ */ i(
         mt,
         {
-          disabled: n,
-          error: z,
-          isTouched: m,
-          isValid: v,
-          name: p,
-          placeholder: g,
-          register: k
+          disabled: r,
+          error: C,
+          isTouched: v,
+          isValid: z,
+          name: g,
+          placeholder: u,
+          register: S
         }
       );
-    if (s === "date")
+    if (l === "date")
       return /* @__PURE__ */ i(
         No,
         {
-          disabled: n,
-          error: z,
-          name: p,
-          register: k,
-          setValue: S,
-          watch: T
+          disabled: r,
+          error: C,
+          name: g,
+          register: S,
+          setValue: T,
+          watch: F
         }
       );
-    if (s === "select" && o)
+    if (l === "select" && a)
       return /* @__PURE__ */ i(
         Fn,
         {
           control: e,
-          disabled: n,
-          items: o,
-          name: p,
-          placeholder: g,
-          value: x
+          disabled: r,
+          items: a,
+          name: g,
+          placeholder: u,
+          value: m
         }
       );
-    const { decimalPlaces: F, max: E, min: I } = l ?? {};
+    const { decimalPlaces: E, max: I, min: j } = c ?? {};
     return /* @__PURE__ */ i(
       Uo,
       {
-        decimalPlaces: F,
-        disabled: n,
-        error: z,
-        max: E,
-        min: I,
-        name: p,
-        onChange: C,
-        placeholder: g,
-        register: k,
-        setValue: S,
-        value: x,
-        watch: T
+        decimalPlaces: E,
+        disabled: r,
+        error: C,
+        max: I,
+        min: j,
+        name: g,
+        onChange: k,
+        placeholder: u,
+        register: S,
+        setValue: T,
+        value: m,
+        watch: F
       }
     );
   }, [
     e,
-    n,
-    z,
+    r,
+    C,
+    c,
     l,
-    s,
-    m,
     v,
-    o,
-    p,
-    C,
+    z,
+    a,
     g,
     k,
+    u,
     S,
-    x,
-    T
+    T,
+    m,
+    F
   ]);
   return /* @__PURE__ */ f(
     lo,
     {
-      $align: a,
-      $minHeight: c,
-      $minWidth: d,
+      $align: s,
+      $bordered: n,
+      $minHeight: d,
+      $minWidth: p,
       children: [
         /* @__PURE__ */ i(
           ft,
           {
             description: t,
-            id: r,
-            textAlign: u,
-            title: y,
-            tooltip: h
+            id: o,
+            textAlign: h,
+            title: x,
+            tooltip: y
           }
         ),
-        R
+        A
       ]
     }
   );
@@ -5945,7 +5933,7 @@ const A = q(function({
             children: [
               /* @__PURE__ */ i(D, { color: s.palette.gray[800], fontWeight: "bold", size: "md", children: t }),
               /* @__PURE__ */ i(
-                A,
+                R,
                 {
                   icon: l ? "chevron-up" : "chevron-down",
                   iconColor: s.palette.gray[400],
@@ -6165,7 +6153,7 @@ const A = q(function({
                     width: "32px"
                   }
                 ),
-                r === void 0 ? void 0 : /* @__PURE__ */ i(A, { icon: r, iconSize: "xl", iconType: "fa-light" }),
+                r === void 0 ? void 0 : /* @__PURE__ */ i(R, { icon: r, iconSize: "xl", iconType: "fa-light" }),
                 /* @__PURE__ */ f($, { display: "flex", flexDirection: "column", width: "100%", children: [
                   /* @__PURE__ */ i(
                     D,
@@ -6611,7 +6599,7 @@ const A = q(function({
     return x.length > 8 && !l ? `${[...x].splice(0, 7).join(`
 `)}
 ${x[8]}...` : (x.length < 8 && p(!1), n);
-  }, [l, n, t]), h = Z(u, [u]), y = w(async () => {
+  }, [l, n, t]), h = X(u, [u]), y = w(async () => {
     await navigator.clipboard.writeText(h);
   }, [h]);
   return o === "location" ? /* @__PURE__ */ i(
@@ -6653,7 +6641,7 @@ ${x[8]}...` : (x.length < 8 && p(!1), n);
           d ? /* @__PURE__ */ f(U, { onClick: g, variant: "ghost", children: [
             l ? "Show Less" : "Show more",
             /* @__PURE__ */ i(
-              A,
+              R,
               {
                 icon: l ? "chevron-up" : "chevron-down",
                 iconColor: s.palette.gray[700],
@@ -7188,7 +7176,7 @@ ${x[8]}...` : (x.length < 8 && p(!1), n);
       children: [
         n !== void 0 || p !== void 0 ? /* @__PURE__ */ f($, { alignItems: "center", display: "flex", gap: 0.625, children: [
           n ? /* @__PURE__ */ i(
-            A,
+            R,
             {
               disabled: t,
               icon: n,
@@ -7200,7 +7188,7 @@ ${x[8]}...` : (x.length < 8 && p(!1), n);
           o === void 0 ? y : /* @__PURE__ */ i(ue, { href: o, children: y })
         ] }) : null,
         d || c ? /* @__PURE__ */ i(
-          A,
+          R,
           {
             disabled: t,
             icon: c ?? "check",
@@ -7387,7 +7375,7 @@ ${x[8]}...` : (x.length < 8 && p(!1), n);
   }, [t, n]);
   return /* @__PURE__ */ i(ne, { htmlFor: e ?? "", children: /* @__PURE__ */ f(re, { children: [
     /* @__PURE__ */ i(
-      A,
+      R,
       {
         icon: "magnifying-glass",
         iconColor: l.palette.gray[700],
@@ -7950,7 +7938,7 @@ ${x[8]}...` : (x.length < 8 && p(!1), n);
     setValue: s,
     watch: l
   };
-}, Zt = ({
+}, Xt = ({
   options: e,
   onSearch: t,
   onSubmit: n,
@@ -8055,12 +8043,12 @@ ${x[8]}...` : (x.length < 8 && p(!1), n);
       }, T = (E) => E.label === y ? {
         ...E,
         filterOptions: E.filterOptions.map(S)
-      } : E, R = c.map(T);
+      } : E, F = c.map(T);
       d((E) => E.map(T));
-      const F = R.flatMap(
+      const A = F.flatMap(
         ({ filterOptions: E }) => E
       );
-      n(F), g([]);
+      n(A), g([]);
     },
     [c, n, y]
   ), z = w(
@@ -8087,13 +8075,13 @@ ${x[8]}...` : (x.length < 8 && p(!1), n);
   return _(() => {
     const C = e.reduce(
       (k, { label: S, filterOptions: T }) => {
-        const R = T.flatMap(({ value: I, minValue: j, maxValue: H }) => [
+        const F = T.flatMap(({ value: I, minValue: j, maxValue: H }) => [
           j,
           H,
           I
-        ]).filter(Boolean), F = T.flatMap(({ options: I }) => I ?? []).filter(({ checked: I = !1 }) => I).map(({ value: I }) => I), E = [
-          ...R,
-          ...F
+        ]).filter(Boolean), A = T.flatMap(({ options: I }) => I ?? []).filter(({ checked: I = !1 }) => I).map(({ value: I }) => I), E = [
+          ...F,
+          ...A
         ];
         return E.length === 0 ? k : {
           ...k,
@@ -8114,7 +8102,7 @@ ${x[8]}...` : (x.length < 8 && p(!1), n);
       style: { rowGap: "10px", writingMode: "vertical-lr" },
       wrap: "wrap",
       children: p.length > 0 ? /* @__PURE__ */ i(
-        Zt,
+        Xt,
         {
           id: "filters-options",
           onSearch: r,
@@ -8149,7 +8137,7 @@ ${x[8]}...` : (x.length < 8 && p(!1), n);
       style: { rowGap: "10px", writingMode: "vertical-lr" },
       wrap: "wrap",
       children: p.length > 0 ? /* @__PURE__ */ i(
-        Zt,
+        Xt,
         {
           id: "filters-options",
           onSearch: r,
@@ -8484,7 +8472,7 @@ const Fe = ({
 }), ot = (e, t) => {
   const n = Ya(e);
   t(JSON.stringify(n));
-}, Za = (e, t) => {
+}, Xa = (e, t) => {
   const n = e();
   if (!n) return t;
   try {
@@ -8493,7 +8481,7 @@ const Fe = ({
   } catch {
     return t;
   }
-}, Xa = (e, t) => {
+}, Za = (e, t) => {
   function n(s, l) {
     if (l.value === "" || l.value === void 0 || W.defaultTo(l.isBackFilter, !1))
       return !0;
@@ -8573,7 +8561,7 @@ const Fe = ({
   const d = Je("filters-modal"), [p, g] = L(!1), [u, h] = L([]), y = qa(u), x = r.map((k) => ({
     ...k,
     filterOptions: k.filterOptions.map((S) => u.find(
-      (R) => R.key === S.key && R.type === S.type && R.filterFn === S.filterFn
+      (F) => F.key === S.key && F.type === S.type && F.filterFn === S.filterFn
     ) ?? { ...S })
   })), m = w(
     (k) => {
@@ -8593,22 +8581,22 @@ const Fe = ({
     [u, s, t]
   );
   return _(() => {
-    const k = r.flatMap((R) => R.filterOptions), S = n();
+    const k = r.flatMap((F) => F.filterOptions), S = n();
     if ((() => {
       if (!S) return !1;
       try {
-        const R = JSON.parse(S);
-        return Array.isArray(R) && R.length > 0;
+        const F = JSON.parse(S);
+        return Array.isArray(F) && F.length > 0;
       } catch {
         return !1;
       }
     })()) {
-      const R = Za(n, k);
-      h(R);
+      const F = Xa(n, k);
+      h(F);
     } else
-      k.flatMap((F) => F.value).filter(Boolean).length > 0 || k.flatMap((F) => F.options).filter((F) => (F == null ? void 0 : F.checked) === !0).length > 0 ? (h(k), p && ot(k, t)) : h(k);
+      k.flatMap((A) => A.value).filter(Boolean).length > 0 || k.flatMap((A) => A.options).filter((A) => (A == null ? void 0 : A.checked) === !0).length > 0 ? (h(k), p && ot(k, t)) : h(k);
   }, [r, h, t, n, p]), _(() => {
-    o && e !== void 0 && o(Xa(e, u)), a == null || a(u);
+    o && e !== void 0 && o(Za(e, u)), a == null || a(u);
   }, [e, u, o, a]), { Filters: () => /* @__PURE__ */ f(
     $,
     {
@@ -8940,7 +8928,7 @@ const Fe = ({
           onClick: h.disabled ? void 0 : y,
           children: [
             /* @__PURE__ */ i(
-              A,
+              R,
               {
                 icon: h.icon,
                 iconColor: h.iconColor ?? s.palette.gray[300],
@@ -8955,7 +8943,7 @@ const Fe = ({
       );
     }) }) : void 0
   ] });
-}, Xt = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ i(U, { onClick: e.onClick, variant: t, children: e.text }), nl = b.div`
+}, Zt = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ i(U, { onClick: e.onClick, variant: t, children: e.text }), nl = b.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -9024,8 +9012,8 @@ const Fe = ({
       }
     ),
     l ? /* @__PURE__ */ f(rl, { children: [
-      e && /* @__PURE__ */ i(Xt, { buttonProps: e, variant: "tertiary" }),
-      t && /* @__PURE__ */ i(Xt, { buttonProps: t, variant: "primary" })
+      e && /* @__PURE__ */ i(Zt, { buttonProps: e, variant: "tertiary" }),
+      t && /* @__PURE__ */ i(Zt, { buttonProps: t, variant: "primary" })
     ] }) : void 0
   ] });
 }, Vc = ({
@@ -9223,7 +9211,7 @@ const Fe = ({
   }, [n, t]);
   return /* @__PURE__ */ f(Hn, { $isSelected: e, onClick: o, children: [
     e ? /* @__PURE__ */ i(
-      A,
+      R,
       {
         icon: "check",
         iconColor: r.palette.gray[800],
@@ -9348,7 +9336,7 @@ const Fe = ({
                 children: [
                   l === "organization-selector" ? /* @__PURE__ */ i(Hn, { onClick: n, children: /* @__PURE__ */ f($, { alignItems: "center", display: "flex", children: [
                     /* @__PURE__ */ i(
-                      A,
+                      R,
                       {
                         icon: "square-plus",
                         iconColor: c.palette.gray[400],
@@ -9600,7 +9588,7 @@ const Fe = ({
 `, gl = {
   md: { titleSize: "xs", descSize: "md", linkTextSize: "md" },
   lg: { titleSize: "sm", descSize: "lg", linkTextSize: "lg" }
-}, Zc = ({
+}, Xc = ({
   desc: e,
   href: t,
   icon: n,
@@ -9658,7 +9646,7 @@ const Fe = ({
     e ? /* @__PURE__ */ i(D, { size: y, children: e }) : void 0,
     s ?? /* @__PURE__ */ i(u, { href: t, style: { textDecoration: "none" }, children: /* @__PURE__ */ f(D, { size: x, children: [
       l,
-      /* @__PURE__ */ i(A, { icon: "arrow-right", iconSize: "sm", iconType: "fa-light" })
+      /* @__PURE__ */ i(R, { icon: "arrow-right", iconSize: "sm", iconType: "fa-light" })
     ] }) })
   ] });
 }, ul = b.span`
@@ -9674,7 +9662,7 @@ const Fe = ({
   padding: ${e.spacing[0.125]} ${e.spacing[0.25]} ${e.spacing[0.125]} ${e.spacing[0.25]};
   text-decoration: ${n}
   `}
-`, Xc = ({
+`, Zc = ({
   bgColor: e,
   children: t,
   txtDecoration: n,
@@ -9883,7 +9871,7 @@ const Fe = ({
       }
     ),
     /* @__PURE__ */ i(
-      A,
+      R,
       {
         icon: a ?? "arrow-right",
         iconColor: c.palette.white,
@@ -9908,7 +9896,7 @@ const Fe = ({
           l === "end" && t ? u : void 0
         ] }),
         /* @__PURE__ */ i(
-          A,
+          R,
           {
             clickable: !0,
             hoverColor: c.palette.primary[200],
@@ -9991,10 +9979,10 @@ const Fe = ({
       role: "alertdialog",
       children: [
         /* @__PURE__ */ f(Il, { $variant: r, children: [
-          /* @__PURE__ */ i(A, { icon: "circle", iconClass: "ellipse-1", iconSize: "lg" }),
-          /* @__PURE__ */ i(A, { icon: "circle", iconClass: "ellipse-2", iconSize: "lg" }),
+          /* @__PURE__ */ i(R, { icon: "circle", iconClass: "ellipse-1", iconSize: "lg" }),
+          /* @__PURE__ */ i(R, { icon: "circle", iconClass: "ellipse-2", iconSize: "lg" }),
           /* @__PURE__ */ i(
-            A,
+            R,
             {
               icon: Tl(r),
               iconClass: "icon",
@@ -10065,7 +10053,7 @@ const Fe = ({
             width: "100%"
           }
         ) : /* @__PURE__ */ i(
-          A,
+          R,
           {
             icon: e,
             iconColor: "#000",
@@ -10384,7 +10372,7 @@ const Fe = ({
               disabled: g,
               hasIcon: !0,
               onClick: v(0),
-              children: /* @__PURE__ */ i(A, { icon: "angles-left", iconSize: "sm", iconType: "fa-light" })
+              children: /* @__PURE__ */ i(R, { icon: "angles-left", iconSize: "sm", iconType: "fa-light" })
             }
           ),
           /* @__PURE__ */ i(
@@ -10393,11 +10381,11 @@ const Fe = ({
               disabled: g,
               hasIcon: !0,
               onClick: C,
-              children: /* @__PURE__ */ i(A, { icon: "angle-left", iconSize: "sm", iconType: "fa-light" })
+              children: /* @__PURE__ */ i(R, { icon: "angle-left", iconSize: "sm", iconType: "fa-light" })
             }
           ),
-          h.map((S, T, R) => {
-            const F = S === 1, E = S === c, I = y && F && T === 0, j = m && E && T === h.length - 1, H = x && T === R.length / 2 - 1;
+          h.map((S, T, F) => {
+            const A = S === 1, E = S === c, I = y && A && T === 0, j = m && E && T === h.length - 1, H = x && T === F.length / 2 - 1;
             return /* @__PURE__ */ f(pe, { children: [
               j && /* @__PURE__ */ i(fe, { disabled: !0, children: "..." }),
               /* @__PURE__ */ i(
@@ -10417,7 +10405,7 @@ const Fe = ({
               disabled: u,
               hasIcon: !0,
               onClick: k,
-              children: /* @__PURE__ */ i(A, { icon: "angle-right", iconSize: "sm", iconType: "fa-light" })
+              children: /* @__PURE__ */ i(R, { icon: "angle-right", iconSize: "sm", iconType: "fa-light" })
             }
           ),
           /* @__PURE__ */ i(
@@ -10426,7 +10414,7 @@ const Fe = ({
               disabled: u,
               hasIcon: !0,
               onClick: v(-1),
-              children: /* @__PURE__ */ i(A, { icon: "angles-right", iconSize: "sm", iconType: "fa-light" })
+              children: /* @__PURE__ */ i(R, { icon: "angles-right", iconSize: "sm", iconType: "fa-light" })
             }
           )
         ] }),
@@ -10482,9 +10470,9 @@ const Fe = ({
   text: n
 }) => {
   const r = N(), o = /* @__PURE__ */ f(Rl, { children: [
-    /* @__PURE__ */ i(A, { icon: "circle", iconClass: "ellipse-1", iconSize: "lg" }),
-    /* @__PURE__ */ i(A, { icon: "circle", iconClass: "ellipse-2", iconSize: "lg" }),
-    /* @__PURE__ */ i(A, { icon: "crown", iconClass: "icon", iconSize: "lg" })
+    /* @__PURE__ */ i(R, { icon: "circle", iconClass: "ellipse-1", iconSize: "lg" }),
+    /* @__PURE__ */ i(R, { icon: "circle", iconClass: "ellipse-2", iconSize: "lg" }),
+    /* @__PURE__ */ i(R, { icon: "crown", iconClass: "icon", iconSize: "lg" })
   ] });
   return n !== void 0 ? /* @__PURE__ */ i(
     $,
@@ -10647,7 +10635,7 @@ const Fe = ({
             width: "200px",
             children: [
               !t && /* @__PURE__ */ i(
-                A,
+                R,
                 {
                   icon: "grip-vertical",
                   iconColor: s.palette.gray[400],
@@ -10735,7 +10723,7 @@ const Fe = ({
   const n = N(), r = e <= 33 ? "priority-bars-low" : "priority-bars-medium", o = e > 66 || e === 0 ? "priority-bars-high" : r, a = t === void 0 || t < 0 ? 0 : t, s = e % 1 === 0 ? Qt + a : Qt + a + 1;
   return /* @__PURE__ */ f($, { alignItems: "center", display: "inline-flex", gap: 0.25, children: [
     /* @__PURE__ */ i(
-      A,
+      R,
       {
         icon: o,
         iconClass: e <= 66 ? "fa-kit-duotone" : "",
@@ -10950,7 +10938,7 @@ const Fe = ({
     default:
       return t.palette.gray[800];
   }
-}, Gl = b(A)`
+}, Gl = b(R)`
   box-sizing: border-box;
 
   border-right: ${({ theme: e, $variant: t }) => t === "in progress" ? `1px dashed ${Pn("in progress", e)}` : "unset"};
@@ -11035,17 +11023,17 @@ const Fe = ({
       ]
     }
   );
-}, Zl = 150, ld = ({
+}, Xl = 150, ld = ({
   children: e,
   orientation: t = "horizontal",
-  minWidth: n = Zl
+  minWidth: n = Xl
 }) => {
   const r = at.toArray(
     e
-  ), o = Z(
+  ), o = X(
     () => at.count(e),
     [e]
-  ), a = Z(
+  ), a = X(
     () => o * n,
     [o, n]
   );
@@ -11057,7 +11045,7 @@ const Fe = ({
       children: r.map((s) => ln(s, { minWidth: n, orientation: t }))
     }
   );
-}, Xl = ({
+}, Zl = ({
   description: e = "",
   highlightDescription: t = "",
   mobile: n
@@ -11208,7 +11196,7 @@ const Fe = ({
                       children: [
                         p ? void 0 : k,
                         /* @__PURE__ */ i(
-                          Xl,
+                          Zl,
                           {
                             description: s,
                             highlightDescription: l,
@@ -11421,7 +11409,7 @@ const Fe = ({
       r == null || r(H), y(!1);
     },
     [t, r]
-  ), R = h && (x.trim().length > 0 || t.length > 0), F = Z(
+  ), F = h && (x.trim().length > 0 || t.length > 0), A = X(
     () => t.length === 0 ? /* @__PURE__ */ i(rs, { children: c }) : /* @__PURE__ */ i(ns, { role: "listbox", children: t.map(
       (I, j) => /* @__PURE__ */ i(is, { onClick: T, role: "option", children: n(I) }, j)
     ) }),
@@ -11435,7 +11423,7 @@ const Fe = ({
   return /* @__PURE__ */ f(Jl, { ref: v.setReference, children: [
     /* @__PURE__ */ f(Ql, { children: [
       /* @__PURE__ */ i(
-        A,
+        R,
         {
           icon: "magnifying-glass",
           iconColor: g.palette.gray[700],
@@ -11446,7 +11434,7 @@ const Fe = ({
       /* @__PURE__ */ i(
         es,
         {
-          "aria-expanded": R,
+          "aria-expanded": F,
           id: e,
           maxLength: l,
           name: e,
@@ -11474,7 +11462,7 @@ const Fe = ({
         }
       )
     ] }),
-    R ? /* @__PURE__ */ i(ts, { ref: v.setFloating, style: z, children: F }) : void 0
+    F ? /* @__PURE__ */ i(ts, { ref: v.setFloating, style: z, children: A }) : void 0
   ] });
 }, as = (e, t) => {
   const n = {
@@ -11600,7 +11588,7 @@ const Fe = ({
             justify: "center",
             width: "24px",
             children: /* @__PURE__ */ i(
-              A,
+              R,
               {
                 icon: n,
                 iconColor: s.palette.gray[800],
@@ -11672,7 +11660,7 @@ const Fe = ({
         document.removeEventListener(g, p);
       });
     };
-  }, [n, o]), /* @__PURE__ */ i(Zi, { features: Xi, children: /* @__PURE__ */ i(
+  }, [n, o]), /* @__PURE__ */ i(Xi, { features: Zi, children: /* @__PURE__ */ i(
     cs,
     {
       animate: n ? {
@@ -12009,7 +11997,7 @@ const Fe = ({
   return /* @__PURE__ */ i($s, { children: o.map((c, d) => {
     const { content: p, title: g, nextAction: u, previousAction: h } = c, y = d + 1, x = y === a ? "current" : "disabled", m = y < a ? "completed" : x;
     return /* @__PURE__ */ f(bs, { children: [
-      /* @__PURE__ */ i($, { maxWidth: "40px", position: "relative", children: /* @__PURE__ */ i(ms, { $variant: m, children: m === "completed" ? /* @__PURE__ */ i(A, { icon: "check", iconSize: "lg", iconType: "fa-solid" }) : y }) }),
+      /* @__PURE__ */ i($, { maxWidth: "40px", position: "relative", children: /* @__PURE__ */ i(ms, { $variant: m, children: m === "completed" ? /* @__PURE__ */ i(R, { icon: "check", iconSize: "lg", iconType: "fa-solid" }) : y }) }),
       /* @__PURE__ */ f($, { ml: 1.5, width: "100%", children: [
         /* @__PURE__ */ i(
           J,
@@ -12083,15 +12071,15 @@ const Fe = ({
     export: o = !1,
     headers: a = {},
     name: s = "Report"
-  } = e, l = Z(
+  } = e, l = X(
     () => W.isUndefined(r) ? en(t) : en(t).map(
       (p) => W.pick(p, r)
     ),
     [t, r]
-  ), c = Z(
+  ), c = X(
     () => l.length > 0 && !W.isEmpty(a),
     [l.length, a]
-  ), d = Z(
+  ), d = X(
     () => (c ? Object.keys(l[0]) : []).map(
       (p) => W.includes(Object.keys(a), p) ? { key: p, label: a[p] } : { key: p, label: p }
     ),
@@ -12107,10 +12095,10 @@ const Fe = ({
     }
   ) : /* @__PURE__ */ i(ye, { children: n });
 }, ks = (e) => {
-  const { table: t } = e, { meta: n } = t.options, [r, o] = L(0), [, a] = t.getHeaderGroups(), s = t.getState(), l = Z(
+  const { table: t } = e, { meta: n } = t.options, [r, o] = L(0), [, a] = t.getHeaderGroups(), s = t.getState(), l = X(
     () => t.getAllLeafColumns().filter((g) => g.id !== "selection"),
     [t]
-  ), c = Z(() => l.map(
+  ), c = X(() => l.map(
     (g) => {
       var u;
       return {
@@ -12194,7 +12182,7 @@ const Fe = ({
   const t = N(), { variant: n } = e;
   return /* @__PURE__ */ f(Cs, { $variant: n, children: [
     /* @__PURE__ */ i(
-      A,
+      R,
       {
         icon: "caret-up",
         iconColor: t.palette.gray[600],
@@ -12203,7 +12191,7 @@ const Fe = ({
       }
     ),
     /* @__PURE__ */ i(
-      A,
+      R,
       {
         icon: "caret-down",
         iconColor: t.palette.gray[600],
@@ -12588,7 +12576,7 @@ const Fe = ({
   display: flex;
   width: 100%;
 `, Ns = () => {
-  const e = N(), { table: t } = $e(he), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, r = Z(() => {
+  const e = N(), { table: t } = $e(he), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, r = X(() => {
     const { enableRowSelection: l, enableMultiRowSelection: c } = (t == null ? void 0 : t.options) ?? {};
     return l || c ? 1 : 0;
   }, [t == null ? void 0 : t.options]), o = w(
@@ -12648,7 +12636,7 @@ const Fe = ({
                   onClick: a(l),
                   style: { cursor: "pointer", marginRight: "1rem" },
                   children: /* @__PURE__ */ i(
-                    A,
+                    R,
                     {
                       icon: l.getIsExpanded() ? "angle-up" : "angle-down",
                       iconSize: "lg",
@@ -12768,7 +12756,7 @@ const Fe = ({
     open: r,
     placement: "top-end",
     whileElementsMounted: Me
-  }), d = Z(
+  }), d = X(
     () => ir(
       [As, Rs, Ls, js],
       // eslint-disable-next-line functional/prefer-immutable-types
@@ -13009,14 +12997,14 @@ const Fe = ({
   children: e
 }) => /* @__PURE__ */ i(Bs, { children: e }), Ks = ({
   children: e
-}) => /* @__PURE__ */ i("div", { className: "highlight-container", children: e }), Zs = 160, Xs = ({
+}) => /* @__PURE__ */ i("div", { className: "highlight-container", children: e }), Xs = 160, Zs = ({
   children: e,
   table: t
 }) => {
   var u;
   const n = B(null), r = B(null), { id: o } = t.options.meta ?? {}, { enableMultiRowSelection: a } = (t == null ? void 0 : t.options) ?? {}, s = Object.keys(t.getState().rowSelection).length, l = s === 1 ? "item" : "items", c = s === 0 || !a, d = Math.max(
     ((u = n.current) == null ? void 0 : u.clientWidth) ?? 0,
-    t.getTotalSize() + Zs
+    t.getTotalSize() + Xs
   ), p = w(() => {
     t.resetRowSelection();
   }, [t]), g = w(
@@ -13044,7 +13032,7 @@ const Fe = ({
       children: /* @__PURE__ */ i(Ss, { id: o, children: e })
     }
   );
-}, yd = Object.assign(Xs, {
+}, yd = Object.assign(Zs, {
   Caption: Gs,
   Columns: ks,
   Content: Es,
@@ -13131,7 +13119,7 @@ const Fe = ({
         type: s,
         children: [
           t && /* @__PURE__ */ i(
-            A,
+            R,
             {
               clickable: !1,
               icon: t,
@@ -13629,7 +13617,7 @@ export {
   _c as S,
   Uc as T,
   Gc as U,
-  A as V,
+  R as V,
   Y as W,
   Yc as X,
   Kc as Y,
@@ -13676,7 +13664,7 @@ export {
   bd as a_,
   Tc as aa,
   xc as ab,
-  Zc as ac,
+  Xc as ac,
   mc as ad,
   vc as ae,
   wc as af,
@@ -13686,7 +13674,7 @@ export {
   ue as aj,
   et as ak,
   za as al,
-  Xc as am,
+  Zc as am,
   wl as an,
   qc as ao,
   Jc as ap,
@@ -13722,10 +13710,10 @@ export {
   Wa as bH,
   Oa as bI,
   Ma as bJ,
-  Zt as bK,
+  Xt as bK,
   Ha as bL,
   Fe as bM,
-  Xt as bN,
+  Zt as bN,
   sl as bO,
   Hn as bP,
   fe as bQ,
@@ -13733,7 +13721,7 @@ export {
   Wl as bS,
   Ml as bT,
   Ul as bU,
-  Xl as bV,
+  Zl as bV,
   Re as bW,
   ss as bX,
   hs as bY,
@@ -13779,15 +13767,15 @@ export {
   Gs as ca,
   Ys as cb,
   Ks as cc,
-  Xs as cd,
+  Zs as cd,
   Ke as d,
   _e as e,
-  Ze as f,
+  Xe as f,
   Ue as g,
   cr as h,
   Ye as i,
   Ge as j,
-  Xe as k,
+  Ze as k,
   uc as l,
   hc as m,
   fc as n,