@fluidattacks/design 3.10.4 → 3.10.5-pr-01

package/dist/{components-Be5vY-MX.mjs → components-CsFXi8G7.mjs}

@@ -1,6 +1,6 @@
-import { jsx as n, jsxs as u, Fragment as Be } from "react/jsx-runtime";
-import Ve, { forwardRef as _, useState as D, useCallback as v, StrictMode as sn, useEffect as G, useRef as V, useMemo as Z, Children as cn, isValidElement as dn, cloneElement as pn, Fragment as Ct } from "react";
-import { o as gn, d as b, n as F, u as un, a as fn, b as hn, c as bn, e as yn, l as W, f as St, g as $n, h as xn, s as mn, i as de, _ as H, $ as wn, j as kn, k as vn, m as Cn, p as Sn, q as zn, r as In, t as Tn, v as zt, C as It, w as Nn, x as Fn, y as jn, z as et, A as me, B as Dn, D as En, E as Tt, F as Nt, G as we, H as Ln, I as Wn, J as Pn, K as Rn, L as An, M as He, N as Mn, O as Ft, P as Bn, Q as jt, R as Vn, S as Hn, T as On, U as Gn, V as _n, W as Dt, X as Un, Y as tt, Z as nt, a0 as it, a1 as Kn, a2 as Yn, a3 as qn, a4 as Xn, a5 as Et, a6 as Zn, a7 as Jn, a8 as Qn, a9 as Lt, aa as ei, ab as ti, ac as ni, ae as ii, af as Wt, ag as ai, ah as ri, ai as oi, aj as li, ak as si, al as ci, am as di, an as pi, ao as at, ap as gi, aq as rt, ar as ui } from "./vendor-Sf9Y3XyV.mjs";
+import { jsx as n, jsxs as u, Fragment as Ve } from "react/jsx-runtime";
+import He, { forwardRef as _, useState as D, useCallback as v, StrictMode as sn, useEffect as G, useRef as H, useMemo as Z, Children as cn, isValidElement as dn, cloneElement as pn, Fragment as Ct } from "react";
+import { o as gn, d as b, n as F, u as un, a as fn, b as hn, c as bn, e as yn, l as W, f as St, g as $n, h as xn, s as mn, i as de, _ as B, $ as wn, j as kn, k as vn, m as Cn, p as Sn, q as zn, r as In, t as Tn, v as zt, C as It, w as Nn, x as Fn, y as jn, z as et, A as me, B as Dn, D as En, E as Tt, F as Nt, G as we, H as Ln, I as Wn, J as Pn, K as Rn, L as An, M as Be, N as Mn, O as Ft, P as Vn, Q as jt, R as Hn, S as Bn, T as On, U as Gn, V as _n, W as Dt, X as Un, Y as tt, Z as nt, a0 as it, a1 as Kn, a2 as Yn, a3 as qn, a4 as Xn, a5 as Et, a6 as Zn, a7 as Jn, a8 as Qn, a9 as Lt, aa as ei, ab as ti, ac as ni, ae as ii, af as Wt, ag as ai, ah as ri, ai as oi, aj as li, ak as si, al as ci, am as di, an as pi, ao as at, ap as gi, aq as rt, ar as ui } from "./vendor-Sf9Y3XyV.mjs";
 import { createPortal as Q } from "react-dom";
 import { Link as fi, useLocation as hi, NavLink as bi } from "react-router-dom";
 const ne = (e) => ({
@@ -894,7 +894,7 @@ const T = _(function({
     default:
       return "circle-exclamation";
   }
-}, { getVariant: Bi } = ne(
+}, { getVariant: Vi } = ne(
   (e) => ({
     error: `
       background: ${e.palette.error[50]};
@@ -953,7 +953,7 @@ const T = _(function({
       }
     `
   })
-), Vi = b.div`
+), Hi = b.div`
   ${({ theme: e, $variant: t }) => `
     background: transparent;
     align-items: center;
@@ -973,9 +973,9 @@ const T = _(function({
       background-color: transparent;
     }
 
-    ${Bi(e, t ?? "error")}
+    ${Vi(e, t ?? "error")}
   `}
-`, Hi = b.div`
+`, Bi = b.div`
   padding-right: 4px;
   width: 100%;
 `, { getVariant: Oi } = ne(
@@ -1146,7 +1146,7 @@ const T = _(function({
     E,
     L
   ]);
-  return t ? /* @__PURE__ */ n(sn, { children: e }) : /* @__PURE__ */ u(Be, { children: [
+  return t ? /* @__PURE__ */ n(sn, { children: e }) : /* @__PURE__ */ u(Ve, { children: [
     /* @__PURE__ */ n(
       _i,
       {
@@ -1291,7 +1291,7 @@ const T = _(function({
       ref: p,
       role: "alert",
       ...d,
-      children: /* @__PURE__ */ u(Vi, { $variant: s, id: c, children: [
+      children: /* @__PURE__ */ u(Hi, { $variant: s, id: c, children: [
         /* @__PURE__ */ n(
           T,
           {
@@ -1301,7 +1301,7 @@ const T = _(function({
             iconType: "fa-light"
           }
         ),
-        /* @__PURE__ */ n(Hi, { children: i }),
+        /* @__PURE__ */ n(Bi, { children: i }),
         a ? /* @__PURE__ */ n(
           K,
           {
@@ -1526,7 +1526,7 @@ const T = _(function({
       }
     `
   })
-), Bt = de`
+), Vt = de`
   ${({ theme: e, $color: t, $variant: i }) => `
     align-items: center;
     cursor: pointer;
@@ -1551,9 +1551,9 @@ const T = _(function({
     ${t ? `color: ${t}` : Xi(e, i)}
   `}
 `, Zi = b.a`
-  ${Bt}
+  ${Vt}
 `, Ji = b(fi)`
-  ${Bt}
+  ${Vt}
 `, re = ({
   children: e,
   color: t,
@@ -1879,10 +1879,10 @@ const T = _(function({
     ${({ $opacity: e = 0 }) => `background-color: rgba(0, 0, 0, ${e});`}
   }
 `, ea = (e) => {
-  if (H.isNil(e)) return "";
+  if (B.isNil(e)) return "";
   const t = e.split(".");
-  return (t.length > 1 ? H.last(t) : "").toLowerCase();
-}, ta = (e, t) => H.isUndefined(t) ? !1 : H.includes(e, ea(t)), na = ({
+  return (t.length > 1 ? B.last(t) : "").toLowerCase();
+}, ta = (e, t) => B.isUndefined(t) ? !1 : B.includes(e, ea(t)), na = ({
   alt: e,
   fileType: t,
   width: i = "100%",
@@ -1935,7 +1935,7 @@ const T = _(function({
             onClick: s,
             position: "relative",
             width: "100%",
-            children: o === void 0 ? /* @__PURE__ */ u(Ve.Fragment, { children: [
+            children: o === void 0 ? /* @__PURE__ */ u(He.Fragment, { children: [
               /* @__PURE__ */ n(
                 na,
                 {
@@ -1998,7 +1998,7 @@ const T = _(function({
       text-align: ${t};
     }
   `}
-`, Vt = ({
+`, Ht = ({
   htmlFor: e,
   label: t,
   link: i,
@@ -2186,7 +2186,7 @@ const T = _(function({
   const h = F(), x = g ? g.length : 0;
   return /* @__PURE__ */ u(aa, { children: [
     l === void 0 ? void 0 : /* @__PURE__ */ n(
-      Vt,
+      Ht,
       {
         htmlFor: o,
         label: l,
@@ -2234,7 +2234,7 @@ const T = _(function({
         gap: 0.25,
         width: "100%",
         children: [
-          r && /* @__PURE__ */ u(Be, { children: [
+          r && /* @__PURE__ */ u(Ve, { children: [
             /* @__PURE__ */ n(
               T,
               {
@@ -2269,7 +2269,7 @@ const T = _(function({
   ...l
 }) => {
   var g;
-  const s = V(null), c = (g = o == null ? void 0 : o.current) == null ? void 0 : g.getBoundingClientRect(), { popoverProps: d } = wn(
+  const s = H(null), c = (g = o == null ? void 0 : o.current) == null ? void 0 : g.getBoundingClientRect(), { popoverProps: d } = wn(
     {
       ...l,
       popoverRef: a ?? s,
@@ -2355,7 +2355,7 @@ const T = _(function({
   item: e,
   state: t
 }) => {
-  const i = F(), a = V(null), { optionProps: r, isSelected: o, isFocused: l, isDisabled: s } = vn(
+  const i = F(), a = H(null), { optionProps: r, isSelected: o, isFocused: l, isDisabled: s } = vn(
     { key: e.key },
     t,
     a
@@ -2398,26 +2398,26 @@ const T = _(function({
 }) => {
   var Qe;
   const w = F(), k = t ? void 0 : i, z = (e == null ? void 0 : e.value) ?? $, [I, C] = D(
-    ((Qe = d.find((B) => B.value === z)) == null ? void 0 : Qe.name) ?? ""
-  ), [E, L] = D(z), [M, O] = D(d), [R, P] = D(!1), { contains: Y } = Cn({ sensitivity: "base" }), J = V(null), le = V(null), De = V(null), Xe = V(null), Ze = V(null), Jt = Z(() => d.map(
-    (B) => Y(B.name, I) || R ? /* @__PURE__ */ n(Sn, { children: B.name }, B.value) : null
+    ((Qe = d.find((V) => V.value === z)) == null ? void 0 : Qe.name) ?? ""
+  ), [E, L] = D(z), [M, O] = D(d), [R, P] = D(!1), { contains: Y } = Cn({ sensitivity: "base" }), J = H(null), le = H(null), De = H(null), Xe = H(null), Ze = H(null), Jt = Z(() => d.map(
+    (V) => Y(V.name, I) || R ? /* @__PURE__ */ n(Sn, { children: V.name }, V.value) : null
   ), [Y, I, d, R]), Qt = v(
-    (B) => {
-      C(B), B === "" ? P(!0) : (P(!1), L((X) => {
-        const he = B === "" ? "" : X;
-        return e && e.onChange(he), g && g(B), he;
-      }), O(d.filter((X) => Y(X.name, B))));
+    (V) => {
+      C(V), V === "" ? P(!0) : (P(!1), L((X) => {
+        const he = V === "" ? "" : X;
+        return e && e.onChange(he), g && g(V), he;
+      }), O(d.filter((X) => Y(X.name, V))));
     },
     [Y, d, e, g]
   ), en = v(
-    (B) => {
+    (V) => {
       var X;
-      C(((X = d.find((he) => he.value === B)) == null ? void 0 : X.name) ?? ""), L(B ? String(B) : ""), e && e.onChange(B), g && g(B ? String(B) : ""), O(d);
+      C(((X = d.find((he) => he.value === V)) == null ? void 0 : X.name) ?? ""), L(V ? String(V) : ""), e && e.onChange(V), g && g(V ? String(V) : ""), O(d);
     },
     [d, e, g]
   ), Je = v(
-    (B) => {
-      B.key === "Enter" && B.preventDefault(), P(!1);
+    (V) => {
+      V.key === "Enter" && V.preventDefault(), P(!1);
     },
     []
   ), tn = v(() => {
@@ -2435,9 +2435,9 @@ const T = _(function({
     onKeyUp: () => {
       P(!0);
     },
-    onOpenChange(B, X) {
+    onOpenChange(V, X) {
       P(
-        B && (X === "manual" || X === "focus")
+        V && (X === "manual" || X === "focus")
       );
     },
     onSelectionChange: en,
@@ -2461,9 +2461,9 @@ const T = _(function({
     te
   ), { listBoxProps: on } = Tn(rn, te, De), { buttonProps: ln } = zt(nn, le);
   return G(() => {
-    var B;
+    var V;
     (s === !1 || !z) && C(
-      ((B = d.find((X) => X.value === z)) == null ? void 0 : B.name) ?? ""
+      ((V = d.find((X) => X.value === z)) == null ? void 0 : V.name) ?? ""
     );
   }, [z, d, s]), /* @__PURE__ */ u(
     q,
@@ -2531,7 +2531,7 @@ const T = _(function({
             popoverRef: Ze,
             state: te,
             triggerRef: Xe,
-            children: /* @__PURE__ */ n(ra, { ...on, ref: De, children: [...te.collection].map((B) => /* @__PURE__ */ n(la, { item: B, state: te }, B.key)) })
+            children: /* @__PURE__ */ n(ra, { ...on, ref: De, children: [...te.collection].map((V) => /* @__PURE__ */ n(la, { item: V, state: te }, V.key)) })
           }
         ) : null
       ]
@@ -2641,7 +2641,7 @@ const T = _(function({
   display: flex;
   padding: ${({ theme: e }) => e.spacing[0.25]} 0;
   width: 100%;
-`, Ht = de`
+`, Bt = de`
   ${({ theme: e }) => `
     align-items: center;
     color: ${e.palette.gray[800]};
@@ -2658,10 +2658,10 @@ const T = _(function({
     width: ${e.spacing[2.5]};
   `}
 `, da = b.th`
-  ${Ht}
+  ${Bt}
 `, pa = b.td`
   ${({ theme: e }) => `
-    ${Ht}
+    ${Bt}
     height: ${e.spacing[2.5]};
     width: ${e.spacing[2.5]};
 
@@ -2737,7 +2737,7 @@ const T = _(function({
     width: 100%;
   `}
 `, ua = ({ state: e, date: t }) => {
-  const i = V(null), a = Nn(t, Fn()), { cellProps: r, buttonProps: o, isSelected: l, isDisabled: s, formattedDate: c } = jn({ date: t }, e, i), d = "highlightedRange" in e && !W.isNull(e.highlightedRange) ? et(t, e.highlightedRange.start) : l, p = "highlightedRange" in e && !W.isNull(e.highlightedRange) ? et(t, e.highlightedRange.end) : l, g = l && !s && !(d || p) ? "range" : "";
+  const i = H(null), a = Nn(t, Fn()), { cellProps: r, buttonProps: o, isSelected: l, isDisabled: s, formattedDate: c } = jn({ date: t }, e, i), d = "highlightedRange" in e && !W.isNull(e.highlightedRange) ? et(t, e.highlightedRange.start) : l, p = "highlightedRange" in e && !W.isNull(e.highlightedRange) ? et(t, e.highlightedRange.end) : l, g = l && !s && !(d || p) ? "range" : "";
   return /* @__PURE__ */ n(pa, { id: g, ...r, children: /* @__PURE__ */ u(
     "div",
     {
@@ -2875,7 +2875,7 @@ const T = _(function({
   icon: t,
   props: i
 }) => {
-  const a = V(null), { buttonProps: r } = zt(i, a);
+  const a = H(null), { buttonProps: r } = zt(i, a);
   return /* @__PURE__ */ n(
     ba,
     {
@@ -2948,7 +2948,7 @@ const T = _(function({
   segment: e,
   state: t
 }) => {
-  const i = F(), a = V(null), o = { ...e, placeholder: {
+  const i = F(), a = H(null), o = { ...e, placeholder: {
     day: "dd",
     dayPeriod: "(AM/PM)",
     era: "",
@@ -2979,7 +2979,7 @@ const T = _(function({
   error: t = !1,
   props: i
 }) => {
-  const a = F(), r = V(null), o = Ln({
+  const a = F(), r = H(null), o = Ln({
     ...i,
     createCalendar: we,
     locale: "en-US"
@@ -2992,7 +2992,9 @@ const T = _(function({
     },
     []
   );
-  return /* @__PURE__ */ u(ya, { ...l, onClick: s, children: [
+  return G(() => {
+    i.onChange && o.value && i.onChange(o.value);
+  }, [o.value]), /* @__PURE__ */ u(ya, { ...l, onClick: s, children: [
     /* @__PURE__ */ n(
       "div",
       {
@@ -3022,7 +3024,7 @@ const T = _(function({
     ) : void 0
   ] });
 }, wa = (e) => {
-  const t = V(null), i = Pn({
+  const t = H(null), i = Pn({
     ...e,
     locale: "en-US",
     shouldForceLeadingZeros: !0
@@ -3063,7 +3065,7 @@ const T = _(function({
       )
     ] })
   ] });
-}, Gt = (e) => e && e !== "-" ? He(e).format("YYYY-MM-DD") : "-", ka = (e) => e && e !== "-" ? He(e).format("YYYY-MM-DD hh:mm A") : "-", va = (e) => e && e !== "-" ? He(e).format("YYYY/MM/DD hh:mm A") : "-", $e = ({
+}, Gt = (e) => e && e !== "-" ? Be(e).format("YYYY-MM-DD") : "-", ka = (e) => e && e !== "-" ? Be(e).format("YYYY-MM-DD hh:mm A") : "-", va = (e) => e && e !== "-" ? Be(e).format("YYYY/MM/DD hh:mm A") : "-", $e = ({
   error: e,
   buttonProps: t,
   datePickerRef: i,
@@ -3135,7 +3137,7 @@ const T = _(function({
   children: e,
   ...t
 }) => {
-  const i = V(null), { dialogProps: a } = Mn(t, i);
+  const i = H(null), { dialogProps: a } = Mn(t, i);
   return /* @__PURE__ */ n(ha, { ...a, ref: i, children: e });
 }, Ca = ({
   disabled: e = !1,
@@ -3152,9 +3154,9 @@ const T = _(function({
   watch: g,
   ...f
 }) => {
-  const h = V(null), x = g == null ? void 0 : g(s), $ = Ft({
+  const h = H(null), x = g == null ? void 0 : g(s), $ = Ft({
     ...f,
-    value: H.isNil(x) || H.isEmpty(x) || x === "-" ? null : Bn(x.replace(/\//gu, "-"))
+    value: B.isNil(x) || B.isEmpty(x) || x === "-" ? null : Vn(x.replace(/\//gu, "-"))
   }), { close: m } = $, { groupProps: w, fieldProps: k, buttonProps: z, dialogProps: I, calendarProps: C } = jt(
     { ...f, "aria-label": l ?? s, name: s },
     $,
@@ -3216,7 +3218,7 @@ const T = _(function({
   onClose: e,
   props: t
 }) => {
-  const { locale: i } = me(), a = V(null), r = Vn({ ...t, createCalendar: we, locale: i }), { prevButtonProps: o, nextButtonProps: l, title: s } = Hn(
+  const { locale: i } = me(), a = H(null), r = Hn({ ...t, createCalendar: we, locale: i }), { prevButtonProps: o, nextButtonProps: l, title: s } = Bn(
     t,
     r,
     a
@@ -3256,7 +3258,7 @@ const T = _(function({
   setValue: s,
   ...c
 }) => {
-  const d = `${a}Max`, p = `${a}Min`, g = V(null), f = On(c), { close: h } = f, {
+  const d = `${a}Max`, p = `${a}Min`, g = H(null), f = On(c), { close: h } = f, {
     groupProps: x,
     startFieldProps: $,
     endFieldProps: m,
@@ -3405,14 +3407,14 @@ const T = _(function({
     register: s,
     setValue: c,
     watch: d
-  } = e, p = d == null ? void 0 : d(o), g = V(null), f = Ft({
+  } = e, p = d == null ? void 0 : d(o), g = H(null), f = Ft({
     ...e,
     granularity: "minute",
     hourCycle: 12,
     isDisabled: t,
     isRequired: a,
     shouldCloseOnSelect: !1,
-    value: H.isNil(p) || H.isEmpty(p) || p === "-" ? null : _n(p.replace(/\//gu, "-"))
+    value: B.isNil(p) || B.isEmpty(p) || p === "-" ? null : _n(p.replace(/\//gu, "-"))
   }), { close: h } = f, { groupProps: x, fieldProps: $, buttonProps: m, dialogProps: w, calendarProps: k } = jt(e, f, g), z = v(
     (C) => {
       k.onChange && k.onChange(C), c == null || c(
@@ -3486,7 +3488,7 @@ const T = _(function({
     return /* @__PURE__ */ n("div", { children: e });
   const s = W.isNil(t) ? "" : t, c = String(i ?? s);
   return /* @__PURE__ */ u(y, { children: [
-    /* @__PURE__ */ n(Vt, { 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(S, { size: "md", children: s })
   ] });
 }, _t = ({
@@ -3616,7 +3618,7 @@ const T = _(function({
   watch: x,
   weight: $
 }) => {
-  const m = F(), w = t ? void 0 : i, k = V(null), z = x == null ? void 0 : x(c), I = Da(z), C = g == null ? void 0 : g(c, { required: p }), E = v(() => {
+  const m = F(), w = t ? void 0 : i, k = H(null), z = x == null ? void 0 : x(c), I = Da(z), C = g == null ? void 0 : g(c, { required: p }), E = v(() => {
     const O = Re("change", c, void 0);
     f && f(c, ""), C && C.onChange(O);
   }, [C, c, f]), L = v(
@@ -3935,7 +3937,7 @@ const T = _(function({
   const x = F(), $ = i ? void 0 : e, m = Z(
     () => t < 0 ? 0 : t,
     [t]
-  ), w = Z(() => h === void 0 ? 0 : H.toNumber(h), [h]), k = v(() => {
+  ), w = Z(() => h === void 0 ? 0 : B.toNumber(h), [h]), k = v(() => {
     const E = (w - 10 ** -m).toFixed(m);
     f && f(s, Math.max(Number(l), Number(E)));
   }, [m, w, l, s, f]), z = v(() => {
@@ -3949,7 +3951,7 @@ const T = _(function({
     );
   }, [m, w, o, l, s, f]), I = v(
     (E) => {
-      const { value: L } = E.target, M = /\d+/u.test(L) && !H.isEmpty(L);
+      const { value: L } = E.target, M = /\d+/u.test(L) && !B.isEmpty(L);
       f && f(s, M ? Number(L) : void 0), c && c(E);
     },
     [s, c, f]
@@ -4217,7 +4219,7 @@ const T = _(function({
       background: ${e.palette.gray[100]};
     }
   `}
-`, Ba = b.p`
+`, Va = b.p`
   color: ${({ theme: e }) => e.palette.gray[800]};
   font-size: inherit;
   min-width: 55%;
@@ -4249,7 +4251,7 @@ const T = _(function({
   value: c,
   weight: d
 }) => {
-  const p = F(), g = V(null), f = e ? void 0 : t, [h, x] = D(!1), [$, m] = D(""), { refs: w, floatingStyles: k } = Dt({
+  const p = F(), g = H(null), f = e ? void 0 : t, [h, x] = D(!1), [$, m] = D(""), { refs: w, floatingStyles: k } = Dt({
     placement: "bottom-start",
     whileElementsMounted: St
   }), { inputValue: z, handlePhoneValueChange: I, country: C, setCountry: E } = Un({
@@ -4366,7 +4368,7 @@ const T = _(function({
                     value: J,
                     children: [
                       /* @__PURE__ */ n(it, { iso2: J, size: "16px" }),
-                      /* @__PURE__ */ n(Ba, { children: le }),
+                      /* @__PURE__ */ n(Va, { children: le }),
                       /* @__PURE__ */ n(
                         S,
                         {
@@ -4522,7 +4524,7 @@ const T = _(function({
       ]
     }
   );
-}, Va = b.label`
+}, Ha = b.label`
   ${({ theme: e }) => `
     align-items: center;
     color: ${e.palette.gray[600]};
@@ -4606,7 +4608,7 @@ const T = _(function({
   value: d,
   ...p
 }, g) {
-  return /* @__PURE__ */ u(Va, { "aria-disabled": i, children: [
+  return /* @__PURE__ */ u(Ha, { "aria-disabled": i, children: [
     /* @__PURE__ */ n(
       "input",
       {
@@ -4631,7 +4633,7 @@ const T = _(function({
     /* @__PURE__ */ n(T, { disabled: i, icon: "check", iconSize: "sm" }),
     a ?? d
   ] });
-}), Ha = ({
+}), Ba = ({
   options: e,
   title: t,
   checkboxesName: i,
@@ -4788,7 +4790,7 @@ const T = _(function({
     hasChanged: d
   };
 }, _a = (e, t) => Z(
-  () => H.debounce(e, t),
+  () => B.debounce(e, t),
   [e, t]
 ), Ml = (e) => {
   const [t, i] = D(), a = _a((r) => {
@@ -4813,7 +4815,7 @@ const T = _(function({
       width: i
     }
   );
-}, ee = Ve.memo(Ua), Ka = b.label`
+}, ee = He.memo(Ua), Ka = b.label`
   ${({ theme: e }) => `
     align-items: center;
     display: flex;
@@ -4931,7 +4933,7 @@ const T = _(function({
       ]
     }
   );
-}), Bl = ({
+}), Vl = ({
   alt: e,
   imageId: t,
   icon: i,
@@ -5085,7 +5087,7 @@ const T = _(function({
       ]
     }
   );
-}), Vl = ({
+}), Hl = ({
   id: e,
   title: t,
   toggles: i,
@@ -5156,7 +5158,7 @@ const T = _(function({
   gap: ${({ theme: e }) => e.spacing[0.5]};
   justify-content: center;
   margin-top: ${({ theme: e }) => e.spacing[2]};
-`, Hl = ({
+`, Bl = ({
   slides: e,
   interval: t = 300
 }) => {
@@ -5273,9 +5275,9 @@ const T = _(function({
   "pre",
   {
     className: "line-highlight",
-    "data-line-offset": H.isNil(t) || H.isString(t) ? 0 : t.offset + 0.7,
+    "data-line-offset": B.isNil(t) || B.isString(t) ? 0 : t.offset + 0.7,
     ...i !== void 0 ? { "data-line": String(Number(i)) } : {},
-    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 })
+    children: B.isNil(t) || B.isString(t) || B.isEmpty(t.content) ? /* @__PURE__ */ n("div", { className: "no-data", children: /* @__PURE__ */ n("p", { children: e }) }) : /* @__PURE__ */ n("code", { className: "language-none", children: t.content })
   }
 ) })), Ol = ({
   noCodeMessage: e = "Code snippet not available",
@@ -5286,7 +5288,7 @@ const T = _(function({
   const r = F(), [o, l] = D(!1), [s, c] = D(!0), d = v(() => {
     l((h) => !h);
   }, [l]), p = v(() => {
-    if (H.isNil(t) || H.isEmpty(t) || !H.isString(t))
+    if (B.isNil(t) || B.isEmpty(t) || !B.isString(t))
       return c(!1), e;
     const h = t.split(`
 `);
@@ -5744,7 +5746,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     return window.addEventListener("keydown", c), () => {
       window.removeEventListener("keydown", c);
     };
-  }, [s]), /* @__PURE__ */ u(Be, { children: [
+  }, [s]), /* @__PURE__ */ u(Ve, { children: [
     /* @__PURE__ */ u(lr, { children: [
       /* @__PURE__ */ u(sr, { children: [
         typeof t == "string" ? /* @__PURE__ */ n(U, { fontWeight: "bold", lineSpacing: 1.75, mr: 1, size: "sm", children: t }) : t,
@@ -6206,7 +6208,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   onChangeHandler: i,
   variant: a
 }) => {
-  const r = V(null), [o, l] = D([]), [s, c] = D(""), d = v(
+  const r = H(null), [o, l] = D([]), [s, c] = D(""), d = v(
     (g) => {
       const { value: f } = g.target;
       c(f);
@@ -6259,7 +6261,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
               ([g, f], h) => {
                 const x = `li-checkbox${g}`;
                 return /* @__PURE__ */ n(
-                  Ha,
+                  Ba,
                   {
                     checkboxesName: g,
                     defaultCollapsed: h === 0,
@@ -6326,7 +6328,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   modalRef: i,
   variant: a
 }) => {
-  const r = F(), o = V(null), [l, s] = D(void 0), c = v(
+  const r = F(), o = H(null), [l, s] = D(void 0), c = v(
     (g) => {
       const { checked: f, value: h } = g.target, x = i.columns.map(($) => {
         var m;
@@ -6880,7 +6882,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   document.getElementById(e) ?? document.body
 ) : /* @__PURE__ */ n("div", {}), Lr = (e, t) => {
   function i(l, s) {
-    if (s.value === "" || s.value === void 0 || H.defaultTo(s.isBackFilter, !1))
+    if (s.value === "" || s.value === void 0 || B.defaultTo(s.isBackFilter, !1))
       return !0;
     switch (s.filterFn) {
       case "includesInsensitive":
@@ -6897,7 +6899,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     return c.length === 0 ? !0 : c.includes(String(l[s.key]));
   }
   function r(l, s) {
-    const c = Number(l[s.key]), { minValue: d, maxValue: p } = s, g = H.isEmpty(d) ? void 0 : d, f = H.isEmpty(p) ? void 0 : p;
+    const c = Number(l[s.key]), { minValue: d, maxValue: p } = s, g = B.isEmpty(d) ? void 0 : d, f = B.isEmpty(p) ? void 0 : p;
     return g === void 0 && f === void 0 ? !0 : (g ?? -1 / 0) <= c && c <= (f ?? 1 / 0);
   }
   function o(l) {
@@ -6947,7 +6949,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   );
   return G(() => {
     a(Lr(e, o));
-  }, [e, o, a]), /* @__PURE__ */ u(Ve.Fragment, { children: [
+  }, [e, o, a]), /* @__PURE__ */ u(He.Fragment, { children: [
     /* @__PURE__ */ n(
       y,
       {
@@ -7006,7 +7008,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           flexDirection: "column",
           id: h,
           children: [
-            !H.isEmpty(g) && /* @__PURE__ */ n(
+            !B.isEmpty(g) && /* @__PURE__ */ n(
               mr,
               {
                 description: l,
@@ -7017,10 +7019,10 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
                 title: g
               }
             ),
-            (H.isObject(o) || a) && /* @__PURE__ */ u(or, { children: [
+            (B.isObject(o) || a) && /* @__PURE__ */ u(or, { children: [
               a,
-              H.isObject(o) && H.isString(o.imageSrc) && /* @__PURE__ */ n(dr, { $framed: o.imageFramed, children: /* @__PURE__ */ n(ee, { alt: "modal-img", publicId: o.imageSrc }) }),
-              H.isObject(o) && H.isString(o.imageText) && /* @__PURE__ */ n(S, { size: "sm", children: o.imageText })
+              B.isObject(o) && B.isString(o.imageSrc) && /* @__PURE__ */ n(dr, { $framed: o.imageFramed, children: /* @__PURE__ */ n(ee, { alt: "modal-img", publicId: o.imageSrc }) }),
+              B.isObject(o) && B.isString(o.imageText) && /* @__PURE__ */ n(S, { size: "sm", children: o.imageText })
             ] }),
             /* @__PURE__ */ n(
               pr,
@@ -7041,7 +7043,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     document.getElementById("portals") ?? document.body
   ) : s.isOpen ? x() : null;
 }, Kl = () => {
-  const [e, t] = D(!1), [i, a] = D(), r = V(null), o = qe("confirm-dialog-modal"), l = v(
+  const [e, t] = D(!1), [i, a] = D(), r = H(null), o = qe("confirm-dialog-modal"), l = v(
     async (p) => (a(p), t(!0), new Promise((g) => {
       r.current = g;
     })),
@@ -7323,7 +7325,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       }
     }
   `}
-`, Br = ({
+`, Vr = ({
   author: e,
   buttonText: t,
   description: i,
@@ -7437,7 +7439,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   title: i,
   titleHighlighted: a
 }) => {
-  const r = V(null);
+  const r = H(null);
   return /* @__PURE__ */ u(Rr, { "data-testid": "content-card-carousel", children: [
     /* @__PURE__ */ u(
       y,
@@ -7506,7 +7508,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
             gap: 1.5,
             width: "max-content",
             children: t.map(
-              (o, l) => /* @__PURE__ */ n(Br, { ...o }, `${l}-${o.title}`)
+              (o, l) => /* @__PURE__ */ n(Vr, { ...o }, `${l}-${o.title}`)
             )
           }
         )
@@ -7514,7 +7516,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     ),
     /* @__PURE__ */ n(yt, { containerRef: r, id: "mobile" })
   ] });
-}, xt = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ n(A, { onClick: e.onClick, variant: t, children: e.text }), Vr = b.div`
+}, xt = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ n(A, { onClick: e.onClick, variant: t, children: e.text }), Hr = b.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -7522,7 +7524,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   max-width: 900px;
   white-space: pre-line;
   margin: 0 auto;
-`, Hr = b.div`
+`, Br = b.div`
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -7549,7 +7551,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     margin-right: 0;
   }
 `, mt = {
-  md: { description: "md", title: "lg" },
+  md: { description: "md", title: "md" },
   sm: { description: "sm", title: "xs" }
 }, ql = ({
   cancelButton: e = void 0,
@@ -7561,8 +7563,8 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   size: l = "md"
 }) => {
   const s = (t ?? e) !== void 0;
-  return /* @__PURE__ */ u(Vr, { $padding: r, children: [
-    /* @__PURE__ */ n(Hr, { children: /* @__PURE__ */ n(ee, { alt: "empty-icon", publicId: a }) }),
+  return /* @__PURE__ */ u(Hr, { $padding: r, children: [
+    /* @__PURE__ */ n(Br, { children: /* @__PURE__ */ n(ee, { alt: "empty-icon", publicId: a }) }),
     /* @__PURE__ */ n(
       U,
       {
@@ -7605,28 +7607,26 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   `}
 `, Zl = ({
   alert: e,
-  cancelLabel: t,
+  cancelButton: t,
   children: i,
-  id: a = "modal-confirm",
-  mode: r,
-  onCancel: o,
+  confirmButton: a,
+  id: r = "modal-confirm",
+  mode: o,
   onSubmit: l,
   showButtons: s = !0,
-  submitLabel: c,
-  submitDisabled: d = !1,
-  yupSchema: p,
-  ...g
+  yupSchema: c,
+  ...d
 }) => {
-  const f = F(), h = Lt({
-    ...g,
-    mode: r ?? "all",
-    resolver: p ? ni(p) : void 0
+  const p = F(), g = Lt({
+    ...d,
+    mode: o ?? "all",
+    resolver: c ? ni(c) : void 0
   });
-  return /* @__PURE__ */ n(ti, { ...h, children: /* @__PURE__ */ n(Gr, { onSubmit: h.handleSubmit(l), children: /* @__PURE__ */ u(y, { scroll: "y", width: "100%", children: [
+  return /* @__PURE__ */ n(ti, { ...g, children: /* @__PURE__ */ n(Gr, { onSubmit: g.handleSubmit(l), children: /* @__PURE__ */ u(y, { scroll: "y", width: "100%", children: [
     /* @__PURE__ */ n(
       y,
       {
-        borderRadius: `0 0 ${f.spacing[0.25]} ${f.spacing[0.25]}`,
+        borderRadius: `0 0 ${p.spacing[0.25]} ${p.spacing[0.25]}`,
         display: "flex",
         flexDirection: "column",
         gap: 0.5,
@@ -7640,8 +7640,8 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     s && /* @__PURE__ */ u(
       y,
       {
-        borderRadius: `0 0 ${f.spacing[0.25]} ${f.spacing[0.25]}`,
-        borderTop: `1px solid ${f.palette.gray[200]}`,
+        borderRadius: `0 0 ${p.spacing[0.25]} ${p.spacing[0.25]}`,
+        borderTop: `1px solid ${p.palette.gray[200]}`,
         display: "flex",
         flexDirection: "column",
         gap: 0.625,
@@ -7651,27 +7651,29 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         children: [
           e,
           /* @__PURE__ */ u(y, { display: "flex", gap: 0.75, maxWidth: "392px", children: [
-            o ? /* @__PURE__ */ n(
+            t ? /* @__PURE__ */ n(
               A,
               {
-                id: `${a}-cancel`,
+                id: `${r}-cancel`,
                 justify: "center",
-                onClick: o,
+                onClick: t.onClick,
                 type: "reset",
+                icon: t.icon,
                 variant: "tertiary",
                 width: "100%",
-                children: t ?? "Cancel"
+                children: t.label ?? "Cancel"
               }
             ) : void 0,
             /* @__PURE__ */ n(
               A,
               {
-                disabled: d,
-                id: a,
+                disabled: (a == null ? void 0 : a.disabled) || !g.formState.isDirty,
+                id: r,
+                icon: a == null ? void 0 : a.icon,
                 justify: "center",
                 type: "submit",
                 width: "100%",
-                children: c ?? "Confirm"
+                children: (a == null ? void 0 : a.label) ?? "Confirm"
               }
             )
           ] })
@@ -9073,7 +9075,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   manualOption: r,
   providers: o
 }) => {
-  const l = F(), [s, c] = D(!1), d = V(null);
+  const l = F(), [s, c] = D(!1), d = H(null);
   ge(
     d.current,
     () => {
@@ -9843,7 +9845,7 @@ const To = {
       width: 270px;
     }
   `}
-`, Bo = b.div.attrs({ className: "icon-wrap" })`
+`, Vo = b.div.attrs({ className: "icon-wrap" })`
   ${({ theme: e }) => `
     align-items: center;
     background: ${e.palette.primary[25]};
@@ -9858,7 +9860,7 @@ const To = {
       font-size: 20px;
     }
   `}
-`, Vo = b.div`
+`, Ho = b.div`
   ${({ theme: e }) => `
     align-items: flex-start;
     display: flex;
@@ -9890,7 +9892,7 @@ const To = {
       width: 320px;
     }
   `}
-`, Ho = b.form`
+`, Bo = b.form`
   ${({ theme: e }) => `
     align-items: center;
     display: flex;
@@ -9995,7 +9997,7 @@ const To = {
 }) => {
   const { slug: a, title: r } = e, o = String(a).startsWith("/pages/") ? String(a).replace("/pages/", "/") : String(a);
   return /* @__PURE__ */ u(Mo, { href: o, rel: "nofollow noopener noreferrer", children: [
-    i && /* @__PURE__ */ n(Bo, { children: /* @__PURE__ */ n(
+    i && /* @__PURE__ */ n(Vo, { children: /* @__PURE__ */ n(
       T,
       {
         icon: t,
@@ -10057,7 +10059,7 @@ const To = {
   refine: i,
   query: a
 }) => {
-  const [r, o] = D(a), [l, s] = D(!1), c = V(null), d = V(null), p = r.length >= 2, g = v(
+  const [r, o] = D(a), [l, s] = D(!1), c = H(null), d = H(null), p = r.length >= 2, g = v(
     (w) => {
       o(w), i(w);
     },
@@ -10088,9 +10090,9 @@ const To = {
       f(), s(!1);
     },
     !0
-  ), /* @__PURE__ */ u(Vo, { ref: c, children: [
+  ), /* @__PURE__ */ u(Ho, { ref: c, children: [
     /* @__PURE__ */ u(
-      Ho,
+      Bo,
       {
         action: "",
         noValidate: !0,
@@ -10464,7 +10466,7 @@ const To = {
   secondaryOnClick: c,
   title: d
 }) => {
-  const p = F(), g = V(null), f = v(
+  const p = F(), g = H(null), f = v(
     (h) => () => {
       h(), r();
     },
@@ -10700,13 +10702,13 @@ const To = {
   index: i,
   name: a
 }) => {
-  const r = V(null), { thumbProps: o, inputProps: l, isDragging: s } = li(
+  const r = H(null), { thumbProps: o, inputProps: l, isDragging: s } = li(
     { index: i, trackRef: t, inputRef: r },
     e
   );
   return /* @__PURE__ */ n("div", { ...o, className: `thumb ${s ? "dragging" : ""}`, children: /* @__PURE__ */ n(si, { children: /* @__PURE__ */ n("input", { ...l, "aria-label": a, ref: r }) }) });
 }, nl = (e, t, i) => Math.round((i - e) / (t - e) * 100), Fs = (e) => {
-  const t = F(), i = V(null), { label: a, minValue: r = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, d = ci(), p = di({
+  const t = F(), i = H(null), { label: a, minValue: r = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, d = ci(), p = di({
     ...e,
     numberFormatter: d,
     onChange(x) {
@@ -11480,11 +11482,11 @@ export {
   qe as b3,
   Ml as b4,
   Pi as b5,
-  Vt as b6,
+  Ht as b6,
   Fe as b7,
   la as b8,
   st as b9,
-  Br as bA,
+  Vr as bA,
   Yl as bB,
   xt as bC,
   Kr as bD,
@@ -11513,7 +11515,7 @@ export {
   ut as bl,
   ft as bm,
   Ae as bn,
-  Ha as bo,
+  Ba as bo,
   ar as bp,
   xr as bq,
   mr as br,
@@ -11539,10 +11541,10 @@ export {
   A as n,
   Rl as o,
   Tl as p,
-  Bl as q,
-  Vl as r,
+  Vl as q,
+  Hl as r,
   ke as s,
-  Hl as t,
+  Bl as t,
   Ye as u,
   ne as v,
   Ol as w,