@fluidattacks/design 3.35.0 → 3.35.1-pr.2

package/dist/{components-wUrejPbR.mjs → components-DUYuJhvr.mjs}

@@ -2,9 +2,9 @@ import { jsx as i, jsxs as h, Fragment as pe } from "react/jsx-runtime";
 import it, { forwardRef as ne, useState as R, useCallback as v, useEffect as _, useMemo as X, useRef as M, StrictMode as Vi, Fragment as fe, Children as Ct, isValidElement as Ln, cloneElement as An, createContext as jn, useContext as ye } from "react";
 import { ThemeProvider as Bi, styled as m, useTheme as j, css as He, keyframes as Rn } from "styled-components";
 import { C as Hi, s as Mi, _ as O, u as On, p as St, A as _i, l as Gi, a as Ui, c as Nt, b as Oe, d as Yi, e as Xi, f as Zi, g as Ki, h as G, i as rt, j as Pn, o as ot, k as qi, $ as Ji, m as Qi, n as er, q as tr, r as nr, t as ir, v as rr, w as or, x as ar, y as Wn, z as Vn, B as Ft, D as lr, E as sr, F as cr, G as Jt, H as at, I as dr, J as pr, K as Bn, L as lt, M as Hn, N as gr, O as ur, P as hr, Q as fr, R as yr, S as q, T as $r, U as Mn, V as br, W as _n, X as Gn, Y as xr, Z as mr, a0 as wr, a1 as vr, a2 as kr, a3 as Cr, a4 as Et, a5 as Sr, a6 as Qt, a7 as en, a8 as tn, a9 as je, aa as zr, ab as Un, ac as Yn, ad as Xn, ae as Zn, af as Kn, ag as Ir, ah as qn, ai as Tr, aj as Dr, ak as Nr, al as Fr, am as Er, an as Lr, ar as Jn, as as Ar, at as jr, au as Rr, av as Or, aw as Pr, ax as Wr, ay as Vr, az as Br, aA as Hr, aB as Mr, aC as zt, aD as _r, aE as nn, aF as Gr, aG as rn, aH as Ur } from "./vendor-ByFwokAx.mjs";
-import { createPortal as Fe } from "react-dom";
+import { createPortal as me } from "react-dom";
 import { Link as Yr, useLocation as Xr, NavLink as Zr } from "react-router-dom";
-const me = (e) => ({
+const we = (e) => ({
   getVariant: (t, n) => e(t)[n]
 }), Kr = [
   // IPaddingModifiable
@@ -1520,7 +1520,7 @@ const A = ne(function({
     default:
       return "circle-exclamation";
   }
-}, { getVariant: Ro } = me(
+}, { getVariant: Ro } = we(
   (e) => ({
     error: `
       background: ${e.palette.error[50]};
@@ -1610,7 +1610,7 @@ const A = ne(function({
   padding-right: 4px;
   width: 100%;
   font-weight: ${({ theme: e, $hasTitle: t }) => t ? e.typography.weight.regular : e.typography.weight.bold};
-`, { getVariant: Vo } = me(
+`, { getVariant: Vo } = we(
   (e) => ({
     ghost: `
       background: transparent;
@@ -1849,7 +1849,7 @@ const A = ne(function({
         ) : e
       }
     ),
-    x && !f && Fe(
+    x && !f && me(
       /* @__PURE__ */ h(
         Mo,
         {
@@ -2157,7 +2157,7 @@ const A = ne(function({
       children: t && /* @__PURE__ */ i(Yo, { children: t <= 9 ? t : 9 })
     }
   );
-}), { getVariant: Xo } = me(
+}), { getVariant: Xo } = we(
   (e) => ({
     default: `
       background-color: ${e.palette.gray[200]};
@@ -2268,7 +2268,7 @@ const A = ne(function({
 
     ${Xo(e, n)}
   `}
-`, { getVariant: Ko } = me(
+`, { getVariant: Ko } = we(
   (e) => ({
     highRelevance: `
       color: ${e.palette.primary[500]};
@@ -2318,7 +2318,7 @@ const A = ne(function({
   ${jt}
 `, Jo = m(Yr)`
   ${jt}
-`, we = ({
+`, ve = ({
   children: e,
   color: t,
   download: n,
@@ -2429,7 +2429,7 @@ const A = ne(function({
             }
           ) : void 0
         ] }),
-        c === void 0 ? void 0 : /* @__PURE__ */ i(we, { href: c, children: p })
+        c === void 0 ? void 0 : /* @__PURE__ */ i(ve, { href: c, children: p })
       ]
     }
   );
@@ -2717,7 +2717,7 @@ const A = ne(function({
   opacity: r = 0,
   src: o,
   height: a = "auto"
-}) => t === "video" || ea(["webm"], o) ? /* @__PURE__ */ i(ln, { $opacity: r, children: /* @__PURE__ */ i(we, { href: o, iconPosition: "hidden", children: /* @__PURE__ */ h("video", { controls: !0, muted: !0, style: { height: a, width: n }, children: [
+}) => t === "video" || ea(["webm"], o) ? /* @__PURE__ */ i(ln, { $opacity: r, children: /* @__PURE__ */ i(ve, { href: o, iconPosition: "hidden", children: /* @__PURE__ */ h("video", { controls: !0, muted: !0, style: { height: a, width: n }, children: [
   /* @__PURE__ */ i("source", { src: o, type: "video/webm" }),
   o
 ] }) }) }) : /* @__PURE__ */ i(ln, { $opacity: r, children: /* @__PURE__ */ i("img", { alt: e, src: o, style: { height: a, width: n } }) }), Ad = ({
@@ -2867,7 +2867,7 @@ const A = ne(function({
             tip: o
           }
         ) : null,
-        n ? /* @__PURE__ */ i(we, { href: n, target: "_blank" }) : null
+        n ? /* @__PURE__ */ i(ve, { href: n, target: "_blank" }) : null
       ]
     }
   );
@@ -3166,7 +3166,7 @@ const A = ne(function({
               }
             )
           ] }),
-          o && p === "down" ? /* @__PURE__ */ i(we, { href: o, children: a }) : void 0
+          o && p === "down" ? /* @__PURE__ */ i(ve, { href: o, children: a }) : void 0
         ]
       }
     ) : void 0
@@ -3365,7 +3365,7 @@ const A = ne(function({
       fill: ${e.palette.white};
     }
   `}
-`, Ie = ne(function({
+`, Te = ne(function({
   checked: t,
   disabled: n = !1,
   label: r,
@@ -3447,7 +3447,7 @@ const A = ne(function({
       (E == null ? void 0 : E.length) <= 2 ? E.join(", ") : `${E.slice(0, 2).join(", ") + `, +${E.length - 2} more`}`
     ));
   }, [g, u, n, o, a, l]), w = e.key === "All" ? /* @__PURE__ */ i(
-    Ie,
+    Te,
     {
       ...r == null ? void 0 : r("checkAll", { onChange: C }),
       label: (N = e.rendered) == null ? void 0 : N.toString(),
@@ -3455,7 +3455,7 @@ const A = ne(function({
       value: (F = e.rendered) == null ? void 0 : F.toString()
     }
   ) : /* @__PURE__ */ i(
-    Ie,
+    Te,
     {
       ...r == null ? void 0 : r(`${n}Options`, { onChange: z }),
       label: (L = e.rendered) == null ? void 0 : L.toString(),
@@ -3495,7 +3495,7 @@ const A = ne(function({
       className: k,
       ref: p,
       children: [
-        d ? /* @__PURE__ */ i(we, { href: d, onClick: I, children: S }) : S,
+        d ? /* @__PURE__ */ i(ve, { href: d, onClick: I, children: S }) : S,
         y && !x && !t ? /* @__PURE__ */ i(A, { icon: "check", iconSize: "sm", iconType: "fa-light" }) : void 0,
         e.rendered === e.textValue ? void 0 : /* @__PURE__ */ i(le, { tagLabel: e.textValue, variant: "inactive" })
       ]
@@ -3531,11 +3531,11 @@ const A = ne(function({
   var Zt, Kt;
   const L = j(), T = t ? void 0 : r, E = (e == null ? void 0 : e.value) ?? I, [W, B] = R(
     ((Zt = g.find((H) => H.value === E)) == null ? void 0 : Zt.name) ?? ""
-  ), [Z, J] = R(E), [ee, ie] = R(g), [ke, Y] = R(!1), { contains: K } = nr({ sensitivity: "base" }), ue = M(null), Ce = M(null), Ee = M(null), Le = M(null), _e = M(null), Ni = X(() => g.toSorted((H, oe) => {
+  ), [Z, J] = R(E), [ee, ie] = R(g), [Ce, Y] = R(!1), { contains: K } = nr({ sensitivity: "base" }), ue = M(null), Se = M(null), Ee = M(null), Le = M(null), _e = M(null), Ni = X(() => g.toSorted((H, oe) => {
     const se = Array.from(n ?? []), Ae = se.includes(H.value), qt = se.includes(oe.value);
     return Ae && !qt ? 1 : !Ae && qt ? -1 : 0;
   }).map(
-    (H) => K(H.name, W) || ke ? /* @__PURE__ */ i(
+    (H) => K(H.name, W) || Ce ? /* @__PURE__ */ i(
       ir,
       {
         "aria-label": H.value,
@@ -3545,7 +3545,7 @@ const A = ne(function({
       },
       H.value
     ) : null
-  ), [K, n, W, g, ke]), Fi = v(
+  ), [K, n, W, g, Ce]), Fi = v(
     (H) => {
       const oe = H.split(/,|\s/u).slice(-1)[0].trim();
       B(d ? oe : H), H === "" || H.endsWith(",") ? Y(!0) : (Y(!1), J((se) => {
@@ -3605,7 +3605,7 @@ const A = ne(function({
   } = or(
     {
       inputValue: W,
-      buttonRef: Ce,
+      buttonRef: Se,
       id: p,
       inputRef: ue,
       label: l ?? p,
@@ -3615,7 +3615,7 @@ const A = ne(function({
       popoverRef: _e
     },
     re
-  ), { listBoxProps: Gt } = ar(Pi, re, Ee), { buttonProps: Wi } = Wn(Ri, Ce), { width: Ut } = ((Kt = Le.current) == null ? void 0 : Kt.getBoundingClientRect()) ?? {
+  ), { listBoxProps: Gt } = ar(Pi, re, Ee), { buttonProps: Wi } = Wn(Ri, Se), { width: Ut } = ((Kt = Le.current) == null ? void 0 : Kt.getBoundingClientRect()) ?? {
     width: 240
   };
   $e(
@@ -3703,7 +3703,7 @@ const A = ne(function({
                   iconType: "fa-light",
                   px: 0.125,
                   py: 0.125,
-                  ref: Ce,
+                  ref: Se,
                   type: "button",
                   variant: "ghost"
                 }
@@ -4829,7 +4829,7 @@ const A = ne(function({
   const l = G.isNil(t) ? "" : t, c = String(n ?? l);
   return /* @__PURE__ */ h($, { children: [
     /* @__PURE__ */ i(ci, { htmlFor: a, label: o, tooltip: s, weight: "bold" }),
-    c.startsWith("https://") ? /* @__PURE__ */ i(we, { href: c, children: l }) : /* @__PURE__ */ i(D, { size: "md", children: l })
+    c.startsWith("https://") ? /* @__PURE__ */ i(ve, { href: c, children: l }) : /* @__PURE__ */ i(D, { size: "md", children: l })
   ] });
 }, $t = ({
   disabled: e = !1,
@@ -5391,7 +5391,7 @@ const A = ne(function({
   if (e === 0) return "0 Bytes";
   const n = 1024, r = t < 0 ? 0 : t, o = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], a = Math.floor(Math.log(e) / Math.log(n));
   return parseFloat((e / Math.pow(n, a)).toFixed(r)) + o[a];
-}, { getVariant: Ma } = me(
+}, { getVariant: Ma } = we(
   (e) => ({
     compliance: `
       display: inline-flex;
@@ -5778,7 +5778,7 @@ const A = ne(function({
         );
         K && K.length > 0 && (p == null || p(
           ue
-        ), u && u(c, K), L && L.onChange(ue), await new Promise((Ce) => setTimeout(Ce, 100)));
+        ), u && u(c, K), L && L.onChange(ue), await new Promise((Se) => setTimeout(Se, 100)));
       } catch (K) {
         console.error("Error handling file change:", K);
       } finally {
@@ -5786,7 +5786,7 @@ const A = ne(function({
       }
     },
     [L, c, p, u]
-  ), ke = v(
+  ), Ce = v(
     (Y) => {
       Y.stopPropagation(), t ? Y.preventDefault() : F.current && F.current.click();
     },
@@ -5810,7 +5810,7 @@ const A = ne(function({
             disabled: t,
             errorMsg: N,
             fileName: E,
-            handleButtonClick: ke,
+            handleButtonClick: Ce,
             handleRemoveFile: ee,
             theme: I
           }
@@ -5823,7 +5823,7 @@ const A = ne(function({
             disabled: t,
             errorMsg: N,
             fileName: E,
-            handleButtonClick: ke,
+            handleButtonClick: Ce,
             handleRemoveFile: ee,
             inputRef: F,
             maxSize: S,
@@ -6513,7 +6513,7 @@ const A = ne(function({
     w(!0);
   }, []), ie = v(() => {
     w(!1);
-  }, []), ke = Qt.filter((Y) => {
+  }, []), Ce = Qt.filter((Y) => {
     const { name: K } = en(Y);
     return K.toLowerCase().includes(k.toLowerCase());
   });
@@ -6604,9 +6604,9 @@ const A = ne(function({
                 ]
               }
             ),
-            b && Fe(
-              /* @__PURE__ */ i(el, { ref: S.setFloating, style: I, children: ke.map((Y) => {
-                const { dialCode: K, iso2: ue, name: Ce } = en(Y);
+            b && me(
+              /* @__PURE__ */ i(el, { ref: S.setFloating, style: I, children: Ce.map((Y) => {
+                const { dialCode: K, iso2: ue, name: Se } = en(Y);
                 return /* @__PURE__ */ h(
                   tl,
                   {
@@ -6614,7 +6614,7 @@ const A = ne(function({
                     value: ue,
                     children: [
                       /* @__PURE__ */ i(tn, { iso2: ue, size: "16px" }),
-                      /* @__PURE__ */ i(nl, { children: Ce }),
+                      /* @__PURE__ */ i(nl, { children: Se }),
                       /* @__PURE__ */ i(
                         D,
                         {
@@ -6899,7 +6899,7 @@ const A = ne(function({
               px: 0.5,
               py: 0.5,
               children: /* @__PURE__ */ i(
-                Ie,
+                Te,
                 {
                   checked: d.visible,
                   disabled: d.locked,
@@ -7139,7 +7139,7 @@ const A = ne(function({
     transition: 0.2s;
     width: 44px;
   `}
-`, ze = m.div`
+`, Ie = m.div`
   ${({ theme: e }) => `
     align-items: center;
     background-color: ${e.palette.white};
@@ -7172,7 +7172,7 @@ const A = ne(function({
     transform: translateX(100%);
   }
 
-  input:checked + ${he} > ${ze} svg {
+  input:checked + ${he} > ${Ie} svg {
     color: ${({ theme: e }) => e.palette.primary[500]};
   }
 
@@ -7180,25 +7180,25 @@ const A = ne(function({
     background-color: ${({ theme: e }) => e.palette.gray[300]};
   }
 
-  input:not(:checked):not(:disabled) + ${he} > ${ze} svg {
+  input:not(:checked):not(:disabled) + ${he} > ${Ie} svg {
     color: ${({ theme: e }) => e.palette.gray[500]};
   }
 
-  input:disabled + ${he} > ${ze} svg {
+  input:disabled + ${he} > ${Ie} svg {
     color: ${({ theme: e }) => e.palette.white};
   }
 
-  input:disabled + ${he} > ${ze} {
+  input:disabled + ${he} > ${Ie} {
     background-color: ${({ theme: e }) => e.palette.gray[400]};
     border: 1px solid ${({ theme: e }) => e.palette.gray[400]};
   }
 
-  input:checked:disabled + ${he} > ${ze} {
+  input:checked:disabled + ${he} > ${Ie} {
     color: ${({ theme: e }) => e.palette.white};
     left: 0.5px;
   }
 
-  input:disabled:not(:checked) + ${he} > ${ze} {
+  input:disabled:not(:checked) + ${he} > ${Ie} {
     left: 1.5px;
   }
 
@@ -7218,7 +7218,7 @@ const A = ne(function({
   position: relative;
   transition: 0.2s;
   width: 51px;
-`, De = m.div`
+`, Ne = m.div`
   ${({ theme: e }) => `
     align-items: center;
     background-color: ${e.palette.white};
@@ -7262,11 +7262,11 @@ const A = ne(function({
     border: 1px solid ${({ theme: e }) => e.palette.success[500]};
   }
 
-  input:checked + ${de} > ${De} {
+  input:checked + ${de} > ${Ne} {
     transform: translateX(27px);
   }
 
-  input:checked + ${de} > ${De} svg {
+  input:checked + ${de} > ${Ne} svg {
     color: ${({ theme: e }) => e.palette.success[500]};
   }
 
@@ -7280,7 +7280,7 @@ const A = ne(function({
     right: 6px;
   }
 
-  input:not(:checked):not(:disabled) + ${de} > ${De} svg {
+  input:not(:checked):not(:disabled) + ${de} > ${Ne} svg {
     color: ${({ theme: e }) => e.palette.gray[500]};
   }
 
@@ -7290,11 +7290,11 @@ const A = ne(function({
     border: 1px solid ${({ theme: e }) => e.palette.gray[400]};
   }
 
-  input:disabled + ${de} > ${De} {
+  input:disabled + ${de} > ${Ne} {
     background-color: ${({ theme: e }) => e.palette.gray[400]};
   }
 
-  input:disabled + ${de} > ${De} svg {
+  input:disabled + ${de} > ${Ne} svg {
     color: ${({ theme: e }) => e.palette.white};
   }
 
@@ -7338,7 +7338,7 @@ const A = ne(function({
       }
     ),
     /* @__PURE__ */ h(de, { "aria-label": "Toggle Switch", id: `${s}Toggle`, children: [
-      /* @__PURE__ */ i(De, { children: t ? /* @__PURE__ */ i(A, { icon: "check", iconSize: "sm" }) : /* @__PURE__ */ i(A, { icon: "times", iconSize: "sm" }) }),
+      /* @__PURE__ */ i(Ne, { children: t ? /* @__PURE__ */ i(A, { icon: "check", iconSize: "sm" }) : /* @__PURE__ */ i(A, { icon: "times", iconSize: "sm" }) }),
       /* @__PURE__ */ i(qe, { children: t ? "YES" : "NO" })
     ] })
   ] }) : /* @__PURE__ */ h(ll, { onClick: k, role: "switch", children: [
@@ -7356,7 +7356,7 @@ const A = ne(function({
         type: "checkbox"
       }
     ),
-    /* @__PURE__ */ i(he, { "aria-label": "Toggle Switch", id: `${s}Toggle`, children: /* @__PURE__ */ i(ze, { children: o ? /* @__PURE__ */ i(A, { icon: t ? "check" : "times", iconSize: "md" }) : void 0 }) })
+    /* @__PURE__ */ i(he, { "aria-label": "Toggle Switch", id: `${s}Toggle`, children: /* @__PURE__ */ i(Ie, { children: o ? /* @__PURE__ */ i(A, { icon: t ? "check" : "times", iconSize: "md" }) : void 0 }) })
   ] }), z = () => {
     const w = C();
     return n && d ? /* @__PURE__ */ i(ae, { id: `${s}-tooltip`, place: g, tip: d, children: w }) : w;
@@ -7766,7 +7766,7 @@ ${b[8]}...` : (b.length < 8 && d(!1), n);
       ]
     }
   );
-}, { getVariant: bl } = me(
+}, { getVariant: bl } = we(
   (e) => ({
     fixed: `
       height: auto;
@@ -8295,7 +8295,7 @@ ${b[8]}...` : (b.length < 8 && d(!1), n);
               iconType: r
             }
           ) : null,
-          o === void 0 ? y : /* @__PURE__ */ i(we, { href: o, children: y })
+          o === void 0 ? y : /* @__PURE__ */ i(ve, { href: o, children: y })
         ] }) : null,
         p || c ? /* @__PURE__ */ i(
           A,
@@ -8448,7 +8448,7 @@ ${b[8]}...` : (b.length < 8 && d(!1), n);
     [r.group]: [r]
   } : n,
   {}
-), jl = 300, Te = ({
+), jl = 300, De = ({
   name: e,
   onClear: t,
   onChange: n,
@@ -8567,7 +8567,7 @@ ${b[8]}...` : (b.length < 8 && d(!1), n);
       width: "55%",
       children: [
         /* @__PURE__ */ i("form", { id: "search-form", ref: o, children: /* @__PURE__ */ i(
-          Te,
+          De,
           {
             name: "search",
             onChange: p,
@@ -8609,7 +8609,7 @@ ${b[8]}...` : (b.length < 8 && d(!1), n);
     }
   ) : /* @__PURE__ */ h($, { height: "100%", id: "columns-buttons", py: 1.25, width: "55%", children: [
     /* @__PURE__ */ i("form", { id: "search-form", ref: o, children: /* @__PURE__ */ i(
-      Te,
+      De,
       {
         name: "search",
         onChange: p,
@@ -8635,7 +8635,7 @@ ${b[8]}...` : (b.length < 8 && d(!1), n);
               value: u,
               width: "content",
               children: /* @__PURE__ */ i(
-                Ie,
+                Te,
                 {
                   checked: g.visible,
                   disabled: g.locked,
@@ -8681,7 +8681,7 @@ ${b[8]}...` : (b.length < 8 && d(!1), n);
     const g = (u = a.current) == null ? void 0 : u.scrollHeight;
     s !== g && l(g);
   }, [s]);
-  return n.isOpen ? Fe(
+  return n.isOpen ? me(
     /* @__PURE__ */ i(bi, { "aria-label": n.name, "aria-modal": "true", children: /* @__PURE__ */ h(Bt, { $size: "md", flexDirection: "column", children: [
       /* @__PURE__ */ h(
         $,
@@ -8885,7 +8885,7 @@ ${b[8]}...` : (b.length < 8 && d(!1), n);
                   value: y.value,
                   width: "content",
                   children: /* @__PURE__ */ i(
-                    Ie,
+                    Te,
                     {
                       ...n("checkbox"),
                       label: y.label,
@@ -9094,7 +9094,7 @@ ${b[8]}...` : (b.length < 8 && d(!1), n);
         u && /* @__PURE__ */ h("div", { children: [
           f ? o : void 0,
           /* @__PURE__ */ i(
-            Te,
+            De,
             {
               onChange: y,
               onClear: b,
@@ -9836,7 +9836,7 @@ const Ye = ({
       )
     }
   );
-  return e && l.isOpen ? Fe(
+  return e && l.isOpen ? me(
     S,
     document.getElementById("portals") ?? document.body
   ) : l.isOpen ? S : null;
@@ -9866,7 +9866,7 @@ const Ye = ({
       ({ state: x }) => x
     ), b = Object.entries(d).map(
       ([x, { state: k, label: C }]) => /* @__PURE__ */ i(
-        Ie,
+        Te,
         {
           defaultChecked: k,
           label: C,
@@ -10137,7 +10137,7 @@ const Ye = ({
       t && /* @__PURE__ */ i(Cn, { buttonProps: t, variant: "primary" })
     ] }) : void 0
   ] });
-}, Ne = 20, wi = (e) => {
+}, Fe = 20, wi = (e) => {
   const [t, n] = (e == null ? void 0 : e.split(",").map((r) => r.trim())) ?? [];
   return !!(t && t !== "-" && q(t).isValid() && /^\d+\-\d+\-\d+$/.test(t.trim()) || n && n !== "-" && q(n).isValid() && /^\d+\-\d+\-\d+$/.test(n.trim()));
 }, vi = (e) => {
@@ -10161,8 +10161,8 @@ const Ye = ({
     showTooltip: o
   };
 }, kt = (e) => {
-  if (e.length <= Ne) return e;
-  const t = Ne - 3, n = Math.ceil(t / 2), r = Math.floor(t / 2);
+  if (e.length <= Fe) return e;
+  const t = Fe - 3, n = Math.ceil(t / 2), r = Math.floor(t / 2);
   return `${e.slice(0, n)}...${e.slice(e.length - r)}`;
 }, ps = (e) => {
   const [t, n] = (e == null ? void 0 : e.split(",").map((r) => r.trim())) ?? [];
@@ -10178,10 +10178,10 @@ const Ye = ({
   if (t.length === 1) return kt(e);
   if (t.length <= 2) {
     const a = t[0], s = t.join(", ").length;
-    return a.length > Ne || s > Ne ? `${kt(a)} +1 more` : e;
+    return a.length > Fe || s > Fe ? `${kt(a)} +1 more` : e;
   }
   const n = t[0], r = t.length - 1, o = t.join(", ").length;
-  return n.length > Ne || o > Ne ? `${kt(n)} +${r} more` : e;
+  return n.length > Fe || o > Fe ? `${kt(n)} +${r} more` : e;
 }, hs = ({
   filter: { id: e, label: t, value: n },
   onClose: r
@@ -10272,7 +10272,7 @@ const Ye = ({
     top: 100%;
     left: ${t};
     width: 342px;
-    z-index: 99999;
+    z-index: 100000;
   `}
 `, Ci = m.div`
   ${({ theme: e }) => `
@@ -10426,7 +10426,7 @@ const Ye = ({
         ) : void 0
       ] }),
       t ? /* @__PURE__ */ i(
-        Te,
+        De,
         {
           name: "filters-search",
           onChange: k,
@@ -10556,7 +10556,7 @@ const Ye = ({
           width: "100%"
         },
         children: /* @__PURE__ */ i(Re, { "aria-selected": l, children: /* @__PURE__ */ i(
-          Ie,
+          Te,
           {
             checked: l,
             label: s == null ? void 0 : s.label,
@@ -10790,7 +10790,7 @@ const Ye = ({
                 ) : void 0
               ] }),
               u ? /* @__PURE__ */ i(
-                Te,
+                De,
                 {
                   name: "options-search",
                   onChange: C,
@@ -10923,22 +10923,28 @@ const Ye = ({
                 variant: "ghost"
               }
             ),
-            t.isOpen ? /* @__PURE__ */ i(
-              bs,
-              {
-                groupedFilters: S,
-                handleChangeId: F,
-                includeSearch: e.length > Ii,
-                ref: g.setFloating
-              }
+            t.isOpen ? me(
+              /* @__PURE__ */ i(
+                bs,
+                {
+                  groupedFilters: S,
+                  handleChangeId: F,
+                  includeSearch: e.length > Ii,
+                  ref: g.setFloating
+                }
+              ),
+              document.body
             ) : void 0,
-            I ? void 0 : /* @__PURE__ */ i(
-              Cs,
-              {
-                label: z.toLowerCase(),
-                options: w,
-                ref: u.setFloating
-              }
+            I ? void 0 : me(
+              /* @__PURE__ */ i(
+                Cs,
+                {
+                  label: z.toLowerCase(),
+                  options: w,
+                  ref: u.setFloating
+                }
+              ),
+              document.body
             )
           ]
         }
@@ -11244,7 +11250,7 @@ const Ye = ({
               }
             ),
             /* @__PURE__ */ i($, { mt: 1, children: /* @__PURE__ */ i(
-              Te,
+              De,
               {
                 maxLength: Ze,
                 onChange: b,
@@ -11295,7 +11301,7 @@ const Ye = ({
       )
     }
   );
-  return e ? Fe(x, document.body) : /* @__PURE__ */ i("div", {});
+  return e ? me(x, document.body) : /* @__PURE__ */ i("div", {});
 }, Ds = m.div`
   ${({ theme: e, $backgroundColor: t = e.palette.white }) => `
     align-items: flex-start;
@@ -11608,7 +11614,7 @@ const Ye = ({
   lg: "56",
   md: "30",
   sm: "12"
-}, { getVariant: Rs } = me(
+}, { getVariant: Rs } = we(
   (e) => ({
     blue: `stroke: ${e.palette.info[500]};`,
     red: `stroke: ${e.palette.primary[500]};`,
@@ -11739,7 +11745,7 @@ const Ye = ({
     e,
     /* @__PURE__ */ i(Be, {}),
     /* @__PURE__ */ i("li", { className: "commit-info", children: /* @__PURE__ */ i(
-      we,
+      ve,
       {
         href: `https://github.com/fluidattacks/universe/tree/${t}`,
         iconPosition: "hidden",
@@ -12119,7 +12125,7 @@ const Ye = ({
       color: ${e.palette.white};
     }
   `}
-`, Se = ({
+`, ze = ({
   children: e,
   disabled: t,
   hasIcon: n = !1,
@@ -12287,7 +12293,7 @@ const Ye = ({
         /* @__PURE__ */ i(D, { color: s.palette.gray[800], display: "inline", size: "md", children: `${l - r + 1}-${l} of ${e} items` }),
         /* @__PURE__ */ h($, { alignItems: "center", display: "flex", gap: 1, children: [
           /* @__PURE__ */ i(
-            Se,
+            ze,
             {
               disabled: c,
               hasIcon: !0,
@@ -12296,7 +12302,7 @@ const Ye = ({
             }
           ),
           /* @__PURE__ */ i(
-            Se,
+            ze,
             {
               disabled: c,
               hasIcon: !0,
@@ -12307,20 +12313,20 @@ const Ye = ({
           d.map((C, z, w) => {
             const S = C === 1, I = C === t, N = g && S && z === 0, F = f && I && z === d.length - 1, L = u && z === w.length / 2 - 1;
             return /* @__PURE__ */ h(it.Fragment, { children: [
-              F && /* @__PURE__ */ i(Se, { disabled: !0, children: "..." }),
+              F && /* @__PURE__ */ i(ze, { disabled: !0, children: "..." }),
               /* @__PURE__ */ i(
-                Se,
+                ze,
                 {
                   onClick: y(C),
                   selected: n === C,
                   children: C
                 }
               ),
-              (N || L) && /* @__PURE__ */ i(Se, { disabled: !0, children: "..." })
+              (N || L) && /* @__PURE__ */ i(ze, { disabled: !0, children: "..." })
             ] }, C);
           }),
           /* @__PURE__ */ i(
-            Se,
+            ze,
             {
               disabled: p,
               hasIcon: !0,
@@ -12329,7 +12335,7 @@ const Ye = ({
             }
           ),
           /* @__PURE__ */ i(
-            Se,
+            ze,
             {
               disabled: p,
               hasIcon: !0,
@@ -13020,7 +13026,7 @@ const Ye = ({
       )
     }
   );
-  return e ? Fe(I, a ?? document.body) : I;
+  return e ? me(I, a ?? document.body) : I;
 }, uc = {
   md: {
     methodIdSize: "sm",
@@ -13828,7 +13834,7 @@ const Ye = ({
       ]
     }
   ) });
-}, { getVariant: Lc } = me(
+}, { getVariant: Lc } = we(
   (e) => ({
     completed: `
       background-color: ${e.palette.primary[500]};
@@ -14071,7 +14077,7 @@ const Ye = ({
       }
     )
   ] });
-}, ve = jn({
+}, ke = jn({
   containerRef: void 0,
   elementName: "",
   handleUnselectAll: void 0,
@@ -14369,7 +14375,7 @@ const Ye = ({
     border-right: 1px solid ${({ theme: e }) => e.palette.black};
   }
 `, Gc = () => {
-  const e = j(), { table: t } = ye(ve), { groupHeaders: n, tooltips: r } = (t == null ? void 0 : t.options.meta) ?? {}, o = v(
+  const e = j(), { table: t } = ye(ke), { groupHeaders: n, tooltips: r } = (t == null ? void 0 : t.options.meta) ?? {}, o = v(
     (p) => () => {
       p.column.getCanSort() && (t == null || t.setPageIndex(0), p.column.toggleSorting());
     },
@@ -14504,7 +14510,7 @@ const Ye = ({
   display: flex;
   width: 100%;
 `, Yc = () => {
-  const e = j(), { table: t } = ye(ve), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, r = X(() => {
+  const e = j(), { table: t } = ye(ke), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, r = X(() => {
     const { enableRowSelection: l, enableMultiRowSelection: c } = (t == null ? void 0 : t.options) ?? {};
     return l || c ? 1 : 0;
   }, [t == null ? void 0 : t.options]), o = v(
@@ -14595,7 +14601,7 @@ const Ye = ({
     selected: a,
     tableSize: s,
     tableRef: l
-  } = ye(ve);
+  } = ye(ke);
   return /* @__PURE__ */ h("div", { ref: e, children: [
     t ? void 0 : /* @__PURE__ */ i(Mc, { $width: s, children: /* @__PURE__ */ h("div", { children: [
       /* @__PURE__ */ i("b", { children: `${a} ${n} ` }),
@@ -14643,7 +14649,7 @@ const Ye = ({
   }
   `}
 `, Zc = () => {
-  const { table: e } = ye(ve), { pagination: { pageIndex: t } = { pageIndex: 0 } } = (e == null ? void 0 : e.getState()) ?? {}, n = (e == null ? void 0 : e.getPageCount()) ?? 0, r = v(() => {
+  const { table: e } = ye(ke), { pagination: { pageIndex: t } = { pageIndex: 0 } } = (e == null ? void 0 : e.getState()) ?? {}, n = (e == null ? void 0 : e.getPageCount()) ?? 0, r = v(() => {
     e == null || e.setPageIndex(t + 1);
   }, [t, e]), o = v(() => {
     e == null || e.previousPage();
@@ -14677,7 +14683,7 @@ const Ye = ({
     )
   ] });
 }, Kc = 10, qc = 20, Jc = 50, Qc = 100, ed = () => {
-  const e = j(), { table: t } = ye(ve), n = (t == null ? void 0 : t.getRowCount()) ?? 0, [r, o] = R(!1), [a, s] = R(
+  const e = j(), { table: t } = ye(ke), n = (t == null ? void 0 : t.getRowCount()) ?? 0, [r, o] = R(!1), [a, s] = R(
     (t == null ? void 0 : t.getState().pagination.pageSize) ?? 10
   ), { refs: l, floatingStyles: c } = Et({
     middleware: [ot({ mainAxis: 4 })],
@@ -14787,7 +14793,7 @@ const Ye = ({
     ) : void 0
   ] });
 }, td = () => {
-  const { table: e } = ye(ve), {
+  const { table: e } = ye(ke), {
     pagination: { pageIndex: t, pageSize: n } = { pageIndex: 0, pageSize: 10 }
   } = (e == null ? void 0 : e.getState()) ?? {}, r = (e == null ? void 0 : e.getRowCount()) ?? 0, o = v(
     (a, s, l) => {
@@ -14892,7 +14898,7 @@ const Ye = ({
 `, ld = 500, En = 300, sd = ({
   children: e
 }) => {
-  const { table: t } = ye(ve), {
+  const { table: t } = ye(ke), {
     onSearch: n,
     search: r,
     searchPlaceholder: o = "Search"
@@ -14907,7 +14913,7 @@ const Ye = ({
   }, [n]);
   return /* @__PURE__ */ h(ad, { children: [
     n === void 0 ? void 0 : /* @__PURE__ */ i(rd, { children: /* @__PURE__ */ i(
-      Te,
+      De,
       {
         maxLength: En,
         name: "search",
@@ -14944,7 +14950,7 @@ const Ye = ({
   return _(() => {
     t.setPageIndex(0);
   }, [t]), /* @__PURE__ */ i(
-    ve.Provider,
+    ke.Provider,
     {
       value: {
         containerRef: n,
@@ -15583,7 +15589,7 @@ export {
   oc as aR,
   Np as aS,
   Fp as aT,
-  Te as aU,
+  De as aU,
   Ep as aV,
   Lt as aW,
   Lp as aX,
@@ -15603,7 +15609,7 @@ export {
   fn as ak,
   Bd as al,
   Aa as am,
-  we as an,
+  ve as an,
   bt as ao,
   Fl as ap,
   $p as aq,
@@ -15684,7 +15690,7 @@ export {
   ti as c,
   Ts as c0,
   Ti as c1,
-  Se as c2,
+  ze as c2,
   Qs as c3,
   rc as c4,
   ac as c5,
@@ -15695,7 +15701,7 @@ export {
   Fc as ca,
   Wc as cb,
   Vc as cc,
-  ve as cd,
+  ke as cd,
   Dn as ce,
   Gc as cf,
   Yc as cg,
@@ -15728,9 +15734,9 @@ export {
   st as s,
   Zd as t,
   Kd as u,
-  me as v,
+  we as v,
   il as w,
   Jd as x,
   Qd as y,
-  Ie as z
+  Te as z
 };