@fluidattacks/design 3.8.14 → 3.8.15-pr-01

package/dist/{components-Dz3gkXN-.mjs → components-kSHn3dSW.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 cn, useEffect as U, useMemo as Z, Children as vt, isValidElement as Ct, cloneElement as dn, Fragment as St, createElement as Ze } from "react";
-import { o as pn, d as b, n as j, M as gn, f as un, a as fn, l as P, b as pe, _ as H, $ as hn, c as bn, e as $n, g as yn, h as xn, i as mn, j as wn, k as kn, m as zt, C as It, p as vn, q as Cn, r as Sn, s as Je, t as me, u as zn, v as In, w as Tt, x as we, y as Nt, z as Tn, A as Nn, B as jn, D as Dn, E as Fn, F as He, G as Wn, H as jt, I as Ln, J as Dt, K as Pn, L as En, N as An, O as Mn, P as Rn, Q as Ft, R as Bn, S as Qe, T as et, U as Hn, V as tt, W as On, X as Vn, Y as _n, Z as Gn, a0 as Wt, a1 as Un, a2 as Yn, a3 as Kn, a4 as Lt, a5 as qn, a6 as Xn, a9 as Zn, aa as Pt, ab as Jn, ac as Qn, ad as ei, ae as ti, af as ni, ag as ii, ah as ai, ai as ri, aj as nt, ak as oi, al as it, am as li } from "./vendor-Cl-gDlvC.mjs";
+import { o as pn, d as b, n as j, M as gn, f as un, a as fn, l as P, b as pe, _ as H, $ as hn, c as bn, e as $n, g as yn, h as xn, i as mn, j as wn, k as kn, m as zt, C as It, p as vn, q as Cn, r as Sn, s as Je, t as me, u as zn, v as In, w as Tt, x as we, y as Nt, z as Tn, A as Nn, B as jn, D as Dn, E as Fn, F as He, G as Wn, H as jt, I as Ln, J as Dt, K as Pn, L as En, N as An, O as Mn, P as Rn, Q as Ft, R as Bn, S as Qe, T as et, U as Hn, V as tt, W as On, X as Vn, Y as _n, Z as Gn, a0 as Wt, a1 as Un, a2 as Kn, a3 as Yn, a4 as Lt, a5 as qn, a6 as Xn, a9 as Zn, aa as Pt, ab as Jn, ac as Qn, ad as ei, ae as ti, af as ni, ag as ii, ah as ai, ai as ri, aj as nt, ak as oi, al as it, am as li } from "./vendor-Cl-gDlvC.mjs";
 import { createPortal as Q } from "react-dom";
 import { Link as si, useLocation as ci, NavLink as di } from "react-router-dom";
 const ne = (e) => ({
@@ -1202,7 +1202,7 @@ const S = V(function({
       ]
     }
   );
-}), Y = V(function({
+}), K = V(function({
   borderRadius: t,
   disabled: i,
   icon: a,
@@ -1296,7 +1296,7 @@ const S = V(function({
         ),
         /* @__PURE__ */ n(Ei, { children: i }),
         a ? /* @__PURE__ */ n(
-          Y,
+          K,
           {
             height: "fit-content",
             icon: "close",
@@ -1639,7 +1639,7 @@ const S = V(function({
             /* @__PURE__ */ n("strong", { children: o })
           ] }),
           p ? /* @__PURE__ */ n(
-            Y,
+            K,
             {
               disabled: e,
               icon: "xmark",
@@ -1657,7 +1657,7 @@ const S = V(function({
       ]
     }
   );
-}, Yi = (e, t = !0) => {
+}, Ki = (e, t = !0) => {
   const i = window.open(
     e,
     t ? void 0 : "_self",
@@ -1684,7 +1684,7 @@ const S = V(function({
   ...w
 }, v) {
   const N = u !== void 0, z = `${o}-tooltip`, T = k(() => {
-    r && Yi(r, a);
+    r && Ki(r, a);
   }, [a, r]);
   return /* @__PURE__ */ n(
     ie,
@@ -1871,11 +1871,11 @@ const S = V(function({
     pointer-events: none;
     ${({ $opacity: e = 0 }) => `background-color: rgba(0, 0, 0, ${e});`}
   }
-`, Ki = (e) => {
+`, Yi = (e) => {
   if (H.isNil(e)) return "";
   const t = e.split(".");
   return (t.length > 1 ? H.last(t) : "").toLowerCase();
-}, qi = (e, t) => H.isUndefined(t) ? !1 : H.includes(e, Ki(t)), Xi = ({
+}, qi = (e, t) => H.isUndefined(t) ? !1 : H.includes(e, Yi(t)), Xi = ({
   alt: e,
   fileType: t,
   width: i = "100%",
@@ -1941,7 +1941,7 @@ const S = V(function({
                 }
               ),
               g ? /* @__PURE__ */ n($, { bottom: "10px", position: "absolute", right: "10px", children: /* @__PURE__ */ n(
-                Y,
+                K,
                 {
                   color: "white",
                   icon: "arrows-maximize",
@@ -2169,7 +2169,7 @@ const S = V(function({
   helpText: r,
   htmlFor: o,
   label: l,
-  linkPosition: s,
+  linkPosition: s = "down",
   maxLength: c,
   required: p,
   tooltip: d,
@@ -2381,16 +2381,16 @@ 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, O] = F(N), [B, _] = F(p), [L, W] = F(!1), { contains: K } = yn({ sensitivity: "base" }), J = A(null), se = A(null), We = A(null), Ye = A(null), Ke = A(null), Qt = Z(() => p.map(
-    (R) => K(R.name, z) || L ? /* @__PURE__ */ n(xn, { children: R.name }, R.value) : null
-  ), [K, z, p, L]), en = k(
+  ), [E, O] = F(N), [B, _] = F(p), [L, W] = F(!1), { contains: Y } = yn({ sensitivity: "base" }), J = A(null), se = A(null), We = A(null), Ke = A(null), Ye = A(null), Qt = Z(() => p.map(
+    (R) => Y(R.name, z) || L ? /* @__PURE__ */ n(xn, { children: R.name }, R.value) : null
+  ), [Y, z, p, L]), en = k(
     (R) => {
       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) => K(X.name, R))));
+      }), _(p.filter((X) => Y(X.name, R))));
     },
-    [K, p, e, g]
+    [Y, p, e, g]
   ), tn = k(
     (R) => {
       var X;
@@ -2438,7 +2438,7 @@ const S = V(function({
       listBoxRef: We,
       name: c,
       placeholder: u,
-      popoverRef: Ke
+      popoverRef: Ye
     },
     te
   ), { listBoxProps: ln } = kn(on, te, We), { buttonProps: sn } = zt(an, se);
@@ -2464,7 +2464,7 @@ const S = V(function({
           ae,
           {
             className: `${t ? "disabled" : ""} ${v ? "error" : ""}`,
-            ref: Ye,
+            ref: Ke,
             children: [
               /* @__PURE__ */ n(
                 "input",
@@ -2486,7 +2486,7 @@ const S = V(function({
                 }
               ) : void 0,
               /* @__PURE__ */ n(
-                Y,
+                K,
                 {
                   ...sn,
                   className: "action",
@@ -2510,9 +2510,9 @@ const S = V(function({
             className: "dropdown",
             offset: 4,
             placement: "bottom start",
-            popoverRef: Ke,
+            popoverRef: Ye,
             state: te,
-            triggerRef: Ye,
+            triggerRef: Ke,
             children: /* @__PURE__ */ n(Qi, { ...ln, ref: We, children: [...te.collection].map((R) => /* @__PURE__ */ n(ta, { item: R, state: te }, R.key)) })
           }
         ) : null
@@ -3639,7 +3639,7 @@ const S = V(function({
               /* @__PURE__ */ n(Ca, { $size: "xs", children: z }),
               /* @__PURE__ */ f($, { alignItems: "center", display: "flex", gap: 0.5, children: [
                 P.isEmpty(z) ? void 0 : /* @__PURE__ */ n(
-                  Y,
+                  K,
                   {
                     color: m.palette.gray[400],
                     height: "20px",
@@ -3730,7 +3730,7 @@ const S = V(function({
 }) => {
   const y = j(), m = e ? void 0 : t, [w, v] = F(""), N = c ? h : i == null ? void 0 : i.value, z = Z(() => N && typeof N == "string" ? N.split(",").filter(Boolean) : [], [N]), T = k(
     (L) => {
-      const K = [...new Set(L.filter(Boolean))].join(","), J = Me("change", s, K);
+      const Y = [...new Set(L.filter(Boolean))].join(","), J = Me("change", s, Y);
       i && i.onChange(J), c && c(J);
     },
     [i, s, c]
@@ -4239,12 +4239,12 @@ const S = V(function({
     [E, x]
   ), _ = k(
     (W) => {
-      W.key.length === 1 ? m((K) => K + W.key) : W.key === "Backspace" && m((K) => K.slice(0, -1));
+      W.key.length === 1 ? m((Y) => Y + W.key) : W.key === "Backspace" && m((Y) => Y.slice(0, -1));
     },
     []
   ), L = Qe.filter((W) => {
-    const { name: K } = tt(W);
-    return K.toLowerCase().includes(y.toLowerCase());
+    const { name: Y } = tt(W);
+    return Y.toLowerCase().includes(y.toLowerCase());
   });
   return le(
     w.floating.current,
@@ -4331,7 +4331,7 @@ const S = V(function({
             ),
             h && Q(
               /* @__PURE__ */ n(Da, { ref: w.setFloating, style: v, children: L.map((W) => {
-                const { dialCode: K, iso2: J, name: se } = tt(W);
+                const { dialCode: Y, iso2: J, name: se } = tt(W);
                 return /* @__PURE__ */ f(
                   Fa,
                   {
@@ -4347,7 +4347,7 @@ const S = V(function({
                           size: "sm",
                           sizeSm: "xs",
                           textAlign: "end",
-                          children: "+" + K
+                          children: "+" + Y
                         }
                       )
                     ]
@@ -5097,13 +5097,13 @@ const S = V(function({
   position: relative;
   margin: auto;
   overflow: hidden;
-`, Ya = b.div`
+`, Ka = b.div`
   display: flex;
   transition: transform 0.5s ease-in-out;
   transform: translateX(
     ${({ $currentIndex: e }) => -e * 100}%
   );
-`, Ka = b.div`
+`, Ya = b.div`
   align-items: center;
   display: flex;
   justify-content: center;
@@ -5134,10 +5134,10 @@ const S = V(function({
     [a, r]
   );
   return /* @__PURE__ */ f(Ua, { "aria-roledescription": "carousel", children: [
-    /* @__PURE__ */ n(Ya, { $currentIndex: i, children: e.map((l, s) => {
+    /* @__PURE__ */ n(Ka, { $currentIndex: i, children: e.map((l, s) => {
       const c = `slide-${s}`;
       return /* @__PURE__ */ n(
-        Ka,
+        Ya,
         {
           "aria-label": c,
           "aria-roledescription": "slide",
@@ -5160,7 +5160,7 @@ const S = V(function({
       );
     }) })
   ] });
-}, Yt = b.div`
+}, Kt = b.div`
   ${({ theme: e }) => `
     background-color: ${e.palette.gray[100]};
     border-radius: ${e.spacing[0.25]};
@@ -5236,7 +5236,7 @@ const S = V(function({
   specific: i
 }) => (U(() => {
   Un.highlightAll();
-}, []), /* @__PURE__ */ n(Yt, { "data-private": !0, children: /* @__PURE__ */ n(
+}, []), /* @__PURE__ */ n(Kt, { "data-private": !0, children: /* @__PURE__ */ n(
   "pre",
   {
     className: "line-highlight",
@@ -5279,10 +5279,10 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       minWidth: "565px",
       position: "relative",
       children: [
-        /* @__PURE__ */ n(Yt, { "data-private": !0, children: /* @__PURE__ */ n("pre", { children: /* @__PURE__ */ n("code", { className: "language-none", children: g }) }) }),
+        /* @__PURE__ */ n(Kt, { "data-private": !0, children: /* @__PURE__ */ n("pre", { children: /* @__PURE__ */ n("code", { className: "language-none", children: g }) }) }),
         /* @__PURE__ */ f(Za, { children: [
           /* @__PURE__ */ n(
-            Y,
+            K,
             {
               height: r.spacing[2.5],
               icon: "copy",
@@ -5639,7 +5639,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     ] }),
     p === void 0 ? null : /* @__PURE__ */ n(oe, { tagLabel: `${p}`, variant: "default" })
   ] }) });
-}, Kt = ({
+}, Yt = ({
   items: e,
   borders: t = !0,
   box: i = !1,
@@ -5718,7 +5718,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         /* @__PURE__ */ f("div", { className: "items-center flex gap-3", children: [
           r,
           /* @__PURE__ */ n(
-            Y,
+            K,
             {
               icon: "close",
               iconColor: l.palette.gray[400],
@@ -5742,7 +5742,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         borderTop: `1px solid ${l.palette.gray[300]}`,
         display: "block",
         position: "sticky",
-        children: /* @__PURE__ */ n(Kt, { items: e })
+        children: /* @__PURE__ */ n(Yt, { items: e })
       }
     )
   ] });
@@ -5957,7 +5957,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     [r]
   );
   return /* @__PURE__ */ f(
-    Yn,
+    Kn,
     {
       as: "div",
       axis: "y",
@@ -5986,7 +5986,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         /* @__PURE__ */ n(C, { size: "sm", children: a }),
         e.map(
           (l) => l.visible ? /* @__PURE__ */ n(
-            Kn,
+            Yn,
             {
               as: "div",
               dragListener: !l.locked,
@@ -6049,9 +6049,23 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     outline: none;
     width: 100%;
 
+    &:-webkit-autofill {
+      -webkit-background-clip: text;
+    }
+
     &::placeholder {
       color: ${e.palette.gray[400]};
     }
+
+    &:is(:hover, :focus)::-webkit-search-cancel-button {
+      display:none;
+    }
+
+    ::-webkit-search-decoration,
+    ::-webkit-search-results-button,
+    ::-webkit-search-results-decoration {
+      display:none;
+    }
   `}
 `, kr = b.div`
   ${({ theme: e }) => `
@@ -6079,35 +6093,58 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     border-radius: ${e.spacing[0.5]};
     width: 250px;
   `}
-`, xe = V(function({ name: t, smallSearch: i = !1, value: a, ...r }, o) {
-  const l = j(), [s, c] = F(!1), { refs: p, floatingStyles: d } = Ft(), g = k(() => {
-    c((h) => !h);
-  }, []);
+`, xe = V(function({
+  name: t,
+  smallSearch: i = !1,
+  onClear: a,
+  value: r,
+  ...o
+}, l) {
+  const s = j(), [c, p] = F(!1), { refs: d, floatingStyles: g } = Ft(), u = k(() => {
+    p((y) => !y);
+  }, []), h = k(
+    (y) => {
+      y.key === "Enter" && y.preventDefault();
+    },
+    []
+  );
   le(
-    p.floating.current,
+    d.floating.current,
     () => {
-      c(!1);
+      p(!1);
     },
     !0
   );
-  const u = /* @__PURE__ */ f(kr, { children: [
+  const x = /* @__PURE__ */ f(kr, { children: [
     /* @__PURE__ */ n(
       S,
       {
         icon: "magnifying-glass",
-        iconColor: l.palette.gray[700],
+        iconColor: s.palette.gray[700],
         iconSize: "xs",
         iconType: "fa-light"
       }
     ),
-    /* @__PURE__ */ n(wr, { ...r, id: t, name: t, ref: o, value: a }),
-    !P.isEmpty(a) && /* @__PURE__ */ n(
-      Y,
+    /* @__PURE__ */ n(
+      wr,
+      {
+        ...o,
+        id: t,
+        name: t,
+        onKeyDown: h,
+        ref: l,
+        type: "search",
+        value: r
+      }
+    ),
+    !P.isEmpty(r) && /* @__PURE__ */ n(
+      K,
       {
         icon: "xmark",
-        iconColor: l.palette.gray[300],
+        iconColor: s.palette.gray[300],
         iconSize: "xs",
         iconType: "fa-light",
+        onClick: a,
         px: 0.25,
         py: 0.25,
         type: "reset",
@@ -6117,44 +6154,44 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   ] });
   return i ? /* @__PURE__ */ f(St, { children: [
     /* @__PURE__ */ n(
-      Y,
+      K,
       {
-        border: `1px solid ${l.palette.gray[300]} !important`,
+        border: `1px solid ${s.palette.gray[300]} !important`,
         icon: "magnifying-glass",
         iconSize: "xs",
         iconType: "fa-light",
-        onClick: g,
-        ref: p.setReference,
+        onClick: u,
+        ref: d.setReference,
         variant: "ghost"
       }
     ),
-    s ? /* @__PURE__ */ n(vr, { ref: p.setFloating, style: d, children: u }) : void 0
-  ] }) : u;
+    c ? /* @__PURE__ */ n(vr, { ref: d.setFloating, style: g, children: x }) : void 0
+  ] }) : x;
 }), Cr = ({
   columns: e,
   formId: t,
   onChangeHandler: i,
   variant: a
 }) => {
-  const [r, o] = F([]), [l, s] = F(""), c = A(null), p = k(
+  const r = A(null), [o, l] = F([]), [s, c] = F(""), p = k(
     (g) => {
       const { value: u } = g.target;
-      s(u);
+      c(u);
     },
     []
   ), d = k(() => {
-    c.current && (c.current.reset(), s(""));
-  }, [c]);
+    r.current && (r.current.reset(), c(""));
+  }, [r]);
   return U(() => {
-    o(
+    l(
       e.filter(
         (g) => {
           var u;
-          return a === "grouped" ? g.name.toLowerCase().includes(l.toLowerCase()) || ((u = g.group) == null ? void 0 : u.includes(l.toLowerCase())) : g.name.toLowerCase().includes(l.toLowerCase());
+          return a === "grouped" ? g.name.toLowerCase().includes(s.toLowerCase()) || ((u = g.group) == null ? void 0 : u.includes(s.toLowerCase())) : g.name.toLowerCase().includes(s.toLowerCase());
         }
       )
     );
-  }, [e, l, a]), a === "grouped" ? /* @__PURE__ */ f(
+  }, [e, s, a]), a === "grouped" ? /* @__PURE__ */ f(
     $,
     {
       display: "flex",
@@ -6164,7 +6201,15 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       py: 1.25,
       width: "55%",
       children: [
-        /* @__PURE__ */ n("form", { id: "search-form", ref: c, children: /* @__PURE__ */ n(xe, { name: "search", onChange: p, type: "search" }) }),
+        /* @__PURE__ */ n("form", { id: "search-form", ref: r, children: /* @__PURE__ */ n(
+          xe,
+          {
+            name: "search",
+            onChange: p,
+            onClear: d,
+            value: s
+          }
+        ) }),
         /* @__PURE__ */ n(
           "form",
           {
@@ -6176,7 +6221,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
               flexDirection: "column",
               gap: "0.625rem"
             },
-            children: Object.entries(qt(r)).map(
+            children: Object.entries(qt(o)).map(
               ([g, u], h) => {
                 const x = `li-checkbox${g}`;
                 return /* @__PURE__ */ n(
@@ -6197,7 +6242,15 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       ]
     }
   ) : /* @__PURE__ */ f($, { height: "100%", py: 1.25, width: "55%", children: [
-    /* @__PURE__ */ n("form", { id: "search-form", ref: c, children: /* @__PURE__ */ n(xe, { name: "search", onChange: p, type: "search" }) }),
+    /* @__PURE__ */ n("form", { id: "search-form", ref: r, children: /* @__PURE__ */ n(
+      xe,
+      {
+        name: "search",
+        onChange: p,
+        onClear: d,
+        value: s
+      }
+    ) }),
     /* @__PURE__ */ n(
       "form",
       {
@@ -6207,7 +6260,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         style: {
           paddingTop: "0.625rem"
         },
-        children: r.map((g) => {
+        children: o.map((g) => {
           const u = `li-checkbox-${g.name}`;
           return /* @__PURE__ */ n(
             mr,
@@ -6274,7 +6327,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           children: [
             /* @__PURE__ */ n(G, { size: "sm", children: t }),
             /* @__PURE__ */ n(
-              Y,
+              K,
               {
                 icon: "close",
                 iconColor: r.palette.gray[400],
@@ -6379,7 +6432,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   svg.fa-check {
     border-radius: 2px;
   }
-`, Zt = b(Y)`
+`, Zt = b(K)`
   background-color: ${({ theme: e }) => e.palette.white};
   color: ${({ theme: e }) => e.palette.gray[400]};
 `, ut = ({
@@ -7537,7 +7590,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
                     }
                   ),
                   /* @__PURE__ */ n(
-                    Y,
+                    K,
                     {
                       icon: "xmark",
                       iconColor: c.palette.gray[400],
@@ -7702,7 +7755,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
               ] }),
               e && /* @__PURE__ */ n($, { display: "flex", gap: 0.25, children: e.map(
                 ({ icon: s, onClick: c }, p) => /* @__PURE__ */ n(
-                  Y,
+                  K,
                   {
                     icon: s ?? "paper-plane",
                     iconColor: l.palette.gray[400],
@@ -7717,7 +7770,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
             ]
           }
         ),
-        /* @__PURE__ */ n($, { display: "flex", pt: 0.25, width: "100%", children: /* @__PURE__ */ n(Kt, { items: r }) }),
+        /* @__PURE__ */ n($, { display: "flex", pt: 0.25, width: "100%", children: /* @__PURE__ */ n(Yt, { items: r }) }),
         /* @__PURE__ */ n(
           $,
           {
@@ -7835,7 +7888,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     iconTransform: "shrink-2",
     iconType: "fa-light"
   }
-) }), Yl = ({
+) }), Kl = ({
   category: e,
   description: t,
   href: i,
@@ -8064,12 +8117,12 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     onClick: i,
     children: /* @__PURE__ */ n(C, { color: "inherit", size: "sm", sizeSm: "xs", children: a })
   }
-), Yr = [{ text: "EN" }, { text: "ES" }], Kl = ({
+), Kr = [{ text: "EN" }, { text: "ES" }], Yl = ({
   items: e,
   handleClick: t,
   mode: i = "light"
 }) => {
-  const a = e ?? Yr, [r, o] = F(a[0].text), l = k(
+  const a = e ?? Kr, [r, o] = F(a[0].text), l = k(
     (s) => () => {
       t(s.text), o(s.text);
     },
@@ -8103,7 +8156,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   className: "flex flex-wrap items-center justify-end mb2"
 })`
   gap: 8px;
-`, be = (e) => e === void 0 ? "flex-grow: 1;" : `width: calc(${e}00% / var(--cols));`, Kr = b.div.attrs({
+`, be = (e) => e === void 0 ? "flex-grow: 1;" : `width: calc(${e}00% / var(--cols));`, Yr = b.div.attrs({
   className: "comp-col"
 })`
   word-break: break-word;
@@ -8138,7 +8191,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   paddingTop: o,
   width: l
 }) => /* @__PURE__ */ n(
-  Kr,
+  Yr,
   {
     $lg: i,
     $md: a,
@@ -8636,7 +8689,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           /* @__PURE__ */ n(C, { size: "sm", whiteSpace: "break-spaces", wordWrap: "break-word", children: e })
         ] }),
         /* @__PURE__ */ n(
-          Y,
+          K,
           {
             height: "fit-content",
             icon: "close",
@@ -9519,7 +9572,7 @@ const xo = {
     });
   }, [r]);
   return i ? /* @__PURE__ */ n(No, { children: /* @__PURE__ */ n(
-    Y,
+    K,
     {
       height: "40px",
       icon: "arrow-up",
@@ -10256,7 +10309,7 @@ const xo = {
                 }
               ),
               /* @__PURE__ */ n(
-                Y,
+                K,
                 {
                   icon: "close",
                   iconColor: d.palette.gray[400],
@@ -10429,7 +10482,7 @@ const xo = {
     e
   );
   return /* @__PURE__ */ n("div", { ...o, className: `thumb ${s ? "dragging" : ""}`, children: /* @__PURE__ */ n(ni, { children: /* @__PURE__ */ n("input", { ...l, "aria-label": a, ref: r }) }) });
-}, Yo = (e, t, i) => Math.round((i - e) / (t - e) * 100), ks = (e) => {
+}, Ko = (e, t, i) => Math.round((i - e) / (t - e) * 100), ks = (e) => {
   const t = j(), i = A(null), { label: a, minValue: r = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, p = ii(), d = ai({
     ...e,
     numberFormatter: p,
@@ -10437,7 +10490,7 @@ const xo = {
       s == null || s(l, x);
     },
     value: c == null ? void 0 : c(l)
-  }), g = Yo(r, o, d.getThumbValue(0)), { groupProps: u, trackProps: h } = ri(
+  }), g = Ko(r, o, d.getThumbValue(0)), { groupProps: u, trackProps: h } = ri(
     { ...e, "aria-label": l, id: l },
     d,
     i
@@ -10480,7 +10533,7 @@ const xo = {
       ]
     }
   ) });
-}, { getVariant: Ko } = ne(
+}, { getVariant: Yo } = ne(
   (e) => ({
     completed: `
       background-color: ${e.palette.primary[500]};
@@ -10562,7 +10615,7 @@ const xo = {
       height: calc(100% - ${e.spacing[1]});
     }
 
-    ${Ko(e, t)}
+    ${Yo(e, t)}
   `}
 `, vs = ({
   button: { disabled: e = !1, text: t, type: i = "button", onClick: a },
@@ -11104,149 +11157,149 @@ const xo = {
   /* @__PURE__ */ n(M, { disabled: a, type: "submit", children: r })
 ] }) });
 export {
-  Tl as $,
+  zl as $,
   bl as A,
   ge as B,
   Oe as C,
-  Rl as D,
-  $ as E,
-  de as F,
-  Hl as G,
-  Xi as H,
-  Ol as I,
-  Vl as J,
-  _l as K,
-  S as L,
+  fl as D,
+  Rl as E,
+  $ as F,
+  de as G,
+  Hl as H,
+  Xi as I,
+  Ol as J,
+  Vl as K,
+  _l as L,
   ee as M,
-  Y as N,
-  Gl as O,
-  Ul as P,
-  q as Q,
-  Il as R,
-  ml as S,
-  Gt as T,
-  ya as U,
-  wl as V,
-  kl as W,
-  Cl as X,
-  Ta as Y,
-  Sl as Z,
-  zl as _,
+  S as N,
+  K as O,
+  Gl as P,
+  Ul as Q,
+  q as R,
+  Il as S,
+  ml as T,
+  Gt as U,
+  ya as V,
+  wl as W,
+  kl as X,
+  Cl as Y,
+  Ta as Z,
+  Sl as _,
   Et as a,
-  Ut as a$,
-  vl as a0,
-  Yl as a1,
-  ql as a2,
-  Zl as a3,
-  Xl as a4,
-  Jl as a5,
-  Ql as a6,
-  es as a7,
-  Kl as a8,
-  re as a9,
-  $s as aA,
-  ys as aB,
-  xs as aC,
-  ms as aD,
-  ws as aE,
-  ks as aF,
-  vs as aG,
-  Cs as aH,
-  Kt as aI,
-  oe as aJ,
-  il as aK,
-  zs as aL,
-  Ga as aM,
-  Is as aN,
-  ie as aO,
-  Ts as aP,
-  Ns as aQ,
-  G as aR,
-  C as aS,
-  Ee as aT,
-  Ds as aU,
-  js as aV,
-  Ea as aW,
-  Aa as aX,
-  le as aY,
-  jl as aZ,
-  Ma as a_,
-  Fe as aa,
-  $r as ab,
-  ts as ac,
-  ns as ad,
-  as as ae,
-  is as af,
-  rs as ag,
-  os as ah,
-  zr as ai,
-  hr as aj,
-  rr as ak,
-  El as al,
-  Al as am,
-  Ml as an,
-  ss as ao,
-  gr as ap,
-  cs as aq,
-  ds as ar,
-  xt as as,
-  ko as at,
-  us as au,
-  hs as av,
-  gs as aw,
-  Oa as ax,
-  bs as ay,
-  xe as az,
+  jl as a$,
+  Tl as a0,
+  vl as a1,
+  Kl as a2,
+  ql as a3,
+  Zl as a4,
+  Xl as a5,
+  Jl as a6,
+  Ql as a7,
+  es as a8,
+  Yl as a9,
+  bs as aA,
+  xe as aB,
+  $s as aC,
+  ys as aD,
+  xs as aE,
+  ms as aF,
+  ws as aG,
+  ks as aH,
+  vs as aI,
+  Cs as aJ,
+  Yt as aK,
+  oe as aL,
+  il as aM,
+  zs as aN,
+  Ga as aO,
+  Is as aP,
+  ie as aQ,
+  Ts as aR,
+  Ns as aS,
+  G as aT,
+  C as aU,
+  Ee as aV,
+  Ds as aW,
+  js as aX,
+  Ea as aY,
+  Aa as aZ,
+  le as a_,
+  re as aa,
+  Fe as ab,
+  $r as ac,
+  ts as ad,
+  ns as ae,
+  as as af,
+  is as ag,
+  rs as ah,
+  os as ai,
+  zr as aj,
+  hr as ak,
+  rr as al,
+  El as am,
+  Al as an,
+  Ml as ao,
+  ss as ap,
+  gr as aq,
+  cs as ar,
+  ds as as,
+  xt as at,
+  ko as au,
+  us as av,
+  hs as aw,
+  fs as ax,
+  gs as ay,
+  Oa as az,
   At as b,
-  Dl as b0,
-  ji as b1,
-  yl as b2,
-  Ht as b3,
-  je as b4,
-  ta as b5,
-  ot as b6,
-  la as b7,
-  _e as b8,
-  Ae as b9,
-  Jt as bA,
-  Hr as bB,
-  Ur as bC,
-  ls as bD,
-  $o as bE,
-  ps as bF,
-  mo as bG,
-  fs as bH,
+  Ma as b0,
+  Ut as b1,
+  Dl as b2,
+  ji as b3,
+  Ht as b4,
+  je as b5,
+  ta as b6,
+  ot as b7,
+  la as b8,
+  _e as b9,
+  Mr as bA,
+  Jt as bB,
+  Hr as bC,
+  Ur as bD,
+  ls as bE,
+  $o as bF,
+  ps as bG,
+  mo as bH,
   Pe as bI,
   $e as bJ,
   Bo as bK,
   Uo as bL,
   Ss as bM,
-  Ge as ba,
-  ua as bb,
-  fa as bc,
-  ha as bd,
-  ye as be,
-  Ue as bf,
-  xa as bg,
-  va as bh,
-  pt as bi,
-  gt as bj,
-  Re as bk,
-  Pa as bl,
-  Ja as bm,
-  ur as bn,
-  fr as bo,
-  xr as bp,
-  Cr as bq,
-  ut as br,
-  Be as bs,
-  ft as bt,
-  ht as bu,
-  Nr as bv,
-  Dr as bw,
-  Bl as bx,
-  bt as by,
-  Mr as bz,
+  Ae as ba,
+  Ge as bb,
+  ua as bc,
+  fa as bd,
+  ha as be,
+  ye as bf,
+  Ue as bg,
+  xa as bh,
+  va as bi,
+  pt as bj,
+  gt as bk,
+  Re as bl,
+  Pa as bm,
+  Ja as bn,
+  ur as bo,
+  fr as bp,
+  xr as bq,
+  Cr as br,
+  ut as bs,
+  Be as bt,
+  ft as bu,
+  ht as bv,
+  Nr as bw,
+  Dr as bx,
+  Bl as by,
+  bt as bz,
   zi as c,
   Ie as d,
   ve as e,
@@ -11257,18 +11310,18 @@ export {
   Se as j,
   Ne as k,
   $l as l,
-  M as m,
-  Nl as n,
-  xl as o,
-  Fl as p,
-  Wl as q,
-  Ll as r,
+  yl as m,
+  M as n,
+  Nl as o,
+  xl as p,
+  Fl as q,
+  Wl as r,
   ke as s,
-  De as t,
-  Pl as u,
+  Ll as t,
+  De as u,
   ne as v,
-  hl as w,
-  I as x,
-  ul as y,
-  fl as z
+  Pl as w,
+  hl as x,
+  I as y,
+  ul as z
 };