@fluidattacks/design 3.18.1 → 3.18.2

package/dist/{components-DbYcF44e.mjs → components-ycvnCyP1.mjs}

@@ -1,7 +1,7 @@
 import { jsx as n, jsxs as h, Fragment as Ge } from "react/jsx-runtime";
 import Ft, { forwardRef as Y, useState as D, useCallback as k, StrictMode as fi, useEffect as G, useRef as M, useMemo as te, Fragment as Ie, Children as hi, isValidElement as yi, cloneElement as $i } from "react";
 import { X as bi, s as $, J as j, u as Dt, a as xi, b as mi, c as wi, d as vi, l as H, e as jt, f as ki, o as At, g as Ci, n as xe, _ as R, $ as Si, h as zi, i as Ii, j as Ti, k as Ni, m as Fi, p as Di, q as ji, r as Ai, t as Lt, C as Ye, v as Li, w as Ei, x as Ri, y as ot, z as Te, A as Pi, B as Wi, D as Et, E as Rt, F as Ne, G as Oi, H as Hi, I as Bi, K as Mi, L as Ui, M as ee, N as Vi, O as Pt, P as Gi, Q as Wt, R as Yi, S as _i, T as Ki, U as qi, V as Xi, W as Ji, Y as Ot, Z as Zi, a0 as lt, a1 as st, a2 as ct, a3 as Qi, a4 as en, a5 as tn, a6 as nn, a7 as an, a8 as rn, a9 as on, aa as ln, ab as Ht, ac as sn, ad as cn, ae as dn, af as pn, ag as gn, ak as Bt, al as un, am as fn, an as hn, ao as yn, ap as $n, aq as bn, ar as xn, as as mn, at as wn, au as dt, av as vn, aw as pt, ax as kn } from "./vendor-zX_88erz.mjs";
-import { createPortal as ge } from "react-dom";
+import { createPortal as pe } from "react-dom";
 import { Link as Cn, useLocation as Sn, NavLink as zn } from "react-router-dom";
 const le = (e) => ({
   getVariant: (t, i) => e(t)[i]
@@ -1198,7 +1198,7 @@ const F = Y(function({
         ) : e
       }
     ),
-    w && !f && ge(
+    w && !f && pe(
       /* @__PURE__ */ h(
         ta,
         {
@@ -1582,7 +1582,7 @@ const F = Y(function({
   ${_t}
 `, la = $(Cn)`
   ${_t}
-`, pe = ({
+`, de = ({
   children: e,
   color: t,
   download: i,
@@ -1688,7 +1688,7 @@ const F = Y(function({
             }
           ) : void 0
         ] }),
-        s === void 0 ? void 0 : /* @__PURE__ */ n(pe, { href: s, children: c })
+        s === void 0 ? void 0 : /* @__PURE__ */ n(de, { href: s, children: c })
       ]
     }
   );
@@ -1953,7 +1953,7 @@ const F = Y(function({
     },
     [l, s]
   );
-  return t === "video" || da(["webm"], r) ? /* @__PURE__ */ n(ut, { $opacity: a, children: /* @__PURE__ */ n(pe, { href: r, iconPosition: "hidden", children: /* @__PURE__ */ h(
+  return t === "video" || da(["webm"], r) ? /* @__PURE__ */ n(ut, { $opacity: a, children: /* @__PURE__ */ n(de, { href: r, iconPosition: "hidden", children: /* @__PURE__ */ h(
     "video",
     {
       controls: !0,
@@ -2093,7 +2093,7 @@ const F = Y(function({
         iconSize: "xxss"
       }
     ),
-    i ? /* @__PURE__ */ n(pe, { href: i, target: "_blank" }) : null,
+    i ? /* @__PURE__ */ n(de, { href: i, target: "_blank" }) : null,
     c ? /* @__PURE__ */ n(
       ne,
       {
@@ -2335,7 +2335,7 @@ const F = Y(function({
               }
             )
           ] }),
-          a && c === "down" ? /* @__PURE__ */ n(pe, { href: a, children: r }) : void 0
+          a && c === "down" ? /* @__PURE__ */ n(de, { href: a, children: r }) : void 0
         ]
       }
     ) : void 0
@@ -2567,7 +2567,7 @@ const F = Y(function({
       }
     )
   ] });
-}), ue = (e, t, i = !1, a) => {
+}), ge = (e, t, i = !1, a) => {
   G(() => {
     var o;
     const r = (l) => {
@@ -2637,7 +2637,7 @@ const F = Y(function({
       children: e.rendered
     }
   );
-  return ue(
+  return ge(
     document.getElementsByClassName("dropdown")[0],
     () => {
       t && l.close();
@@ -3849,7 +3849,7 @@ const F = Y(function({
   const s = H.isNil(t) ? "" : t, c = String(i ?? s);
   return /* @__PURE__ */ h(x, { children: [
     /* @__PURE__ */ n(Kt, { htmlFor: o, label: r, tooltip: l, weight: "bold" }),
-    c.startsWith("https://") ? /* @__PURE__ */ n(pe, { href: c, children: s }) : /* @__PURE__ */ n(T, { size: "md", children: s })
+    c.startsWith("https://") ? /* @__PURE__ */ n(de, { href: c, children: s }) : /* @__PURE__ */ n(T, { size: "md", children: s })
   ] });
 }, Ze = ({
   disabled: e = !1,
@@ -4871,7 +4871,7 @@ const F = Y(function({
     const { name: K } = st(V);
     return K.toLowerCase().includes(C.toLowerCase());
   });
-  return ue(
+  return ge(
     v.floating.current,
     () => {
       w(!1), m("");
@@ -4956,7 +4956,7 @@ const F = Y(function({
                 ]
               }
             ),
-            b && ge(
+            b && pe(
               /* @__PURE__ */ n(Qa, { ref: v.setFloating, style: S, children: ce.map((V) => {
                 const { dialCode: K, iso2: _, name: fe } = st(V);
                 return /* @__PURE__ */ h(
@@ -5124,13 +5124,7 @@ const F = Y(function({
       ]
     }
   );
-}, ir = $.div`
-  position: absolute;
-  top: -1px;
-  right: 20px;
-  width: 40px;
-  height: auto;
-`, nr = (e, t) => {
+}, ir = (e, t) => {
   const [a, r] = D(0), [o, l] = D(0);
   return G(() => {
     o === 100 && (() => {
@@ -5148,7 +5142,7 @@ const F = Y(function({
       clearInterval(s);
     };
   }, [e]), { cycle: a, progress: o, setCycle: r, setProgress: l };
-}, ar = ({
+}, nr = ({
   publicId: e,
   format: t = "webp"
 }) => {
@@ -5214,22 +5208,22 @@ const F = Y(function({
     ...Qe(e),
     hasChanged: d
   };
-}, rr = (e, t) => te(
+}, ar = (e, t) => te(
   () => R.debounce(e, t),
   [e, t]
 ), Wl = (e) => {
-  const [t, i] = D(), a = rr((r) => {
+  const [t, i] = D(), a = ar((r) => {
     i(r);
   }, (e == null ? void 0 : e.debounceWait) ?? 300);
   return [t, a];
-}, or = ({
+}, rr = ({
   alt: e = "img",
   height: t = "",
   width: i = "",
   plugins: a = [nn(), an()],
   publicId: r
 }) => {
-  const o = ar({ publicId: r });
+  const o = nr({ publicId: r });
   return /* @__PURE__ */ n(
     tn,
     {
@@ -5240,7 +5234,7 @@ const F = Y(function({
       width: i
     }
   );
-}, de = Ft.memo(or), lr = $.label`
+}, ue = Ft.memo(rr), or = $.label`
   ${({ theme: e }) => `
     align-items: center;
     display: flex;
@@ -5319,7 +5313,7 @@ const F = Y(function({
     }
 
   `}
-`, sr = $.span.attrs({ className: "checkmark" })``, Zt = Y(function({
+`, lr = $.span.attrs({ className: "checkmark" })``, Zt = Y(function({
   defaultChecked: t = !1,
   disabled: i = !1,
   label: a,
@@ -5330,7 +5324,7 @@ const F = Y(function({
   ...c
 }, d) {
   return /* @__PURE__ */ h(
-    lr,
+    or,
     {
       "aria-disabled": i,
       "aria-label": a ?? r,
@@ -5353,45 +5347,41 @@ const F = Y(function({
             ...c
           }
         ),
-        /* @__PURE__ */ n(sr, {}),
+        /* @__PURE__ */ n(lr, {}),
         a ?? null
       ]
     }
   );
 }), Ol = ({
   alt: e,
-  customDescription: t,
-  tagImageId: i,
-  imageId: a,
-  icon: r,
-  selectorProps: o,
-  onClick: l,
-  register: s,
-  title: c,
-  altTag: d,
-  width: p = "fit-content"
+  imageId: t,
+  icon: i,
+  selectorProps: a,
+  onClick: r,
+  register: o,
+  title: l,
+  width: s = "fit-content"
 }) => {
-  const g = j();
+  const c = j();
   return /* @__PURE__ */ h(
     x,
     {
       alignItems: "center",
-      border: `1px solid ${g.palette.gray[200]}`,
-      borderColorHover: g.palette.gray[600],
-      borderRadius: g.spacing[0.25],
+      border: `1px solid ${c.palette.gray[200]}`,
+      borderColorHover: c.palette.gray[600],
+      borderRadius: c.spacing[0.25],
       display: "inline-flex",
       padding: [1, 1, 1, 1],
-      position: "relative",
       shadowHover: "md",
-      width: p,
+      width: s,
       children: [
         /* @__PURE__ */ n(x, { alignSelf: "start", display: "flex", width: "fit-content", children: /* @__PURE__ */ n(
           Zt,
           {
-            name: o.name,
-            onClick: l,
-            value: o.value,
-            ...s == null ? void 0 : s(o.name)
+            name: a.name,
+            onClick: r,
+            value: a.value,
+            ...o == null ? void 0 : o(a.name)
           }
         ) }),
         /* @__PURE__ */ h(
@@ -5405,30 +5395,20 @@ const F = Y(function({
             mr: 1,
             width: "100%",
             children: [
-              a === void 0 ? void 0 : /* @__PURE__ */ n(
-                de,
+              t === void 0 ? void 0 : /* @__PURE__ */ n(
+                ue,
                 {
                   alt: e ?? "card image",
                   height: "32px",
-                  publicId: a,
+                  publicId: t,
                   width: "32px"
                 }
               ),
-              r === void 0 ? void 0 : /* @__PURE__ */ n(F, { icon: r, iconSize: "sm", iconType: "fa-light" }),
-              /* @__PURE__ */ n(T, { color: g.palette.gray[800], fontWeight: "bold", size: "sm", children: c }),
-              t === void 0 ? void 0 : /* @__PURE__ */ n(x, { children: t })
+              i === void 0 ? void 0 : /* @__PURE__ */ n(F, { icon: i, iconSize: "sm", iconType: "fa-light" }),
+              /* @__PURE__ */ n(T, { color: c.palette.gray[800], fontWeight: "bold", size: "sm", children: l })
             ]
           }
-        ),
-        i === void 0 ? void 0 : /* @__PURE__ */ n(ir, { children: /* @__PURE__ */ n(
-          de,
-          {
-            alt: d ?? "tag image",
-            height: "40px",
-            publicId: i,
-            width: "40px"
-          }
-        ) })
+        )
       ]
     }
   );
@@ -5444,7 +5424,7 @@ const F = Y(function({
     transition: 0.2s;
     width: 36px;
   `}
-`, cr = $.div`
+`, sr = $.div`
   ${({ theme: e }) => `
     background-color: ${e.palette.white};
     border-radius: 50%;
@@ -5455,7 +5435,7 @@ const F = Y(function({
     width: ${e.spacing[1]};
     z-index: 1;
   `}
-`, dr = $.label`
+`, cr = $.label`
   display: inline-block;
 
   input {
@@ -5482,7 +5462,7 @@ const F = Y(function({
     background-color: ${({ theme: e }) => e.palette.gray[200]};
     border: 1px solid ${({ theme: e }) => e.palette.gray[200]};
   }
-`, pr = Y(function({
+`, dr = Y(function({
   defaultChecked: t,
   disabled: i = !1,
   justify: a,
@@ -5508,7 +5488,7 @@ const F = Y(function({
       justify: a,
       children: [
         /* @__PURE__ */ n(x, { minWidth: l, children: g }),
-        /* @__PURE__ */ h(dr, { onClick: u, role: "switch", children: [
+        /* @__PURE__ */ h(cr, { onClick: u, role: "switch", children: [
           /* @__PURE__ */ n(
             "input",
             {
@@ -5522,7 +5502,7 @@ const F = Y(function({
               type: "checkbox"
             }
           ),
-          /* @__PURE__ */ n(ye, { "aria-label": "Toggle Switch", id: `${r}Toggle`, children: /* @__PURE__ */ n(cr, {}) })
+          /* @__PURE__ */ n(ye, { "aria-label": "Toggle Switch", id: `${r}Toggle`, children: /* @__PURE__ */ n(sr, {}) })
         ] }),
         s
       ]
@@ -5562,29 +5542,29 @@ const F = Y(function({
             minHeight: "40px",
             width: "100%",
             children: i.map(
-              (l) => /* @__PURE__ */ n(pr, { ...l }, `$card-toggle-${l.name}`)
+              (l) => /* @__PURE__ */ n(dr, { ...l }, `$card-toggle-${l.name}`)
             )
           }
         )
       ]
     }
   );
-}, gr = $.div`
+}, pr = $.div`
   position: relative;
   margin: auto;
   overflow: hidden;
-`, ur = $.div`
+`, gr = $.div`
   display: flex;
   transition: transform 0.5s ease-in-out;
   transform: translateX(
     ${({ $currentIndex: e }) => -e * 100}%
   );
-`, fr = $.div`
+`, ur = $.div`
   align-items: center;
   display: flex;
   justify-content: center;
   min-width: 100%;
-`, hr = $.button`
+`, fr = $.button`
   ${({ theme: e, $isActive: t }) => `
     background-color: ${t ? e.palette.primary[400] : e.palette.white};
     border: none;
@@ -5593,7 +5573,7 @@ const F = Y(function({
     height: ${e.spacing[0.75]};
     width: ${e.spacing[0.75]};
   `}
-`, yr = $.div`
+`, hr = $.div`
   align-items: center;
   display: flex;
   gap: ${({ theme: e }) => e.spacing[0.5]};
@@ -5603,7 +5583,7 @@ const F = Y(function({
   slides: e,
   interval: t = 300
 }) => {
-  const { cycle: i, setCycle: a, setProgress: r } = nr(t, e.length), o = k(
+  const { cycle: i, setCycle: a, setProgress: r } = ir(t, e.length), o = k(
     (l) => (
       // eslint-disable-next-line functional/functional-parameters
       () => {
@@ -5612,11 +5592,11 @@ const F = Y(function({
     ),
     [a, r]
   );
-  return /* @__PURE__ */ h(gr, { "aria-roledescription": "carousel", children: [
-    /* @__PURE__ */ n(ur, { $currentIndex: i, children: e.map((l, s) => {
+  return /* @__PURE__ */ h(pr, { "aria-roledescription": "carousel", children: [
+    /* @__PURE__ */ n(gr, { $currentIndex: i, children: e.map((l, s) => {
       const c = `slide-${s}`;
       return /* @__PURE__ */ n(
-        fr,
+        ur,
         {
           "aria-label": c,
           "aria-roledescription": "slide",
@@ -5625,10 +5605,10 @@ const F = Y(function({
         c
       );
     }) }),
-    /* @__PURE__ */ n(yr, { children: e.map((l, s) => {
+    /* @__PURE__ */ n(hr, { children: e.map((l, s) => {
       const c = `nav-button-${s}`;
       return /* @__PURE__ */ n(
-        hr,
+        fr,
         {
           $isActive: s === i,
           "aria-label": `Go to slide ${s + 1}`,
@@ -5691,7 +5671,7 @@ const F = Y(function({
       padding-bottom: unset;
     }
   `}
-`, $r = $.div`
+`, yr = $.div`
   ${({ theme: e }) => `
     align-items: end;
     background-color: ${e.palette.gray[100]};
@@ -5709,7 +5689,7 @@ const F = Y(function({
       background-color: ${e.palette.gray[200]};
     }
   `}
-`, br = ({
+`, $r = ({
   noCodeMessage: e = "Code snippet not available",
   snippet: t,
   specific: i
@@ -5743,7 +5723,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     await navigator.clipboard.writeText(g);
   }, [g]);
   return a === "location" ? /* @__PURE__ */ n(
-    br,
+    $r,
     {
       noCodeMessage: e,
       snippet: t,
@@ -5759,7 +5739,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       position: "relative",
       children: [
         /* @__PURE__ */ n(Qt, { "data-private": !0, children: /* @__PURE__ */ n("pre", { children: /* @__PURE__ */ n("code", { className: "language-none", children: g }) }) }),
-        /* @__PURE__ */ h($r, { children: [
+        /* @__PURE__ */ h(yr, { children: [
           /* @__PURE__ */ n(
             q,
             {
@@ -5791,7 +5771,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       ]
     }
   );
-}, { getVariant: xr } = le(
+}, { getVariant: br } = le(
   (e) => ({
     fixed: `
       height: auto;
@@ -5844,9 +5824,9 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     margin: auto;
     white-space: pre-line;
 
-    ${xr(e, t)}
+    ${br(e, t)}
   `}
-`, mr = $.div`
+`, xr = $.div`
   ${({ theme: e }) => `
     background-color: ${e.palette.white};
     border-bottom: 1px solid ${e.palette.gray[200]};
@@ -5864,7 +5844,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       padding: 0;
     }
   `}
-`, wr = $.div`
+`, mr = $.div`
   border-radius: ${({ theme: e }) => `${e.spacing[0.25]} ${e.spacing[0.25]} 0 0`};
   display: block;
   overflow: unset;
@@ -5874,9 +5854,9 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   padding: ${({ theme: e }) => `${e.spacing[1.25]}`};
   padding-bottom: ${({ theme: e }) => `${e.spacing[1.5]}`};
   position: sticky;
-`, vr = $.div.attrs({
+`, wr = $.div.attrs({
   className: "flex items-center justify-between"
-})``, kr = $.div`
+})``, vr = $.div`
   ${({ theme: e }) => `
     border-radius: 0 0 ${e.spacing[0.25]} ${e.spacing[0.25]};
     display: flex;
@@ -5907,7 +5887,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       margin-right: 0;
     }
   `}
-`, Cr = $.div`
+`, kr = $.div`
   img {
     margin: 0 calc(-${({ theme: e }) => e.spacing[1.25]} - 1px)
       ${({ theme: e }) => e.spacing[1.25]};
@@ -5923,7 +5903,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
             margin-right: 0;
           ` : ""}
   }
-`, Sr = ({
+`, Cr = ({
   alert: e,
   modalRef: t,
   confirmButton: i = void 0,
@@ -5947,7 +5927,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       py: 1.25,
       children: [
         e,
-        /* @__PURE__ */ n(kr, { children: /* @__PURE__ */ h("div", { children: [
+        /* @__PURE__ */ n(vr, { children: /* @__PURE__ */ h("div", { children: [
           a && /* @__PURE__ */ n(
             B,
             {
@@ -5972,7 +5952,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       ]
     }
   ) : null;
-}, zr = ({
+}, Sr = ({
   title: e,
   description: t,
   modalRef: i,
@@ -5989,8 +5969,8 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     return window.addEventListener("keydown", s), () => {
       window.removeEventListener("keydown", s);
     };
-  }, [l]), /* @__PURE__ */ h(wr, { children: [
-    /* @__PURE__ */ h(vr, { children: [
+  }, [l]), /* @__PURE__ */ h(mr, { children: [
+    /* @__PURE__ */ h(wr, { children: [
       typeof e == "string" ? /* @__PURE__ */ n(
         ie,
         {
@@ -6068,11 +6048,11 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       ]
     }
   );
-}, Ir = (e, t, i) => i ? t === "secondary" ? `3px solid ${e.palette.primary[100]}` : `3px solid ${e.palette.primary[500]}` : "unset", Tr = $.div`
+}, zr = (e, t, i) => i ? t === "secondary" ? `3px solid ${e.palette.primary[100]}` : `3px solid ${e.palette.primary[500]}` : "unset", Ir = $.div`
   display: flex;
   flex-direction: row;
   gap: ${({ theme: e }) => e.spacing[0.25]};
-  border-bottom: ${({ theme: e, $borderButton: t, $variant: i }) => Ir(e, i, t)};
+  border-bottom: ${({ theme: e, $borderButton: t, $variant: i }) => zr(e, i, t)};
   align-items: center;
   padding: ${({ theme: e }) => e.spacing[0.625]}
     ${({ theme: e }) => e.spacing[0.5]};
@@ -6111,7 +6091,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       }
     }
   }
-`, Nr = $(
+`, Tr = $(
   We
 )`
   ${({ theme: e, $variant: t }) => `
@@ -6126,31 +6106,31 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     width: ${e.spacing[0.5]};
     height: ${e.spacing[0.5]};
   `}
-`, Fr = $.div`
+`, Nr = $.div`
   align-items: center;
   color: ${({ theme: e }) => e.palette.white};
   display: flex;
   font-size: 6px;
   font-weight: ${({ theme: e }) => e.typography.weight.bold};
   justify-content: center;
-`, Dr = Y(function({
+`, Fr = Y(function({
   numberIndicator: t,
   show: i,
   variant: a = "error",
   ...r
 }, o) {
   return /* @__PURE__ */ n(
-    Nr,
+    Tr,
     {
       $variant: a,
       className: i ? "flex" : "hidden",
       "data-testid": "notification-sign",
       ref: o,
       ...r,
-      children: t && /* @__PURE__ */ n(Fr, { children: t <= 9 ? t : 9 })
+      children: t && /* @__PURE__ */ n(Nr, { children: t <= 9 ? t : 9 })
     }
   );
-}), jr = ({
+}), Dr = ({
   end: e = !1,
   label: t,
   id: i,
@@ -6163,11 +6143,11 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   tag: d
 }) => {
   const { pathname: p } = Sn(), g = a || (c === "primary" ? p.includes(r) : p.endsWith(r));
-  return /* @__PURE__ */ n(ne, { display: "flex", id: `${i}-tooltip`, tip: s, children: /* @__PURE__ */ h(Tr, { $borderButton: g, $variant: c, children: [
+  return /* @__PURE__ */ n(ne, { display: "flex", id: `${i}-tooltip`, tip: s, children: /* @__PURE__ */ h(Ir, { $borderButton: g, $variant: c, children: [
     /* @__PURE__ */ h(zn, { end: e, id: i, onClick: l, to: r, children: [
       t,
       /* @__PURE__ */ n(
-        Dr,
+        Fr,
         {
           left: o == null ? void 0 : o.left,
           numberIndicator: o == null ? void 0 : o.numberIndicator,
@@ -6215,7 +6195,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
           tag: u,
           tooltip: f
         }) => /* @__PURE__ */ n(
-          jr,
+          Dr,
           {
             end: o,
             id: l,
@@ -6252,7 +6232,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       ...o
     }
   );
-}), Ar = $.li`
+}), jr = $.li`
   ${({ theme: e }) => `
     align-items: center;
     background-color: ${e.palette.white};
@@ -6299,7 +6279,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       background-color: ${e.palette.gray[100]};
     }
   `}
-`, Lr = $.ul`
+`, Ar = $.ul`
   ${({ theme: e }) => `
     background-color: ${e.palette.white};
     border: 1px solid ${e.palette.gray[200]};
@@ -6329,7 +6309,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     ...b.props
   }) : b) : e;
   return /* @__PURE__ */ h(
-    Ar,
+    jr,
     {
       "aria-disabled": t,
       "aria-label": p,
@@ -6351,7 +6331,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
               iconType: a
             }
           ) : null,
-          r === void 0 ? y : /* @__PURE__ */ n(pe, { href: r, children: y })
+          r === void 0 ? y : /* @__PURE__ */ n(de, { href: r, children: y })
         ] }) : null,
         d || c ? /* @__PURE__ */ n(
           F,
@@ -6368,7 +6348,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       ]
     }
   );
-}, Er = $(He)`
+}, Lr = $(He)`
   margin-top: 10px;
   border: 1px solid ${({ theme: e }) => e.palette.gray[300]};
   border-radius: 4px;
@@ -6386,7 +6366,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   &[aria-selected="true"]:not([aria-disabled="true"]) {
     background-color: unset;
   }
-`, Rr = ({
+`, Er = ({
   items: e,
   onReorder: t,
   title: i,
@@ -6436,7 +6416,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
               item: l.name,
               value: l,
               children: /* @__PURE__ */ n(
-                Er,
+                Lr,
                 {
                   disabled: l.locked,
                   icon: "grid-2",
@@ -6455,7 +6435,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       ]
     }
   );
-}, Pr = $(He)`
+}, Rr = $(He)`
   padding: 7px 8px;
 
   &[aria-selected="true"] {
@@ -6471,7 +6451,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       display: none;
     }
   }
-`, Wr = ({
+`, Pr = ({
   options: e,
   title: t,
   checkboxesName: i,
@@ -6552,7 +6532,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     [a.group]: [a]
   } : i,
   {}
-), Or = $.input`
+), Wr = $.input`
   ${({ theme: e }) => `
     background: none;
     border: none !important;
@@ -6582,7 +6562,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       display:none;
     }
   `}
-`, Hr = $.div`
+`, Or = $.div`
   ${({ theme: e }) => `
     align-items: center;
     background-color: ${e.palette.white};
@@ -6602,7 +6582,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       border: 2px solid ${e.palette.black};
     }
   `}
-`, Br = $.div`
+`, Hr = $.div`
   ${({ theme: e }) => `
     background-color: ${e.palette.white};
     border-radius: ${e.spacing[0.5]};
@@ -6623,14 +6603,14 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     },
     []
   );
-  ue(
+  ge(
     p.floating.current,
     () => {
       d(!1);
     },
     !0
   );
-  const y = /* @__PURE__ */ h(Hr, { children: [
+  const y = /* @__PURE__ */ h(Or, { children: [
     /* @__PURE__ */ n(
       F,
       {
@@ -6641,7 +6621,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       }
     ),
     /* @__PURE__ */ n(
-      Or,
+      Wr,
       {
         ...o,
         id: t,
@@ -6680,9 +6660,9 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
         variant: "ghost"
       }
     ),
-    c ? /* @__PURE__ */ n(Br, { ref: p.setFloating, style: g, children: y }) : void 0
+    c ? /* @__PURE__ */ n(Hr, { ref: p.setFloating, style: g, children: y }) : void 0
   ] }) : y;
-}), Mr = ({
+}), Br = ({
   columns: e,
   formId: t,
   onChangeHandler: i,
@@ -6741,7 +6721,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
               ([g, u], f) => {
                 const y = `li-checkbox${g}`;
                 return /* @__PURE__ */ n(
-                  Wr,
+                  Pr,
                   {
                     checkboxesName: g,
                     defaultCollapsed: f === 0,
@@ -6779,7 +6759,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
         children: o.map((g) => {
           const u = `li-checkbox-${g.name}`;
           return /* @__PURE__ */ n(
-            Pr,
+            Rr,
             {
               selected: g.visible,
               value: u,
@@ -6831,7 +6811,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     const g = (u = o.current) == null ? void 0 : u.scrollHeight;
     l !== g && s(g);
   }, [l]);
-  return i.isOpen ? ge(
+  return i.isOpen ? pe(
     /* @__PURE__ */ n(ei, { "aria-label": i.name, "aria-modal": "true", children: /* @__PURE__ */ h(et, { $size: "md", flexDirection: "column", children: [
       /* @__PURE__ */ h(
         x,
@@ -6873,7 +6853,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
           width: "100%",
           children: [
             /* @__PURE__ */ n(
-              Mr,
+              Br,
               {
                 columns: i.columns,
                 formId: "columns-visibility",
@@ -6889,7 +6869,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
               }
             ),
             /* @__PURE__ */ n(
-              Rr,
+              Er,
               {
                 description: "Click and drag to reorder the columns",
                 items: i.columns,
@@ -6939,11 +6919,11 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     ] }) }),
     document.getElementById(e) ?? document.body
   ) : /* @__PURE__ */ n("div", {});
-}, Ur = $(He)`
+}, Mr = $(He)`
   padding: 8px;
   min-height: 36px;
   min-width: unset;
-`, Vr = $.div.attrs({
+`, Ur = $.div.attrs({
   className: "comp-modal absolute top-[55px] overflow-auto"
 })`
   align-items: center;
@@ -6958,7 +6938,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   svg.fa-check {
     border-radius: 2px;
   }
-`, Gr = ({
+`, Vr = ({
   control: e,
   option: t,
   register: i,
@@ -7088,7 +7068,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     default:
       return /* @__PURE__ */ n("div", {});
   }
-}, Yr = ({
+}, Gr = ({
   control: e,
   items: t,
   register: i,
@@ -7097,7 +7077,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   const l = `${r.type}-${r.value}-${r.filterFn ?? "default"}`;
   return /* @__PURE__ */ h("div", { children: [
     /* @__PURE__ */ n(
-      Gr,
+      Vr,
       {
         control: e,
         option: r,
@@ -7107,7 +7087,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     ),
     o < t.length - 1 && /* @__PURE__ */ n("hr", { style: { margin: "1.25rem 0 0.625rem" } })
   ] }, l);
-}) }), _r = (e) => {
+}) }), Yr = (e) => {
   var s, c, d, p, g;
   const [t, i] = D([...e]), { control: a, register: r, handleSubmit: o, setValue: l } = Ht({
     defaultValues: {
@@ -7141,7 +7121,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     handleSubmit: o,
     setValue: l
   };
-}, Kr = (e, t) => {
+}, _r = (e, t) => {
   var i, a, r, o, l;
   t(
     "checkbox",
@@ -7170,30 +7150,32 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     "maxValue",
     (l = e.find((s) => ["numberRange", "dateRange"].includes(s.type))) == null ? void 0 : l.maxValue
   );
-}, qr = (e, t) => e.map((i) => {
-  var a;
-  return i.type === "checkboxes" ? {
+}, Kr = (e, t) => (e == null ? void 0 : e.filter(
+  (i) => {
+    var a;
+    return ((a = i.label) == null ? void 0 : a.toLowerCase().includes((t == null ? void 0 : t.toLowerCase()) ?? "")) ?? i.value.toLowerCase().includes((t == null ? void 0 : t.toLowerCase()) ?? "");
+  }
+)) ?? [], qr = async (e, t) => await Promise.all(
+  e.map(async (i) => i.type === "checkboxes" ? {
     ...i,
-    options: (a = i.options) == null ? void 0 : a.filter(
-      (r) => {
-        var o;
-        return ((o = r.label) == null ? void 0 : o.toLowerCase().includes(t.toLowerCase())) ?? r.value.toLowerCase().includes(t.toLowerCase());
-      }
-    )
-  } : i;
-}), St = ({
+    options: i.filterOptions ? await i.filterOptions(i.options ?? [], t) : Kr(i.options ?? [], t)
+  } : i)
+), St = ({
   options: e,
   onSearch: t,
   onSubmit: i,
   id: a
 }) => {
-  const { control: r, items: o, setItems: l, register: s, handleSubmit: c, setValue: d } = _r(e), p = e.some(
+  const { control: r, items: o, setItems: l, register: s, handleSubmit: c, setValue: d } = Yr(e), p = e.some(
     (f) => f.type === "checkboxes" && f.hideSearch !== !0
   ), g = k(
-    (f) => {
+    async (f) => {
       const { value: y } = f.target;
       t && t(y);
-      const b = qr(e, y);
+      const b = await qr(
+        e,
+        y
+      );
       l(b);
     },
     [e, t, l]
@@ -7204,12 +7186,12 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     [i]
   );
   return G(() => {
-    l(e), Kr(e, d);
+    l(e), _r(e, d);
   }, [e, l, d]), /* @__PURE__ */ h("div", { className: "flex flex-col gap-[8px]", id: a, children: [
     p && /* @__PURE__ */ n(ze, { onChange: g }),
     /* @__PURE__ */ h("form", { id: a, onSubmit: c(u), children: [
       /* @__PURE__ */ n(
-        Yr,
+        Gr,
         {
           control: r,
           items: o,
@@ -7275,7 +7257,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     (m, v) => {
       const S = `li-filter-option-${m}`;
       return /* @__PURE__ */ h(
-        Ur,
+        Mr,
         {
           icon: v,
           onClick: b(m),
@@ -7392,7 +7374,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       return document.addEventListener("mousedown", u, !0), () => {
         document.removeEventListener("mousedown", u, !0);
       };
-  }, [p, s, a]), /* @__PURE__ */ n(Vr, { $bgColor: "transparent", "aria-label": a.name, children: /* @__PURE__ */ h(
+  }, [p, s, a]), /* @__PURE__ */ n(Ur, { $bgColor: "transparent", "aria-label": a.name, children: /* @__PURE__ */ h(
     et,
     {
       $size: "fixed",
@@ -7734,7 +7716,7 @@ const we = ({
           id: f,
           children: [
             !R.isEmpty(g) && !R.isNil(g) && /* @__PURE__ */ n(
-              zr,
+              Sr,
               {
                 description: l,
                 modalRef: s,
@@ -7753,13 +7735,13 @@ const we = ({
                 children: /* @__PURE__ */ n(ti, { items: p })
               }
             ),
-            (R.isObject(o) || a) && /* @__PURE__ */ h(mr, { children: [
+            (R.isObject(o) || a) && /* @__PURE__ */ h(xr, { children: [
               a,
-              R.isObject(o) && R.isString(o.imageSrc) && /* @__PURE__ */ n(Cr, { $framed: o.imageFramed, children: /* @__PURE__ */ n(de, { alt: "modal-img", publicId: o.imageSrc }) }),
+              R.isObject(o) && R.isString(o.imageSrc) && /* @__PURE__ */ n(kr, { $framed: o.imageFramed, children: /* @__PURE__ */ n(ue, { alt: "modal-img", publicId: o.imageSrc }) }),
               R.isObject(o) && R.isString(o.imageText) && /* @__PURE__ */ n(T, { size: "sm", children: o.imageText })
             ] }),
             /* @__PURE__ */ n(
-              Sr,
+              Cr,
               {
                 alert: t,
                 cancelButton: i,
@@ -7772,7 +7754,7 @@ const we = ({
       )
     }
   );
-  return e && s.isOpen ? ge(
+  return e && s.isOpen ? pe(
     b,
     document.getElementById("portals") ?? document.body
   ) : s.isOpen ? b : null;
@@ -7867,7 +7849,7 @@ const we = ({
   }), u = k(() => {
     c((f) => !f);
   }, []);
-  return ue(
+  return ge(
     p.floating.current,
     () => {
       c(!1);
@@ -7965,7 +7947,7 @@ const we = ({
 }) => {
   const s = (t ?? e) !== void 0;
   return /* @__PURE__ */ h(so, { $padding: r, children: [
-    /* @__PURE__ */ n(co, { children: /* @__PURE__ */ n(de, { alt: "empty-icon", publicId: a }) }),
+    /* @__PURE__ */ n(co, { children: /* @__PURE__ */ n(ue, { alt: "empty-icon", publicId: a }) }),
     /* @__PURE__ */ n(
       ie,
       {
@@ -8301,7 +8283,7 @@ const we = ({
       )
     }
   );
-  return e ? ge(b, document.body) : /* @__PURE__ */ n("div", {});
+  return e ? pe(b, document.body) : /* @__PURE__ */ n("div", {});
 }, es = ({
   description: e,
   height: t = "auto",
@@ -8581,7 +8563,7 @@ const we = ({
   header: { height: "35px", width: "160px" },
   icon: { height: "40px", width: "40px" },
   inline: { width: "150px" }
-}, as = ({ publicId: e, variant: t }) => /* @__PURE__ */ n(x, { ...Co[t], children: /* @__PURE__ */ n(de, { alt: "logo", publicId: e }) }), So = $(un).attrs(
+}, as = ({ publicId: e, variant: t }) => /* @__PURE__ */ n(x, { ...Co[t], children: /* @__PURE__ */ n(ue, { alt: "logo", publicId: e }) }), So = $(un).attrs(
   ({ autoplay: e = !0 }) => ({
     autoplay: e,
     className: "comp-lottie"
@@ -8603,9 +8585,9 @@ const we = ({
   setVisibility: o
 }) => {
   const l = j(), { userName: s, email: c, phone: d, userRole: p } = r;
-  return ue(a, () => {
+  return ge(a, () => {
     o(!1);
-  }), /* @__PURE__ */ h(Lr, { children: [
+  }), /* @__PURE__ */ h(Ar, { children: [
     /* @__PURE__ */ n("li", { className: "user-info", children: /* @__PURE__ */ h(x, { display: "inline-flex", gap: 0.25, width: "100%", children: [
       /* @__PURE__ */ h(
         x,
@@ -8635,7 +8617,7 @@ const we = ({
     e,
     /* @__PURE__ */ n(be, {}),
     /* @__PURE__ */ n("li", { className: "commit-info", children: /* @__PURE__ */ n(
-      pe,
+      de,
       {
         href: `https://gitlab.com/fluidattacks/universe/-/tree/${t}`,
         iconPosition: "hidden",
@@ -8940,7 +8922,7 @@ const we = ({
       pt: 0.5,
       children: [
         a ? !1 : /* @__PURE__ */ n(x, { height: "24px", width: "24px", children: e === void 0 ? /* @__PURE__ */ n(
-          de,
+          ue,
           {
             alt: `${r} Logo`,
             height: "100%",
@@ -8980,7 +8962,7 @@ const we = ({
   providers: o
 }) => {
   const l = j(), [s, c] = D(!1), d = M(null);
-  ue(
+  ge(
     d.current,
     () => {
       c(!1);
@@ -9392,7 +9374,7 @@ const we = ({
                 width: "100%",
                 children: [
                   /* @__PURE__ */ n(x, { children: /* @__PURE__ */ n(
-                    de,
+                    ue,
                     {
                       alt: f,
                       height: w,
@@ -9468,7 +9450,7 @@ const we = ({
       )
     }
   );
-  return e ? ge(v, o ?? document.body) : v;
+  return e ? pe(v, o ?? document.body) : v;
 }, Ho = $.div.attrs({
   className: "comp-scroll-up"
 })`
@@ -10738,7 +10720,7 @@ export {
   pa as J,
   Xl as K,
   Jl as L,
-  de as M,
+  ue as M,
   Zl as N,
   Ql as O,
   F as P,
@@ -10754,7 +10736,7 @@ export {
   Pa as Z,
   Sl as _,
   Mt as a,
-  rr as a$,
+  ar as a$,
   qa as a0,
   Al as a1,
   Xa as a2,
@@ -10780,7 +10762,7 @@ export {
   ae as aM,
   ll as aN,
   vs as aO,
-  pr as aP,
+  dr as aP,
   ks as aQ,
   ne as aR,
   Cs as aS,
@@ -10788,14 +10770,14 @@ export {
   ie as aU,
   T as aV,
   ke as aW,
-  nr as aX,
-  ar as aY,
-  ue as aZ,
+  ir as aX,
+  nr as aY,
+  ge as aZ,
   Pl as a_,
   Va as aa,
-  pe as ab,
+  de as ab,
   He as ac,
-  Lr as ad,
+  Ar as ad,
   is as ae,
   ns as af,
   as as ag,
@@ -10804,14 +10786,14 @@ export {
   ls as aj,
   ro as ak,
   Ul as al,
-  Sr as am,
+  Cr as am,
   Vl as an,
   Jr as ao,
   Gl as ap,
   Yl as aq,
   Qr as ar,
   ss as as,
-  Dr as at,
+  Fr as at,
   cs as au,
   ds as av,
   Nt as aw,
@@ -10848,15 +10830,15 @@ export {
   vt as bj,
   kt as bk,
   Ve as bl,
-  br as bm,
-  zr as bn,
-  jr as bo,
-  Rr as bp,
-  Wr as bq,
-  Mr as br,
-  Gr as bs,
-  Yr as bt,
-  _r as bu,
+  $r as bm,
+  Sr as bn,
+  Dr as bo,
+  Er as bp,
+  Pr as bq,
+  Br as br,
+  Vr as bs,
+  Gr as bt,
+  Yr as bu,
   St as bv,
   Xr as bw,
   we as bx,