@fluidattacks/design 3.30.39 → 3.30.40-pr.1

package/dist/{components-Km3fkkex.mjs → components-ZU-3hs7U.mjs}

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as f, Fragment as pe } from "react/jsx-runtime";
-import gt, { forwardRef as q, useState as L, useCallback as w, useEffect as _, useMemo as Z, StrictMode as Qn, useRef as P, Fragment as ge, Children as lt, isValidElement as an, cloneElement as ln, createContext as ei, useContext as $e } from "react";
+import gt, { forwardRef as q, useState as L, useCallback as w, useEffect as _, useMemo as Z, StrictMode as Qn, useRef as B, Fragment as ge, Children as lt, 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 O, A as ri, l as oi, p as ai, c as cn, u as ut, 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 ht, 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 oe, Q as Ei, R as hn, S as Fi, T as fn, U as Ri, V as Ai, W as Li, X as ji, Y as Oi, Z as Wi, a0 as Ve, 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 st, 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";
@@ -492,9 +492,10 @@ const ue = (e) => ({
   $overflow: s = "unset",
   $size: c,
   $sizeMd: d,
-  $textFill: p = "unset",
-  $whiteSpace: g = "pre-line",
-  $wordBreak: u = "normal"
+  $sizeSm: p,
+  $textFill: g = "unset",
+  $whiteSpace: u = "pre-line",
+  $wordBreak: h = "normal"
 }) => `
     background: ${t};
     color: ${n};
@@ -506,11 +507,11 @@ const ue = (e) => ({
     line-height: ${e.spacing[kn(c, !0)]};
     overflow: ${s};
     width: ${r === "block" ? "100%" : "auto"};
-    white-space: ${g};
-    word-break: ${u};
+    white-space: ${u};
+    word-break: ${h};
     background-clip: text;
     -webkit-background-clip: text;
-    -webkit-text-fill-color: ${p};
+    -webkit-text-fill-color: ${g};
 
     @media screen
       and (min-width: ${e.breakpoints.mobile})
@@ -518,6 +519,10 @@ const ue = (e) => ({
     {
       font-size: ${e.typography.heading[d ?? c]};
     }
+
+    @media screen and (max-width: ${e.breakpoints.mobile}) {
+      font-size: ${e.typography.heading[p ?? c]};
+    }
   `}
 `, Cn = b(wn)`
   ${({
@@ -532,9 +537,10 @@ const ue = (e) => ({
   $overflow: c = "unset",
   $size: d,
   $sizeMd: p,
-  $textFill: g = "unset",
-  $whiteSpace: u = "pre-line",
-  $wordBreak: h = "normal"
+  $sizeSm: g,
+  $textFill: u = "unset",
+  $whiteSpace: h = "pre-line",
+  $wordBreak: y = "normal"
 }) => `
     background: ${t};
     color: ${n};
@@ -547,11 +553,11 @@ const ue = (e) => ({
     line-height: ${e.spacing[kn(d)]};
     overflow: ${c};
     width: ${r === "block" ? "100%" : "auto"};
-    white-space: ${u};
-    word-break: ${h};
+    white-space: ${h};
+    word-break: ${y};
     background-clip: text;
     -webkit-background-clip: text;
-    -webkit-text-fill-color: ${g};
+    -webkit-text-fill-color: ${u};
 
     @media screen
       and (min-width: ${e.breakpoints.mobile})
@@ -559,6 +565,10 @@ const ue = (e) => ({
     {
       font-size: ${e.typography.text[p ?? d]};
     }
+
+    @media screen and (max-width: ${e.breakpoints.mobile}) {
+      font-size: ${e.typography.text[g ?? d]};
+    }
   `}
 `, zr = b(vn)`
   ${({
@@ -1620,16 +1630,16 @@ const R = q(function({
   }), I = li(v, {
     delay: { close: 0, open: 500 },
     move: !1
-  }), A = si(v), E = ci(v, { role: o ? "label" : "tooltip" }), { getReferenceProps: F, getFloatingProps: T } = di([
+  }), A = si(v), F = ci(v, { role: o ? "label" : "tooltip" }), { getReferenceProps: E, getFloatingProps: T } = di([
     I,
     A,
-    E
+    F
   ]), j = Z(() => 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,
       {
-        ...F(),
+        ...E(),
         display: n,
         height: r,
         id: s,
@@ -2245,42 +2255,43 @@ const R = q(function({
   id: a,
   icon: l,
   iconColor: s,
-  iconType: c,
-  name: d,
-  dotNotification: p,
-  notification: g,
-  onClick: u,
-  rightIcon: h,
-  tag: y,
-  type: x = "button",
-  tooltip: m,
-  tooltipPlace: k = "bottom",
-  underline: z = !1,
-  value: C,
-  variant: v = "primary",
-  width: S,
-  ...I
-}, A) {
-  const E = m !== void 0, F = `${a}-tooltip`, T = w(() => {
+  iconSize: c = "lg",
+  iconType: d,
+  name: p,
+  dotNotification: g,
+  notification: u,
+  onClick: h,
+  rightIcon: y,
+  tag: x,
+  type: m = "button",
+  tooltip: k,
+  tooltipPlace: z = "bottom",
+  underline: C = !1,
+  value: v,
+  variant: S = "primary",
+  width: I,
+  ...A
+}, F) {
+  const E = k !== void 0, T = `${a}-tooltip`, j = w(() => {
     o && Nn(o, r);
-  }, [r, o]), j = /* @__PURE__ */ f(
+  }, [r, o]), H = /* @__PURE__ */ f(
     Tn,
     {
-      $variant: v,
+      $variant: S,
       "aria-disabled": n,
-      className: z ? "underline" : void 0,
+      className: C ? "underline" : void 0,
       disabled: n,
       id: a,
-      name: d,
-      onClick: v === "link" ? T : u,
-      ref: A,
-      type: x,
-      value: C,
-      width: S,
-      ...E ? { "data-tooltip-id": F } : {},
-      ...I,
+      name: p,
+      onClick: S === "link" ? j : h,
+      ref: F,
+      type: m,
+      value: v,
+      width: I,
+      ...E ? { "data-tooltip-id": T } : {},
+      ...A,
       children: [
-        p && v === "ghost" && !n ? /* @__PURE__ */ i(
+        g && S === "ghost" && !n ? /* @__PURE__ */ i(
           dt,
           {
             left: l !== void 0 ? "13%" : "1%",
@@ -2294,24 +2305,24 @@ const R = q(function({
           {
             icon: l,
             iconColor: s ?? void 0,
-            iconSize: "lg",
-            iconType: c ?? "fa-light"
+            iconSize: c,
+            iconType: d ?? "fa-light"
           }
         ),
         t,
-        h || v === "link" ? /* @__PURE__ */ i(
+        y || S === "link" ? /* @__PURE__ */ i(
           R,
           {
-            icon: h ?? "arrow-right",
-            iconSize: "lg",
+            icon: y ?? "arrow-right",
+            iconSize: c,
             iconType: "fa-light"
           }
         ) : void 0,
-        y === void 0 || n ? null : /* @__PURE__ */ i(se, { tagLabel: y, variant: "default" }),
-        g !== void 0 && v === "ghost" && !n ? /* @__PURE__ */ i(
+        x === void 0 || n ? null : /* @__PURE__ */ i(se, { tagLabel: x, variant: "default" }),
+        u !== void 0 && S === "ghost" && !n ? /* @__PURE__ */ i(
           dt,
           {
-            numberIndicator: g,
+            numberIndicator: u,
             show: !0,
             variant: "error"
           }
@@ -2323,13 +2334,13 @@ const R = q(function({
     ne,
     {
       disabled: !E,
-      id: F,
-      place: k,
-      tip: m,
-      width: S,
-      children: j
+      id: T,
+      place: z,
+      tip: k,
+      width: I,
+      children: H
     }
-  ) : j;
+  ) : H;
 }), bc = q(function({
   children: t,
   onClick: n,
@@ -2951,7 +2962,7 @@ const R = q(function({
   ...l
 }) => {
   var u;
-  const s = N(), c = P(null), d = (u = a == null ? void 0 : a.current) == null ? void 0 : u.getBoundingClientRect(), { popoverProps: p } = gi(
+  const s = N(), c = B(null), d = (u = a == null ? void 0 : a.current) == null ? void 0 : u.getBoundingClientRect(), { popoverProps: p } = gi(
     {
       ...l,
       popoverRef: r ?? c,
@@ -3184,8 +3195,8 @@ const R = q(function({
   state: l,
   watch: s
 }) => {
-  var A, E, F;
-  const c = N(), d = P(null), p = e.props.hrefLang, g = l.disabledKeys, u = Array.from(l.collection.getKeys()).filter(
+  var A, F, E;
+  const c = N(), 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: h, isSelected: y, isFocused: x, isDisabled: m } = hi(
     { key: e.key },
@@ -3211,13 +3222,13 @@ const R = q(function({
       ...r == null ? void 0 : r("checkAll", { onChange: z }),
       label: (A = e.rendered) == null ? void 0 : A.toString(),
       name: "checkAll",
-      value: (E = e.rendered) == null ? void 0 : E.toString()
+      value: (F = e.rendered) == null ? void 0 : F.toString()
     }
   ) : /* @__PURE__ */ i(
     be,
     {
       ...r == null ? void 0 : r(`${n}Options`, { onChange: C }),
-      label: (F = e.rendered) == null ? void 0 : F.toString(),
+      label: (E = e.rendered) == null ? void 0 : E.toString(),
       name: `${n}Options`,
       value: e.key.toString()
     }
@@ -3285,44 +3296,44 @@ const R = q(function({
   weight: S
 }) => {
   var Ct, St;
-  const I = N(), A = t ? void 0 : r, E = (e == null ? void 0 : e.value) ?? C, [F, T] = L(
-    ((Ct = g.find((H) => H.value === E)) == null ? void 0 : Ct.name) ?? ""
-  ), [j, B] = L(E), [K, Q] = L(g), [X, G] = L(!1), { contains: ce } = yi({ sensitivity: "base" }), me = P(null), nt = P(null), it = P(null), De = P(null), rt = P(null), Bn = Z(() => g.toSorted((H, ee) => {
-    const te = Array.from(n ?? []), we = te.includes(H.value), zt = te.includes(ee.value);
+  const I = N(), A = t ? void 0 : r, F = (e == null ? void 0 : e.value) ?? C, [E, T] = 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: ce } = yi({ sensitivity: "base" }), me = B(null), nt = B(null), it = B(null), De = B(null), rt = B(null), Bn = Z(() => 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(
-    (H) => ce(H.name, F) || X ? /* @__PURE__ */ i(
+    (P) => ce(P.name, E) || X ? /* @__PURE__ */ i(
       $i,
       {
-        "aria-label": H.value,
-        hrefLang: H.href,
-        textValue: H.tag,
-        children: H.name
+        "aria-label": P.value,
+        hrefLang: P.href,
+        textValue: P.tag,
+        children: P.name
       },
-      H.value
+      P.value
     ) : null
-  ), [ce, n, F, g, X]), Vn = w(
-    (H) => {
-      const ee = H.split(/,|\s/u).slice(-1)[0].trim();
-      T(p ? ee : H), H === "" || H.endsWith(",") ? G(!0) : (G(!1), B((te) => {
-        const we = H === "" ? "" : te;
-        return e && e.onChange(we), h && h(H), we;
+  ), [ce, n, E, g, X]), Vn = w(
+    (P) => {
+      const ee = P.split(/,|\s/u).slice(-1)[0].trim();
+      T(p ? ee : P), P === "" || P.endsWith(",") ? G(!0) : (G(!1), H((te) => {
+        const we = P === "" ? "" : te;
+        return e && e.onChange(we), h && h(P), we;
       }), Q(
         g.filter(
-          (te) => ce(te.name, p ? ee : H)
+          (te) => ce(te.name, p ? ee : P)
         )
       ));
     },
     [ce, g, e, p, h]
   ), _n = w(
-    (H) => {
+    (P) => {
       var ee;
-      T(((ee = g.find((te) => te.value === H)) == null ? void 0 : ee.name) ?? ""), B(H ? String(H) : ""), e && e.onChange(H), h && h(H ? String(H) : ""), Q(g);
+      T(((ee = g.find((te) => te.value === P)) == null ? void 0 : ee.name) ?? ""), H(P ? String(P) : ""), e && e.onChange(P), h && h(P ? String(P) : ""), Q(g);
     },
     [g, e, h]
   ), kt = w(
-    (H) => {
-      H.key === "Enter" && H.preventDefault(), G(!1);
+    (P) => {
+      P.key === "Enter" && P.preventDefault(), G(!1);
     },
     []
   ), Un = w(() => {
@@ -3333,7 +3344,7 @@ const R = q(function({
     allowsCustomValue: p,
     allowsEmptyCollection: !0,
     disabledKeys: n,
-    inputValue: F,
+    inputValue: E,
     items: K,
     menuTrigger: "focus",
     shouldCloseOnBlur: !p,
@@ -3342,10 +3353,10 @@ const R = q(function({
     onInputChange: Vn,
     onKeyDown: kt,
     onKeyUp: Gn,
-    onOpenChange(H, ee) {
+    onOpenChange(P, ee) {
       G(
-        H && (ee === "manual" || ee === "focus")
-      ), H && setTimeout(() => {
+        P && (ee === "manual" || ee === "focus")
+      ), P && setTimeout(() => {
         var te;
         return (te = me.current) == null ? void 0 : te.focus();
       }, 50);
@@ -3358,7 +3369,7 @@ const R = q(function({
     listBoxProps: Zn
   } = xi(
     {
-      inputValue: F,
+      inputValue: E,
       buttonRef: nt,
       id: d,
       inputRef: me,
@@ -3380,12 +3391,12 @@ const R = q(function({
     !0,
     rt.current
   ), _(() => {
-    var H;
-    if ((c === !1 || !E) && !p) {
-      const ee = ((H = g.find((te) => te.value === E)) == null ? void 0 : H.name) ?? "";
-      T(ee), B(ee);
+    var P;
+    if ((c === !1 || !F) && !p) {
+      const ee = ((P = g.find((te) => te.value === F)) == null ? void 0 : P.name) ?? "";
+      T(ee), H(ee);
     }
-  }, [E, g, c, p]), /* @__PURE__ */ f(
+  }, [F, g, c, p]), /* @__PURE__ */ f(
     ie,
     {
       error: A,
@@ -3461,10 +3472,10 @@ const R = q(function({
                 $multiSelection: p && !Array.from(n ?? []).includes("All"),
                 $width: Jn,
                 ref: it,
-                children: [...re.collection].map((H) => /* @__PURE__ */ i(
+                children: [...re.collection].map((P) => /* @__PURE__ */ i(
                   ho,
                   {
-                    item: H,
+                    item: P,
                     multiSelection: p,
                     name: d,
                     register: x,
@@ -3473,7 +3484,7 @@ const R = q(function({
                     state: re,
                     watch: v
                   },
-                  H.key
+                  P.key
                 ))
               }
             )
@@ -3511,13 +3522,13 @@ const R = q(function({
     control: e,
     name: d,
     render: ({ field: I, fieldState: A }) => {
-      var E;
+      var F;
       return /* @__PURE__ */ i(
         jt,
         {
           disabled: t,
           disabledKeys: n,
-          error: (E = A.error) == null ? void 0 : E.message,
+          error: (F = A.error) == null ? void 0 : F.message,
           field: I,
           helpLink: o,
           helpLinkText: a,
@@ -3697,7 +3708,7 @@ const R = q(function({
     width: 100%;
   `}
 `, mo = ({ state: e, date: t }) => {
-  const n = P(null), r = wi(t, vi()), { cellProps: o, buttonProps: a, isSelected: l, isDisabled: s, formattedDate: c } = ki({ date: t }, e, n), d = "highlightedRange" in e && !V.isNull(e.highlightedRange) ? It(t, e.highlightedRange.start) : l, p = "highlightedRange" in e && !V.isNull(e.highlightedRange) ? It(t, e.highlightedRange.end) : l, g = l && !s && !(d || p) ? "range" : "";
+  const n = B(null), r = wi(t, vi()), { cellProps: o, buttonProps: a, isSelected: l, isDisabled: s, formattedDate: c } = ki({ date: t }, e, n), d = "highlightedRange" in e && !V.isNull(e.highlightedRange) ? It(t, e.highlightedRange.start) : l, p = "highlightedRange" in e && !V.isNull(e.highlightedRange) ? It(t, e.highlightedRange.end) : l, g = l && !s && !(d || p) ? "range" : "";
   return /* @__PURE__ */ i(bo, { id: g, ...o, children: /* @__PURE__ */ f(
     "div",
     {
@@ -3835,7 +3846,7 @@ const R = q(function({
   icon: t,
   props: n
 }) => {
-  const r = P(null), { buttonProps: o } = pn(n, r);
+  const r = B(null), { buttonProps: o } = pn(n, r);
   return /* @__PURE__ */ i(
     ko,
     {
@@ -3913,7 +3924,7 @@ const R = q(function({
   segment: e,
   state: t
 }) => {
-  const n = N(), r = P(null), a = { ...e, placeholder: {
+  const n = N(), r = B(null), a = { ...e, placeholder: {
     day: "dd",
     dayPeriod: "(AM/PM)",
     era: "",
@@ -3944,7 +3955,7 @@ const R = q(function({
   error: t = !1,
   props: n
 }) => {
-  const r = N(), o = P(null), a = zi({
+  const r = N(), o = B(null), a = zi({
     ...n,
     createCalendar: Be,
     locale: "en-US"
@@ -3987,7 +3998,7 @@ const R = q(function({
     ) : void 0
   ] });
 }, To = (e) => {
-  const t = P(null), n = Ti({
+  const t = B(null), n = Ti({
     ...e,
     locale: "en-US",
     shouldForceLeadingZeros: !0
@@ -4099,7 +4110,7 @@ const R = q(function({
   children: e,
   ...t
 }) => {
-  const n = P(null), { dialogProps: r } = Ei(t, n);
+  const n = B(null), { dialogProps: r } = Ei(t, n);
   return /* @__PURE__ */ i(vo, { ...r, ref: n, children: e });
 }, No = ({
   disabled: e = !1,
@@ -4116,7 +4127,7 @@ const R = q(function({
   watch: g,
   ...u
 }) => {
-  const h = P(null), y = g == null ? void 0 : g(s), x = w(
+  const h = B(null), y = g == null ? void 0 : g(s), x = w(
     (A) => {
       d && A && d(s, je(String(A)), {
         shouldDirty: !0
@@ -4179,7 +4190,7 @@ const R = q(function({
   onClose: e,
   props: t
 }) => {
-  const { locale: n } = Pe(), r = P(null), o = Ri({ ...t, createCalendar: Be, locale: n }), { prevButtonProps: a, nextButtonProps: l, title: s } = Ai(
+  const { locale: n } = Pe(), r = B(null), o = Ri({ ...t, createCalendar: Be, locale: n }), { prevButtonProps: a, nextButtonProps: l, title: s } = Ai(
     t,
     o,
     r
@@ -4222,14 +4233,14 @@ const R = q(function({
   variant: p = "default",
   ...g
 }) => {
-  const u = `${r}Max`, h = `${r}Min`, y = P(null), x = w(
-    (E) => {
-      s && E && (s(
+  const u = `${r}Max`, h = `${r}Min`, y = B(null), x = w(
+    (F) => {
+      s && F && (s(
         (c == null ? void 0 : c.name) ?? u,
-        je(String(E.end))
+        je(String(F.end))
       ), s(
         (d == null ? void 0 : d.name) ?? h,
-        je(String(E.start))
+        je(String(F.start))
       ));
     },
     [u, h, s, c, d]
@@ -4237,8 +4248,8 @@ const R = q(function({
     ...g,
     endName: (c == null ? void 0 : c.name) ?? u,
     startName: (d == null ? void 0 : d.name) ?? h,
-    onChange(E) {
-      x(E);
+    onChange(F) {
+      x(F);
     }
   }), { close: k } = m, {
     groupProps: z,
@@ -4281,7 +4292,7 @@ const R = q(function({
                   fieldProps: {
                     ...C,
                     "aria-label": `${C["aria-label"]} ${r}`,
-                    validate: (E) => v.value && E > v.value ? "Start date must be less than or equal to end date" : null
+                    validate: (F) => v.value && F > v.value ? "Start date must be less than or equal to end date" : null
                   },
                   groupProps: z,
                   name: (d == null ? void 0 : d.name) ?? h,
@@ -4300,7 +4311,7 @@ const R = q(function({
                   fieldProps: {
                     ...v,
                     "aria-label": `${v["aria-label"]} ${r}`,
-                    validate: (E) => C.value && E < C.value ? "End date must be greater than or equal to start date" : null
+                    validate: (F) => C.value && F < C.value ? "End date must be greater than or equal to start date" : null
                   },
                   groupProps: z,
                   name: (c == null ? void 0 : c.name) ?? u,
@@ -4383,7 +4394,7 @@ const R = q(function({
     register: s,
     setValue: c,
     watch: d
-  } = e, p = d == null ? void 0 : d(a), g = P(null), u = hn({
+  } = e, p = d == null ? void 0 : d(a), g = B(null), u = hn({
     ...e,
     granularity: "minute",
     hourCycle: 12,
@@ -4504,11 +4515,11 @@ const R = q(function({
   weight: v,
   ...S
 }) => {
-  const { required: I, onBlur: A, onChange: E } = S, F = N(), T = e ? void 0 : a, [j, B] = L(""), K = w(
+  const { required: I, onBlur: A, onChange: F } = S, E = N(), T = e ? void 0 : a, [j, H] = L(""), K = w(
     (G) => {
-      B(G.target.value), E == null || E(G);
+      H(G.target.value), F == null || F(G);
     },
-    [E]
+    [F]
   ), Q = c && d && !e && j.trim() !== "", X = w(
     (G) => {
       G.key === "Enter" && G.preventDefault();
@@ -4561,7 +4572,7 @@ const R = q(function({
                 {
                   icon: "exclamation-circle",
                   iconClass: "error-icon",
-                  iconColor: F.palette.error[500],
+                  iconColor: E.palette.error[500],
                   iconSize: "lg"
                 }
               ) : void 0,
@@ -4570,14 +4581,14 @@ const R = q(function({
                 {
                   icon: "check-circle",
                   iconClass: "success-icon",
-                  iconColor: F.palette.success[500],
+                  iconColor: E.palette.success[500],
                   iconSize: "lg"
                 }
               ) : void 0,
               l === "array" && s > 0 ? /* @__PURE__ */ i(
                 Y,
                 {
-                  color: F.palette.gray[400],
+                  color: E.palette.gray[400],
                   icon: "trash",
                   iconSize: "sm",
                   iconType: "fa-light",
@@ -4858,12 +4869,12 @@ const R = q(function({
   watch: y,
   weight: x
 }) => {
-  const m = N(), k = t ? void 0 : n, z = P(null), C = g == null ? void 0 : g(c, { required: p }), v = y == null ? void 0 : y(c), S = Vo(v), I = w(() => {
-    const F = Se("change", c, void 0);
-    u && u(c, void 0), C && C.onChange(F);
+  const m = N(), k = t ? void 0 : n, z = B(null), C = g == null ? void 0 : g(c, { required: p }), v = y == null ? void 0 : y(c), S = Vo(v), I = w(() => {
+    const E = Se("change", c, void 0);
+    u && u(c, void 0), C && C.onChange(E);
   }, [C, c, u]), A = w(
-    (F) => {
-      const { files: T } = F.currentTarget, j = Se(
+    (E) => {
+      const { files: T } = E.currentTarget, j = Se(
         "change",
         c,
         T && T.length > 0 ? T : void 0
@@ -4873,9 +4884,9 @@ const R = q(function({
       ), u && u(c, T), C && C.onChange(j));
     },
     [C, c, d, u]
-  ), E = w(
-    (F) => {
-      t ? F.preventDefault() : z.current && z.current.click();
+  ), F = w(
+    (E) => {
+      t ? E.preventDefault() : z.current && z.current.click();
     },
     [t]
   );
@@ -4927,7 +4938,7 @@ const R = q(function({
                     borderRadius: "0px 8px 8px 0px !important",
                     disabled: t,
                     height: "40px",
-                    onClick: E,
+                    onClick: F,
                     variant: "primary",
                     width: "96px",
                     children: [
@@ -4984,7 +4995,7 @@ const R = q(function({
 }) => {
   const x = N(), m = e ? void 0 : t, [k, z] = L(""), C = c ? h : n == null ? void 0 : n.value, v = Z(() => C && typeof C == "string" ? C.split(",").filter(Boolean) : [], [C]), S = w(
     (T) => {
-      const B = [...new Set(T.filter(Boolean))].join(","), K = Se("change", s, B);
+      const H = [...new Set(T.filter(Boolean))].join(","), K = Se("change", s, H);
       n && n.onChange(K), c && c(K);
     },
     [n, s, c]
@@ -4999,13 +5010,13 @@ const R = q(function({
       j.length && !v.includes(j) && (T.preventDefault(), S([...v, j]), z("")), n && n.onBlur();
     },
     [k, n, S, v]
-  ), E = w(
+  ), F = w(
     (T) => {
       const j = k.trim();
       T.key === "Enter" && j.length === 0 && T.preventDefault(), ["Enter", ","].includes(T.key) && j.length > 0 && !v.includes(j) ? (T.preventDefault(), S([...v, j]), z("")) : T.key === "Backspace" && !j.length && v.length && (T.preventDefault(), d == null || d(v[v.length - 1]), S(v.slice(0, -1)));
     },
     [k, d, S, v]
-  ), F = w(
+  ), E = w(
     (T) => () => {
       d == null || d(T), S(v.filter((j) => j !== T));
     },
@@ -5033,7 +5044,7 @@ const R = q(function({
               se,
               {
                 disabled: e,
-                onClose: F(T),
+                onClose: E(T),
                 tagLabel: T
               },
               T
@@ -5050,7 +5061,7 @@ const R = q(function({
                 id: s,
                 onBlur: A,
                 onChange: I,
-                onKeyDown: E,
+                onKeyDown: F,
                 placeholder: v.length === 0 ? p : void 0,
                 ref: n == null ? void 0 : n.ref,
                 type: "text",
@@ -5176,27 +5187,27 @@ const R = q(function({
   const z = N(), C = n ? void 0 : e, v = t < 0 ? 0 : t, [S, I] = L(
     x ? O.toNumber(x) : k ? O.toNumber(k) : 0
   ), A = w(() => {
-    const B = (S - 10 ** -v).toFixed(v), K = Math.max(Number(l), Number(B));
+    const H = (S - 10 ** -v).toFixed(v), K = Math.max(Number(l), Number(H));
     h && h(s, K, { shouldDirty: !0 }), I(K);
-    const Q = Se("change", s, B);
+    const Q = Se("change", s, H);
     c && c(Q);
-  }, [S, v, l, h, s, c]), E = w(() => {
-    const B = (S + 10 ** -v).toFixed(v), K = Math.min(
+  }, [S, v, l, h, s, c]), F = w(() => {
+    const H = (S + 10 ** -v).toFixed(v), K = Math.min(
       Number(a),
-      Number(B) > Number(l) ? Number(B) : Number(l)
+      Number(H) > Number(l) ? Number(H) : Number(l)
     );
     h && h(s, K, { shouldDirty: !0 }), I(K);
-    const Q = Se("change", s, B);
+    const Q = Se("change", s, H);
     c && c(Q);
-  }, [S, v, a, l, h, s, c]), F = w(
-    (B) => {
-      const { value: K } = B.target, Q = /\d+/u.test(K) && !O.isEmpty(K);
-      h && h(s, Q ? K : void 0), c && c(B), I(Number(K));
+  }, [S, v, a, l, h, s, c]), E = w(
+    (H) => {
+      const { value: K } = H.target, Q = /\d+/u.test(K) && !O.isEmpty(K);
+      h && h(s, Q ? K : void 0), c && c(H), I(Number(K));
     },
     [s, c, h]
   ), T = w(
-    (B) => {
-      B.stopPropagation(), B.key === "Enter" && !V.isEmpty(B.currentTarget.value) && (d == null || d(V.toNumber(B.currentTarget.value)));
+    (H) => {
+      H.stopPropagation(), H.key === "Enter" && !V.isEmpty(H.currentTarget.value) && (d == null || d(V.toNumber(H.currentTarget.value)));
     },
     [d]
   ), j = () => /* @__PURE__ */ i(
@@ -5211,7 +5222,7 @@ const R = q(function({
       id: r ?? s,
       max: a,
       min: l,
-      onChange: F,
+      onChange: E,
       onKeyUp: T,
       placeholder: p,
       required: u,
@@ -5222,7 +5233,7 @@ const R = q(function({
         maxLength: o,
         max: a,
         min: l,
-        onChange: F,
+        onChange: E,
         value: x,
         valueAsNumber: !0
       })
@@ -5269,7 +5280,7 @@ const R = q(function({
                   borderRadius: `0 ${z.spacing[0.5]} 0 0`,
                   disabled: n,
                   icon: "plus",
-                  onClick: E,
+                  onClick: F,
                   px: 0.25
                 }
               ),
@@ -5306,7 +5317,7 @@ const R = q(function({
               borderRadius: `0 ${z.spacing[0.5]} ${z.spacing[0.5]} 0`,
               disabled: n,
               icon: "plus",
-              onClick: E,
+              onClick: F,
               px: 0.75,
               py: 0.75
             }
@@ -5340,8 +5351,8 @@ const R = q(function({
   tooltipMessage: S,
   value: I,
   variant: A = "full",
-  watch: E,
-  weight: F,
+  watch: F,
+  weight: E,
   defaultValue: T
 }) => A === "compact" ? /* @__PURE__ */ i(
   We,
@@ -5373,7 +5384,7 @@ const R = q(function({
     maxLength: p,
     required: z,
     tooltip: v,
-    weight: F,
+    weight: E,
     children: /* @__PURE__ */ i(
       We,
       {
@@ -5390,7 +5401,7 @@ const R = q(function({
         register: k,
         required: z,
         setValue: C,
-        value: E ? E(h) : I,
+        value: F ? F(h) : I,
         variant: A
       }
     )
@@ -5553,10 +5564,10 @@ const R = q(function({
   watch: d,
   weight: p
 }) => {
-  const g = N(), u = P(null), h = e ? void 0 : t, y = (d == null ? void 0 : d(r)) ?? c, [x, m] = L(!1), [k, z] = L(""), { refs: C, floatingStyles: v } = Ve({
+  const g = N(), u = B(null), h = e ? void 0 : t, y = (d == null ? void 0 : d(r)) ?? c, [x, m] = L(!1), [k, z] = L(""), { refs: C, floatingStyles: v } = Ve({
     placement: "bottom-start",
     whileElementsMounted: Me
-  }), { inputRef: S, inputValue: I, handlePhoneValueChange: A, country: E, setCountry: F } = Mi({
+  }), { inputRef: S, inputValue: I, handlePhoneValueChange: A, country: F, setCountry: E } = Mi({
     countries: Tt,
     defaultCountry: "co",
     forceDialCode: !0,
@@ -5571,11 +5582,11 @@ const R = q(function({
       X.preventDefault(), m((G) => !G), x || z("");
     },
     [x]
-  ), B = w(
+  ), H = w(
     (X) => () => {
-      F(X), m(!1), z("");
+      E(X), m(!1), z("");
     },
-    [F, m]
+    [E, m]
   ), K = w(
     (X) => {
       X.key.length === 1 ? z((G) => G + X.key) : X.key === "Backspace" && z((G) => G.slice(0, -1));
@@ -5617,7 +5628,7 @@ const R = q(function({
                 onKeyDown: K,
                 ref: C.setReference,
                 children: [
-                  /* @__PURE__ */ i(Nt, { iso2: E.iso2, size: "16px" }),
+                  /* @__PURE__ */ i(Nt, { iso2: F.iso2, size: "16px" }),
                   /* @__PURE__ */ i(
                     R,
                     {
@@ -5676,7 +5687,7 @@ const R = q(function({
                 return /* @__PURE__ */ f(
                   Xo,
                   {
-                    onClick: B(ce),
+                    onClick: H(ce),
                     value: ce,
                     children: [
                       /* @__PURE__ */ i(Nt, { iso2: ce, size: "16px" }),
@@ -5725,12 +5736,12 @@ const R = q(function({
   weight: C,
   value: v
 }) => {
-  const S = N(), I = (z == null ? void 0 : z(c)) ?? v, A = l && a && !e, E = e ? void 0 : t;
+  const S = N(), I = (z == null ? void 0 : z(c)) ?? v, A = l && a && !e, F = e ? void 0 : t;
   return /* @__PURE__ */ i(
     ie,
     {
       disabled: e,
-      error: E,
+      error: F,
       helpLink: n,
       helpLinkText: r,
       helpText: o,
@@ -5745,14 +5756,14 @@ const R = q(function({
         ae,
         {
           className: `
-          ${e ? "disabled" : ""} ${E ? "error" : ""} ${A ? "success" : ""}
+          ${e ? "disabled" : ""} ${F ? "error" : ""} ${A ? "success" : ""}
         `,
           children: [
             /* @__PURE__ */ i(
               "textarea",
               {
                 "aria-hidden": !1,
-                "aria-invalid": E ? "true" : "false",
+                "aria-invalid": F ? "true" : "false",
                 "aria-label": c,
                 "aria-required": x,
                 className: p ? "sr-block" : "",
@@ -5766,7 +5777,7 @@ const R = q(function({
                 ...y == null ? void 0 : y(c, { required: x, onBlur: u })
               }
             ),
-            E ? /* @__PURE__ */ i(
+            F ? /* @__PURE__ */ i(
               R,
               {
                 icon: "exclamation-circle",
@@ -5852,14 +5863,14 @@ const R = q(function({
           value: x
         }
       );
-    const { decimalPlaces: E, max: F, min: T } = s ?? {};
+    const { decimalPlaces: F, max: E, min: T } = s ?? {};
     return /* @__PURE__ */ i(
       Uo,
       {
-        decimalPlaces: E,
+        decimalPlaces: F,
         disabled: n,
         error: z,
-        max: F,
+        max: E,
         min: T,
         name: p,
         onChange: C,
@@ -7415,7 +7426,7 @@ ${x[8]}...` : (x.length < 8 && p(!1), n);
   maxLength: a = Ra,
   ...l
 }) => {
-  const s = P(null), c = N(), [d, p] = L(!1), [g, u] = L(o ?? ""), { refs: h, floatingStyles: y } = Ve();
+  const s = B(null), c = N(), [d, p] = L(!1), [g, u] = L(o ?? ""), { refs: h, floatingStyles: y } = Ve();
   _(() => {
     u(o ?? "");
   }, [o]);
@@ -7510,7 +7521,7 @@ ${x[8]}...` : (x.length < 8 && p(!1), n);
   onChangeHandler: n,
   variant: r
 }) => {
-  const o = P(null), [a, l] = L([]), [s, c] = L(""), d = w(
+  const o = B(null), [a, l] = L([]), [s, c] = L(""), d = w(
     (g) => {
       const { value: u } = g.target;
       c(u);
@@ -7631,7 +7642,7 @@ ${x[8]}...` : (x.length < 8 && p(!1), n);
   modalRef: n,
   variant: r
 }) => {
-  const o = N(), a = P(null), [l, s] = L(void 0), c = w(
+  const o = N(), a = B(null), [l, s] = L(void 0), c = w(
     (g) => {
       const { checked: u, value: h } = g.target, y = n.columns.map((x) => {
         var m;
@@ -8119,28 +8130,28 @@ ${x[8]}...` : (x.length < 8 && p(!1), n);
         ...C.minValue ? [String(C.minValue)] : [],
         ...C.maxValue ? [String(C.maxValue)] : []
       ];
-      h((F) => v.length > 0 ? { ...F, [y]: v } : F);
-      const S = (F) => {
+      h((E) => v.length > 0 ? { ...E, [y]: v } : E);
+      const S = (E) => {
         var T, j;
         return {
-          ...F,
-          options: (T = F.options) == null ? void 0 : T.map((B) => ({
-            ...B,
-            checked: C.checkbox.includes(B.value) || C.radio === B.value
+          ...E,
+          options: (T = E.options) == null ? void 0 : T.map((H) => ({
+            ...H,
+            checked: C.checkbox.includes(H.value) || C.radio === H.value
           })),
-          value: ["text", "select"].includes(F.type) ? ((j = C.text) == null ? void 0 : j[`${String(F.key)}-${F.filterFn ?? "caseInsensitive"}`]) ?? F.value : F.value,
-          minValue: ["numberRange", "dateRange"].includes(F.type) ? C.minValue : F.minValue,
-          maxValue: ["numberRange", "dateRange"].includes(F.type) ? C.maxValue : F.maxValue
+          value: ["text", "select"].includes(E.type) ? ((j = C.text) == null ? void 0 : j[`${String(E.key)}-${E.filterFn ?? "caseInsensitive"}`]) ?? E.value : E.value,
+          minValue: ["numberRange", "dateRange"].includes(E.type) ? C.minValue : E.minValue,
+          maxValue: ["numberRange", "dateRange"].includes(E.type) ? C.maxValue : E.maxValue
         };
-      }, I = (F) => F.label === y ? {
-        ...F,
-        filterOptions: F.filterOptions.map(S)
-      } : F, A = c.map(I);
-      d((F) => F.map(I));
-      const E = A.flatMap(
-        ({ filterOptions: F }) => F
+      }, I = (E) => E.label === y ? {
+        ...E,
+        filterOptions: E.filterOptions.map(S)
+      } : E, A = c.map(I);
+      d((E) => E.map(I));
+      const F = A.flatMap(
+        ({ filterOptions: E }) => E
       );
-      n(E), g([]);
+      n(F), g([]);
     },
     [c, n, y]
   ), z = w(
@@ -8167,17 +8178,17 @@ ${x[8]}...` : (x.length < 8 && p(!1), n);
   return _(() => {
     const C = e.reduce(
       (v, { label: S, filterOptions: I }) => {
-        const A = I.flatMap(({ value: T, minValue: j, maxValue: B }) => [
+        const A = I.flatMap(({ value: T, minValue: j, maxValue: H }) => [
           j,
-          B,
+          H,
           T
-        ]).filter(Boolean), E = I.flatMap(({ options: T }) => T ?? []).filter(({ checked: T = !1 }) => T).map(({ value: T }) => T), F = [
+        ]).filter(Boolean), F = I.flatMap(({ options: T }) => T ?? []).filter(({ checked: T = !1 }) => T).map(({ value: T }) => T), E = [
           ...A,
-          ...E
+          ...F
         ];
-        return F.length === 0 ? v : {
+        return E.length === 0 ? v : {
           ...v,
-          [S]: F
+          [S]: E
         };
       },
       {}
@@ -8252,7 +8263,7 @@ ${x[8]}...` : (x.length < 8 && p(!1), n);
   const [a, l] = L("row"), [s, c] = L(!0), [d, p] = L(!1), u = (o === "grouped" ? Object.values(vt(e)).reduce(
     (m, k) => m + k.length,
     0
-  ) : e.length) > 5 && !d, h = N(), y = P(null), x = /* @__PURE__ */ i(
+  ) : e.length) > 5 && !d, h = N(), y = B(null), x = /* @__PURE__ */ i(
     Y,
     {
       icon: "close",
@@ -8686,7 +8697,7 @@ const Fe = ({
       const A = Ja(n, v);
       h(A);
     } else
-      v.flatMap((E) => E.value).filter(Boolean).length > 0 || v.flatMap((E) => E.options).filter((E) => (E == null ? void 0 : E.checked) === !0).length > 0 ? (h(v), p && at(v, t)) : h(v);
+      v.flatMap((F) => F.value).filter(Boolean).length > 0 || v.flatMap((F) => F.options).filter((F) => (F == null ? void 0 : F.checked) === !0).length > 0 ? (h(v), p && at(v, t)) : h(v);
   }, [r, h, t, n, p]), _(() => {
     o && e !== void 0 && o(Qa(e, u)), a == null || a(u);
   }, [e, u, o, a]), { Filters: () => /* @__PURE__ */ f(
@@ -8738,7 +8749,7 @@ const Fe = ({
   size: u,
   id: h = "modal-container"
 }) => {
-  const y = N(), [x, m] = L(void 0), k = P(null), z = P(!1), C = Array.isArray(p) && p.length > 0, v = n ?? o;
+  const y = N(), [x, m] = L(void 0), k = B(null), z = B(!1), C = Array.isArray(p) && p.length > 0, v = n ?? o;
   _(() => {
     if (C && !z.current && k.current) {
       const I = k.current.getBoundingClientRect().height;
@@ -8812,7 +8823,7 @@ const Fe = ({
     document.getElementById("portals") ?? document.body
   ) : s.isOpen ? S : null;
 }, Pc = (e, t, n) => {
-  const r = Qe("confirm-dialog-modal"), o = P(null), a = w(async () => (r.open(), new Promise((d) => {
+  const r = Qe("confirm-dialog-modal"), o = B(null), a = w(async () => (r.open(), new Promise((d) => {
     o.current = d;
   })), [r]), l = w(() => {
     var d;
@@ -8872,7 +8883,7 @@ const Fe = ({
     );
   }];
 }, Bc = () => {
-  const [e, t] = L(!1), [n, r] = L(), o = P(null), a = Qe("confirm-dialog-modal"), l = w(
+  const [e, t] = L(!1), [n, r] = L(), o = B(null), a = Qe("confirm-dialog-modal"), l = w(
     async (p) => (r(p), t(!0), new Promise((g) => {
       o.current = g;
     })),
@@ -10176,7 +10187,7 @@ const Fe = ({
   manualOption: o,
   providers: a
 }) => {
-  const l = N(), [s, c] = L(!1), d = P(null);
+  const l = N(), [s, c] = L(!1), d = B(null);
   le(
     d.current,
     () => {
@@ -10477,7 +10488,7 @@ const Fe = ({
             }
           ),
           h.map((S, I, A) => {
-            const E = S === 1, F = S === c, T = y && E && I === 0, j = m && F && I === h.length - 1, B = x && I === A.length / 2 - 1;
+            const F = S === 1, E = S === c, T = y && F && I === 0, j = m && E && I === h.length - 1, H = x && I === A.length / 2 - 1;
             return /* @__PURE__ */ f(pe, { children: [
               j && /* @__PURE__ */ i(ye, { disabled: !0, children: "..." }),
               /* @__PURE__ */ i(
@@ -10488,7 +10499,7 @@ const Fe = ({
                   children: S
                 }
               ),
-              (T || B) && /* @__PURE__ */ i(ye, { disabled: !0, children: "..." })
+              (T || H) && /* @__PURE__ */ i(ye, { disabled: !0, children: "..." })
             ] });
           }),
           /* @__PURE__ */ i(
@@ -11463,7 +11474,7 @@ const Fe = ({
   openOnFocus: d = !0,
   ...p
 }) => {
-  const g = N(), u = P(null), [h, y] = L(!1), [x, m] = L(
+  const g = N(), u = B(null), [h, y] = L(!1), [x, m] = L(
     String(l ?? "")
   );
   _(() => {
@@ -11497,16 +11508,16 @@ const Fe = ({
     }), (T = u.current) == null || T.focus(), y(!1);
   }, [o, a]), I = w(
     (T) => {
-      const j = Number(T.currentTarget.dataset.index), B = t[j];
-      r == null || r(B), y(!1);
+      const j = Number(T.currentTarget.dataset.index), H = t[j];
+      r == null || r(H), y(!1);
     },
     [t, r]
-  ), A = h && (x.trim().length > 0 || t.length > 0), E = Z(
+  ), A = h && (x.trim().length > 0 || t.length > 0), F = Z(
     () => t.length === 0 ? /* @__PURE__ */ i(ls, { children: c }) : /* @__PURE__ */ i(os, { role: "listbox", children: t.map(
       (T, j) => /* @__PURE__ */ i(as, { onClick: I, role: "option", children: n(T) }, j)
     ) }),
     [t, c, n, I]
-  ), F = w(
+  ), E = w(
     (T) => {
       T.key === "Escape" && y(!1);
     },
@@ -11532,7 +11543,7 @@ const Fe = ({
           name: e,
           onChange: v,
           onFocus: C,
-          onKeyDown: F,
+          onKeyDown: E,
           ref: u,
           type: "search",
           value: x,
@@ -11554,7 +11565,7 @@ const Fe = ({
         }
       )
     ] }),
-    A ? /* @__PURE__ */ i(rs, { ref: k.setFloating, style: z, children: E }) : void 0
+    A ? /* @__PURE__ */ i(rs, { ref: k.setFloating, style: z, children: F }) : void 0
   ] });
 }, cs = (e, t) => {
   const n = {
@@ -11733,7 +11744,7 @@ const Fe = ({
   onClose: o,
   title: a
 }) => {
-  const l = N(), s = P(null), c = w(
+  const l = N(), s = B(null), c = w(
     (d) => () => {
       d(), o();
     },
@@ -11936,13 +11947,13 @@ const Fe = ({
   index: n,
   name: r
 }) => {
-  const o = P(null), { thumbProps: a, inputProps: l, isDragging: s } = qi(
+  const o = B(null), { thumbProps: a, inputProps: l, isDragging: s } = qi(
     { index: n, trackRef: t, inputRef: o },
     e
   );
   return /* @__PURE__ */ i("div", { ...a, className: `thumb ${s ? "dragging" : ""}`, children: /* @__PURE__ */ i(Ji, { children: /* @__PURE__ */ i("input", { ...l, "aria-label": r, ref: o }) }) });
 }, bs = (e, t, n) => Math.round((n - e) / (t - e) * 100), $d = (e) => {
-  const t = N(), n = P(null), { label: r, minValue: o = 0, maxValue: a = 100, name: l, setValue: s, watch: c } = e, d = xn(), p = Qi({
+  const t = N(), n = B(null), { label: r, minValue: o = 0, maxValue: a = 100, name: l, setValue: s, watch: c } = e, d = xn(), p = Qi({
     ...e,
     numberFormatter: d,
     onChange(y) {
@@ -13094,7 +13105,7 @@ const Fe = ({
   table: t
 }) => {
   var u;
-  const n = P(null), r = P(null), { id: o } = t.options.meta ?? {}, { enableMultiRowSelection: a } = (t == null ? void 0 : t.options) ?? {}, l = Object.keys(t.getState().rowSelection).length, s = l === 1 ? "item" : "items", c = l === 0 || !a, d = Math.max(
+  const n = B(null), r = B(null), { id: o } = t.options.meta ?? {}, { enableMultiRowSelection: a } = (t == null ? void 0 : t.options) ?? {}, l = Object.keys(t.getState().rowSelection).length, s = l === 1 ? "item" : "items", c = l === 0 || !a, d = Math.max(
     ((u = n.current) == null ? void 0 : u.clientWidth) ?? 0,
     t.getTotalSize() + Js
   ), p = w(() => {
@@ -13457,7 +13468,7 @@ const Fe = ({
     }) })
   ] });
 }, kd = ({ items: e }) => {
-  const t = P(null), [n, r] = L("long");
+  const t = B(null), [n, r] = L("long");
   return _(() => {
     t.current && r(t.current.offsetWidth <= 1100 ? "small" : "long");
   }, []), /* @__PURE__ */ i($, { ref: t, width: "100%", children: /* @__PURE__ */ i(ic, { $size: n, children: e.map((o, a) => /* @__PURE__ */ i(