@fluidattacks/design 3.38.0 → 3.38.2

package/dist/{components-D8zLmE-3.mjs → components-BuN0a73y.mjs}

@@ -1,4 +1,4 @@
-import { jsx as i, jsxs as h, Fragment as pe } from "react/jsx-runtime";
+import { jsx as i, jsxs as h, Fragment as ce } from "react/jsx-runtime";
 import rt, { forwardRef as te, useState as j, useCallback as w, useEffect as _, useMemo as X, useRef as M, StrictMode as Gi, Fragment as fe, Children as zt, isValidElement as On, cloneElement as Vn, createContext as Wn, useContext as ye } from "react";
 import { ThemeProvider as Ui, styled as m, useTheme as R, css as He, keyframes as Pn } from "styled-components";
 import { C as Yi, s as Xi, _ as O, u as Bn, p as It, A as Zi, l as Ki, a as qi, c as Et, b as Oe, d as Ji, e as Qi, f as er, g as tr, h as G, i as ot, j as Hn, o as at, k as nr, $ as ir, m as rr, n as or, q as ar, r as lr, t as sr, v as cr, w as dr, x as pr, y as Mn, z as _n, B as Lt, D as gr, E as ur, F as hr, G as en, H as lt, I as fr, J as yr, K as Gn, L as st, M as Un, N as $r, O as br, P as xr, Q as mr, R as wr, S as q, T as vr, U as Yn, V as kr, W as Xn, X as Zn, Y as Cr, Z as Sr, a0 as zr, a1 as Ir, a2 as Tr, a3 as Dr, a4 as At, a5 as Nr, a6 as tn, a7 as nn, a8 as rn, a9 as Re, aa as Fr, ab as Kn, ac as qn, ad as Jn, ae as Qn, af as ei, ag as Er, ah as ti, ai as Lr, aj as Ar, ak as Rr, al as jr, am as Or, an as Vr, ar as ni, as as Wr, at as Pr, au as Br, av as Hr, aw as Mr, ax as _r, ay as Gr, az as Ur, aA as Yr, aB as Xr, aC as Tt, aD as Zr, aE as on, aF as Kr, aG as an, aH as qr } from "./vendor-COIDHbn6.mjs";
@@ -1502,7 +1502,7 @@ const A = te(function({
               variant: d
             }
           ),
-          e ? /* @__PURE__ */ h(pe, { children: [
+          e ? /* @__PURE__ */ h(ce, { children: [
             /* @__PURE__ */ i(be, {}),
             /* @__PURE__ */ h(
               N,
@@ -1517,7 +1517,7 @@ const A = te(function({
               }
             )
           ] }) : void 0,
-          s ? /* @__PURE__ */ h(pe, { children: [
+          s ? /* @__PURE__ */ h(ce, { children: [
             /* @__PURE__ */ i(be, {}),
             /* @__PURE__ */ h(
               N,
@@ -1532,7 +1532,7 @@ const A = te(function({
               }
             )
           ] }) : void 0,
-          c ? /* @__PURE__ */ h(pe, { children: [
+          c ? /* @__PURE__ */ h(ce, { children: [
             /* @__PURE__ */ i(be, {}),
             /* @__PURE__ */ h(
               N,
@@ -1869,7 +1869,7 @@ const A = te(function({
     E,
     D
   ]), L = X(() => z.startsWith("top") ? "top" : z.startsWith("bottom") ? "bottom" : z.startsWith("left") ? "left" : z.startsWith("right") ? "right" : "bottom", [z]);
-  return t ? /* @__PURE__ */ i(Gi, { children: e }) : /* @__PURE__ */ h(pe, { children: [
+  return t ? /* @__PURE__ */ i(Gi, { children: e }) : /* @__PURE__ */ h(ce, { children: [
     /* @__PURE__ */ i(
       qo,
       {
@@ -2361,7 +2361,7 @@ const A = te(function({
   ${Ot}
 `, la = m(Jr)`
   ${Ot}
-`, we = ({
+`, Te = ({
   children: e,
   color: t,
   download: n,
@@ -2472,7 +2472,7 @@ const A = te(function({
             }
           ) : void 0
         ] }),
-        c === void 0 ? void 0 : /* @__PURE__ */ i(we, { href: c, children: p })
+        c === void 0 ? void 0 : /* @__PURE__ */ i(Te, { href: c, children: p })
       ]
     }
   );
@@ -2760,7 +2760,7 @@ const A = te(function({
   opacity: r = 0,
   src: o,
   height: a = "auto"
-}) => t === "video" || ca(["webm"], o) ? /* @__PURE__ */ i(dn, { $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" || ca(["webm"], o) ? /* @__PURE__ */ i(dn, { $opacity: r, children: /* @__PURE__ */ i(Te, { 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(dn, { $opacity: r, children: /* @__PURE__ */ i("img", { alt: e, src: o, style: { height: a, width: n } }) }), Md = ({
@@ -2910,7 +2910,7 @@ const A = te(function({
             tip: o
           }
         ) : null,
-        n ? /* @__PURE__ */ i(we, { href: n, target: "_blank" }) : null
+        n ? /* @__PURE__ */ i(Te, { href: n, target: "_blank" }) : null
       ]
     }
   );
@@ -3122,7 +3122,7 @@ const A = te(function({
     line-height: 18px;
     text-align: left;
   `}
-`, ce = ({
+`, de = ({
   children: e,
   disabled: t,
   id: n,
@@ -3189,7 +3189,7 @@ const A = te(function({
         gap: 0.25,
         width: "100%",
         children: [
-          l && /* @__PURE__ */ h(pe, { children: [
+          l && /* @__PURE__ */ h(ce, { children: [
             /* @__PURE__ */ i(
               A,
               {
@@ -3209,7 +3209,7 @@ const A = te(function({
               }
             )
           ] }),
-          o && p === "down" ? /* @__PURE__ */ i(we, { href: o, children: a }) : void 0
+          o && p === "down" ? /* @__PURE__ */ i(Te, { href: o, children: a }) : void 0
         ]
       }
     ) : void 0
@@ -3408,7 +3408,7 @@ const A = te(function({
       fill: ${e.palette.white};
     }
   `}
-`, Ie = te(function({
+`, ze = te(function({
   checked: t,
   disabled: n = !1,
   label: r,
@@ -3490,7 +3490,7 @@ const A = te(function({
       (L == null ? void 0 : L.length) <= 2 ? L.join(", ") : `${L.slice(0, 2).join(", ") + `, +${L.length - 2} more`}`
     ));
   }, [g, u, n, o, a, s]), v = e.key === "All" ? /* @__PURE__ */ i(
-    Ie,
+    ze,
     {
       ...r == null ? void 0 : r("checkAll", { onChange: k }),
       label: (E = e.rendered) == null ? void 0 : E.toString(),
@@ -3498,7 +3498,7 @@ const A = te(function({
       value: (D = e.rendered) == null ? void 0 : D.toString()
     }
   ) : /* @__PURE__ */ i(
-    Ie,
+    ze,
     {
       ...r == null ? void 0 : r(`${n}Options`, { onChange: S }),
       label: (F = e.rendered) == null ? void 0 : F.toString(),
@@ -3538,7 +3538,7 @@ const A = te(function({
       className: C,
       ref: p,
       children: [
-        d ? /* @__PURE__ */ i(we, { href: d, onClick: I, children: z }) : z,
+        d ? /* @__PURE__ */ i(Te, { href: d, onClick: I, children: z }) : z,
         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" })
       ]
@@ -3574,11 +3574,11 @@ const A = te(function({
   var qt, Jt;
   const F = R(), T = t ? void 0 : r, L = (e == null ? void 0 : e.value) ?? I, [V, B] = j(
     ((qt = g.find((H) => H.value === L)) == null ? void 0 : qt.name) ?? ""
-  ), [Z, J] = j(L), [ee, ie] = j(g), [ke, Y] = j(!1), { contains: K } = lr({ sensitivity: "base" }), ue = M(null), Ce = M(null), Ee = M(null), Le = M(null), _e = M(null), Ri = X(() => g.toSorted((H, oe) => {
+  ), [Z, J] = j(L), [ee, ie] = j(g), [ve, Y] = j(!1), { contains: K } = lr({ sensitivity: "base" }), ue = M(null), ke = M(null), Ee = M(null), Le = M(null), _e = M(null), Ri = 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, V) || ke ? /* @__PURE__ */ i(
+    (H) => K(H.name, V) || ve ? /* @__PURE__ */ i(
       sr,
       {
         "aria-label": H.value,
@@ -3588,7 +3588,7 @@ const A = te(function({
       },
       H.value
     ) : null
-  ), [K, n, V, g, ke]), ji = w(
+  ), [K, n, V, g, ve]), ji = w(
     (H) => {
       const oe = H.split(/,|\s/u).slice(-1)[0].trim();
       B(d ? oe : H), H === "" || H.endsWith(",") ? Y(!0) : (Y(!1), J((se) => {
@@ -3648,7 +3648,7 @@ const A = te(function({
   } = dr(
     {
       inputValue: V,
-      buttonRef: Ce,
+      buttonRef: ke,
       id: p,
       inputRef: ue,
       label: s ?? p,
@@ -3658,7 +3658,7 @@ const A = te(function({
       popoverRef: _e
     },
     re
-  ), { listBoxProps: Yt } = pr(Mi, re, Ee), { buttonProps: _i } = Mn(Bi, Ce), { width: Xt } = ((Jt = Le.current) == null ? void 0 : Jt.getBoundingClientRect()) ?? {
+  ), { listBoxProps: Yt } = pr(Mi, re, Ee), { buttonProps: _i } = Mn(Bi, ke), { width: Xt } = ((Jt = Le.current) == null ? void 0 : Jt.getBoundingClientRect()) ?? {
     width: 240
   };
   $e(
@@ -3681,7 +3681,7 @@ const A = te(function({
     getScrollElement: () => Ee.current
   });
   return /* @__PURE__ */ h(
-    ce,
+    de,
     {
       error: T,
       helpLink: o,
@@ -3746,7 +3746,7 @@ const A = te(function({
                   iconType: "fa-light",
                   px: 0.125,
                   py: 0.125,
-                  ref: Ce,
+                  ref: ke,
                   type: "button",
                   variant: "ghost"
                 }
@@ -4524,7 +4524,7 @@ const A = te(function({
     f
   );
   return /* @__PURE__ */ h(
-    ce,
+    de,
     {
       error: e ? void 0 : t,
       helpLink: n,
@@ -4645,7 +4645,7 @@ const A = te(function({
   return _(() => {
     l && l(S.isOpen);
   }, [l, S.isOpen]), /* @__PURE__ */ h(
-    ce,
+    de,
     {
       error: e ? void 0 : t,
       htmlFor: r,
@@ -4813,7 +4813,7 @@ const A = te(function({
     [u, c, a]
   );
   return /* @__PURE__ */ h(
-    ce,
+    de,
     {
       error: t ? void 0 : n,
       htmlFor: a,
@@ -4872,7 +4872,7 @@ const A = te(function({
   const s = G.isNil(t) ? "" : t, c = String(n ?? s);
   return /* @__PURE__ */ h(b, { children: [
     /* @__PURE__ */ i(ui, { htmlFor: a, label: o, tooltip: l, weight: "bold" }),
-    c.startsWith("https://") ? /* @__PURE__ */ i(we, { href: c, children: s }) : /* @__PURE__ */ i(N, { size: "md", children: s })
+    c.startsWith("https://") ? /* @__PURE__ */ i(Te, { href: c, children: s }) : /* @__PURE__ */ i(N, { size: "md", children: s })
   ] });
 }, bt = ({
   disabled: e = !1,
@@ -4910,7 +4910,7 @@ const A = te(function({
     []
   );
   return /* @__PURE__ */ h(
-    ce,
+    de,
     {
       error: T,
       helpLink: n,
@@ -5824,7 +5824,7 @@ const A = te(function({
         );
         K && K.length > 0 && (p == null || p(
           ue
-        ), u && u(c, K), F && F.onChange(ue), await new Promise((Ce) => setTimeout(Ce, 100)));
+        ), u && u(c, K), F && F.onChange(ue), await new Promise((ke) => setTimeout(ke, 100)));
       } catch (K) {
         console.error("Error handling file change:", K);
       } finally {
@@ -5832,14 +5832,14 @@ const A = te(function({
       }
     },
     [F, c, p, u]
-  ), ke = w(
+  ), ve = w(
     (Y) => {
       Y.stopPropagation(), t ? Y.preventDefault() : D.current && D.current.click();
     },
     [t]
   );
   return /* @__PURE__ */ h(
-    ce,
+    de,
     {
       error: E,
       helpLink: o,
@@ -5856,7 +5856,7 @@ const A = te(function({
             disabled: t,
             errorMsg: E,
             fileName: L,
-            handleButtonClick: ke,
+            handleButtonClick: ve,
             handleRemoveFile: ee,
             theme: I
           }
@@ -5869,7 +5869,7 @@ const A = te(function({
             disabled: t,
             errorMsg: E,
             fileName: L,
-            handleButtonClick: ke,
+            handleButtonClick: ve,
             handleRemoveFile: ee,
             inputRef: D,
             maxSize: z,
@@ -5976,7 +5976,7 @@ const A = te(function({
     [p, z, v]
   );
   return /* @__PURE__ */ i(
-    ce,
+    de,
     {
       error: x,
       helpLink: r,
@@ -6254,7 +6254,7 @@ const A = te(function({
               )
             ]
           }
-        ) : /* @__PURE__ */ h(pe, { children: [
+        ) : /* @__PURE__ */ h(ce, { children: [
           /* @__PURE__ */ i(
             Ue,
             {
@@ -6329,7 +6329,7 @@ const A = te(function({
     variant: E
   }
 ) : /* @__PURE__ */ i(
-  ce,
+  de,
   {
     error: n ? void 0 : r,
     helpLink: o,
@@ -6376,7 +6376,7 @@ const A = te(function({
 }) => {
   const p = `${n}Max`, d = `${n}Min`;
   return /* @__PURE__ */ i(
-    ce,
+    de,
     {
       error: e ? void 0 : t,
       htmlFor: n,
@@ -6559,7 +6559,7 @@ const A = te(function({
     v(!0);
   }, []), ie = w(() => {
     v(!1);
-  }, []), ke = tn.filter((Y) => {
+  }, []), ve = tn.filter((Y) => {
     const { name: K } = nn(Y);
     return K.toLowerCase().includes(C.toLowerCase());
   });
@@ -6570,7 +6570,7 @@ const A = te(function({
     },
     !0
   ), /* @__PURE__ */ i(
-    ce,
+    de,
     {
       error: f,
       htmlFor: r,
@@ -6651,8 +6651,8 @@ const A = te(function({
               }
             ),
             $ && Fe(
-              /* @__PURE__ */ i(cl, { ref: z.setFloating, style: I, children: ke.map((Y) => {
-                const { dialCode: K, iso2: ue, name: Ce } = nn(Y);
+              /* @__PURE__ */ i(cl, { ref: z.setFloating, style: I, children: ve.map((Y) => {
+                const { dialCode: K, iso2: ue, name: ke } = nn(Y);
                 return /* @__PURE__ */ h(
                   dl,
                   {
@@ -6660,7 +6660,7 @@ const A = te(function({
                     value: ue,
                     children: [
                       /* @__PURE__ */ i(rn, { iso2: ue, size: "16px" }),
-                      /* @__PURE__ */ i(pl, { children: Ce }),
+                      /* @__PURE__ */ i(pl, { children: ke }),
                       /* @__PURE__ */ i(
                         N,
                         {
@@ -6707,7 +6707,7 @@ const A = te(function({
 }) => {
   const z = R(), I = (k == null ? void 0 : k(c)) ?? v, E = l && a && !e, D = e ? void 0 : t;
   return /* @__PURE__ */ i(
-    ce,
+    de,
     {
       disabled: e,
       error: D,
@@ -6945,7 +6945,7 @@ const A = te(function({
               px: 0.5,
               py: 0.5,
               children: /* @__PURE__ */ i(
-                Ie,
+                ze,
                 {
                   checked: d.visible,
                   disabled: d.locked,
@@ -7185,7 +7185,7 @@ const A = te(function({
     transition: 0.2s;
     width: 44px;
   `}
-`, ze = m.div`
+`, Se = m.div`
   ${({ theme: e }) => `
     align-items: center;
     background-color: ${e.palette.white};
@@ -7218,7 +7218,7 @@ const A = te(function({
     transform: translateX(100%);
   }
 
-  input:checked + ${he} > ${ze} svg {
+  input:checked + ${he} > ${Se} svg {
     color: ${({ theme: e }) => e.palette.primary[500]};
   }
 
@@ -7226,25 +7226,25 @@ const A = te(function({
     background-color: ${({ theme: e }) => e.palette.gray[300]};
   }
 
-  input:not(:checked):not(:disabled) + ${he} > ${ze} svg {
+  input:not(:checked):not(:disabled) + ${he} > ${Se} svg {
     color: ${({ theme: e }) => e.palette.gray[500]};
   }
 
-  input:disabled + ${he} > ${ze} svg {
+  input:disabled + ${he} > ${Se} svg {
     color: ${({ theme: e }) => e.palette.white};
   }
 
-  input:disabled + ${he} > ${ze} {
+  input:disabled + ${he} > ${Se} {
     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} > ${Se} {
     color: ${({ theme: e }) => e.palette.white};
     left: 0.5px;
   }
 
-  input:disabled:not(:checked) + ${he} > ${ze} {
+  input:disabled:not(:checked) + ${he} > ${Se} {
     left: 1.5px;
   }
 
@@ -7253,7 +7253,7 @@ const A = te(function({
     background-color: ${({ theme: e }) => e.palette.gray[200]};
     border: 1px solid ${({ theme: e }) => e.palette.gray[400]};
   }
-`, de = m.div`
+`, pe = m.div`
   align-items: center;
   border: 1px solid transparent;
   border-radius: 16px;
@@ -7299,52 +7299,52 @@ const A = te(function({
     width: 0;
   }
 
-  input:not(:checked):not(:disabled) + ${de} {
+  input:not(:checked):not(:disabled) + ${pe} {
     background-color: ${({ theme: e }) => e.palette.gray[300]};
   }
 
-  input:checked + ${de} {
+  input:checked + ${pe} {
     background-color: ${({ theme: e }) => e.palette.success[500]};
     border: 1px solid ${({ theme: e }) => e.palette.success[500]};
   }
 
-  input:checked + ${de} > ${De} {
+  input:checked + ${pe} > ${De} {
     transform: translateX(27px);
   }
 
-  input:checked + ${de} > ${De} svg {
+  input:checked + ${pe} > ${De} svg {
     color: ${({ theme: e }) => e.palette.success[500]};
   }
 
-  input:checked + ${de} > ${qe} {
+  input:checked + ${pe} > ${qe} {
     color: ${({ theme: e }) => e.palette.white};
     left: 3px;
   }
 
-  input:not(:checked):not(:disabled) + ${de} > ${qe} {
+  input:not(:checked):not(:disabled) + ${pe} > ${qe} {
     color: ${({ theme: e }) => e.palette.gray[500]};
     right: 6px;
   }
 
-  input:not(:checked):not(:disabled) + ${de} > ${De} svg {
+  input:not(:checked):not(:disabled) + ${pe} > ${De} svg {
     color: ${({ theme: e }) => e.palette.gray[500]};
   }
 
-  input:disabled + ${de} {
+  input:disabled + ${pe} {
     cursor: not-allowed;
     background-color: ${({ theme: e }) => e.palette.gray[200]};
     border: 1px solid ${({ theme: e }) => e.palette.gray[400]};
   }
 
-  input:disabled + ${de} > ${De} {
+  input:disabled + ${pe} > ${De} {
     background-color: ${({ theme: e }) => e.palette.gray[400]};
   }
 
-  input:disabled + ${de} > ${De} svg {
+  input:disabled + ${pe} > ${De} svg {
     color: ${({ theme: e }) => e.palette.white};
   }
 
-  input:disabled + ${de} > ${qe} {
+  input:disabled + ${pe} > ${qe} {
     color: ${({ theme: e }) => e.palette.gray[400]};
     right: 6px;
   }
@@ -7383,7 +7383,7 @@ const A = te(function({
         type: "checkbox"
       }
     ),
-    /* @__PURE__ */ h(de, { "aria-label": "Toggle Switch", id: `${l}Toggle`, children: [
+    /* @__PURE__ */ h(pe, { "aria-label": "Toggle Switch", id: `${l}Toggle`, children: [
       /* @__PURE__ */ i(De, { children: t ? /* @__PURE__ */ i(A, { icon: "check", iconSize: "sm" }) : /* @__PURE__ */ i(A, { icon: "times", iconSize: "sm" }) }),
       /* @__PURE__ */ i(qe, { children: t ? "YES" : "NO" })
     ] })
@@ -7402,7 +7402,7 @@ const A = te(function({
         type: "checkbox"
       }
     ),
-    /* @__PURE__ */ i(he, { "aria-label": "Toggle Switch", id: `${l}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: `${l}Toggle`, children: /* @__PURE__ */ i(Se, { children: o ? /* @__PURE__ */ i(A, { icon: t ? "check" : "times", iconSize: "md" }) : void 0 }) })
   ] }), S = () => {
     const v = k();
     return n && d ? /* @__PURE__ */ i(ae, { id: `${l}-tooltip`, place: g, tip: d, children: v }) : v;
@@ -8341,7 +8341,7 @@ ${$[8]}...` : ($.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(Te, { href: o, children: y })
         ] }) : null,
         p || c ? /* @__PURE__ */ i(
           A,
@@ -8494,7 +8494,7 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
     [r.group]: [r]
   } : n,
   {}
-), _l = 300, Te = ({
+), _l = 300, Ie = ({
   name: e,
   onClear: t,
   onChange: n,
@@ -8528,7 +8528,7 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
       currentTarget: { value: "" }
     });
   }, [t, n]), f = !G.isEmpty(c);
-  return /* @__PURE__ */ i(ce, { htmlFor: e ?? "", children: /* @__PURE__ */ h(ge, { children: [
+  return /* @__PURE__ */ i(de, { htmlFor: e ?? "", children: /* @__PURE__ */ h(ge, { children: [
     /* @__PURE__ */ i(
       A,
       {
@@ -8613,7 +8613,7 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
       width: "55%",
       children: [
         /* @__PURE__ */ i("form", { id: "search-form", ref: o, children: /* @__PURE__ */ i(
-          Te,
+          Ie,
           {
             name: "search",
             onChange: p,
@@ -8655,7 +8655,7 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
     }
   ) : /* @__PURE__ */ h(b, { height: "100%", id: "columns-buttons", py: 1.25, width: "55%", children: [
     /* @__PURE__ */ i("form", { id: "search-form", ref: o, children: /* @__PURE__ */ i(
-      Te,
+      Ie,
       {
         name: "search",
         onChange: p,
@@ -8681,7 +8681,7 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
               value: u,
               width: "content",
               children: /* @__PURE__ */ i(
-                Ie,
+                ze,
                 {
                   checked: g.visible,
                   disabled: g.locked,
@@ -8931,7 +8931,7 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
                   value: y.value,
                   width: "content",
                   children: /* @__PURE__ */ i(
-                    Ie,
+                    ze,
                     {
                       ...n("checkbox"),
                       label: y.label,
@@ -9052,7 +9052,7 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
   register: n,
   setValue: r,
   watch: o
-}) => /* @__PURE__ */ i(pe, { children: t.map((a, l) => {
+}) => /* @__PURE__ */ i(ce, { children: t.map((a, l) => {
   const s = `${a.type}-${a.value}-${a.filterFn ?? "default"}`;
   return /* @__PURE__ */ h("div", { children: [
     /* @__PURE__ */ i(
@@ -9140,7 +9140,7 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
         u && /* @__PURE__ */ h("div", { children: [
           f ? o : void 0,
           /* @__PURE__ */ i(
-            Te,
+            Ie,
             {
               onChange: y,
               onClear: $,
@@ -9912,7 +9912,7 @@ const Ye = ({
       ({ state: x }) => x
     ), $ = Object.entries(d).map(
       ([x, { state: C, label: k }]) => /* @__PURE__ */ i(
-        Ie,
+        ze,
         {
           defaultChecked: C,
           label: k,
@@ -10472,7 +10472,7 @@ const Ye = ({
         ) : void 0
       ] }),
       t ? /* @__PURE__ */ i(
-        Te,
+        Ie,
         {
           name: "filters-search",
           onChange: C,
@@ -10602,7 +10602,7 @@ const Ye = ({
           width: "100%"
         },
         children: /* @__PURE__ */ i(je, { "aria-selected": s, children: /* @__PURE__ */ i(
-          Ie,
+          ze,
           {
             checked: s,
             label: l == null ? void 0 : l.label,
@@ -10747,7 +10747,7 @@ const Ye = ({
     o.length,
     g,
     x.length
-  ]), /* @__PURE__ */ i(pe, { children: (c == null ? void 0 : c({
+  ]), /* @__PURE__ */ i(ce, { children: (c == null ? void 0 : c({
     items: y,
     virtualItems: x,
     id: e,
@@ -10836,7 +10836,7 @@ const Ye = ({
                 ) : void 0
               ] }),
               u ? /* @__PURE__ */ i(
-                Te,
+                Ie,
                 {
                   name: "options-search",
                   onChange: k,
@@ -11296,7 +11296,7 @@ const Ye = ({
               }
             ),
             /* @__PURE__ */ i(b, { mt: 1, children: /* @__PURE__ */ i(
-              Te,
+              Ie,
               {
                 maxLength: Ze,
                 onChange: $,
@@ -11752,15 +11752,14 @@ const Ye = ({
   return /* @__PURE__ */ i(Qs, { $size: t, ...e });
 }, Dp = ({
   children: e,
-  commitSha: t,
-  commitShortSha: n,
-  parentElement: r,
-  userInfo: o,
-  setVisibility: a
+  commitShortSha: t,
+  parentElement: n,
+  userInfo: r,
+  setVisibility: o
 }) => {
-  const l = R(), { userName: s, email: c, phone: p, userRole: d } = o;
-  return $e(r, () => {
-    a(!1);
+  const a = R(), { userName: l, email: s, phone: c, userRole: p } = r;
+  return $e(n, () => {
+    o(!1);
   }), /* @__PURE__ */ h(Pl, { children: [
     /* @__PURE__ */ i("li", { className: "user-info", children: /* @__PURE__ */ h(b, { display: "inline-flex", gap: 0.25, width: "100%", children: [
       /* @__PURE__ */ h(
@@ -11774,30 +11773,25 @@ const Ye = ({
             /* @__PURE__ */ i(
               N,
               {
-                color: l.palette.gray[800],
+                color: a.palette.gray[800],
                 fontWeight: "bold",
                 size: "md",
-                children: s
+                children: l
               }
             ),
-            /* @__PURE__ */ i(N, { color: l.palette.gray[400], size: "md", children: c }),
-            G.isUndefined(p) ? void 0 : /* @__PURE__ */ i(N, { color: l.palette.gray[400], size: "md", children: p })
+            /* @__PURE__ */ i(N, { color: a.palette.gray[400], size: "md", children: s }),
+            G.isUndefined(c) ? void 0 : /* @__PURE__ */ i(N, { color: a.palette.gray[400], size: "md", children: c })
           ]
         }
       ),
-      /* @__PURE__ */ i(b, { children: /* @__PURE__ */ i(le, { tagLabel: d, variant: "role" }) })
+      /* @__PURE__ */ i(b, { children: /* @__PURE__ */ i(le, { tagLabel: p, variant: "role" }) })
     ] }) }),
     /* @__PURE__ */ i(Be, {}),
     e,
-    /* @__PURE__ */ i(Be, {}),
-    /* @__PURE__ */ i("li", { className: "commit-info", children: /* @__PURE__ */ i(
-      we,
-      {
-        href: `https://github.com/fluidattacks/universe/tree/${t}`,
-        iconPosition: "hidden",
-        children: /* @__PURE__ */ i(N, { color: l.palette.gray[400], size: "sm", children: `commit : ${n}` })
-      }
-    ) })
+    G.isUndefined(t) ? void 0 : /* @__PURE__ */ h(ce, { children: [
+      /* @__PURE__ */ i(Be, {}),
+      /* @__PURE__ */ i("li", { className: "commit-info", children: /* @__PURE__ */ i(N, { color: a.palette.gray[400], size: "sm", children: `commit : ${t}` }) })
+    ] })
   ] });
 }, ec = m.button`
   align-items: center;
@@ -12171,7 +12165,7 @@ const Ye = ({
       color: ${e.palette.white};
     }
   `}
-`, Se = ({
+`, Ce = ({
   children: e,
   disabled: t,
   hasIcon: n = !1,
@@ -12339,7 +12333,7 @@ const Ye = ({
         /* @__PURE__ */ i(N, { color: l.palette.gray[800], display: "inline", size: "md", children: `${s - r + 1}-${s} of ${e} items` }),
         /* @__PURE__ */ h(b, { alignItems: "center", display: "flex", gap: 1, children: [
           /* @__PURE__ */ i(
-            Se,
+            Ce,
             {
               disabled: c,
               hasIcon: !0,
@@ -12348,7 +12342,7 @@ const Ye = ({
             }
           ),
           /* @__PURE__ */ i(
-            Se,
+            Ce,
             {
               disabled: c,
               hasIcon: !0,
@@ -12359,20 +12353,20 @@ const Ye = ({
           d.map((k, S, v) => {
             const z = k === 1, I = k === t, E = g && z && S === 0, D = f && I && S === d.length - 1, F = u && S === v.length / 2 - 1;
             return /* @__PURE__ */ h(rt.Fragment, { children: [
-              D && /* @__PURE__ */ i(Se, { disabled: !0, children: "..." }),
+              D && /* @__PURE__ */ i(Ce, { disabled: !0, children: "..." }),
               /* @__PURE__ */ i(
-                Se,
+                Ce,
                 {
                   onClick: y(k),
                   selected: n === k,
                   children: k
                 }
               ),
-              (E || F) && /* @__PURE__ */ i(Se, { disabled: !0, children: "..." })
+              (E || F) && /* @__PURE__ */ i(Ce, { disabled: !0, children: "..." })
             ] }, k);
           }),
           /* @__PURE__ */ i(
-            Se,
+            Ce,
             {
               disabled: p,
               hasIcon: !0,
@@ -12381,7 +12375,7 @@ const Ye = ({
             }
           ),
           /* @__PURE__ */ i(
-            Se,
+            Ce,
             {
               disabled: p,
               hasIcon: !0,
@@ -13142,7 +13136,7 @@ const Ye = ({
               variant: g
             }
           ),
-          /* @__PURE__ */ h(pe, { children: [
+          /* @__PURE__ */ h(ce, { children: [
             d === "lg" ? /* @__PURE__ */ i(be, {}) : void 0,
             /* @__PURE__ */ h(
               N,
@@ -13157,7 +13151,7 @@ const Ye = ({
               }
             )
           ] }),
-          /* @__PURE__ */ h(pe, { children: [
+          /* @__PURE__ */ h(ce, { children: [
             d === "lg" ? /* @__PURE__ */ i(be, {}) : void 0,
             /* @__PURE__ */ h(
               N,
@@ -13172,7 +13166,7 @@ const Ye = ({
               }
             )
           ] }),
-          /* @__PURE__ */ h(pe, { children: [
+          /* @__PURE__ */ h(ce, { children: [
             d === "lg" ? /* @__PURE__ */ i(be, {}) : void 0,
             /* @__PURE__ */ i(
               N,
@@ -13206,7 +13200,7 @@ const Ye = ({
               ) })
             ] }, k.key))
           ] }),
-          c ? /* @__PURE__ */ h(pe, { children: [
+          c ? /* @__PURE__ */ h(ce, { children: [
             d === "lg" ? /* @__PURE__ */ i(be, {}) : void 0,
             /* @__PURE__ */ h(
               N,
@@ -13842,7 +13836,7 @@ const Ye = ({
     d,
     n
   );
-  return /* @__PURE__ */ i(ce, { htmlFor: l, label: r, children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ i(de, { htmlFor: l, label: r, children: /* @__PURE__ */ h(
     b,
     {
       alignItems: "center",
@@ -14123,7 +14117,7 @@ const Ye = ({
       }
     )
   ] });
-}, ve = Wn({
+}, we = Wn({
   containerRef: void 0,
   elementName: "",
   handleUnselectAll: void 0,
@@ -14421,7 +14415,7 @@ const Ye = ({
     border-right: 1px solid ${({ theme: e }) => e.palette.black};
   }
 `, ed = () => {
-  const e = R(), { table: t } = ye(ve), { groupHeaders: n, tooltips: r } = (t == null ? void 0 : t.options.meta) ?? {}, o = w(
+  const e = R(), { table: t } = ye(we), { groupHeaders: n, tooltips: r } = (t == null ? void 0 : t.options.meta) ?? {}, o = w(
     (p) => () => {
       p.column.getCanSort() && (t == null || t.setPageIndex(0), p.column.toggleSorting());
     },
@@ -14556,7 +14550,7 @@ const Ye = ({
   display: flex;
   width: 100%;
 `, nd = () => {
-  const e = R(), { table: t } = ye(ve), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, r = X(() => {
+  const e = R(), { table: t } = ye(we), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, r = X(() => {
     const { enableRowSelection: s, enableMultiRowSelection: c } = (t == null ? void 0 : t.options) ?? {};
     return s || c ? 1 : 0;
   }, [t == null ? void 0 : t.options]), o = w(
@@ -14647,7 +14641,7 @@ const Ye = ({
     selected: a,
     tableSize: l,
     tableRef: s
-  } = ye(ve);
+  } = ye(we);
   return /* @__PURE__ */ h("div", { ref: e, children: [
     t ? void 0 : /* @__PURE__ */ i(Jc, { $width: l, children: /* @__PURE__ */ h("div", { children: [
       /* @__PURE__ */ i("b", { children: `${a} ${n} ` }),
@@ -14695,7 +14689,7 @@ const Ye = ({
   }
   `}
 `, rd = () => {
-  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 = w(() => {
+  const { table: e } = ye(we), { pagination: { pageIndex: t } = { pageIndex: 0 } } = (e == null ? void 0 : e.getState()) ?? {}, n = (e == null ? void 0 : e.getPageCount()) ?? 0, r = w(() => {
     e == null || e.setPageIndex(t + 1);
   }, [t, e]), o = w(() => {
     e == null || e.previousPage();
@@ -14729,7 +14723,7 @@ const Ye = ({
     )
   ] });
 }, od = 10, ad = 20, ld = 50, sd = 100, cd = () => {
-  const e = R(), { table: t } = ye(ve), n = (t == null ? void 0 : t.getRowCount()) ?? 0, [r, o] = j(!1), [a, l] = j(
+  const e = R(), { table: t } = ye(we), n = (t == null ? void 0 : t.getRowCount()) ?? 0, [r, o] = j(!1), [a, l] = j(
     (t == null ? void 0 : t.getState().pagination.pageSize) ?? 10
   ), { refs: s, floatingStyles: c } = At({
     middleware: [at({ mainAxis: 4 })],
@@ -14839,7 +14833,7 @@ const Ye = ({
     ) : void 0
   ] });
 }, dd = () => {
-  const { table: e } = ye(ve), {
+  const { table: e } = ye(we), {
     pagination: { pageIndex: t, pageSize: n } = { pageIndex: 0, pageSize: 10 }
   } = (e == null ? void 0 : e.getState()) ?? {}, r = (e == null ? void 0 : e.getRowCount()) ?? 0, o = w(
     (a, l, s) => {
@@ -14944,7 +14938,7 @@ const Ye = ({
 `, yd = 500, Rn = 300, $d = ({
   children: e
 }) => {
-  const { table: t } = ye(ve), {
+  const { table: t } = ye(we), {
     onSearch: n,
     search: r,
     searchPlaceholder: o = "Search"
@@ -14959,7 +14953,7 @@ const Ye = ({
   }, [n]);
   return /* @__PURE__ */ h(fd, { children: [
     n === void 0 ? void 0 : /* @__PURE__ */ i(ud, { children: /* @__PURE__ */ i(
-      Te,
+      Ie,
       {
         maxLength: Rn,
         name: "search",
@@ -14996,7 +14990,7 @@ const Ye = ({
   return _(() => {
     t.setPageIndex(0);
   }, [t]), /* @__PURE__ */ i(
-    ve.Provider,
+    we.Provider,
     {
       value: {
         containerRef: n,
@@ -15469,7 +15463,7 @@ const Ye = ({
         /* @__PURE__ */ h(
           b,
           {
-            alignItems: "center",
+            alignItems: "flex-start",
             as: l ? "button" : "div",
             bgColor: e.isHighlighted ? "rgba(254, 242, 243, 0.4)" : "transparent",
             bgColorHover: l ? a.palette.gray[50] : void 0,
@@ -15511,7 +15505,7 @@ const Ye = ({
                   margin: [0, 0, 0, 0],
                   padding: [0, 0, 0, 0],
                   children: [
-                    /* @__PURE__ */ i("span", { children: e.label }),
+                    /* @__PURE__ */ i("span", { style: { textAlign: "left" }, children: e.label }),
                     e.metadata ? /* @__PURE__ */ i(
                       "span",
                       {
@@ -15744,7 +15738,7 @@ export {
   ap as L,
   lp as M,
   sp as N,
-  Ie as O,
+  ze as O,
   xe as P,
   cp as Q,
   jd as R,
@@ -15797,7 +15791,7 @@ export {
   jp as aZ,
   Vp as a_,
   Cp as aa,
-  ce as ab,
+  de as ab,
   tp as ac,
   hi as ad,
   _d as ae,
@@ -15820,14 +15814,14 @@ export {
   bn as av,
   Kd as aw,
   Ma as ax,
-  we as ay,
+  Te as ay,
   xt as az,
   $n as b,
   ql as b$,
   hc as b0,
   Wp as b1,
   Pp as b2,
-  Te as b3,
+  Ie as b3,
   Bp as b4,
   Rt as b5,
   Hp as b6,
@@ -15906,7 +15900,7 @@ export {
   Ls as cb,
   Os as cc,
   Ei as cd,
-  Se as ce,
+  Ce as ce,
   sc as cf,
   uc as cg,
   fc as ch,
@@ -15917,7 +15911,7 @@ export {
   Pc as cm,
   Xc as cn,
   Zc as co,
-  ve as cp,
+  we as cp,
   En as cq,
   ed as cr,
   nd as cs,