@memobit/libs 1.0.46 → 1.0.47

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import g1, { Component as k3, Fragment as _3, createContext as _0, forwardRef as z1, useCallback as Z, useContext as L0, useEffect as F, useId as z0, useImperativeHandle as B2, useLayoutEffect as m2, useMemo as u1, useRef as X, useState as z } from "react";
+import g1, { Component as k3, Fragment as _3, createContext as _0, forwardRef as z1, useCallback as Z, useContext as L0, useEffect as F, useId as z0, useImperativeHandle as B2, useLayoutEffect as m2, useMemo as u1, useRef as K, useState as z } from "react";
 import { Fragment as n1, jsx as e, jsxs as c } from "react/jsx-runtime";
 import { createPortal as K1 } from "react-dom";
 var L3 = /* @__PURE__ */ c("svg", {
@@ -10017,7 +10017,7 @@ var L3 = /* @__PURE__ */ c("svg", {
     })
   });
 }, Cr = ({ id: t, title: r, icon: l, content: a, isExpanded: h, disabled: d = !1, onToggle: o }) => {
-  const m = X(null), i = X(!0);
+  const m = K(null), i = K(!0);
   return F(() => {
     const s = m.current;
     if (s) {
@@ -10066,7 +10066,7 @@ var L3 = /* @__PURE__ */ c("svg", {
     })]
   });
 }, $2 = (t) => {
-  const r = X(null);
+  const r = K(null);
   F(() => {
     const l = () => {
       if (!r.current) return;
@@ -10122,10 +10122,86 @@ var L3 = /* @__PURE__ */ c("svg", {
   ] })
 }));
 T.displayName = "Button";
-var W1 = ({ children: t, className: r, isOpen: l, noPadding: a = !1, onClose: h, onOverlayClick: d, primary: o, secondary: m, size: i = "auto", tertiary: n, title: s, titleIcon: p, usePortal: u = !1 }) => {
+var X = ({ title: t, position: r = "top", delay: l = 200, children: a, disabled: h = !1, className: d = "", maxWidth: o, maxHeight: m }) => {
+  const [i, n] = z(!1), [s, p] = z({
+    top: 0,
+    left: 0
+  }), u = K(null), g = K(null), v = K(null), w = K(null), f = K(!1), y = m !== void 0, b = y ? 150 : 0, C = () => {
+    if (!v.current || !w.current) return;
+    const V = v.current.firstElementChild, S = V && V.getBoundingClientRect().width > 0 ? V.getBoundingClientRect() : v.current.getBoundingClientRect(), _ = w.current.getBoundingClientRect(), R = 8;
+    let B = 0, E = 0;
+    switch (r) {
+      case "top":
+        B = S.top - _.height - R, E = S.left + S.width / 2 - _.width / 2;
+        break;
+      case "bottom":
+        B = S.bottom + R, E = S.left + S.width / 2 - _.width / 2;
+        break;
+      case "left":
+        B = S.top + S.height / 2 - _.height / 2, E = S.left - _.width - R;
+        break;
+      case "right":
+        B = S.top + S.height / 2 - _.height / 2, E = S.right + R;
+        break;
+    }
+    const O = 8;
+    E < O && (E = O), E + _.width > window.innerWidth - O && (E = window.innerWidth - _.width - O), B < O && (B = O), B + _.height > window.innerHeight - O && (B = window.innerHeight - _.height - O), p({
+      top: B,
+      left: E
+    });
+  }, x = () => {
+    h || f.current || (g.current && (clearTimeout(g.current), g.current = null), u.current = setTimeout(() => {
+      n(!0);
+    }, l));
+  }, k = () => {
+    f.current || (u.current && clearTimeout(u.current), b > 0 ? g.current = setTimeout(() => n(!1), b) : n(!1));
+  }, H = (V) => {
+    V.pointerType !== "touch" && V.pointerType !== "pen" || h || (f.current = !0, u.current && (clearTimeout(u.current), u.current = null), V.stopPropagation(), n((S) => !S));
+  };
+  F(() => (i && (C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C)), () => {
+    window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C);
+  }), [i]), F(() => {
+    if (!i) return;
+    const V = (S) => {
+      v.current?.contains(S.target) || w.current?.contains(S.target) || n(!1);
+    };
+    return document.addEventListener("pointerdown", V), () => {
+      document.removeEventListener("pointerdown", V), f.current = !1;
+    };
+  }, [i]), F(() => () => {
+    u.current && clearTimeout(u.current), g.current && clearTimeout(g.current);
+  }, []);
+  const L = () => {
+    y && g.current && (clearTimeout(g.current), g.current = null);
+  }, M = () => {
+    y && (g.current = setTimeout(() => n(!1), b));
+  };
+  return /* @__PURE__ */ c(n1, { children: [/* @__PURE__ */ e("span", {
+    ref: v,
+    className: "tooltip-trigger",
+    onMouseEnter: x,
+    onMouseLeave: k,
+    onFocus: x,
+    onBlur: k,
+    onPointerDown: H,
+    children: a
+  }), i && t && K1(/* @__PURE__ */ c("div", {
+    ref: w,
+    className: `tooltip tooltip--${r} ${y ? "tooltip--scrollable" : ""} ${d}`,
+    style: {
+      top: `${s.top}px`,
+      left: `${s.left}px`,
+      ...o !== void 0 && { maxWidth: typeof o == "number" ? `${o}px` : o },
+      ...m !== void 0 && { maxHeight: typeof m == "number" ? `${m}px` : m }
+    },
+    onMouseEnter: L,
+    onMouseLeave: M,
+    children: [t, /* @__PURE__ */ e("div", { className: `tooltip__arrow tooltip__arrow--${r}` })]
+  }), document.body)] });
+}, W1 = ({ children: t, className: r, isOpen: l, noPadding: a = !1, onClose: h, onOverlayClick: d, primary: o, secondary: m, size: i = "auto", tertiary: n, title: s, titleIcon: p, usePortal: u = !1 }) => {
   const g = T2("Modal");
   $2(l);
-  const v = X(null), w = X(null);
+  const v = K(null), w = K(null);
   if (F(() => {
     if (!l) return;
     const b = (C) => {
@@ -10150,13 +10226,15 @@ var W1 = ({ children: t, className: r, isOpen: l, noPadding: a = !1, onClose: h,
             p ? /* @__PURE__ */ e(P, { name: p }) : null,
             " ",
             s
-          ] }), /* @__PURE__ */ e(T, {
-            className: "modal__close",
-            icon: "clear",
-            onClick: h,
-            size: "medium",
+          ] }), /* @__PURE__ */ e(X, {
             title: "Close modal",
-            variant: "ghost"
+            children: /* @__PURE__ */ e(T, {
+              className: "modal__close",
+              icon: "clear",
+              onClick: h,
+              size: "medium",
+              variant: "ghost"
+            })
           })]
         }),
         t != null && /* @__PURE__ */ e("div", {
@@ -10350,92 +10428,18 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     onKeyDown: o ? (u) => {
       (u.key === "Enter" || u.key === " ") && (u.preventDefault(), o(u));
     } : void 0,
-    children: [r, m && /* @__PURE__ */ e("button", {
-      className: "badge__clear",
-      onClick: (u) => {
-        u.stopPropagation(), m();
-      },
-      type: "button",
+    children: [r, m && /* @__PURE__ */ e(X, {
       title: "Remove",
-      children: "×"
+      children: /* @__PURE__ */ e("button", {
+        className: "badge__clear",
+        onClick: (u) => {
+          u.stopPropagation(), m();
+        },
+        type: "button",
+        children: "×"
+      })
     })]
   });
-}, J = ({ title: t, position: r = "top", delay: l = 200, children: a, disabled: h = !1, className: d = "", maxWidth: o, maxHeight: m }) => {
-  const [i, n] = z(!1), [s, p] = z({
-    top: 0,
-    left: 0
-  }), u = X(null), g = X(null), v = X(null), w = X(null), f = X(!1), y = m !== void 0, b = y ? 150 : 0, C = () => {
-    if (!v.current || !w.current) return;
-    const V = v.current.firstElementChild, S = V && V.getBoundingClientRect().width > 0 ? V.getBoundingClientRect() : v.current.getBoundingClientRect(), _ = w.current.getBoundingClientRect(), R = 8;
-    let B = 0, E = 0;
-    switch (r) {
-      case "top":
-        B = S.top - _.height - R, E = S.left + S.width / 2 - _.width / 2;
-        break;
-      case "bottom":
-        B = S.bottom + R, E = S.left + S.width / 2 - _.width / 2;
-        break;
-      case "left":
-        B = S.top + S.height / 2 - _.height / 2, E = S.left - _.width - R;
-        break;
-      case "right":
-        B = S.top + S.height / 2 - _.height / 2, E = S.right + R;
-        break;
-    }
-    const O = 8;
-    E < O && (E = O), E + _.width > window.innerWidth - O && (E = window.innerWidth - _.width - O), B < O && (B = O), B + _.height > window.innerHeight - O && (B = window.innerHeight - _.height - O), p({
-      top: B,
-      left: E
-    });
-  }, x = () => {
-    h || f.current || (g.current && (clearTimeout(g.current), g.current = null), u.current = setTimeout(() => {
-      n(!0);
-    }, l));
-  }, k = () => {
-    f.current || (u.current && clearTimeout(u.current), b > 0 ? g.current = setTimeout(() => n(!1), b) : n(!1));
-  }, H = (V) => {
-    V.pointerType !== "touch" && V.pointerType !== "pen" || h || (f.current = !0, u.current && (clearTimeout(u.current), u.current = null), V.stopPropagation(), n((S) => !S));
-  };
-  F(() => (i && (C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C)), () => {
-    window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C);
-  }), [i]), F(() => {
-    if (!i) return;
-    const V = (S) => {
-      v.current?.contains(S.target) || w.current?.contains(S.target) || n(!1);
-    };
-    return document.addEventListener("pointerdown", V), () => {
-      document.removeEventListener("pointerdown", V), f.current = !1;
-    };
-  }, [i]), F(() => () => {
-    u.current && clearTimeout(u.current), g.current && clearTimeout(g.current);
-  }, []);
-  const L = () => {
-    y && g.current && (clearTimeout(g.current), g.current = null);
-  }, M = () => {
-    y && (g.current = setTimeout(() => n(!1), b));
-  };
-  return /* @__PURE__ */ c(n1, { children: [/* @__PURE__ */ e("span", {
-    ref: v,
-    className: "tooltip-trigger",
-    onMouseEnter: x,
-    onMouseLeave: k,
-    onFocus: x,
-    onBlur: k,
-    onPointerDown: H,
-    children: a
-  }), i && t && K1(/* @__PURE__ */ c("div", {
-    ref: w,
-    className: `tooltip tooltip--${r} ${y ? "tooltip--scrollable" : ""} ${d}`,
-    style: {
-      top: `${s.top}px`,
-      left: `${s.left}px`,
-      ...o !== void 0 && { maxWidth: typeof o == "number" ? `${o}px` : o },
-      ...m !== void 0 && { maxHeight: typeof m == "number" ? `${m}px` : m }
-    },
-    onMouseEnter: L,
-    onMouseLeave: M,
-    children: [t, /* @__PURE__ */ e("div", { className: `tooltip__arrow tooltip__arrow--${r}` })]
-  }), document.body)] });
 }, La = ({ action: t, secondaryAction: r, className: l = "", description: a, dismissLabel: h = "Dismiss", onDismiss: d, showDismiss: o = !0, title: m, variant: i = "default" }) => {
   const [n, s] = z(!1), p = t?.variant || (i === "default" ? "default" : i);
   if (n) return null;
@@ -10469,7 +10473,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
           children: r.text
         })]
       })]
-    }), o && /* @__PURE__ */ e(J, {
+    }), o && /* @__PURE__ */ e(X, {
       title: h,
       children: /* @__PURE__ */ e("button", {
         className: "banner__dismiss",
@@ -11009,7 +11013,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     u && b("months");
   }, D = () => {
     u && (x(Math.floor(L.getFullYear() / O1) * O1), b("years"));
-  }, Q = (A) => {
+  }, J = (A) => {
     const j = new Date(L.getFullYear(), A, 1);
     p ? p(j) : f(j), b("days");
   }, h1 = (A) => {
@@ -11035,7 +11039,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
   }, I1 = () => y === "years" ? /* @__PURE__ */ c("div", {
     className: "calendar__header",
     children: [
-      /* @__PURE__ */ e(J, {
+      /* @__PURE__ */ e(X, {
         title: "Previous years",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -11052,7 +11056,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
           C + O1 - 1
         ]
       }),
-      /* @__PURE__ */ e(J, {
+      /* @__PURE__ */ e(X, {
         title: "Next years",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -11065,7 +11069,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
   }) : y === "months" ? /* @__PURE__ */ c("div", {
     className: "calendar__header",
     children: [
-      /* @__PURE__ */ e(J, {
+      /* @__PURE__ */ e(X, {
         title: "Previous year",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -11080,7 +11084,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
         onClick: D,
         children: L.getFullYear()
       }),
-      /* @__PURE__ */ e(J, {
+      /* @__PURE__ */ e(X, {
         title: "Next year",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -11093,7 +11097,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
   }) : /* @__PURE__ */ c("div", {
     className: "calendar__header",
     children: [
-      /* @__PURE__ */ e(J, {
+      /* @__PURE__ */ e(X, {
         title: "Previous month",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -11119,7 +11123,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
           children: L.getFullYear()
         })] })
       }),
-      /* @__PURE__ */ e(J, {
+      /* @__PURE__ */ e(X, {
         title: "Next month",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -11147,7 +11151,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
       children: W0.map((x1, M1) => /* @__PURE__ */ e("button", {
         type: "button",
         className: `calendar__month-item ${M1 === a1 && m1 === L.getFullYear() ? "calendar__month-item--selected" : ""} ${M1 === A && j === L.getFullYear() ? "calendar__month-item--current" : ""}`,
-        onClick: () => Q(M1),
+        onClick: () => J(M1),
         children: x1.substring(0, 3)
       }, x1))
     });
@@ -11313,7 +11317,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     ]
   });
 }, c0 = ({ checked: t = !1, onChange: r, label: l, icon: a, disabled: h = !1, id: d, indeterminate: o = !1 }) => {
-  const m = z0(), i = d || m, n = X(null);
+  const m = z0(), i = d || m, n = K(null);
   return F(() => {
     n.current && (n.current.indeterminate = o && !t);
   }, [o, t]), /* @__PURE__ */ c("div", {
@@ -11567,7 +11571,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
       b: 167
     };
     return j1(g);
-  }), o = X(null);
+  }), o = K(null);
   F(() => {
     const g = U0(t);
     g && d(j1(g));
@@ -11940,7 +11944,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
   }
   t.restore();
 }, Ua = z1(({ colors: t, duration: r = 3e3, scope: l = "fullscreen", variant: a = "confetti", particleCount: h }, d) => {
-  const o = X(null), m = X(0), i = X(0), n = X(!1), s = {
+  const o = K(null), m = K(0), i = K(0), n = K(!1), s = {
     confetti: 150,
     burst: 200,
     fireworks: 8
@@ -12062,7 +12066,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     getAnchorEl: (m) => t[m]?.anchorEl || null
   };
 }, R1 = 20, Yr = 8, P2 = ({ children: t, visible: r, onClose: l, anchorEl: a, offset: h = Yr, placement: d = "auto" }) => {
-  const o = X(null), m = X(null), [i, n] = z({
+  const o = K(null), m = K(null), [i, n] = z({
     top: 0,
     left: 0,
     placement: "bottom"
@@ -12200,7 +12204,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     })
   });
 }, Xr = ({ target: t, onClose: r, children: l, autoClose: a = !1 }) => {
-  const h = X(null), [d, o] = z(!1), [m, i] = z(() => {
+  const h = K(null), [d, o] = z(!1), [m, i] = z(() => {
     if (!t) return { opacity: 0 };
     const s = t.getBoundingClientRect();
     return {
@@ -12275,7 +12279,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
         className: "toast__action-button",
         children: a.label
       }),
-      d && /* @__PURE__ */ e(J, {
+      d && /* @__PURE__ */ e(X, {
         title: "Close",
         children: /* @__PURE__ */ e("button", {
           onClick: n,
@@ -12412,7 +12416,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
   const [g, v] = z(!1), [w, f] = z(0), [y, b] = z(0), [C, x] = z(0), [k, H] = z(!1), [L, M] = z(null), [V, S] = z({
     position: "fixed",
     visibility: "hidden"
-  }), _ = X(null), R = X(null);
+  }), _ = K(null), R = K(null);
   F(() => {
     a && t instanceof Date && (f(h === "12h" ? t.getHours() % 12 || 12 : t.getHours()), b(t.getMinutes()), x(t.getSeconds()), H(t.getHours() >= 12));
   }, [
@@ -12430,7 +12434,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
   }, [p, B]);
   const E = Z(() => {
     if (p || !B || !_.current || !R.current) return;
-    const I = _.current.getBoundingClientRect(), D = R.current.getBoundingClientRect(), Q = 16, h1 = 8, U = window.innerHeight - I.bottom - Q, d1 = I.top - Q, v1 = U < D.height && d1 > D.height ? I.top - D.height - h1 : I.bottom + h1, y1 = Math.max(Q, Math.min(v1, window.innerHeight - D.height - Q)), _1 = Math.max(Q, Math.min(I.left, window.innerWidth - D.width - Q));
+    const I = _.current.getBoundingClientRect(), D = R.current.getBoundingClientRect(), J = 16, h1 = 8, U = window.innerHeight - I.bottom - J, d1 = I.top - J, v1 = U < D.height && d1 > D.height ? I.top - D.height - h1 : I.bottom + h1, y1 = Math.max(J, Math.min(v1, window.innerHeight - D.height - J)), _1 = Math.max(J, Math.min(I.left, window.innerWidth - D.width - J));
     S({
       position: "fixed",
       top: `${y1}px`,
@@ -12467,8 +12471,8 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
       r?.(I), s && l !== "multiple" && !p && v(!1);
       return;
     }
-    const D = new Date(I), Q = h === "12h" ? k ? w % 12 + 12 : w % 12 : w;
-    D.setHours(Q, y, C), r?.(D), s && !p && v(!1);
+    const D = new Date(I), J = h === "12h" ? k ? w % 12 + 12 : w % 12 : w;
+    D.setHours(J, y, C), r?.(D), s && !p && v(!1);
   }, N = () => {
     if (!t || !(t instanceof Date)) return;
     const I = new Date(t), D = h === "12h" ? k ? w % 12 + 12 : w % 12 : w;
@@ -12489,7 +12493,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
         children: t1 || m
       }), /* @__PURE__ */ c("div", {
         className: "datepicker__actions",
-        children: [n && t1 && /* @__PURE__ */ e(J, {
+        children: [n && t1 && /* @__PURE__ */ e(X, {
           title: "Clear",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -12654,7 +12658,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     left: 0,
     width: 0,
     maxHeight: 300
-  }), [D, Q] = z(!1), h1 = X(null), U = X([]), d1 = X(null), v1 = X(null), y1 = z0(), _1 = o ?? `dropdown-${y1}`, C1 = X(null);
+  }), [D, J] = z(!1), h1 = K(null), U = K([]), d1 = K(null), v1 = K(null), y1 = z0(), _1 = o ?? `dropdown-${y1}`, C1 = K(null);
   F(() => {
     if (V && x && s) {
       const W = new Set(N.map((c1) => c1.value)), G = [], Y = [];
@@ -12679,7 +12683,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     f,
     V
   ]);
-  const I1 = X(L);
+  const I1 = K(L);
   F(() => {
     const W = I1.current;
     I1.current = L;
@@ -12734,7 +12738,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     const W = () => {
       if (!h1.current) return;
       const Y = h1.current.getBoundingClientRect(), c1 = window.visualViewport, F1 = c1?.offsetTop ?? 0, N0 = F1 + (c1?.height ?? window.innerHeight), P1 = 300, D0 = 8, w0 = N0 - Y.bottom, f0 = Y.top - F1, n0 = w0 < P1 && f0 > w0;
-      if (Q(n0), H) {
+      if (J(n0), H) {
         const T0 = Math.max(0, (n0 ? f0 : w0) - D0);
         I({
           top: Y.bottom,
@@ -12978,15 +12982,17 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
             children: [/* @__PURE__ */ e("span", {
               className: "dropdown-chip__label",
               children: W.label
-            }), /* @__PURE__ */ e("button", {
-              type: "button",
-              className: "dropdown-chip__remove",
+            }), /* @__PURE__ */ e(X, {
               title: "Remove",
-              disabled: a,
-              onClick: (G) => {
-                G.stopPropagation(), A(W);
-              },
-              children: e2
+              children: /* @__PURE__ */ e("button", {
+                type: "button",
+                className: "dropdown-chip__remove",
+                disabled: a,
+                onClick: (G) => {
+                  G.stopPropagation(), A(W);
+                },
+                children: e2
+              })
             })]
           }, `dd-chip-${W.value}`)),
           /* @__PURE__ */ e(V1, {
@@ -13044,7 +13050,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     ]
   });
 }, rc = z1(({ autoComplete: t = "on", autoFocus: r, clearable: l, disabled: a, error: h, highlighted: d, id: o, label: m, max: i, min: n, onBlur: s, onChange: p, onClick: u, onKeyDown: g, onKeyUp: v, readOnly: w = !1, required: f = !1, success: y, type: b = "date", value: C }, x) => {
-  const k = l && C && !a && !w, H = X(null);
+  const k = l && C && !a && !w, H = K(null);
   return /* @__PURE__ */ c("div", {
     className: `input-date-wrapper${d ? " input-date-highlighted" : ""}`,
     children: [
@@ -13080,7 +13086,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
           required: f
         }), /* @__PURE__ */ c("div", {
           className: "input-date-actions",
-          children: [k && /* @__PURE__ */ e(J, {
+          children: [k && /* @__PURE__ */ e(X, {
             title: "Clear date",
             children: /* @__PURE__ */ e("button", {
               type: "button",
@@ -13091,7 +13097,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
                 size: "sm"
               })
             })
-          }), /* @__PURE__ */ e(J, {
+          }), /* @__PURE__ */ e(X, {
             title: "Open calendar",
             children: /* @__PURE__ */ e("button", {
               type: "button",
@@ -13148,7 +13154,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
         value: g,
         ref: w
       }),
-      y && /* @__PURE__ */ e(J, {
+      y && /* @__PURE__ */ e(X, {
         title: "Clear search",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -13929,7 +13935,7 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
                     ]
                   })
                 });
-                return u.title ? /* @__PURE__ */ e(J, {
+                return u.title ? /* @__PURE__ */ e(X, {
                   title: u.title,
                   children: w
                 }, u.value) : /* @__PURE__ */ e(g1.Fragment, { children: w }, u.value);
@@ -14080,7 +14086,7 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
     variant: t.variant ?? "default",
     children: t.label
   });
-  return /* @__PURE__ */ c(n1, { children: [t.tooltip ? /* @__PURE__ */ e(J, {
+  return /* @__PURE__ */ c(n1, { children: [t.tooltip ? /* @__PURE__ */ e(X, {
     title: t.tooltip,
     position: "right",
     children: i
@@ -14118,7 +14124,7 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
     document.body.removeChild(r);
   }
 }, ei = ({ children: t, className: r = "", copiedLabel: l = "Copied", disabled: a = !1, errorLabel: h = "Copy failed", iconOnly: d = !1, label: o = "Copy", onCopy: m, onError: i, resetDelay: n = 1800, size: s = "medium", title: p, value: u, variant: g = "ghost" }) => {
-  const [v, w] = z("idle"), f = X(null);
+  const [v, w] = z("idle"), f = K(null);
   F(() => () => {
     f.current && window.clearTimeout(f.current);
   }, []);
@@ -14144,7 +14150,7 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
     children: d ? void 0 : t || C
   });
 }, Cc = ({ code: t, size: r = "md", className: l = "" }) => {
-  if (!t) return /* @__PURE__ */ e(J, {
+  if (!t) return /* @__PURE__ */ e(X, {
     title: `Unsupported country code: ${t}`,
     children: /* @__PURE__ */ e("div", {
       className: `flags flags--fallback flags--${r} ${l}`,
@@ -14157,7 +14163,7 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
     children: [/* @__PURE__ */ e("source", {
       srcSet: h,
       type: "image/webp"
-    }), /* @__PURE__ */ e(J, {
+    }), /* @__PURE__ */ e(X, {
       title: `Country: ${t.toUpperCase()}`,
       children: /* @__PURE__ */ e("img", {
         src: a,
@@ -14223,7 +14229,7 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
     ]
   });
 }, bc = 45, Mc = 120, xc = 45, kc = 45, C2 = 8, _c = 4, y2 = ({ currentPage: t, totalPages: r, totalItems: l, onPageChange: a, showPagesNumbers: h = !1, pageSizeOptions: d, pageSize: o, onPageSizeChange: m, pageSizeLabel: i = "Rows", horizontalAlign: n = "left" }) => {
-  const { isAtLeast: s, isMobile: p } = g0(), u = X(null), [g, v] = z(p ? 0 : 2), w = Z(() => {
+  const { isAtLeast: s, isMobile: p } = g0(), u = K(null), [g, v] = z(p ? 0 : 2), w = Z(() => {
     const C = u.current, x = C?.parentElement;
     if (!C || !x) return;
     let k = 0;
@@ -14407,7 +14413,7 @@ function Bc({ data: t, columns: r, rowKey: l, card: a, actions: h, timeline: d,
     const B = V.get(R), E = l(_, R), O = s && p.includes(E), o1 = H.has(E), N = m?.(_), q = `data-view__card ${o || N ? "data-view__card--clickable" : ""} ${O ? "data-view__card--selected" : ""} ${o1 ? "data-view__card--pinned" : ""} ${i?.(_) || ""}`, t1 = (D) => {
       D.metaKey || D.ctrlKey || D.shiftKey || D.altKey || D.button !== 0 || o && (D.preventDefault(), o(_, D));
     }, I = /* @__PURE__ */ c(n1, { children: [
-      o1 && /* @__PURE__ */ e(J, {
+      o1 && /* @__PURE__ */ e(X, {
         title: "Pinned",
         children: /* @__PURE__ */ e("span", {
           className: "data-view__card-pin",
@@ -14528,7 +14534,7 @@ function Bc({ data: t, columns: r, rowKey: l, card: a, actions: h, timeline: d,
   });
 }
 function Ac({ config: t }) {
-  const { options: r, selectedKeys: l, onChange: a, label: h = "Columns" } = t, d = X(null), [o, m] = z(!1);
+  const { options: r, selectedKeys: l, onChange: a, label: h = "Columns" } = t, d = K(null), [o, m] = z(!1);
   if (r.length === 0) return null;
   const i = (n, s) => {
     if (s) {
@@ -14577,7 +14583,7 @@ var $c = ({ items: t, sortKey: r, sortDirection: l, onSort: a, align: h = "left"
   ].filter(Boolean).join(" "),
   children: [t.map((m, i) => {
     const n = m.direction ?? "asc", s = d ? r === m.value : r === m.value && l === n;
-    return /* @__PURE__ */ e(J, {
+    return /* @__PURE__ */ e(X, {
       title: `Sort by ${typeof m.label == "string" || typeof m.label == "number" ? String(m.label) : m.value}${d ? "" : ` ${n === "asc" ? "ascending" : "descending"}`}`,
       children: /* @__PURE__ */ e(T, {
         className: `mini-sort__button${s ? " is-active" : ""}`,
@@ -14594,7 +14600,7 @@ var $c = ({ items: t, sortKey: r, sortDirection: l, onSort: a, align: h = "left"
         children: m.label ?? m.value
       })
     }, `${m.value}-${i}`);
-  }), d && /* @__PURE__ */ e(J, {
+  }), d && /* @__PURE__ */ e(X, {
     title: `Direction: ${l === "asc" ? "ascending" : "descending"}`,
     children: /* @__PURE__ */ e(T, {
       className: "mini-sort__button mini-sort__direction",
@@ -14637,7 +14643,7 @@ function Dc({ state: t }) {
   });
 }
 function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1, onSelectionChange: d, selectedIds: o, pageSizeOptions: m = b2, initialPageSize: i = b2[1], showPageSize: n = !0, card: s, actions: p, actionsWidth: u, timeline: g, onRowClick: v, rowHref: w, rowClassName: f, rowDetail: y, empty: b, initialSortKey: C = null, initialSortDirection: x = "asc", sortKey: k, sortDirection: H, onSortChange: L, miniSort: M, showCardSortControls: V = !0, desktopView: S = "table", cardMaxWidth: _, className: R, onPageChange: B, onPageSizeChange: E, currentPage: O, totalItems: o1, group: N, showResultsCount: q = !0, totalCount: t1, itemNoun: I, columnSelector: D }) {
-  const { isMobile: Q } = g0(), [h1, U] = z(C), [d1, v1] = z(x), [y1, _1] = z([]), C1 = o ?? y1, [I1, r1] = z(1), s1 = O ?? I1, [A, j] = z(i), [a1, m1] = z(() => t.reduce(($, l1) => (l1.width && ($[l1.key] = l1.width), $), {})), [x1, M1] = z(/* @__PURE__ */ new Set()), E1 = ($) => {
+  const { isMobile: J } = g0(), [h1, U] = z(C), [d1, v1] = z(x), [y1, _1] = z([]), C1 = o ?? y1, [I1, r1] = z(1), s1 = O ?? I1, [A, j] = z(i), [a1, m1] = z(() => t.reduce(($, l1) => (l1.width && ($[l1.key] = l1.width), $), {})), [x1, M1] = z(/* @__PURE__ */ new Set()), E1 = ($) => {
     M1((l1) => {
       const p1 = new Set(l1);
       return p1.has($) ? p1.delete($) : p1.add($), p1;
@@ -14652,10 +14658,10 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
   }, i0 = u1(() => new Set(a ?? []), [a]), L1 = u1(() => {
     let $ = r;
     if (N1) {
-      const K = t.find((e1) => e1.key === N1);
-      if (K) {
-        const e1 = K.sortAccessor || K.accessor || ((B1) => {
-          const S1 = B1[K.key];
+      const Q = t.find((e1) => e1.key === N1);
+      if (Q) {
+        const e1 = Q.sortAccessor || Q.accessor || ((B1) => {
+          const S1 = B1[Q.key];
           return typeof S1 == "string" || typeof S1 == "number" ? S1 : "";
         }), w1 = [...r].sort((B1, S1) => {
           const T1 = e1(B1), k1 = e1(S1);
@@ -14666,11 +14672,11 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
     }
     if (i0.size === 0) return $;
     const l1 = [], p1 = [];
-    if ($.forEach((K, e1) => {
-      i0.has(G1(K, e1)) ? l1.push(K) : p1.push(K);
+    if ($.forEach((Q, e1) => {
+      i0.has(G1(Q, e1)) ? l1.push(Q) : p1.push(Q);
     }), a && a.length > 1 && l1.length > 1) {
-      const K = new Map(a.map((e1, w1) => [e1, w1]));
-      l1.sort((e1, w1) => (K.get(G1(e1, 0)) ?? 0) - (K.get(G1(w1, 0)) ?? 0));
+      const Q = new Map(a.map((e1, w1) => [e1, w1]));
+      l1.sort((e1, w1) => (Q.get(G1(e1, 0)) ?? 0) - (Q.get(G1(w1, 0)) ?? 0));
     }
     return [...l1, ...p1];
   }, [
@@ -14683,20 +14689,20 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
   ]), D1 = o1 !== void 0, U1 = u1(() => {
     if (!N || D1) return L1;
     const $ = /* @__PURE__ */ new Map(), l1 = [];
-    L1.forEach((K) => {
-      const e1 = N.groupBy(K), w1 = $.get(e1);
-      w1 ? w1.push(K) : ($.set(e1, [K]), l1.push(e1));
+    L1.forEach((Q) => {
+      const e1 = N.groupBy(Q), w1 = $.get(e1);
+      w1 ? w1.push(Q) : ($.set(e1, [Q]), l1.push(e1));
     });
-    const p1 = l1.map((K) => {
-      const e1 = $.get(K);
+    const p1 = l1.map((Q) => {
+      const e1 = $.get(Q);
       return {
-        key: K,
-        label: N.groupLabel(K),
+        key: Q,
+        label: N.groupLabel(Q),
         items: e1,
         totalCount: e1.length
       };
     });
-    return N.sortGroups ? p1.sort(N.sortGroups) : p1.sort((K, e1) => K.key === null ? 1 : e1.key === null ? -1 : 0), p1.flatMap((K) => K.items);
+    return N.sortGroups ? p1.sort(N.sortGroups) : p1.sort((Q, e1) => Q.key === null ? 1 : e1.key === null ? -1 : 0), p1.flatMap((Q) => Q.items);
   }, [
     N,
     D1,
@@ -14711,17 +14717,17 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
   }, [N, U1]), F1 = u1(() => {
     if (!N || !c1) return null;
     const $ = /* @__PURE__ */ new Map(), l1 = [];
-    G.forEach((K) => {
-      const e1 = N.groupBy(K), w1 = $.get(e1);
-      w1 ? w1.push(K) : ($.set(e1, [K]), l1.push(e1));
+    G.forEach((Q) => {
+      const e1 = N.groupBy(Q), w1 = $.get(e1);
+      w1 ? w1.push(Q) : ($.set(e1, [Q]), l1.push(e1));
     });
-    const p1 = l1.map((K) => ({
-      key: K,
-      label: N.groupLabel(K),
-      items: $.get(K),
-      totalCount: c1.get(K) ?? 0
+    const p1 = l1.map((Q) => ({
+      key: Q,
+      label: N.groupLabel(Q),
+      items: $.get(Q),
+      totalCount: c1.get(Q) ?? 0
     }));
-    return N.sortGroups ? p1.sort(N.sortGroups) : p1.sort((K, e1) => K.key === null ? 1 : e1.key === null ? -1 : 0), p1;
+    return N.sortGroups ? p1.sort(N.sortGroups) : p1.sort((Q, e1) => Q.key === null ? 1 : e1.key === null ? -1 : 0), p1;
   }, [
     N,
     c1,
@@ -14735,11 +14741,11 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
     $.sortable && (N1 === $.key ? Z1($.key, H1 === "asc" ? "desc" : "asc") : Z1($.key, "asc"));
   }, w0 = ($, l1) => {
     $.preventDefault();
-    const p1 = $.clientX, K = a1[l1] ?? 150, e1 = (B1) => {
+    const p1 = $.clientX, Q = a1[l1] ?? 150, e1 = (B1) => {
       const S1 = B1.clientX - p1, T1 = t.find((k1) => k1.key === l1)?.minWidth ?? 120;
       m1((k1) => ({
         ...k1,
-        [l1]: Math.max(T1, K + S1)
+        [l1]: Math.max(T1, Q + S1)
       }));
     }, w1 = () => {
       window.removeEventListener("mousemove", e1), window.removeEventListener("mouseup", w1);
@@ -14800,7 +14806,7 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
               Z1(l1, N1 === l1 ? H1 : "asc");
             }
           })
-        }), /* @__PURE__ */ e(J, {
+        }), /* @__PURE__ */ e(X, {
           title: H1 === "asc" ? "Sort descending" : "Sort ascending",
           children: /* @__PURE__ */ e(T, {
             className: "data-view__card-sort-direction",
@@ -14835,7 +14841,7 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
         selectedIds: C1,
         pinnedIds: a,
         cardMaxWidth: _,
-        isMobile: Q,
+        isMobile: J,
         groups: F1 ?? void 0,
         showGroupCount: N?.showCount !== !1,
         collapsible: N?.collapsible,
@@ -14919,22 +14925,22 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
             secondary: b.secondary
           }) : /* @__PURE__ */ e(r0, { title: "No data available" })
         }) });
-        const $ = C0.length + (o0 ? 1 : 0) + (h ? 1 : 0) + (p ? 1 : 0), l1 = N?.showCount !== !1, p1 = (K, e1) => {
-          const w1 = G1(K, e1), B1 = C1.includes(w1), S1 = i0.has(w1), T1 = N0.get(e1), k1 = w?.(K), d2 = !!v || !!k1, M3 = (b1) => {
+        const $ = C0.length + (o0 ? 1 : 0) + (h ? 1 : 0) + (p ? 1 : 0), l1 = N?.showCount !== !1, p1 = (Q, e1) => {
+          const w1 = G1(Q, e1), B1 = C1.includes(w1), S1 = i0.has(w1), T1 = N0.get(e1), k1 = w?.(Q), d2 = !!v || !!k1, M3 = (b1) => {
             if (k1 && (b1.metaKey || b1.ctrlKey || b1.shiftKey)) {
               window.open(k1, "_blank", "noopener,noreferrer");
               return;
             }
             if (v) {
-              v(K, b1);
+              v(Q, b1);
               return;
             }
             k1 && window.location.assign(k1);
           }, x3 = (b1) => {
             b1.button !== 1 || !k1 || (b1.preventDefault(), window.open(k1, "_blank", "noopener,noreferrer"));
-          }, Z0 = y?.(K);
+          }, Z0 = y?.(Q);
           return /* @__PURE__ */ c(g1.Fragment, { children: [/* @__PURE__ */ c("tr", {
-            className: `${B1 ? "is-selected" : ""} ${d2 ? "data-view__row--clickable" : ""} ${S1 ? "data-view__row--pinned" : ""} ${f?.(K) || ""}`,
+            className: `${B1 ? "is-selected" : ""} ${d2 ? "data-view__row--clickable" : ""} ${S1 ? "data-view__row--pinned" : ""} ${f?.(Q) || ""}`,
             onClick: d2 ? M3 : void 0,
             onAuxClick: k1 ? x3 : void 0,
             children: [
@@ -14953,14 +14959,14 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
               }),
               C0.map((b1, P0) => /* @__PURE__ */ c("td", {
                 style: a1[b1.key] ? { width: a1[b1.key] } : void 0,
-                children: [P0 === 0 && S1 && /* @__PURE__ */ e(J, {
+                children: [P0 === 0 && S1 && /* @__PURE__ */ e(X, {
                   title: "Pinned",
                   children: /* @__PURE__ */ e(P, {
                     className: "data-view__pin-indicator",
                     name: "pin",
                     size: "sm"
                   })
-                }), q2(b1, K)]
+                }), q2(b1, Q)]
               }, b1.key)),
               p && /* @__PURE__ */ e("td", {
                 className: "data-view__actions-cell",
@@ -14968,7 +14974,7 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
                 children: /* @__PURE__ */ e("div", {
                   className: "data-view__table-actions",
                   onClick: (b1) => b1.stopPropagation(),
-                  children: p(K)
+                  children: p(Q)
                 })
               })
             ]
@@ -14982,10 +14988,10 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
           })] }, w1);
         };
         if (F1) {
-          let K = 0;
+          let Q = 0;
           return F1.map((e1) => {
-            const w1 = K;
-            K += e1.items.length;
+            const w1 = Q;
+            Q += e1.items.length;
             const B1 = N?.collapsible && x1.has(e1.key);
             return /* @__PURE__ */ c(g1.Fragment, { children: [/* @__PURE__ */ e("tr", {
               className: `data-view__group-row${N?.collapsible ? " data-view__group-row--collapsible" : ""}`,
@@ -15012,7 +15018,7 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
             }), !B1 && e1.items.map((S1, T1) => p1(S1, w1 + T1))] }, e1.key ?? "__null__");
           });
         }
-        return G.map((K, e1) => p1(K, e1));
+        return G.map((Q, e1) => p1(Q, e1));
       })() })] })
     }),
     /* @__PURE__ */ e(y2, {
@@ -15044,7 +15050,7 @@ var t0 = (t) => {
   const [i, n] = z({}), [s, p] = z(() => /* @__PURE__ */ new Date()), [u, g] = z(null), [v, w] = z(d), [f, y] = z({
     position: "fixed",
     visibility: "hidden"
-  }), [b, C] = z(r?.start ?? ""), [x, k] = z(r?.end ?? ""), H = X(null), L = X(null), M = r ?? i, V = t0(M.start), S = t0(M.end), _ = V && S ? {
+  }), [b, C] = z(r?.start ?? ""), [x, k] = z(r?.end ?? ""), H = K(null), L = K(null), M = r ?? i, V = t0(M.start), S = t0(M.end), _ = V && S ? {
     start: V,
     end: S
   } : void 0, R = (U) => {
@@ -15078,7 +15084,7 @@ var t0 = (t) => {
   }, [M.start]), F(() => {
     k(M.end ?? "");
   }, [M.end]);
-  const t1 = u1(() => k0(s, 1), [s]), I = d || v, D = !d && v, Q = Z(() => {
+  const t1 = u1(() => k0(s, 1), [s]), I = d || v, D = !d && v, J = Z(() => {
     if (!D || !H.current || !L.current) return;
     const U = H.current.getBoundingClientRect(), d1 = L.current.getBoundingClientRect(), v1 = 16, y1 = 8, _1 = window.innerHeight - U.bottom - v1, C1 = U.top - v1, I1 = _1 < d1.height && C1 > d1.height ? U.top - d1.height - y1 : U.bottom + y1, r1 = Math.max(v1, Math.min(I1, window.innerHeight - d1.height - v1)), s1 = U.left, A = Math.max(v1, Math.min(s1, window.innerWidth - d1.width - v1));
     y({
@@ -15098,11 +15104,11 @@ var t0 = (t) => {
       });
       return;
     }
-    const U = requestAnimationFrame(() => requestAnimationFrame(Q));
-    return window.addEventListener("resize", Q), window.addEventListener("scroll", Q, !0), () => {
-      cancelAnimationFrame(U), window.removeEventListener("resize", Q), window.removeEventListener("scroll", Q, !0);
+    const U = requestAnimationFrame(() => requestAnimationFrame(J));
+    return window.addEventListener("resize", J), window.addEventListener("scroll", J, !0), () => {
+      cancelAnimationFrame(U), window.removeEventListener("resize", J), window.removeEventListener("scroll", J, !0);
     };
-  }, [D, Q]), F(() => {
+  }, [D, J]), F(() => {
     if (!D) return;
     const U = (v1) => {
       const y1 = v1.target;
@@ -15119,11 +15125,13 @@ var t0 = (t) => {
     children: [/* @__PURE__ */ c("div", {
       className: "date-range-picker__nav",
       children: [
-        /* @__PURE__ */ e(T, {
-          variant: "default",
-          icon: "caret-left",
-          onClick: () => p(k0(s, -1)),
-          title: "Previous month"
+        /* @__PURE__ */ e(X, {
+          title: "Previous month",
+          children: /* @__PURE__ */ e(T, {
+            variant: "default",
+            icon: "caret-left",
+            onClick: () => p(k0(s, -1))
+          })
         }),
         /* @__PURE__ */ c("span", { children: [
           s.toLocaleString("default", { month: "long" }),
@@ -15134,11 +15142,13 @@ var t0 = (t) => {
           " ",
           t1.getFullYear()
         ] }),
-        /* @__PURE__ */ e(T, {
-          variant: "default",
-          icon: "caret-right",
-          onClick: () => p(k0(s, 1)),
-          title: "Next month"
+        /* @__PURE__ */ e(X, {
+          title: "Next month",
+          children: /* @__PURE__ */ e(T, {
+            variant: "default",
+            icon: "caret-right",
+            onClick: () => p(k0(s, 1))
+          })
         })
       ]
     }), /* @__PURE__ */ c("div", {
@@ -15531,7 +15541,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: u1(() => Pc(t), [t])
       /* @__PURE__ */ c("div", {
         className: "drawer__header",
         children: [
-          f && /* @__PURE__ */ e(J, {
+          f && /* @__PURE__ */ e(X, {
             title: y,
             position: "bottom",
             children: /* @__PURE__ */ e(T, {
@@ -15561,20 +15571,22 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: u1(() => Pc(t), [t])
                 variant: _.variant ?? "ghost",
                 children: _.label
               }), B = _.title ?? _.label;
-              return B ? /* @__PURE__ */ e(J, {
+              return B ? /* @__PURE__ */ e(X, {
                 title: B,
                 position: "bottom",
                 children: R
               }, _.id) : /* @__PURE__ */ e(g1.Fragment, { children: R }, _.id);
             })
           }),
-          !v && /* @__PURE__ */ e(T, {
-            className: "drawer__close",
-            icon: "clear",
-            onClick: r,
-            size: "medium",
+          !v && /* @__PURE__ */ e(X, {
             title: "Close drawer",
-            variant: "ghost"
+            children: /* @__PURE__ */ e(T, {
+              className: "drawer__close",
+              icon: "clear",
+              onClick: r,
+              size: "medium",
+              variant: "ghost"
+            })
           })
         ]
       }),
@@ -20722,7 +20734,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: u1(() => Pc(t), [t])
     }) : r;
   }
 }, oi = ({ label: t, accept: r, multiple: l = !1, showPreview: a = !0, onFiles: h }) => {
-  const [d, o] = z(!1), [m, i] = z([]), n = X(null), [s, p] = z([]);
+  const [d, o] = z(!1), [m, i] = z([]), n = K(null), [s, p] = z([]);
   F(() => {
     if (!a) return;
     const v = m.filter((w) => w.type.startsWith("image/")).map((w) => URL.createObjectURL(w));
@@ -20788,7 +20800,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: u1(() => Pc(t), [t])
   const [r, l] = z(!1);
   if (t.length === 1) return /* @__PURE__ */ e("div", {
     className: "float-button-container",
-    children: /* @__PURE__ */ e(J, {
+    children: /* @__PURE__ */ e(X, {
       title: t[0].label,
       position: "left",
       children: /* @__PURE__ */ e("button", {
@@ -20827,7 +20839,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: u1(() => Pc(t), [t])
           children: d.label
         })]
       }, `float-button-${o}`))
-    })] }), /* @__PURE__ */ e(J, {
+    })] }), /* @__PURE__ */ e(X, {
       title: "Actions menu",
       children: /* @__PURE__ */ e("button", {
         className: `float-button ${r ? "float-button--active" : ""}`,
@@ -20976,7 +20988,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: u1(() => Pc(t), [t])
     })
   });
 }, di = ({ children: t, onLoadMore: r, hasMore: l, isLoading: a = !1, threshold: h = 0, rootMargin: d = "0px", height: o, onScrollChange: m, endMessage: i, className: n }) => {
-  const s = X(null), p = X(null), u = X(null), g = Z(() => {
+  const s = K(null), p = K(null), u = K(null), g = Z(() => {
     const v = s.current;
     if (!v) return;
     const { scrollTop: w, scrollHeight: f, clientHeight: y } = v, b = {
@@ -21168,7 +21180,7 @@ function ll(t) {
   return t.filter((r) => r.type === "token").length;
 }
 var al = z1(({ mask: t, value: r, onChange: l, onComplete: a, placeholder: h, label: d, hint: o, error: m, highlighted: i, size: n = "md", variant: s = "default", disabled: p = !1, readOnly: u = !1, maskChar: g = "_", mono: v = !0, icon: w, suffix: f, className: y = "", id: b, name: C, autoComplete: x }, k) => {
-  const H = g1.useMemo(() => cl(t), [t]), L = g1.useMemo(() => ll(H), [H]), M = z0(), V = b ?? M, [S, _] = z(() => r !== void 0 ? r : ""), R = X(null);
+  const H = g1.useMemo(() => cl(t), [t]), L = g1.useMemo(() => ll(H), [H]), M = z0(), V = b ?? M, [S, _] = z(() => r !== void 0 ? r : ""), R = K(null);
   B2(k, () => ({
     focus: () => R.current?.focus(),
     clear: () => {
@@ -21197,13 +21209,13 @@ var al = z1(({ mask: t, value: r, onChange: l, onComplete: a, placeholder: h, la
     }
     if (I.key.length !== 1 || I.ctrlKey || I.metaKey || (I.preventDefault(), S.length >= L)) return;
     const D = I.key;
-    let Q = 0;
+    let J = 0;
     for (const d1 of H) if (d1.type === "token") {
-      if (Q === S.length) {
+      if (J === S.length) {
         if (!J2[d1.key].test(D)) return;
         break;
       }
-      Q++;
+      J++;
     }
     const { masked: h1, rawAccepted: U } = K0(S + D, H, g);
     _(U), l?.(U, h1), U.length === L && a?.(U, h1);
@@ -21739,7 +21751,7 @@ var ui = z1(({ autoComplete: t = "on", autoFocus: r, cols: l, disabled: a, error
     })]
   });
 }, M0 = (t) => Math.max(0, Math.min(1, t)), yi = ({ buckets: t, viewportStart: r, viewportEnd: l, onScrub: a, bands: h, caption: d, className: o = "" }) => {
-  const m = X(null), i = X(!1), n = Math.max(0, l - r), s = Math.max(1, ...t), p = Z((w) => {
+  const m = K(null), i = K(!1), n = Math.max(0, l - r), s = Math.max(1, ...t), p = Z((w) => {
     const f = m.current;
     if (!f) return;
     const y = f.getBoundingClientRect(), b = M0((w - y.left) / y.width);
@@ -21905,7 +21917,7 @@ var ui = z1(({ autoComplete: t = "on", autoFocus: r, cols: l, disabled: a, error
     ]
   });
 }, ml = ({ items: t, buttonLabel: r = "Alerts", panelTitle: l = "Notifications", emptyMessage: a = "No active notifications." }) => {
-  const [h, d] = z(!1), [o, m] = z({ opacity: 0 }), i = X(null), n = X(null), s = t.some((u) => u.severity === "critical");
+  const [h, d] = z(!1), [o, m] = z({ opacity: 0 }), i = K(null), n = K(null), s = t.some((u) => u.severity === "critical");
   return F(() => {
     if (!h || !i.current || !n.current) return;
     const u = requestAnimationFrame(() => {
@@ -22617,7 +22629,7 @@ ${h.textContent ?? ""}
                 </tbody>
             </table><p><br></p>
         `, zl = 100, Vl = (t, r, l) => {
-  const a = X([]), h = X([]);
+  const a = K([]), h = K([]);
   return {
     snapshotForUndo: Z(() => {
       const d = t.current;
@@ -22651,7 +22663,7 @@ ${h.textContent ?? ""}
     ])
   };
 }, Nl = ({ editorRef: t, snapshotForUndo: r, emitChange: l }) => {
-  const [a, h] = z(!1), [d, o] = z(""), [m, i] = z(""), n = X(null), s = X(null);
+  const [a, h] = z(!1), [d, o] = z(""), [m, i] = z(""), n = K(null), s = K(null);
   return {
     showLinkPrompt: a,
     linkUrl: d,
@@ -22882,7 +22894,7 @@ ${h.textContent ?? ""}
     /* @__PURE__ */ c("div", {
       className: "rte-table-toolbar-group",
       children: [
-        /* @__PURE__ */ e(J, {
+        /* @__PURE__ */ e(X, {
           title: "Add row above",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22891,7 +22903,7 @@ ${h.textContent ?? ""}
             children: "↑ Row"
           })
         }),
-        /* @__PURE__ */ e(J, {
+        /* @__PURE__ */ e(X, {
           title: "Add row below",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22900,7 +22912,7 @@ ${h.textContent ?? ""}
             children: "↓ Row"
           })
         }),
-        /* @__PURE__ */ e(J, {
+        /* @__PURE__ */ e(X, {
           title: "Remove last row",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22915,7 +22927,7 @@ ${h.textContent ?? ""}
     /* @__PURE__ */ c("div", {
       className: "rte-table-toolbar-group",
       children: [
-        /* @__PURE__ */ e(J, {
+        /* @__PURE__ */ e(X, {
           title: "Add column left",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22924,7 +22936,7 @@ ${h.textContent ?? ""}
             children: "← Col"
           })
         }),
-        /* @__PURE__ */ e(J, {
+        /* @__PURE__ */ e(X, {
           title: "Add column right",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22933,7 +22945,7 @@ ${h.textContent ?? ""}
             children: "→ Col"
           })
         }),
-        /* @__PURE__ */ e(J, {
+        /* @__PURE__ */ e(X, {
           title: "Remove last column",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22947,7 +22959,7 @@ ${h.textContent ?? ""}
     /* @__PURE__ */ e("div", { className: "rte-table-toolbar-divider" }),
     /* @__PURE__ */ e("div", {
       className: "rte-table-toolbar-group",
-      children: /* @__PURE__ */ e(J, {
+      children: /* @__PURE__ */ e(X, {
         title: "Delete table",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -22963,7 +22975,7 @@ ${h.textContent ?? ""}
   children: [
     /* @__PURE__ */ e("div", {
       className: "rte-toolbar-group",
-      children: xl.map((n) => /* @__PURE__ */ e(J, {
+      children: xl.map((n) => /* @__PURE__ */ e(X, {
         title: n.title,
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -22978,7 +22990,7 @@ ${h.textContent ?? ""}
     /* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }),
     /* @__PURE__ */ c("div", {
       className: "rte-toolbar-group",
-      children: [Ml.map((n) => /* @__PURE__ */ e(J, {
+      children: [Ml.map((n) => /* @__PURE__ */ e(X, {
         title: n.title,
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -22988,7 +23000,7 @@ ${h.textContent ?? ""}
           },
           children: n.label
         })
-      }, n.command)), /* @__PURE__ */ e(J, {
+      }, n.command)), /* @__PURE__ */ e(X, {
         title: "Task List",
         children: /* @__PURE__ */ c("button", {
           type: "button",
@@ -23003,7 +23015,7 @@ ${h.textContent ?? ""}
     /* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }),
     /* @__PURE__ */ e("div", {
       className: "rte-toolbar-group",
-      children: kl.map((n) => /* @__PURE__ */ e(J, {
+      children: kl.map((n) => /* @__PURE__ */ e(X, {
         title: `Heading ${n}`,
         children: /* @__PURE__ */ c("button", {
           type: "button",
@@ -23018,7 +23030,7 @@ ${h.textContent ?? ""}
     /* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }),
     /* @__PURE__ */ e("div", {
       className: "rte-toolbar-group",
-      children: /* @__PURE__ */ e(J, {
+      children: /* @__PURE__ */ e(X, {
         title: "Insert Link",
         children: /* @__PURE__ */ c("button", {
           type: "button",
@@ -23032,7 +23044,7 @@ ${h.textContent ?? ""}
     }),
     t && /* @__PURE__ */ c(n1, { children: [/* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }), /* @__PURE__ */ c("div", {
       className: "rte-toolbar-group",
-      children: [_l.map((n) => /* @__PURE__ */ e(J, {
+      children: [_l.map((n) => /* @__PURE__ */ e(X, {
         title: n.title,
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -23042,7 +23054,7 @@ ${h.textContent ?? ""}
           },
           children: n.label
         })
-      }, n.command + (n.value ?? ""))), /* @__PURE__ */ e(J, {
+      }, n.command + (n.value ?? ""))), /* @__PURE__ */ e(X, {
         title: "Insert Table",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -23056,7 +23068,7 @@ ${h.textContent ?? ""}
     })] })
   ]
 }), Bi = ({ advanced: t = !1, error: r, format: l = "html", id: a, label: h, onBlur: d, onChange: o, placeholder: m, required: i = !1, value: n }) => {
-  const s = X(null), p = X(!1), u = X(null), [g, v] = z(/* @__PURE__ */ new Set());
+  const s = K(null), p = K(!1), u = K(null), [g, v] = z(/* @__PURE__ */ new Set());
   F(() => {
     const r1 = s.current;
     if (!r1 || p.current) return;
@@ -23075,7 +23087,7 @@ ${h.textContent ?? ""}
     editorRef: s,
     snapshotForUndo: f,
     emitChange: w
-  }), { activeTable: R, tableToolbarPos: B, showTableToolbar: E, hideTableToolbar: O, addRowAbove: o1, addRowBelow: N, removeRow: q, addColumnLeft: t1, addColumnRight: I, removeColumn: D, deleteTable: Q } = Hl({
+  }), { activeTable: R, tableToolbarPos: B, showTableToolbar: E, hideTableToolbar: O, addRowAbove: o1, addRowBelow: N, removeRow: q, addColumnLeft: t1, addColumnRight: I, removeColumn: D, deleteTable: J } = Hl({
     editorRef: s,
     snapshotForUndo: f,
     emitChange: w
@@ -23227,7 +23239,7 @@ ${h.textContent ?? ""}
             addColumnLeft: t1,
             addColumnRight: I,
             removeColumn: D,
-            deleteTable: Q
+            deleteTable: J
           }),
           /* @__PURE__ */ e("div", {
             ref: s,
@@ -23271,7 +23283,7 @@ ${h.textContent ?? ""}
       behavior: "smooth"
     });
   }, [t]);
-  return a ? /* @__PURE__ */ e(J, {
+  return a ? /* @__PURE__ */ e(X, {
     title: "Scroll to top",
     children: /* @__PURE__ */ e("button", {
       className: `scroll-to-top${l ? ` ${l}` : ""}`,
@@ -23344,7 +23356,7 @@ ${h.textContent ?? ""}
         className: "sidebar__link-label",
         children: M.label
       }),
-      M.count !== void 0 && /* @__PURE__ */ e(J, {
+      M.count !== void 0 && /* @__PURE__ */ e(X, {
         title: M.countLabel,
         children: /* @__PURE__ */ e("span", {
           className: "sidebar__link-count",
@@ -23499,7 +23511,7 @@ var Ii = ({ variant: t = "text", animation: r = "pulse", width: l, height: a, bo
     children: s
   }) : /* @__PURE__ */ e(n1, { children: s });
 }, Gi = ({ children: t, panel: r, isPanelOpen: l, onPanelClose: a, panelTitle: h, defaultLeftPercent: d = 55, minLeftPercent: o = 25, minRightPercent: m = 20, className: i = "" }) => {
-  const [n, s] = z(d), p = X(null), u = X(!1);
+  const [n, s] = z(d), p = K(null), u = K(!1);
   F(() => (l ? document.body.classList.add("split-panel-active") : document.body.classList.remove("split-panel-active"), () => {
     document.body.classList.remove("split-panel-active");
   }), [l]);
@@ -23540,7 +23552,7 @@ var Ii = ({ variant: t = "text", animation: r = "pulse", width: l, height: a, bo
           children: [h && /* @__PURE__ */ e("h2", {
             className: "split-panel__right-title",
             children: h
-          }), /* @__PURE__ */ e(J, {
+          }), /* @__PURE__ */ e(X, {
             title: "Close panel",
             children: /* @__PURE__ */ e("button", {
               className: "split-panel__close",
@@ -23580,7 +23592,7 @@ var Ii = ({ variant: t = "text", animation: r = "pulse", width: l, height: a, bo
       const w = s[v];
       if (w <= 0) return null;
       const f = g.state || "default", y = g.pattern || "solid", b = El(g, w, m);
-      return /* @__PURE__ */ e(J, {
+      return /* @__PURE__ */ e(X, {
         title: b,
         children: /* @__PURE__ */ e("div", {
           className: [
@@ -23664,7 +23676,7 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
   }, L = u1(() => /* @__PURE__ */ c("div", {
     className: "list-suggestions-list",
     children: [
-      /* @__PURE__ */ e(J, {
+      /* @__PURE__ */ e(X, {
         title: a,
         children: /* @__PURE__ */ e("legend", { children: l || "Suggestions" })
       }),
@@ -24353,13 +24365,15 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
         boxShadow: "0 4px 16px rgba(0, 0, 0, 0.3)"
       },
       children: [
-        /* @__PURE__ */ e("span", {
-          onClick: () => {
-            navigator.clipboard.writeText(y), s(!0), window.setTimeout(() => s(!1), 1500);
-          },
-          style: { cursor: "pointer" },
+        /* @__PURE__ */ e(X, {
           title: "Copy theme name",
-          children: y
+          children: /* @__PURE__ */ e("span", {
+            onClick: () => {
+              navigator.clipboard.writeText(y), s(!0), window.setTimeout(() => s(!1), 1500);
+            },
+            style: { cursor: "pointer" },
+            children: y
+          })
         }),
         /* @__PURE__ */ c("span", {
           style: {
@@ -24454,7 +24468,7 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
       label: "Glow",
       value: "glow-effect"
     }
-  ], [f, y] = z(""), [b, C] = z(!1), [x, k] = z(!1), [H, L] = z("all"), M = X(null), V = X(!1), S = a?.trim().toLowerCase() ?? "", _ = u1(() => {
+  ], [f, y] = z(""), [b, C] = z(!1), [x, k] = z(!1), [H, L] = z("all"), M = K(null), V = K(!1), S = a?.trim().toLowerCase() ?? "", _ = u1(() => {
     let N = p0;
     if (l && l.length > 0) {
       const q = new Set(l);
@@ -24728,7 +24742,7 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
       onClick: o.onClick,
       children: o.label
     }),
-    h && /* @__PURE__ */ e(J, {
+    h && /* @__PURE__ */ e(X, {
       title: "Close",
       children: /* @__PURE__ */ e("button", {
         className: "toast__close",
@@ -24760,7 +24774,7 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
           children: m.label
         })]
       }, m.key);
-      return m.description ? /* @__PURE__ */ e(J, {
+      return m.description ? /* @__PURE__ */ e(X, {
         title: m.description,
         children: i
       }, m.key) : i;
@@ -24808,17 +24822,19 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
   return /* @__PURE__ */ c("div", {
     className: u,
     children: [
-      s && /* @__PURE__ */ c(T, {
-        className: "memobit-toolbar__control-panel-toggle",
-        icon: "tune",
-        onClick: n?.toggle,
-        size: "medium",
+      s && /* @__PURE__ */ e(X, {
         title: "Filters",
-        variant: "default",
-        children: [l && jl(l), p > 0 && /* @__PURE__ */ e("span", {
-          className: "memobit-toolbar__control-panel-toggle-count",
-          children: p
-        })]
+        children: /* @__PURE__ */ c(T, {
+          className: "memobit-toolbar__control-panel-toggle",
+          icon: "tune",
+          onClick: n?.toggle,
+          size: "medium",
+          variant: "default",
+          children: [l && jl(l), p > 0 && /* @__PURE__ */ e("span", {
+            className: "memobit-toolbar__control-panel-toggle-count",
+            children: p
+          })]
+        })
       }),
       a && /* @__PURE__ */ c("div", {
         className: ["memobit-toolbar__heading", a.onClick ? "memobit-toolbar__heading--clickable" : ""].filter(Boolean).join(" "),
@@ -25036,7 +25052,7 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
   });
 }, Ol = 96, Yl = 6;
 function Ji({ items: t, renderItem: r, getKey: l, rowHeight: a, overscan: h = Yl, maxHeight: d, empty: o, className: m = "", rowClassName: i = "" }) {
-  const n = X(null), [s, p] = z(0), [u, g] = z(0), [v, w] = z(() => window.innerHeight), [f, y] = z(Ol), b = a && a > 0 ? a : f, C = Z((_) => {
+  const n = K(null), [s, p] = z(0), [u, g] = z(0), [v, w] = z(() => window.innerHeight), [f, y] = z(Ol), b = a && a > 0 ? a : f, C = Z((_) => {
     p(_.currentTarget.scrollTop);
   }, []);
   F(() => {
@@ -26470,8 +26486,8 @@ var la = (function() {
       B.height = B.width = d * q;
       const t1 = d / V * q;
       E.scale(t1, t1), E.fillStyle = m, E.fillRect(0, 0, V, V), E.fillStyle = i, la ? E.fill(new Path2D(p3(O, L))) : M.forEach(function(I, D) {
-        I.forEach(function(Q, h1) {
-          Q && E.fillRect(h1 + L, D + L, 1, 1);
+        I.forEach(function(J, h1) {
+          J && E.fillRect(h1 + L, D + L, 1, 1);
         });
       }), S && (E.globalAlpha = S.opacity), N && E.drawImage(o1, S.x + L, S.y + L, S.w, S.h);
     }
@@ -26554,10 +26570,10 @@ var g3 = g1.forwardRef(function(r, l) {
 });
 g3.displayName = "QRCodeSVG";
 function nn({ isOpen: t, onClose: r }) {
-  const { config: l } = n2(), [a, h] = z("loading"), [d, o] = z(!1), [m, i] = z(null), [n, s] = z(""), [p, u] = z(""), [g, v] = z(""), [w, f] = z(""), [y, b] = z([]), [C, x] = z(""), [k, H] = z(!1), [L, M] = z(null), V = Z(async (Q, h1) => {
+  const { config: l } = n2(), [a, h] = z("loading"), [d, o] = z(!1), [m, i] = z(null), [n, s] = z(""), [p, u] = z(""), [g, v] = z(""), [w, f] = z(""), [y, b] = z([]), [C, x] = z(""), [k, H] = z(!1), [L, M] = z(null), V = Z(async (J, h1) => {
     const U = document.cookie.match(/(?:^|;\s*)csrf_token=([^;]+)/), d1 = U ? decodeURIComponent(U[1]) : null, v1 = { "Content-Type": "application/json" };
     d1 && (v1["X-CSRF-Token"] = d1);
-    const y1 = await fetch(`${l.apiBaseUrl}${Q}`, {
+    const y1 = await fetch(`${l.apiBaseUrl}${J}`, {
       method: "POST",
       credentials: "include",
       headers: v1,
@@ -26568,8 +26584,8 @@ function nn({ isOpen: t, onClose: r }) {
   }, [l.apiBaseUrl]), S = Z(async () => {
     h("loading"), x("");
     try {
-      const Q = await (await fetch(`${l.apiBaseUrl}/auth/mfaStatus`, { credentials: "include" })).json();
-      o(!!Q.enabled), i(Q.method ?? null), h("overview");
+      const J = await (await fetch(`${l.apiBaseUrl}/auth/mfaStatus`, { credentials: "include" })).json();
+      o(!!J.enabled), i(J.method ?? null), h("overview");
     } catch {
       x("Could not load MFA status."), h("overview");
     }
@@ -26577,34 +26593,34 @@ function nn({ isOpen: t, onClose: r }) {
   F(() => {
     t && (v(""), f(""), x(""), b([]), S());
   }, [t, S]);
-  const _ = async (Q) => {
+  const _ = async (J) => {
     H(!0), x("");
     try {
-      await Q();
+      await J();
     } catch (h1) {
       x(h1 instanceof Error ? h1.message : "Something went wrong.");
     } finally {
       H(!1);
     }
   }, R = () => _(async () => {
-    const Q = await V("/auth/mfaSetupTotp");
-    s(Q.secret || ""), u(Q.otpauthUri || ""), v(""), h("totp-setup");
+    const J = await V("/auth/mfaSetupTotp");
+    s(J.secret || ""), u(J.otpauthUri || ""), v(""), h("totp-setup");
   }), B = () => _(async () => {
-    const Q = await V("/auth/mfaConfirmTotp", { code: g.trim() });
-    b(Q.recoveryCodes || []), h("recovery");
+    const J = await V("/auth/mfaConfirmTotp", { code: g.trim() });
+    b(J.recoveryCodes || []), h("recovery");
   }), E = () => _(async () => {
     await V("/auth/mfaEnableEmail"), v(""), h("email-setup");
   }), O = () => _(async () => {
-    const Q = await V("/auth/mfaConfirmEmail", { code: g.trim() });
-    b(Q.recoveryCodes || []), h("recovery");
+    const J = await V("/auth/mfaConfirmEmail", { code: g.trim() });
+    b(J.recoveryCodes || []), h("recovery");
   }), o1 = () => _(async () => {
     await V("/auth/mfaDisable", { password: w }), M({
       message: "Two-factor authentication disabled.",
       type: "success"
     }), f(""), await S();
   }), N = () => _(async () => {
-    const Q = await V("/auth/mfaRegenRecovery", { password: w });
-    b(Q.recoveryCodes || []), f(""), h("recovery");
+    const J = await V("/auth/mfaRegenRecovery", { password: w });
+    b(J.recoveryCodes || []), f(""), h("recovery");
   }), q = () => _(async () => {
     await V("/auth/mfaForgetDevices"), M({
       message: "All trusted devices have been signed out.",
@@ -26770,7 +26786,7 @@ function nn({ isOpen: t, onClose: r }) {
                 }),
                 /* @__PURE__ */ e("ul", {
                   className: "MfaSetupModal__codes",
-                  children: y.map((Q) => /* @__PURE__ */ e("li", { children: Q }, Q))
+                  children: y.map((J) => /* @__PURE__ */ e("li", { children: J }, J))
                 }),
                 /* @__PURE__ */ e(T, {
                   variant: "default",
@@ -27083,7 +27099,7 @@ var pn = (t, r, l) => {
   } catch {
     return t.trim();
   }
-}, sa = "1.0.46", yn = 318, ha = "61e2247", da = "2026-08-23T06:48:15.977Z", bn = "318", ma = (t) => {
+}, sa = "1.0.47", yn = 321, ha = "03538eb", da = "2026-08-23T13:13:43.316Z", bn = "321", ma = (t) => {
   const r = document.getElementById("mb-version-toast");
   if (r) {
     r.remove();
@@ -27107,7 +27123,7 @@ var pn = (t, r, l) => {
   const r = {
     ...t,
     lib: sa,
-    libBuildNumber: 318,
+    libBuildNumber: 321,
     libCommit: ha,
     libBuildDate: da
   };
@@ -27299,7 +27315,7 @@ export {
   qi as ToggleButtons,
   S2 as ToggleSwitch,
   Xi as Toolbar,
-  J as Tooltip,
+  X as Tooltip,
   Ki as TourHud,
   Qi as Tree,
   Ji as VirtualList,