@memobit/libs 1.0.45 → 1.0.46

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 X, 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}` : "",
@@ -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"
         })
@@ -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
@@ -10127,12 +10127,13 @@ var W1 = ({ children: t, className: r, isOpen: l, noPadding: a = !1, onClose: h,
   $2(l);
   const v = X(null), w = X(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,7 +10147,7 @@ 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, {
@@ -10258,7 +10259,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",
@@ -10474,7 +10475,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
         className: "banner__dismiss",
         type: "button",
         onClick: u,
-        children: /* @__PURE__ */ e(Z, {
+        children: /* @__PURE__ */ e(P, {
           name: "clear",
           size: "sm"
         })
@@ -10962,7 +10963,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") {
@@ -11288,13 +11289,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"
             })
@@ -11330,7 +11331,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 +11350,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 +11374,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 +11382,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 +11399,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 +11407,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" })
           })
         ]
       })
@@ -11771,10 +11772,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 = () => {
@@ -11943,11 +11944,11 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     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");
@@ -12065,7 +12066,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
     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 +12171,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
           })]
@@ -12279,7 +12280,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
         children: /* @__PURE__ */ e("button", {
           onClick: n,
           className: "toast__close-button",
-          children: /* @__PURE__ */ e(Z, {
+          children: /* @__PURE__ */ e(P, {
             name: "clear",
             size: "sm"
           })
@@ -12302,22 +12303,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 +12359,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 +12391,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,
@@ -12423,7 +12428,7 @@ 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));
     S({
@@ -12494,7 +12499,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", {
@@ -12909,9 +12914,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 +12934,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 +12963,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
             })]
@@ -13002,7 +13007,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",
@@ -13081,7 +13086,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
               type: "button",
               className: "input-date-clear",
               onClick: () => p?.(void 0),
-              children: /* @__PURE__ */ e(Z, {
+              children: /* @__PURE__ */ e(P, {
                 name: "clear",
                 size: "sm"
               })
@@ -13097,7 +13102,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 +13129,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,
@@ -13149,7 +13154,7 @@ var ka = ({ name: t, size: r = "medium", shape: l = "rounded", className: a = ""
           type: "button",
           className: "input-search__clear",
           onClick: f,
-          children: /* @__PURE__ */ e(Z, {
+          children: /* @__PURE__ */ e(P, {
             name: "clear",
             size: "sm"
           })
@@ -13218,7 +13223,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 +13372,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 +13395,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 +13580,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 +13726,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 +13741,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 +13883,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 +13921,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
@@ -13927,13 +13932,13 @@ var mc = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
                 return u.title ? /* @__PURE__ */ e(J, {
                   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",
@@ -14181,7 +14186,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 +14223,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 = X(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 +14357,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 +14374,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 +14384,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]);
@@ -14406,7 +14411,7 @@ function Bc({ data: t, columns: r, rowKey: l, card: a, actions: h, timeline: d,
         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 +14437,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 +14473,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 +14506,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"
@@ -14541,7 +14546,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"
         })]
@@ -14577,7 +14582,7 @@ var $c = ({ items: t, sortKey: r, sortDirection: l, onSort: a, align: h = "left"
       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",
@@ -14594,7 +14599,7 @@ var $c = ({ items: t, sortKey: r, sortDirection: l, onSort: a, align: h = "left"
     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,7 +14633,7 @@ 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 }) {
@@ -14644,7 +14649,7 @@ 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);
@@ -14675,7 +14680,7 @@ 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) => {
@@ -14696,14 +14701,14 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
     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) => {
@@ -14721,7 +14726,7 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
     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 = ($) => {
@@ -14804,7 +14809,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" })
           })
         })]
       }),
@@ -14928,7 +14933,7 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
           }, 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", {
+          return /* @__PURE__ */ c(g1.Fragment, { children: [/* @__PURE__ */ c("tr", {
             className: `${B1 ? "is-selected" : ""} ${d2 ? "data-view__row--clickable" : ""} ${S1 ? "data-view__row--pinned" : ""} ${f?.(K) || ""}`,
             onClick: d2 ? M3 : void 0,
             onAuxClick: k1 ? x3 : void 0,
@@ -14950,7 +14955,7 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
                 style: a1[b1.key] ? { width: a1[b1.key] } : void 0,
                 children: [P0 === 0 && S1 && /* @__PURE__ */ e(J, {
                   title: "Pinned",
-                  children: /* @__PURE__ */ e(Z, {
+                  children: /* @__PURE__ */ e(P, {
                     className: "data-view__pin-indicator",
                     name: "pin",
                     size: "sm"
@@ -14982,7 +14987,7 @@ function ci({ columns: t, data: r, rowKey: l, pinnedIds: a, selectable: h = !1,
             const w1 = K;
             K += 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 +15002,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"
@@ -15073,7 +15078,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, Q = 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({
@@ -15365,7 +15370,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 +15381,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]);
@@ -15539,7 +15544,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
             })]
@@ -15560,7 +15565,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t])
                 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, {
@@ -20649,7 +20654,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)));
@@ -20725,7 +20730,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);
@@ -20791,7 +20796,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,7 +20821,7 @@ 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
@@ -20829,7 +20834,7 @@ var jc = ({ text: t }) => /* @__PURE__ */ e(n1, { children: g1(() => Pc(t), [t])
         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 +20846,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 +20956,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 +20964,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 +20976,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 = X(null), p = X(null), u = X(null), g = Z(() => {
     const v = s.current;
     if (!v) return;
     const { scrollTop: w, scrollHeight: f, clientHeight: y } = v, b = {
@@ -21163,7 +21168,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 = X(null);
   B2(k, () => ({
     focus: () => R.current?.focus(),
     clear: () => {
@@ -21182,7 +21187,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();
@@ -21574,7 +21579,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 +21728,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 +21739,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 = X(null), i = X(!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 +21859,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
@@ -21995,7 +22000,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 +22110,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 +22148,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` },
@@ -22614,11 +22619,11 @@ ${h.textContent ?? ""}
         `, zl = 100, Vl = (t, r, l) => {
   const a = X([]), h = X([]);
   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 +22636,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);
@@ -22654,7 +22659,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 +22669,7 @@ ${h.textContent ?? ""}
       }
       h(!0);
     }, []),
-    confirmLink: P(() => {
+    confirmLink: Z(() => {
       const p = t.current;
       if (p) {
         if (p.focus(), s.current) {
@@ -22697,12 +22702,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 +22719,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 +22727,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 +22742,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 +22755,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 +22765,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 +22790,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 +22808,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 +22825,7 @@ ${h.textContent ?? ""}
       l,
       i
     ]),
-    deleteTable: P(() => {
+    deleteTable: Z(() => {
       a && (r(), a.remove(), n(), l());
     }, [
       a,
@@ -22991,7 +22996,7 @@ ${h.textContent ?? ""}
           onMouseDown: (n) => {
             n.preventDefault(), h();
           },
-          children: [/* @__PURE__ */ e(Z, { name: "checkmark" }), " List"]
+          children: [/* @__PURE__ */ e(P, { name: "checkmark" }), " List"]
         })
       })]
     }),
@@ -23021,7 +23026,7 @@ ${h.textContent ?? ""}
           onMouseDown: (n) => {
             n.preventDefault(), d();
           },
-          children: [/* @__PURE__ */ e(Z, { name: "link" }), " Link"]
+          children: [/* @__PURE__ */ e(P, { name: "link" }), " Link"]
         })
       })
     }),
@@ -23058,7 +23063,7 @@ ${h.textContent ?? ""}
     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;
@@ -23074,7 +23079,7 @@ ${h.textContent ?? ""}
     editorRef: s,
     snapshotForUndo: f,
     emitChange: w
-  }), h1 = P(() => {
+  }), h1 = Z(() => {
     const r1 = [
       "bold",
       "italic",
@@ -23104,12 +23109,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 +23131,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 +23146,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;
@@ -23257,7 +23262,7 @@ ${h.textContent ?? ""}
       o.removeEventListener("scroll", m);
     };
   }, [t, r]);
-  const d = P(() => {
+  const d = Z(() => {
     t ? t.scrollTo({
       top: 0,
       behavior: "smooth"
@@ -23282,7 +23287,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 +23330,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",
@@ -23378,7 +23383,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", {
@@ -23498,7 +23503,7 @@ var Ii = ({ variant: t = "text", animation: r = "pulse", width: l, height: a, bo
   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;
@@ -23557,7 +23562,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);
@@ -23635,11 +23640,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,13 +23655,13 @@ 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, {
@@ -24287,11 +24292,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 +24320,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
@@ -24449,7 +24454,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 = X(null), V = X(!1), S = a?.trim().toLowerCase() ?? "", _ = u1(() => {
     let N = p0;
     if (l && l.length > 0) {
       const q = new Set(l);
@@ -24698,9 +24703,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] })
@@ -24728,7 +24733,7 @@ var L2 = 10, Wi = ({ data: t, label: r, title: l, tooltip: a, enableSearch: h =
       children: /* @__PURE__ */ e("button", {
         className: "toast__close",
         onClick: l,
-        children: /* @__PURE__ */ e(Z, {
+        children: /* @__PURE__ */ e(P, {
           name: "clear",
           size: "sm"
         })
@@ -24746,7 +24751,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"
           })
@@ -24822,7 +24827,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 +24923,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 +24933,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 +24961,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 +25019,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 +25036,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 = X(null), [s, p] = z(0), [u, g] = z(0), [v, w] = z(() => window.innerHeight), [f, y] = z(Ol), b = a && a > 0 ? a : f, C = Z((_) => {
     p(_.currentTarget.scrollTop);
   }, []);
   F(() => {
@@ -25219,13 +25224,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 +25257,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 +25279,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 +26395,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 +26404,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 +26435,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 +26447,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 +26459,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;
@@ -26470,7 +26475,7 @@ var la = (function() {
         });
       }), 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 +26483,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 +26492,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 +26501,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 +26525,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 +26536,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,7 +26554,7 @@ 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 (Q, 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}`, {
@@ -26560,7 +26565,7 @@ 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();
@@ -26912,7 +26917,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 +26928,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 +26936,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 +26947,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 +27083,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.46", yn = 318, ha = "61e2247", da = "2026-08-23T06:48:15.977Z", bn = "318", ma = (t) => {
   const r = document.getElementById("mb-version-toast");
   if (r) {
     r.remove();
@@ -27102,7 +27107,7 @@ var pn = (t, r, l) => {
   const r = {
     ...t,
     lib: sa,
-    libBuildNumber: 314,
+    libBuildNumber: 318,
     libCommit: ha,
     libBuildDate: da
   };
@@ -27223,7 +27228,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,