@fluidattacks/design 3.15.5-pr → 3.15.5-pr-02

package/dist/{components-DvFX_D1n.mjs → components-DU5F3lW8.mjs}

@@ -1,7 +1,7 @@
 import { jsx as n, jsxs as f, Fragment as He } from "react/jsx-runtime";
-import Oe, { forwardRef as G, useState as L, useCallback as v, StrictMode as si, useEffect as U, useRef as B, useMemo as Z, Children as ci, isValidElement as di, cloneElement as pi, Fragment as St } from "react";
-import { o as gi, d as y, n as F, u as ui, a as fi, b as hi, c as bi, e as yi, l as P, f as zt, g as $i, h as xi, s as mi, i as pe, _ as R, $ as wi, j as vi, k as ki, m as Ci, p as Si, q as zi, r as Ii, t as Ti, v as It, C as Tt, w as Ni, x as Fi, y as Di, z as et, A as we, B as ji, D as Li, E as Nt, F as Ft, G as ve, H as Ei, I as Wi, J as Ri, K as Ai, L as Pi, M as oe, N as Vi, O as Dt, P as Hi, Q as jt, R as Oi, S as Bi, T as Mi, U as Gi, V as Ui, W as Lt, X as _i, Y as tt, Z as it, a0 as nt, a1 as Yi, a2 as Ki, a3 as qi, a4 as Xi, a5 as Et, a6 as Ji, a7 as Zi, a8 as Qi, a9 as Wt, aa as en, ab as tn, ac as nn, ad as an, ae as rn, ag as on, ah as Rt, ai as ln, aj as sn, ak as cn, al as dn, am as pn, an as gn, ao as un, ap as fn, aq as at, ar as hn, as as rt, at as bn } from "./vendor-CxCOfBAY.mjs";
-import { createPortal as te } from "react-dom";
+import Be, { forwardRef as G, useState as L, useCallback as v, StrictMode as si, useEffect as U, useRef as O, useMemo as Z, Children as ci, isValidElement as di, cloneElement as pi, Fragment as St } from "react";
+import { o as gi, d as y, n as F, u as ui, a as fi, b as hi, c as bi, e as yi, l as P, f as zt, g as $i, h as xi, s as mi, i as pe, _ as R, $ as wi, j as vi, k as ki, m as Ci, p as Si, q as zi, r as Ii, t as Ti, v as It, C as Tt, w as Ni, x as Fi, y as Di, z as et, A as we, B as ji, D as Li, E as Nt, F as Ft, G as ve, H as Ei, I as Wi, J as Ri, K as Ai, L as Pi, M as oe, N as Vi, O as Dt, P as Hi, Q as jt, R as Bi, S as Oi, T as Mi, U as Gi, V as Ui, W as Lt, X as _i, Y as tt, Z as it, a0 as nt, a1 as Yi, a2 as Ki, a3 as qi, a4 as Xi, a5 as Et, a6 as Ji, a7 as Zi, a8 as Qi, a9 as Wt, aa as en, ab as tn, ac as nn, ad as an, ae as rn, ag as on, ah as Rt, ai as ln, aj as sn, ak as cn, al as dn, am as pn, an as gn, ao as un, ap as fn, aq as at, ar as hn, as as rt, at as bn } from "./vendor-CxCOfBAY.mjs";
+import { createPortal as Q } from "react-dom";
 import { Link as yn, useLocation as $n, NavLink as xn } from "react-router-dom";
 const ie = (e) => ({
   getVariant: (t, i) => e(t)[i]
@@ -880,7 +880,7 @@ const I = G(function({
       h && /* @__PURE__ */ n(Pn, { item: g })
     ] }, g.title);
   }) });
-}), On = (e) => {
+}), Bn = (e) => {
   switch (e) {
     case "warning":
       return "triangle-exclamation";
@@ -892,7 +892,7 @@ const I = G(function({
     default:
       return "circle-exclamation";
   }
-}, { getVariant: Bn } = ie(
+}, { getVariant: On } = ie(
   (e) => ({
     error: `
       background: ${e.palette.error[50]};
@@ -971,7 +971,7 @@ const I = G(function({
       background-color: transparent;
     }
 
-    ${Bn(e, t ?? "error")}
+    ${On(e, t ?? "error")}
   `}
 `, Gn = y.div`
   padding-right: 4px;
@@ -1058,7 +1058,7 @@ const I = G(function({
       }
     `
   })
-), Ot = y(At)`
+), Bt = y(At)`
   ${({ theme: e, justify: t, $size: i, $variant: a }) => `
     align-items: center;
     border-radius: var(--btn-spacing);
@@ -1082,7 +1082,7 @@ const I = G(function({
 
     ${Un(e, a ?? "primary")}
   `}
-`, _n = y(Ot)`
+`, _n = y(Bt)`
   ${({ theme: e, $borderRadius: t = "4px", $px: i = 0.5, $py: a = 0.5 }) => `
     --btn-spacing: ${t};
     --btn-padding-x: ${e.spacing[i]};
@@ -1107,7 +1107,7 @@ const I = G(function({
     width: max-content;
     z-index: 999999;
   `}
-`, Q = ({
+`, ee = ({
   children: e,
   disabled: t = !1,
   display: i = "inline-block",
@@ -1167,7 +1167,7 @@ const I = G(function({
         ) : e
       }
     ),
-    b && !h && te(
+    b && !h && Q(
       /* @__PURE__ */ f(
         Kn,
         {
@@ -1258,7 +1258,7 @@ const I = G(function({
       )
     }
   ), T = (h + (w ?? "") + (c ?? a)).replace(/ /u, "_");
-  return $ === void 0 ? S : /* @__PURE__ */ n(Q, { id: `${T}-tooltip`, place: m, tip: $, children: S });
+  return $ === void 0 ? S : /* @__PURE__ */ n(ee, { id: `${T}-tooltip`, place: m, tip: $, children: S });
 }), Dl = G(function({
   autoHide: t = !1,
   children: i,
@@ -1294,7 +1294,7 @@ const I = G(function({
           I,
           {
             clickable: !1,
-            icon: On(s),
+            icon: Bn(s),
             iconSize: "xs",
             iconType: "fa-light"
           }
@@ -1524,7 +1524,7 @@ const I = G(function({
       }
     `
   })
-), Bt = pe`
+), Ot = pe`
   ${({ theme: e, $color: t, $variant: i }) => `
     align-items: center;
     cursor: pointer;
@@ -1549,9 +1549,9 @@ const I = G(function({
     ${t ? `color: ${t}` : Zn(e, i)}
   `}
 `, Qn = y.a`
-  ${Bt}
+  ${Ot}
 `, ea = y(yn)`
-  ${Bt}
+  ${Ot}
 `, le = ({
   children: e,
   color: t,
@@ -1693,7 +1693,7 @@ const I = G(function({
   const D = h !== void 0, T = `${l}-tooltip`, E = v(() => {
     o && ta(o, a);
   }, [a, o]), W = /* @__PURE__ */ f(
-    Ot,
+    Bt,
     {
       $size: r,
       $variant: w,
@@ -1718,7 +1718,7 @@ const I = G(function({
     }
   );
   return D ? /* @__PURE__ */ n(
-    Q,
+    ee,
     {
       disabled: !D,
       id: T,
@@ -1788,7 +1788,7 @@ const I = G(function({
       ]
     }
   ) });
-}), Be = ({
+}), Oe = ({
   authorEmail: e,
   date: t,
   description: i,
@@ -1855,7 +1855,7 @@ const I = G(function({
               children: `Author: ${e}`
             }
           ),
-          p && /* @__PURE__ */ n(Q, { icon: "circle-info", id: r, tip: p })
+          p && /* @__PURE__ */ n(ee, { icon: "circle-info", id: r, tip: p })
         ]
       }
     )
@@ -1938,7 +1938,7 @@ const I = G(function({
             onClick: s,
             position: "relative",
             width: "100%",
-            children: o === void 0 ? /* @__PURE__ */ f(Oe.Fragment, { children: [
+            children: o === void 0 ? /* @__PURE__ */ f(Be.Fragment, { children: [
               /* @__PURE__ */ n(
                 aa,
                 {
@@ -1964,7 +1964,7 @@ const I = G(function({
           }
         ),
         p ? null : /* @__PURE__ */ n(
-          Be,
+          Oe,
           {
             authorEmail: t,
             date: i,
@@ -2022,7 +2022,7 @@ const I = G(function({
     ),
     i ? /* @__PURE__ */ n(le, { href: i, target: "_blank" }) : null,
     c ? /* @__PURE__ */ n(
-      Q,
+      ee,
       {
         display: "inline-flex",
         icon: "circle-info",
@@ -2276,7 +2276,7 @@ const I = G(function({
   ...l
 }) => {
   var g;
-  const s = B(null), c = (g = o == null ? void 0 : o.current) == null ? void 0 : g.getBoundingClientRect(), { popoverProps: p } = wi(
+  const s = O(null), c = (g = o == null ? void 0 : o.current) == null ? void 0 : g.getBoundingClientRect(), { popoverProps: p } = wi(
     {
       ...l,
       popoverRef: a ?? s,
@@ -2362,7 +2362,7 @@ const I = G(function({
   item: e,
   state: t
 }) => {
-  const i = F(), a = B(null), { optionProps: r, isSelected: o, isFocused: l, isDisabled: s } = ki(
+  const i = F(), a = O(null), { optionProps: r, isSelected: o, isFocused: l, isDisabled: s } = ki(
     { key: e.key },
     t,
     a
@@ -2405,31 +2405,31 @@ const I = G(function({
 }) => {
   var Qe;
   const w = F(), k = t ? void 0 : i, z = (e == null ? void 0 : e.value) ?? m, [S, D] = L(
-    ((Qe = p.find((O) => O.value === z)) == null ? void 0 : Qe.name) ?? ""
-  ), [T, E] = L(z), [W, M] = L(p), [V, A] = L(!1), { contains: K } = Ci({ sensitivity: "base" }), J = B(null), se = B(null), We = B(null), Xe = B(null), Je = B(null), Qt = Z(() => p.map(
-    (O) => K(O.name, S) || V ? /* @__PURE__ */ n(Si, { children: O.name }, O.value) : null
+    ((Qe = p.find((B) => B.value === z)) == null ? void 0 : Qe.name) ?? ""
+  ), [T, E] = L(z), [W, M] = L(p), [V, A] = L(!1), { contains: K } = Ci({ sensitivity: "base" }), J = O(null), se = O(null), We = O(null), Xe = O(null), Je = O(null), Qt = Z(() => p.map(
+    (B) => K(B.name, S) || V ? /* @__PURE__ */ n(Si, { children: B.name }, B.value) : null
   ), [K, S, p, V]), ei = v(
-    (O) => {
-      D(O), O === "" ? A(!0) : (A(!1), E((X) => {
-        const ue = O === "" ? "" : X;
-        return e && e.onChange(ue), g && g(O), ue;
-      }), M(p.filter((X) => K(X.name, O))));
+    (B) => {
+      D(B), B === "" ? A(!0) : (A(!1), E((X) => {
+        const ue = B === "" ? "" : X;
+        return e && e.onChange(ue), g && g(B), ue;
+      }), M(p.filter((X) => K(X.name, B))));
     },
     [K, p, e, g]
   ), ti = v(
-    (O) => {
+    (B) => {
       var X;
-      D(((X = p.find((ue) => ue.value === O)) == null ? void 0 : X.name) ?? ""), E(O ? String(O) : ""), e && e.onChange(O), g && g(O ? String(O) : ""), M(p);
+      D(((X = p.find((ue) => ue.value === B)) == null ? void 0 : X.name) ?? ""), E(B ? String(B) : ""), e && e.onChange(B), g && g(B ? String(B) : ""), M(p);
     },
     [p, e, g]
   ), Ze = v(
-    (O) => {
-      O.key === "Enter" && O.preventDefault(), A(!1);
+    (B) => {
+      B.key === "Enter" && B.preventDefault(), A(!1);
     },
     []
   ), ii = v(() => {
     d && d(), e && e.onBlur();
-  }, [e, d]), ee = zi({
+  }, [e, d]), te = zi({
     allowsEmptyCollection: !0,
     inputValue: S,
     items: W,
@@ -2443,9 +2443,9 @@ const I = G(function({
     onKeyUp: () => {
       A(!0);
     },
-    onOpenChange(O, X) {
+    onOpenChange(B, X) {
       A(
-        O && (X === "manual" || X === "focus")
+        B && (X === "manual" || X === "focus")
       );
     },
     onSelectionChange: ti,
@@ -2466,12 +2466,12 @@ const I = G(function({
       placeholder: u,
       popoverRef: Je
     },
-    ee
-  ), { listBoxProps: oi } = Ti(ri, ee, We), { buttonProps: li } = It(ni, se);
+    te
+  ), { listBoxProps: oi } = Ti(ri, te, We), { buttonProps: li } = It(ni, se);
   return U(() => {
-    var O;
+    var B;
     (s === !1 || !z) && D(
-      ((O = p.find((X) => X.value === z)) == null ? void 0 : O.name) ?? ""
+      ((B = p.find((X) => X.value === z)) == null ? void 0 : B.name) ?? ""
     );
   }, [z, p, s]), /* @__PURE__ */ f(
     q,
@@ -2516,7 +2516,7 @@ const I = G(function({
                 {
                   ...li,
                   className: "action",
-                  icon: ee.isOpen ? "chevron-up" : "chevron-down",
+                  icon: te.isOpen ? "chevron-up" : "chevron-down",
                   iconColor: w.palette.gray[400],
                   iconSize: "xxs",
                   iconType: "fa-light",
@@ -2530,16 +2530,16 @@ const I = G(function({
             ]
           }
         ),
-        ee.isOpen && ee.collection.size > 0 && !t ? /* @__PURE__ */ n(
+        te.isOpen && te.collection.size > 0 && !t ? /* @__PURE__ */ n(
           je,
           {
             className: "dropdown",
             offset: 4,
             placement: "bottom start",
             popoverRef: Je,
-            state: ee,
+            state: te,
             triggerRef: Xe,
-            children: /* @__PURE__ */ n(la, { ...oi, ref: We, children: [...ee.collection].map((O) => /* @__PURE__ */ n(ca, { item: O, state: ee }, O.key)) })
+            children: /* @__PURE__ */ n(la, { ...oi, ref: We, children: [...te.collection].map((B) => /* @__PURE__ */ n(ca, { item: B, state: te }, B.key)) })
           }
         ) : null
       ]
@@ -2748,7 +2748,7 @@ const I = G(function({
     width: 100%;
   `}
 `, ba = ({ state: e, date: t }) => {
-  const i = B(null), a = Ni(t, Fi()), { cellProps: r, buttonProps: o, isSelected: l, isDisabled: s, formattedDate: c } = Di({ date: t }, e, i), p = "highlightedRange" in e && !P.isNull(e.highlightedRange) ? et(t, e.highlightedRange.start) : l, d = "highlightedRange" in e && !P.isNull(e.highlightedRange) ? et(t, e.highlightedRange.end) : l, g = l && !s && !(p || d) ? "range" : "";
+  const i = O(null), a = Ni(t, Fi()), { cellProps: r, buttonProps: o, isSelected: l, isDisabled: s, formattedDate: c } = Di({ date: t }, e, i), p = "highlightedRange" in e && !P.isNull(e.highlightedRange) ? et(t, e.highlightedRange.start) : l, d = "highlightedRange" in e && !P.isNull(e.highlightedRange) ? et(t, e.highlightedRange.end) : l, g = l && !s && !(p || d) ? "range" : "";
   return /* @__PURE__ */ n(fa, { id: g, ...r, children: /* @__PURE__ */ f(
     "div",
     {
@@ -2886,7 +2886,7 @@ const I = G(function({
   icon: t,
   props: i
 }) => {
-  const a = B(null), { buttonProps: r } = It(i, a);
+  const a = O(null), { buttonProps: r } = It(i, a);
   return /* @__PURE__ */ n(
     xa,
     {
@@ -2959,7 +2959,7 @@ const I = G(function({
   segment: e,
   state: t
 }) => {
-  const i = F(), a = B(null), o = { ...e, placeholder: {
+  const i = F(), a = O(null), o = { ...e, placeholder: {
     day: "dd",
     dayPeriod: "(AM/PM)",
     era: "",
@@ -2990,7 +2990,7 @@ const I = G(function({
   error: t = !1,
   props: i
 }) => {
-  const a = F(), r = B(null), o = Ei({
+  const a = F(), r = O(null), o = Ei({
     ...i,
     createCalendar: ve,
     locale: "en-US"
@@ -3033,7 +3033,7 @@ const I = G(function({
     ) : void 0
   ] });
 }, Ca = (e) => {
-  const t = B(null), i = Ri({
+  const t = O(null), i = Ri({
     ...e,
     locale: "en-US",
     shouldForceLeadingZeros: !0
@@ -3144,7 +3144,7 @@ const I = G(function({
   children: e,
   ...t
 }) => {
-  const i = B(null), { dialogProps: a } = Vi(t, i);
+  const i = O(null), { dialogProps: a } = Vi(t, i);
   return /* @__PURE__ */ n($a, { ...a, ref: i, children: e });
 }, Ia = ({
   disabled: e = !1,
@@ -3161,7 +3161,7 @@ const I = G(function({
   watch: g,
   ...u
 }) => {
-  const h = B(null), $ = g == null ? void 0 : g(s), m = v(
+  const h = O(null), $ = g == null ? void 0 : g(s), m = v(
     (E) => {
       p && E && p(s, $e(String(E)));
     },
@@ -3222,7 +3222,7 @@ const I = G(function({
   onClose: e,
   props: t
 }) => {
-  const { locale: i } = we(), a = B(null), r = Oi({ ...t, createCalendar: ve, locale: i }), { prevButtonProps: o, nextButtonProps: l, title: s } = Bi(
+  const { locale: i } = we(), a = O(null), r = Bi({ ...t, createCalendar: ve, locale: i }), { prevButtonProps: o, nextButtonProps: l, title: s } = Oi(
     t,
     r,
     a
@@ -3265,7 +3265,7 @@ const I = G(function({
   variant: d = "default",
   ...g
 }) => {
-  const u = `${a}Max`, h = `${a}Min`, $ = B(null), m = v(
+  const u = `${a}Max`, h = `${a}Min`, $ = O(null), m = v(
     (W) => {
       s && W && (s(
         (c == null ? void 0 : c.name) ?? u,
@@ -3426,7 +3426,7 @@ const I = G(function({
     register: s,
     setValue: c,
     watch: p
-  } = e, d = p == null ? void 0 : p(o), g = B(null), u = Dt({
+  } = e, d = p == null ? void 0 : p(o), g = O(null), u = Dt({
     ...e,
     granularity: "minute",
     hourCycle: 12,
@@ -3644,7 +3644,7 @@ const I = G(function({
   watch: $,
   weight: m
 }) => {
-  const b = F(), w = t ? void 0 : i, k = B(null), z = $ == null ? void 0 : $(c), S = Ra(z), D = g == null ? void 0 : g(c, { required: d }), T = v(() => {
+  const b = F(), w = t ? void 0 : i, k = O(null), z = $ == null ? void 0 : $(c), S = Ra(z), D = g == null ? void 0 : g(c, { required: d }), T = v(() => {
     const M = Ae("change", c, void 0);
     u && u(c, ""), D && D.onChange(M);
   }, [D, c, u]), E = v(
@@ -4197,7 +4197,7 @@ const I = G(function({
       }
     }
   `}
-`, Oa = y.button`
+`, Ba = y.button`
   ${({ theme: e }) => `
     align-items: center;
     background: inherit;
@@ -4213,12 +4213,13 @@ const I = G(function({
       cursor: not-allowed;
     }
   `}
-`, Ba = y.ul`
+`, Oa = y.ul`
   ${({ theme: e }) => `
     align-items: flex-start;
     box-shadow: ${e.shadows.md};
     display: flex;
     flex-direction: column;
+    margin-top: ${e.spacing[0.25]};
     max-height: 190px;
     overflow: hidden auto;
     scrollbar-color: ${e.palette.gray[600]} ${e.palette.gray[100]};
@@ -4275,12 +4276,12 @@ const I = G(function({
   value: c,
   weight: p
 }) => {
-  const d = F(), g = B(null), u = e ? void 0 : t, [h, $] = L(!1), [m, b] = L(""), { refs: w, floatingStyles: k } = Lt({
+  const d = F(), g = O(null), u = e ? void 0 : t, [h, $] = L(!1), [m, b] = L(""), { refs: w, floatingStyles: k } = Lt({
     placement: "bottom-start",
     whileElementsMounted: zt
   }), { inputValue: z, handlePhoneValueChange: S, country: D, setCountry: T } = _i({
     countries: tt,
-    defaultCountry: "us",
+    defaultCountry: "co",
     forceDialCode: !0,
     value: c ? String(c) : void 0
   }), E = v(() => {
@@ -4321,7 +4322,7 @@ const I = G(function({
           ref: g,
           children: [
             /* @__PURE__ */ f(
-              Oa,
+              Ba,
               {
                 "aria-label": "country-selector",
                 "data-testid": "country-selector",
@@ -4382,31 +4383,34 @@ const I = G(function({
                 ]
               }
             ),
-            h && /* @__PURE__ */ n(Ba, { ref: w.setFloating, style: k, children: V.map((A) => {
-              const { dialCode: K, iso2: J, name: se } = it(A);
-              return /* @__PURE__ */ f(
-                Ma,
-                {
-                  onClick: W(J),
-                  value: J,
-                  children: [
-                    /* @__PURE__ */ n(nt, { iso2: J, size: "16px" }),
-                    /* @__PURE__ */ n(Ga, { children: se }),
-                    /* @__PURE__ */ n(
-                      C,
-                      {
-                        color: d.palette.gray[400],
-                        size: "sm",
-                        sizeSm: "xs",
-                        textAlign: "end",
-                        children: "+" + K
-                      }
-                    )
-                  ]
-                },
-                J
-              );
-            }) })
+            h && Q(
+              /* @__PURE__ */ n(Oa, { ref: w.setFloating, style: k, children: V.map((A) => {
+                const { dialCode: K, iso2: J, name: se } = it(A);
+                return /* @__PURE__ */ f(
+                  Ma,
+                  {
+                    onClick: W(J),
+                    value: J,
+                    children: [
+                      /* @__PURE__ */ n(nt, { iso2: J, size: "16px" }),
+                      /* @__PURE__ */ n(Ga, { children: se }),
+                      /* @__PURE__ */ n(
+                        C,
+                        {
+                          color: d.palette.gray[400],
+                          size: "sm",
+                          sizeSm: "xs",
+                          textAlign: "end",
+                          children: "+" + K
+                        }
+                      )
+                    ]
+                  },
+                  J
+                );
+              }) }),
+              document.getElementById("modal-wrapper") ?? document.getElementById("root") ?? document.body
+            )
           ]
         }
       )
@@ -4535,7 +4539,7 @@ const I = G(function({
       $minWidth: s,
       children: [
         /* @__PURE__ */ n(
-          Be,
+          Oe,
           {
             description: e,
             id: i,
@@ -4659,7 +4663,7 @@ const I = G(function({
       a ?? d
     ] }),
     p === void 0 ? void 0 : /* @__PURE__ */ n(
-      Q,
+      ee,
       {
         icon: "circle-info",
         id: p,
@@ -4777,7 +4781,7 @@ const I = G(function({
     i((l) => !l);
   }, []);
   return { close: r, isOpen: t, name: e, open: a, setIsOpen: i, toggle: o };
-}, Ol = ({
+}, Bl = ({
   name: e,
   items: t,
   columnOrder: i,
@@ -4827,7 +4831,7 @@ const I = G(function({
 }, qa = (e, t) => Z(
   () => R.debounce(e, t),
   [e, t]
-), Bl = (e) => {
+), Ol = (e) => {
   const [t, i] = L(), a = qa((r) => {
     i(r);
   }, (e == null ? void 0 : e.debounceWait) ?? 300);
@@ -4850,7 +4854,7 @@ const I = G(function({
       width: i
     }
   );
-}, re = Oe.memo(Xa), Ja = y.label`
+}, re = Be.memo(Xa), Ja = y.label`
   ${({ theme: e }) => `
     align-items: center;
     display: flex;
@@ -5146,7 +5150,7 @@ const I = G(function({
       minWidth: a,
       padding: [1.25, 1.25, 1.25, 1.25],
       children: [
-        /* @__PURE__ */ n(Be, { id: e, title: t }),
+        /* @__PURE__ */ n(Oe, { id: e, title: t }),
         /* @__PURE__ */ n(
           x,
           {
@@ -5785,7 +5789,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   tag: p
 }) => {
   const { pathname: d } = $n(), g = a || (c === "primary" ? d.includes(r) : d.endsWith(r));
-  return /* @__PURE__ */ n(Q, { display: "flex", id: `${i}-tooltip`, tip: s, children: /* @__PURE__ */ f(mr, { $borderButton: g, $variant: c, children: [
+  return /* @__PURE__ */ n(ee, { display: "flex", id: `${i}-tooltip`, tip: s, children: /* @__PURE__ */ f(mr, { $borderButton: g, $variant: c, children: [
     /* @__PURE__ */ f(xn, { end: e, id: i, onClick: l, to: r, children: [
       t,
       /* @__PURE__ */ n(
@@ -6238,7 +6242,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   onChangeHandler: i,
   variant: a
 }) => {
-  const r = B(null), [o, l] = L([]), [s, c] = L(""), p = v(
+  const r = O(null), [o, l] = L([]), [s, c] = L(""), p = v(
     (g) => {
       const { value: u } = g.target;
       c(u);
@@ -6358,7 +6362,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   modalRef: i,
   variant: a
 }) => {
-  const r = F(), o = B(null), [l, s] = L(void 0), c = v(
+  const r = F(), o = O(null), [l, s] = L(void 0), c = v(
     (g) => {
       const { checked: u, value: h } = g.target, $ = i.columns.map((m) => {
         var b;
@@ -6381,7 +6385,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     const g = (u = o.current) == null ? void 0 : u.scrollHeight;
     l !== g && s(g);
   }, [l]);
-  return i.isOpen ? te(
+  return i.isOpen ? Q(
     /* @__PURE__ */ n(qe, { "aria-label": i.name, "aria-modal": "true", children: /* @__PURE__ */ f(ge, { $size: "md", flexDirection: "column", children: [
       /* @__PURE__ */ f(
         x,
@@ -6780,7 +6784,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       ]
     }
   ) });
-  return a ? te(
+  return a ? Q(
     m,
     document.getElementById("portals") ?? document.body
   ) : /* @__PURE__ */ n("div", {});
@@ -6937,7 +6941,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   variant: r
 }) => {
   const o = F();
-  return a.isOpen ? te(
+  return a.isOpen ? Q(
     /* @__PURE__ */ n(
       Jt,
       {
@@ -6996,7 +7000,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   modalRef: o
 }) => {
   const l = F();
-  return o.isOpen ? te(
+  return o.isOpen ? Q(
     /* @__PURE__ */ n(
       Jt,
       {
@@ -7064,11 +7068,11 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     document.getElementById(e) ?? document.body
   ) : /* @__PURE__ */ n("div", {});
 };
-function Or(e) {
+function Br(e) {
   if (e)
     return e;
 }
-function Br(e) {
+function Or(e) {
   if (!e || e.length === 0)
     return;
   const t = e.filter((a) => a.checked).map((a) => a.label ?? a.value);
@@ -7152,7 +7156,7 @@ const fe = ({
         }
         case "radioButton":
         case "checkboxes": {
-          const u = Br(p);
+          const u = Or(p);
           return /* @__PURE__ */ n(
             fe,
             {
@@ -7169,7 +7173,7 @@ const fe = ({
         case "select":
         case "text":
         default: {
-          const u = Or(c), h = Ur(s, a.label, o);
+          const u = Br(c), h = Ur(s, a.label, o);
           return /* @__PURE__ */ n(
             fe,
             {
@@ -7290,7 +7294,7 @@ const fe = ({
     c(m);
   }, [t, i, c]), U(() => {
     a && e !== void 0 && a(Yr(e, s)), d(yt(s)), r == null || r(s);
-  }, [e, s, a, d, r]), /* @__PURE__ */ n(Oe.Fragment, { children: /* @__PURE__ */ f(
+  }, [e, s, a, d, r]), /* @__PURE__ */ n(Be.Fragment, { children: /* @__PURE__ */ f(
     x,
     {
       alignItems: "center",
@@ -7402,12 +7406,12 @@ const fe = ({
       )
     }
   );
-  return e && s.isOpen ? te(
+  return e && s.isOpen ? Q(
     m,
     document.getElementById("portals") ?? document.body
   ) : s.isOpen ? m : null;
 }, Jl = () => {
-  const [e, t] = L(!1), [i, a] = L(), r = B(null), o = Ke("confirm-dialog-modal"), l = v(
+  const [e, t] = L(!1), [i, a] = L(), r = O(null), o = Ke("confirm-dialog-modal"), l = v(
     async (d) => (a(d), t(!0), new Promise((g) => {
       r.current = g;
     })),
@@ -7808,7 +7812,7 @@ const fe = ({
   title: i,
   titleHighlighted: a
 }) => {
-  const r = B(null);
+  const r = O(null);
   return /* @__PURE__ */ f(Jr, { "data-testid": "content-card-carousel", children: [
     /* @__PURE__ */ f(
       x,
@@ -8267,7 +8271,7 @@ const fe = ({
       )
     }
   );
-  return e ? te(m, document.body) : /* @__PURE__ */ n("div", {});
+  return e ? Q(m, document.body) : /* @__PURE__ */ n("div", {});
 }, as = ({
   description: e,
   height: t = "auto",
@@ -8282,7 +8286,7 @@ const fe = ({
   width: d = "318px"
 }) => {
   const g = F(), u = p === "centered", h = l && /* @__PURE__ */ n(
-    Q,
+    ee,
     {
       icon: r ?? i,
       iconColor: g.palette.gray[800],
@@ -9361,7 +9365,7 @@ const fe = ({
     },
     [s]
   );
-  return /* @__PURE__ */ n(Ao, { onBlur: m, tabIndex: -1, children: /* @__PURE__ */ n(Q, { id: "numberInputTooltip", tip: c, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(Ao, { onBlur: m, tabIndex: -1, children: /* @__PURE__ */ n(ee, { id: "numberInputTooltip", tip: c, children: /* @__PURE__ */ n(
     Po,
     {
       ...p,
@@ -9452,7 +9456,7 @@ const fe = ({
   manualOption: r,
   providers: o
 }) => {
-  const l = F(), [s, c] = L(!1), p = B(null);
+  const l = F(), [s, c] = L(!1), p = O(null);
   Le(
     p.current,
     () => {
@@ -9553,7 +9557,7 @@ const fe = ({
       }
     )
   }
-), Oo = y.div`
+), Bo = y.div`
   ${({ className: e, theme: t }) => `
     align-items: flex-start;
     border-radius: ${t.spacing[1]};
@@ -9620,7 +9624,7 @@ y.div`
     }
   `}
 `;
-const Bo = {
+const Oo = {
   advanced: {
     title: "Advanced plan",
     benefits: "Leverage vulnerability scanning + AI + expert intelligence",
@@ -9647,8 +9651,8 @@ const Bo = {
     description: r,
     benefits: o,
     buttonText: l
-  } = Bo[i], s = e ?? r;
-  return /* @__PURE__ */ f(Oo, { className: i, children: [
+  } = Oo[i], s = e ?? r;
+  return /* @__PURE__ */ f(Bo, { className: i, children: [
     /* @__PURE__ */ f(
       x,
       {
@@ -9871,7 +9875,7 @@ const Bo = {
       )
     }
   );
-  return e ? te(z, o ?? document.body) : z;
+  return e ? Q(z, o ?? document.body) : z;
 }, Go = y.div`
   ${({ theme: e }) => `
     height: ${e.spacing[1]};
@@ -10241,7 +10245,7 @@ const Bo = {
       gap: 0.5,
       minWidth: "43px",
       children: [
-        /* @__PURE__ */ n(Q, { id: l, place: "top", tip: l, children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n(ee, { id: l, place: "top", tip: l, children: /* @__PURE__ */ n(
           x,
           {
             alignItems: "center",
@@ -10383,7 +10387,7 @@ const Bo = {
   secondaryOnClick: c,
   title: p
 }) => {
-  const d = F(), g = B(null), u = v(
+  const d = F(), g = O(null), u = v(
     (h) => () => {
       h(), r();
     },
@@ -10619,13 +10623,13 @@ const Bo = {
   index: i,
   name: a
 }) => {
-  const r = B(null), { thumbProps: o, inputProps: l, isDragging: s } = dn(
+  const r = O(null), { thumbProps: o, inputProps: l, isDragging: s } = dn(
     { index: i, trackRef: t, inputRef: r },
     e
   );
   return /* @__PURE__ */ n("div", { ...o, className: `thumb ${s ? "dragging" : ""}`, children: /* @__PURE__ */ n(pn, { children: /* @__PURE__ */ n("input", { ...l, "aria-label": a, ref: r }) }) });
 }, ll = (e, t, i) => Math.round((i - e) / (t - e) * 100), js = (e) => {
-  const t = F(), i = B(null), { label: a, minValue: r = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, p = gn(), d = un({
+  const t = F(), i = O(null), { label: a, minValue: r = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, p = gn(), d = un({
     ...e,
     numberFormatter: p,
     onChange($) {
@@ -11294,7 +11298,7 @@ const Bo = {
       flex-direction: column;
     }
   `}
-`, Os = ({
+`, Bs = ({
   children: e,
   name: t,
   onSubmit: i,
@@ -11308,7 +11312,7 @@ export {
   Al as $,
   Fl as A,
   De as B,
-  Be as C,
+  Oe as C,
   Tl as D,
   Jl as E,
   x as F,
@@ -11334,7 +11338,7 @@ export {
   Rl as Z,
   Pa as _,
   At as a,
-  Ol as a$,
+  Bl as a$,
   Va as a0,
   Vl as a1,
   Wl as a2,
@@ -11361,13 +11365,13 @@ export {
   Rs as aN,
   tr as aO,
   As as aP,
-  Q as aQ,
+  ee as aQ,
   Ps as aR,
   Vs as aS,
   Y as aT,
   C as aU,
   ye as aV,
-  Os as aW,
+  Bs as aW,
   Hs as aX,
   Ya as aY,
   Ka as aZ,
@@ -11401,7 +11405,7 @@ export {
   Pt as b,
   qa as b0,
   Ke as b1,
-  Bl as b2,
+  Ol as b2,
   Pn as b3,
   Mt as b4,
   je as b5,