@memobit/libs 1.0.45 → 1.0.47

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import u1, { Component as k3, Fragment as _3, createContext as _0, forwardRef as z1, useCallback as P, useContext as L0, useEffect as F, useId as z0, useImperativeHandle as B2, useLayoutEffect as m2, useMemo as g1, useRef as X, useState as z } from "react";
+import g1, { Component as k3, Fragment as _3, createContext as _0, forwardRef as z1, useCallback as Z, useContext as L0, useEffect as F, useId as z0, useImperativeHandle as B2, useLayoutEffect as m2, useMemo as u1, useRef as K, useState as z } from "react";
 import { Fragment as n1, jsx as e, jsxs as c } from "react/jsx-runtime";
 import { createPortal as K1 } from "react-dom";
 var L3 = /* @__PURE__ */ c("svg", {
@@ -9981,7 +9981,7 @@ var L3 = /* @__PURE__ */ c("svg", {
   storm: ot,
   uranus: qt,
   venus: er
-}, Z = ({ className: t = "", fade: r, fadeOnHover: l, name: a, pulse: h, pulseOnHover: d, size: o, spin: m, spinOnHover: i, variant: n }) => /* @__PURE__ */ e("span", {
+}, P = ({ className: t = "", fade: r, fadeOnHover: l, name: a, pulse: h, pulseOnHover: d, size: o, spin: m, spinOnHover: i, variant: n }) => /* @__PURE__ */ e("span", {
   className: [
     "icon",
     o ? `icon--${o}` : "",
@@ -10017,7 +10017,7 @@ var L3 = /* @__PURE__ */ c("svg", {
     })
   });
 }, Cr = ({ id: t, title: r, icon: l, content: a, isExpanded: h, disabled: d = !1, onToggle: o }) => {
-  const m = X(null), i = X(!0);
+  const m = K(null), i = K(!0);
   return F(() => {
     const s = m.current;
     if (s) {
@@ -10045,13 +10045,13 @@ var L3 = /* @__PURE__ */ c("svg", {
       disabled: d,
       children: [/* @__PURE__ */ c("span", {
         className: "accordion-item__title",
-        children: [l && /* @__PURE__ */ e(Z, { name: l }), /* @__PURE__ */ e("span", {
+        children: [l && /* @__PURE__ */ e(P, { name: l }), /* @__PURE__ */ e("span", {
           className: "accordion-item__title-text",
           children: r
         })]
       }), /* @__PURE__ */ e("span", {
         className: "accordion-item__icon",
-        children: /* @__PURE__ */ e(Z, {
+        children: /* @__PURE__ */ e(P, {
           name: "caret-down",
           size: "md"
         })
@@ -10066,7 +10066,7 @@ var L3 = /* @__PURE__ */ c("svg", {
     })]
   });
 }, $2 = (t) => {
-  const r = X(null);
+  const r = K(null);
   F(() => {
     const l = () => {
       if (!r.current) return;
@@ -10098,7 +10098,7 @@ var L3 = /* @__PURE__ */ c("svg", {
 }, T2 = (t) => {
   const { effects: r } = D2();
   return r.effect && r.components.includes(t) ? r.effect : "";
-}, T = u1.forwardRef(({ borders: t = "rounded", children: r, className: l, disabled: a = !1, fullWidth: h = !1, icon: d, iconVariant: o = "default", loading: m = !1, onClick: i, emojiIcon: n, size: s = "medium", style: p, sufixIcon: u, title: g, type: v = "button", variant: w = "default" }, f) => /* @__PURE__ */ e("button", {
+}, T = g1.forwardRef(({ borders: t = "rounded", children: r, className: l, disabled: a = !1, fullWidth: h = !1, icon: d, iconVariant: o = "default", loading: m = !1, onClick: i, emojiIcon: n, size: s = "medium", style: p, sufixIcon: u, title: g, type: v = "button", variant: w = "default" }, f) => /* @__PURE__ */ e("button", {
   ref: f,
   className: `button button-${s} button-${w} ${t === "rounded" ? "button-rounded" : ""} ${h ? "is-full-width" : ""} ${l || ""}`,
   disabled: a,
@@ -10107,14 +10107,14 @@ var L3 = /* @__PURE__ */ c("svg", {
   title: g,
   type: v,
   children: m ? /* @__PURE__ */ c(n1, { children: [/* @__PURE__ */ e("span", { className: "button__spinner" }), /* @__PURE__ */ e("span", { children: r || "Loading..." })] }) : /* @__PURE__ */ c(n1, { children: [
-    d !== void 0 && (typeof d == "string" ? /* @__PURE__ */ e(Z, {
+    d !== void 0 && (typeof d == "string" ? /* @__PURE__ */ e(P, {
       size: "lg",
       name: d,
       variant: o
     }) : d),
     n && /* @__PURE__ */ e("span", { children: n }),
     r && /* @__PURE__ */ e("span", { children: r }),
-    u !== void 0 && (typeof u == "string" ? /* @__PURE__ */ e(Z, {
+    u !== void 0 && (typeof u == "string" ? /* @__PURE__ */ e(P, {
       size: "lg",
       name: u,
       variant: o
@@ -10122,17 +10122,94 @@ var L3 = /* @__PURE__ */ c("svg", {
   ] })
 }));
 T.displayName = "Button";
-var W1 = ({ children: t, className: r, isOpen: l, noPadding: a = !1, onClose: h, onOverlayClick: d, primary: o, secondary: m, size: i = "auto", tertiary: n, title: s, titleIcon: p, usePortal: u = !1 }) => {
+var X = ({ title: t, position: r = "top", delay: l = 200, children: a, disabled: h = !1, className: d = "", maxWidth: o, maxHeight: m }) => {
+  const [i, n] = z(!1), [s, p] = z({
+    top: 0,
+    left: 0
+  }), u = K(null), g = K(null), v = K(null), w = K(null), f = K(!1), y = m !== void 0, b = y ? 150 : 0, C = () => {
+    if (!v.current || !w.current) return;
+    const V = v.current.firstElementChild, S = V && V.getBoundingClientRect().width > 0 ? V.getBoundingClientRect() : v.current.getBoundingClientRect(), _ = w.current.getBoundingClientRect(), R = 8;
+    let B = 0, E = 0;
+    switch (r) {
+      case "top":
+        B = S.top - _.height - R, E = S.left + S.width / 2 - _.width / 2;
+        break;
+      case "bottom":
+        B = S.bottom + R, E = S.left + S.width / 2 - _.width / 2;
+        break;
+      case "left":
+        B = S.top + S.height / 2 - _.height / 2, E = S.left - _.width - R;
+        break;
+      case "right":
+        B = S.top + S.height / 2 - _.height / 2, E = S.right + R;
+        break;
+    }
+    const O = 8;
+    E < O && (E = O), E + _.width > window.innerWidth - O && (E = window.innerWidth - _.width - O), B < O && (B = O), B + _.height > window.innerHeight - O && (B = window.innerHeight - _.height - O), p({
+      top: B,
+      left: E
+    });
+  }, x = () => {
+    h || f.current || (g.current && (clearTimeout(g.current), g.current = null), u.current = setTimeout(() => {
+      n(!0);
+    }, l));
+  }, k = () => {
+    f.current || (u.current && clearTimeout(u.current), b > 0 ? g.current = setTimeout(() => n(!1), b) : n(!1));
+  }, H = (V) => {
+    V.pointerType !== "touch" && V.pointerType !== "pen" || h || (f.current = !0, u.current && (clearTimeout(u.current), u.current = null), V.stopPropagation(), n((S) => !S));
+  };
+  F(() => (i && (C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C)), () => {
+    window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C);
+  }), [i]), F(() => {
+    if (!i) return;
+    const V = (S) => {
+      v.current?.contains(S.target) || w.current?.contains(S.target) || n(!1);
+    };
+    return document.addEventListener("pointerdown", V), () => {
+      document.removeEventListener("pointerdown", V), f.current = !1;
+    };
+  }, [i]), F(() => () => {
+    u.current && clearTimeout(u.current), g.current && clearTimeout(g.current);
+  }, []);
+  const L = () => {
+    y && g.current && (clearTimeout(g.current), g.current = null);
+  }, M = () => {
+    y && (g.current = setTimeout(() => n(!1), b));
+  };
+  return /* @__PURE__ */ c(n1, { children: [/* @__PURE__ */ e("span", {
+    ref: v,
+    className: "tooltip-trigger",
+    onMouseEnter: x,
+    onMouseLeave: k,
+    onFocus: x,
+    onBlur: k,
+    onPointerDown: H,
+    children: a
+  }), i && t && K1(/* @__PURE__ */ c("div", {
+    ref: w,
+    className: `tooltip tooltip--${r} ${y ? "tooltip--scrollable" : ""} ${d}`,
+    style: {
+      top: `${s.top}px`,
+      left: `${s.left}px`,
+      ...o !== void 0 && { maxWidth: typeof o == "number" ? `${o}px` : o },
+      ...m !== void 0 && { maxHeight: typeof m == "number" ? `${m}px` : m }
+    },
+    onMouseEnter: L,
+    onMouseLeave: M,
+    children: [t, /* @__PURE__ */ e("div", { className: `tooltip__arrow tooltip__arrow--${r}` })]
+  }), document.body)] });
+}, W1 = ({ children: t, className: r, isOpen: l, noPadding: a = !1, onClose: h, onOverlayClick: d, primary: o, secondary: m, size: i = "auto", tertiary: n, title: s, titleIcon: p, usePortal: u = !1 }) => {
   const g = T2("Modal");
   $2(l);
-  const v = X(null), w = X(null);
+  const v = K(null), w = K(null);
   if (F(() => {
+    if (!l) return;
     const b = (C) => {
-      C.key === "Escape" && h && h();
-    };
-    return l && document.addEventListener("keydown", b), () => {
-      document.removeEventListener("keydown", b);
+      if (C.key !== "Escape" || !h) return;
+      const x = document.querySelectorAll(".modal-overlay");
+      x[x.length - 1] === w.current && (C.stopPropagation(), h());
     };
+    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
   }, [l, h]), !l) return null;
   const f = o || m || n, y = /* @__PURE__ */ e("div", {
     ref: w,
@@ -10146,16 +10223,18 @@ var W1 = ({ children: t, className: r, isOpen: l, noPadding: a = !1, onClose: h,
         /* @__PURE__ */ c("div", {
           className: "modal__header",
           children: [/* @__PURE__ */ c("h2", { children: [
-            p ? /* @__PURE__ */ e(Z, { name: p }) : null,
+            p ? /* @__PURE__ */ e(P, { name: p }) : null,
             " ",
             s
-          ] }), /* @__PURE__ */ e(T, {
-            className: "modal__close",
-            icon: "clear",
-            onClick: h,
-            size: "medium",
+          ] }), /* @__PURE__ */ e(X, {
             title: "Close modal",
-            variant: "ghost"
+            children: /* @__PURE__ */ e(T, {
+              className: "modal__close",
+              icon: "clear",
+              onClick: h,
+              size: "medium",
+              variant: "ghost"
+            })
           })]
         }),
         t != null && /* @__PURE__ */ e("div", {
@@ -10258,7 +10337,7 @@ var W1 = ({ children: t, className: r, isOpen: l, noPadding: a = !1, onClose: h,
     }),
     r && /* @__PURE__ */ e("span", {
       className: "app-header__icon",
-      children: /* @__PURE__ */ e(Z, { name: r })
+      children: /* @__PURE__ */ e(P, { name: r })
     }),
     /* @__PURE__ */ c("div", {
       className: "app-header__copy",
@@ -10349,92 +10428,18 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     onKeyDown: o ? (u) => {
       (u.key === "Enter" || u.key === " ") && (u.preventDefault(), o(u));
     } : void 0,
-    children: [r, m && /* @__PURE__ */ e("button", {
-      className: "badge__clear",
-      onClick: (u) => {
-        u.stopPropagation(), m();
-      },
-      type: "button",
+    children: [r, m && /* @__PURE__ */ e(X, {
       title: "Remove",
-      children: "×"
+      children: /* @__PURE__ */ e("button", {
+        className: "badge__clear",
+        onClick: (u) => {
+          u.stopPropagation(), m();
+        },
+        type: "button",
+        children: "×"
+      })
     })]
   });
-}, J = ({ title: t, position: r = "top", delay: l = 200, children: a, disabled: h = !1, className: d = "", maxWidth: o, maxHeight: m }) => {
-  const [i, n] = z(!1), [s, p] = z({
-    top: 0,
-    left: 0
-  }), u = X(null), g = X(null), v = X(null), w = X(null), f = X(!1), y = m !== void 0, b = y ? 150 : 0, C = () => {
-    if (!v.current || !w.current) return;
-    const V = v.current.firstElementChild, S = V && V.getBoundingClientRect().width > 0 ? V.getBoundingClientRect() : v.current.getBoundingClientRect(), _ = w.current.getBoundingClientRect(), R = 8;
-    let B = 0, E = 0;
-    switch (r) {
-      case "top":
-        B = S.top - _.height - R, E = S.left + S.width / 2 - _.width / 2;
-        break;
-      case "bottom":
-        B = S.bottom + R, E = S.left + S.width / 2 - _.width / 2;
-        break;
-      case "left":
-        B = S.top + S.height / 2 - _.height / 2, E = S.left - _.width - R;
-        break;
-      case "right":
-        B = S.top + S.height / 2 - _.height / 2, E = S.right + R;
-        break;
-    }
-    const O = 8;
-    E < O && (E = O), E + _.width > window.innerWidth - O && (E = window.innerWidth - _.width - O), B < O && (B = O), B + _.height > window.innerHeight - O && (B = window.innerHeight - _.height - O), p({
-      top: B,
-      left: E
-    });
-  }, x = () => {
-    h || f.current || (g.current && (clearTimeout(g.current), g.current = null), u.current = setTimeout(() => {
-      n(!0);
-    }, l));
-  }, k = () => {
-    f.current || (u.current && clearTimeout(u.current), b > 0 ? g.current = setTimeout(() => n(!1), b) : n(!1));
-  }, H = (V) => {
-    V.pointerType !== "touch" && V.pointerType !== "pen" || h || (f.current = !0, u.current && (clearTimeout(u.current), u.current = null), V.stopPropagation(), n((S) => !S));
-  };
-  F(() => (i && (C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C)), () => {
-    window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C);
-  }), [i]), F(() => {
-    if (!i) return;
-    const V = (S) => {
-      v.current?.contains(S.target) || w.current?.contains(S.target) || n(!1);
-    };
-    return document.addEventListener("pointerdown", V), () => {
-      document.removeEventListener("pointerdown", V), f.current = !1;
-    };
-  }, [i]), F(() => () => {
-    u.current && clearTimeout(u.current), g.current && clearTimeout(g.current);
-  }, []);
-  const L = () => {
-    y && g.current && (clearTimeout(g.current), g.current = null);
-  }, M = () => {
-    y && (g.current = setTimeout(() => n(!1), b));
-  };
-  return /* @__PURE__ */ c(n1, { children: [/* @__PURE__ */ e("span", {
-    ref: v,
-    className: "tooltip-trigger",
-    onMouseEnter: x,
-    onMouseLeave: k,
-    onFocus: x,
-    onBlur: k,
-    onPointerDown: H,
-    children: a
-  }), i && t && K1(/* @__PURE__ */ c("div", {
-    ref: w,
-    className: `tooltip tooltip--${r} ${y ? "tooltip--scrollable" : ""} ${d}`,
-    style: {
-      top: `${s.top}px`,
-      left: `${s.left}px`,
-      ...o !== void 0 && { maxWidth: typeof o == "number" ? `${o}px` : o },
-      ...m !== void 0 && { maxHeight: typeof m == "number" ? `${m}px` : m }
-    },
-    onMouseEnter: L,
-    onMouseLeave: M,
-    children: [t, /* @__PURE__ */ e("div", { className: `tooltip__arrow tooltip__arrow--${r}` })]
-  }), document.body)] });
 }, La = ({ action: t, secondaryAction: r, className: l = "", description: a, dismissLabel: h = "Dismiss", onDismiss: d, showDismiss: o = !0, title: m, variant: i = "default" }) => {
   const [n, s] = z(!1), p = t?.variant || (i === "default" ? "default" : i);
   if (n) return null;
@@ -10468,13 +10473,13 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
           children: r.text
         })]
       })]
-    }), o && /* @__PURE__ */ e(J, {
+    }), o && /* @__PURE__ */ e(X, {
       title: h,
       children: /* @__PURE__ */ e("button", {
         className: "banner__dismiss",
         type: "button",
         onClick: u,
-        children: /* @__PURE__ */ e(Z, {
+        children: /* @__PURE__ */ e(P, {
           name: "clear",
           size: "sm"
         })
@@ -10962,7 +10967,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
   }), [y, b] = z("days"), [C, x] = z(() => {
     const A = (s ?? w).getFullYear();
     return Math.floor(A / O1) * O1;
-  }), [k, H] = z(null), L = s ?? w, M = g ?? k, V = g1(() => Br(L.getFullYear(), L.getMonth(), o), [L, o]), S = o === 1 ? Tr : Dr, _ = (A) => a && j0(A, a) || h && Er(A, h) ? !0 : d ? typeof d == "function" ? d(A) : d.some((j) => q1(j, A)) : !1, R = (A) => {
+  }), [k, H] = z(null), L = s ?? w, M = g ?? k, V = u1(() => Br(L.getFullYear(), L.getMonth(), o), [L, o]), S = o === 1 ? Tr : Dr, _ = (A) => a && j0(A, a) || h && Er(A, h) ? !0 : d ? typeof d == "function" ? d(A) : d.some((j) => q1(j, A)) : !1, R = (A) => {
     if (!t) return !1;
     if (l === "single" && t instanceof Date) return q1(A, t);
     if (l === "range") {
@@ -11008,7 +11013,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     u && b("months");
   }, D = () => {
     u && (x(Math.floor(L.getFullYear() / O1) * O1), b("years"));
-  }, Q = (A) => {
+  }, J = (A) => {
     const j = new Date(L.getFullYear(), A, 1);
     p ? p(j) : f(j), b("days");
   }, h1 = (A) => {
@@ -11034,7 +11039,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
   }, I1 = () => y === "years" ? /* @__PURE__ */ c("div", {
     className: "calendar__header",
     children: [
-      /* @__PURE__ */ e(J, {
+      /* @__PURE__ */ e(X, {
         title: "Previous years",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -11051,7 +11056,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
           C + O1 - 1
         ]
       }),
-      /* @__PURE__ */ e(J, {
+      /* @__PURE__ */ e(X, {
         title: "Next years",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -11064,7 +11069,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
   }) : y === "months" ? /* @__PURE__ */ c("div", {
     className: "calendar__header",
     children: [
-      /* @__PURE__ */ e(J, {
+      /* @__PURE__ */ e(X, {
         title: "Previous year",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -11079,7 +11084,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
         onClick: D,
         children: L.getFullYear()
       }),
-      /* @__PURE__ */ e(J, {
+      /* @__PURE__ */ e(X, {
         title: "Next year",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -11092,7 +11097,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
   }) : /* @__PURE__ */ c("div", {
     className: "calendar__header",
     children: [
-      /* @__PURE__ */ e(J, {
+      /* @__PURE__ */ e(X, {
         title: "Previous month",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -11118,7 +11123,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
           children: L.getFullYear()
         })] })
       }),
-      /* @__PURE__ */ e(J, {
+      /* @__PURE__ */ e(X, {
         title: "Next month",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -11146,7 +11151,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
       children: W0.map((x1, M1) => /* @__PURE__ */ e("button", {
         type: "button",
         className: `calendar__month-item ${M1 === a1 && m1 === L.getFullYear() ? "calendar__month-item--selected" : ""} ${M1 === A && j === L.getFullYear() ? "calendar__month-item--current" : ""}`,
-        onClick: () => Q(M1),
+        onClick: () => J(M1),
         children: x1.substring(0, 3)
       }, x1))
     });
@@ -11288,13 +11293,13 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
         className: `${u ? "card-content-hidden" : ""}`,
         children: [/* @__PURE__ */ c("span", {
           className: "card-title-content",
-          children: [a && /* @__PURE__ */ e(Z, { name: a }), s]
+          children: [a && /* @__PURE__ */ e(P, { name: a }), s]
         }), d && /* @__PURE__ */ e("span", {
           className: "collapsible-button",
           onClick: () => g(!u),
           children: /* @__PURE__ */ e("span", {
             className: `opener-button ${u ? "opener-button-extended" : ""}`,
-            children: /* @__PURE__ */ e(Z, {
+            children: /* @__PURE__ */ e(P, {
               name: "caret-up",
               size: "lg"
             })
@@ -11312,7 +11317,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     ]
   });
 }, c0 = ({ checked: t = !1, onChange: r, label: l, icon: a, disabled: h = !1, id: d, indeterminate: o = !1 }) => {
-  const m = z0(), i = d || m, n = X(null);
+  const m = z0(), i = d || m, n = K(null);
   return F(() => {
     n.current && (n.current.indeterminate = o && !t);
   }, [o, t]), /* @__PURE__ */ c("div", {
@@ -11330,7 +11335,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
       className: "checkbox-label",
       children: [/* @__PURE__ */ e("span", { className: "checkbox-box" }), (a || l) && /* @__PURE__ */ c("span", {
         className: "checkbox-text",
-        children: [a && /* @__PURE__ */ e(Z, { name: a }), l && /* @__PURE__ */ e("span", {
+        children: [a && /* @__PURE__ */ e(P, { name: a }), l && /* @__PURE__ */ e("span", {
           className: "checkbox-text-label",
           children: l
         })]
@@ -11349,7 +11354,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
       className: "chip__swatch",
       style: { backgroundColor: l }
     }),
-    d && /* @__PURE__ */ e(Z, { name: d }),
+    d && /* @__PURE__ */ e(P, { name: d }),
     /* @__PURE__ */ e("span", {
       className: "chip__label",
       children: t
@@ -11373,7 +11378,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
         /* @__PURE__ */ c("div", {
           className: "collapsible-section__label",
           children: [
-            a && /* @__PURE__ */ e(Z, {
+            a && /* @__PURE__ */ e(P, {
               name: a,
               variant: w
             }),
@@ -11381,10 +11386,10 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
             m
           ]
         }),
-        s && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(Z, { name: s }) }),
+        s && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(P, { name: s }) }),
         /* @__PURE__ */ e("span", {
           className: `collapsible-section__icon ${x ? "collapsible-section__icon--collapsed" : ""}`,
-          children: /* @__PURE__ */ e(Z, { name: "caret-up" })
+          children: /* @__PURE__ */ e(P, { name: "caret-up" })
         }),
         /* @__PURE__ */ e("span", {
           className: "collapsible-section__right-details",
@@ -11398,7 +11403,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
           /* @__PURE__ */ c("span", {
             className: "collapsible-section__label",
             children: [
-              a && /* @__PURE__ */ e(Z, {
+              a && /* @__PURE__ */ e(P, {
                 name: a,
                 variant: w
               }),
@@ -11406,10 +11411,10 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
               m
             ]
           }),
-          s && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(Z, { name: s }) }),
+          s && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(P, { name: s }) }),
           /* @__PURE__ */ e("span", {
             className: `collapsible-section__icon ${x ? "collapsible-section__icon--collapsed" : ""}`,
-            children: /* @__PURE__ */ e(Z, { name: "caret-up" })
+            children: /* @__PURE__ */ e(P, { name: "caret-up" })
           })
         ]
       })
@@ -11566,7 +11571,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
       b: 167
     };
     return j1(g);
-  }), o = X(null);
+  }), o = K(null);
   F(() => {
     const g = U0(t);
     g && d(j1(g));
@@ -11771,10 +11776,10 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
   ]), F(() => {
     n || i("");
   }, [n]);
-  const s = g1(() => {
+  const s = u1(() => {
     const g = m.trim().toLowerCase();
     return g ? t.filter((v) => [v.label, ...v.keywords ?? []].join(" ").toLowerCase().includes(g)) : t;
-  }, [t, m]), p = g1(() => s.reduce((g, v) => {
+  }, [t, m]), p = u1(() => s.reduce((g, v) => {
     const w = v.group || "General";
     return g[w] = g[w] ? [...g[w], v] : [v], g;
   }, {}), [s]), u = () => {
@@ -11939,15 +11944,15 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
   }
   t.restore();
 }, Ua = z1(({ colors: t, duration: r = 3e3, scope: l = "fullscreen", variant: a = "confetti", particleCount: h }, d) => {
-  const o = X(null), m = X(0), i = X(0), n = X(!1), s = {
+  const o = K(null), m = K(0), i = K(0), n = K(!1), s = {
     confetti: 150,
     burst: 200,
     fireworks: 8
-  }, p = P(() => {
+  }, p = Z(() => {
     n.current = !1, cancelAnimationFrame(m.current);
     const g = o.current;
     g && g.getContext("2d")?.clearRect(0, 0, g.width, g.height);
-  }, []), u = P(() => {
+  }, []), u = Z(() => {
     const g = o.current;
     if (!g || n.current) return;
     const v = g.getContext("2d");
@@ -12061,11 +12066,11 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     getAnchorEl: (m) => t[m]?.anchorEl || null
   };
 }, R1 = 20, Yr = 8, P2 = ({ children: t, visible: r, onClose: l, anchorEl: a, offset: h = Yr, placement: d = "auto" }) => {
-  const o = X(null), m = X(null), [i, n] = z({
+  const o = K(null), m = K(null), [i, n] = z({
     top: 0,
     left: 0,
     placement: "bottom"
-  }), s = P(() => {
+  }), s = Z(() => {
     if (!a || !o.current || !r) return;
     const p = a.getBoundingClientRect(), u = o.current.getBoundingClientRect(), g = {
       width: window.innerWidth,
@@ -12170,7 +12175,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
       children: [
         (a || d) && /* @__PURE__ */ c("div", {
           className: "confirm-popover__header",
-          children: [d && /* @__PURE__ */ e(Z, { name: d }), a && /* @__PURE__ */ e("span", {
+          children: [d && /* @__PURE__ */ e(P, { name: d }), a && /* @__PURE__ */ e("span", {
             className: "confirm-popover__title",
             children: a
           })]
@@ -12199,7 +12204,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     })
   });
 }, Xr = ({ target: t, onClose: r, children: l, autoClose: a = !1 }) => {
-  const h = X(null), [d, o] = z(!1), [m, i] = z(() => {
+  const h = K(null), [d, o] = z(!1), [m, i] = z(() => {
     if (!t) return { opacity: 0 };
     const s = t.getBoundingClientRect();
     return {
@@ -12274,12 +12279,12 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
         className: "toast__action-button",
         children: a.label
       }),
-      d && /* @__PURE__ */ e(J, {
+      d && /* @__PURE__ */ e(X, {
         title: "Close",
         children: /* @__PURE__ */ e("button", {
           onClick: n,
           className: "toast__close-button",
-          children: /* @__PURE__ */ e(Z, {
+          children: /* @__PURE__ */ e(P, {
             name: "clear",
             size: "sm"
           })
@@ -12302,22 +12307,26 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     }, h.id))
   });
 }, qa = ({ children: t }) => {
-  const [r, l] = z([]), d = {
+  const [r, l] = z([]), a = Z((o) => {
+    l((m) => m.filter((i) => i.id !== o));
+  }, []), h = Z((o, m = "info", i = 1500, n) => {
+    const s = `${Date.now().toString()}-${Math.random().toString(36).slice(2, 8)}`;
+    return l((p) => [...p, {
+      id: s,
+      message: o,
+      type: m,
+      timeout: i,
+      action: n
+    }]), s;
+  }, []), d = u1(() => ({
     toasts: r,
-    addToast: (o, m = "info", i = 1500, n) => {
-      const s = Date.now().toString();
-      return l((p) => [...p, {
-        id: s,
-        message: o,
-        type: m,
-        timeout: i,
-        action: n
-      }]), s;
-    },
-    removeToast: (o) => {
-      l((m) => m.filter((i) => i.id !== o));
-    }
-  };
+    addToast: h,
+    removeToast: a
+  }), [
+    r,
+    h,
+    a
+  ]);
   return /* @__PURE__ */ e(j2.Provider, {
     value: d,
     children: t
@@ -12354,7 +12363,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
   "desktop",
   "largeDesktop"
 ].indexOf(t), g0 = () => {
-  const [t, r] = z(Y0), l = P((o) => Y1(t) > Y1(o), [t]), a = P((o) => Y1(t) < Y1(o), [t]), h = P((o) => Y1(t) >= Y1(o), [t]), d = P((o) => Y1(t) <= Y1(o), [t]);
+  const [t, r] = z(Y0), l = Z((o) => Y1(t) > Y1(o), [t]), a = Z((o) => Y1(t) < Y1(o), [t]), h = Z((o) => Y1(t) >= Y1(o), [t]), d = Z((o) => Y1(t) <= Y1(o), [t]);
   return F(() => {
     if (typeof window > "u") return;
     const o = Object.entries(Jr).map(([i, n]) => ({
@@ -12386,7 +12395,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
   if (!t) throw new Error("useControlPanel must be used within a ControlPanelProvider");
   return t;
 }, Ka = ({ children: t }) => {
-  const { isMobile: r } = g0(), [l, a] = z(!1), h = P(() => a((i) => !i), []), d = P(() => a(!0), []), o = P(() => a(!1), []), m = g1(() => ({
+  const { isMobile: r } = g0(), [l, a] = z(!1), h = Z(() => a((i) => !i), []), d = Z(() => a(!0), []), o = Z(() => a(!1), []), m = u1(() => ({
     isMobile: r,
     isOpen: l,
     toggle: h,
@@ -12407,7 +12416,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
   const [g, v] = z(!1), [w, f] = z(0), [y, b] = z(0), [C, x] = z(0), [k, H] = z(!1), [L, M] = z(null), [V, S] = z({
     position: "fixed",
     visibility: "hidden"
-  }), _ = X(null), R = X(null);
+  }), _ = K(null), R = K(null);
   F(() => {
     a && t instanceof Date && (f(h === "12h" ? t.getHours() % 12 || 12 : t.getHours()), b(t.getMinutes()), x(t.getSeconds()), H(t.getHours() >= 12));
   }, [
@@ -12423,9 +12432,9 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     };
     return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
   }, [p, B]);
-  const E = P(() => {
+  const E = Z(() => {
     if (p || !B || !_.current || !R.current) return;
-    const I = _.current.getBoundingClientRect(), D = R.current.getBoundingClientRect(), Q = 16, h1 = 8, U = window.innerHeight - I.bottom - Q, d1 = I.top - Q, v1 = U < D.height && d1 > D.height ? I.top - D.height - h1 : I.bottom + h1, y1 = Math.max(Q, Math.min(v1, window.innerHeight - D.height - Q)), _1 = Math.max(Q, Math.min(I.left, window.innerWidth - D.width - Q));
+    const I = _.current.getBoundingClientRect(), D = R.current.getBoundingClientRect(), J = 16, h1 = 8, U = window.innerHeight - I.bottom - J, d1 = I.top - J, v1 = U < D.height && d1 > D.height ? I.top - D.height - h1 : I.bottom + h1, y1 = Math.max(J, Math.min(v1, window.innerHeight - D.height - J)), _1 = Math.max(J, Math.min(I.left, window.innerWidth - D.width - J));
     S({
       position: "fixed",
       top: `${y1}px`,
@@ -12462,8 +12471,8 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
       r?.(I), s && l !== "multiple" && !p && v(!1);
       return;
     }
-    const D = new Date(I), Q = h === "12h" ? k ? w % 12 + 12 : w % 12 : w;
-    D.setHours(Q, y, C), r?.(D), s && !p && v(!1);
+    const D = new Date(I), J = h === "12h" ? k ? w % 12 + 12 : w % 12 : w;
+    D.setHours(J, y, C), r?.(D), s && !p && v(!1);
   }, N = () => {
     if (!t || !(t instanceof Date)) return;
     const I = new Date(t), D = h === "12h" ? k ? w % 12 + 12 : w % 12 : w;
@@ -12484,7 +12493,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
         children: t1 || m
       }), /* @__PURE__ */ c("div", {
         className: "datepicker__actions",
-        children: [n && t1 && /* @__PURE__ */ e(J, {
+        children: [n && t1 && /* @__PURE__ */ e(X, {
           title: "Clear",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -12494,7 +12503,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
           })
         }), /* @__PURE__ */ e("span", {
           className: "datepicker__icon",
-          children: /* @__PURE__ */ e(Z, { name: "calendar" })
+          children: /* @__PURE__ */ e(P, { name: "calendar" })
         })]
       })]
     }), B && (p ? /* @__PURE__ */ c("div", {
@@ -12649,7 +12658,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     left: 0,
     width: 0,
     maxHeight: 300
-  }), [D, Q] = z(!1), h1 = X(null), U = X([]), d1 = X(null), v1 = X(null), y1 = z0(), _1 = o ?? `dropdown-${y1}`, C1 = X(null);
+  }), [D, J] = z(!1), h1 = K(null), U = K([]), d1 = K(null), v1 = K(null), y1 = z0(), _1 = o ?? `dropdown-${y1}`, C1 = K(null);
   F(() => {
     if (V && x && s) {
       const W = new Set(N.map((c1) => c1.value)), G = [], Y = [];
@@ -12674,7 +12683,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     f,
     V
   ]);
-  const I1 = X(L);
+  const I1 = K(L);
   F(() => {
     const W = I1.current;
     I1.current = L;
@@ -12729,7 +12738,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     const W = () => {
       if (!h1.current) return;
       const Y = h1.current.getBoundingClientRect(), c1 = window.visualViewport, F1 = c1?.offsetTop ?? 0, N0 = F1 + (c1?.height ?? window.innerHeight), P1 = 300, D0 = 8, w0 = N0 - Y.bottom, f0 = Y.top - F1, n0 = w0 < P1 && f0 > w0;
-      if (Q(n0), H) {
+      if (J(n0), H) {
         const T0 = Math.max(0, (n0 ? f0 : w0) - D0);
         I({
           top: Y.bottom,
@@ -12909,9 +12918,9 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
                   className: "dropdown-option-prefix",
                   children: G.prefix
                 }),
-                G.icon && /* @__PURE__ */ e(Z, { name: G.icon }),
+                G.icon && /* @__PURE__ */ e(P, { name: G.icon }),
                 /* @__PURE__ */ e("span", { children: G.label }),
-                G.suffixIcon && /* @__PURE__ */ e(Z, { name: G.suffixIcon })
+                G.suffixIcon && /* @__PURE__ */ e(P, { name: G.suffixIcon })
               ]
             }), G.details && /* @__PURE__ */ e("span", {
               className: "dropdown-option-details",
@@ -12929,7 +12938,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
             className: "dropdown-option-content",
             children: /* @__PURE__ */ c("span", {
               className: "dropdown-option-label",
-              children: [/* @__PURE__ */ e(Z, { name: "plus" }), /* @__PURE__ */ c("span", { children: [
+              children: [/* @__PURE__ */ e(P, { name: "plus" }), /* @__PURE__ */ c("span", { children: [
                 "Create “",
                 _,
                 "”"
@@ -12958,12 +12967,12 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
         children: [
           U1 && L1?.icon && /* @__PURE__ */ e("span", {
             className: "dropdown-selected-icon dropdown-selected-icon--prefix",
-            children: /* @__PURE__ */ e(Z, { name: L1.icon })
+            children: /* @__PURE__ */ e(P, { name: L1.icon })
           }),
           D1 && L1 && /* @__PURE__ */ c("span", {
             className: "dropdown-value-chip",
             onClick: m1,
-            children: [L1.icon && /* @__PURE__ */ e(Z, { name: L1.icon }), /* @__PURE__ */ e("span", {
+            children: [L1.icon && /* @__PURE__ */ e(P, { name: L1.icon }), /* @__PURE__ */ e("span", {
               className: "dropdown-value-chip__label",
               children: L1.label
             })]
@@ -12973,15 +12982,17 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
             children: [/* @__PURE__ */ e("span", {
               className: "dropdown-chip__label",
               children: W.label
-            }), /* @__PURE__ */ e("button", {
-              type: "button",
-              className: "dropdown-chip__remove",
+            }), /* @__PURE__ */ e(X, {
               title: "Remove",
-              disabled: a,
-              onClick: (G) => {
-                G.stopPropagation(), A(W);
-              },
-              children: e2
+              children: /* @__PURE__ */ e("button", {
+                type: "button",
+                className: "dropdown-chip__remove",
+                disabled: a,
+                onClick: (G) => {
+                  G.stopPropagation(), A(W);
+                },
+                children: e2
+              })
             })]
           }, `dd-chip-${W.value}`)),
           /* @__PURE__ */ e(V1, {
@@ -13002,7 +13013,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
             children: [
               J1 && L1?.suffixIcon && /* @__PURE__ */ e("span", {
                 className: "dropdown-selected-icon dropdown-selected-icon--suffix",
-                children: /* @__PURE__ */ e(Z, { name: L1.suffixIcon })
+                children: /* @__PURE__ */ e(P, { name: L1.suffixIcon })
               }),
               (!s && N.length > 0 || s && N.length > 0) && /* @__PURE__ */ e("span", {
                 className: "dropdown-action-button dropdown-clear-button",
@@ -13039,7 +13050,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     ]
   });
 }, rc = z1(({ autoComplete: t = "on", autoFocus: r, clearable: l, disabled: a, error: h, highlighted: d, id: o, label: m, max: i, min: n, onBlur: s, onChange: p, onClick: u, onKeyDown: g, onKeyUp: v, readOnly: w = !1, required: f = !1, success: y, type: b = "date", value: C }, x) => {
-  const k = l && C && !a && !w, H = X(null);
+  const k = l && C && !a && !w, H = K(null);
   return /* @__PURE__ */ c("div", {
     className: `input-date-wrapper${d ? " input-date-highlighted" : ""}`,
     children: [
@@ -13075,18 +13086,18 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
           required: f
         }), /* @__PURE__ */ c("div", {
           className: "input-date-actions",
-          children: [k && /* @__PURE__ */ e(J, {
+          children: [k && /* @__PURE__ */ e(X, {
             title: "Clear date",
             children: /* @__PURE__ */ e("button", {
               type: "button",
               className: "input-date-clear",
               onClick: () => p?.(void 0),
-              children: /* @__PURE__ */ e(Z, {
+              children: /* @__PURE__ */ e(P, {
                 name: "clear",
                 size: "sm"
               })
             })
-          }), /* @__PURE__ */ e(J, {
+          }), /* @__PURE__ */ e(X, {
             title: "Open calendar",
             children: /* @__PURE__ */ e("button", {
               type: "button",
@@ -13097,7 +13108,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
               },
               disabled: a || w,
               tabIndex: -1,
-              children: /* @__PURE__ */ e(Z, {
+              children: /* @__PURE__ */ e(P, {
                 name: "calendar",
                 size: "sm"
               })
@@ -13124,7 +13135,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     children: [
       /* @__PURE__ */ e("div", {
         className: "input-search__icon",
-        children: /* @__PURE__ */ e(Z, { name: "search" })
+        children: /* @__PURE__ */ e(P, { name: "search" })
       }),
       /* @__PURE__ */ e(V1, {
         autoComplete: t,
@@ -13143,13 +13154,13 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
         value: g,
         ref: w
       }),
-      y && /* @__PURE__ */ e(J, {
+      y && /* @__PURE__ */ e(X, {
         title: "Clear search",
         children: /* @__PURE__ */ e("button", {
           type: "button",
           className: "input-search__clear",
           onClick: f,
-          children: /* @__PURE__ */ e(Z, {
+          children: /* @__PURE__ */ e(P, {
             name: "clear",
             size: "sm"
           })
@@ -13218,7 +13229,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
   }
   return null;
 }, lc = ({ align: t = "left", icon: r = "star", maxRate: l = 10, onHover: a, onHoverEnd: h, onSelect: d, rating: o, selectable: m = !1, showValue: i = !0, useHalf: n = !1, variant: s = "warning" }) => {
-  const p = P((u) => {
+  const p = Z((u) => {
     m && !n && d?.(u + 1);
   }, [
     m,
@@ -13367,7 +13378,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     className: `control-panel__filter-title${t.isActive ? " control-panel__filter-title--active" : ""}`,
     children: [
       t.isActive && /* @__PURE__ */ e("span", { className: "control-panel__filter-active-dot" }),
-      t.icon && /* @__PURE__ */ e(Z, { name: t.icon }),
+      t.icon && /* @__PURE__ */ e(P, { name: t.icon }),
       t.label
     ]
   });
@@ -13390,7 +13401,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
         }),
         /* @__PURE__ */ e("span", {
           className: "control-panel__filter-caret",
-          children: /* @__PURE__ */ e(Z, { name: h ? "caret-up" : "caret-down" })
+          children: /* @__PURE__ */ e(P, { name: h ? "caret-up" : "caret-down" })
         })
       ]
     }) : t.type !== "checkbox" && m, (!a || h) && /* @__PURE__ */ e(hc, {
@@ -13575,7 +13586,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
                 className: "control-panel__filter-swatch",
                 style: { backgroundColor: o.color }
               }),
-              o.icon && /* @__PURE__ */ e(Z, { name: o.icon }),
+              o.icon && /* @__PURE__ */ e(P, { name: o.icon }),
               /* @__PURE__ */ e("span", {
                 className: "control-panel__filter-label",
                 children: o.label
@@ -13721,7 +13732,7 @@ function F2(t, r, l, a = 0) {
           s.stopPropagation(), t.onOpenChange?.(!o, t);
         },
         type: "button",
-        children: /* @__PURE__ */ e(Z, { name: "caret-right" })
+        children: /* @__PURE__ */ e(P, { name: "caret-right" })
       }) : /* @__PURE__ */ e("span", { className: "control-panel__nav-toggle-placeholder" })), /* @__PURE__ */ c("button", {
         className: m,
         onClick: () => {
@@ -13736,7 +13747,7 @@ function F2(t, r, l, a = 0) {
           t.icon ? /* @__PURE__ */ e("span", {
             className: "control-panel__nav-icon",
             style: t.color ? { color: t.color } : void 0,
-            children: /* @__PURE__ */ e(Z, { name: t.icon })
+            children: /* @__PURE__ */ e(P, { name: t.icon })
           }) : t.color && /* @__PURE__ */ e("span", {
             className: "control-panel__nav-dot",
             style: { backgroundColor: t.color }
@@ -13878,7 +13889,7 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
         children: o.label
       }), o.options.map((i, n) => {
         const s = n > 0 ? o.options[n - 1] : void 0, p = !!s && s.type !== i.type;
-        return /* @__PURE__ */ c(u1.Fragment, { children: [p && /* @__PURE__ */ e(h0, { spacing: 0 }), /* @__PURE__ */ c("div", {
+        return /* @__PURE__ */ c(g1.Fragment, { children: [p && /* @__PURE__ */ e(h0, { spacing: 0 }), /* @__PURE__ */ c("div", {
           className: `control-panel__option control-panel__option--${i.type}`,
           children: [
             i.type === "checkbox" && /* @__PURE__ */ e(d0, {
@@ -13916,7 +13927,7 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
                         type: "radio",
                         value: u.value
                       }),
-                      u.icon && /* @__PURE__ */ e(Z, { name: u.icon }),
+                      u.icon && /* @__PURE__ */ e(P, { name: u.icon }),
                       /* @__PURE__ */ e("span", {
                         className: "control-panel__filter-label",
                         children: u.label
@@ -13924,16 +13935,16 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
                     ]
                   })
                 });
-                return u.title ? /* @__PURE__ */ e(J, {
+                return u.title ? /* @__PURE__ */ e(X, {
                   title: u.title,
                   children: w
-                }, u.value) : /* @__PURE__ */ e(u1.Fragment, { children: w }, u.value);
+                }, u.value) : /* @__PURE__ */ e(g1.Fragment, { children: w }, u.value);
               })
             })] }),
             i.type === "slider" && /* @__PURE__ */ c(n1, { children: [i.label && /* @__PURE__ */ c("span", {
               className: "control-panel__filter-title",
               children: [
-                i.icon && /* @__PURE__ */ e(Z, { name: i.icon }),
+                i.icon && /* @__PURE__ */ e(P, { name: i.icon }),
                 i.label,
                 i.showValue !== !1 && /* @__PURE__ */ c("span", {
                   className: "control-panel__option-slider-value",
@@ -14075,7 +14086,7 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
     variant: t.variant ?? "default",
     children: t.label
   });
-  return /* @__PURE__ */ c(n1, { children: [t.tooltip ? /* @__PURE__ */ e(J, {
+  return /* @__PURE__ */ c(n1, { children: [t.tooltip ? /* @__PURE__ */ e(X, {
     title: t.tooltip,
     position: "right",
     children: i
@@ -14113,7 +14124,7 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
     document.body.removeChild(r);
   }
 }, ei = ({ children: t, className: r = "", copiedLabel: l = "Copied", disabled: a = !1, errorLabel: h = "Copy failed", iconOnly: d = !1, label: o = "Copy", onCopy: m, onError: i, resetDelay: n = 1800, size: s = "medium", title: p, value: u, variant: g = "ghost" }) => {
-  const [v, w] = z("idle"), f = X(null);
+  const [v, w] = z("idle"), f = K(null);
   F(() => () => {
     f.current && window.clearTimeout(f.current);
   }, []);
@@ -14139,7 +14150,7 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
     children: d ? void 0 : t || C
   });
 }, Cc = ({ code: t, size: r = "md", className: l = "" }) => {
-  if (!t) return /* @__PURE__ */ e(J, {
+  if (!t) return /* @__PURE__ */ e(X, {
     title: `Unsupported country code: ${t}`,
     children: /* @__PURE__ */ e("div", {
       className: `flags flags--fallback flags--${r} ${l}`,
@@ -14152,7 +14163,7 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
     children: [/* @__PURE__ */ e("source", {
       srcSet: h,
       type: "image/webp"
-    }), /* @__PURE__ */ e(J, {
+    }), /* @__PURE__ */ e(X, {
       title: `Country: ${t.toUpperCase()}`,
       children: /* @__PURE__ */ e("img", {
         src: a,
@@ -14181,7 +14192,7 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
   const d = r ? (a - 1) * t + 1 : 0, o = Math.min(a * t, r), m = h ? ` ${h}` : "";
   return r === l ? `Showing ${d}-${o} of ${l}${m}` : `Showing ${d}-${o} of ${r} filtered${m} (${l} total)`;
 }, r0 = ({ icon: t, title: r, description: l, noCard: a, primary: h, secondary: d, children: o }) => {
-  const m = h || d, i = typeof t == "string" ? /* @__PURE__ */ e(Z, {
+  const m = h || d, i = typeof t == "string" ? /* @__PURE__ */ e(P, {
     name: t,
     size: "xxxl"
   }) : t;
@@ -14218,7 +14229,7 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
     ]
   });
 }, bc = 45, Mc = 120, xc = 45, kc = 45, C2 = 8, _c = 4, y2 = ({ currentPage: t, totalPages: r, totalItems: l, onPageChange: a, showPagesNumbers: h = !1, pageSizeOptions: d, pageSize: o, onPageSizeChange: m, pageSizeLabel: i = "Rows", horizontalAlign: n = "left" }) => {
-  const { isAtLeast: s, isMobile: p } = g0(), u = X(null), [g, v] = z(p ? 0 : 2), w = P(() => {
+  const { isAtLeast: s, isMobile: p } = g0(), u = K(null), [g, v] = z(p ? 0 : 2), w = Z(() => {
     const C = u.current, x = C?.parentElement;
     if (!C || !x) return;
     let k = 0;
@@ -14352,7 +14363,7 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
     children: t.showYear ? t.yearLabel : t.dateLabel
   })
 }), ri = ({ items: t, renderItem: r, className: l }) => {
-  const a = g1(() => a2(t), [t]);
+  const a = u1(() => a2(t), [t]);
   return /* @__PURE__ */ c("div", {
     className: `timeline-markers${l ? ` ${l}` : ""}`,
     children: [/* @__PURE__ */ e("div", { className: "timeline-markers__track" }), t.map((h, d) => {
@@ -14369,7 +14380,7 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
   500
 ], O2 = (t) => typeof t.header == "string" ? t.header : t.key, Rc = (t) => typeof t == "number" ? `${t}px` : t, Y2 = (t) => /* @__PURE__ */ c("span", {
   className: "data-view__column-label",
-  children: [t.icon && /* @__PURE__ */ e(Z, {
+  children: [t.icon && /* @__PURE__ */ e(P, {
     className: "data-view__column-icon",
     name: t.icon,
     size: "sm",
@@ -14379,14 +14390,14 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
   const l = t.cellIcon?.(r), a = t.accessor ? t.accessor(r) : r[t.key];
   return l ? /* @__PURE__ */ c("span", {
     className: "data-view__cell-with-icon",
-    children: [/* @__PURE__ */ e(Z, {
+    children: [/* @__PURE__ */ e(P, {
       className: "data-view__cell-icon",
       name: l
     }), /* @__PURE__ */ e("span", { children: a })]
   }) : a;
 };
 function Bc({ data: t, columns: r, rowKey: l, card: a, actions: h, timeline: d, onRowClick: o, rowHref: m, rowClassName: i, empty: n, selectable: s, selectedIds: p = [], pinnedIds: u, onToggleSelect: g, cardMaxWidth: v, isMobile: w = !1, groups: f, showGroupCount: y = !0, collapsible: b = !1, collapsedGroups: C, onToggleGroup: x }) {
-  const k = r.filter((_) => !_.hideInCard && !(w && _.hideInMobile)), H = g1(() => new Set(u ?? []), [u]), L = `data-view__cards${v !== void 0 ? " data-view__cards--grid" : ""}`, M = v !== void 0 ? { "--data-view-card-max-width": Rc(v) } : void 0, V = g1(() => d ? a2(t.map((_) => ({
+  const k = r.filter((_) => !_.hideInCard && !(w && _.hideInMobile)), H = u1(() => new Set(u ?? []), [u]), L = `data-view__cards${v !== void 0 ? " data-view__cards--grid" : ""}`, M = v !== void 0 ? { "--data-view-card-max-width": Rc(v) } : void 0, V = u1(() => d ? a2(t.map((_) => ({
     id: d.idAccessor(_),
     date: d.dateAccessor(_)
   })), d.granularity) : /* @__PURE__ */ new Map(), [t, d]);
@@ -14402,11 +14413,11 @@ function Bc({ data: t, columns: r, rowKey: l, card: a, actions: h, timeline: d,
     const B = V.get(R), E = l(_, R), O = s && p.includes(E), o1 = H.has(E), N = m?.(_), q = `data-view__card ${o || N ? "data-view__card--clickable" : ""} ${O ? "data-view__card--selected" : ""} ${o1 ? "data-view__card--pinned" : ""} ${i?.(_) || ""}`, t1 = (D) => {
       D.metaKey || D.ctrlKey || D.shiftKey || D.altKey || D.button !== 0 || o && (D.preventDefault(), o(_, D));
     }, I = /* @__PURE__ */ c(n1, { children: [
-      o1 && /* @__PURE__ */ e(J, {
+      o1 && /* @__PURE__ */ e(X, {
         title: "Pinned",
         children: /* @__PURE__ */ e("span", {
           className: "data-view__card-pin",
-          children: /* @__PURE__ */ e(Z, {
+          children: /* @__PURE__ */ e(P, {
             name: "pin",
             size: "sm"
           })
@@ -14432,7 +14443,7 @@ function Bc({ data: t, columns: r, rowKey: l, card: a, actions: h, timeline: d,
             className: "data-view__card-title-row",
             children: [/* @__PURE__ */ c("div", {
               className: "data-view__card-title-line",
-              children: [D && /* @__PURE__ */ e(Z, {
+              children: [D && /* @__PURE__ */ e(P, {
                 className: "data-view__card-icon",
                 name: D
               }), /* @__PURE__ */ e("span", {
@@ -14468,7 +14479,7 @@ function Bc({ data: t, columns: r, rowKey: l, card: a, actions: h, timeline: d,
         children: h(_)
       })
     ] });
-    return /* @__PURE__ */ c(u1.Fragment, { children: [B && /* @__PURE__ */ e(Sc, { marker: B }), N ? /* @__PURE__ */ e("a", {
+    return /* @__PURE__ */ c(g1.Fragment, { children: [B && /* @__PURE__ */ e(Sc, { marker: B }), N ? /* @__PURE__ */ e("a", {
       className: q,
       href: N,
       onClick: t1,
@@ -14501,7 +14512,7 @@ function Bc({ data: t, columns: r, rowKey: l, card: a, actions: h, timeline: d,
                 className: "data-view__group-count",
                 children: R.items.length === R.totalCount ? R.totalCount : `${R.items.length} of ${R.totalCount}`
               }),
-              b && /* @__PURE__ */ e(Z, {
+              b && /* @__PURE__ */ e(P, {
                 className: "data-view__group-chevron",
                 name: E ? "caret-down" : "caret-up",
                 size: "sm"
@@ -14523,7 +14534,7 @@ function Bc({ data: t, columns: r, rowKey: l, card: a, actions: h, timeline: d,
   });
 }
 function Ac({ config: t }) {
-  const { options: r, selectedKeys: l, onChange: a, label: h = "Columns" } = t, d = X(null), [o, m] = z(!1);
+  const { options: r, selectedKeys: l, onChange: a, label: h = "Columns" } = t, d = K(null), [o, m] = z(!1);
   if (r.length === 0) return null;
   const i = (n, s) => {
     if (s) {
@@ -14541,7 +14552,7 @@ function Ac({ config: t }) {
       onClick: () => m((n) => !n),
       children: /* @__PURE__ */ c("span", {
         className: "data-view__column-selector-label",
-        children: [h, /* @__PURE__ */ e(Z, {
+        children: [h, /* @__PURE__ */ e(P, {
           name: "caret-down",
           size: "sm"
         })]
@@ -14572,12 +14583,12 @@ var $c = ({ items: t, sortKey: r, sortDirection: l, onSort: a, align: h = "left"
   ].filter(Boolean).join(" "),
   children: [t.map((m, i) => {
     const n = m.direction ?? "asc", s = d ? r === m.value : r === m.value && l === n;
-    return /* @__PURE__ */ e(J, {
+    return /* @__PURE__ */ e(X, {
       title: `Sort by ${typeof m.label == "string" || typeof m.label == "number" ? String(m.label) : m.value}${d ? "" : ` ${n === "asc" ? "ascending" : "descending"}`}`,
       children: /* @__PURE__ */ e(T, {
         className: `mini-sort__button${s ? " is-active" : ""}`,
         disabled: m.disabled,
-        icon: m.icon ? /* @__PURE__ */ e(Z, {
+        icon: m.icon ? /* @__PURE__ */ e(P, {
           className: "mini-sort__icon",
           name: m.icon,
           size: "sm",
@@ -14589,12 +14600,12 @@ var $c = ({ items: t, sortKey: r, sortDirection: l, onSort: a, align: h = "left"
         children: m.label ?? m.value
       })
     }, `${m.value}-${i}`);
-  }), d && /* @__PURE__ */ e(J, {
+  }), d && /* @__PURE__ */ e(X, {
     title: `Direction: ${l === "asc" ? "ascending" : "descending"}`,
     children: /* @__PURE__ */ e(T, {
       className: "mini-sort__button mini-sort__direction",
       disabled: r === null,
-      icon: /* @__PURE__ */ e(Z, {
+      icon: /* @__PURE__ */ e(P, {
         className: "mini-sort__icon",
         name: l === "asc" ? "arrow-up" : "arrow-down",
         size: "sm",
@@ -14628,11 +14639,11 @@ function Ec({ columns: t, config: r, sortDirection: l, sortKey: a, onSort: h })
 function Dc({ state: t }) {
   return /* @__PURE__ */ e("span", {
     className: `data-view__sort-icon data-view__sort-icon--${t}`,
-    children: /* @__PURE__ */ e(Z, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
+    children: /* @__PURE__ */ e(P, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
   });
 }
 function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1, onSelectionChange: d, selectedIds: o, pageSizeOptions: m = b2, initialPageSize: i = b2[1], showPageSize: n = !0, card: s, actions: p, actionsWidth: u, timeline: g, onRowClick: v, rowHref: w, rowClassName: f, rowDetail: y, empty: b, initialSortKey: C = null, initialSortDirection: x = "asc", sortKey: k, sortDirection: H, onSortChange: L, miniSort: M, showCardSortControls: V = !0, desktopView: S = "table", cardMaxWidth: _, className: R, onPageChange: B, onPageSizeChange: E, currentPage: O, totalItems: o1, group: N, showResultsCount: q = !0, totalCount: t1, itemNoun: I, columnSelector: D }) {
-  const { isMobile: Q } = g0(), [h1, U] = z(C), [d1, v1] = z(x), [y1, _1] = z([]), C1 = o ?? y1, [I1, r1] = z(1), s1 = O ?? I1, [A, j] = z(i), [a1, m1] = z(() => t.reduce(($, l1) => (l1.width && ($[l1.key] = l1.width), $), {})), [x1, M1] = z(/* @__PURE__ */ new Set()), E1 = ($) => {
+  const { isMobile: J } = g0(), [h1, U] = z(C), [d1, v1] = z(x), [y1, _1] = z([]), C1 = o ?? y1, [I1, r1] = z(1), s1 = O ?? I1, [A, j] = z(i), [a1, m1] = z(() => t.reduce(($, l1) => (l1.width && ($[l1.key] = l1.width), $), {})), [x1, M1] = z(/* @__PURE__ */ new Set()), E1 = ($) => {
     M1((l1) => {
       const p1 = new Set(l1);
       return p1.has($) ? p1.delete($) : p1.add($), p1;
@@ -14644,13 +14655,13 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
       key: $,
       direction: l1
     }), Q1(1);
-  }, i0 = g1(() => new Set(a ?? []), [a]), L1 = g1(() => {
+  }, i0 = u1(() => new Set(a ?? []), [a]), L1 = u1(() => {
     let $ = r;
     if (N1) {
-      const K = t.find((e1) => e1.key === N1);
-      if (K) {
-        const e1 = K.sortAccessor || K.accessor || ((B1) => {
-          const S1 = B1[K.key];
+      const Q = t.find((e1) => e1.key === N1);
+      if (Q) {
+        const e1 = Q.sortAccessor || Q.accessor || ((B1) => {
+          const S1 = B1[Q.key];
           return typeof S1 == "string" || typeof S1 == "number" ? S1 : "";
         }), w1 = [...r].sort((B1, S1) => {
           const T1 = e1(B1), k1 = e1(S1);
@@ -14661,11 +14672,11 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
     }
     if (i0.size === 0) return $;
     const l1 = [], p1 = [];
-    if ($.forEach((K, e1) => {
-      i0.has(G1(K, e1)) ? l1.push(K) : p1.push(K);
+    if ($.forEach((Q, e1) => {
+      i0.has(G1(Q, e1)) ? l1.push(Q) : p1.push(Q);
     }), a && a.length > 1 && l1.length > 1) {
-      const K = new Map(a.map((e1, w1) => [e1, w1]));
-      l1.sort((e1, w1) => (K.get(G1(e1, 0)) ?? 0) - (K.get(G1(w1, 0)) ?? 0));
+      const Q = new Map(a.map((e1, w1) => [e1, w1]));
+      l1.sort((e1, w1) => (Q.get(G1(e1, 0)) ?? 0) - (Q.get(G1(w1, 0)) ?? 0));
     }
     return [...l1, ...p1];
   }, [
@@ -14675,53 +14686,53 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
     N1,
     i0,
     a
-  ]), D1 = o1 !== void 0, U1 = g1(() => {
+  ]), D1 = o1 !== void 0, U1 = u1(() => {
     if (!N || D1) return L1;
     const $ = /* @__PURE__ */ new Map(), l1 = [];
-    L1.forEach((K) => {
-      const e1 = N.groupBy(K), w1 = $.get(e1);
-      w1 ? w1.push(K) : ($.set(e1, [K]), l1.push(e1));
+    L1.forEach((Q) => {
+      const e1 = N.groupBy(Q), w1 = $.get(e1);
+      w1 ? w1.push(Q) : ($.set(e1, [Q]), l1.push(e1));
     });
-    const p1 = l1.map((K) => {
-      const e1 = $.get(K);
+    const p1 = l1.map((Q) => {
+      const e1 = $.get(Q);
       return {
-        key: K,
-        label: N.groupLabel(K),
+        key: Q,
+        label: N.groupLabel(Q),
         items: e1,
         totalCount: e1.length
       };
     });
-    return N.sortGroups ? p1.sort(N.sortGroups) : p1.sort((K, e1) => K.key === null ? 1 : e1.key === null ? -1 : 0), p1.flatMap((K) => K.items);
+    return N.sortGroups ? p1.sort(N.sortGroups) : p1.sort((Q, e1) => Q.key === null ? 1 : e1.key === null ? -1 : 0), p1.flatMap((Q) => Q.items);
   }, [
     N,
     D1,
     L1
-  ]), J1 = D1 ? o1 : U1.length, e0 = Math.max(1, Math.ceil(J1 / A)), W = Math.min(s1, e0), G = D1 ? U1 : U1.slice((W - 1) * A, W * A), Y = q ? yc(A, J1, t1 ?? J1, W, I) : null, c1 = g1(() => {
+  ]), J1 = D1 ? o1 : U1.length, e0 = Math.max(1, Math.ceil(J1 / A)), W = Math.min(s1, e0), G = D1 ? U1 : U1.slice((W - 1) * A, W * A), Y = q ? yc(A, J1, t1 ?? J1, W, I) : null, c1 = u1(() => {
     if (!N) return null;
     const $ = /* @__PURE__ */ new Map();
     return U1.forEach((l1) => {
       const p1 = N.groupBy(l1);
       $.set(p1, ($.get(p1) ?? 0) + 1);
     }), $;
-  }, [N, U1]), F1 = g1(() => {
+  }, [N, U1]), F1 = u1(() => {
     if (!N || !c1) return null;
     const $ = /* @__PURE__ */ new Map(), l1 = [];
-    G.forEach((K) => {
-      const e1 = N.groupBy(K), w1 = $.get(e1);
-      w1 ? w1.push(K) : ($.set(e1, [K]), l1.push(e1));
+    G.forEach((Q) => {
+      const e1 = N.groupBy(Q), w1 = $.get(e1);
+      w1 ? w1.push(Q) : ($.set(e1, [Q]), l1.push(e1));
     });
-    const p1 = l1.map((K) => ({
-      key: K,
-      label: N.groupLabel(K),
-      items: $.get(K),
-      totalCount: c1.get(K) ?? 0
+    const p1 = l1.map((Q) => ({
+      key: Q,
+      label: N.groupLabel(Q),
+      items: $.get(Q),
+      totalCount: c1.get(Q) ?? 0
     }));
-    return N.sortGroups ? p1.sort(N.sortGroups) : p1.sort((K, e1) => K.key === null ? 1 : e1.key === null ? -1 : 0), p1;
+    return N.sortGroups ? p1.sort(N.sortGroups) : p1.sort((Q, e1) => Q.key === null ? 1 : e1.key === null ? -1 : 0), p1;
   }, [
     N,
     c1,
     G
-  ]), N0 = g1(() => g ? a2(G.map(($) => ({
+  ]), N0 = u1(() => g ? a2(G.map(($) => ({
     id: g.idAccessor($),
     date: g.dateAccessor($)
   })), g.granularity) : /* @__PURE__ */ new Map(), [G, g]), P1 = ($) => {
@@ -14730,11 +14741,11 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
     $.sortable && (N1 === $.key ? Z1($.key, H1 === "asc" ? "desc" : "asc") : Z1($.key, "asc"));
   }, w0 = ($, l1) => {
     $.preventDefault();
-    const p1 = $.clientX, K = a1[l1] ?? 150, e1 = (B1) => {
+    const p1 = $.clientX, Q = a1[l1] ?? 150, e1 = (B1) => {
       const S1 = B1.clientX - p1, T1 = t.find((k1) => k1.key === l1)?.minWidth ?? 120;
       m1((k1) => ({
         ...k1,
-        [l1]: Math.max(T1, K + S1)
+        [l1]: Math.max(T1, Q + S1)
       }));
     }, w1 = () => {
       window.removeEventListener("mousemove", e1), window.removeEventListener("mouseup", w1);
@@ -14795,7 +14806,7 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
               Z1(l1, N1 === l1 ? H1 : "asc");
             }
           })
-        }), /* @__PURE__ */ e(J, {
+        }), /* @__PURE__ */ e(X, {
           title: H1 === "asc" ? "Sort descending" : "Sort ascending",
           children: /* @__PURE__ */ e(T, {
             className: "data-view__card-sort-direction",
@@ -14804,7 +14815,7 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
               I0 && Z1(I0.key, H1 === "asc" ? "desc" : "asc");
             },
             variant: "ghost",
-            children: /* @__PURE__ */ e(Z, { name: H1 === "asc" ? "arrow-up" : "arrow-down" })
+            children: /* @__PURE__ */ e(P, { name: H1 === "asc" ? "arrow-up" : "arrow-down" })
           })
         })]
       }),
@@ -14830,7 +14841,7 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
         selectedIds: C1,
         pinnedIds: a,
         cardMaxWidth: _,
-        isMobile: Q,
+        isMobile: J,
         groups: F1 ?? void 0,
         showGroupCount: N?.showCount !== !1,
         collapsible: N?.collapsible,
@@ -14914,22 +14925,22 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
             secondary: b.secondary
           }) : /* @__PURE__ */ e(r0, { title: "No data available" })
         }) });
-        const $ = C0.length + (o0 ? 1 : 0) + (h ? 1 : 0) + (p ? 1 : 0), l1 = N?.showCount !== !1, p1 = (K, e1) => {
-          const w1 = G1(K, e1), B1 = C1.includes(w1), S1 = i0.has(w1), T1 = N0.get(e1), k1 = w?.(K), d2 = !!v || !!k1, M3 = (b1) => {
+        const $ = C0.length + (o0 ? 1 : 0) + (h ? 1 : 0) + (p ? 1 : 0), l1 = N?.showCount !== !1, p1 = (Q, e1) => {
+          const w1 = G1(Q, e1), B1 = C1.includes(w1), S1 = i0.has(w1), T1 = N0.get(e1), k1 = w?.(Q), d2 = !!v || !!k1, M3 = (b1) => {
             if (k1 && (b1.metaKey || b1.ctrlKey || b1.shiftKey)) {
               window.open(k1, "_blank", "noopener,noreferrer");
               return;
             }
             if (v) {
-              v(K, b1);
+              v(Q, b1);
               return;
             }
             k1 && window.location.assign(k1);
           }, x3 = (b1) => {
             b1.button !== 1 || !k1 || (b1.preventDefault(), window.open(k1, "_blank", "noopener,noreferrer"));
-          }, Z0 = y?.(K);
-          return /* @__PURE__ */ c(u1.Fragment, { children: [/* @__PURE__ */ c("tr", {
-            className: `${B1 ? "is-selected" : ""} ${d2 ? "data-view__row--clickable" : ""} ${S1 ? "data-view__row--pinned" : ""} ${f?.(K) || ""}`,
+          }, Z0 = y?.(Q);
+          return /* @__PURE__ */ c(g1.Fragment, { children: [/* @__PURE__ */ c("tr", {
+            className: `${B1 ? "is-selected" : ""} ${d2 ? "data-view__row--clickable" : ""} ${S1 ? "data-view__row--pinned" : ""} ${f?.(Q) || ""}`,
             onClick: d2 ? M3 : void 0,
             onAuxClick: k1 ? x3 : void 0,
             children: [
@@ -14948,14 +14959,14 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
               }),
               C0.map((b1, P0) => /* @__PURE__ */ c("td", {
                 style: a1[b1.key] ? { width: a1[b1.key] } : void 0,
-                children: [P0 === 0 && S1 && /* @__PURE__ */ e(J, {
+                children: [P0 === 0 && S1 && /* @__PURE__ */ e(X, {
                   title: "Pinned",
-                  children: /* @__PURE__ */ e(Z, {
+                  children: /* @__PURE__ */ e(P, {
                     className: "data-view__pin-indicator",
                     name: "pin",
                     size: "sm"
                   })
-                }), q2(b1, K)]
+                }), q2(b1, Q)]
               }, b1.key)),
               p && /* @__PURE__ */ e("td", {
                 className: "data-view__actions-cell",
@@ -14963,7 +14974,7 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
                 children: /* @__PURE__ */ e("div", {
                   className: "data-view__table-actions",
                   onClick: (b1) => b1.stopPropagation(),
-                  children: p(K)
+                  children: p(Q)
                 })
               })
             ]
@@ -14977,12 +14988,12 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
           })] }, w1);
         };
         if (F1) {
-          let K = 0;
+          let Q = 0;
           return F1.map((e1) => {
-            const w1 = K;
-            K += e1.items.length;
+            const w1 = Q;
+            Q += e1.items.length;
             const B1 = N?.collapsible && x1.has(e1.key);
-            return /* @__PURE__ */ c(u1.Fragment, { children: [/* @__PURE__ */ e("tr", {
+            return /* @__PURE__ */ c(g1.Fragment, { children: [/* @__PURE__ */ e("tr", {
               className: `data-view__group-row${N?.collapsible ? " data-view__group-row--collapsible" : ""}`,
               onClick: N?.collapsible ? () => E1(e1.key) : void 0,
               children: /* @__PURE__ */ c("td", {
@@ -14997,7 +15008,7 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
                     className: "data-view__group-count",
                     children: e1.items.length === e1.totalCount ? e1.totalCount : `${e1.items.length} of ${e1.totalCount}`
                   }),
-                  N?.collapsible && /* @__PURE__ */ e(Z, {
+                  N?.collapsible && /* @__PURE__ */ e(P, {
                     className: "data-view__group-chevron",
                     name: B1 ? "caret-down" : "caret-up",
                     size: "sm"
@@ -15007,7 +15018,7 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
             }), !B1 && e1.items.map((S1, T1) => p1(S1, w1 + T1))] }, e1.key ?? "__null__");
           });
         }
-        return G.map((K, e1) => p1(K, e1));
+        return G.map((Q, e1) => p1(Q, e1));
       })() })] })
     }),
     /* @__PURE__ */ e(y2, {
@@ -15039,7 +15050,7 @@ var t0 = (t) => {
   const [i, n] = z({}), [s, p] = z(() => /* @__PURE__ */ new Date()), [u, g] = z(null), [v, w] = z(d), [f, y] = z({
     position: "fixed",
     visibility: "hidden"
-  }), [b, C] = z(r?.start ?? ""), [x, k] = z(r?.end ?? ""), H = X(null), L = X(null), M = r ?? i, V = t0(M.start), S = t0(M.end), _ = V && S ? {
+  }), [b, C] = z(r?.start ?? ""), [x, k] = z(r?.end ?? ""), H = K(null), L = K(null), M = r ?? i, V = t0(M.start), S = t0(M.end), _ = V && S ? {
     start: V,
     end: S
   } : void 0, R = (U) => {
@@ -15073,7 +15084,7 @@ var t0 = (t) => {
   }, [M.start]), F(() => {
     k(M.end ?? "");
   }, [M.end]);
-  const t1 = g1(() => k0(s, 1), [s]), I = d || v, D = !d && v, Q = P(() => {
+  const t1 = u1(() => k0(s, 1), [s]), I = d || v, D = !d && v, J = Z(() => {
     if (!D || !H.current || !L.current) return;
     const U = H.current.getBoundingClientRect(), d1 = L.current.getBoundingClientRect(), v1 = 16, y1 = 8, _1 = window.innerHeight - U.bottom - v1, C1 = U.top - v1, I1 = _1 < d1.height && C1 > d1.height ? U.top - d1.height - y1 : U.bottom + y1, r1 = Math.max(v1, Math.min(I1, window.innerHeight - d1.height - v1)), s1 = U.left, A = Math.max(v1, Math.min(s1, window.innerWidth - d1.width - v1));
     y({
@@ -15093,11 +15104,11 @@ var t0 = (t) => {
       });
       return;
     }
-    const U = requestAnimationFrame(() => requestAnimationFrame(Q));
-    return window.addEventListener("resize", Q), window.addEventListener("scroll", Q, !0), () => {
-      cancelAnimationFrame(U), window.removeEventListener("resize", Q), window.removeEventListener("scroll", Q, !0);
+    const U = requestAnimationFrame(() => requestAnimationFrame(J));
+    return window.addEventListener("resize", J), window.addEventListener("scroll", J, !0), () => {
+      cancelAnimationFrame(U), window.removeEventListener("resize", J), window.removeEventListener("scroll", J, !0);
     };
-  }, [D, Q]), F(() => {
+  }, [D, J]), F(() => {
     if (!D) return;
     const U = (v1) => {
       const y1 = v1.target;
@@ -15114,11 +15125,13 @@ var t0 = (t) => {
     children: [/* @__PURE__ */ c("div", {
       className: "date-range-picker__nav",
       children: [
-        /* @__PURE__ */ e(T, {
-          variant: "default",
-          icon: "caret-left",
-          onClick: () => p(k0(s, -1)),
-          title: "Previous month"
+        /* @__PURE__ */ e(X, {
+          title: "Previous month",
+          children: /* @__PURE__ */ e(T, {
+            variant: "default",
+            icon: "caret-left",
+            onClick: () => p(k0(s, -1))
+          })
         }),
         /* @__PURE__ */ c("span", { children: [
           s.toLocaleString("default", { month: "long" }),
@@ -15129,11 +15142,13 @@ var t0 = (t) => {
           " ",
           t1.getFullYear()
         ] }),
-        /* @__PURE__ */ e(T, {
-          variant: "default",
-          icon: "caret-right",
-          onClick: () => p(k0(s, 1)),
-          title: "Next month"
+        /* @__PURE__ */ e(X, {
+          title: "Next month",
+          children: /* @__PURE__ */ e(T, {
+            variant: "default",
+            icon: "caret-right",
+            onClick: () => p(k0(s, 1))
+          })
         })
       ]
     }), /* @__PURE__ */ c("div", {
@@ -15365,7 +15380,7 @@ function Pc(t) {
   }
   return r;
 }
-var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t]).map((r, l) => r.name === "plain" ? /* @__PURE__ */ e("span", { children: r.val }, l) : /* @__PURE__ */ e("span", {
+var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: u1(() => Pc(t), [t]).map((r, l) => r.name === "plain" ? /* @__PURE__ */ e("span", { children: r.val }, l) : /* @__PURE__ */ e("span", {
   className: `dv-token dv-token--${r.name}`,
   children: r.val
 }, l)) }), X0 = ({ line: t, side: r, type: l }) => {
@@ -15376,7 +15391,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t])
     side: r
   }) : l === "code" ? /* @__PURE__ */ e(jc, { text: a }) : /* @__PURE__ */ e(n1, { children: a });
 }, ai = ({ oldValue: t, newValue: r, mode: l = "split", type: a = "text", oldTitle: h = "Before", newTitle: d = "After", showLineNumbers: o = !0 }) => {
-  const m = g1(() => Tc(t, r), [t, r]), i = g1(() => ({
+  const m = u1(() => Tc(t, r), [t, r]), i = u1(() => ({
     added: m.filter((n) => n.kind === "added").length,
     removed: m.filter((n) => n.kind === "removed").length
   }), [m]);
@@ -15526,7 +15541,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t])
       /* @__PURE__ */ c("div", {
         className: "drawer__header",
         children: [
-          f && /* @__PURE__ */ e(J, {
+          f && /* @__PURE__ */ e(X, {
             title: y,
             position: "bottom",
             children: /* @__PURE__ */ e(T, {
@@ -15539,7 +15554,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t])
           }),
           (n || s) && /* @__PURE__ */ c("h2", {
             className: "drawer__title",
-            children: [s && /* @__PURE__ */ e(Z, { name: s }), n && /* @__PURE__ */ e("span", {
+            children: [s && /* @__PURE__ */ e(P, { name: s }), n && /* @__PURE__ */ e("span", {
               className: "drawer__title-text",
               children: n
             })]
@@ -15556,20 +15571,22 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t])
                 variant: _.variant ?? "ghost",
                 children: _.label
               }), B = _.title ?? _.label;
-              return B ? /* @__PURE__ */ e(J, {
+              return B ? /* @__PURE__ */ e(X, {
                 title: B,
                 position: "bottom",
                 children: R
-              }, _.id) : /* @__PURE__ */ e(u1.Fragment, { children: R }, _.id);
+              }, _.id) : /* @__PURE__ */ e(g1.Fragment, { children: R }, _.id);
             })
           }),
-          !v && /* @__PURE__ */ e(T, {
-            className: "drawer__close",
-            icon: "clear",
-            onClick: r,
-            size: "medium",
+          !v && /* @__PURE__ */ e(X, {
             title: "Close drawer",
-            variant: "ghost"
+            children: /* @__PURE__ */ e(T, {
+              className: "drawer__close",
+              icon: "clear",
+              onClick: r,
+              size: "medium",
+              variant: "ghost"
+            })
           })
         ]
       }),
@@ -20649,7 +20666,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t])
     ]
   }
 ], ii = ({ value: t, onChange: r }) => {
-  const [l, a] = z(""), [h, d] = z(S0[0].id), o = g1(() => {
+  const [l, a] = z(""), [h, d] = z(S0[0].id), o = u1(() => {
     if (!l.trim()) return null;
     const i = l.toLowerCase();
     return S0.flatMap((n) => n.emojis.filter((s) => Jc[s]?.some((p) => p.includes(i)) || n.name.toLowerCase().includes(i)));
@@ -20717,7 +20734,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t])
     }) : r;
   }
 }, oi = ({ label: t, accept: r, multiple: l = !1, showPreview: a = !0, onFiles: h }) => {
-  const [d, o] = z(!1), [m, i] = z([]), n = X(null), [s, p] = z([]);
+  const [d, o] = z(!1), [m, i] = z([]), n = K(null), [s, p] = z([]);
   F(() => {
     if (!a) return;
     const v = m.filter((w) => w.type.startsWith("image/")).map((w) => URL.createObjectURL(w));
@@ -20725,7 +20742,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t])
       v.forEach((w) => URL.revokeObjectURL(w));
     };
   }, [m, a]);
-  const u = P((v) => {
+  const u = Z((v) => {
     if (!v) return;
     const w = l ? Array.from(v) : [v[0]].filter(Boolean);
     i(w), h?.(w);
@@ -20783,7 +20800,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t])
   const [r, l] = z(!1);
   if (t.length === 1) return /* @__PURE__ */ e("div", {
     className: "float-button-container",
-    children: /* @__PURE__ */ e(J, {
+    children: /* @__PURE__ */ e(X, {
       title: t[0].label,
       position: "left",
       children: /* @__PURE__ */ e("button", {
@@ -20791,7 +20808,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t])
         onClick: t[0].onClick,
         children: /* @__PURE__ */ e("span", {
           className: "float-button__icon",
-          children: /* @__PURE__ */ e(Z, {
+          children: /* @__PURE__ */ e(P, {
             name: t[0].icon,
             size: "xxl"
           })
@@ -20816,20 +20833,20 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t])
         onClick: () => h(d),
         children: [/* @__PURE__ */ e("span", {
           className: "float-button-menu__icon",
-          children: /* @__PURE__ */ e(Z, { name: d.icon })
+          children: /* @__PURE__ */ e(P, { name: d.icon })
         }), /* @__PURE__ */ e("span", {
           className: "float-button-menu__label",
           children: d.label
         })]
       }, `float-button-${o}`))
-    })] }), /* @__PURE__ */ e(J, {
+    })] }), /* @__PURE__ */ e(X, {
       title: "Actions menu",
       children: /* @__PURE__ */ e("button", {
         className: `float-button ${r ? "float-button--active" : ""}`,
         onClick: a,
         children: /* @__PURE__ */ e("span", {
           className: "float-button__icon",
-          children: /* @__PURE__ */ e(Z, {
+          children: /* @__PURE__ */ e(P, {
             name: r ? "clear" : "plus",
             size: "xxl"
           })
@@ -20841,7 +20858,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t])
   className: "loading",
   children: /* @__PURE__ */ e("div", { className: "loading__spinner" })
 }), hi = ({ isOpen: t, title: r = "Select a folder", initialPath: l, loadDirectory: a, onSelect: h, onClose: d, selectLabel: o = "Select this folder" }) => {
-  const [m, i] = z(null), [n, s] = z(!1), [p, u] = z(""), g = P(async (b) => {
+  const [m, i] = z(null), [n, s] = z(!1), [p, u] = z(""), g = Z(async (b) => {
     s(!0);
     try {
       i(await a(b));
@@ -20951,7 +20968,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t])
               g(b.path);
             },
             children: [
-              /* @__PURE__ */ e(Z, {
+              /* @__PURE__ */ e(P, {
                 name: "folder",
                 size: "sm"
               }),
@@ -20959,7 +20976,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t])
                 className: "folder-browser__entry-name",
                 children: b.name
               }),
-              /* @__PURE__ */ e(Z, {
+              /* @__PURE__ */ e(P, {
                 className: "folder-browser__entry-chevron",
                 name: "arrow-right",
                 size: "sm"
@@ -20971,7 +20988,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t])
     })
   });
 }, di = ({ children: t, onLoadMore: r, hasMore: l, isLoading: a = !1, threshold: h = 0, rootMargin: d = "0px", height: o, onScrollChange: m, endMessage: i, className: n }) => {
-  const s = X(null), p = X(null), u = X(null), g = P(() => {
+  const s = K(null), p = K(null), u = K(null), g = Z(() => {
     const v = s.current;
     if (!v) return;
     const { scrollTop: w, scrollHeight: f, clientHeight: y } = v, b = {
@@ -21163,7 +21180,7 @@ function ll(t) {
   return t.filter((r) => r.type === "token").length;
 }
 var al = z1(({ mask: t, value: r, onChange: l, onComplete: a, placeholder: h, label: d, hint: o, error: m, highlighted: i, size: n = "md", variant: s = "default", disabled: p = !1, readOnly: u = !1, maskChar: g = "_", mono: v = !0, icon: w, suffix: f, className: y = "", id: b, name: C, autoComplete: x }, k) => {
-  const H = u1.useMemo(() => cl(t), [t]), L = u1.useMemo(() => ll(H), [H]), M = z0(), V = b ?? M, [S, _] = z(() => r !== void 0 ? r : ""), R = X(null);
+  const H = g1.useMemo(() => cl(t), [t]), L = g1.useMemo(() => ll(H), [H]), M = z0(), V = b ?? M, [S, _] = z(() => r !== void 0 ? r : ""), R = K(null);
   B2(k, () => ({
     focus: () => R.current?.focus(),
     clear: () => {
@@ -21182,7 +21199,7 @@ var al = z1(({ mask: t, value: r, onChange: l, onComplete: a, placeholder: h, la
     w ? "input-mask--has-icon" : "",
     f ? "input-mask--has-suffix" : "",
     y
-  ].filter(Boolean).join(" "), N = P((I) => {
+  ].filter(Boolean).join(" "), N = Z((I) => {
     if (p || u) return;
     if (I.key === "Backspace") {
       I.preventDefault();
@@ -21192,13 +21209,13 @@ var al = z1(({ mask: t, value: r, onChange: l, onComplete: a, placeholder: h, la
     }
     if (I.key.length !== 1 || I.ctrlKey || I.metaKey || (I.preventDefault(), S.length >= L)) return;
     const D = I.key;
-    let Q = 0;
+    let J = 0;
     for (const d1 of H) if (d1.type === "token") {
-      if (Q === S.length) {
+      if (J === S.length) {
         if (!J2[d1.key].test(D)) return;
         break;
       }
-      Q++;
+      J++;
     }
     const { masked: h1, rawAccepted: U } = K0(S + D, H, g);
     _(U), l?.(U, h1), U.length === L && a?.(U, h1);
@@ -21574,7 +21591,7 @@ var ui = z1(({ autoComplete: t = "on", autoFocus: r, cols: l, disabled: a, error
           variant: "info",
           disabled: !u,
           onClick: v,
-          children: ["Next ", /* @__PURE__ */ e(Z, {
+          children: ["Next ", /* @__PURE__ */ e(P, {
             name: "next",
             size: "sm"
           })]
@@ -21723,7 +21740,7 @@ var ui = z1(({ autoComplete: t = "on", autoFocus: r, cols: l, disabled: a, error
             onClick: () => u(v),
             children: [/* @__PURE__ */ e("span", {
               className: "MenuHamburger_item__icon",
-              children: v.icon ? /* @__PURE__ */ e(Z, { name: v.icon }) : null
+              children: v.icon ? /* @__PURE__ */ e(P, { name: v.icon }) : null
             }), /* @__PURE__ */ e("span", {
               className: "MenuHamburger_item__label",
               children: v.label
@@ -21734,16 +21751,16 @@ var ui = z1(({ autoComplete: t = "on", autoFocus: r, cols: l, disabled: a, error
     })]
   });
 }, M0 = (t) => Math.max(0, Math.min(1, t)), yi = ({ buckets: t, viewportStart: r, viewportEnd: l, onScrub: a, bands: h, caption: d, className: o = "" }) => {
-  const m = X(null), i = X(!1), n = Math.max(0, l - r), s = Math.max(1, ...t), p = P((w) => {
+  const m = K(null), i = K(!1), n = Math.max(0, l - r), s = Math.max(1, ...t), p = Z((w) => {
     const f = m.current;
     if (!f) return;
     const y = f.getBoundingClientRect(), b = M0((w - y.left) / y.width);
     a(Math.max(0, Math.min(1 - n, b - n / 2)));
-  }, [a, n]), u = P((w) => {
+  }, [a, n]), u = Z((w) => {
     i.current = !0, w.currentTarget.setPointerCapture(w.pointerId), p(w.clientX);
-  }, [p]), g = P((w) => {
+  }, [p]), g = Z((w) => {
     i.current && p(w.clientX);
-  }, [p]), v = P((w) => {
+  }, [p]), v = Z((w) => {
     i.current = !1, w.currentTarget.hasPointerCapture(w.pointerId) && w.currentTarget.releasePointerCapture(w.pointerId);
   }, []);
   return /* @__PURE__ */ c("div", {
@@ -21854,7 +21871,7 @@ var ui = z1(({ autoComplete: t = "on", autoFocus: r, cols: l, disabled: a, error
     disabled: v.disabled,
     children: [v.icon && /* @__PURE__ */ e("span", {
       className: "navbar__item-icon",
-      children: v.icon ? /* @__PURE__ */ e(Z, { name: v.icon }) : null
+      children: v.icon ? /* @__PURE__ */ e(P, { name: v.icon }) : null
     }), /* @__PURE__ */ e("span", {
       className: "navbar__item-label",
       children: v.label
@@ -21900,7 +21917,7 @@ var ui = z1(({ autoComplete: t = "on", autoFocus: r, cols: l, disabled: a, error
     ]
   });
 }, ml = ({ items: t, buttonLabel: r = "Alerts", panelTitle: l = "Notifications", emptyMessage: a = "No active notifications." }) => {
-  const [h, d] = z(!1), [o, m] = z({ opacity: 0 }), i = X(null), n = X(null), s = t.some((u) => u.severity === "critical");
+  const [h, d] = z(!1), [o, m] = z({ opacity: 0 }), i = K(null), n = K(null), s = t.some((u) => u.severity === "critical");
   return F(() => {
     if (!h || !i.current || !n.current) return;
     const u = requestAnimationFrame(() => {
@@ -21995,7 +22012,7 @@ var ui = z1(({ autoComplete: t = "on", autoFocus: r, cols: l, disabled: a, error
   const l = t.variant ?? "default";
   return l === "custom" ? t.customColor || x2.default : l === "random" ? ul(r) : x2[l];
 }, xi = ({ className: t = "", data: r = [], emptyLabel: l, gap: a = 1, size: h = "medium", valueFormatter: d, valuePosition: o = "inside" }) => {
-  const m = pl[h], i = o === "outside" ? Math.round(m * 0.18) : 0, n = m / 2, s = Math.max(n - Math.max(a, 1), 1), p = `${-i} ${-i} ${m + i * 2} ${m + i * 2}`, u = g1(() => {
+  const m = pl[h], i = o === "outside" ? Math.round(m * 0.18) : 0, n = m / 2, s = Math.max(n - Math.max(a, 1), 1), p = `${-i} ${-i} ${m + i * 2} ${m + i * 2}`, u = u1(() => {
     const x = r.filter((L) => Number.isFinite(L.value) && L.value > 0), k = x.reduce((L, M) => L + M.value, 0);
     if (k <= 0) return [];
     let H = 0;
@@ -22105,7 +22122,7 @@ var ui = z1(({ autoComplete: t = "on", autoFocus: r, cols: l, disabled: a, error
     `progress-bar-${i}`,
     n && "progress-bar-striped",
     t && n && "progress-bar-animated"
-  ].filter(Boolean).join(" "), g = `progress-bar__label progress-bar__label--${i} ${h ? `progress-bar__label-${h}` : ""}`, v = p > 100 ? 100 : p < 0 ? 0 : p, w = g1(() => {
+  ].filter(Boolean).join(" "), g = `progress-bar__label progress-bar__label--${i} ${h ? `progress-bar__label-${h}` : ""}`, v = p > 100 ? 100 : p < 0 ? 0 : p, w = u1(() => {
     const x = [];
     return m && x.push(`${E0(p)}%`), l && x.push(l), (a ? x : x.reverse()).join(" - ");
   }, [
@@ -22143,7 +22160,7 @@ var ui = z1(({ autoComplete: t = "on", autoFocus: r, cols: l, disabled: a, error
   medium: 96,
   large: 128
 }, wl = (t) => typeof t == "number" ? t : e3[t], zi = ({ children: t, className: r = "", label: l, labelPosition: a = "below", rounded: h = !0, showPercentage: d = !0, size: o = "medium", state: m = "default", thickness: i, value: n }) => {
-  const s = Math.min(Math.max(Number.isFinite(n) ? n : 0, 0), 100), p = wl(o), u = i ?? (p <= e3.small ? 6 : 8), g = Math.max((p - u) / 2, 1), v = 2 * Math.PI * g, w = v - s / 100 * v, f = g1(() => `${E0(s)}%`, [s]), y = t || (d ? f : a === "inside" ? l : null), b = a === "inside" && l && d && !t;
+  const s = Math.min(Math.max(Number.isFinite(n) ? n : 0, 0), 100), p = wl(o), u = i ?? (p <= e3.small ? 6 : 8), g = Math.max((p - u) / 2, 1), v = 2 * Math.PI * g, w = v - s / 100 * v, f = u1(() => `${E0(s)}%`, [s]), y = t || (d ? f : a === "inside" ? l : null), b = a === "inside" && l && d && !t;
   return /* @__PURE__ */ c("div", {
     className: `progress-ring progress-ring--${m} ${r}`,
     style: { "--progress-ring-size": `${p}px` },
@@ -22612,13 +22629,13 @@ ${h.textContent ?? ""}
                 </tbody>
             </table><p><br></p>
         `, zl = 100, Vl = (t, r, l) => {
-  const a = X([]), h = X([]);
+  const a = K([]), h = K([]);
   return {
-    snapshotForUndo: P(() => {
+    snapshotForUndo: Z(() => {
       const d = t.current;
       d && (a.current.push(d.innerHTML), a.current.length > zl && a.current.shift(), h.current = []);
     }, [t]),
-    undo: P(() => {
+    undo: Z(() => {
       const d = t.current;
       if (!d || a.current.length === 0) return;
       h.current.push(d.innerHTML);
@@ -22631,7 +22648,7 @@ ${h.textContent ?? ""}
       r,
       l
     ]),
-    redo: P(() => {
+    redo: Z(() => {
       const d = t.current;
       if (!d || h.current.length === 0) return;
       a.current.push(d.innerHTML);
@@ -22646,7 +22663,7 @@ ${h.textContent ?? ""}
     ])
   };
 }, Nl = ({ editorRef: t, snapshotForUndo: r, emitChange: l }) => {
-  const [a, h] = z(!1), [d, o] = z(""), [m, i] = z(""), n = X(null), s = X(null);
+  const [a, h] = z(!1), [d, o] = z(""), [m, i] = z(""), n = K(null), s = K(null);
   return {
     showLinkPrompt: a,
     linkUrl: d,
@@ -22654,7 +22671,7 @@ ${h.textContent ?? ""}
     linkText: m,
     setLinkText: i,
     editingAnchorRef: s,
-    openLinkPrompt: P((p) => {
+    openLinkPrompt: Z((p) => {
       if (p)
         s.current = p, i(p.textContent ?? ""), o(p.getAttribute("href") ?? "");
       else {
@@ -22664,7 +22681,7 @@ ${h.textContent ?? ""}
       }
       h(!0);
     }, []),
-    confirmLink: P(() => {
+    confirmLink: Z(() => {
       const p = t.current;
       if (p) {
         if (p.focus(), s.current) {
@@ -22697,12 +22714,12 @@ ${h.textContent ?? ""}
       r,
       l
     ]),
-    cancelLink: P(() => {
+    cancelLink: Z(() => {
       h(!1), o(""), i(""), n.current = null, s.current = null;
     }, [])
   };
 }, Hl = ({ editorRef: t, snapshotForUndo: r, emitChange: l }) => {
-  const [a, h] = z(null), [d, o] = z(null), m = P(() => {
+  const [a, h] = z(null), [d, o] = z(null), m = Z(() => {
     const v = window.getSelection();
     if (!v || v.rangeCount === 0) return null;
     let w = v.getRangeAt(0).commonAncestorContainer;
@@ -22714,7 +22731,7 @@ ${h.textContent ?? ""}
       w = w.parentNode;
     }
     return null;
-  }, [t]), i = P((v) => {
+  }, [t]), i = Z((v) => {
     const w = t.current;
     if (!w) return;
     const f = w.getBoundingClientRect(), y = v.getBoundingClientRect();
@@ -22722,9 +22739,9 @@ ${h.textContent ?? ""}
       top: y.top - f.top - 36,
       left: y.left - f.left
     });
-  }, [t]), n = P(() => {
+  }, [t]), n = Z(() => {
     h(null), o(null);
-  }, []), s = P(() => {
+  }, []), s = Z(() => {
     if (!a) return;
     r();
     const v = m()?.closest("tr") ?? null, w = a.querySelector("tbody") ?? a, f = v ?? w.querySelector("tr:last-child");
@@ -22737,7 +22754,7 @@ ${h.textContent ?? ""}
     m,
     l,
     i
-  ]), p = P(() => {
+  ]), p = Z(() => {
     if (!a) return;
     r();
     const v = m()?.closest("tr") ?? null, w = a.querySelector("tbody") ?? a, f = v ?? w.querySelector("tr:first-child");
@@ -22750,7 +22767,7 @@ ${h.textContent ?? ""}
     m,
     l,
     i
-  ]), u = P(() => {
+  ]), u = Z(() => {
     if (!a) return;
     const v = Array.from(a.querySelectorAll("tbody tr"));
     v.length <= 1 || (r(), (m()?.closest("tr") ?? v[v.length - 1]).remove(), l(), i(a));
@@ -22760,7 +22777,7 @@ ${h.textContent ?? ""}
     m,
     l,
     i
-  ]), g = P(() => {
+  ]), g = Z(() => {
     if (!a) return;
     r();
     const v = m(), w = v ? Array.from(v.parentElement.querySelectorAll("td,th")).indexOf(v) : -1;
@@ -22785,7 +22802,7 @@ ${h.textContent ?? ""}
     addRowAbove: p,
     addRowBelow: s,
     removeRow: u,
-    addColumnLeft: P(() => {
+    addColumnLeft: Z(() => {
       if (!a) return;
       r();
       const v = m(), w = v ? Array.from(v.parentElement.querySelectorAll("td,th")).indexOf(v) : 0;
@@ -22803,7 +22820,7 @@ ${h.textContent ?? ""}
       i
     ]),
     addColumnRight: g,
-    removeColumn: P(() => {
+    removeColumn: Z(() => {
       if (!a) return;
       const v = Array.from(a.querySelectorAll("tr"));
       if ((v[0]?.querySelectorAll("td,th").length ?? 0) <= 1) return;
@@ -22820,7 +22837,7 @@ ${h.textContent ?? ""}
       l,
       i
     ]),
-    deleteTable: P(() => {
+    deleteTable: Z(() => {
       a && (r(), a.remove(), n(), l());
     }, [
       a,
@@ -22877,7 +22894,7 @@ ${h.textContent ?? ""}
     /* @__PURE__ */ c("div", {
       className: "rte-table-toolbar-group",
       children: [
-        /* @__PURE__ */ e(J, {
+        /* @__PURE__ */ e(X, {
           title: "Add row above",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22886,7 +22903,7 @@ ${h.textContent ?? ""}
             children: "↑ Row"
           })
         }),
-        /* @__PURE__ */ e(J, {
+        /* @__PURE__ */ e(X, {
           title: "Add row below",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22895,7 +22912,7 @@ ${h.textContent ?? ""}
             children: "↓ Row"
           })
         }),
-        /* @__PURE__ */ e(J, {
+        /* @__PURE__ */ e(X, {
           title: "Remove last row",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22910,7 +22927,7 @@ ${h.textContent ?? ""}
     /* @__PURE__ */ c("div", {
       className: "rte-table-toolbar-group",
       children: [
-        /* @__PURE__ */ e(J, {
+        /* @__PURE__ */ e(X, {
           title: "Add column left",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22919,7 +22936,7 @@ ${h.textContent ?? ""}
             children: "← Col"
           })
         }),
-        /* @__PURE__ */ e(J, {
+        /* @__PURE__ */ e(X, {
           title: "Add column right",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22928,7 +22945,7 @@ ${h.textContent ?? ""}
             children: "→ Col"
           })
         }),
-        /* @__PURE__ */ e(J, {
+        /* @__PURE__ */ e(X, {
           title: "Remove last column",
           children: /* @__PURE__ */ e("button", {
             type: "button",
@@ -22942,7 +22959,7 @@ ${h.textContent ?? ""}
     /* @__PURE__ */ e("div", { className: "rte-table-toolbar-divider" }),
     /* @__PURE__ */ e("div", {
       className: "rte-table-toolbar-group",
-      children: /* @__PURE__ */ e(J, {
+      children: /* @__PURE__ */ e(X, {
         title: "Delete table",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -22958,7 +22975,7 @@ ${h.textContent ?? ""}
   children: [
     /* @__PURE__ */ e("div", {
       className: "rte-toolbar-group",
-      children: xl.map((n) => /* @__PURE__ */ e(J, {
+      children: xl.map((n) => /* @__PURE__ */ e(X, {
         title: n.title,
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -22973,7 +22990,7 @@ ${h.textContent ?? ""}
     /* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }),
     /* @__PURE__ */ c("div", {
       className: "rte-toolbar-group",
-      children: [Ml.map((n) => /* @__PURE__ */ e(J, {
+      children: [Ml.map((n) => /* @__PURE__ */ e(X, {
         title: n.title,
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -22983,7 +23000,7 @@ ${h.textContent ?? ""}
           },
           children: n.label
         })
-      }, n.command)), /* @__PURE__ */ e(J, {
+      }, n.command)), /* @__PURE__ */ e(X, {
         title: "Task List",
         children: /* @__PURE__ */ c("button", {
           type: "button",
@@ -22991,14 +23008,14 @@ ${h.textContent ?? ""}
           onMouseDown: (n) => {
             n.preventDefault(), h();
           },
-          children: [/* @__PURE__ */ e(Z, { name: "checkmark" }), " List"]
+          children: [/* @__PURE__ */ e(P, { name: "checkmark" }), " List"]
         })
       })]
     }),
     /* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }),
     /* @__PURE__ */ e("div", {
       className: "rte-toolbar-group",
-      children: kl.map((n) => /* @__PURE__ */ e(J, {
+      children: kl.map((n) => /* @__PURE__ */ e(X, {
         title: `Heading ${n}`,
         children: /* @__PURE__ */ c("button", {
           type: "button",
@@ -23013,7 +23030,7 @@ ${h.textContent ?? ""}
     /* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }),
     /* @__PURE__ */ e("div", {
       className: "rte-toolbar-group",
-      children: /* @__PURE__ */ e(J, {
+      children: /* @__PURE__ */ e(X, {
         title: "Insert Link",
         children: /* @__PURE__ */ c("button", {
           type: "button",
@@ -23021,13 +23038,13 @@ ${h.textContent ?? ""}
           onMouseDown: (n) => {
             n.preventDefault(), d();
           },
-          children: [/* @__PURE__ */ e(Z, { name: "link" }), " Link"]
+          children: [/* @__PURE__ */ e(P, { name: "link" }), " Link"]
         })
       })
     }),
     t && /* @__PURE__ */ c(n1, { children: [/* @__PURE__ */ e("div", { className: "rte-toolbar-divider" }), /* @__PURE__ */ c("div", {
       className: "rte-toolbar-group",
-      children: [_l.map((n) => /* @__PURE__ */ e(J, {
+      children: [_l.map((n) => /* @__PURE__ */ e(X, {
         title: n.title,
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -23037,7 +23054,7 @@ ${h.textContent ?? ""}
           },
           children: n.label
         })
-      }, n.command + (n.value ?? ""))), /* @__PURE__ */ e(J, {
+      }, n.command + (n.value ?? ""))), /* @__PURE__ */ e(X, {
         title: "Insert Table",
         children: /* @__PURE__ */ e("button", {
           type: "button",
@@ -23051,14 +23068,14 @@ ${h.textContent ?? ""}
     })] })
   ]
 }), Bi = ({ advanced: t = !1, error: r, format: l = "html", id: a, label: h, onBlur: d, onChange: o, placeholder: m, required: i = !1, value: n }) => {
-  const s = X(null), p = X(!1), u = X(null), [g, v] = z(/* @__PURE__ */ new Set());
+  const s = K(null), p = K(!1), u = K(null), [g, v] = z(/* @__PURE__ */ new Set());
   F(() => {
     const r1 = s.current;
     if (!r1 || p.current) return;
     const s1 = n ?? "";
     r1.innerHTML !== s1 && (r1.innerHTML = s1);
   }, [n]);
-  const w = P(() => {
+  const w = Z(() => {
     const r1 = s.current;
     if (!r1 || !o) return;
     p.current = !0;
@@ -23070,11 +23087,11 @@ ${h.textContent ?? ""}
     editorRef: s,
     snapshotForUndo: f,
     emitChange: w
-  }), { activeTable: R, tableToolbarPos: B, showTableToolbar: E, hideTableToolbar: O, addRowAbove: o1, addRowBelow: N, removeRow: q, addColumnLeft: t1, addColumnRight: I, removeColumn: D, deleteTable: Q } = Hl({
+  }), { activeTable: R, tableToolbarPos: B, showTableToolbar: E, hideTableToolbar: O, addRowAbove: o1, addRowBelow: N, removeRow: q, addColumnLeft: t1, addColumnRight: I, removeColumn: D, deleteTable: J } = Hl({
     editorRef: s,
     snapshotForUndo: f,
     emitChange: w
-  }), h1 = P(() => {
+  }), h1 = Z(() => {
     const r1 = [
       "bold",
       "italic",
@@ -23104,12 +23121,12 @@ ${h.textContent ?? ""}
       }
     }
     v(s1);
-  }, []), U = P((r1, s1) => {
+  }, []), U = Z((r1, s1) => {
     s.current?.focus(), document.execCommand(r1, !1, s1), h1(), w();
-  }, [w, h1]), d1 = P((r1) => {
+  }, [w, h1]), d1 = Z((r1) => {
     const s1 = `h${r1}`, A = g.has(s1);
     U("formatBlock", A ? "p" : s1);
-  }, [g, U]), v1 = P(() => {
+  }, [g, U]), v1 = Z(() => {
     f();
     const r1 = s.current;
     if (!r1) return;
@@ -23126,9 +23143,9 @@ ${h.textContent ?? ""}
     x1.className = "rte-task-list", x1.appendChild(j), A.deleteContents(), A.insertNode(x1);
     const M1 = document.createRange();
     M1.setStart(m1, 1), M1.collapse(!0), s1.removeAllRanges(), s1.addRange(M1), w();
-  }, [f, w]), y1 = P(() => {
+  }, [f, w]), y1 = Z(() => {
     U("insertHTML", Ll);
-  }, [U]), _1 = P((r1) => {
+  }, [U]), _1 = Z((r1) => {
     const s1 = r1.target, A = s1.closest("a");
     if (A) {
       r1.preventDefault(), V(A), h1();
@@ -23141,7 +23158,7 @@ ${h.textContent ?? ""}
     h1,
     E,
     O
-  ]), C1 = P((r1) => {
+  ]), C1 = Z((r1) => {
     if ((r1.ctrlKey || r1.metaKey) && r1.key === "z") {
       r1.preventDefault(), r1.shiftKey ? b() : y();
       return;
@@ -23222,7 +23239,7 @@ ${h.textContent ?? ""}
             addColumnLeft: t1,
             addColumnRight: I,
             removeColumn: D,
-            deleteTable: Q
+            deleteTable: J
           }),
           /* @__PURE__ */ e("div", {
             ref: s,
@@ -23257,7 +23274,7 @@ ${h.textContent ?? ""}
       o.removeEventListener("scroll", m);
     };
   }, [t, r]);
-  const d = P(() => {
+  const d = Z(() => {
     t ? t.scrollTo({
       top: 0,
       behavior: "smooth"
@@ -23266,7 +23283,7 @@ ${h.textContent ?? ""}
       behavior: "smooth"
     });
   }, [t]);
-  return a ? /* @__PURE__ */ e(J, {
+  return a ? /* @__PURE__ */ e(X, {
     title: "Scroll to top",
     children: /* @__PURE__ */ e("button", {
       className: `scroll-to-top${l ? ` ${l}` : ""}`,
@@ -23282,7 +23299,7 @@ ${h.textContent ?? ""}
   if (!t) throw new Error("useSidebar must be used within a SidebarProvider");
   return t;
 }, Ei = ({ children: t }) => {
-  const { isMobile: r } = g0(), [l, a] = z(!1), h = P(() => a((i) => !i), []), d = P(() => a(!0), []), o = P(() => a(!1), []), m = g1(() => ({
+  const { isMobile: r } = g0(), [l, a] = z(!1), h = Z(() => a((i) => !i), []), d = Z(() => a(!0), []), o = Z(() => a(!1), []), m = u1(() => ({
     isMobile: r,
     isOpen: l,
     toggle: h,
@@ -23325,7 +23342,7 @@ ${h.textContent ?? ""}
     children: [
       M.icon && /* @__PURE__ */ e("span", {
         className: "sidebar__link-icon",
-        children: /* @__PURE__ */ e(Z, { name: M.icon })
+        children: /* @__PURE__ */ e(P, { name: M.icon })
       }),
       M.emoji && /* @__PURE__ */ e("span", {
         className: "sidebar__link-emoji",
@@ -23339,7 +23356,7 @@ ${h.textContent ?? ""}
         className: "sidebar__link-label",
         children: M.label
       }),
-      M.count !== void 0 && /* @__PURE__ */ e(J, {
+      M.count !== void 0 && /* @__PURE__ */ e(X, {
         title: M.countLabel,
         children: /* @__PURE__ */ e("span", {
           className: "sidebar__link-count",
@@ -23378,7 +23395,7 @@ ${h.textContent ?? ""}
                 className: "sidebar__section-title-row",
                 children: [M.icon && /* @__PURE__ */ e("span", {
                   className: "sidebar__section-icon",
-                  children: /* @__PURE__ */ e(Z, { name: M.icon })
+                  children: /* @__PURE__ */ e(P, { name: M.icon })
                 }), /* @__PURE__ */ c("div", {
                   className: "sidebar__section-copy",
                   children: [M.title && /* @__PURE__ */ e("span", {
@@ -23494,11 +23511,11 @@ var Ii = ({ variant: t = "text", animation: r = "pulse", width: l, height: a, bo
     children: s
   }) : /* @__PURE__ */ e(n1, { children: s });
 }, Gi = ({ children: t, panel: r, isPanelOpen: l, onPanelClose: a, panelTitle: h, defaultLeftPercent: d = 55, minLeftPercent: o = 25, minRightPercent: m = 20, className: i = "" }) => {
-  const [n, s] = z(d), p = X(null), u = X(!1);
+  const [n, s] = z(d), p = K(null), u = K(!1);
   F(() => (l ? document.body.classList.add("split-panel-active") : document.body.classList.remove("split-panel-active"), () => {
     document.body.classList.remove("split-panel-active");
   }), [l]);
-  const g = P((v) => {
+  const g = Z((v) => {
     v.preventDefault(), u.current = !0, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
     const w = (y) => {
       if (!u.current || !p.current) return;
@@ -23535,7 +23552,7 @@ var Ii = ({ variant: t = "text", animation: r = "pulse", width: l, height: a, bo
           children: [h && /* @__PURE__ */ e("h2", {
             className: "split-panel__right-title",
             children: h
-          }), /* @__PURE__ */ e(J, {
+          }), /* @__PURE__ */ e(X, {
             title: "Close panel",
             children: /* @__PURE__ */ e("button", {
               className: "split-panel__close",
@@ -23557,7 +23574,7 @@ var Ii = ({ variant: t = "text", animation: r = "pulse", width: l, height: a, bo
   const a = `${E0(r)}%`;
   return t.label && l ? `${t.label} - ${a}` : t.label ? t.label : a;
 }, Zi = ({ animated: t = !1, height: r, normalize: l = !0, orientation: a = "horizontal", segments: h, separators: d = !1, showLabels: o = !0, showPercentage: m = !0, thin: i = !1, width: n }) => {
-  const s = g1(() => {
+  const s = u1(() => {
     if (h.length === 0) return [];
     if (!l) return h.map((v) => Math.max(0, v.value));
     const g = h.reduce((v, w) => v + Math.max(0, w.value), 0);
@@ -23575,7 +23592,7 @@ var Ii = ({ variant: t = "text", animation: r = "pulse", width: l, height: a, bo
       const w = s[v];
       if (w <= 0) return null;
       const f = g.state || "default", y = g.pattern || "solid", b = El(g, w, m);
-      return /* @__PURE__ */ e(J, {
+      return /* @__PURE__ */ e(X, {
         title: b,
         children: /* @__PURE__ */ e("div", {
           className: [
@@ -23635,11 +23652,11 @@ var Ii = ({ variant: t = "text", animation: r = "pulse", width: l, height: a, bo
 function _2({ state: t }) {
   return /* @__PURE__ */ e("span", {
     className: `suggestions-list__sort-icon suggestions-list__sort-icon--${t}`,
-    children: /* @__PURE__ */ e(Z, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
+    children: /* @__PURE__ */ e(P, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
   });
 }
 var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h = !1, onRowClick: d }) => {
-  const [o, m] = z(!1), [i, n] = z(!1), [s, p] = z(""), [u, g] = z(null), [v, w] = z("asc"), f = g1(() => s.trim() ? t.filter((M) => M.name.toLowerCase().includes(s.toLowerCase())) : t, [t, s]), y = g1(() => {
+  const [o, m] = z(!1), [i, n] = z(!1), [s, p] = z(""), [u, g] = z(null), [v, w] = z("asc"), f = u1(() => s.trim() ? t.filter((M) => M.name.toLowerCase().includes(s.toLowerCase())) : t, [t, s]), y = u1(() => {
     if (!u) return f;
     const M = [...f].sort((V, S) => {
       const _ = u === "name" ? V.name : V.value, R = u === "name" ? S.name : S.value;
@@ -23650,16 +23667,16 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
     f,
     u,
     v
-  ]), b = g1(() => i ? [...y] : y.slice(0, L2), [y, i]), C = y.length > L2, x = () => {
+  ]), b = u1(() => i ? [...y] : y.slice(0, L2), [y, i]), C = y.length > L2, x = () => {
     m(!o);
-  }, k = P(() => {
+  }, k = Z(() => {
     n(!i);
   }, [i]), H = (M) => {
     u === M ? w((V) => V === "asc" ? "desc" : "asc") : (g(M), w("asc"));
-  }, L = g1(() => /* @__PURE__ */ c("div", {
+  }, L = u1(() => /* @__PURE__ */ c("div", {
     className: "list-suggestions-list",
     children: [
-      /* @__PURE__ */ e(J, {
+      /* @__PURE__ */ e(X, {
         title: a,
         children: /* @__PURE__ */ e("legend", { children: l || "Suggestions" })
       }),
@@ -24287,11 +24304,11 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
       C.fontUrlMono ? (H || (H = document.createElement("link"), H.id = H2, H.rel = "stylesheet", document.head.appendChild(H)), H.href = C.fontUrlMono) : H?.remove();
     }
   }, [p]);
-  const g = P((C) => {
+  const g = Z((C) => {
     o(C);
-  }, []), v = P((C) => {
+  }, []), v = Z((C) => {
     i(C);
-  }, []), w = P(() => {
+  }, []), w = Z(() => {
     o(null), i(null);
   }, []);
   F(() => {
@@ -24315,7 +24332,7 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
     d,
     h
   ]);
-  const f = p0.findIndex((C) => C.value === p), y = f >= 0 ? p0[f].label : p, b = P(() => {
+  const f = p0.findIndex((C) => C.value === p), y = f >= 0 ? p0[f].label : p, b = Z(() => {
     a?.({
       theme: p,
       effects: u
@@ -24348,13 +24365,15 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
         boxShadow: "0 4px 16px rgba(0, 0, 0, 0.3)"
       },
       children: [
-        /* @__PURE__ */ e("span", {
-          onClick: () => {
-            navigator.clipboard.writeText(y), s(!0), window.setTimeout(() => s(!1), 1500);
-          },
-          style: { cursor: "pointer" },
+        /* @__PURE__ */ e(X, {
           title: "Copy theme name",
-          children: y
+          children: /* @__PURE__ */ e("span", {
+            onClick: () => {
+              navigator.clipboard.writeText(y), s(!0), window.setTimeout(() => s(!1), 1500);
+            },
+            style: { cursor: "pointer" },
+            children: y
+          })
         }),
         /* @__PURE__ */ c("span", {
           style: {
@@ -24449,7 +24468,7 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
       label: "Glow",
       value: "glow-effect"
     }
-  ], [f, y] = z(""), [b, C] = z(!1), [x, k] = z(!1), [H, L] = z("all"), M = X(null), V = X(!1), S = a?.trim().toLowerCase() ?? "", _ = g1(() => {
+  ], [f, y] = z(""), [b, C] = z(!1), [x, k] = z(!1), [H, L] = z("all"), M = K(null), V = K(!1), S = a?.trim().toLowerCase() ?? "", _ = u1(() => {
     let N = p0;
     if (l && l.length > 0) {
       const q = new Set(l);
@@ -24698,9 +24717,9 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
     className: "tips-of-the-day",
     children: [
       /* @__PURE__ */ c("h3", { children: [
-        /* @__PURE__ */ e(Z, { name: "sparkle" }),
+        /* @__PURE__ */ e(P, { name: "sparkle" }),
         " Tip Of The Day ",
-        /* @__PURE__ */ e(Z, { name: "sparkle" })
+        /* @__PURE__ */ e(P, { name: "sparkle" })
       ] }),
       " ",
       /* @__PURE__ */ e("h4", { children: t[r] })
@@ -24723,12 +24742,12 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
       onClick: o.onClick,
       children: o.label
     }),
-    h && /* @__PURE__ */ e(J, {
+    h && /* @__PURE__ */ e(X, {
       title: "Close",
       children: /* @__PURE__ */ e("button", {
         className: "toast__close",
         onClick: l,
-        children: /* @__PURE__ */ e(Z, {
+        children: /* @__PURE__ */ e(P, {
           name: "clear",
           size: "sm"
         })
@@ -24746,7 +24765,7 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
         onClick: () => l(m.key),
         children: [m.icon && /* @__PURE__ */ e("span", {
           className: "toggle-buttons__card-icon",
-          children: /* @__PURE__ */ e(Z, {
+          children: /* @__PURE__ */ e(P, {
             name: m.icon,
             size: "xl"
           })
@@ -24755,7 +24774,7 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
           children: m.label
         })]
       }, m.key);
-      return m.description ? /* @__PURE__ */ e(J, {
+      return m.description ? /* @__PURE__ */ e(X, {
         title: m.description,
         children: i
       }, m.key) : i;
@@ -24803,17 +24822,19 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
   return /* @__PURE__ */ c("div", {
     className: u,
     children: [
-      s && /* @__PURE__ */ c(T, {
-        className: "memobit-toolbar__control-panel-toggle",
-        icon: "tune",
-        onClick: n?.toggle,
-        size: "medium",
+      s && /* @__PURE__ */ e(X, {
         title: "Filters",
-        variant: "default",
-        children: [l && jl(l), p > 0 && /* @__PURE__ */ e("span", {
-          className: "memobit-toolbar__control-panel-toggle-count",
-          children: p
-        })]
+        children: /* @__PURE__ */ c(T, {
+          className: "memobit-toolbar__control-panel-toggle",
+          icon: "tune",
+          onClick: n?.toggle,
+          size: "medium",
+          variant: "default",
+          children: [l && jl(l), p > 0 && /* @__PURE__ */ e("span", {
+            className: "memobit-toolbar__control-panel-toggle-count",
+            children: p
+          })]
+        })
       }),
       a && /* @__PURE__ */ c("div", {
         className: ["memobit-toolbar__heading", a.onClick ? "memobit-toolbar__heading--clickable" : ""].filter(Boolean).join(" "),
@@ -24822,7 +24843,7 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
           className: "memobit-toolbar__heading-icon",
           children: [
             a.svg,
-            a.icon && /* @__PURE__ */ e(Z, { name: a.icon }),
+            a.icon && /* @__PURE__ */ e(P, { name: a.icon }),
             a.emoji
           ]
         }), /* @__PURE__ */ c("div", {
@@ -24918,7 +24939,7 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
           className: "tour-hud__btn",
           disabled: l === 0,
           onClick: o,
-          children: [/* @__PURE__ */ e(Z, {
+          children: [/* @__PURE__ */ e(P, {
             name: "arrow-left",
             size: "sm"
           }), "Prev"]
@@ -24928,7 +24949,7 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
           className: "tour-hud__btn",
           disabled: l >= a - 1,
           onClick: m,
-          children: ["Next", /* @__PURE__ */ e(Z, {
+          children: ["Next", /* @__PURE__ */ e(P, {
             name: "arrow-right",
             size: "sm"
           })]
@@ -24956,7 +24977,7 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
     strokeLinejoin: "round"
   })
 }), c3 = ({ node: t, depth: r, selectable: l, showGuides: a, animated: h, selectedId: d, onSelect: o }) => {
-  const [m, i] = z(t.defaultExpanded ?? !1), n = Array.isArray(t.children) && t.children.length > 0, s = l && d === t.id, p = P((u) => {
+  const [m, i] = z(t.defaultExpanded ?? !1), n = Array.isArray(t.children) && t.children.length > 0, s = l && d === t.id, p = Z((u) => {
     t.disabled || "key" in u && u.key !== "Enter" && u.key !== " " || (n && i((g) => !g), l && o(t));
   }, [
     n,
@@ -25014,7 +25035,7 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
     }, u.id))
   })] });
 }, Qi = ({ nodes: t, selectable: r = !1, onSelect: l, showGuides: a = !0, animated: h = !0, defaultSelectedId: d = null, className: o = "" }) => {
-  const [m, i] = z(d), n = P((s) => {
+  const [m, i] = z(d), n = Z((s) => {
     s.disabled || (i(s.id), l?.(s));
   }, [l]);
   return /* @__PURE__ */ e("ul", {
@@ -25031,7 +25052,7 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
   });
 }, Ol = 96, Yl = 6;
 function Ji({ items: t, renderItem: r, getKey: l, rowHeight: a, overscan: h = Yl, maxHeight: d, empty: o, className: m = "", rowClassName: i = "" }) {
-  const n = X(null), [s, p] = z(0), [u, g] = z(0), [v, w] = z(() => window.innerHeight), [f, y] = z(Ol), b = a && a > 0 ? a : f, C = P((_) => {
+  const n = K(null), [s, p] = z(0), [u, g] = z(0), [v, w] = z(() => window.innerHeight), [f, y] = z(Ol), b = a && a > 0 ? a : f, C = Z((_) => {
     p(_.currentTarget.scrollTop);
   }, []);
   F(() => {
@@ -25219,13 +25240,13 @@ function tn({ children: t, config: r }) {
       }
     })();
   }, [r.apiBaseUrl]);
-  const o = P((s) => {
+  const o = Z((s) => {
     s.user && a({
       id: s.user.id,
       username: s.user.username,
       createdAt: new Date(s.user.createdAt)
     });
-  }, []), m = P(async (s) => {
+  }, []), m = Z(async (s) => {
     d(!0);
     try {
       const p = await fetch(`${r.apiBaseUrl}/auth/login`, {
@@ -25252,7 +25273,7 @@ function tn({ children: t, config: r }) {
     } finally {
       d(!1);
     }
-  }, [r.apiBaseUrl, o]), i = P(async (s, p) => {
+  }, [r.apiBaseUrl, o]), i = Z(async (s, p) => {
     d(!0);
     try {
       const u = await fetch(`${r.apiBaseUrl}/auth/verifyMfa`, {
@@ -25274,7 +25295,7 @@ function tn({ children: t, config: r }) {
     } finally {
       d(!1);
     }
-  }, [r.apiBaseUrl, o]), n = P(async () => {
+  }, [r.apiBaseUrl, o]), n = Z(async () => {
     try {
       await fetch(`${r.apiBaseUrl}/auth/logout`, {
         method: "POST",
@@ -26390,7 +26411,7 @@ function ca(t, r) {
   return r != null ? Math.max(Math.floor(r), 0) : t ? Jl : ea;
 }
 function u3({ value: t, level: r, minVersion: l, includeMargin: a, marginSize: h, imageSettings: d, size: o, boostLevel: m }) {
-  let i = u1.useMemo(() => {
+  let i = g1.useMemo(() => {
     const g = (Array.isArray(t) ? t : [t]).reduce((v, w) => (v.push(...v0.QrSegment.makeSegments(w)), v), []);
     return v0.QrCode.encodeSegments(g, Ql[r], l, void 0, void 0, m);
   }, [
@@ -26399,7 +26420,7 @@ function u3({ value: t, level: r, minVersion: l, includeMargin: a, marginSize: h
     l,
     m
   ]);
-  const { cells: n, margin: s, numCells: p, calculatedImageSettings: u } = u1.useMemo(() => {
+  const { cells: n, margin: s, numCells: p, calculatedImageSettings: u } = g1.useMemo(() => {
     let g = i.getModules();
     const v = ca(a, h);
     return {
@@ -26430,7 +26451,7 @@ var la = (function() {
     return !1;
   }
   return !0;
-})(), aa = u1.forwardRef(function(r, l) {
+})(), aa = g1.forwardRef(function(r, l) {
   const a = r, { value: h, size: d = n3, level: o = o3, bgColor: m = s3, fgColor: i = h3, includeMargin: n = d3, minVersion: s = m3, boostLevel: p, marginSize: u, imageSettings: g } = a, v = r2(a, [
     "value",
     "size",
@@ -26442,9 +26463,9 @@ var la = (function() {
     "boostLevel",
     "marginSize",
     "imageSettings"
-  ]), { style: w } = v, f = r2(v, ["style"]), y = g?.src, b = u1.useRef(null), C = u1.useRef(null), x = u1.useCallback((B) => {
+  ]), { style: w } = v, f = r2(v, ["style"]), y = g?.src, b = g1.useRef(null), C = g1.useRef(null), x = g1.useCallback((B) => {
     b.current = B, typeof l == "function" ? l(B) : l && (l.current = B);
-  }, [l]), [k, H] = u1.useState(!1), { margin: L, cells: M, numCells: V, calculatedImageSettings: S } = u3({
+  }, [l]), [k, H] = g1.useState(!1), { margin: L, cells: M, numCells: V, calculatedImageSettings: S } = u3({
     value: h,
     level: o,
     minVersion: s,
@@ -26454,7 +26475,7 @@ var la = (function() {
     imageSettings: g,
     size: d
   });
-  u1.useEffect(() => {
+  g1.useEffect(() => {
     if (b.current != null) {
       const B = b.current, E = B.getContext("2d");
       if (!E) return;
@@ -26465,12 +26486,12 @@ var la = (function() {
       B.height = B.width = d * q;
       const t1 = d / V * q;
       E.scale(t1, t1), E.fillStyle = m, E.fillRect(0, 0, V, V), E.fillStyle = i, la ? E.fill(new Path2D(p3(O, L))) : M.forEach(function(I, D) {
-        I.forEach(function(Q, h1) {
-          Q && E.fillRect(h1 + L, D + L, 1, 1);
+        I.forEach(function(J, h1) {
+          J && E.fillRect(h1 + L, D + L, 1, 1);
         });
       }), S && (E.globalAlpha = S.opacity), N && E.drawImage(o1, S.x + L, S.y + L, S.w, S.h);
     }
-  }), u1.useEffect(() => {
+  }), g1.useEffect(() => {
     H(!1);
   }, [y]);
   const _ = t2({
@@ -26478,7 +26499,7 @@ var la = (function() {
     width: d
   }, w);
   let R = null;
-  return y != null && (R = /* @__PURE__ */ u1.createElement("img", {
+  return y != null && (R = /* @__PURE__ */ g1.createElement("img", {
     src: y,
     key: y,
     style: { display: "none" },
@@ -26487,7 +26508,7 @@ var la = (function() {
     },
     ref: C,
     crossOrigin: S?.crossOrigin
-  })), /* @__PURE__ */ u1.createElement(u1.Fragment, null, /* @__PURE__ */ u1.createElement("canvas", t2({
+  })), /* @__PURE__ */ g1.createElement(g1.Fragment, null, /* @__PURE__ */ g1.createElement("canvas", t2({
     style: _,
     height: d,
     width: d,
@@ -26496,7 +26517,7 @@ var la = (function() {
   }, f)), R);
 });
 aa.displayName = "QRCodeCanvas";
-var g3 = u1.forwardRef(function(r, l) {
+var g3 = g1.forwardRef(function(r, l) {
   const a = r, { value: h, size: d = n3, level: o = o3, bgColor: m = s3, fgColor: i = h3, includeMargin: n = d3, minVersion: s = m3, boostLevel: p, title: u, marginSize: g, imageSettings: v } = a, w = r2(a, [
     "value",
     "size",
@@ -26520,7 +26541,7 @@ var g3 = u1.forwardRef(function(r, l) {
     size: d
   });
   let x = y, k = null;
-  v != null && C != null && (C.excavation != null && (x = v3(y, C.excavation)), k = /* @__PURE__ */ u1.createElement("image", {
+  v != null && C != null && (C.excavation != null && (x = v3(y, C.excavation)), k = /* @__PURE__ */ g1.createElement("image", {
     href: v.src,
     height: C.h,
     width: C.w,
@@ -26531,17 +26552,17 @@ var g3 = u1.forwardRef(function(r, l) {
     crossOrigin: C.crossOrigin
   }));
   const H = p3(x, f);
-  return /* @__PURE__ */ u1.createElement("svg", t2({
+  return /* @__PURE__ */ g1.createElement("svg", t2({
     height: d,
     width: d,
     viewBox: `0 0 ${b} ${b}`,
     ref: l,
     role: "img"
-  }, w), !!u && /* @__PURE__ */ u1.createElement("title", null, u), /* @__PURE__ */ u1.createElement("path", {
+  }, w), !!u && /* @__PURE__ */ g1.createElement("title", null, u), /* @__PURE__ */ g1.createElement("path", {
     fill: m,
     d: `M0,0 h${b}v${b}H0z`,
     shapeRendering: "crispEdges"
-  }), /* @__PURE__ */ u1.createElement("path", {
+  }), /* @__PURE__ */ g1.createElement("path", {
     fill: i,
     d: H,
     shapeRendering: "crispEdges"
@@ -26549,10 +26570,10 @@ var g3 = u1.forwardRef(function(r, l) {
 });
 g3.displayName = "QRCodeSVG";
 function nn({ isOpen: t, onClose: r }) {
-  const { config: l } = n2(), [a, h] = z("loading"), [d, o] = z(!1), [m, i] = z(null), [n, s] = z(""), [p, u] = z(""), [g, v] = z(""), [w, f] = z(""), [y, b] = z([]), [C, x] = z(""), [k, H] = z(!1), [L, M] = z(null), V = P(async (Q, h1) => {
+  const { config: l } = n2(), [a, h] = z("loading"), [d, o] = z(!1), [m, i] = z(null), [n, s] = z(""), [p, u] = z(""), [g, v] = z(""), [w, f] = z(""), [y, b] = z([]), [C, x] = z(""), [k, H] = z(!1), [L, M] = z(null), V = Z(async (J, h1) => {
     const U = document.cookie.match(/(?:^|;\s*)csrf_token=([^;]+)/), d1 = U ? decodeURIComponent(U[1]) : null, v1 = { "Content-Type": "application/json" };
     d1 && (v1["X-CSRF-Token"] = d1);
-    const y1 = await fetch(`${l.apiBaseUrl}${Q}`, {
+    const y1 = await fetch(`${l.apiBaseUrl}${J}`, {
       method: "POST",
       credentials: "include",
       headers: v1,
@@ -26560,11 +26581,11 @@ function nn({ isOpen: t, onClose: r }) {
     }), _1 = await y1.json().catch(() => ({}));
     if (!y1.ok) throw new Error(_1.error || "Request failed");
     return _1;
-  }, [l.apiBaseUrl]), S = P(async () => {
+  }, [l.apiBaseUrl]), S = Z(async () => {
     h("loading"), x("");
     try {
-      const Q = await (await fetch(`${l.apiBaseUrl}/auth/mfaStatus`, { credentials: "include" })).json();
-      o(!!Q.enabled), i(Q.method ?? null), h("overview");
+      const J = await (await fetch(`${l.apiBaseUrl}/auth/mfaStatus`, { credentials: "include" })).json();
+      o(!!J.enabled), i(J.method ?? null), h("overview");
     } catch {
       x("Could not load MFA status."), h("overview");
     }
@@ -26572,34 +26593,34 @@ function nn({ isOpen: t, onClose: r }) {
   F(() => {
     t && (v(""), f(""), x(""), b([]), S());
   }, [t, S]);
-  const _ = async (Q) => {
+  const _ = async (J) => {
     H(!0), x("");
     try {
-      await Q();
+      await J();
     } catch (h1) {
       x(h1 instanceof Error ? h1.message : "Something went wrong.");
     } finally {
       H(!1);
     }
   }, R = () => _(async () => {
-    const Q = await V("/auth/mfaSetupTotp");
-    s(Q.secret || ""), u(Q.otpauthUri || ""), v(""), h("totp-setup");
+    const J = await V("/auth/mfaSetupTotp");
+    s(J.secret || ""), u(J.otpauthUri || ""), v(""), h("totp-setup");
   }), B = () => _(async () => {
-    const Q = await V("/auth/mfaConfirmTotp", { code: g.trim() });
-    b(Q.recoveryCodes || []), h("recovery");
+    const J = await V("/auth/mfaConfirmTotp", { code: g.trim() });
+    b(J.recoveryCodes || []), h("recovery");
   }), E = () => _(async () => {
     await V("/auth/mfaEnableEmail"), v(""), h("email-setup");
   }), O = () => _(async () => {
-    const Q = await V("/auth/mfaConfirmEmail", { code: g.trim() });
-    b(Q.recoveryCodes || []), h("recovery");
+    const J = await V("/auth/mfaConfirmEmail", { code: g.trim() });
+    b(J.recoveryCodes || []), h("recovery");
   }), o1 = () => _(async () => {
     await V("/auth/mfaDisable", { password: w }), M({
       message: "Two-factor authentication disabled.",
       type: "success"
     }), f(""), await S();
   }), N = () => _(async () => {
-    const Q = await V("/auth/mfaRegenRecovery", { password: w });
-    b(Q.recoveryCodes || []), f(""), h("recovery");
+    const J = await V("/auth/mfaRegenRecovery", { password: w });
+    b(J.recoveryCodes || []), f(""), h("recovery");
   }), q = () => _(async () => {
     await V("/auth/mfaForgetDevices"), M({
       message: "All trusted devices have been signed out.",
@@ -26765,7 +26786,7 @@ function nn({ isOpen: t, onClose: r }) {
                 }),
                 /* @__PURE__ */ e("ul", {
                   className: "MfaSetupModal__codes",
-                  children: y.map((Q) => /* @__PURE__ */ e("li", { children: Q }, Q))
+                  children: y.map((J) => /* @__PURE__ */ e("li", { children: J }, J))
                 }),
                 /* @__PURE__ */ e(T, {
                   variant: "default",
@@ -26912,7 +26933,7 @@ function on(t, r) {
   const l = {
     pages: r.pages ?? {},
     theme: r.theme
-  }, [a, h] = z(() => x0.load(t, l)), d = P((n, s) => {
+  }, [a, h] = z(() => x0.load(t, l)), d = Z((n, s) => {
     h((p) => {
       const u = {
         ...p,
@@ -26923,7 +26944,7 @@ function on(t, r) {
       };
       return x0.save(t, u), u;
     });
-  }, [t]), o = P((n) => {
+  }, [t]), o = Z((n) => {
     h((s) => {
       const p = {
         ...s,
@@ -26931,7 +26952,7 @@ function on(t, r) {
       };
       return x0.save(t, p), p;
     });
-  }, [t]), m = P((n) => {
+  }, [t]), m = Z((n) => {
     h((s) => {
       const p = {
         ...s,
@@ -26942,7 +26963,7 @@ function on(t, r) {
       };
       return x0.save(t, p), p;
     });
-  }, [t]), i = P(() => {
+  }, [t]), i = Z(() => {
     h(l), x0.clearAll(t);
   }, [t]);
   return {
@@ -27078,7 +27099,7 @@ var pn = (t, r, l) => {
   } catch {
     return t.trim();
   }
-}, sa = "1.0.45", yn = 314, ha = "10c12c8", da = "2026-08-22T15:25:18.145Z", bn = "314", ma = (t) => {
+}, sa = "1.0.47", yn = 321, ha = "03538eb", da = "2026-08-23T13:13:43.316Z", bn = "321", ma = (t) => {
   const r = document.getElementById("mb-version-toast");
   if (r) {
     r.remove();
@@ -27102,7 +27123,7 @@ var pn = (t, r, l) => {
   const r = {
     ...t,
     lib: sa,
-    libBuildNumber: 314,
+    libBuildNumber: 321,
     libCommit: ha,
     libBuildDate: da
   };
@@ -27223,7 +27244,7 @@ export {
   Cc as Flag,
   si as FloatButton,
   hi as FolderBrowserModal,
-  Z as Icon,
+  P as Icon,
   di as InfiniteScroll,
   rc as InputDate,
   mi as InputEmail,
@@ -27294,7 +27315,7 @@ export {
   qi as ToggleButtons,
   S2 as ToggleSwitch,
   Xi as Toolbar,
-  J as Tooltip,
+  X as Tooltip,
   Ki as TourHud,
   Qi as Tree,
   Ji as VirtualList,