@memobit/libs 1.0.9 → 1.0.11

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import Z1, { Component as K2, Fragment as Q2, createContext as p0, forwardRef as _1, useCallback as E, useContext as v0, useEffect as F, useId as g0, useImperativeHandle as u2, useMemo as s1, useRef as O, useState as L } from "react";
+import Z1, { Component as K2, Fragment as Q2, createContext as p0, forwardRef as _1, useCallback as E, useContext as v0, useEffect as F, useId as g0, useImperativeHandle as u2, useMemo as h1, useRef as O, useState as L } from "react";
 import { Fragment as r1, jsx as e, jsxs as r } from "react/jsx-runtime";
 import { createPortal as W1 } from "react-dom";
 import { GoogleGenAI as J2 } from "@google/genai";
@@ -10863,7 +10863,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }), [b, x] = L("days"), [y, M] = L(() => {
     const S = (p ?? u).getFullYear();
     return Math.floor(S / E1) * E1;
-  }), [k, V] = L(null), _ = p ?? u, C = w ?? k, N = s1(() => ir(_.getFullYear(), _.getMonth(), i), [_, i]), B = i === 1 ? dr : hr, z = (S) => a && S0(S, a) || s && sr(S, s) ? !0 : o ? typeof o == "function" ? o(S) : o.some((D) => j1(D, S)) : !1, Z = (S) => {
+  }), [k, V] = L(null), _ = p ?? u, C = w ?? k, N = h1(() => ir(_.getFullYear(), _.getMonth(), i), [_, i]), B = i === 1 ? dr : hr, z = (S) => a && S0(S, a) || s && sr(S, s) ? !0 : o ? typeof o == "function" ? o(S) : o.some((D) => j1(D, S)) : !1, G = (S) => {
     if (!t) return !1;
     if (l === "single" && t instanceof Date) return j1(S, t);
     if (l === "range") {
@@ -10907,9 +10907,9 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     v ? v(D) : f(D), x("days"), l === "single" && c?.(S);
   }, T = () => {
     g && x("months");
-  }, G = () => {
+  }, Z = () => {
     g && (M(Math.floor(_.getFullYear() / E1) * E1), x("years"));
-  }, h1 = (S) => {
+  }, d1 = (S) => {
     const D = new Date(_.getFullYear(), S, 1);
     v ? v(D) : f(D), x("days");
   }, v1 = (S) => {
@@ -10922,7 +10922,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }, n1 = () => {
     const S = new Date(_.getFullYear() - 1, _.getMonth(), 1);
     v ? v(S) : f(S);
-  }, C1 = () => {
+  }, y1 = () => {
     const S = new Date(_.getFullYear() + 1, _.getMonth(), 1);
     v ? v(S) : f(S);
   }, u1 = () => {
@@ -10931,7 +10931,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     return S;
   }, A1 = (S) => {
     const D = ["calendar__day"];
-    return q(S) ? (Z(S) && D.push("calendar__day--selected"), R(S) && D.push("calendar__day--in-range"), $(S) && D.push("calendar__day--hover-range")) : D.push("calendar__day--other-month"), nr(S) && D.push("calendar__day--today"), or(S) && D.push("calendar__day--weekend"), z(S) && D.push("calendar__day--disabled"), D.join(" ");
+    return q(S) ? (G(S) && D.push("calendar__day--selected"), R(S) && D.push("calendar__day--in-range"), $(S) && D.push("calendar__day--hover-range")) : D.push("calendar__day--other-month"), nr(S) && D.push("calendar__day--today"), or(S) && D.push("calendar__day--weekend"), z(S) && D.push("calendar__day--disabled"), D.join(" ");
   }, G1 = () => b === "years" ? /* @__PURE__ */ r("div", {
     className: "calendar__header",
     children: [
@@ -10971,13 +10971,13 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       /* @__PURE__ */ e("button", {
         type: "button",
         className: "calendar__header-button",
-        onClick: G,
+        onClick: Z,
         children: _.getFullYear()
       }),
       /* @__PURE__ */ e("button", {
         type: "button",
         className: "calendar__nav-button",
-        onClick: C1,
+        onClick: y1,
         title: "Next year",
         children: "›"
       })
@@ -11005,7 +11005,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         }), /* @__PURE__ */ e("button", {
           type: "button",
           className: "calendar__header-button",
-          onClick: G,
+          onClick: Z,
           children: _.getFullYear()
         })] })
       }),
@@ -11035,7 +11035,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       children: B0.map((x1, f1) => /* @__PURE__ */ e("button", {
         type: "button",
         className: `calendar__month-item ${f1 === e1 && a1 === _.getFullYear() ? "calendar__month-item--selected" : ""} ${f1 === S && D === _.getFullYear() ? "calendar__month-item--current" : ""}`,
-        onClick: () => h1(f1),
+        onClick: () => d1(f1),
         children: x1.substring(0, 3)
       }, x1))
     });
@@ -11701,10 +11701,10 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   ]), F(() => {
     h || d("");
   }, [h]);
-  const p = s1(() => {
+  const p = h1(() => {
     const w = n.trim().toLowerCase();
     return w ? t.filter((m) => [m.label, ...m.keywords ?? []].join(" ").toLowerCase().includes(w)) : t;
-  }, [t, n]), v = s1(() => p.reduce((w, m) => {
+  }, [t, n]), v = h1(() => p.reduce((w, m) => {
     const u = m.group || "General";
     return w[u] = w[u] ? [...w[u], m] : [m], w;
   }, {}), [p]), g = () => {
@@ -12331,7 +12331,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   if (!t) throw new Error("useControlPanel must be used within a ControlPanelProvider");
   return t;
 }, Ca = ({ children: t }) => {
-  const { isMobile: c } = a0(), [l, a] = L(!1), s = E(() => a((d) => !d), []), o = E(() => a(!0), []), i = E(() => a(!1), []), n = s1(() => ({
+  const { isMobile: c } = a0(), [l, a] = L(!1), s = E(() => a((d) => !d), []), o = E(() => a(!0), []), i = E(() => a(!1), []), n = h1(() => ({
     isMobile: c,
     isOpen: l,
     toggle: s,
@@ -12348,11 +12348,87 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     value: n,
     children: t
   });
+}, s1 = ({ title: t, position: c = "top", delay: l = 200, children: a, disabled: s = !1, className: o = "", maxWidth: i, maxHeight: n }) => {
+  const [d, h] = L(!1), [p, v] = L({
+    top: 0,
+    left: 0
+  }), g = O(null), w = O(null), m = O(null), u = O(null), f = O(!1), b = n !== void 0, x = b ? 150 : 0, y = () => {
+    if (!m.current || !u.current) return;
+    const N = m.current.firstElementChild, B = N && N.getBoundingClientRect().width > 0 ? N.getBoundingClientRect() : m.current.getBoundingClientRect(), z = u.current.getBoundingClientRect(), G = 8;
+    let R = 0, $ = 0;
+    switch (c) {
+      case "top":
+        R = B.top - z.height - G, $ = B.left + B.width / 2 - z.width / 2;
+        break;
+      case "bottom":
+        R = B.bottom + G, $ = B.left + B.width / 2 - z.width / 2;
+        break;
+      case "left":
+        R = B.top + B.height / 2 - z.height / 2, $ = B.left - z.width - G;
+        break;
+      case "right":
+        R = B.top + B.height / 2 - z.height / 2, $ = B.right + G;
+        break;
+    }
+    const q = 8;
+    $ < q && ($ = q), $ + z.width > window.innerWidth - q && ($ = window.innerWidth - z.width - q), R < q && (R = q), R + z.height > window.innerHeight - q && (R = window.innerHeight - z.height - q), v({
+      top: R,
+      left: $
+    });
+  }, M = () => {
+    s || f.current || (w.current && (clearTimeout(w.current), w.current = null), g.current = setTimeout(() => {
+      h(!0);
+    }, l));
+  }, k = () => {
+    f.current || (g.current && clearTimeout(g.current), x > 0 ? w.current = setTimeout(() => h(!1), x) : h(!1));
+  }, V = (N) => {
+    N.pointerType !== "touch" && N.pointerType !== "pen" || s || (f.current = !0, g.current && (clearTimeout(g.current), g.current = null), N.stopPropagation(), h((B) => !B));
+  };
+  F(() => (d && (y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y)), () => {
+    window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
+  }), [d]), F(() => {
+    if (!d) return;
+    const N = (B) => {
+      m.current?.contains(B.target) || u.current?.contains(B.target) || h(!1);
+    };
+    return document.addEventListener("pointerdown", N), () => {
+      document.removeEventListener("pointerdown", N), f.current = !1;
+    };
+  }, [d]), F(() => () => {
+    g.current && clearTimeout(g.current), w.current && clearTimeout(w.current);
+  }, []);
+  const _ = () => {
+    b && w.current && (clearTimeout(w.current), w.current = null);
+  }, C = () => {
+    b && (w.current = setTimeout(() => h(!1), x));
+  };
+  return /* @__PURE__ */ r(r1, { children: [/* @__PURE__ */ e("span", {
+    ref: m,
+    className: "tooltip-trigger",
+    onMouseEnter: M,
+    onMouseLeave: k,
+    onFocus: M,
+    onBlur: k,
+    onPointerDown: V,
+    children: a
+  }), d && t && W1(/* @__PURE__ */ r("div", {
+    ref: u,
+    className: `tooltip tooltip--${c} ${b ? "tooltip--scrollable" : ""} ${o}`,
+    style: {
+      top: `${p.top}px`,
+      left: `${p.left}px`,
+      ...i !== void 0 && { maxWidth: typeof i == "number" ? `${i}px` : i },
+      ...n !== void 0 && { maxHeight: typeof n == "number" ? `${n}px` : n }
+    },
+    onMouseEnter: _,
+    onMouseLeave: C,
+    children: [t, /* @__PURE__ */ e("div", { className: `tooltip__arrow tooltip__arrow--${c}` })]
+  }), document.body)] });
 }, Rr = ({ value: t, onChange: c, mode: l = "single", withTime: a = !1, timeFormat: s = "24h", withSeconds: o = !1, dateFormat: i = "YYYY-MM-DD", placeholder: n = "Select date...", disabled: d = !1, clearable: h = !0, autoClose: p = !0, alwaysOpen: v = !1, ...g }) => {
   const [w, m] = L(!1), [u, f] = L(0), [b, x] = L(0), [y, M] = L(0), [k, V] = L(!1), [_, C] = L(null), [N, B] = L({
     position: "fixed",
     visibility: "hidden"
-  }), z = O(null), Z = O(null);
+  }), z = O(null), G = O(null);
   F(() => {
     a && t instanceof Date && (f(s === "12h" ? t.getHours() % 12 || 12 : t.getHours()), x(t.getMinutes()), M(t.getSeconds()), V(t.getHours() >= 12));
   }, [
@@ -12363,17 +12439,17 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   const R = v ? !d : w;
   F(() => {
     if (v) return;
-    const T = (G) => {
-      R && z.current && Z.current && !z.current.contains(G.target) && !Z.current.contains(G.target) && (C(null), m(!1));
+    const T = (Z) => {
+      R && z.current && G.current && !z.current.contains(Z.target) && !G.current.contains(Z.target) && (C(null), m(!1));
     };
     return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
   }, [v, R]);
   const $ = E(() => {
-    if (v || !R || !z.current || !Z.current) return;
-    const T = z.current.getBoundingClientRect(), G = Z.current.getBoundingClientRect(), h1 = 16, v1 = 8, U = window.innerHeight - T.bottom - h1, i1 = T.top - h1, n1 = U < G.height && i1 > G.height ? T.top - G.height - v1 : T.bottom + v1, C1 = Math.max(h1, Math.min(n1, window.innerHeight - G.height - h1)), u1 = Math.max(h1, Math.min(T.left, window.innerWidth - G.width - h1));
+    if (v || !R || !z.current || !G.current) return;
+    const T = z.current.getBoundingClientRect(), Z = G.current.getBoundingClientRect(), d1 = 16, v1 = 8, U = window.innerHeight - T.bottom - d1, i1 = T.top - d1, n1 = U < Z.height && i1 > Z.height ? T.top - Z.height - v1 : T.bottom + v1, y1 = Math.max(d1, Math.min(n1, window.innerHeight - Z.height - d1)), u1 = Math.max(d1, Math.min(T.left, window.innerWidth - Z.width - d1));
     B({
       position: "fixed",
-      top: `${C1}px`,
+      top: `${y1}px`,
       left: `${u1}px`,
       zIndex: 1100
     });
@@ -12407,12 +12483,12 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       c?.(T), p && l !== "multiple" && !v && m(!1);
       return;
     }
-    const G = new Date(T), h1 = s === "12h" ? k ? u % 12 + 12 : u % 12 : u;
-    G.setHours(h1, b, y), c?.(G), p && !v && m(!1);
+    const Z = new Date(T), d1 = s === "12h" ? k ? u % 12 + 12 : u % 12 : u;
+    Z.setHours(d1, b, y), c?.(Z), p && !v && m(!1);
   }, A = () => {
     if (!t || !(t instanceof Date)) return;
-    const T = new Date(t), G = s === "12h" ? k ? u % 12 + 12 : u % 12 : u;
-    T.setHours(G, b, y), c?.(T);
+    const T = new Date(t), Z = s === "12h" ? k ? u % 12 + 12 : u % 12 : u;
+    T.setHours(Z, b, y), c?.(T);
   }, c1 = (T) => {
     T.stopPropagation(), C(null), c?.(void 0);
   }, t1 = q();
@@ -12441,7 +12517,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         })]
       })]
     }), R && (v ? /* @__PURE__ */ r("div", {
-      ref: Z,
+      ref: G,
       className: "datepicker__dropdown datepicker__dropdown--inline",
       children: [/* @__PURE__ */ e(b0, {
         ...g,
@@ -12463,8 +12539,8 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               className: "datepicker__time-input",
               value: u,
               onChange: (T) => {
-                const G = parseInt(T.target.value) || 0;
-                f(Math.min(Math.max(G, 0), s === "12h" ? 12 : 23));
+                const Z = parseInt(T.target.value) || 0;
+                f(Math.min(Math.max(Z, 0), s === "12h" ? 12 : 23));
               },
               onBlur: A,
               min: "0",
@@ -12476,8 +12552,8 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               className: "datepicker__time-input",
               value: b,
               onChange: (T) => {
-                const G = parseInt(T.target.value) || 0;
-                x(Math.min(Math.max(G, 0), 59));
+                const Z = parseInt(T.target.value) || 0;
+                x(Math.min(Math.max(Z, 0), 59));
               },
               onBlur: A,
               min: "0",
@@ -12488,8 +12564,8 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               className: "datepicker__time-input",
               value: y,
               onChange: (T) => {
-                const G = parseInt(T.target.value) || 0;
-                M(Math.min(Math.max(G, 0), 59));
+                const Z = parseInt(T.target.value) || 0;
+                M(Math.min(Math.max(Z, 0), 59));
               },
               onBlur: A,
               min: "0",
@@ -12507,7 +12583,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         })]
       })]
     }) : W1(/* @__PURE__ */ r("div", {
-      ref: Z,
+      ref: G,
       className: "datepicker__dropdown",
       style: N,
       children: [/* @__PURE__ */ e(b0, {
@@ -12530,8 +12606,8 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               className: "datepicker__time-input",
               value: u,
               onChange: (T) => {
-                const G = parseInt(T.target.value) || 0;
-                f(Math.min(Math.max(G, 0), s === "12h" ? 12 : 23));
+                const Z = parseInt(T.target.value) || 0;
+                f(Math.min(Math.max(Z, 0), s === "12h" ? 12 : 23));
               },
               onBlur: A,
               min: "0",
@@ -12543,8 +12619,8 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               className: "datepicker__time-input",
               value: b,
               onChange: (T) => {
-                const G = parseInt(T.target.value) || 0;
-                x(Math.min(Math.max(G, 0), 59));
+                const Z = parseInt(T.target.value) || 0;
+                x(Math.min(Math.max(Z, 0), 59));
               },
               onBlur: A,
               min: "0",
@@ -12555,8 +12631,8 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               className: "datepicker__time-input",
               value: y,
               onChange: (T) => {
-                const G = parseInt(T.target.value) || 0;
-                M(Math.min(Math.max(G, 0), 59));
+                const Z = parseInt(T.target.value) || 0;
+                M(Math.min(Math.max(Z, 0), 59));
               },
               onBlur: A,
               min: "0",
@@ -12586,18 +12662,18 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }
   return o / a.length >= s;
 }, u0 = ({ allowCustomValue: t = !1, autofocus: c = !1, className: l = "", disabled: a = !1, error: s, highlighted: o = !1, id: i, label: n, multiple: d = !1, name: h, onChange: p, onSearchChange: v, options: g, placeholder: w = "Select an option", searchable: m = !0, searchValue: u, selectedCountDisplay: f = "inline", success: b, usePortal: x = !0, value: y, valueAsChip: M = !0 }) => {
-  const [k, V] = L(!1), [_, C] = L(u || ""), [N, B] = L(g), [z, Z] = L(-1), [R, $] = L([]), [q, p1] = L({
+  const [k, V] = L(!1), [_, C] = L(u || ""), [N, B] = L(g), [z, G] = L(-1), [R, $] = L([]), [q, p1] = L({
     top: 0,
     left: 0,
     width: 0
-  }), [A, c1] = L(!1), t1 = O(null), T = O([]), G = O(null), h1 = O(null), v1 = g0(), U = i ?? `dropdown-${v1}`;
+  }), [A, c1] = L(!1), t1 = O(null), T = O([]), Z = O(null), d1 = O(null), v1 = g0(), U = i ?? `dropdown-${v1}`;
   F(() => {
     if (!m || !_) B(g);
     else {
       const P = r2(_);
       B(g.filter((j) => r2(j.label).includes(P)));
     }
-    Z(-1);
+    G(-1);
   }, [
     _,
     g,
@@ -12700,7 +12776,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         j ? Y = R.filter((m1) => m1.value !== P.value) : Y = [...R, P], $(Y), m && C(""), p && p(Y, h);
       } else
         C(P.label), $([P]), V(!1), p && p(P, h);
-  }, C1 = () => {
+  }, y1 = () => {
     if (!t || !_.trim()) return;
     const P = g.find((Y) => Y.label.toLowerCase() === _.toLowerCase() || Y.value.toString() === _);
     if (P) {
@@ -12725,9 +12801,9 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }, G1 = (P) => {
     C(P), k || V(!0), v?.(P);
   }, X = () => {
-    a || (V(!0), !d && m && R.length > 0 && C(""), (d || m) && G.current?.focus());
+    a || (V(!0), !d && m && R.length > 0 && C(""), (d || m) && Z.current?.focus());
   }, K = () => {
-    a || (V(!k), k || (Z(-1), !d && m && R.length > 0 && C(""), (d || m) && G.current?.focus()));
+    a || (V(!k), k || (G(-1), !d && m && R.length > 0 && C(""), (d || m) && Z.current?.focus()));
   }, S = (P) => {
     if (!a) {
       if (!k) {
@@ -12737,20 +12813,20 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       switch (P.key) {
         case "ArrowDown":
           if (P.preventDefault(), t && _ && N.length === 0) return;
-          Z((j) => {
+          G((j) => {
             const Y = j < (t && _ && !N.some((m1) => m1.label.toLowerCase() === _.toLowerCase()) ? N.length : N.length - 1) ? j + 1 : 0;
             return Y < N.length && T.current[Y] && T.current[Y]?.scrollIntoView({ block: "nearest" }), Y;
           });
           break;
         case "ArrowUp":
           if (P.preventDefault(), t && _ && N.length === 0) return;
-          Z((j) => {
+          G((j) => {
             const Y = t && _ && !N.some((B1) => B1.label.toLowerCase() === _.toLowerCase()) ? N.length : N.length - 1, m1 = j > 0 ? j - 1 : Y;
             return m1 < N.length && T.current[m1] && T.current[m1]?.scrollIntoView({ block: "nearest" }), m1;
           });
           break;
         case "Enter":
-          P.preventDefault(), z >= 0 && z < N.length ? n1(N[z]) : (t && _ && z === N.length || t && _ && N.length === 0) && C1();
+          P.preventDefault(), z >= 0 && z < N.length ? n1(N[z]) : (t && _ && z === N.length || t && _ && N.length === 0) && y1();
           break;
         case "Escape":
           P.preventDefault(), V(!1), !d && R.length > 0 ? C(R[0].label) : d && m && C("");
@@ -12772,7 +12848,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }) : null, M1 = () => !!(t && _ && _.trim() && !N.some((P) => P.label.toLowerCase() === _.toLowerCase() || P.value.toString() === _)), F1 = () => {
     if (!k || a) return null;
     const P = /* @__PURE__ */ e("div", {
-      ref: h1,
+      ref: d1,
       className: `dropdown-menu ${x ? "dropdown-menu--portal" : ""} ${A ? "dropdown-menu--upward" : ""}`,
       style: x ? {
         position: "absolute",
@@ -12790,7 +12866,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           },
           className: `dropdown-option ${j.className || ""} ${z === Y ? "focused" : ""} ${D(j) ? "selected" : ""} ${j.disabled ? "dropdown-option--disabled" : ""}`,
           onClick: () => n1(j),
-          onMouseEnter: () => Z(Y),
+          onMouseEnter: () => G(Y),
           title: j.tooltip,
           children: [d && /* @__PURE__ */ e("div", {
             className: "dropdown-option-checkbox",
@@ -12833,8 +12909,8 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             T.current[N.length] = j;
           },
           className: `dropdown-option dropdown-option--create ${z === N.length ? "focused" : ""}`,
-          onClick: C1,
-          onMouseEnter: () => Z(N.length),
+          onClick: y1,
+          onMouseEnter: () => G(N.length),
           children: /* @__PURE__ */ e("div", {
             className: "dropdown-option-content",
             children: /* @__PURE__ */ r("span", {
@@ -12879,7 +12955,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             })]
           }),
           /* @__PURE__ */ e(S1, {
-            ref: G,
+            ref: Z,
             id: U,
             placeholder: b1 ? "" : x1(),
             value: b1 ? "" : a1(),
@@ -13590,83 +13666,7 @@ function z2(t, c, l = 0) {
     })]
   }, t.id);
 }
-var d1 = ({ title: t, position: c = "top", delay: l = 200, children: a, disabled: s = !1, className: o = "", maxWidth: i, maxHeight: n }) => {
-  const [d, h] = L(!1), [p, v] = L({
-    top: 0,
-    left: 0
-  }), g = O(null), w = O(null), m = O(null), u = O(null), f = O(!1), b = n !== void 0, x = b ? 150 : 0, y = () => {
-    if (!m.current || !u.current) return;
-    const N = m.current.firstElementChild, B = N && N.getBoundingClientRect().width > 0 ? N.getBoundingClientRect() : m.current.getBoundingClientRect(), z = u.current.getBoundingClientRect(), Z = 8;
-    let R = 0, $ = 0;
-    switch (c) {
-      case "top":
-        R = B.top - z.height - Z, $ = B.left + B.width / 2 - z.width / 2;
-        break;
-      case "bottom":
-        R = B.bottom + Z, $ = B.left + B.width / 2 - z.width / 2;
-        break;
-      case "left":
-        R = B.top + B.height / 2 - z.height / 2, $ = B.left - z.width - Z;
-        break;
-      case "right":
-        R = B.top + B.height / 2 - z.height / 2, $ = B.right + Z;
-        break;
-    }
-    const q = 8;
-    $ < q && ($ = q), $ + z.width > window.innerWidth - q && ($ = window.innerWidth - z.width - q), R < q && (R = q), R + z.height > window.innerHeight - q && (R = window.innerHeight - z.height - q), v({
-      top: R,
-      left: $
-    });
-  }, M = () => {
-    s || f.current || (w.current && (clearTimeout(w.current), w.current = null), g.current = setTimeout(() => {
-      h(!0);
-    }, l));
-  }, k = () => {
-    f.current || (g.current && clearTimeout(g.current), x > 0 ? w.current = setTimeout(() => h(!1), x) : h(!1));
-  }, V = (N) => {
-    N.pointerType !== "touch" && N.pointerType !== "pen" || s || (f.current = !0, g.current && (clearTimeout(g.current), g.current = null), N.stopPropagation(), h((B) => !B));
-  };
-  F(() => (d && (y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y)), () => {
-    window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
-  }), [d]), F(() => {
-    if (!d) return;
-    const N = (B) => {
-      m.current?.contains(B.target) || u.current?.contains(B.target) || h(!1);
-    };
-    return document.addEventListener("pointerdown", N), () => {
-      document.removeEventListener("pointerdown", N), f.current = !1;
-    };
-  }, [d]), F(() => () => {
-    g.current && clearTimeout(g.current), w.current && clearTimeout(w.current);
-  }, []);
-  const _ = () => {
-    b && w.current && (clearTimeout(w.current), w.current = null);
-  }, C = () => {
-    b && (w.current = setTimeout(() => h(!1), x));
-  };
-  return /* @__PURE__ */ r(r1, { children: [/* @__PURE__ */ e("span", {
-    ref: m,
-    className: "tooltip-trigger",
-    onMouseEnter: M,
-    onMouseLeave: k,
-    onFocus: M,
-    onBlur: k,
-    onPointerDown: V,
-    children: a
-  }), d && t && W1(/* @__PURE__ */ r("div", {
-    ref: u,
-    className: `tooltip tooltip--${c} ${b ? "tooltip--scrollable" : ""} ${o}`,
-    style: {
-      top: `${p.top}px`,
-      left: `${p.left}px`,
-      ...i !== void 0 && { maxWidth: typeof i == "number" ? `${i}px` : i },
-      ...n !== void 0 && { maxHeight: typeof n == "number" ? `${n}px` : n }
-    },
-    onMouseEnter: _,
-    onMouseLeave: C,
-    children: [t, /* @__PURE__ */ e("div", { className: `tooltip__arrow tooltip__arrow--${c}` })]
-  }), document.body)] });
-}, Wr = [{
+var Wr = [{
   value: "cards",
   label: "Grid",
   icon: "grid"
@@ -13792,7 +13792,7 @@ var d1 = ({ title: t, position: c = "top", delay: l = 200, children: a, disabled
                     ]
                   })
                 });
-                return v.title ? /* @__PURE__ */ e(d1, {
+                return v.title ? /* @__PURE__ */ e(s1, {
                   title: v.title,
                   children: m
                 }, v.value) : /* @__PURE__ */ e(Z1.Fragment, { children: m }, v.value);
@@ -13839,7 +13839,7 @@ var d1 = ({ title: t, position: c = "top", delay: l = 200, children: a, disabled
   ].filter(Boolean).join(" "), B = ["control-panel__overlay", i ? "control-panel__overlay--contained" : ""].filter(Boolean).join(" "), z = {
     "--control-panel-width": t,
     "--control-panel-shadow": d
-  }, Z = f.length === 0 ? [] : "type" in f[0] ? [{ options: f }] : f, R = !!(x || y || M || Z.length > 0), $ = g.length > 0 || w !== void 0 && w > 0;
+  }, G = f.length === 0 ? [] : "type" in f[0] ? [{ options: f }] : f, R = !!(x || y || M || G.length > 0), $ = g.length > 0 || w !== void 0 && w > 0;
   return /* @__PURE__ */ r(r1, { children: [o && V && _ && /* @__PURE__ */ e("div", {
     className: B,
     onClick: C
@@ -13883,7 +13883,7 @@ var d1 = ({ title: t, position: c = "top", delay: l = 200, children: a, disabled
       }),
       $ && R && /* @__PURE__ */ e(e0, { spacing: 0 }),
       R && /* @__PURE__ */ e(Fr, {
-        normalizedOptionGroups: Z,
+        normalizedOptionGroups: G,
         onOptionChange: b,
         viewToggle: x,
         groupBy: y,
@@ -13892,16 +13892,15 @@ var d1 = ({ title: t, position: c = "top", delay: l = 200, children: a, disabled
     ]
   })] });
 }, qr = ({ action: t }) => {
-  const [c, l] = L(null), [a, s] = L(!1), o = (n) => {
+  const [c, l] = L(null), [a, s] = L(!1), o = (d) => {
     if (t.confirm) {
-      l(n.currentTarget), s(!0);
+      l(d.currentTarget), s(!0);
       return;
     }
-    t.onClick?.(n);
+    t.onClick?.(d);
   }, i = () => {
     t.onClick?.({});
-  };
-  return /* @__PURE__ */ r(r1, { children: [/* @__PURE__ */ e(W, {
+  }, n = /* @__PURE__ */ e(W, {
     className: "control-panel__action",
     disabled: t.disabled,
     fullWidth: t.fullWidth ?? !0,
@@ -13911,7 +13910,12 @@ var d1 = ({ title: t, position: c = "top", delay: l = 200, children: a, disabled
     sufixIcon: t.suffixIcon,
     variant: t.variant ?? "default",
     children: t.label
-  }), t.confirm && /* @__PURE__ */ e(zr, {
+  });
+  return /* @__PURE__ */ r(r1, { children: [t.tooltip ? /* @__PURE__ */ e(s1, {
+    title: t.tooltip,
+    position: "right",
+    children: n
+  }) : n, t.confirm && /* @__PURE__ */ e(zr, {
     visible: a,
     onClose: () => s(!1),
     anchorEl: c,
@@ -13971,7 +13975,7 @@ var d1 = ({ title: t, position: c = "top", delay: l = 200, children: a, disabled
     children: o ? void 0 : t || y
   });
 }, Yr = ({ code: t, size: c = "md", className: l = "" }) => {
-  if (!t) return /* @__PURE__ */ e(d1, {
+  if (!t) return /* @__PURE__ */ e(s1, {
     title: `Unsupported country code: ${t}`,
     children: /* @__PURE__ */ e("div", {
       className: `flags flags--fallback flags--${c} ${l}`,
@@ -13984,7 +13988,7 @@ var d1 = ({ title: t, position: c = "top", delay: l = 200, children: a, disabled
     children: [/* @__PURE__ */ e("source", {
       srcSet: s,
       type: "image/webp"
-    }), /* @__PURE__ */ e(d1, {
+    }), /* @__PURE__ */ e(s1, {
       title: `Country: ${t.toUpperCase()}`,
       children: /* @__PURE__ */ e("img", {
         src: a,
@@ -14182,7 +14186,7 @@ var d1 = ({ title: t, position: c = "top", delay: l = 200, children: a, disabled
     children: t.showYear ? t.yearLabel : t.dateLabel
   })
 }), ka = ({ items: t, renderItem: c, className: l }) => {
-  const a = s1(() => U0(t), [t]);
+  const a = h1(() => U0(t), [t]);
   return /* @__PURE__ */ r("div", {
     className: `timeline-markers${l ? ` ${l}` : ""}`,
     children: [/* @__PURE__ */ e("div", { className: "timeline-markers__track" }), t.map((s, o) => {
@@ -14216,7 +14220,7 @@ var d1 = ({ title: t, position: c = "top", delay: l = 200, children: a, disabled
   }) : a;
 };
 function hc({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o, onRowClick: i, rowHref: n, rowClassName: d, empty: h, selectable: p, selectedIds: v = [], pinnedIds: g, onToggleSelect: w, cardMaxWidth: m, isMobile: u = !1, groups: f, showGroupCount: b = !0, collapsible: x = !1, collapsedGroups: y, onToggleGroup: M }) {
-  const k = c.filter((z) => !z.hideInCard && !(u && z.hideInMobile)), V = s1(() => new Set(g ?? []), [g]), _ = `data-view__cards${m !== void 0 ? " data-view__cards--grid" : ""}`, C = m !== void 0 ? { "--data-view-card-max-width": sc(m) } : void 0, N = s1(() => o ? U0(t.map((z) => ({
+  const k = c.filter((z) => !z.hideInCard && !(u && z.hideInMobile)), V = h1(() => new Set(g ?? []), [g]), _ = `data-view__cards${m !== void 0 ? " data-view__cards--grid" : ""}`, C = m !== void 0 ? { "--data-view-card-max-width": sc(m) } : void 0, N = h1(() => o ? U0(t.map((z) => ({
     id: o.idAccessor(z),
     date: o.dateAccessor(z)
   })), o.granularity) : /* @__PURE__ */ new Map(), [t, o]);
@@ -14228,9 +14232,9 @@ function hc({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
       primary: h.primary,
       secondary: h.secondary
     }) : /* @__PURE__ */ e(l0, { title: "No data available" });
-  const B = (z, Z) => {
-    const R = N.get(Z), $ = l(z, Z), q = p && v.includes($), p1 = V.has($), A = n?.(z), c1 = `data-view__card ${i || A ? "data-view__card--clickable" : ""} ${q ? "data-view__card--selected" : ""} ${p1 ? "data-view__card--pinned" : ""} ${d?.(z) || ""}`, t1 = (G) => {
-      G.metaKey || G.ctrlKey || G.shiftKey || G.altKey || G.button !== 0 || i && (G.preventDefault(), i(z));
+  const B = (z, G) => {
+    const R = N.get(G), $ = l(z, G), q = p && v.includes($), p1 = V.has($), A = n?.(z), c1 = `data-view__card ${i || A ? "data-view__card--clickable" : ""} ${q ? "data-view__card--selected" : ""} ${p1 ? "data-view__card--pinned" : ""} ${d?.(z) || ""}`, t1 = (Z) => {
+      Z.metaKey || Z.ctrlKey || Z.shiftKey || Z.altKey || Z.button !== 0 || i && (Z.preventDefault(), i(z, Z));
     }, T = /* @__PURE__ */ r(r1, { children: [
       p1 && /* @__PURE__ */ e("span", {
         className: "data-view__card-pin",
@@ -14242,10 +14246,10 @@ function hc({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
       }),
       p && w && /* @__PURE__ */ e("div", {
         className: "data-view__card-select",
-        onClick: (G) => G.stopPropagation(),
+        onClick: (Z) => Z.stopPropagation(),
         children: /* @__PURE__ */ e(m0, {
           checked: q || !1,
-          onChange: (G) => w($, G)
+          onChange: (Z) => w($, Z)
         })
       }),
       a?.media && /* @__PURE__ */ e("div", {
@@ -14253,16 +14257,16 @@ function hc({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
         children: a.media(z)
       }),
       a && (() => {
-        const G = a.icon?.(z);
+        const Z = a.icon?.(z);
         return /* @__PURE__ */ r("div", {
           className: "data-view__card-header",
           children: [/* @__PURE__ */ r("div", {
             className: "data-view__card-title-row",
             children: [/* @__PURE__ */ r("div", {
               className: "data-view__card-title-line",
-              children: [G && /* @__PURE__ */ e(I, {
+              children: [Z && /* @__PURE__ */ e(I, {
                 className: "data-view__card-icon",
-                name: G
+                name: Z
               }), /* @__PURE__ */ e("span", {
                 className: "data-view__card-title",
                 children: a.title(z)
@@ -14279,20 +14283,20 @@ function hc({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
       })(),
       k.length > 0 && /* @__PURE__ */ e("div", {
         className: "data-view__card-body",
-        children: k.map((G) => /* @__PURE__ */ r("div", {
+        children: k.map((Z) => /* @__PURE__ */ r("div", {
           className: "data-view__card-field",
           children: [/* @__PURE__ */ e("span", {
             className: "data-view__card-label",
-            children: N2(G)
+            children: N2(Z)
           }), /* @__PURE__ */ e("span", {
             className: "data-view__card-value",
-            children: H2(G, z)
+            children: H2(Z, z)
           })]
-        }, G.key))
+        }, Z.key))
       }),
       s && /* @__PURE__ */ e("div", {
         className: "data-view__card-actions",
-        onClick: (G) => G.stopPropagation(),
+        onClick: (Z) => Z.stopPropagation(),
         children: s(z)
       })
     ] });
@@ -14303,7 +14307,7 @@ function hc({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
       children: T
     }) : /* @__PURE__ */ e("div", {
       className: c1,
-      onClick: i ? () => i(z) : void 0,
+      onClick: i ? (Z) => i(z, Z) : void 0,
       children: T
     })] }, $);
   };
@@ -14311,23 +14315,23 @@ function hc({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
     let z = 0;
     return /* @__PURE__ */ e("div", {
       className: "data-view__groups",
-      children: f.map((Z) => {
+      children: f.map((G) => {
         const R = z;
-        z += Z.items.length;
-        const $ = x && y?.has(Z.key);
+        z += G.items.length;
+        const $ = x && y?.has(G.key);
         return /* @__PURE__ */ r("section", {
           className: "data-view__group",
           children: [/* @__PURE__ */ r("header", {
             className: `data-view__group-header${x ? " data-view__group-header--collapsible" : ""}`,
-            onClick: x ? () => M?.(Z.key) : void 0,
+            onClick: x ? () => M?.(G.key) : void 0,
             children: [
               /* @__PURE__ */ e("span", {
                 className: "data-view__group-label",
-                children: Z.label
+                children: G.label
               }),
               b && /* @__PURE__ */ e("span", {
                 className: "data-view__group-count",
-                children: Z.totalCount
+                children: G.totalCount
               }),
               x && /* @__PURE__ */ e(I, {
                 className: "data-view__group-chevron",
@@ -14338,16 +14342,16 @@ function hc({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
           }), !$ && /* @__PURE__ */ e("div", {
             className: _,
             style: C,
-            children: Z.items.map((q, p1) => B(q, R + p1))
+            children: G.items.map((q, p1) => B(q, R + p1))
           })]
-        }, Z.key ?? "__null__");
+        }, G.key ?? "__null__");
       })
     });
   }
   return /* @__PURE__ */ e("div", {
     className: _,
     style: C,
-    children: t.map((z, Z) => B(z, Z))
+    children: t.map((z, G) => B(z, G))
   });
 }
 var dc = ({ items: t, sortKey: c, sortDirection: l, onSort: a, align: s = "left", showDirectionToggle: o = !1, className: i = "" }) => t.length === 0 ? null : /* @__PURE__ */ r("div", {
@@ -14358,7 +14362,7 @@ var dc = ({ items: t, sortKey: c, sortDirection: l, onSort: a, align: s = "left"
   ].filter(Boolean).join(" "),
   children: [t.map((n, d) => {
     const h = n.direction ?? "asc", p = o ? c === n.value : c === n.value && l === h;
-    return /* @__PURE__ */ e(d1, {
+    return /* @__PURE__ */ e(s1, {
       title: `Sort by ${typeof n.label == "string" || typeof n.label == "number" ? String(n.label) : n.value}${o ? "" : ` ${h === "asc" ? "ascending" : "descending"}`}`,
       children: /* @__PURE__ */ e(W, {
         className: `mini-sort__button${p ? " is-active" : ""}`,
@@ -14375,7 +14379,7 @@ var dc = ({ items: t, sortKey: c, sortDirection: l, onSort: a, align: s = "left"
         children: n.label ?? n.value
       })
     }, `${n.value}-${d}`);
-  }), o && /* @__PURE__ */ e(d1, {
+  }), o && /* @__PURE__ */ e(s1, {
     title: `Direction: ${l === "asc" ? "ascending" : "descending"}`,
     children: /* @__PURE__ */ e(W, {
       className: "mini-sort__button mini-sort__direction",
@@ -14417,20 +14421,20 @@ function pc({ state: t }) {
     children: /* @__PURE__ */ e(I, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
   });
 }
-function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1, onSelectionChange: o, selectedIds: i, pageSizeOptions: n = a2, initialPageSize: d = a2[1], showPageSize: h = !0, card: p, actions: v, actionsWidth: g, timeline: w, onRowClick: m, rowHref: u, rowClassName: f, rowDetail: b, empty: x, initialSortKey: y = null, initialSortDirection: M = "asc", sortKey: k, sortDirection: V, onSortChange: _, miniSort: C, showCardSortControls: N = !0, desktopView: B = "table", cardMaxWidth: z, className: Z, onPageChange: R, onPageSizeChange: $, currentPage: q, totalItems: p1, group: A, showResultsCount: c1 = !0, totalCount: t1, itemNoun: T }) {
-  const { isMobile: G } = a0(), [h1, v1] = L(y), [U, i1] = L(M), [n1, C1] = L([]), u1 = i ?? n1, [A1, G1] = L(1), X = q ?? A1, [K, S] = L(d), [D, e1] = L(() => t.reduce((H, Q) => (Q.width && (H[Q.key] = Q.width), H), {})), [a1, x1] = L(/* @__PURE__ */ new Set()), f1 = (H) => {
+function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1, onSelectionChange: o, selectedIds: i, pageSizeOptions: n = a2, initialPageSize: d = a2[1], showPageSize: h = !0, card: p, actions: v, actionsWidth: g, timeline: w, onRowClick: m, rowHref: u, rowClassName: f, rowDetail: b, empty: x, initialSortKey: y = null, initialSortDirection: M = "asc", sortKey: k, sortDirection: V, onSortChange: _, miniSort: C, showCardSortControls: N = !0, desktopView: B = "table", cardMaxWidth: z, className: G, onPageChange: R, onPageSizeChange: $, currentPage: q, totalItems: p1, group: A, showResultsCount: c1 = !0, totalCount: t1, itemNoun: T }) {
+  const { isMobile: Z } = a0(), [d1, v1] = L(y), [U, i1] = L(M), [n1, y1] = L([]), u1 = i ?? n1, [A1, G1] = L(1), X = q ?? A1, [K, S] = L(d), [D, e1] = L(() => t.reduce((H, Q) => (Q.width && (H[Q.key] = Q.width), H), {})), [a1, x1] = L(/* @__PURE__ */ new Set()), f1 = (H) => {
     x1((Q) => {
       const o1 = new Set(Q);
       return o1.has(H) ? o1.delete(H) : o1.add(H), o1;
     });
   }, M1 = (H, Q) => l?.(H, Q) ?? Q, F1 = (H) => {
     q === void 0 && G1(H), R?.(H);
-  }, g1 = k !== void 0 ? k : h1, b1 = V ?? U, $1 = (H, Q) => {
+  }, g1 = k !== void 0 ? k : d1, b1 = V ?? U, $1 = (H, Q) => {
     k === void 0 && v1(H), V === void 0 && i1(Q), _?.({
       key: H,
       direction: Q
     }), F1(1);
-  }, q1 = s1(() => new Set(a ?? []), [a]), P = s1(() => {
+  }, q1 = h1(() => new Set(a ?? []), [a]), P = h1(() => {
     let H = c;
     if (g1) {
       const J = t.find((l1) => l1.key === g1);
@@ -14461,14 +14465,14 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
     g1,
     q1,
     a
-  ]), j = p1 !== void 0, Y = j ? p1 : P.length, m1 = Math.max(1, Math.ceil(Y / K)), B1 = Math.min(X, m1), D1 = j ? P : P.slice((B1 - 1) * K, B1 * K), X1 = c1 ? Xr(K, Y, t1 ?? Y, B1, T) : null, _0 = s1(() => {
+  ]), j = p1 !== void 0, Y = j ? p1 : P.length, m1 = Math.max(1, Math.ceil(Y / K)), B1 = Math.min(X, m1), D1 = j ? P : P.slice((B1 - 1) * K, B1 * K), X1 = c1 ? Xr(K, Y, t1 ?? Y, B1, T) : null, _0 = h1(() => {
     if (!A) return null;
     const H = /* @__PURE__ */ new Map();
     return P.forEach((Q) => {
       const o1 = A.groupBy(Q);
       H.set(o1, (H.get(o1) ?? 0) + 1);
     }), H;
-  }, [A, P]), L0 = s1(() => {
+  }, [A, P]), L0 = h1(() => {
     if (!A || !_0) return null;
     const H = /* @__PURE__ */ new Map(), Q = [];
     D1.forEach((J) => {
@@ -14486,11 +14490,11 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
     A,
     _0,
     D1
-  ]), F0 = s1(() => w ? U0(D1.map((H) => ({
+  ]), F0 = h1(() => w ? U0(D1.map((H) => ({
     id: w.idAccessor(H),
     date: w.dateAccessor(H)
   })), w.granularity) : /* @__PURE__ */ new Map(), [D1, w]), K1 = (H) => {
-    i === void 0 && C1(H), o?.(c.filter((Q, o1) => H.includes(M1(Q, o1))));
+    i === void 0 && y1(H), o?.(c.filter((Q, o1) => H.includes(M1(Q, o1))));
   }, j2 = (H) => {
     H.sortable && (g1 === H.key ? $1(H.key, b1 === "asc" ? "desc" : "asc") : $1(H.key, "asc"));
   }, P2 = (H, Q) => {
@@ -14522,7 +14526,7 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
     }), O0]
   }) : null;
   if (B === "cards") return /* @__PURE__ */ r("div", {
-    className: `data-view data-view--cards${Z ? ` ${Z}` : ""}`,
+    className: `data-view data-view--cards${G ? ` ${G}` : ""}`,
     children: [
       Y0,
       N && U2 && /* @__PURE__ */ r("div", {
@@ -14546,7 +14550,7 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
               $1(Q, g1 === Q ? b1 : "asc");
             }
           })
-        }), /* @__PURE__ */ e(d1, {
+        }), /* @__PURE__ */ e(s1, {
           title: b1 === "asc" ? "Sort descending" : "Sort ascending",
           children: /* @__PURE__ */ e(W, {
             className: "data-view__card-sort-direction",
@@ -14581,7 +14585,7 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
         selectedIds: u1,
         pinnedIds: a,
         cardMaxWidth: z,
-        isMobile: G,
+        isMobile: Z,
         groups: L0 ?? void 0,
         showGroupCount: A?.showCount !== !1,
         collapsible: A?.collapsible,
@@ -14666,14 +14670,14 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
           }) : /* @__PURE__ */ e(l0, { title: "No data available" })
         }) });
         const H = i0.length + (Q1 ? 1 : 0) + (s ? 1 : 0) + (v ? 1 : 0), Q = A?.showCount !== !1, o1 = (J, l1) => {
-          const w1 = M1(J, l1), V1 = u1.includes(w1), L1 = q1.has(w1), R1 = F0.get(l1), k1 = u?.(J), K0 = !!m || !!k1, Y2 = (y1) => {
-            if (k1 && (y1.metaKey || y1.ctrlKey || y1.shiftKey)) {
+          const w1 = M1(J, l1), V1 = u1.includes(w1), L1 = q1.has(w1), R1 = F0.get(l1), k1 = u?.(J), K0 = !!m || !!k1, Y2 = (C1) => {
+            if (k1 && (C1.metaKey || C1.ctrlKey || C1.shiftKey)) {
               window.open(k1, "_blank", "noopener,noreferrer");
               return;
             }
-            m?.(J);
-          }, X2 = (y1) => {
-            y1.button !== 1 || !k1 || (y1.preventDefault(), window.open(k1, "_blank", "noopener,noreferrer"));
+            m?.(J, C1);
+          }, X2 = (C1) => {
+            C1.button !== 1 || !k1 || (C1.preventDefault(), window.open(k1, "_blank", "noopener,noreferrer"));
           }, N0 = b?.(J);
           return /* @__PURE__ */ r(Z1.Fragment, { children: [/* @__PURE__ */ r("tr", {
             className: `${V1 ? "is-selected" : ""} ${K0 ? "data-view__row--clickable" : ""} ${L1 ? "data-view__row--pinned" : ""} ${f?.(J) || ""}`,
@@ -14688,28 +14692,28 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
                 className: "data-view__checkbox",
                 children: /* @__PURE__ */ e(m0, {
                   checked: V1,
-                  onChange: (y1) => {
-                    K1(y1 ? [...u1, w1] : u1.filter((H0) => H0 !== w1));
+                  onChange: (C1) => {
+                    K1(C1 ? [...u1, w1] : u1.filter((H0) => H0 !== w1));
                   }
                 })
               }),
-              i0.map((y1, H0) => /* @__PURE__ */ r("td", {
-                style: D[y1.key] ? { width: D[y1.key] } : void 0,
-                children: [H0 === 0 && L1 && /* @__PURE__ */ e(d1, {
+              i0.map((C1, H0) => /* @__PURE__ */ r("td", {
+                style: D[C1.key] ? { width: D[C1.key] } : void 0,
+                children: [H0 === 0 && L1 && /* @__PURE__ */ e(s1, {
                   title: "Pinned",
                   children: /* @__PURE__ */ e(I, {
                     className: "data-view__pin-indicator",
                     name: "pin",
                     size: "sm"
                   })
-                }), H2(y1, J)]
-              }, y1.key)),
+                }), H2(C1, J)]
+              }, C1.key)),
               v && /* @__PURE__ */ e("td", {
                 className: "data-view__actions-cell",
                 style: g ? { width: g } : void 0,
                 children: /* @__PURE__ */ e("div", {
                   className: "data-view__table-actions",
-                  onClick: (y1) => y1.stopPropagation(),
+                  onClick: (C1) => C1.stopPropagation(),
                   children: v(J)
                 })
               })
@@ -14718,7 +14722,7 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
             className: "data-view__row-detail",
             children: /* @__PURE__ */ e("td", {
               colSpan: H,
-              onClick: (y1) => y1.stopPropagation(),
+              onClick: (C1) => C1.stopPropagation(),
               children: N0
             })
           })] }, w1);
@@ -14770,7 +14774,7 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
     })
   ] });
   return /* @__PURE__ */ e("div", {
-    className: `data-view${Z ? ` ${Z}` : ""}`,
+    className: `data-view${G ? ` ${G}` : ""}`,
     children: Q1 ? /* @__PURE__ */ r("div", {
       className: "timeline-markers",
       children: [/* @__PURE__ */ e("div", { className: "timeline-markers__track" }), X0]
@@ -14789,28 +14793,28 @@ var O1 = (t) => {
   }), [x, y] = L(c?.start ?? ""), [M, k] = L(c?.end ?? ""), V = O(null), _ = O(null), C = c ?? d, N = O1(C.start), B = O1(C.end), z = N && B ? {
     start: N,
     end: B
-  } : void 0, Z = (U) => {
+  } : void 0, G = (U) => {
     c || h(U), l?.(U);
   }, R = (U) => {
-    U && typeof U == "object" && "start" in U && (Z({
+    U && typeof U == "object" && "start" in U && (G({
       start: f0(U.start),
       end: f0(U.end)
     }), w(null), !o && i && u(!1));
   }, $ = (U) => {
     w(U);
   }, q = (U) => /^\d{4}-\d{2}-\d{2}$/.test(U) && O1(U) !== void 0, p1 = () => {
-    q(x) ? Z({
+    q(x) ? G({
       ...C,
       start: x
     }) : y(C.start ?? "");
   }, A = () => {
-    q(M) ? Z({
+    q(M) ? G({
       ...C,
       end: M
     }) : k(C.end ?? "");
   }, c1 = (U) => {
     const i1 = /* @__PURE__ */ new Date(), n1 = /* @__PURE__ */ new Date();
-    n1.setDate(n1.getDate() - U), Z({
+    n1.setDate(n1.getDate() - U), G({
       start: f0(n1),
       end: f0(i1)
     });
@@ -14820,42 +14824,42 @@ var O1 = (t) => {
   }, [C.start]), F(() => {
     k(C.end ?? "");
   }, [C.end]);
-  const t1 = s1(() => d0(p, 1), [p]), T = o || m, G = !o && m, h1 = E(() => {
-    if (!G || !V.current || !_.current) return;
-    const U = V.current.getBoundingClientRect(), i1 = _.current.getBoundingClientRect(), n1 = 16, C1 = 8, u1 = window.innerHeight - U.bottom - n1, A1 = U.top - n1, G1 = u1 < i1.height && A1 > i1.height ? U.top - i1.height - C1 : U.bottom + C1, X = Math.max(n1, Math.min(G1, window.innerHeight - i1.height - n1)), K = U.left, S = Math.max(n1, Math.min(K, window.innerWidth - i1.width - n1));
+  const t1 = h1(() => d0(p, 1), [p]), T = o || m, Z = !o && m, d1 = E(() => {
+    if (!Z || !V.current || !_.current) return;
+    const U = V.current.getBoundingClientRect(), i1 = _.current.getBoundingClientRect(), n1 = 16, y1 = 8, u1 = window.innerHeight - U.bottom - n1, A1 = U.top - n1, G1 = u1 < i1.height && A1 > i1.height ? U.top - i1.height - y1 : U.bottom + y1, X = Math.max(n1, Math.min(G1, window.innerHeight - i1.height - n1)), K = U.left, S = Math.max(n1, Math.min(K, window.innerWidth - i1.width - n1));
     b({
       position: "fixed",
       top: `${X}px`,
       left: `${S}px`,
       zIndex: 1e3
     });
-  }, [G]);
+  }, [Z]);
   F(() => {
     o && u(!0);
   }, [o]), F(() => {
-    if (!G) {
+    if (!Z) {
       b({
         position: "fixed",
         visibility: "hidden"
       });
       return;
     }
-    const U = requestAnimationFrame(() => requestAnimationFrame(h1));
-    return window.addEventListener("resize", h1), window.addEventListener("scroll", h1, !0), () => {
-      cancelAnimationFrame(U), window.removeEventListener("resize", h1), window.removeEventListener("scroll", h1, !0);
+    const U = requestAnimationFrame(() => requestAnimationFrame(d1));
+    return window.addEventListener("resize", d1), window.addEventListener("scroll", d1, !0), () => {
+      cancelAnimationFrame(U), window.removeEventListener("resize", d1), window.removeEventListener("scroll", d1, !0);
     };
-  }, [G, h1]), F(() => {
-    if (!G) return;
+  }, [Z, d1]), F(() => {
+    if (!Z) return;
     const U = (n1) => {
-      const C1 = n1.target;
-      V.current?.contains(C1) || _.current?.contains(C1) || u(!1);
+      const y1 = n1.target;
+      V.current?.contains(y1) || _.current?.contains(y1) || u(!1);
     }, i1 = (n1) => {
       n1.key === "Escape" && u(!1);
     };
     return document.addEventListener("mousedown", U), document.addEventListener("keydown", i1), () => {
       document.removeEventListener("mousedown", U), document.removeEventListener("keydown", i1);
     };
-  }, [G]);
+  }, [Z]);
   const v1 = /* @__PURE__ */ r("div", {
     className: "date-range-picker__calendar",
     children: [/* @__PURE__ */ r("div", {
@@ -14970,7 +14974,7 @@ var O1 = (t) => {
         ]
       }),
       o && T && v1,
-      G && W1(/* @__PURE__ */ e("div", {
+      Z && W1(/* @__PURE__ */ e("div", {
         ref: _,
         className: "date-range-picker__overlay",
         style: f,
@@ -15110,7 +15114,7 @@ function fc(t) {
   }
   return c;
 }
-var Cc = ({ text: t }) => /* @__PURE__ */ e(r1, { children: s1(() => fc(t), [t]).map((c, l) => c.name === "plain" ? /* @__PURE__ */ e("span", { children: c.val }, l) : /* @__PURE__ */ e("span", {
+var Cc = ({ text: t }) => /* @__PURE__ */ e(r1, { children: h1(() => fc(t), [t]).map((c, l) => c.name === "plain" ? /* @__PURE__ */ e("span", { children: c.val }, l) : /* @__PURE__ */ e("span", {
   className: `dv-token dv-token--${c.name}`,
   children: c.val
 }, l)) }), T0 = ({ line: t, side: c, type: l }) => {
@@ -15121,7 +15125,7 @@ var Cc = ({ text: t }) => /* @__PURE__ */ e(r1, { children: s1(() => fc(t), [t])
     side: c
   }) : l === "code" ? /* @__PURE__ */ e(Cc, { text: a }) : /* @__PURE__ */ e(r1, { children: a });
 }, za = ({ oldValue: t, newValue: c, mode: l = "split", type: a = "text", oldTitle: s = "Before", newTitle: o = "After", showLineNumbers: i = !0 }) => {
-  const n = s1(() => vc(t, c), [t, c]), d = s1(() => ({
+  const n = h1(() => vc(t, c), [t, c]), d = h1(() => ({
     added: n.filter((h) => h.kind === "added").length,
     removed: n.filter((h) => h.kind === "removed").length
   }), [n]);
@@ -15247,8 +15251,8 @@ var Cc = ({ text: t }) => /* @__PURE__ */ e(r1, { children: s1(() => fc(t), [t])
   if (F(() => {
     t && (i2 += 1, V(i2));
   }, [t]), F(() => {
-    const z = (Z) => {
-      Z.key === "Escape" && t && c();
+    const z = (G) => {
+      G.key === "Escape" && t && c();
     };
     return document.addEventListener("keydown", z), () => document.removeEventListener("keydown", z);
   }, [t, c]), !t) return null;
@@ -15271,7 +15275,7 @@ var Cc = ({ text: t }) => /* @__PURE__ */ e(r1, { children: s1(() => fc(t), [t])
       /* @__PURE__ */ r("div", {
         className: "drawer__header",
         children: [
-          f && /* @__PURE__ */ e(d1, {
+          f && /* @__PURE__ */ e(s1, {
             title: b,
             position: "bottom",
             children: /* @__PURE__ */ e(W, {
@@ -15292,7 +15296,7 @@ var Cc = ({ text: t }) => /* @__PURE__ */ e(r1, { children: s1(() => fc(t), [t])
           u.length > 0 && /* @__PURE__ */ e("div", {
             className: "drawer__header-actions",
             children: u.map((z) => {
-              const Z = /* @__PURE__ */ e(W, {
+              const G = /* @__PURE__ */ e(W, {
                 disabled: z.disabled,
                 onClick: z.onClick,
                 icon: z.icon,
@@ -15301,11 +15305,11 @@ var Cc = ({ text: t }) => /* @__PURE__ */ e(r1, { children: s1(() => fc(t), [t])
                 variant: z.variant ?? "ghost",
                 children: z.label
               }), R = z.title ?? z.label;
-              return R ? /* @__PURE__ */ e(d1, {
+              return R ? /* @__PURE__ */ e(s1, {
                 title: R,
                 position: "bottom",
-                children: Z
-              }, z.id) : /* @__PURE__ */ e(Z1.Fragment, { children: Z }, z.id);
+                children: G
+              }, z.id) : /* @__PURE__ */ e(Z1.Fragment, { children: G }, z.id);
             })
           }),
           !m && /* @__PURE__ */ e(W, {
@@ -20394,7 +20398,7 @@ var Cc = ({ text: t }) => /* @__PURE__ */ e(r1, { children: s1(() => fc(t), [t])
     ]
   }
 ], Va = ({ value: t, onChange: c }) => {
-  const [l, a] = L(""), [s, o] = L(C0[0].id), i = s1(() => {
+  const [l, a] = L(""), [s, o] = L(C0[0].id), i = h1(() => {
     if (!l.trim()) return null;
     const d = l.toLowerCase();
     return C0.flatMap((h) => h.emojis.filter((p) => Nc[p]?.some((v) => v.includes(d)) || h.name.toLowerCase().includes(d)));
@@ -20528,7 +20532,7 @@ var Cc = ({ text: t }) => /* @__PURE__ */ e(r1, { children: s1(() => fc(t), [t])
   const [c, l] = L(!1);
   if (t.length === 1) return /* @__PURE__ */ e("div", {
     className: "float-button-container",
-    children: /* @__PURE__ */ e(d1, {
+    children: /* @__PURE__ */ e(s1, {
       title: t[0].label,
       position: "left",
       children: /* @__PURE__ */ e("button", {
@@ -20784,7 +20788,7 @@ var Cc = ({ text: t }) => /* @__PURE__ */ e(r1, { children: s1(() => fc(t), [t])
       const q = B($);
       _(q), N(!0), w?.(q);
     }
-  }, Z = ($) => {
+  }, G = ($) => {
     if (N(!0), y === "blur" || y === "both") {
       const q = B($.target.value);
       _(q), w?.(q);
@@ -20813,7 +20817,7 @@ var Cc = ({ text: t }) => /* @__PURE__ */ e(r1, { children: s1(() => fc(t), [t])
         placeholder: m,
         ref: k,
         value: M,
-        onBlur: Z,
+        onBlur: G,
         onChange: ($) => z($.target.value),
         onClick: p,
         onKeyDown: v,
@@ -20903,9 +20907,9 @@ function Ac(t) {
   return t.filter((c) => c.type === "token").length;
 }
 var $c = _1(({ mask: t, value: c, onChange: l, onComplete: a, placeholder: s, label: o, hint: i, error: n, highlighted: d, size: h = "md", variant: p = "default", disabled: v = !1, readOnly: g = !1, maskChar: w = "_", mono: m = !0, icon: u, suffix: f, className: b = "", id: x, name: y, autoComplete: M }, k) => {
-  const V = Z1.useMemo(() => Rc(t), [t]), _ = Z1.useMemo(() => Ac(V), [V]), C = g0(), N = x ?? C, [B, z] = L(() => c !== void 0 ? c : ""), Z = O(null);
+  const V = Z1.useMemo(() => Rc(t), [t]), _ = Z1.useMemo(() => Ac(V), [V]), C = g0(), N = x ?? C, [B, z] = L(() => c !== void 0 ? c : ""), G = O(null);
   u2(k, () => ({
-    focus: () => Z.current?.focus(),
+    focus: () => G.current?.focus(),
     clear: () => {
       z(""), l?.("", "");
     },
@@ -20931,16 +20935,16 @@ var $c = _1(({ mask: t, value: c, onChange: l, onComplete: a, placeholder: s, la
       return;
     }
     if (T.key.length !== 1 || T.ctrlKey || T.metaKey || (T.preventDefault(), B.length >= _)) return;
-    const G = T.key;
-    let h1 = 0;
+    const Z = T.key;
+    let d1 = 0;
     for (const i1 of V) if (i1.type === "token") {
-      if (h1 === B.length) {
-        if (!R2[i1.key].test(G)) return;
+      if (d1 === B.length) {
+        if (!R2[i1.key].test(Z)) return;
         break;
       }
-      h1++;
+      d1++;
     }
-    const { masked: v1, rawAccepted: U } = Z0(B + G, V, w);
+    const { masked: v1, rawAccepted: U } = Z0(B + Z, V, w);
     z(U), l?.(U, v1), U.length === _ && a?.(U, v1);
   }, [
     v,
@@ -20968,7 +20972,7 @@ var $c = _1(({ mask: t, value: c, onChange: l, onComplete: a, placeholder: s, la
             children: u
           }),
           /* @__PURE__ */ e("input", {
-            ref: Z,
+            ref: G,
             id: N,
             name: y,
             type: "text",
@@ -21072,8 +21076,8 @@ function Tc(t) {
 }
 var Zc = _1(({ autoFocus: t, disabled: c, error: l, format: a = Dc, highlighted: s, id: o, label: i, onBlur: n, onChange: d, onClick: h, onKeyDown: p, placeholder: v, readOnly: g = !1, required: w = !1, success: m, value: u }, f) => {
   const b = u !== void 0, [x, y] = L(() => u ? G0(E0(u), a) : ""), M = b ? G0(E0(u ?? ""), a) : x, k = v ?? a.replace(/#/g, "0"), V = a.length, _ = (C) => {
-    const N = E0(C), B = Tc(a), z = N.slice(0, B), Z = G0(z, a);
-    b || y(Z), d?.(Z, z);
+    const N = E0(C), B = Tc(a), z = N.slice(0, B), G = G0(z, a);
+    b || y(G), d?.(G, z);
   };
   return /* @__PURE__ */ r("div", {
     className: "input-phone-wrapper",
@@ -21735,18 +21739,18 @@ var Ta = _1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
   const l = t.variant ?? "default";
   return l === "custom" ? t.customColor || n2.default : l === "random" ? Uc(c) : n2[l];
 }, Ua = ({ className: t = "", data: c = [], emptyLabel: l, gap: a = 1, size: s = "medium", valueFormatter: o, valuePosition: i = "inside" }) => {
-  const n = Pc[s], d = i === "outside" ? Math.round(n * 0.18) : 0, h = n / 2, p = Math.max(h - Math.max(a, 1), 1), v = `${-d} ${-d} ${n + d * 2} ${n + d * 2}`, g = s1(() => {
+  const n = Pc[s], d = i === "outside" ? Math.round(n * 0.18) : 0, h = n / 2, p = Math.max(h - Math.max(a, 1), 1), v = `${-d} ${-d} ${n + d * 2} ${n + d * 2}`, g = h1(() => {
     const M = c.filter((_) => Number.isFinite(_.value) && _.value > 0), k = M.reduce((_, C) => _ + C.value, 0);
     if (k <= 0) return [];
     let V = 0;
     return M.map((_, C) => {
-      const N = _.value / k * 360, B = V, z = C === M.length - 1 ? 360 : V + N, Z = B + (z - B) / 2;
+      const N = _.value / k * 360, B = V, z = C === M.length - 1 ? 360 : V + N, G = B + (z - B) / 2;
       return V = z, {
         color: Fc(_, C),
         endAngle: z,
         index: C,
         label: o ? o(_.value, _, C) : _.value,
-        midAngle: Z,
+        midAngle: G,
         path: Wc(h, p, B, z),
         startAngle: B,
         value: _.value
@@ -21845,7 +21849,7 @@ var Ta = _1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
     `progress-bar-${d}`,
     h && "progress-bar-striped",
     t && h && "progress-bar-animated"
-  ].filter(Boolean).join(" "), w = `progress-bar__label progress-bar__label--${d} ${s ? `progress-bar__label-${s}` : ""}`, m = v > 100 ? 100 : v < 0 ? 0 : v, u = s1(() => {
+  ].filter(Boolean).join(" "), w = `progress-bar__label progress-bar__label--${d} ${s ? `progress-bar__label-${s}` : ""}`, m = v > 100 ? 100 : v < 0 ? 0 : v, u = h1(() => {
     const M = [];
     return n && M.push(`${k0(v)}%`), l && M.push(l), (a ? M : M.reverse()).join(" - ");
   }, [
@@ -21883,7 +21887,7 @@ var Ta = _1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
   medium: 96,
   large: 128
 }, qc = (t) => typeof t == "number" ? t : A2[t], Ya = ({ children: t, className: c = "", label: l, labelPosition: a = "below", rounded: s = !0, showPercentage: o = !0, size: i = "medium", state: n = "default", thickness: d, value: h }) => {
-  const p = Math.min(Math.max(Number.isFinite(h) ? h : 0, 0), 100), v = qc(i), g = d ?? (v <= A2.small ? 6 : 8), w = Math.max((v - g) / 2, 1), m = 2 * Math.PI * w, u = m - p / 100 * m, f = s1(() => `${k0(p)}%`, [p]), b = t || (o ? f : a === "inside" ? l : null), x = a === "inside" && l && o && !t;
+  const p = Math.min(Math.max(Number.isFinite(h) ? h : 0, 0), 100), v = qc(i), g = d ?? (v <= A2.small ? 6 : 8), w = Math.max((v - g) / 2, 1), m = 2 * Math.PI * w, u = m - p / 100 * m, f = h1(() => `${k0(p)}%`, [p]), b = t || (o ? f : a === "inside" ? l : null), x = a === "inside" && l && o && !t;
   return /* @__PURE__ */ r("div", {
     className: `progress-ring progress-ring--${n} ${c}`,
     style: { "--progress-ring-size": `${v}px` },
@@ -22617,7 +22621,7 @@ ${s.textContent ?? ""}
     /* @__PURE__ */ r("div", {
       className: "rte-table-toolbar-group",
       children: [
-        /* @__PURE__ */ e(d1, {
+        /* @__PURE__ */ e(s1, {
           title: "Add row above",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22626,7 +22630,7 @@ ${s.textContent ?? ""}
             children: "↑ Row"
           })
         }),
-        /* @__PURE__ */ e(d1, {
+        /* @__PURE__ */ e(s1, {
           title: "Add row below",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22635,7 +22639,7 @@ ${s.textContent ?? ""}
             children: "↓ Row"
           })
         }),
-        /* @__PURE__ */ e(d1, {
+        /* @__PURE__ */ e(s1, {
           title: "Remove last row",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22650,7 +22654,7 @@ ${s.textContent ?? ""}
     /* @__PURE__ */ r("div", {
       className: "rte-table-toolbar-group",
       children: [
-        /* @__PURE__ */ e(d1, {
+        /* @__PURE__ */ e(s1, {
           title: "Add column left",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22659,7 +22663,7 @@ ${s.textContent ?? ""}
             children: "← Col"
           })
         }),
-        /* @__PURE__ */ e(d1, {
+        /* @__PURE__ */ e(s1, {
           title: "Add column right",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22668,7 +22672,7 @@ ${s.textContent ?? ""}
             children: "→ Col"
           })
         }),
-        /* @__PURE__ */ e(d1, {
+        /* @__PURE__ */ e(s1, {
           title: "Remove last column",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22682,7 +22686,7 @@ ${s.textContent ?? ""}
     /* @__PURE__ */ e("div", { className: "rte-table-toolbar-divider" }),
     /* @__PURE__ */ e("div", {
       className: "rte-table-toolbar-group",
-      children: /* @__PURE__ */ e(d1, {
+      children: /* @__PURE__ */ e(s1, {
         title: "Delete table",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -22698,7 +22702,7 @@ ${s.textContent ?? ""}
   children: [
     /* @__PURE__ */ e("div", {
       className: "rte-toolbar-group",
-      children: Jc.map((h) => /* @__PURE__ */ e(d1, {
+      children: Jc.map((h) => /* @__PURE__ */ e(s1, {
         title: h.title,
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -22713,7 +22717,7 @@ ${s.textContent ?? ""}
     /* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }),
     /* @__PURE__ */ r("div", {
       className: "rte-toolbar-group",
-      children: [Qc.map((h) => /* @__PURE__ */ e(d1, {
+      children: [Qc.map((h) => /* @__PURE__ */ e(s1, {
         title: h.title,
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -22723,7 +22727,7 @@ ${s.textContent ?? ""}
           },
           children: h.label
         })
-      }, h.command)), /* @__PURE__ */ e(d1, {
+      }, h.command)), /* @__PURE__ */ e(s1, {
         title: "Task List",
         children: /* @__PURE__ */ r("button", {
           type: "button",
@@ -22738,7 +22742,7 @@ ${s.textContent ?? ""}
     /* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }),
     /* @__PURE__ */ e("div", {
       className: "rte-toolbar-group",
-      children: el.map((h) => /* @__PURE__ */ e(d1, {
+      children: el.map((h) => /* @__PURE__ */ e(s1, {
         title: `Heading ${h}`,
         children: /* @__PURE__ */ r("button", {
           type: "button",
@@ -22753,7 +22757,7 @@ ${s.textContent ?? ""}
     /* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }),
     /* @__PURE__ */ e("div", {
       className: "rte-toolbar-group",
-      children: /* @__PURE__ */ e(d1, {
+      children: /* @__PURE__ */ e(s1, {
         title: "Insert Link",
         children: /* @__PURE__ */ r("button", {
           type: "button",
@@ -22767,7 +22771,7 @@ ${s.textContent ?? ""}
     }),
     t && /* @__PURE__ */ r(r1, { children: [/* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }), /* @__PURE__ */ r("div", {
       className: "rte-toolbar-group",
-      children: [tl.map((h) => /* @__PURE__ */ e(d1, {
+      children: [tl.map((h) => /* @__PURE__ */ e(s1, {
         title: h.title,
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -22777,7 +22781,7 @@ ${s.textContent ?? ""}
           },
           children: h.label
         })
-      }, h.command + (h.value ?? ""))), /* @__PURE__ */ e(d1, {
+      }, h.command + (h.value ?? ""))), /* @__PURE__ */ e(s1, {
         title: "Insert Table",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -22810,7 +22814,7 @@ ${s.textContent ?? ""}
     editorRef: p,
     snapshotForUndo: f,
     emitChange: u
-  }), { activeTable: Z, tableToolbarPos: R, showTableToolbar: $, hideTableToolbar: q, addRowAbove: p1, addRowBelow: A, removeRow: c1, addColumnLeft: t1, addColumnRight: T, removeColumn: G, deleteTable: h1 } = il({
+  }), { activeTable: G, tableToolbarPos: R, showTableToolbar: $, hideTableToolbar: q, addRowAbove: p1, addRowBelow: A, removeRow: c1, addColumnLeft: t1, addColumnRight: T, removeColumn: Z, deleteTable: d1 } = il({
     editorRef: p,
     snapshotForUndo: f,
     emitChange: u
@@ -22866,7 +22870,7 @@ ${s.textContent ?? ""}
     x1.className = "rte-task-list", x1.appendChild(D), S.deleteContents(), S.insertNode(x1);
     const f1 = document.createRange();
     f1.setStart(a1, 1), f1.collapse(!0), K.removeAllRanges(), K.addRange(f1), u();
-  }, [f, u]), C1 = E(() => {
+  }, [f, u]), y1 = E(() => {
     U("insertHTML", rl);
   }, [U]), u1 = E((X) => {
     const K = X.target, S = K.closest("a");
@@ -22940,7 +22944,7 @@ ${s.textContent ?? ""}
             applyHeading: i1,
             insertTaskList: n1,
             openLinkPrompt: () => N(),
-            insertTable: C1,
+            insertTable: y1,
             undo: b,
             redo: x
           }),
@@ -22953,7 +22957,7 @@ ${s.textContent ?? ""}
             confirmLink: B,
             cancelLink: z
           }),
-          Z && R && /* @__PURE__ */ e(ol, {
+          G && R && /* @__PURE__ */ e(ol, {
             pos: R,
             toolbarRef: g,
             addRowAbove: p1,
@@ -22961,8 +22965,8 @@ ${s.textContent ?? ""}
             removeRow: c1,
             addColumnLeft: t1,
             addColumnRight: T,
-            removeColumn: G,
-            deleteTable: h1
+            removeColumn: Z,
+            deleteTable: d1
           }),
           /* @__PURE__ */ e("div", {
             ref: p,
@@ -23019,7 +23023,7 @@ ${s.textContent ?? ""}
   if (!t) throw new Error("useSidebar must be used within a SidebarProvider");
   return t;
 }, li = ({ children: t }) => {
-  const { isMobile: c } = a0(), [l, a] = L(!1), s = E(() => a((d) => !d), []), o = E(() => a(!0), []), i = E(() => a(!1), []), n = s1(() => ({
+  const { isMobile: c } = a0(), [l, a] = L(!1), s = E(() => a((d) => !d), []), o = E(() => a(!0), []), i = E(() => a(!1), []), n = h1(() => ({
     isMobile: c,
     isOpen: l,
     toggle: s,
@@ -23322,7 +23326,7 @@ var ni = ({ variant: t = "text", animation: c = "pulse", width: l, height: a, bo
   const a = `${k0(c)}%`;
   return t.label && l ? `${t.label} - ${a}` : t.label ? t.label : a;
 }, hi = ({ animated: t = !1, height: c, normalize: l = !0, orientation: a = "horizontal", segments: s, showLabels: o = !0, showPercentage: i = !0, thin: n = !1, width: d }) => {
-  const h = s1(() => {
+  const h = h1(() => {
     if (s.length === 0) return [];
     if (!l) return s.map((w) => Math.max(0, w.value));
     const g = s.reduce((w, m) => w + Math.max(0, m.value), 0);
@@ -23401,27 +23405,27 @@ function s2({ state: t }) {
   });
 }
 var h2 = 10, pi = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s = !1, onRowClick: o }) => {
-  const [i, n] = L(!1), [d, h] = L(!1), [p, v] = L(""), [g, w] = L(null), [m, u] = L("asc"), f = s1(() => p.trim() ? t.filter((C) => C.name.toLowerCase().includes(p.toLowerCase())) : t, [t, p]), b = s1(() => {
+  const [i, n] = L(!1), [d, h] = L(!1), [p, v] = L(""), [g, w] = L(null), [m, u] = L("asc"), f = h1(() => p.trim() ? t.filter((C) => C.name.toLowerCase().includes(p.toLowerCase())) : t, [t, p]), b = h1(() => {
     if (!g) return f;
     const C = [...f].sort((N, B) => {
-      const z = g === "name" ? N.name : N.value, Z = g === "name" ? B.name : B.value;
-      return typeof z == "number" && typeof Z == "number" ? z - Z : String(z).localeCompare(String(Z));
+      const z = g === "name" ? N.name : N.value, G = g === "name" ? B.name : B.value;
+      return typeof z == "number" && typeof G == "number" ? z - G : String(z).localeCompare(String(G));
     });
     return m === "asc" ? C : C.reverse();
   }, [
     f,
     g,
     m
-  ]), x = s1(() => d ? [...b] : b.slice(0, h2), [b, d]), y = b.length > h2, M = () => {
+  ]), x = h1(() => d ? [...b] : b.slice(0, h2), [b, d]), y = b.length > h2, M = () => {
     n(!i);
   }, k = E(() => {
     h(!d);
   }, [d]), V = (C) => {
     g === C ? u((N) => N === "asc" ? "desc" : "asc") : (w(C), u("asc"));
-  }, _ = s1(() => /* @__PURE__ */ r("div", {
+  }, _ = h1(() => /* @__PURE__ */ r("div", {
     className: "list-suggestions-list",
     children: [
-      /* @__PURE__ */ e(d1, {
+      /* @__PURE__ */ e(s1, {
         title: a,
         children: /* @__PURE__ */ e("legend", { children: l || "Suggestions" })
       }),
@@ -24090,7 +24094,7 @@ var h2 = 10, pi = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
       label: "Glow",
       value: "glow-effect"
     }
-  ], [f, b] = L(""), [x, y] = L(!1), [M, k] = L(!1), [V, _] = L("all"), C = O(null), N = O(!1), B = a?.trim().toLowerCase() ?? "", z = s1(() => {
+  ], [f, b] = L(""), [x, y] = L(!1), [M, k] = L(!1), [V, _] = L("all"), C = O(null), N = O(!1), B = a?.trim().toLowerCase() ?? "", z = h1(() => {
     let A = c0;
     if (l && l.length > 0) {
       const c1 = new Set(l);
@@ -24128,7 +24132,7 @@ var h2 = 10, pi = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
     V,
     d
   ]);
-  const Z = (A) => {
+  const G = (A) => {
     p(A);
   }, R = (A) => {
     v({
@@ -24216,7 +24220,7 @@ var h2 = 10, pi = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
                 ref: d === A.value ? C : null,
                 type: "button",
                 className: `theme-settings__swatch ${d === A.value ? "theme-settings__swatch--active" : ""}`,
-                onClick: () => Z(A.value),
+                onClick: () => G(A.value),
                 children: [/* @__PURE__ */ r("div", {
                   className: "theme-settings__preview",
                   "data-theme": A.value,
@@ -24516,7 +24520,7 @@ var h2 = 10, pi = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
           children: n.label
         })]
       }, n.key);
-      return n.description ? /* @__PURE__ */ e(d1, {
+      return n.description ? /* @__PURE__ */ e(s1, {
         title: n.description,
         children: d
       }, n.key) : d;
@@ -25401,7 +25405,7 @@ var Si = (t, c, l) => {
   } catch {
     return t.trim();
   }
-}, Nl = "1.0.9", Zi = 213, Hl = "6d1fb76", Sl = "2026-06-25T15:56:55.898Z", Gi = "213", Bl = (t) => {
+}, Nl = "1.0.11", Zi = 217, Hl = "04b6943", Sl = "2026-06-28T14:45:22.478Z", Gi = "217", Bl = (t) => {
   const c = document.getElementById("mb-version-toast");
   if (c) {
     c.remove();
@@ -25425,7 +25429,7 @@ var Si = (t, c, l) => {
   const c = {
     ...t,
     lib: Nl,
-    libBuildNumber: 213,
+    libBuildNumber: 217,
     libCommit: Hl,
     libBuildDate: Sl
   };
@@ -25617,7 +25621,7 @@ export {
   fi as ToggleButtons,
   d2 as ToggleSwitch,
   Ci as Toolbar,
-  d1 as Tooltip,
+  s1 as Tooltip,
   yi as TourHud,
   bi as Tree,
   xi as WHtR,