@fluidattacks/design 3.21.2-pr.8 → 3.21.2

package/dist/{components-CadNnqE-.mjs → components-pw8R4RZh.mjs}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as h, Fragment as Ke } from "react/jsx-runtime";
 import Lt, { forwardRef as Y, useState as j, useCallback as v, StrictMode as wn, useEffect as V, useRef as B, useMemo as Q, Fragment as Te, Children as Ve, isValidElement as vn, cloneElement as jt } from "react";
-import { X as kn, s as m, J as E, u as Et, a as Cn, b as Sn, c as zn, d as In, l as M, e as At, f as Tn, o as Rt, g as Nn, n as me, _ as R, $ as Dn, h as Fn, i as Ln, j as jn, k as En, m as An, p as Rn, q as Pn, r as Wn, t as Pt, C as Ze, v as On, w as Hn, x as Mn, y as st, z as Ne, A as Bn, B as Un, D as Wt, E as Ot, F as De, G as Gn, H as Vn, I as Yn, K as _n, L as Kn, M as ee, N as Zn, O as Ht, P as qn, Q as Mt, R as Jn, S as Xn, T as Qn, U as ei, V as ti, W as ni, Y as Bt, Z as ii, a0 as ct, a1 as dt, a2 as pt, a3 as ai, a4 as ri, a5 as oi, a6 as li, a7 as si, a8 as ci, a9 as di, aa as pi, ab as Ut, ac as gi, ad as ui, ae as fi, af as hi, ag as yi, ak as Gt, al as $i, am as bi, an as xi, ao as mi, ap as wi, aq as vi, ar as ki, as as Ci, at as Si, au as gt, av as zi, aw as ut, ax as Ii } from "./vendor-BzUP-0MT.mjs";
+import { X as kn, s as m, J as E, u as Et, a as Cn, b as Sn, c as zn, d as In, l as M, e as At, f as Tn, o as Rt, g as Nn, n as me, _ as R, $ as Dn, h as Fn, i as Ln, j as jn, k as En, m as An, p as Rn, q as Wn, r as Pn, t as Wt, C as Ze, v as On, w as Hn, x as Mn, y as st, z as Ne, A as Bn, B as Un, D as Pt, E as Ot, F as De, G as Gn, H as Vn, I as Yn, K as _n, L as Kn, M as ee, N as Zn, O as Ht, P as qn, Q as Mt, R as Jn, S as Xn, T as Qn, U as ei, V as ti, W as ni, Y as Bt, Z as ii, a0 as ct, a1 as dt, a2 as pt, a3 as ai, a4 as ri, a5 as oi, a6 as li, a7 as si, a8 as ci, a9 as di, aa as pi, ab as Ut, ac as gi, ad as ui, ae as fi, af as hi, ag as yi, ak as Gt, al as $i, am as bi, an as xi, ao as mi, ap as wi, aq as vi, ar as ki, as as Ci, at as Si, au as gt, av as zi, aw as ut, ax as Ii } from "./vendor-BzUP-0MT.mjs";
 import { createPortal as ue } from "react-dom";
 import { Link as Ti, useLocation as Ni, NavLink as Di } from "react-router-dom";
 const le = (e) => ({
@@ -139,7 +139,7 @@ const le = (e) => ({
   700: "#b54708",
   800: "",
   900: ""
-}, Pi = {
+}, Wi = {
   25: "",
   50: "#f6fef9",
   100: "",
@@ -151,7 +151,7 @@ const le = (e) => ({
   700: "#027a48",
   800: "",
   900: ""
-}, Wi = {
+}, Pi = {
   25: "",
   50: "#eff8ff",
   100: "",
@@ -283,9 +283,9 @@ const le = (e) => ({
     primary: ji,
     complementary: Ei,
     error: Ai,
-    info: Wi,
+    info: Pi,
     warning: Ri,
-    success: Pi,
+    success: Wi,
     black: "#0c111d",
     white: "#ffffff",
     gray: Li,
@@ -377,7 +377,7 @@ const le = (e) => ({
     ${g}
     ${u}
   `;
-}, Pe = (e) => {
+}, We = (e) => {
   const t = A("cursor", e.cursor), n = A("border-color", e.borderColorHover), a = A("background-color", e.bgColorHover), r = A(
     "box-shadow",
     e.shadowHover === void 0 ? void 0 : F.shadows[e.shadowHover]
@@ -392,18 +392,18 @@ const le = (e) => ({
       ${r}
     }
   `;
-}, We = {
+}, Pe = {
   shouldForwardProp: (e) => !Fi.includes(e)
-}, Oe = m.div.withConfig(We)`
+}, Oe = m.div.withConfig(Pe)`
   ${Fe}
   ${Le}
   ${je}
   ${Ae}
   ${Re}
   ${Ee}
-  ${Pe}
+  ${We}
 `, Vt = m.button.withConfig(
-  We
+  Pe
 )`
   ${Fe}
   ${Le}
@@ -411,23 +411,23 @@ const le = (e) => ({
   ${Ae}
   ${Re}
   ${Ee}
-  ${Pe}
-`, Yt = m.p.withConfig(We)`
+  ${We}
+`, Yt = m.p.withConfig(Pe)`
   ${Fe}
   ${Le}
   ${je}
   ${Ae}
   ${Re}
   ${Ee}
-  ${Pe}
-`, _t = m.span.withConfig(We)`
+  ${We}
+`, _t = m.span.withConfig(Pe)`
   ${Fe}
   ${Le}
   ${je}
   ${Ae}
   ${Re}
   ${Ee}
-  ${Pe}
+  ${We}
 `, Yi = m(Oe)`
   ${({ theme: e, $center: t = !1, $styleMd: n, $styleSm: a }) => `
     ${t ? "margin: auto;" : ""}
@@ -1170,9 +1170,9 @@ const L = Y(function({
   }), z = Cn(S, {
     delay: { close: 0, open: 500 },
     move: !1
-  }), P = Sn(S), D = zn(S, { role: r ? "label" : "tooltip" }), { getReferenceProps: I, getFloatingProps: W } = In([
+  }), W = Sn(S), D = zn(S, { role: r ? "label" : "tooltip" }), { getReferenceProps: I, getFloatingProps: P } = In([
     z,
-    P,
+    W,
     D
   ]);
   return t ? /* @__PURE__ */ i(wn, { children: e }) : /* @__PURE__ */ h(Ke, { children: [
@@ -1202,7 +1202,7 @@ const L = Y(function({
       /* @__PURE__ */ h(
         ra,
         {
-          ...W(),
+          ...P(),
           $maxWidth: c,
           id: `floating-${s}`,
           ref: w.setFloating,
@@ -1287,8 +1287,8 @@ const L = Y(function({
         }
       )
     }
-  ), P = (f + (k ?? "") + (c ?? a)).replace(/ /u, "_");
-  return y === void 0 ? S : /* @__PURE__ */ i(ie, { id: `${P}-tooltip`, place: $, tip: y, children: S });
+  ), W = (f + (k ?? "") + (c ?? a)).replace(/ /u, "_");
+  return y === void 0 ? S : /* @__PURE__ */ i(ie, { id: `${W}-tooltip`, place: $, tip: y, children: S });
 }), Dl = Y(function({
   autoHide: t = !1,
   children: n,
@@ -1722,8 +1722,8 @@ const L = Y(function({
   variant: C = "primary",
   width: S,
   ...z
-}, P) {
-  const D = $ !== void 0, I = `${l}-tooltip`, W = v(() => {
+}, W) {
+  const D = $ !== void 0, I = `${l}-tooltip`, P = v(() => {
     o && Jt(o, a);
   }, [a, o]), T = /* @__PURE__ */ h(
     Zt,
@@ -1735,8 +1735,8 @@ const L = Y(function({
       disabled: n,
       id: l,
       name: p,
-      onClick: C === "link" ? W : g,
-      ref: P,
+      onClick: C === "link" ? P : g,
+      ref: W,
       type: y,
       value: w,
       width: S,
@@ -2611,7 +2611,7 @@ const L = Y(function({
   state: l,
   watch: s
 }) => {
-  var D, I, W;
+  var D, I, P;
   const c = E(), d = B(null), p = e.props.hrefLang, g = l.disabledKeys, u = Array.from(l.collection.getKeys()).filter(
     (T) => !Array.from(g).includes(T) && T !== "All"
   ), { optionProps: f, isSelected: y, isFocused: $, isDisabled: x } = Ln(
@@ -2644,7 +2644,7 @@ const L = Y(function({
     ge,
     {
       ...a == null ? void 0 : a(`${n}Options`, { onChange: C }),
-      label: (W = e.rendered) == null ? void 0 : W.toString(),
+      label: (P = e.rendered) == null ? void 0 : P.toString(),
       name: `${n}Options`,
       value: e.key.toString()
     }
@@ -2657,7 +2657,7 @@ const L = Y(function({
       whiteSpace: "nowrap",
       children: e.rendered
     }
-  ), P = v(
+  ), W = v(
     (T) => {
       var O;
       T.preventDefault(), r(((O = e.rendered) == null ? void 0 : O.toString()) ?? ""), l.setSelectedKey(e.key), setTimeout(() => {
@@ -2681,7 +2681,7 @@ const L = Y(function({
       className: k,
       ref: d,
       children: [
-        p ? /* @__PURE__ */ i(se, { href: p, onClick: P, children: z }) : z,
+        p ? /* @__PURE__ */ i(se, { href: p, onClick: W, children: z }) : z,
         y && !x && !t ? /* @__PURE__ */ i(L, { icon: "check", iconSize: "xxs", iconType: "fa-light" }) : void 0,
         e.rendered === e.textValue ? void 0 : /* @__PURE__ */ i(ae, { tagLabel: e.textValue, variant: "inactive" })
       ]
@@ -2712,13 +2712,13 @@ const L = Y(function({
   weight: z
 }) => {
   var ot;
-  const P = E(), D = t ? void 0 : a, I = (e == null ? void 0 : e.value) ?? C, [W, T] = j(
+  const W = E(), D = t ? void 0 : a, I = (e == null ? void 0 : e.value) ?? C, [P, T] = j(
     ((ot = g.find((H) => H.value === I)) == null ? void 0 : ot.name) ?? ""
   ), [O, te] = j(I), [re, de] = j(g), [G, Z] = j(!1), { contains: _ } = En({ sensitivity: "base" }), he = B(null), Ue = B(null), Ge = B(null), it = B(null), at = B(null), pn = Q(() => g.toSorted((H, q) => {
     const J = Array.from(n ?? []), ye = J.includes(H.value), lt = J.includes(q.value);
     return ye && !lt ? 1 : !ye && lt ? -1 : 0;
   }).map(
-    (H) => _(H.name, W) || G ? /* @__PURE__ */ i(
+    (H) => _(H.name, P) || G ? /* @__PURE__ */ i(
       An,
       {
         "aria-label": H.value,
@@ -2728,7 +2728,7 @@ const L = Y(function({
       },
       H.value
     ) : null
-  ), [_, n, W, g, G]), gn = v(
+  ), [_, n, P, g, G]), gn = v(
     (H) => {
       const q = H.split(/,|\s/u).slice(-1)[0].trim();
       T(p ? q : H), H === "" || H.endsWith(",") ? Z(!0) : (Z(!1), te((J) => {
@@ -2760,7 +2760,7 @@ const L = Y(function({
     allowsCustomValue: p,
     allowsEmptyCollection: !0,
     disabledKeys: n,
-    inputValue: W,
+    inputValue: P,
     items: re,
     menuTrigger: "focus",
     shouldCloseOnBlur: !p,
@@ -2783,9 +2783,9 @@ const L = Y(function({
     buttonProps: yn,
     inputProps: $n,
     listBoxProps: bn
-  } = Pn(
+  } = Wn(
     {
-      inputValue: W,
+      inputValue: P,
       buttonRef: Ue,
       id: d,
       inputRef: he,
@@ -2796,7 +2796,7 @@ const L = Y(function({
       popoverRef: at
     },
     oe
-  ), { listBoxProps: xn } = Wn(bn, oe, Ge), { buttonProps: mn } = Pt(yn, Ue);
+  ), { listBoxProps: xn } = Pn(bn, oe, Ge), { buttonProps: mn } = Wt(yn, Ue);
   return V(() => {
     var H;
     if ((c === !1 || !I) && !p) {
@@ -2839,7 +2839,7 @@ const L = Y(function({
                 {
                   icon: "exclamation-circle",
                   iconClass: "error-icon",
-                  iconColor: P.palette.error[500],
+                  iconColor: W.palette.error[500],
                   iconSize: "xs"
                 }
               ) : void 0,
@@ -2850,7 +2850,7 @@ const L = Y(function({
                   className: "action",
                   disabled: t,
                   icon: oe.isOpen && !t ? "chevron-up" : "chevron-down",
-                  iconColor: P.palette.gray[400],
+                  iconColor: W.palette.gray[400],
                   iconSize: "xxs",
                   iconType: "fa-light",
                   px: 0.125,
@@ -2927,7 +2927,7 @@ const L = Y(function({
   {
     control: e,
     name: d,
-    render: ({ field: P, fieldState: D }) => {
+    render: ({ field: W, fieldState: D }) => {
       var I;
       return /* @__PURE__ */ i(
         yt,
@@ -2935,7 +2935,7 @@ const L = Y(function({
           disabled: t,
           disabledKeys: n,
           error: (I = D.error) == null ? void 0 : I.message,
-          field: P,
+          field: W,
           helpLink: r,
           helpLinkText: o,
           helpText: l,
@@ -3252,7 +3252,7 @@ const L = Y(function({
   icon: t,
   props: n
 }) => {
-  const a = B(null), { buttonProps: r } = Pt(n, a);
+  const a = B(null), { buttonProps: r } = Wt(n, a);
   return /* @__PURE__ */ i(
     Na,
     {
@@ -3307,7 +3307,7 @@ const L = Y(function({
   onClose: e,
   props: t
 }) => {
-  const { locale: n } = Ne(), a = Wt({ ...t, createCalendar: De, locale: n }), { prevButtonProps: r, nextButtonProps: o, title: l } = Ot(t, a);
+  const { locale: n } = Ne(), a = Pt({ ...t, createCalendar: De, locale: n }), { prevButtonProps: r, nextButtonProps: o, title: l } = Ot(t, a);
   return /* @__PURE__ */ h("div", { className: "calendar", children: [
     /* @__PURE__ */ i(
       Qe,
@@ -3541,7 +3541,7 @@ const L = Y(function({
       $(D);
     },
     ...!R.isNil(y) && !R.isEmpty(y) && ee(y).isValid() ? { defaultValue: qn(y.replace(/\//gu, "-")) } : {}
-  }), { close: k } = x, { groupProps: w, fieldProps: C, buttonProps: S, dialogProps: z, calendarProps: P } = Mt(
+  }), { close: k } = x, { groupProps: w, fieldProps: C, buttonProps: S, dialogProps: z, calendarProps: W } = Mt(
     { ...u, "aria-label": l ?? s, name: s },
     x,
     f
@@ -3581,13 +3581,13 @@ const L = Y(function({
             placement: "bottom start",
             state: x,
             triggerRef: f,
-            children: /* @__PURE__ */ i(et, { ...z, children: /* @__PURE__ */ i(La, { onClose: k, props: P }) })
+            children: /* @__PURE__ */ i(et, { ...z, children: /* @__PURE__ */ i(La, { onClose: k, props: W }) })
           }
         ) : null
       ]
     }
   );
-}, Pa = ({
+}, Wa = ({
   onClose: e,
   props: t
 }) => {
@@ -3609,7 +3609,7 @@ const L = Y(function({
     /* @__PURE__ */ i(Xe, { state: r }),
     /* @__PURE__ */ i(Je, { children: /* @__PURE__ */ i(U, { onClick: e, variant: "ghost", children: "Cancel" }) })
   ] });
-}, Wa = m.div`
+}, Pa = m.div`
   ${({ theme: e, $disabled: t, $show: n }) => `
     border-color: ${n ? e.palette.error[500] : e.palette.gray[300]};
     display: flex;
@@ -3657,7 +3657,7 @@ const L = Y(function({
     startFieldProps: C,
     endFieldProps: S,
     buttonProps: z,
-    dialogProps: P,
+    dialogProps: W,
     calendarProps: D
   } = ei(
     { ...g, "aria-label": n ?? a },
@@ -3674,7 +3674,7 @@ const L = Y(function({
       tooltip: o,
       children: [
         /* @__PURE__ */ h(
-          Wa,
+          Pa,
           {
             $disabled: e,
             $show: t !== void 0,
@@ -3731,7 +3731,7 @@ const L = Y(function({
             placement: "bottom start",
             state: x,
             triggerRef: y,
-            children: /* @__PURE__ */ i(et, { ...P, children: /* @__PURE__ */ i(Pa, { onClose: k, props: D }) })
+            children: /* @__PURE__ */ i(et, { ...W, children: /* @__PURE__ */ i(Wa, { onClose: k, props: D }) })
           }
         ) : null
       ]
@@ -3758,7 +3758,7 @@ const L = Y(function({
   props: n,
   timeState: a
 }) => {
-  const r = E(), { locale: o } = Ne(), l = Wt({ ...n, createCalendar: De, locale: o }), { prevButtonProps: s, nextButtonProps: c, title: d } = Ot(n, l);
+  const r = E(), { locale: o } = Ne(), l = Pt({ ...n, createCalendar: De, locale: o }), { prevButtonProps: s, nextButtonProps: c, title: d } = Ot(n, l);
   return /* @__PURE__ */ h("div", { className: "calendar", children: [
     /* @__PURE__ */ i(
       Qe,
@@ -3808,11 +3808,11 @@ const L = Y(function({
   }), { close: f } = u, { groupProps: y, fieldProps: $, buttonProps: x, dialogProps: k, calendarProps: w } = Mt(e, u, g), C = v(
     (z) => {
       if (w.onChange && w.onChange(z), u.timeValue) {
-        const P = wt(
+        const W = wt(
           z,
           u.timeValue
         );
-        c == null || c(o, P, { shouldDirty: !0 });
+        c == null || c(o, W, { shouldDirty: !0 });
       } else
         u.setDateValue(z);
     },
@@ -3821,9 +3821,9 @@ const L = Y(function({
     (z) => {
       if (z) {
         u.setTimeValue(z);
-        const P = u.dateValue;
-        if (P) {
-          const D = wt(P, z);
+        const W = u.dateValue;
+        if (W) {
+          const D = wt(W, z);
           c == null || c(o, D, { shouldDirty: !0 });
         }
       }
@@ -3915,13 +3915,13 @@ const L = Y(function({
   tooltip: C,
   type: S = "text",
   weight: z,
-  ...P
+  ...W
 }) => {
-  const { required: D, onBlur: I, onChange: W } = P, T = E(), O = e ? void 0 : o, [te, re] = j(""), de = v(
+  const { required: D, onBlur: I, onChange: P } = W, T = E(), O = e ? void 0 : o, [te, re] = j(""), de = v(
     (_) => {
-      re(_.target.value), W == null || W(_);
+      re(_.target.value), P == null || P(_);
     },
-    [W]
+    [P]
   ), G = c && d && !e && te.trim() !== "", Z = v(
     (_) => {
       _.key === "Enter" && _.preventDefault();
@@ -3967,7 +3967,7 @@ const L = Y(function({
                   onPaste: y,
                   placeholder: $,
                   type: S,
-                  ...k ? k(u, { required: D, onBlur: I, onChange: de }) : { ...P, onChange: de }
+                  ...k ? k(u, { required: D, onBlur: I, onChange: de }) : { ...W, onChange: de }
                 }
               ),
               O ? /* @__PURE__ */ i(
@@ -4014,7 +4014,7 @@ const L = Y(function({
   className: "flex flex-wrap items-center justify-start mb2"
 })`
   gap: 12px;
-`, Pl = m.div.attrs({
+`, Wl = m.div.attrs({
   className: "flex flex-wrap items-center justify-end mb2"
 })`
   gap: 8px;
@@ -4075,7 +4075,7 @@ const L = Y(function({
       margin: ${n}px ${t}px;
     }
   `}
-`, Wl = ({ children: e, disp: t, mh: n, mv: a }) => /* @__PURE__ */ i(Ga, { $disp: t, $mh: n, $mv: a, children: e }), Va = m.div.attrs({
+`, Pl = ({ children: e, disp: t, mh: n, mv: a }) => /* @__PURE__ */ i(Ga, { $disp: t, $mh: n, $mv: a, children: e }), Va = m.div.attrs({
   className: "comp-row flex flex-row flex-wrap"
 })`
   ${({
@@ -4272,12 +4272,12 @@ const L = Y(function({
   watch: y,
   weight: $
 }) => {
-  const x = E(), k = t ? void 0 : n, w = B(null), C = g == null ? void 0 : g(c, { required: p }), S = y == null ? void 0 : y(c), z = Za(S), P = v(() => {
-    const W = be("change", c, void 0);
-    u && u(c, void 0), C && C.onChange(W);
+  const x = E(), k = t ? void 0 : n, w = B(null), C = g == null ? void 0 : g(c, { required: p }), S = y == null ? void 0 : y(c), z = Za(S), W = v(() => {
+    const P = be("change", c, void 0);
+    u && u(c, void 0), C && C.onChange(P);
   }, [C, c, u]), D = v(
-    (W) => {
-      const { files: T } = W.currentTarget, O = be(
+    (P) => {
+      const { files: T } = P.currentTarget, O = be(
         "change",
         c,
         T && T.length > 0 ? T : void 0
@@ -4288,8 +4288,8 @@ const L = Y(function({
     },
     [C, c, d, u]
   ), I = v(
-    (W) => {
-      t ? W.preventDefault() : w.current && w.current.click();
+    (P) => {
+      t ? P.preventDefault() : w.current && w.current.click();
     },
     [t]
   );
@@ -4320,7 +4320,7 @@ const L = Y(function({
                     icon: "xmark",
                     iconSize: "lg",
                     iconType: "fa-light",
-                    onClick: P,
+                    onClick: W,
                     variant: "ghost",
                     width: "20px"
                   }
@@ -4402,7 +4402,7 @@ const L = Y(function({
       n && n.onChange(re), c && c(re);
     },
     [n, s, c]
-  ), P = v(
+  ), W = v(
     (T) => {
       w(T.target.value);
     },
@@ -4419,7 +4419,7 @@ const L = Y(function({
       T.key === "Enter" && O.length === 0 && T.preventDefault(), ["Enter", ","].includes(T.key) && O.length > 0 && !S.includes(O) ? (T.preventDefault(), z([...S, O]), w("")) : T.key === "Backspace" && !O.length && S.length && (T.preventDefault(), d == null || d(S[S.length - 1]), z(S.slice(0, -1)));
     },
     [k, d, z, S]
-  ), W = v(
+  ), P = v(
     (T) => () => {
       d == null || d(T), z(S.filter((O) => O !== T));
     },
@@ -4447,7 +4447,7 @@ const L = Y(function({
               ae,
               {
                 disabled: e,
-                onClose: W(T),
+                onClose: P(T),
                 tagLabel: T
               },
               T
@@ -4462,7 +4462,7 @@ const L = Y(function({
                 autoComplete: "off",
                 id: s,
                 onBlur: D,
-                onChange: P,
+                onChange: W,
                 onKeyDown: I,
                 placeholder: S.length === 0 ? p : void 0,
                 ref: n == null ? void 0 : n.ref,
@@ -4587,23 +4587,23 @@ const L = Y(function({
   ), C = v(() => {
     const D = (k - 10 ** -x).toFixed(x), I = Math.max(Number(l), Number(D));
     u && u(s, I, { shouldDirty: !0 }), w(I);
-    const W = be("change", s, D);
-    c && c(W);
+    const P = be("change", s, D);
+    c && c(P);
   }, [k, x, l, u, s, c]), S = v(() => {
     const D = (k + 10 ** -x).toFixed(x), I = Math.min(
       Number(o),
       Number(D) > Number(l) ? Number(D) : Number(l)
     );
     u && u(s, I, { shouldDirty: !0 }), w(I);
-    const W = be("change", s, D);
-    c && c(W);
+    const P = be("change", s, D);
+    c && c(P);
   }, [k, x, o, l, u, s, c]), z = v(
     (D) => {
-      const { value: I } = D.target, W = /\d+/u.test(I) && !R.isEmpty(I);
-      u && u(s, W ? I : void 0), c && c(D), w(Number(I));
+      const { value: I } = D.target, P = /\d+/u.test(I) && !R.isEmpty(I);
+      u && u(s, P ? I : void 0), c && c(D), w(Number(I));
     },
     [s, c, u]
-  ), P = v(
+  ), W = v(
     (D) => {
       D.key === "Enter" && D.preventDefault();
     },
@@ -4627,7 +4627,7 @@ const L = Y(function({
             max: o,
             min: l,
             onChange: z,
-            onKeyDown: P,
+            onKeyDown: W,
             placeholder: d,
             required: g,
             step: 10 ** -x,
@@ -4895,7 +4895,7 @@ const L = Y(function({
   const g = E(), u = B(null), f = e ? void 0 : t, y = (d == null ? void 0 : d(a)) ?? c, [$, x] = j(!1), [k, w] = j(""), { refs: C, floatingStyles: S } = Bt({
     placement: "bottom-start",
     whileElementsMounted: At
-  }), { inputRef: z, inputValue: P, handlePhoneValueChange: D, country: I, setCountry: W } = ii({
+  }), { inputRef: z, inputValue: W, handlePhoneValueChange: D, country: I, setCountry: P } = ii({
     countries: ct,
     defaultCountry: "co",
     forceDialCode: !0,
@@ -4912,9 +4912,9 @@ const L = Y(function({
     [$]
   ), te = v(
     (G) => () => {
-      W(G), x(!1), w("");
+      P(G), x(!1), w("");
     },
-    [W, x]
+    [P, x]
   ), re = v(
     (G) => {
       G.key.length === 1 ? w((Z) => Z + G.key) : G.key === "Backspace" && w((Z) => Z.slice(0, -1));
@@ -4990,7 +4990,7 @@ const L = Y(function({
                       placeholder: r,
                       ref: z,
                       type: "tel",
-                      value: P,
+                      value: W,
                       ...l == null ? void 0 : l(a, {
                         required: o,
                         onChange: D
@@ -5064,7 +5064,7 @@ const L = Y(function({
   weight: w,
   value: C
 }) => {
-  const S = E(), z = (k == null ? void 0 : k(s)) ?? C, P = o && r && !e, D = e ? void 0 : t;
+  const S = E(), z = (k == null ? void 0 : k(s)) ?? C, W = o && r && !e, D = e ? void 0 : t;
   return /* @__PURE__ */ i(
     X,
     {
@@ -5082,7 +5082,7 @@ const L = Y(function({
         ce,
         {
           className: `
-          ${e ? "disabled" : ""} ${D ? "error" : ""} ${P ? "success" : ""}
+          ${e ? "disabled" : ""} ${D ? "error" : ""} ${W ? "success" : ""}
         `,
           children: [
             /* @__PURE__ */ i(
@@ -5112,7 +5112,7 @@ const L = Y(function({
                 iconSize: "xs"
               }
             ) : void 0,
-            P ? /* @__PURE__ */ i(
+            W ? /* @__PURE__ */ i(
               L,
               {
                 icon: "check-circle",
@@ -5149,7 +5149,7 @@ const L = Y(function({
   onChange: C,
   register: S,
   setValue: z,
-  watch: P
+  watch: W
 }) => {
   const D = Q(() => {
     if (l === "text")
@@ -5174,7 +5174,7 @@ const L = Y(function({
           name: p,
           register: S,
           setValue: z,
-          watch: P
+          watch: W
         }
       );
     if (l === "select" && r)
@@ -5189,14 +5189,14 @@ const L = Y(function({
           value: $
         }
       );
-    const { decimalPlaces: I, max: W, min: T } = s ?? {};
+    const { decimalPlaces: I, max: P, min: T } = s ?? {};
     return /* @__PURE__ */ i(
       Ja,
       {
         decimalPlaces: I,
         disabled: n,
         error: w,
-        max: W,
+        max: P,
         min: T,
         name: p,
         onChange: C,
@@ -5204,7 +5204,7 @@ const L = Y(function({
         register: S,
         setValue: z,
         value: $,
-        watch: P
+        watch: W
       }
     );
   }, [
@@ -5222,7 +5222,7 @@ const L = Y(function({
     S,
     z,
     $,
-    P
+    W
   ]);
   return /* @__PURE__ */ h(
     ha,
@@ -6435,7 +6435,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       background-color: ${e.palette.gray[100]};
     }
   `}
-`, Pr = m.ul`
+`, Wr = m.ul`
   ${({ theme: e }) => `
     background-color: ${e.palette.white};
     border: 1px solid ${e.palette.gray[200]};
@@ -6504,7 +6504,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       ]
     }
   );
-}, Wr = m(Be)`
+}, Pr = m(Be)`
   margin-top: 10px;
   border: 1px solid ${({ theme: e }) => e.palette.gray[300]};
   border-radius: 4px;
@@ -6572,7 +6572,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
               item: l.name,
               value: l,
               children: /* @__PURE__ */ i(
-                Wr,
+                Pr,
                 {
                   disabled: l.locked,
                   icon: "grid-2",
@@ -7402,10 +7402,10 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       ];
       u((I) => C.length > 0 ? { ...I, [f]: C } : I);
       const S = (I) => {
-        var W, T;
+        var P, T;
         return {
           ...I,
-          options: (W = I.options) == null ? void 0 : W.map((O) => ({
+          options: (P = I.options) == null ? void 0 : P.map((O) => ({
             ...O,
             checked: w.checkbox.includes(O.value) || w.radio === O.value
           })),
@@ -7416,9 +7416,9 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       }, z = (I) => I.label === f ? {
         ...I,
         filterOptions: I.filterOptions.map(S)
-      } : I, P = s.map(z);
+      } : I, W = s.map(z);
       c((I) => I.map(z));
-      const D = P.flatMap(
+      const D = W.flatMap(
         ({ filterOptions: I }) => I
       );
       n(D), p([]);
@@ -7448,12 +7448,12 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   return V(() => {
     const w = e.reduce(
       (C, { label: S, filterOptions: z }) => {
-        const P = z.flatMap(({ value: W, minValue: T, maxValue: O }) => [
+        const W = z.flatMap(({ value: P, minValue: T, maxValue: O }) => [
           T,
           O,
-          W
-        ]).filter(Boolean), D = z.flatMap(({ options: W }) => W ?? []).filter(({ checked: W = !1 }) => W).map(({ value: W }) => W), I = [
-          ...P,
+          P
+        ]).filter(Boolean), D = z.flatMap(({ options: P }) => P ?? []).filter(({ checked: P = !1 }) => P).map(({ value: P }) => P), I = [
+          ...W,
           ...D
         ];
         return I.length === 0 ? C : {
@@ -7471,7 +7471,6 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       flexDirection: "row",
       maxHeight: d.length > 0 ? "unset" : "360px",
       style: { rowGap: "10px", writingMode: "vertical-lr" },
-      width: "fit-content",
       wrap: "wrap",
       children: d.length > 0 ? /* @__PURE__ */ i(
         It,
@@ -7558,7 +7557,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       px: 1.25,
       py: 1.25,
       ref: p,
-      style: { maxHeight: "unset", overflow: "hidden", width: "fit-content" },
+      style: { maxWidth: "620px", overflow: "hidden", width: "fit-content" },
       children: [
         o === "column" ? g : void 0,
         /* @__PURE__ */ i(
@@ -8843,7 +8842,7 @@ const ve = ({
   const l = E(), { userName: s, email: c, phone: d, userRole: p } = r;
   return fe(a, () => {
     o(!1);
-  }), /* @__PURE__ */ h(Pr, { children: [
+  }), /* @__PURE__ */ h(Wr, { children: [
     /* @__PURE__ */ i("li", { className: "user-info", children: /* @__PURE__ */ h(b, { display: "inline-flex", gap: 0.25, width: "100%", children: [
       /* @__PURE__ */ h(
         b,
@@ -9297,7 +9296,7 @@ const ve = ({
       ]
     }
   );
-}, Po = m.div`
+}, Wo = m.div`
   ${({ theme: e }) => `
     height: ${e.spacing[1]};
     width: ${e.spacing[1]};
@@ -9328,12 +9327,12 @@ const ve = ({
       font-size: ${e.spacing[0.5]};
     }
   `}
-`, Wo = ({
+`, Po = ({
   margin: e,
   onClick: t,
   text: n
 }) => {
-  const a = E(), r = /* @__PURE__ */ h(Po, { children: [
+  const a = E(), r = /* @__PURE__ */ h(Wo, { children: [
     /* @__PURE__ */ i(L, { icon: "circle", iconClass: "ellipse-1", iconSize: "xs" }),
     /* @__PURE__ */ i(L, { icon: "circle", iconClass: "ellipse-2", iconSize: "xs" }),
     /* @__PURE__ */ i(L, { icon: "crown", iconClass: "icon", iconSize: "xs" })
@@ -9779,7 +9778,7 @@ const ve = ({
       textAlign: p ? "start" : "center",
       children: g
     }
-  ), z = /* @__PURE__ */ i(pe, { alt: y, height: k, publicId: $, width: x }), P = /* @__PURE__ */ i(
+  ), z = /* @__PURE__ */ i(pe, { alt: y, height: k, publicId: $, width: x }), W = /* @__PURE__ */ i(
     b,
     {
       alignItems: "center",
@@ -9898,7 +9897,7 @@ const ve = ({
       )
     }
   );
-  return e ? ue(P, o ?? document.body) : P;
+  return e ? ue(W, o ?? document.body) : W;
 }, qo = m.div.attrs({
   className: "comp-scroll-up"
 })`
@@ -10134,7 +10133,7 @@ const ve = ({
         /* @__PURE__ */ h(b, { children: [
           /* @__PURE__ */ h(b, { alignItems: "center", display: "inline-flex", gap: 0.5, children: [
             /* @__PURE__ */ i(N, { color: l.palette.gray[800], size: "sm", children: o }),
-            r ? /* @__PURE__ */ i(Wo, { text: "Upgrade" }) : void 0,
+            r ? /* @__PURE__ */ i(Po, { text: "Upgrade" }) : void 0,
             e
           ] }),
           /* @__PURE__ */ i(N, { color: l.palette.gray[400], size: "xs", children: t })
@@ -11097,7 +11096,7 @@ export {
   Ul as a5,
   El as a6,
   Al as a7,
-  Pl as a8,
+  Wl as a8,
   Rl as a9,
   ms as aA,
   Uo as aB,
@@ -11127,11 +11126,11 @@ export {
   Ce as aZ,
   rr as a_,
   vt as aa,
-  Wl as ab,
+  Pl as ab,
   Ya as ac,
   se as ad,
   Be as ae,
-  Pr as af,
+  Wr as af,
   ps as ag,
   gs as ah,
   us as ai,
@@ -11151,7 +11150,7 @@ export {
   bs as aw,
   xs as ax,
   Ft as ay,
-  Wo as az,
+  Po as az,
   Yt as b,
   fe as b0,
   Vl as b1,
@@ -11183,7 +11182,7 @@ export {
   Ea as bg,
   ze as bh,
   et as bi,
-  Pa as bj,
+  Wa as bj,
   Ba as bk,
   kt as bl,
   Ct as bm,
@@ -11203,12 +11202,12 @@ export {
   _t as c,
   Re as d,
   Le as e,
-  Pe as f,
+  We as f,
   je as g,
   Fi as h,
   Ae as i,
   Ee as j,
-  We as k,
+  Pe as k,
   Dl as l,
   Fl as m,
   U as n,