@fluidattacks/design 3.13.7-pr-02 → 3.14.0-pr

package/dist/{components-s8vcZ2iO.mjs → components-DUMClq4X.mjs}

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as h, Fragment as Me } from "react/jsx-runtime";
-import Ge, { forwardRef as G, useState as D, useCallback as v, StrictMode as di, useEffect as M, useRef as H, useMemo as Z, Children as pi, isValidElement as gi, cloneElement as ui, Fragment as It } from "react";
+import Ge, { forwardRef as G, useState as D, useCallback as v, StrictMode as di, useEffect as M, useRef as B, useMemo as Z, Children as pi, isValidElement as gi, cloneElement as ui, Fragment as It } from "react";
 import { o as hi, d as b, n as F, u as fi, a as bi, b as yi, c as $i, e as xi, l as W, f as Nt, g as mi, h as wi, s as vi, i as pe, _ as E, $ as ki, j as Ci, k as Si, m as zi, p as Ii, q as Ni, r as Ti, t as Fi, v as Tt, C as Ft, w as Di, x as ji, y as Li, z as it, A as Ce, B as Ei, D as Ri, E as Dt, F as jt, G as Se, H as Wi, I as Ai, J as Pi, K as Vi, L as Hi, M as oe, N as Bi, O as Lt, P as Oi, Q as Et, R as Mi, S as Gi, T as _i, U as Ui, V as Yi, W as Rt, X as Ki, Y as nt, Z as at, a0 as rt, a1 as qi, a2 as Xi, a3 as Ji, a4 as Zi, a5 as Wt, a6 as Qi, a7 as en, a8 as tn, a9 as At, aa as nn, ab as an, ac as rn, ad as on, ae as ln, ag as sn, ah as Pt, ai as cn, aj as dn, ak as pn, al as gn, am as un, an as hn, ao as fn, ap as bn, aq as ot, ar as yn, as as lt, at as $n } from "./vendor-CxCOfBAY.mjs";
 import { createPortal as Q } from "react-dom";
 import { Link as xn, useLocation as mn, NavLink as wn } from "react-router-dom";
@@ -1059,16 +1059,16 @@ const z = G(function({
     `
   })
 ), Mt = b(Vt)`
-  ${({ theme: e, $size: t, $variant: n }) => `
+  ${({ theme: e, justify: t, $size: n, $variant: a }) => `
     align-items: center;
     border-radius: var(--btn-spacing);
     cursor: pointer;
     display: inline-flex;
     font-family: ${e.typography.type.primary};
-    font-size: ${t ?? e.typography.text.sm};
+    font-size: ${n ?? e.typography.text.sm};
     font-weight: ${e.typography.weight.regular};
     gap: var(--btn-spacing);
-    justify-content: center;
+    justify-content: ${t ?? "center"};
     line-height: ${e.spacing[1.25]};
     padding: var(--btn-padding-y) var(--btn-padding-x);
     position: relative;
@@ -1077,10 +1077,10 @@ const z = G(function({
     white-space: nowrap;
 
     @media screen and (max-width: ${e.breakpoints.mobile}) {
-      ${n !== "link" ? `--btn-padding-y: ${e.spacing[1]}` : ""};
+      ${a !== "link" ? `--btn-padding-y: ${e.spacing[1]}` : ""};
     }
 
-    ${Yn(e, n ?? "primary")}
+    ${Yn(e, a ?? "primary")}
   `}
 `, Kn = b(Mt)`
   ${({ theme: e, $borderRadius: t = "4px", $px: n = 0.5, $py: a = 0.5 }) => `
@@ -1139,7 +1139,7 @@ const z = G(function({
   }), C = bi(N, {
     delay: { close: 0, open: 500 },
     move: !1
-  }), R = yi(N), L = $i(N, { role: r ? "label" : "tooltip" }), { getReferenceProps: O, getFloatingProps: _ } = xi([
+  }), R = yi(N), L = $i(N, { role: r ? "label" : "tooltip" }), { getReferenceProps: P, getFloatingProps: _ } = xi([
     C,
     R,
     L
@@ -1148,7 +1148,7 @@ const z = G(function({
     /* @__PURE__ */ i(
       qn,
       {
-        ...O(),
+        ...P(),
         display: n,
         height: a,
         id: s,
@@ -1669,7 +1669,7 @@ const z = G(function({
     "noopener,noreferrer,"
   );
   W.isObject(n) && (n.opener = null);
-}, B = G(function({
+}, O = G(function({
   children: t,
   disabled: n = !1,
   external: a = !1,
@@ -1687,44 +1687,47 @@ const z = G(function({
   underline: y = !1,
   value: m,
   variant: w = "primary",
-  ...k
-}, T) {
-  const N = f !== void 0, C = `${l}-tooltip`, R = v(() => {
+  width: k,
+  ...T
+}, N) {
+  const C = f !== void 0, R = `${l}-tooltip`, L = v(() => {
     o && na(o, a);
-  }, [a, o]);
-  return /* @__PURE__ */ i(
+  }, [a, o]), P = /* @__PURE__ */ h(
+    Mt,
+    {
+      $size: r,
+      $variant: w,
+      "aria-disabled": n,
+      className: y ? "underline" : void 0,
+      disabled: n,
+      id: l,
+      name: c,
+      onClick: w === "link" ? L : d,
+      ref: N,
+      type: u,
+      value: m,
+      width: k,
+      ...C ? { "data-tooltip-id": R } : {},
+      ...T,
+      children: [
+        s !== void 0 && /* @__PURE__ */ i(z, { icon: s, iconSize: "xs", iconType: "fa-light" }),
+        t,
+        (p || w === "link") && /* @__PURE__ */ i(z, { icon: "arrow-right", iconSize: "xs", iconType: "fa-light" }),
+        g === void 0 ? null : /* @__PURE__ */ i(ae, { tagLabel: g, variant: "inactive" })
+      ]
+    }
+  );
+  return C ? /* @__PURE__ */ i(
     ee,
     {
-      disabled: !N,
-      id: C,
+      disabled: !C,
+      id: R,
       place: $,
       tip: f,
-      children: /* @__PURE__ */ h(
-        Mt,
-        {
-          $size: r,
-          $variant: w,
-          "aria-disabled": n,
-          className: y ? "underline" : void 0,
-          disabled: n,
-          id: l,
-          name: c,
-          onClick: w === "link" ? R : d,
-          ref: T,
-          type: u,
-          value: m,
-          ...N ? { "data-tooltip-id": C } : {},
-          ...k,
-          children: [
-            s !== void 0 && /* @__PURE__ */ i(z, { icon: s, iconSize: "xs", iconType: "fa-light" }),
-            t,
-            (p || w === "link") && /* @__PURE__ */ i(z, { icon: "arrow-right", iconSize: "xs", iconType: "fa-light" }),
-            g === void 0 ? null : /* @__PURE__ */ i(ae, { tagLabel: g, variant: "inactive" })
-          ]
-        }
-      )
+      width: k,
+      children: P
     }
-  );
+  ) : P;
 }), Ml = G(function({
   children: t,
   onClick: n,
@@ -1742,7 +1745,7 @@ const z = G(function({
       zIndex: 30,
       children: [
         !!n ? /* @__PURE__ */ h(
-          B,
+          O,
           {
             onClick: n,
             pb: 0.5,
@@ -2269,7 +2272,7 @@ const z = G(function({
   ...l
 }) => {
   var g;
-  const s = H(null), c = (g = o == null ? void 0 : o.current) == null ? void 0 : g.getBoundingClientRect(), { popoverProps: d } = ki(
+  const s = B(null), c = (g = o == null ? void 0 : o.current) == null ? void 0 : g.getBoundingClientRect(), { popoverProps: d } = ki(
     {
       ...l,
       popoverRef: a ?? s,
@@ -2355,7 +2358,7 @@ const z = G(function({
   item: e,
   state: t
 }) => {
-  const n = F(), a = H(null), { optionProps: r, isSelected: o, isFocused: l, isDisabled: s } = Si(
+  const n = F(), a = B(null), { optionProps: r, isSelected: o, isFocused: l, isDisabled: s } = Si(
     { key: e.key },
     t,
     a
@@ -2398,26 +2401,26 @@ const z = G(function({
 }) => {
   var tt;
   const w = F(), k = t ? void 0 : n, T = (e == null ? void 0 : e.value) ?? y, [N, C] = D(
-    ((tt = d.find((V) => V.value === T)) == null ? void 0 : tt.name) ?? ""
-  ), [R, L] = D(T), [O, _] = D(d), [P, A] = D(!1), { contains: K } = zi({ sensitivity: "base" }), J = H(null), se = H(null), We = H(null), Ze = H(null), Qe = H(null), ti = Z(() => d.map(
-    (V) => K(V.name, N) || P ? /* @__PURE__ */ i(Ii, { children: V.name }, V.value) : null
-  ), [K, N, d, P]), ii = v(
-    (V) => {
-      C(V), V === "" ? A(!0) : (A(!1), L((X) => {
-        const be = V === "" ? "" : X;
-        return e && e.onChange(be), g && g(V), be;
-      }), _(d.filter((X) => K(X.name, V))));
+    ((tt = d.find((H) => H.value === T)) == null ? void 0 : tt.name) ?? ""
+  ), [R, L] = D(T), [P, _] = D(d), [V, A] = D(!1), { contains: K } = zi({ sensitivity: "base" }), J = B(null), se = B(null), We = B(null), Ze = B(null), Qe = B(null), ti = Z(() => d.map(
+    (H) => K(H.name, N) || V ? /* @__PURE__ */ i(Ii, { children: H.name }, H.value) : null
+  ), [K, N, d, V]), ii = v(
+    (H) => {
+      C(H), H === "" ? A(!0) : (A(!1), L((X) => {
+        const be = H === "" ? "" : X;
+        return e && e.onChange(be), g && g(H), be;
+      }), _(d.filter((X) => K(X.name, H))));
     },
     [K, d, e, g]
   ), ni = v(
-    (V) => {
+    (H) => {
       var X;
-      C(((X = d.find((be) => be.value === V)) == null ? void 0 : X.name) ?? ""), L(V ? String(V) : ""), e && e.onChange(V), g && g(V ? String(V) : ""), _(d);
+      C(((X = d.find((be) => be.value === H)) == null ? void 0 : X.name) ?? ""), L(H ? String(H) : ""), e && e.onChange(H), g && g(H ? String(H) : ""), _(d);
     },
     [d, e, g]
   ), et = v(
-    (V) => {
-      V.key === "Enter" && V.preventDefault(), A(!1);
+    (H) => {
+      H.key === "Enter" && H.preventDefault(), A(!1);
     },
     []
   ), ai = v(() => {
@@ -2425,7 +2428,7 @@ const z = G(function({
   }, [e, p]), ie = Ni({
     allowsEmptyCollection: !0,
     inputValue: N,
-    items: O,
+    items: P,
     menuTrigger: "focus",
     shouldCloseOnBlur: !0,
     selectedKey: R,
@@ -2436,9 +2439,9 @@ const z = G(function({
     onKeyUp: () => {
       A(!0);
     },
-    onOpenChange(V, X) {
+    onOpenChange(H, X) {
       A(
-        V && (X === "manual" || X === "focus")
+        H && (X === "manual" || X === "focus")
       );
     },
     onSelectionChange: ni,
@@ -2462,9 +2465,9 @@ const z = G(function({
     ie
   ), { listBoxProps: si } = Fi(li, ie, We), { buttonProps: ci } = Tt(ri, se);
   return M(() => {
-    var V;
+    var H;
     (s === !1 || !T) && C(
-      ((V = d.find((X) => X.value === T)) == null ? void 0 : V.name) ?? ""
+      ((H = d.find((X) => X.value === T)) == null ? void 0 : H.name) ?? ""
     );
   }, [T, d, s]), /* @__PURE__ */ h(
     q,
@@ -2532,7 +2535,7 @@ const z = G(function({
             popoverRef: Qe,
             state: ie,
             triggerRef: Ze,
-            children: /* @__PURE__ */ i(ca, { ...si, ref: We, children: [...ie.collection].map((V) => /* @__PURE__ */ i(pa, { item: V, state: ie }, V.key)) })
+            children: /* @__PURE__ */ i(ca, { ...si, ref: We, children: [...ie.collection].map((H) => /* @__PURE__ */ i(pa, { item: H, state: ie }, H.key)) })
           }
         ) : null
       ]
@@ -2738,7 +2741,7 @@ const z = G(function({
     width: 100%;
   `}
 `, $a = ({ state: e, date: t }) => {
-  const n = H(null), a = Di(t, ji()), { cellProps: r, buttonProps: o, isSelected: l, isDisabled: s, formattedDate: c } = Li({ date: t }, e, n), d = "highlightedRange" in e && !W.isNull(e.highlightedRange) ? it(t, e.highlightedRange.start) : l, p = "highlightedRange" in e && !W.isNull(e.highlightedRange) ? it(t, e.highlightedRange.end) : l, g = l && !s && !(d || p) ? "range" : "";
+  const n = B(null), a = Di(t, ji()), { cellProps: r, buttonProps: o, isSelected: l, isDisabled: s, formattedDate: c } = Li({ date: t }, e, n), d = "highlightedRange" in e && !W.isNull(e.highlightedRange) ? it(t, e.highlightedRange.start) : l, p = "highlightedRange" in e && !W.isNull(e.highlightedRange) ? it(t, e.highlightedRange.end) : l, g = l && !s && !(d || p) ? "range" : "";
   return /* @__PURE__ */ i(ba, { id: g, ...r, children: /* @__PURE__ */ h(
     "div",
     {
@@ -2876,7 +2879,7 @@ const z = G(function({
   icon: t,
   props: n
 }) => {
-  const a = H(null), { buttonProps: r } = Tt(n, a);
+  const a = B(null), { buttonProps: r } = Tt(n, a);
   return /* @__PURE__ */ i(
     wa,
     {
@@ -2943,13 +2946,13 @@ const z = G(function({
       }
     ),
     /* @__PURE__ */ i(Ye, { state: a }),
-    /* @__PURE__ */ i(Ue, { children: /* @__PURE__ */ i(B, { onClick: e, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ i(Ue, { children: /* @__PURE__ */ i(O, { onClick: e, variant: "ghost", children: "Cancel" }) })
   ] });
 }, Yt = ({
   segment: e,
   state: t
 }) => {
-  const n = F(), a = H(null), o = { ...e, placeholder: {
+  const n = F(), a = B(null), o = { ...e, placeholder: {
     day: "dd",
     dayPeriod: "(AM/PM)",
     era: "",
@@ -2980,7 +2983,7 @@ const z = G(function({
   error: t = !1,
   props: n
 }) => {
-  const a = F(), r = H(null), o = Wi({
+  const a = F(), r = B(null), o = Wi({
     ...n,
     createCalendar: Se,
     locale: "en-US"
@@ -3023,7 +3026,7 @@ const z = G(function({
     ) : void 0
   ] });
 }, za = (e) => {
-  const t = H(null), n = Pi({
+  const t = B(null), n = Pi({
     ...e,
     locale: "en-US",
     shouldForceLeadingZeros: !0
@@ -3134,7 +3137,7 @@ const z = G(function({
   children: e,
   ...t
 }) => {
-  const n = H(null), { dialogProps: a } = Bi(t, n);
+  const n = B(null), { dialogProps: a } = Bi(t, n);
   return /* @__PURE__ */ i(ma, { ...a, ref: n, children: e });
 }, Ta = ({
   disabled: e = !1,
@@ -3151,7 +3154,7 @@ const z = G(function({
   watch: g,
   ...u
 }) => {
-  const f = H(null), $ = g == null ? void 0 : g(s), y = v(
+  const f = B(null), $ = g == null ? void 0 : g(s), y = v(
     (L) => {
       d && L && d(s, we(String(L)));
     },
@@ -3212,7 +3215,7 @@ const z = G(function({
   onClose: e,
   props: t
 }) => {
-  const { locale: n } = Ce(), a = H(null), r = Mi({ ...t, createCalendar: Se, locale: n }), { prevButtonProps: o, nextButtonProps: l, title: s } = Gi(
+  const { locale: n } = Ce(), a = B(null), r = Mi({ ...t, createCalendar: Se, locale: n }), { prevButtonProps: o, nextButtonProps: l, title: s } = Gi(
     t,
     r,
     a
@@ -3228,7 +3231,7 @@ const z = G(function({
       }
     ),
     /* @__PURE__ */ i(Ye, { state: r }),
-    /* @__PURE__ */ i(Ue, { children: /* @__PURE__ */ i(B, { onClick: e, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ i(Ue, { children: /* @__PURE__ */ i(O, { onClick: e, variant: "ghost", children: "Cancel" }) })
   ] });
 }, Da = b.div`
   ${({ theme: e, $disabled: t, $show: n }) => `
@@ -3254,7 +3257,7 @@ const z = G(function({
   propsMin: d,
   ...p
 }) => {
-  const g = `${a}Max`, u = `${a}Min`, f = H(null), $ = v(
+  const g = `${a}Max`, u = `${a}Min`, f = B(null), $ = v(
     (L) => {
       s && L && (s(
         (c == null ? void 0 : c.name) ?? g,
@@ -3402,7 +3405,7 @@ const z = G(function({
         }
       ) })
     ] }),
-    /* @__PURE__ */ i(Ue, { children: /* @__PURE__ */ i(B, { onClick: t, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ i(Ue, { children: /* @__PURE__ */ i(O, { onClick: t, variant: "ghost", children: "Cancel" }) })
   ] });
 }, _l = (e) => {
   const {
@@ -3415,7 +3418,7 @@ const z = G(function({
     register: s,
     setValue: c,
     watch: d
-  } = e, p = d == null ? void 0 : d(o), g = H(null), u = Lt({
+  } = e, p = d == null ? void 0 : d(o), g = B(null), u = Lt({
     ...e,
     granularity: "minute",
     hourCycle: 12,
@@ -3520,9 +3523,9 @@ const z = G(function({
   weight: w,
   ...k
 }) => {
-  const { required: T, onBlur: N, onChange: C } = k, R = F(), L = e ? void 0 : o, O = l && s && !e, _ = v(
-    (P) => {
-      P.key === "Enter" && P.preventDefault();
+  const { required: T, onBlur: N, onChange: C } = k, R = F(), L = e ? void 0 : o, P = l && s && !e, _ = v(
+    (V) => {
+      V.key === "Enter" && V.preventDefault();
     },
     []
   );
@@ -3543,7 +3546,7 @@ const z = G(function({
         re,
         {
           className: `
-          ${e ? "disabled" : ""} ${L ? "error" : ""} ${O ? "success" : ""}
+          ${e ? "disabled" : ""} ${L ? "error" : ""} ${P ? "success" : ""}
         `,
           children: [
             t ? /* @__PURE__ */ i(z, { icon: "user", iconSize: "sm", iconType: "fa-light" }) : void 0,
@@ -3575,7 +3578,7 @@ const z = G(function({
                 iconSize: "xs"
               }
             ) : void 0,
-            O ? /* @__PURE__ */ i(
+            P ? /* @__PURE__ */ i(
               z,
               {
                 icon: "check-circle",
@@ -3626,22 +3629,22 @@ const z = G(function({
   watch: $,
   weight: y
 }) => {
-  const m = F(), w = t ? void 0 : n, k = H(null), T = $ == null ? void 0 : $(c), N = Pa(T), C = g == null ? void 0 : g(c, { required: p }), R = v(() => {
+  const m = F(), w = t ? void 0 : n, k = B(null), T = $ == null ? void 0 : $(c), N = Pa(T), C = g == null ? void 0 : g(c, { required: p }), R = v(() => {
     const _ = He("change", c, void 0);
     u && u(c, ""), C && C.onChange(_);
   }, [C, c, u]), L = v(
     (_) => {
-      const { files: P } = _.currentTarget, A = He(
+      const { files: V } = _.currentTarget, A = He(
         "change",
         c,
-        P && P.length > 0 ? P : void 0
+        V && V.length > 0 ? V : void 0
       );
       d == null || d(
         A
       ), C && C.onChange(A);
     },
     [C, c, d]
-  ), O = v(
+  ), P = v(
     (_) => {
       t ? _.preventDefault() : k.current && k.current.click();
     },
@@ -3689,13 +3692,13 @@ const z = G(function({
                   }
                 ),
                 /* @__PURE__ */ h(
-                  B,
+                  O,
                   {
                     border: t ? `1px solid ${m.palette.gray[300]} !important` : "",
                     borderRadius: "0px 8px 8px 0px !important",
                     disabled: t,
                     height: "40px",
-                    onClick: O,
+                    onClick: P,
                     variant: "primary",
                     width: "96px",
                     children: [
@@ -3757,31 +3760,31 @@ const z = G(function({
   weight: $
 }) => {
   const y = F(), m = e ? void 0 : t, [w, k] = D(""), T = c ? f : n == null ? void 0 : n.value, N = Z(() => T && typeof T == "string" ? T.split(",").filter(Boolean) : [], [T]), C = v(
-    (P) => {
-      const K = [...new Set(P.filter(Boolean))].join(","), J = He("change", s, K);
+    (V) => {
+      const K = [...new Set(V.filter(Boolean))].join(","), J = He("change", s, K);
       n && n.onChange(J), c && c(J);
     },
     [n, s, c]
   ), R = v(
-    (P) => {
-      k(P.target.value);
+    (V) => {
+      k(V.target.value);
     },
     []
   ), L = v(
-    (P) => {
+    (V) => {
       const A = w.trim();
-      A.length && !N.includes(A) && (P.preventDefault(), C([...N, A]), k("")), n && n.onBlur();
+      A.length && !N.includes(A) && (V.preventDefault(), C([...N, A]), k("")), n && n.onBlur();
     },
     [w, n, C, N]
-  ), O = v(
-    (P) => {
+  ), P = v(
+    (V) => {
       const A = w.trim();
-      P.key === "Enter" && A.length === 0 && P.preventDefault(), ["Enter", ","].includes(P.key) && A.length > 0 && !N.includes(A) ? (P.preventDefault(), C([...N, A]), k("")) : P.key === "Backspace" && !A.length && N.length && (P.preventDefault(), d == null || d(N[N.length - 1]), C(N.slice(0, -1)));
+      V.key === "Enter" && A.length === 0 && V.preventDefault(), ["Enter", ","].includes(V.key) && A.length > 0 && !N.includes(A) ? (V.preventDefault(), C([...N, A]), k("")) : V.key === "Backspace" && !A.length && N.length && (V.preventDefault(), d == null || d(N[N.length - 1]), C(N.slice(0, -1)));
     },
     [w, d, C, N]
   ), _ = v(
-    (P) => () => {
-      d == null || d(P), C(N.filter((A) => A !== P));
+    (V) => () => {
+      d == null || d(V), C(N.filter((A) => A !== V));
     },
     [d, C, N]
   );
@@ -3803,14 +3806,14 @@ const z = G(function({
           $overflowX: "auto",
           className: `${e ? "disabled" : ""} ${m ? "error" : ""}`,
           children: [
-            N.map((P) => /* @__PURE__ */ i(
+            N.map((V) => /* @__PURE__ */ i(
               ae,
               {
                 disabled: e,
-                onClose: _(P),
-                tagLabel: P
+                onClose: _(V),
+                tagLabel: V
               },
-              P
+              V
             )),
             /* @__PURE__ */ i(
               Va,
@@ -3823,7 +3826,7 @@ const z = G(function({
                 id: s,
                 onBlur: L,
                 onChange: R,
-                onKeyDown: O,
+                onKeyDown: P,
                 placeholder: N.length === 0 ? p : void 0,
                 ref: n == null ? void 0 : n.ref,
                 type: "text",
@@ -3948,18 +3951,18 @@ const z = G(function({
   ), [w, k] = D(
     f ? E.toNumber(f) : 0
   ), T = v(() => {
-    const L = (w - 10 ** -m).toFixed(m), O = Math.max(Number(l), Number(L));
-    u && u(s, O), k(O);
+    const L = (w - 10 ** -m).toFixed(m), P = Math.max(Number(l), Number(L));
+    u && u(s, P), k(P);
   }, [m, w, l, s, u]), N = v(() => {
-    const L = (w + 10 ** -m).toFixed(m), O = Math.min(
+    const L = (w + 10 ** -m).toFixed(m), P = Math.min(
       Number(o),
       Number(L) > Number(l) ? Number(L) : Number(l)
     );
-    u && u(s, O), k(O);
+    u && u(s, P), k(P);
   }, [m, w, o, l, s, u]), C = v(
     (L) => {
-      const { value: O } = L.target, _ = /\d+/u.test(O) && !E.isEmpty(O);
-      u && u(s, _ ? Number(O) : void 0), c && c(L);
+      const { value: P } = L.target, _ = /\d+/u.test(P) && !E.isEmpty(P);
+      u && u(s, _ ? Number(P) : void 0), c && c(L);
     },
     [s, c, u]
   ), R = v(
@@ -4258,7 +4261,7 @@ const z = G(function({
   value: c,
   weight: d
 }) => {
-  const p = F(), g = H(null), u = e ? void 0 : t, [f, $] = D(!1), [y, m] = D(""), { refs: w, floatingStyles: k } = Rt({
+  const p = F(), g = B(null), u = e ? void 0 : t, [f, $] = D(!1), [y, m] = D(""), { refs: w, floatingStyles: k } = Rt({
     placement: "bottom-start",
     whileElementsMounted: Nt
   }), { inputValue: T, handlePhoneValueChange: N, country: C, setCountry: R } = Ki({
@@ -4268,7 +4271,7 @@ const z = G(function({
     value: c ? String(c) : void 0
   }), L = v(() => {
     $((A) => !A), f || m("");
-  }, [f]), O = v(
+  }, [f]), P = v(
     (A) => () => {
       R(A), $(!1), m("");
     },
@@ -4278,7 +4281,7 @@ const z = G(function({
       A.key.length === 1 ? m((K) => K + A.key) : A.key === "Backspace" && m((K) => K.slice(0, -1));
     },
     []
-  ), P = nt.filter((A) => {
+  ), V = nt.filter((A) => {
     const { name: K } = at(A);
     return K.toLowerCase().includes(y.toLowerCase());
   });
@@ -4366,12 +4369,12 @@ const z = G(function({
               }
             ),
             f && Q(
-              /* @__PURE__ */ i(Ga, { ref: w.setFloating, style: k, children: P.map((A) => {
+              /* @__PURE__ */ i(Ga, { ref: w.setFloating, style: k, children: V.map((A) => {
                 const { dialCode: K, iso2: J, name: se } = at(A);
                 return /* @__PURE__ */ h(
                   _a,
                   {
-                    onClick: O(J),
+                    onClick: P(J),
                     value: J,
                     children: [
                       /* @__PURE__ */ i(rt, { iso2: J, size: "16px" }),
@@ -5351,7 +5354,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
               width: r.spacing[2.5]
             }
           ),
-          s ? /* @__PURE__ */ h(B, { onClick: d, variant: "ghost", children: [
+          s ? /* @__PURE__ */ h(O, { onClick: d, variant: "ghost", children: [
             o ? "Show Less" : "Show more",
             /* @__PURE__ */ i(
               z,
@@ -5536,7 +5539,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
         e,
         /* @__PURE__ */ i(fr, { children: /* @__PURE__ */ h("div", { children: [
           a && /* @__PURE__ */ i(
-            B,
+            O,
             {
               onClick: o,
               variant: "tertiary",
@@ -5545,7 +5548,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
             }
           ),
           n && /* @__PURE__ */ i(
-            B,
+            O,
             {
               onClick: l,
               variant: "primary",
@@ -6175,7 +6178,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   onChangeHandler: n,
   variant: a
 }) => {
-  const r = H(null), [o, l] = D([]), [s, c] = D(""), d = v(
+  const r = B(null), [o, l] = D([]), [s, c] = D(""), d = v(
     (g) => {
       const { value: u } = g.target;
       c(u);
@@ -6295,7 +6298,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   modalRef: n,
   variant: a
 }) => {
-  const r = F(), o = H(null), [l, s] = D(void 0), c = v(
+  const r = F(), o = B(null), [l, s] = D(void 0), c = v(
     (g) => {
       const { checked: u, value: f } = g.target, $ = n.columns.map((y) => {
         var m;
@@ -6398,7 +6401,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
           py: 1.25,
           children: [
             /* @__PURE__ */ i(
-              B,
+              O,
               {
                 disabled: !n.hasChanged,
                 form: "columns-visibility",
@@ -6411,7 +6414,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
               }
             ),
             /* @__PURE__ */ i(
-              B,
+              O,
               {
                 id: "columns-modal-submit",
                 justify: "center",
@@ -6698,7 +6701,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
               setValue: d
             }
           ),
-          /* @__PURE__ */ i(B, { mt: 1, type: "submit", children: "Apply" })
+          /* @__PURE__ */ i(O, { mt: 1, type: "submit", children: "Apply" })
         ] })
       ]
     }
@@ -6734,9 +6737,9 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
         var R, L;
         return {
           ...C,
-          options: (R = C.options) == null ? void 0 : R.map((O) => ({
-            ...O,
-            checked: y.checkbox.includes(O.value) || y.radio === O.value
+          options: (R = C.options) == null ? void 0 : R.map((P) => ({
+            ...P,
+            checked: y.checkbox.includes(P.value) || y.radio === P.value
           })),
           value: ["text", "select"].includes(C.type) ? ((L = y.text) == null ? void 0 : L[`${String(C.key)}-${C.filterFn ?? "caseInsensitive"}`]) ?? C.value : C.value,
           minValue: ["numberRange", "dateRange"].includes(C.type) ? y.minValue : C.minValue,
@@ -6777,9 +6780,9 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   return M(() => {
     const y = e.reduce(
       (m, { label: w, filterOptions: k }) => {
-        const T = k.flatMap(({ value: R, minValue: L, maxValue: O }) => [
+        const T = k.flatMap(({ value: R, minValue: L, maxValue: P }) => [
           L,
-          O,
+          P,
           R
         ]).filter(Boolean), N = k.flatMap(({ options: R }) => R ?? []).filter(({ checked: R = !1 }) => R).map(({ value: R }) => R), C = [
           ...T,
@@ -7207,7 +7210,7 @@ const ye = ({
         wrap: "wrap",
         children: /* @__PURE__ */ h(x, { pr: 0.25, children: [
           /* @__PURE__ */ i(
-            B,
+            O,
             {
               icon: "filter",
               id: "filterBtn",
@@ -7310,7 +7313,7 @@ const ye = ({
     document.getElementById("portals") ?? document.body
   ) : s.isOpen ? y : null;
 }, ls = () => {
-  const [e, t] = D(!1), [n, a] = D(), r = H(null), o = Je("confirm-dialog-modal"), l = v(
+  const [e, t] = D(!1), [n, a] = D(), r = B(null), o = Je("confirm-dialog-modal"), l = v(
     async (p) => (a(p), t(!0), new Promise((g) => {
       r.current = g;
     })),
@@ -7689,7 +7692,7 @@ const ye = ({
               children: n
             }
           ),
-          t && r && /* @__PURE__ */ i(B, { href: r, variant: "link", children: t })
+          t && r && /* @__PURE__ */ i(O, { href: r, variant: "link", children: t })
         ]
       }
     )
@@ -7710,7 +7713,7 @@ const ye = ({
   title: n,
   titleHighlighted: a
 }) => {
-  const r = H(null);
+  const r = B(null);
   return /* @__PURE__ */ h(Qr, { "data-testid": "content-card-carousel", children: [
     /* @__PURE__ */ h(
       x,
@@ -7787,7 +7790,7 @@ const ye = ({
     ),
     /* @__PURE__ */ i(mt, { containerRef: r, id: "mobile" })
   ] });
-}, vt = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ i(B, { onClick: e.onClick, variant: t, children: e.text }), no = b.div`
+}, vt = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ i(O, { onClick: e.onClick, variant: t, children: e.text }), no = b.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -7926,7 +7929,7 @@ const ye = ({
           e,
           /* @__PURE__ */ h(x, { display: "flex", gap: 0.75, maxWidth: l, children: [
             t ? /* @__PURE__ */ i(
-              B,
+              O,
               {
                 icon: t.icon,
                 id: `${o}-cancel`,
@@ -7939,7 +7942,7 @@ const ye = ({
               }
             ) : void 0,
             /* @__PURE__ */ i(
-              B,
+              O,
               {
                 disabled: ((a == null ? void 0 : a.disabled) ?? !1) || f.formState.isSubmitting || r && !f.formState.isDirty,
                 icon: a == null ? void 0 : a.icon,
@@ -8319,7 +8322,7 @@ const ye = ({
             py: 1,
             children: o.map(
               ({ icon: s, text: c, onClick: d }, p) => /* @__PURE__ */ i(
-                B,
+                O,
                 {
                   icon: s,
                   onClick: d,
@@ -8503,7 +8506,7 @@ const ye = ({
               }
             ),
             /* @__PURE__ */ i(
-              B,
+              O,
               {
                 external: !0,
                 href: n,
@@ -9354,7 +9357,7 @@ const ye = ({
   manualOption: r,
   providers: o
 }) => {
-  const l = F(), [s, c] = D(!1), d = H(null);
+  const l = F(), [s, c] = D(!1), d = B(null);
   ue(
     d.current,
     () => {
@@ -9387,7 +9390,7 @@ const ye = ({
       width: "max-content",
       zIndex: 10,
       children: [
-        /* @__PURE__ */ i(B, { icon: "plus", onClick: g, variant: "primary", children: t }),
+        /* @__PURE__ */ i(O, { icon: "plus", onClick: g, variant: "primary", children: t }),
         /* @__PURE__ */ h(
           x,
           {
@@ -9595,7 +9598,7 @@ const Go = {
         children: s
       }
     ),
-    /* @__PURE__ */ i(B, { onClick: t, variant: "primary", children: l })
+    /* @__PURE__ */ i(O, { onClick: t, variant: "primary", children: l })
   ] });
 }, _o = ({
   description: e = "",
@@ -9748,7 +9751,7 @@ const Go = {
                 justify: "center",
                 children: [
                   W.isObject(r) ? /* @__PURE__ */ i(
-                    B,
+                    O,
                     {
                       onClick: k,
                       variant: (r == null ? void 0 : r.variant) ?? "primary",
@@ -9757,7 +9760,7 @@ const Go = {
                     r == null ? void 0 : r.key
                   ) : void 0,
                   W.isObject(t) ? /* @__PURE__ */ i(
-                    B,
+                    O,
                     {
                       onClick: w,
                       variant: (t == null ? void 0 : t.variant) ?? "tertiary",
@@ -10338,7 +10341,7 @@ const Go = {
   refine: n,
   query: a
 }) => {
-  const [r, o] = D(a), [l, s] = D(!1), c = H(null), d = H(null), p = r.length >= 2, g = v(
+  const [r, o] = D(a), [l, s] = D(!1), c = B(null), d = B(null), p = r.length >= 2, g = v(
     (w) => {
       o(w), n(w);
     },
@@ -10498,7 +10501,7 @@ const Go = {
           ]
         }
       ),
-      /* @__PURE__ */ i(B, { onClick: u, variant: "secondary", children: "Clear search" })
+      /* @__PURE__ */ i(O, { onClick: u, variant: "secondary", children: "Clear search" })
     ] }) })
   ] });
 }, sl = {
@@ -10745,7 +10748,7 @@ const Go = {
   secondaryOnClick: c,
   title: d
 }) => {
-  const p = F(), g = H(null), u = v(
+  const p = F(), g = B(null), u = v(
     (f) => () => {
       f(), r();
     },
@@ -10879,7 +10882,7 @@ const Go = {
                   zIndex: 40,
                   children: [
                     s === void 0 ? void 0 : /* @__PURE__ */ i(
-                      B,
+                      O,
                       {
                         color: `${p.palette.primary[500]} !important`,
                         onClick: c,
@@ -10889,7 +10892,7 @@ const Go = {
                         children: s
                       }
                     ),
-                    /* @__PURE__ */ i(B, { onClick: l, type: "submit", children: o })
+                    /* @__PURE__ */ i(O, { onClick: l, type: "submit", children: o })
                   ]
                 }
               )
@@ -10981,13 +10984,13 @@ const Go = {
   index: n,
   name: a
 }) => {
-  const r = H(null), { thumbProps: o, inputProps: l, isDragging: s } = gn(
+  const r = B(null), { thumbProps: o, inputProps: l, isDragging: s } = gn(
     { index: n, trackRef: t, inputRef: r },
     e
   );
   return /* @__PURE__ */ i("div", { ...o, className: `thumb ${s ? "dragging" : ""}`, children: /* @__PURE__ */ i(un, { children: /* @__PURE__ */ i("input", { ...l, "aria-label": a, ref: r }) }) });
 }, $l = (e, t, n) => Math.round((n - e) / (t - e) * 100), Gs = (e) => {
-  const t = F(), n = H(null), { label: a, minValue: r = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, d = hn(), p = fn({
+  const t = F(), n = B(null), { label: a, minValue: r = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, d = hn(), p = fn({
     ...e,
     numberFormatter: d,
     onChange($) {
@@ -11153,7 +11156,7 @@ const Go = {
           p,
           /* @__PURE__ */ h(vl, { children: [
             o > 1 && /* @__PURE__ */ i(
-              B,
+              O,
               {
                 disabled: c.isDisabledPrevious ?? !1,
                 onClick: s(-1, f),
@@ -11162,7 +11165,7 @@ const Go = {
               }
             ),
             o < r.length ? /* @__PURE__ */ i(
-              B,
+              O,
               {
                 disabled: c.isDisabledNext ?? !1,
                 onClick: s(1, u),
@@ -11170,7 +11173,7 @@ const Go = {
                 children: "Next step"
               }
             ) : /* @__PURE__ */ i(
-              B,
+              O,
               {
                 disabled: e,
                 onClick: a,
@@ -11664,7 +11667,7 @@ const Go = {
   submitLabel: r = "Submit"
 }) => /* @__PURE__ */ i(Dl, { "aria-label": t, name: t, onSubmit: n, children: /* @__PURE__ */ h(jl, { children: [
   e,
-  /* @__PURE__ */ i(B, { disabled: a, type: "submit", children: r })
+  /* @__PURE__ */ i(O, { disabled: a, type: "submit", children: r })
 ] }) });
 export {
   Kl as $,
@@ -11826,7 +11829,7 @@ export {
   Le as k,
   Ol as l,
   Ml as m,
-  B as n,
+  O as n,
   Jl as o,
   Gl as p,
   es as q,