@memobit/libs 1.0.9 → 1.0.10

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, Z = (S) => {
     if (!t) return !1;
     if (l === "single" && t instanceof Date) return j1(S, t);
     if (l === "range") {
@@ -10909,7 +10909,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     g && x("months");
   }, G = () => {
     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) => {
@@ -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,6 +12348,82 @@ 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(), 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)] });
 }, 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",
@@ -12370,7 +12446,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }, [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));
+    const T = z.current.getBoundingClientRect(), G = Z.current.getBoundingClientRect(), d1 = 16, v1 = 8, U = window.innerHeight - T.bottom - d1, i1 = T.top - d1, n1 = U < G.height && i1 > G.height ? T.top - G.height - v1 : T.bottom + v1, C1 = Math.max(d1, Math.min(n1, window.innerHeight - G.height - d1)), u1 = Math.max(d1, Math.min(T.left, window.innerWidth - G.width - d1));
     B({
       position: "fixed",
       top: `${C1}px`,
@@ -12407,8 +12483,8 @@ 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 G = new Date(T), d1 = s === "12h" ? k ? u % 12 + 12 : u % 12 : u;
+    G.setHours(d1, b, y), c?.(G), 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;
@@ -12590,7 +12666,7 @@ var Ul = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     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([]), G = O(null), d1 = O(null), v1 = g0(), U = i ?? `dropdown-${v1}`;
   F(() => {
     if (!m || !_) B(g);
     else {
@@ -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",
@@ -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);
@@ -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]);
@@ -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",
@@ -14418,19 +14422,19 @@ function pc({ state: t }) {
   });
 }
 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) => {
+  const { isMobile: G } = a0(), [d1, 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) => {
     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,7 +14490,7 @@ 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) => {
@@ -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",
@@ -14695,7 +14699,7 @@ function _a({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
               }),
               i0.map((y1, H0) => /* @__PURE__ */ r("td", {
                 style: D[y1.key] ? { width: D[y1.key] } : void 0,
-                children: [H0 === 0 && L1 && /* @__PURE__ */ e(d1, {
+                children: [H0 === 0 && L1 && /* @__PURE__ */ e(s1, {
                   title: "Pinned",
                   children: /* @__PURE__ */ e(I, {
                     className: "data-view__pin-indicator",
@@ -14820,7 +14824,7 @@ 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(() => {
+  const t1 = h1(() => d0(p, 1), [p]), T = o || m, G = !o && m, d1 = 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));
     b({
@@ -14840,11 +14844,11 @@ var O1 = (t) => {
       });
       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(() => {
+  }, [G, d1]), F(() => {
     if (!G) return;
     const U = (n1) => {
       const C1 = n1.target;
@@ -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]);
@@ -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, {
@@ -15301,7 +15305,7 @@ 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
@@ -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", {
@@ -20932,13 +20936,13 @@ var $c = _1(({ mask: t, value: c, onChange: l, onComplete: a, placeholder: s, la
     }
     if (T.key.length !== 1 || T.ctrlKey || T.metaKey || (T.preventDefault(), B.length >= _)) return;
     const G = T.key;
-    let h1 = 0;
+    let d1 = 0;
     for (const i1 of V) if (i1.type === "token") {
-      if (h1 === B.length) {
+      if (d1 === B.length) {
         if (!R2[i1.key].test(G)) return;
         break;
       }
-      h1++;
+      d1++;
     }
     const { masked: v1, rawAccepted: U } = Z0(B + G, V, w);
     z(U), l?.(U, v1), U.length === _ && a?.(U, v1);
@@ -21735,7 +21739,7 @@ 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;
@@ -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: Z, tableToolbarPos: R, showTableToolbar: $, hideTableToolbar: q, addRowAbove: p1, addRowBelow: A, removeRow: c1, addColumnLeft: t1, addColumnRight: T, removeColumn: G, deleteTable: d1 } = il({
     editorRef: p,
     snapshotForUndo: f,
     emitChange: u
@@ -22962,7 +22966,7 @@ ${s.textContent ?? ""}
             addColumnLeft: t1,
             addColumnRight: T,
             removeColumn: G,
-            deleteTable: h1
+            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,7 +23405,7 @@ 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;
@@ -23412,16 +23416,16 @@ var h2 = 10, pi = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
     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);
@@ -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.10", Zi = 215, Hl = "efac3bb", Sl = "2026-06-28T11:04:43.066Z", Gi = "215", 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: 215,
     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,