@fluidattacks/design 3.31.1 → 3.31.2-pr.1

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

@@ -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],
@@ -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`
@@ -1620,10 +1604,10 @@ 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
+    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(
@@ -1636,7 +1620,7 @@ const A = q(function({
         ref: z.setReference,
         width: y,
         children: o ? /* @__PURE__ */ i(
-          A,
+          R,
           {
             clickable: !0,
             disabled: t,
@@ -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),
@@ -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",
@@ -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],
@@ -2920,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],
@@ -3163,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(
@@ -3186,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(
@@ -3211,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,
@@ -3257,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" })
       ]
     }
@@ -3287,9 +3272,9 @@ 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), [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 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(
@@ -3383,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,
@@ -3404,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",
@@ -3512,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,
@@ -3710,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
       ]
     }
   ) });
@@ -3849,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],
@@ -3885,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 })
@@ -3980,7 +3965,7 @@ const A = q(function({
       }
     ),
     t ? /* @__PURE__ */ i(
-      A,
+      R,
       {
         icon: "exclamation-circle",
         iconColor: r.palette.error[500],
@@ -4119,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(
@@ -4225,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]
@@ -4239,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,
@@ -4248,7 +4233,7 @@ const A = q(function({
     endFieldProps: k,
     buttonProps: S,
     dialogProps: T,
-    calendarProps: R
+    calendarProps: F
   } = ji(
     { ...g, "aria-label": n ?? r },
     m,
@@ -4283,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,
@@ -4302,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,
@@ -4321,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
       ]
@@ -4413,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 });
         }
       }
     },
@@ -4506,11 +4491,11 @@ 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]
+    [A]
   ), Q = c && d && !e && j.trim() !== "", Z = w(
     (G) => {
       G.key === "Enter" && G.preventDefault();
@@ -4537,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",
                 {
@@ -4555,11 +4540,11 @@ const A = q(function({
                   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",
@@ -4568,7 +4553,7 @@ const A = q(function({
                 }
               ) : void 0,
               Q ? /* @__PURE__ */ i(
-                A,
+                R,
                 {
                   icon: "check-circle",
                   iconClass: "success-icon",
@@ -4863,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",
@@ -4875,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();
     },
@@ -4914,7 +4899,7 @@ const A = q(function({
                   }
                 ),
                 v && /* @__PURE__ */ i(
-                  A,
+                  R,
                   {
                     icon: "exclamation-circle",
                     iconClass: "error-icon",
@@ -4929,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"
                     ]
                   }
@@ -4953,7 +4938,7 @@ const A = q(function({
             id: s ?? c,
             multiple: l,
             name: c,
-            onChange: R,
+            onChange: F,
             ref: z,
             type: "file"
           }
@@ -4995,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)));
@@ -5050,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",
@@ -5060,7 +5045,7 @@ const A = q(function({
               }
             ),
             m ? /* @__PURE__ */ i(
-              A,
+              R,
               {
                 icon: "exclamation-circle",
                 iconClass: "error-icon",
@@ -5145,7 +5130,7 @@ const A = q(function({
       type: "button",
       ...a,
       children: /* @__PURE__ */ i(
-        A,
+        R,
         {
           icon: n,
           iconClass: "action",
@@ -5177,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)
@@ -5246,7 +5231,7 @@ const A = q(function({
           }
         ) : j(),
         C && /* @__PURE__ */ i(
-          A,
+          R,
           {
             icon: "exclamation-circle",
             iconClass: "error-icon",
@@ -5271,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
                 }
               ),
@@ -5282,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
                 }
               )
@@ -5297,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
             }
@@ -5308,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
             }
@@ -5341,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,
@@ -5360,7 +5345,7 @@ const A = q(function({
     }),
     tooltipMessage: S,
     value: T,
-    variant: R
+    variant: F
   }
 ) : /* @__PURE__ */ i(
   ne,
@@ -5392,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
       }
     )
   }
@@ -5558,7 +5543,7 @@ 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,
@@ -5619,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],
@@ -5656,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",
@@ -5727,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,
@@ -5747,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" : "",
@@ -5768,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",
@@ -5777,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",
@@ -5794,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 = X(() => {
-    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
       ]
     }
   );
@@ -5946,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],
@@ -6166,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,
@@ -6654,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],
@@ -7189,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,
@@ -7201,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",
@@ -7388,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],
@@ -8056,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(
@@ -8088,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,
@@ -8574,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) => {
@@ -8594,20 +8581,20 @@ 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 = Xa(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(Za(e, u)), a == null || a(u);
   }, [e, u, o, a]), { Filters: () => /* @__PURE__ */ f(
@@ -8941,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],
@@ -9224,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],
@@ -9349,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],
@@ -9659,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`
@@ -9884,7 +9871,7 @@ const Fe = ({
       }
     ),
     /* @__PURE__ */ i(
-      A,
+      R,
       {
         icon: a ?? "arrow-right",
         iconColor: c.palette.white,
@@ -9909,7 +9896,7 @@ const Fe = ({
           l === "end" && t ? u : void 0
         ] }),
         /* @__PURE__ */ i(
-          A,
+          R,
           {
             clickable: !0,
             hoverColor: c.palette.primary[200],
@@ -9992,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",
@@ -10066,7 +10053,7 @@ const Fe = ({
             width: "100%"
           }
         ) : /* @__PURE__ */ i(
-          A,
+          R,
           {
             icon: e,
             iconColor: "#000",
@@ -10385,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(
@@ -10394,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(
@@ -10418,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(
@@ -10427,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" })
             }
           )
         ] }),
@@ -10483,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(
     $,
@@ -10648,7 +10635,7 @@ const Fe = ({
             width: "200px",
             children: [
               !t && /* @__PURE__ */ i(
-                A,
+                R,
                 {
                   icon: "grip-vertical",
                   iconColor: s.palette.gray[400],
@@ -10736,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" : "",
@@ -10951,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"};
@@ -11422,7 +11409,7 @@ const Fe = ({
       r == null || r(H), y(!1);
     },
     [t, r]
-  ), R = h && (x.trim().length > 0 || t.length > 0), F = X(
+  ), 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)
     ) }),
@@ -11436,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],
@@ -11447,7 +11434,7 @@ const Fe = ({
       /* @__PURE__ */ i(
         es,
         {
-          "aria-expanded": R,
+          "aria-expanded": F,
           id: e,
           maxLength: l,
           name: e,
@@ -11475,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 = {
@@ -11601,7 +11588,7 @@ const Fe = ({
             justify: "center",
             width: "24px",
             children: /* @__PURE__ */ i(
-              A,
+              R,
               {
                 icon: n,
                 iconColor: s.palette.gray[800],
@@ -12010,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,
@@ -12195,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],
@@ -12204,7 +12191,7 @@ const Fe = ({
       }
     ),
     /* @__PURE__ */ i(
-      A,
+      R,
       {
         icon: "caret-down",
         iconColor: t.palette.gray[600],
@@ -12649,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",
@@ -13132,7 +13119,7 @@ const Fe = ({
         type: s,
         children: [
           t && /* @__PURE__ */ i(
-            A,
+            R,
             {
               clickable: !1,
               icon: t,
@@ -13630,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,