@fluidattacks/design 3.8.13-pr-05 → 3.8.13

package/dist/{components-Dxb6_Zi7.mjs → components-BRnTxNj7.mjs}

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as f, Fragment as wt } from "react/jsx-runtime";
 import kt, { forwardRef as V, useState as F, useCallback as k, useRef as A, StrictMode as ln, useEffect as U, useMemo as Z, Children as vt, isValidElement as Ct, cloneElement as sn, Fragment as St, createElement as Ze } from "react";
-import { o as cn, d as b, n as j, M as dn, f as pn, a as gn, l as P, b as pe, _ as O, $ as un, c as fn, e as hn, g as bn, h as $n, i as yn, j as xn, k as mn, m as zt, C as It, p as wn, q as kn, r as vn, s as Je, t as me, u as Cn, v as Sn, w as Tt, x as we, y as Nt, z as zn, A as In, B as Tn, D as Nn, E as jn, F as Be, G as Dn, H as jt, I as Fn, J as Dt, K as Wn, L as Ln, N as Pn, O as En, P as An, Q as Ft, R as Mn, S as Qe, T as et, U as Rn, V as tt, W as Bn, X as On, Y as Hn, Z as Vn, a0 as Wt, a1 as _n, a2 as Gn, a3 as Un, a4 as Lt, a5 as Kn, a6 as Yn, a9 as qn, aa as Pt, ab as Xn, ac as Zn, ad as Jn, ae as Qn, af as ei, ag as ti, ah as ni, ai as ii, aj as nt, ak as ai, al as it, am as ri } from "./vendor-Cl-gDlvC.mjs";
+import { o as cn, d as b, n as j, M as dn, f as pn, a as gn, l as P, b as pe, _ as H, $ as un, c as fn, e as hn, g as bn, h as $n, i as yn, j as xn, k as mn, m as zt, C as It, p as wn, q as kn, r as vn, s as Je, t as me, u as Cn, v as Sn, w as Tt, x as we, y as Nt, z as zn, A as In, B as Tn, D as Nn, E as jn, F as Be, G as Dn, H as jt, I as Fn, J as Dt, K as Wn, L as Ln, N as Pn, O as En, P as An, Q as Ft, R as Mn, S as Qe, T as et, U as Rn, V as tt, W as Bn, X as Hn, Y as On, Z as Vn, a0 as Wt, a1 as _n, a2 as Gn, a3 as Un, a4 as Lt, a5 as Kn, a6 as Yn, a9 as qn, aa as Pt, ab as Xn, ac as Zn, ad as Jn, ae as Qn, af as ei, ag as ti, ah as ni, ai as ii, aj as nt, ak as ai, al as it, am as ri } from "./vendor-Cl-gDlvC.mjs";
 import { createPortal as Q } from "react-dom";
 import { Link as oi, useLocation as li, NavLink as si } from "react-router-dom";
 const ne = (e) => ({
@@ -1479,7 +1479,7 @@ const S = V(function({
       }
     `
   })
-), Oi = b.span`
+), Hi = b.span`
   ${({ theme: e, $fontSize: t = e.typography.text.xs, $variant: i }) => `
     align-items: center;
     border-radius: ${e.spacing[i === "technique" ? 1 : 0.25]};
@@ -1502,7 +1502,7 @@ const S = V(function({
 
     ${Bi(e, i)}
   `}
-`, { getVariant: Hi } = ne(
+`, { getVariant: Oi } = ne(
   (e) => ({
     highRelevance: `
       color: ${e.palette.primary[500]};
@@ -1541,7 +1541,7 @@ const S = V(function({
       text-decoration: none;
     }
 
-    ${t ?? Hi(e, i)}
+    ${t ?? Oi(e, i)}
   `}
 `, Vi = b.a`
   ${Bt}
@@ -1623,7 +1623,7 @@ const S = V(function({
       display: s === void 0 ? "initial" : "flex",
       size: "sm",
       children: [
-        /* @__PURE__ */ f(Oi, { $fontSize: l, $variant: h, className: d, children: [
+        /* @__PURE__ */ f(Hi, { $fontSize: l, $variant: h, className: d, children: [
           t && /* @__PURE__ */ n(
             S,
             {
@@ -1778,7 +1778,7 @@ const S = V(function({
       ]
     }
   ) });
-}), Oe = ({
+}), He = ({
   authorEmail: e,
   date: t,
   description: i,
@@ -1872,10 +1872,10 @@ const S = V(function({
     ${({ $opacity: e = 0 }) => `background-color: rgba(0, 0, 0, ${e});`}
   }
 `, Ui = (e) => {
-  if (O.isNil(e)) return "";
+  if (H.isNil(e)) return "";
   const t = e.split(".");
-  return (t.length > 1 ? O.last(t) : "").toLowerCase();
-}, Ki = (e, t) => O.isUndefined(t) ? !1 : O.includes(e, Ui(t)), Yi = ({
+  return (t.length > 1 ? H.last(t) : "").toLowerCase();
+}, Ki = (e, t) => H.isUndefined(t) ? !1 : H.includes(e, Ui(t)), Yi = ({
   alt: e,
   fileType: t,
   width: i = "100%",
@@ -1954,7 +1954,7 @@ const S = V(function({
           }
         ),
         p ? null : /* @__PURE__ */ n(
-          Oe,
+          He,
           {
             authorEmail: t,
             date: i,
@@ -1991,7 +1991,7 @@ const S = V(function({
       text-align: ${t};
     }
   `}
-`, Ot = ({
+`, Ht = ({
   htmlFor: e,
   label: t,
   link: i,
@@ -2179,7 +2179,7 @@ const S = V(function({
   const h = j(), x = g ? g.length : 0;
   return /* @__PURE__ */ f(Xi, { children: [
     l === void 0 ? void 0 : /* @__PURE__ */ n(
-      Ot,
+      Ht,
       {
         htmlFor: o,
         label: l,
@@ -2381,11 +2381,11 @@ const S = V(function({
   var Xe;
   const w = j(), v = t ? void 0 : i, N = (e == null ? void 0 : e.value) ?? y, [z, T] = F(
     ((Xe = p.find((R) => R.value === N)) == null ? void 0 : Xe.name) ?? ""
-  ), [E, H] = F(N), [B, _] = F(p), [L, W] = F(!1), { contains: Y } = bn({ sensitivity: "base" }), J = A(null), se = A(null), Fe = A(null), Ke = A(null), Ye = A(null), Zt = Z(() => p.map(
+  ), [E, O] = F(N), [B, _] = F(p), [L, W] = F(!1), { contains: Y } = bn({ sensitivity: "base" }), J = A(null), se = A(null), Fe = A(null), Ke = A(null), Ye = A(null), Zt = Z(() => p.map(
     (R) => Y(R.name, z) || L ? /* @__PURE__ */ n($n, { children: R.name }, R.value) : null
   ), [Y, z, p, L]), Jt = k(
     (R) => {
-      T(R), R === "" ? W(!0) : (W(!1), H((X) => {
+      T(R), R === "" ? W(!0) : (W(!1), O((X) => {
         const he = R === "" ? "" : X;
         return e && e.onChange(he), g && g(R), he;
       }), _(p.filter((X) => Y(X.name, R))));
@@ -2394,7 +2394,7 @@ const S = V(function({
   ), Qt = k(
     (R) => {
       var X;
-      T(((X = p.find((he) => he.value === R)) == null ? void 0 : X.name) ?? ""), H(R ? String(R) : ""), e && e.onChange(R), g && g(R ? String(R) : ""), _(p);
+      T(((X = p.find((he) => he.value === R)) == null ? void 0 : X.name) ?? ""), O(R ? String(R) : ""), e && e.onChange(R), g && g(R ? String(R) : ""), _(p);
     },
     [p, e, g]
   ), qe = k(
@@ -2623,7 +2623,7 @@ const S = V(function({
   display: flex;
   padding: ${({ theme: e }) => e.spacing[0.25]} 0;
   width: 100%;
-`, Ht = pe`
+`, Ot = pe`
   ${({ theme: e }) => `
     align-items: center;
     color: ${e.palette.gray[800]};
@@ -2640,10 +2640,10 @@ const S = V(function({
     width: ${e.spacing[2.5]};
   `}
 `, na = b.th`
-  ${Ht}
+  ${Ot}
 `, ia = b.td`
   ${({ theme: e }) => `
-    ${Ht}
+    ${Ot}
     height: ${e.spacing[2.5]};
     width: ${e.spacing[2.5]};
 
@@ -2706,7 +2706,7 @@ const S = V(function({
     height: 3.5px;
     width: 7px;
   }
-`, He = b.div`
+`, Oe = b.div`
   ${({ theme: e }) => `
     align-items: end;
     border-top: 1px solid ${e.palette.gray[200]};
@@ -2924,7 +2924,7 @@ const S = V(function({
       }
     ),
     /* @__PURE__ */ n(Ve, { state: a }),
-    /* @__PURE__ */ n(He, { children: /* @__PURE__ */ n(M, { onClick: e, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ n(Oe, { children: /* @__PURE__ */ n(M, { onClick: e, variant: "ghost", children: "Cancel" }) })
   ] });
 }, Vt = ({
   segment: e,
@@ -3136,14 +3136,14 @@ const S = V(function({
 }) => {
   const h = A(null), x = g == null ? void 0 : g(s), y = jt({
     ...u,
-    value: O.isNil(x) || O.isEmpty(x) || x === "-" ? null : Fn(x.replace(/\//gu, "-"))
+    value: H.isNil(x) || H.isEmpty(x) || x === "-" ? null : Fn(x.replace(/\//gu, "-"))
   }), { close: m } = y, { groupProps: w, fieldProps: v, buttonProps: N, dialogProps: z, calendarProps: T } = Dt(
     { ...u, "aria-label": l ?? s, name: s },
     y,
     h
   ), E = k(
-    (H) => {
-      T.onChange && T.onChange(H), p && p(s, _t(H.toString()));
+    (O) => {
+      T.onChange && T.onChange(O), p && p(s, _t(O.toString()));
     },
     [T, s, p]
   );
@@ -3214,7 +3214,7 @@ const S = V(function({
       }
     ),
     /* @__PURE__ */ n(Ve, { state: r }),
-    /* @__PURE__ */ n(He, { children: /* @__PURE__ */ n(M, { onClick: e, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ n(Oe, { children: /* @__PURE__ */ n(M, { onClick: e, variant: "ghost", children: "Cancel" }) })
   ] });
 }, ya = b.div`
   ${({ theme: e, $disabled: t, $show: i }) => `
@@ -3374,7 +3374,7 @@ const S = V(function({
         }
       ) })
     ] }),
-    /* @__PURE__ */ n(He, { children: /* @__PURE__ */ n(M, { onClick: t, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ n(Oe, { children: /* @__PURE__ */ n(M, { onClick: t, variant: "ghost", children: "Cancel" }) })
   ] });
 }, kl = (e) => {
   const {
@@ -3394,7 +3394,7 @@ const S = V(function({
     isDisabled: t,
     isRequired: a,
     shouldCloseOnSelect: !1,
-    value: O.isNil(d) || O.isEmpty(d) || d === "-" ? null : An(d.replace(/\//gu, "-"))
+    value: H.isNil(d) || H.isEmpty(d) || d === "-" ? null : An(d.replace(/\//gu, "-"))
   }), { close: h } = u, { groupProps: x, fieldProps: y, buttonProps: m, dialogProps: w, calendarProps: v } = Dt(e, u, g), N = k(
     (T) => {
       v.onChange && v.onChange(T), c == null || c(
@@ -3468,7 +3468,7 @@ const S = V(function({
     return /* @__PURE__ */ n("div", { children: e });
   const s = P.isNil(t) ? "" : t, c = String(i ?? s);
   return /* @__PURE__ */ f($, { children: [
-    /* @__PURE__ */ n(Ot, { htmlFor: o, label: r, tooltip: l, weight: "bold" }),
+    /* @__PURE__ */ n(Ht, { htmlFor: o, label: r, tooltip: l, weight: "bold" }),
     c.startsWith("https://") ? /* @__PURE__ */ n(re, { href: c, children: s }) : /* @__PURE__ */ n(C, { size: "md", children: s })
   ] });
 }, ka = ({
@@ -3492,7 +3492,7 @@ const S = V(function({
   weight: w,
   ...v
 }) => {
-  const { required: N, onBlur: z, onChange: T } = v, E = j(), H = e ? void 0 : o, B = l && s && !e, _ = k(
+  const { required: N, onBlur: z, onChange: T } = v, E = j(), O = e ? void 0 : o, B = l && s && !e, _ = k(
     (L) => {
       L.key === "Enter" && L.preventDefault();
     },
@@ -3501,7 +3501,7 @@ const S = V(function({
   return /* @__PURE__ */ n(
     q,
     {
-      error: H,
+      error: O,
       helpLink: i,
       helpLinkText: a,
       helpText: r,
@@ -3515,7 +3515,7 @@ const S = V(function({
         ae,
         {
           className: `
-          ${e ? "disabled" : ""} ${H ? "error" : ""} ${B ? "success" : ""}
+          ${e ? "disabled" : ""} ${O ? "error" : ""} ${B ? "success" : ""}
         `,
           children: [
             t ? /* @__PURE__ */ n(S, { icon: "user", iconSize: "sm", iconType: "fa-light" }) : void 0,
@@ -3523,7 +3523,7 @@ const S = V(function({
               "input",
               {
                 "aria-hidden": !1,
-                "aria-invalid": H ? "true" : "false",
+                "aria-invalid": O ? "true" : "false",
                 "aria-label": d,
                 "aria-required": N,
                 autoComplete: "off",
@@ -3538,7 +3538,7 @@ const S = V(function({
                 ...x ? x(d, { required: N, onBlur: z, onChange: T }) : { ...v }
               }
             ),
-            H ? /* @__PURE__ */ n(
+            O ? /* @__PURE__ */ n(
               S,
               {
                 icon: "exclamation-circle",
@@ -3601,7 +3601,7 @@ const S = V(function({
   const m = j(), w = t ? void 0 : i, v = A(null), N = x == null ? void 0 : x(c), z = Sa(N), T = g == null ? void 0 : g(c, { required: d }), E = k(() => {
     const _ = Ae("change", c, void 0);
     u && u(c, ""), T && T.onChange(_);
-  }, [T, c, u]), H = k(
+  }, [T, c, u]), O = k(
     (_) => {
       const { files: L } = _.currentTarget, W = Ae(
         "change",
@@ -3694,7 +3694,7 @@ const S = V(function({
             id: l ?? c,
             multiple: s,
             name: c,
-            onChange: H,
+            onChange: O,
             onClick: E,
             ref: v,
             required: void 0,
@@ -3739,7 +3739,7 @@ const S = V(function({
       v(L.target.value);
     },
     []
-  ), H = k(
+  ), O = k(
     (L) => {
       const W = w.trim();
       W.length && !z.includes(W) && (L.preventDefault(), T([...z, W]), v("")), i && i.onBlur();
@@ -3793,7 +3793,7 @@ const S = V(function({
                 "aria-required": g,
                 autoComplete: "off",
                 id: s,
-                onBlur: H,
+                onBlur: O,
                 onChange: E,
                 onKeyDown: B,
                 placeholder: z.length === 0 ? d : void 0,
@@ -3917,7 +3917,7 @@ const S = V(function({
   const x = j(), y = i ? void 0 : e, m = Z(
     () => t < 0 ? 0 : t,
     [t]
-  ), w = Z(() => h === void 0 ? 0 : O.toNumber(h), [h]), v = k(() => {
+  ), w = Z(() => h === void 0 ? 0 : H.toNumber(h), [h]), v = k(() => {
     const E = (w - 10 ** -m).toFixed(m);
     u && u(s, Math.max(Number(l), Number(E)));
   }, [m, w, l, s, u]), N = k(() => {
@@ -3931,8 +3931,8 @@ const S = V(function({
     );
   }, [m, w, o, l, s, u]), z = k(
     (E) => {
-      const { value: H } = E.target, B = /\d+/u.test(H) && !O.isEmpty(H);
-      u && u(s, B ? Number(H) : void 0), c && c(E);
+      const { value: O } = E.target, B = /\d+/u.test(O) && !H.isEmpty(O);
+      u && u(s, B ? Number(O) : void 0), c && c(E);
     },
     [s, c, u]
   ), T = k(
@@ -4230,7 +4230,7 @@ const S = V(function({
     defaultCountry: "us",
     forceDialCode: !0,
     value: c ? String(c) : void 0
-  }), H = k(() => {
+  }), O = k(() => {
     x((W) => !W), h || m("");
   }, [h]), B = k(
     (W) => () => {
@@ -4274,7 +4274,7 @@ const S = V(function({
                 "data-testid": "country-selector",
                 disabled: e,
                 id: "country-selector",
-                onClick: H,
+                onClick: O,
                 onKeyDown: _,
                 ref: w.setReference,
                 children: [
@@ -4483,7 +4483,7 @@ const S = V(function({
       $minWidth: s,
       children: [
         /* @__PURE__ */ n(
-          Oe,
+          He,
           {
             description: e,
             id: i,
@@ -4742,9 +4742,12 @@ const S = V(function({
         ...g,
         visible: u
       };
-    }).sort((g, u) => Number(u.visible) - Number(g.visible));
+    }).sort((g, u) => {
+      const h = (i == null ? void 0 : i.indexOf(g.id)) ?? 0, x = (i == null ? void 0 : i.indexOf(u.id)) ?? 0;
+      return Number(u.visible) !== Number(g.visible) ? Number(u.visible) - Number(g.visible) : h - x;
+    });
     l(d), a == null || a(i);
-  }, [o, i, a]), p = Z(() => On(o, (d) => ((i == null ? void 0 : i.includes(d.id)) ?? !1) !== d.visible), [o, i]);
+  }, [o, i, a]), p = Z(() => Hn(o, (d) => ((i == null ? void 0 : i.includes(d.id)) ?? !1) !== d.visible), [o, i]);
   return {
     setColumns: s,
     resetToDefault: c,
@@ -4753,7 +4756,7 @@ const S = V(function({
     hasChanged: p
   };
 }, Aa = (e, t) => Z(
-  () => O.debounce(e, t),
+  () => H.debounce(e, t),
   [e, t]
 ), Dl = (e) => {
   const [t, i] = F(), a = Aa((r) => {
@@ -4769,7 +4772,7 @@ const S = V(function({
 }) => {
   const o = Ea({ publicId: r });
   return /* @__PURE__ */ n(
-    Hn,
+    On,
     {
       alt: e,
       cldImg: o,
@@ -4857,7 +4860,7 @@ const S = V(function({
     }
 
   `}
-`, Ba = b.span.attrs({ className: "checkmark" })``, Oa = V(function({
+`, Ba = b.span.attrs({ className: "checkmark" })``, Ha = V(function({
   defaultChecked: t = !1,
   disabled: i = !1,
   label: a,
@@ -4919,7 +4922,7 @@ const S = V(function({
       width: l,
       children: [
         /* @__PURE__ */ n($, { alignSelf: "start", display: "flex", width: "fit-content", children: /* @__PURE__ */ n(
-          Oa,
+          Ha,
           {
             name: a.name,
             onClick: r,
@@ -4966,7 +4969,7 @@ const S = V(function({
     transition: 0.2s;
     width: 36px;
   `}
-`, Ha = b.div`
+`, Oa = b.div`
   ${({ theme: e }) => `
     background-color: ${e.palette.white};
     border-radius: 50%;
@@ -5043,7 +5046,7 @@ const S = V(function({
               type: "checkbox"
             }
           ),
-          /* @__PURE__ */ n(ce, { "aria-label": "Toggle Switch", id: `${r}Toggle`, children: /* @__PURE__ */ n(Ha, {}) })
+          /* @__PURE__ */ n(ce, { "aria-label": "Toggle Switch", id: `${r}Toggle`, children: /* @__PURE__ */ n(Oa, {}) })
         ] }),
         l
       ]
@@ -5073,7 +5076,7 @@ const S = V(function({
       minWidth: a,
       padding: [1.25, 1.25, 1.25, 1.25],
       children: [
-        /* @__PURE__ */ n(Oe, { id: e, title: t }),
+        /* @__PURE__ */ n(He, { id: e, title: t }),
         /* @__PURE__ */ n(
           $,
           {
@@ -5237,9 +5240,9 @@ const S = V(function({
   "pre",
   {
     className: "line-highlight",
-    "data-line-offset": O.isNil(t) || O.isString(t) ? 0 : t.offset + 0.7,
+    "data-line-offset": H.isNil(t) || H.isString(t) ? 0 : t.offset + 0.7,
     ...i !== void 0 ? { "data-line": String(Number(i)) } : {},
-    children: O.isNil(t) || O.isString(t) || O.isEmpty(t.content) ? /* @__PURE__ */ n("div", { className: "no-data", children: /* @__PURE__ */ n("p", { children: e }) }) : /* @__PURE__ */ n("code", { className: "language-none", children: t.content })
+    children: H.isNil(t) || H.isString(t) || H.isEmpty(t.content) ? /* @__PURE__ */ n("div", { className: "no-data", children: /* @__PURE__ */ n("p", { children: e }) }) : /* @__PURE__ */ n("code", { className: "language-none", children: t.content })
   }
 ) })), Pl = ({
   noCodeMessage: e = "Code snippet not available",
@@ -5250,7 +5253,7 @@ const S = V(function({
   const r = j(), [o, l] = F(!1), [s, c] = F(!0), p = k(() => {
     l((h) => !h);
   }, [l]), d = k(() => {
-    if (O.isNil(t) || O.isEmpty(t) || !O.isString(t))
+    if (H.isNil(t) || H.isEmpty(t) || !H.isString(t))
       return c(!1), e;
     const h = t.split(`
 `);
@@ -6673,7 +6676,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           flexDirection: "column",
           id: h,
           children: [
-            !O.isEmpty(g) && /* @__PURE__ */ n(
+            !H.isEmpty(g) && /* @__PURE__ */ n(
               ur,
               {
                 description: l,
@@ -6684,10 +6687,10 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
                 title: g
               }
             ),
-            (O.isObject(o) || a) && /* @__PURE__ */ f(Qa, { children: [
+            (H.isObject(o) || a) && /* @__PURE__ */ f(Qa, { children: [
               a,
-              O.isObject(o) && O.isString(o.imageSrc) && /* @__PURE__ */ n(ir, { $framed: o.imageFramed, children: /* @__PURE__ */ n(ee, { alt: "modal-img", publicId: o.imageSrc }) }),
-              O.isObject(o) && O.isString(o.imageText) && /* @__PURE__ */ n(C, { size: "sm", children: o.imageText })
+              H.isObject(o) && H.isString(o.imageSrc) && /* @__PURE__ */ n(ir, { $framed: o.imageFramed, children: /* @__PURE__ */ n(ee, { alt: "modal-img", publicId: o.imageSrc }) }),
+              H.isObject(o) && H.isString(o.imageText) && /* @__PURE__ */ n(C, { size: "sm", children: o.imageText })
             ] }),
             /* @__PURE__ */ n(
               ar,
@@ -7218,7 +7221,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
 `, $t = {
   md: { description: "md", title: "lg" },
   sm: { description: "sm", title: "xs" }
-}, Ol = ({
+}, Hl = ({
   cancelButton: e = void 0,
   confirmButton: t = void 0,
   description: i,
@@ -7265,7 +7268,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     overflow: hidden auto;
     width: 100%;
   `}
-`, Hl = ({
+`, Ol = ({
   alert: e,
   cancelLabel: t,
   children: i,
@@ -7290,7 +7293,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     register: w,
     watch: v,
     formState: { errors: N, isValid: z, dirtyFields: T }
-  } = h, E = (H) => vt.map(H, (B) => {
+  } = h, E = (O) => vt.map(O, (B) => {
     var _;
     if (B && Ct(B)) {
       const L = B.props.children, W = B.props.name ? Ze(B.type, {
@@ -7813,7 +7816,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     height: 260px;
     width: 260px;
   }
-`, Or = ({
+`, Hr = ({
   icon: e
 }) => /* @__PURE__ */ n(Br, { children: /* @__PURE__ */ n(
   S,
@@ -7928,9 +7931,9 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         ]
       }
     ),
-    /* @__PURE__ */ n(Or, { icon: a })
+    /* @__PURE__ */ n(Hr, { icon: a })
   ] });
-}, Hr = b.button`
+}, Or = b.button`
   ${({ theme: e }) => `
     align-items: center;
     border-left: 3px solid transparent;
@@ -8046,7 +8049,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   onClick: i,
   text: a
 }) => /* @__PURE__ */ n(
-  Hr,
+  Or,
   {
     className: `${e && "disabled"} ${t}`,
     disabled: e,
@@ -10119,7 +10122,7 @@ const xo = {
       ]
     }
   );
-}, Oo = b(Xn.div)`
+}, Ho = b(Xn.div)`
   ${({ theme: e }) => `
     background-color: ${e.palette.white};
     box-shadow: ${e.shadows.lg};
@@ -10167,7 +10170,7 @@ const xo = {
     },
     !0
   ), /* @__PURE__ */ n(Zn, { features: Jn, children: /* @__PURE__ */ n(
-    Oo,
+    Ho,
     {
       animate: i ? {
         display: "block",
@@ -10301,7 +10304,7 @@ const xo = {
       ] })
     }
   ) });
-}, Ho = (e, t) => t >= 50 ? `
+}, Oo = (e, t) => t >= 50 ? `
       ${e.palette.gray[200]} 50%,
       ${e.palette.primary[500]} 50.05%,
       ${e.palette.primary[500]} ${t}%,
@@ -10328,7 +10331,7 @@ const xo = {
         ${t >= 0 ? `
               ${e.palette.primary[500]} ${i}%,
               ${e.palette.gray[200]} ${i}%
-            ` : Ho(e, i)}
+            ` : Oo(e, i)}
       );
       border-radius: ${e.spacing[0.125]};
       height: ${e.spacing[0.25]};
@@ -11066,13 +11069,13 @@ export {
   Tl as $,
   bl as A,
   ge as B,
-  Oe as C,
+  He as C,
   Rl as D,
   $ as E,
   de as F,
-  Ol as G,
+  Hl as G,
   Yi as H,
-  Hl as I,
+  Ol as I,
   Vl as J,
   _l as K,
   S as L,
@@ -11153,14 +11156,14 @@ export {
   gs as au,
   fs as av,
   ps as aw,
-  Oa as ax,
+  Ha as ax,
   hs as ay,
   xe as az,
   At as b,
   Dl as b0,
   Ti as b1,
   yl as b2,
-  Ot as b3,
+  Ht as b3,
   je as b4,
   Qi as b5,
   ot as b6,
@@ -11168,7 +11171,7 @@ export {
   Ve as b8,
   Ee as b9,
   Xt as bA,
-  Or as bB,
+  Hr as bB,
   Ur as bC,
   $o as bD,
   ds as bE,

package/dist/{components-p5aX0K53.js → components-DAOR7gLt.js}

@@ -1297,7 +1297,7 @@
       fill: ${e.palette.white};
     }
   `}
-`,Te=p.forwardRef(function({disabled:n=!1,label:i,name:r,onChange:a,onClick:o,onFocus:l,onKeyDown:c,value:d,...u},g){return t.jsxs(Oi,{"aria-disabled":n,children:[t.jsx("input",{"aria-disabled":n,"aria-hidden":!1,"aria-label":r,disabled:n,id:r,name:r,onChange:a,onClick:o,onFocus:l,onKeyDown:c,ref:g,type:"checkbox",value:d,...u}),t.jsx(C,{disabled:n,icon:"check",iconSize:"sm"}),i??d]})}),It=({options:e,title:n,checkboxesName:i,defaultCollapsed:r,onChange:a})=>{const o=s.nt(),[l,c]=p.useState(r??!1),d=p.useCallback(()=>{c(u=>!u)},[]);return t.jsxs(b,{bgColor:l?o.palette.gray[50]:o.palette.white,border:"1px solid"+o.palette.gray[300],borderRadius:"8px",display:"inline-flex",flexDirection:"column",gap:.625,px:.75,py:.625,width:"100%",children:[t.jsxs(b,{alignItems:"center",cursor:"pointer",display:"flex",onClick:d,children:[t.jsx(k,{color:o.palette.gray[800],fontWeight:"bold",size:"sm",children:n}),t.jsx(C,{icon:l?"chevron-up":"chevron-down",iconColor:o.palette.gray[400],iconSize:"xs"})]}),l?t.jsx(b,{display:"flex",gap:.75,wrap:"wrap",children:e.map(u=>t.jsx(b,{border:"1px solid",borderColor:o.palette.gray[300],borderRadius:"4px",px:.5,py:.5,children:t.jsx(Te,{checked:u.visible,disabled:u.locked,label:u.name,name:i,onChange:a,value:u.name})},u.name))}):void 0]})},Tt=(e,n)=>{const[r,a]=p.useState(0),[o,l]=p.useState(0);return p.useEffect(()=>{o===100&&(()=>{a(d=>d===n-1?0:d+1)})()},[o,n]),p.useEffect(()=>{const c=setInterval(()=>{l(d=>d===100?0:d+1)},e);return()=>{clearInterval(c)}},[e]),{cycle:r,progress:o,setCycle:a,setProgress:l}},Nt=({publicId:e,format:n="webp"})=>{const i=p.useMemo(()=>new s.Cloudinary({cloud:{cloudName:"fluid-attacks"}}),[]);return p.useMemo(()=>i.image(e).format(n),[i,e,n])},Ue=e=>{const[n,i]=p.useState(!1),r=p.useCallback(()=>{i(!0)},[]),a=p.useCallback(()=>{i(!1)},[]),o=p.useCallback(()=>{i(l=>!l)},[]);return{close:a,isOpen:n,name:e,open:r,setIsOpen:i,toggle:o}},Hi=({name:e,items:n,columnOrder:i,setColumnOrder:r})=>{const a=p.useMemo(()=>[...n.filter(({locked:g})=>g).map(({locked:g,...x})=>({...x,visible:!0,locked:g})),...n.filter(({locked:g})=>!g).sort((g,x)=>g.visible===x.visible?0:g.visible?-1:1)],[n]),[o,l]=p.useState(a),c=p.useCallback(g=>{const x=g.filter(({locked:$})=>!$),h=[...g.filter(({locked:$})=>$),...x],y=h.map(({name:$})=>$);l($=>[...h,...$.filter(({name:m})=>!y.includes(m))]),r&&r(h.map(({id:$})=>$))},[r]),d=p.useCallback(()=>{const g=o.map(x=>{var h;const f=(i==null?void 0:i.includes(x.id))??!1;return(h=x.toggleVisibility)==null||h.call(x,f),{...x,visible:f}}).sort((x,f)=>Number(f.visible)-Number(x.visible));l(g),r==null||r(i)},[o,i,r]),u=p.useMemo(()=>s.some(o,g=>((i==null?void 0:i.includes(g.id))??!1)!==g.visible),[o,i]);return{setColumns:c,resetToDefault:d,columns:o,...Ue(e),hasChanged:u}},Et=(e,n)=>p.useMemo(()=>s._.debounce(e,n),[e,n]),_i=e=>{const[n,i]=p.useState(),r=Et(a=>{i(a)},(e==null?void 0:e.debounceWait)??300);return[n,r]},Vi=({alt:e="img",height:n="",width:i="",plugins:r=[s.lazyload(),s.placeholder()],publicId:a})=>{const o=Nt({publicId:a});return t.jsx(s.AdvancedImage,{alt:e,cldImg:o,height:n,plugins:r,width:i})},V=p.memo(Vi),Gi=s.dt.label`
+`,Te=p.forwardRef(function({disabled:n=!1,label:i,name:r,onChange:a,onClick:o,onFocus:l,onKeyDown:c,value:d,...u},g){return t.jsxs(Oi,{"aria-disabled":n,children:[t.jsx("input",{"aria-disabled":n,"aria-hidden":!1,"aria-label":r,disabled:n,id:r,name:r,onChange:a,onClick:o,onFocus:l,onKeyDown:c,ref:g,type:"checkbox",value:d,...u}),t.jsx(C,{disabled:n,icon:"check",iconSize:"sm"}),i??d]})}),It=({options:e,title:n,checkboxesName:i,defaultCollapsed:r,onChange:a})=>{const o=s.nt(),[l,c]=p.useState(r??!1),d=p.useCallback(()=>{c(u=>!u)},[]);return t.jsxs(b,{bgColor:l?o.palette.gray[50]:o.palette.white,border:"1px solid"+o.palette.gray[300],borderRadius:"8px",display:"inline-flex",flexDirection:"column",gap:.625,px:.75,py:.625,width:"100%",children:[t.jsxs(b,{alignItems:"center",cursor:"pointer",display:"flex",onClick:d,children:[t.jsx(k,{color:o.palette.gray[800],fontWeight:"bold",size:"sm",children:n}),t.jsx(C,{icon:l?"chevron-up":"chevron-down",iconColor:o.palette.gray[400],iconSize:"xs"})]}),l?t.jsx(b,{display:"flex",gap:.75,wrap:"wrap",children:e.map(u=>t.jsx(b,{border:"1px solid",borderColor:o.palette.gray[300],borderRadius:"4px",px:.5,py:.5,children:t.jsx(Te,{checked:u.visible,disabled:u.locked,label:u.name,name:i,onChange:a,value:u.name})},u.name))}):void 0]})},Tt=(e,n)=>{const[r,a]=p.useState(0),[o,l]=p.useState(0);return p.useEffect(()=>{o===100&&(()=>{a(d=>d===n-1?0:d+1)})()},[o,n]),p.useEffect(()=>{const c=setInterval(()=>{l(d=>d===100?0:d+1)},e);return()=>{clearInterval(c)}},[e]),{cycle:r,progress:o,setCycle:a,setProgress:l}},Nt=({publicId:e,format:n="webp"})=>{const i=p.useMemo(()=>new s.Cloudinary({cloud:{cloudName:"fluid-attacks"}}),[]);return p.useMemo(()=>i.image(e).format(n),[i,e,n])},Ue=e=>{const[n,i]=p.useState(!1),r=p.useCallback(()=>{i(!0)},[]),a=p.useCallback(()=>{i(!1)},[]),o=p.useCallback(()=>{i(l=>!l)},[]);return{close:a,isOpen:n,name:e,open:r,setIsOpen:i,toggle:o}},Hi=({name:e,items:n,columnOrder:i,setColumnOrder:r})=>{const a=p.useMemo(()=>[...n.filter(({locked:g})=>g).map(({locked:g,...x})=>({...x,visible:!0,locked:g})),...n.filter(({locked:g})=>!g).sort((g,x)=>g.visible===x.visible?0:g.visible?-1:1)],[n]),[o,l]=p.useState(a),c=p.useCallback(g=>{const x=g.filter(({locked:$})=>!$),h=[...g.filter(({locked:$})=>$),...x],y=h.map(({name:$})=>$);l($=>[...h,...$.filter(({name:m})=>!y.includes(m))]),r&&r(h.map(({id:$})=>$))},[r]),d=p.useCallback(()=>{const g=o.map(x=>{var h;const f=(i==null?void 0:i.includes(x.id))??!1;return(h=x.toggleVisibility)==null||h.call(x,f),{...x,visible:f}}).sort((x,f)=>{const h=(i==null?void 0:i.indexOf(x.id))??0,y=(i==null?void 0:i.indexOf(f.id))??0;return Number(f.visible)!==Number(x.visible)?Number(f.visible)-Number(x.visible):h-y});l(g),r==null||r(i)},[o,i,r]),u=p.useMemo(()=>s.some(o,g=>((i==null?void 0:i.includes(g.id))??!1)!==g.visible),[o,i]);return{setColumns:c,resetToDefault:d,columns:o,...Ue(e),hasChanged:u}},Et=(e,n)=>p.useMemo(()=>s._.debounce(e,n),[e,n]),_i=e=>{const[n,i]=p.useState(),r=Et(a=>{i(a)},(e==null?void 0:e.debounceWait)??300);return[n,r]},Vi=({alt:e="img",height:n="",width:i="",plugins:r=[s.lazyload(),s.placeholder()],publicId:a})=>{const o=Nt({publicId:a});return t.jsx(s.AdvancedImage,{alt:e,cldImg:o,height:n,plugins:r,width:i})},V=p.memo(Vi),Gi=s.dt.label`
   ${({theme:e})=>`
     align-items: center;
     display: flex;

package/dist/hooks/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../components-p5aX0K53.js");exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../components-DAOR7gLt.js");exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components-p5aX0K53.js"),t=require("./vendor-BiCYkoh5.js");exports.Accordion=e.Accordion;exports.Alert=e.Alert;exports.BaseButtonComponent=e.BaseButtonComponent;exports.BaseComponent=e.BaseComponent;exports.BaseSpanComponent=e.BaseSpanComponent;exports.BaseTextComponent=e.BaseTextComponent;exports.Button=e.Button;exports.ButtonToolbarCenter=e.ButtonToolbarCenter;exports.ButtonToolbarRow=e.ButtonToolbarRow;exports.ButtonToolbarStartRow=e.ButtonToolbarStartRow;exports.CardHeader=e.CardHeader;exports.CardWithImage=e.CardWithImage;exports.CardWithInput=e.CardWithInput;exports.CardWithSelector=e.CardWithSelector;exports.CardWithSwitch=e.CardWithSwitch;exports.Carousel=e.Carousel;exports.Checkbox=e.Checkbox;exports.CloudImage=e.MemoizedImage;exports.CodeSnippet=e.CodeSnippet;exports.Col=e.Col;exports.ColumnsModal=e.ColumnsModal;exports.ComboBox=e.ComboBox;exports.Container=e.Container;exports.CustomThemeProvider=e.CustomThemeProvider;exports.Divider=e.Divider;exports.Editable=e.Editable;exports.EmptyState=e.EmptyState;exports.FilePreview=e.FilePreview;exports.Form=e.Form;exports.FormItem=e.FormItem;exports.Gap=e.Gap;exports.GridContainer=e.GridContainer;exports.GroupSelector=e.GroupSelector;exports.Heading=e.Heading;exports.Icon=e.Icon;exports.IconButton=e.IconButton;exports.IndicatorCard=e.IndicatorCard;exports.InfoSidebar=e.InfoSidebar;exports.Input=e.Input;exports.InputDate=e.InputDate;exports.InputDateRange=e.InputDateRange;exports.InputDateTime=e.InputDateTime;exports.InputFile=e.InputFile;exports.InputNumber=e.InputNumber;exports.InputNumberRange=e.InputNumberRange;exports.InputTags=e.InputTags;exports.InteractiveCard=e.InteractiveCard;exports.LanguageSelector=e.LanguageSelector;exports.Link=e.Link;exports.ListItem=e.ListItem;exports.ListItemsWrapper=e.ListItemsWrapper;exports.LittleFlag=e.LittleFlag;exports.Loading=e.Loading;exports.Logo=e.Logo;exports.LogoCarousel=e.LogoCarousel;exports.Menu=e.Menu;exports.MessageBanner=e.MessageBanner;exports.Modal=e.Modal;exports.ModalConfirm=e.ModalConfirm;exports.ModalFooter=e.ModalFooter;exports.Notification=e.Notification;exports.NotificationSign=e.NotificationSign;exports.NumberInput=e.NumberInput;exports.OAuthSelector=e.OAuthSelector;exports.OptionContainer=e.OptionContainer;exports.OutlineContainer=e.OutlineContainer;exports.PhoneInput=e.PhoneInput;exports.PopUp=e.PopUp;exports.PremiumFeature=e.PremiumFeature;exports.PriorityScore=e.PriorityScore;exports.Progress=e.Progress;exports.RadioButton=e.RadioButton;exports.Row=e.Row;exports.ScrollUpButton=e.ScrollUpButton;exports.Search=e.Search;exports.SearchBar=e.SearchBar;exports.SeverityBadge=e.SeverityBadge;exports.SeverityOverview=e.SeverityOverview;exports.ShowOnHover=e.ShowOnHover;exports.SingleColumFilters=e.SingleColumFilters;exports.SlideOutMenu=e.SlideOutMenu;exports.Slider=e.Slider;exports.Span=e.Span;exports.StepLapse=e.StepLapse;exports.TableButton=e.TableButton;exports.Tabs=e.Tabs;exports.Tag=e.Tag;exports.Text=e.Text;exports.TextArea=e.TextArea;exports.TimeLine=e.TimeLine;exports.TimeLineCard=e.TimeLineCard;exports.Toggle=e.Toggle;exports.ToggleButton=e.ToggleButton;exports.Tooltip=e.Tooltip;exports.Tour=e.Tour;exports.TwoColumnsFilters=e.TwoColumnsFilters;exports.WebForm=e.WebForm;exports.baseStep=e.baseStep;exports.getStyledConfig=e.getStyledConfig;exports.hiddenProps=e.hiddenProps;exports.icons=e.icons;exports.setBorder=e.setBorder;exports.setDisplay=e.setDisplay;exports.setInteraction=e.setInteraction;exports.setMargin=e.setMargin;exports.setPadding=e.setPadding;exports.setPosition=e.setPosition;exports.setText=e.setText;exports.theme=e.theme;exports.uniqueIcons=e.uniqueIcons;exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useConfirmDialog=e.useConfirmDialog;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;exports.variantBuilder=e.variantBuilder;exports.useFormContext=t.useFormContext;exports.useWatch=t.useWatch;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components-DAOR7gLt.js"),t=require("./vendor-BiCYkoh5.js");exports.Accordion=e.Accordion;exports.Alert=e.Alert;exports.BaseButtonComponent=e.BaseButtonComponent;exports.BaseComponent=e.BaseComponent;exports.BaseSpanComponent=e.BaseSpanComponent;exports.BaseTextComponent=e.BaseTextComponent;exports.Button=e.Button;exports.ButtonToolbarCenter=e.ButtonToolbarCenter;exports.ButtonToolbarRow=e.ButtonToolbarRow;exports.ButtonToolbarStartRow=e.ButtonToolbarStartRow;exports.CardHeader=e.CardHeader;exports.CardWithImage=e.CardWithImage;exports.CardWithInput=e.CardWithInput;exports.CardWithSelector=e.CardWithSelector;exports.CardWithSwitch=e.CardWithSwitch;exports.Carousel=e.Carousel;exports.Checkbox=e.Checkbox;exports.CloudImage=e.MemoizedImage;exports.CodeSnippet=e.CodeSnippet;exports.Col=e.Col;exports.ColumnsModal=e.ColumnsModal;exports.ComboBox=e.ComboBox;exports.Container=e.Container;exports.CustomThemeProvider=e.CustomThemeProvider;exports.Divider=e.Divider;exports.Editable=e.Editable;exports.EmptyState=e.EmptyState;exports.FilePreview=e.FilePreview;exports.Form=e.Form;exports.FormItem=e.FormItem;exports.Gap=e.Gap;exports.GridContainer=e.GridContainer;exports.GroupSelector=e.GroupSelector;exports.Heading=e.Heading;exports.Icon=e.Icon;exports.IconButton=e.IconButton;exports.IndicatorCard=e.IndicatorCard;exports.InfoSidebar=e.InfoSidebar;exports.Input=e.Input;exports.InputDate=e.InputDate;exports.InputDateRange=e.InputDateRange;exports.InputDateTime=e.InputDateTime;exports.InputFile=e.InputFile;exports.InputNumber=e.InputNumber;exports.InputNumberRange=e.InputNumberRange;exports.InputTags=e.InputTags;exports.InteractiveCard=e.InteractiveCard;exports.LanguageSelector=e.LanguageSelector;exports.Link=e.Link;exports.ListItem=e.ListItem;exports.ListItemsWrapper=e.ListItemsWrapper;exports.LittleFlag=e.LittleFlag;exports.Loading=e.Loading;exports.Logo=e.Logo;exports.LogoCarousel=e.LogoCarousel;exports.Menu=e.Menu;exports.MessageBanner=e.MessageBanner;exports.Modal=e.Modal;exports.ModalConfirm=e.ModalConfirm;exports.ModalFooter=e.ModalFooter;exports.Notification=e.Notification;exports.NotificationSign=e.NotificationSign;exports.NumberInput=e.NumberInput;exports.OAuthSelector=e.OAuthSelector;exports.OptionContainer=e.OptionContainer;exports.OutlineContainer=e.OutlineContainer;exports.PhoneInput=e.PhoneInput;exports.PopUp=e.PopUp;exports.PremiumFeature=e.PremiumFeature;exports.PriorityScore=e.PriorityScore;exports.Progress=e.Progress;exports.RadioButton=e.RadioButton;exports.Row=e.Row;exports.ScrollUpButton=e.ScrollUpButton;exports.Search=e.Search;exports.SearchBar=e.SearchBar;exports.SeverityBadge=e.SeverityBadge;exports.SeverityOverview=e.SeverityOverview;exports.ShowOnHover=e.ShowOnHover;exports.SingleColumFilters=e.SingleColumFilters;exports.SlideOutMenu=e.SlideOutMenu;exports.Slider=e.Slider;exports.Span=e.Span;exports.StepLapse=e.StepLapse;exports.TableButton=e.TableButton;exports.Tabs=e.Tabs;exports.Tag=e.Tag;exports.Text=e.Text;exports.TextArea=e.TextArea;exports.TimeLine=e.TimeLine;exports.TimeLineCard=e.TimeLineCard;exports.Toggle=e.Toggle;exports.ToggleButton=e.ToggleButton;exports.Tooltip=e.Tooltip;exports.Tour=e.Tour;exports.TwoColumnsFilters=e.TwoColumnsFilters;exports.WebForm=e.WebForm;exports.baseStep=e.baseStep;exports.getStyledConfig=e.getStyledConfig;exports.hiddenProps=e.hiddenProps;exports.icons=e.icons;exports.setBorder=e.setBorder;exports.setDisplay=e.setDisplay;exports.setInteraction=e.setInteraction;exports.setMargin=e.setMargin;exports.setPadding=e.setPadding;exports.setPosition=e.setPosition;exports.setText=e.setText;exports.theme=e.theme;exports.uniqueIcons=e.uniqueIcons;exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useConfirmDialog=e.useConfirmDialog;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;exports.variantBuilder=e.variantBuilder;exports.useFormContext=t.useFormContext;exports.useWatch=t.useWatch;

package/package.json

@@ -113,5 +113,5 @@
     "test-storybook": "test-storybook"
   },
   "typings": "./dist/index.d.ts",
-  "version": "3.8.13-pr-05"
+  "version": "3.8.13"
 }