@memobit/libs 1.0.25 → 1.0.29

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import E1, { Component as J2, Fragment as e3, createContext as C0, forwardRef as M1, useCallback as j, useContext as y0, useEffect as F, useId as b0, useImperativeHandle as y2, useMemo as m1, useRef as Y, useState as z } from "react";
+import E1, { Component as J2, Fragment as e3, createContext as C0, forwardRef as M1, useCallback as j, useContext as y0, useEffect as F, useId as b0, useImperativeHandle as y2, useMemo as m1, useRef as O, useState as z } from "react";
 import { Fragment as l1, jsx as e, jsxs as r } from "react/jsx-runtime";
 import { createPortal as q1 } from "react-dom";
 var t3 = /* @__PURE__ */ r("svg", {
@@ -9973,7 +9973,7 @@ var t3 = /* @__PURE__ */ r("svg", {
   storm: Pt,
   uranus: Wt,
   venus: Ut
-}, E = ({ className: t = "", fade: c, fadeOnHover: l, name: a, pulse: s, pulseOnHover: o, size: i, spin: n, spinOnHover: d, variant: h }) => /* @__PURE__ */ e("span", {
+}, G = ({ className: t = "", fade: c, fadeOnHover: l, name: a, pulse: s, pulseOnHover: o, size: i, spin: n, spinOnHover: d, variant: h }) => /* @__PURE__ */ e("span", {
   className: [
     "icon",
     i ? `icon--${i}` : "",
@@ -10008,47 +10008,57 @@ var t3 = /* @__PURE__ */ r("svg", {
       }, d.id);
     })
   });
-}, qt = ({ id: t, title: c, icon: l, content: a, isExpanded: s, disabled: o = !1, onToggle: i }) => /* @__PURE__ */ r("div", {
-  className: `accordion-item ${s ? "accordion-item--expanded" : ""} ${o ? "accordion-item--disabled" : ""}`,
-  children: [/* @__PURE__ */ r("button", {
-    type: "button",
-    className: "accordion-item__header",
-    onClick: () => {
-      o || i(t);
-    },
-    disabled: o,
-    children: [/* @__PURE__ */ r("span", {
-      className: "accordion-item__title",
-      children: [l && /* @__PURE__ */ e(E, { name: l }), /* @__PURE__ */ e("span", {
-        className: "accordion-item__title-text",
-        children: c
-      })]
-    }), /* @__PURE__ */ e("span", {
-      className: "accordion-item__icon",
-      children: /* @__PURE__ */ e("svg", {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ e("path", {
-          d: "M4 6L8 10L12 6",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+}, qt = ({ id: t, title: c, icon: l, content: a, isExpanded: s, disabled: o = !1, onToggle: i }) => {
+  const n = O(null), d = O(!0);
+  return F(() => {
+    const m = n.current;
+    if (m) {
+      if (d.current) {
+        d.current = !1, m.style.maxHeight = s ? "none" : "0";
+        return;
+      }
+      if (s) {
+        m.style.maxHeight = `${m.scrollHeight}px`;
+        const p = (g) => {
+          g.propertyName === "max-height" && (m.style.maxHeight = "none");
+        };
+        return m.addEventListener("transitionend", p), () => m.removeEventListener("transitionend", p);
+      }
+      m.style.maxHeight = `${m.scrollHeight}px`, m.offsetHeight, m.style.maxHeight = "0";
+    }
+  }, [s]), /* @__PURE__ */ r("div", {
+    className: `accordion-item ${s ? "accordion-item--expanded" : ""} ${o ? "accordion-item--disabled" : ""}`,
+    children: [/* @__PURE__ */ r("button", {
+      type: "button",
+      className: "accordion-item__header",
+      onClick: () => {
+        o || i(t);
+      },
+      disabled: o,
+      children: [/* @__PURE__ */ r("span", {
+        className: "accordion-item__title",
+        children: [l && /* @__PURE__ */ e(G, { name: l }), /* @__PURE__ */ e("span", {
+          className: "accordion-item__title-text",
+          children: c
+        })]
+      }), /* @__PURE__ */ e("span", {
+        className: "accordion-item__icon",
+        children: /* @__PURE__ */ e(G, {
+          name: "caret-down",
+          size: "md"
         })
+      })]
+    }), /* @__PURE__ */ e("div", {
+      ref: n,
+      className: "accordion-item__content-wrapper",
+      children: /* @__PURE__ */ e("div", {
+        className: "accordion-item__content",
+        children: a
       })
     })]
-  }), /* @__PURE__ */ e("div", {
-    className: "accordion-item__content-wrapper",
-    children: /* @__PURE__ */ e("div", {
-      className: "accordion-item__content",
-      children: a
-    })
-  })]
-}), x2 = (t) => {
-  const c = Y(null);
+  });
+}, x2 = (t) => {
+  const c = O(null);
   F(() => {
     const l = () => {
       if (!c.current) return;
@@ -10089,14 +10099,14 @@ var t3 = /* @__PURE__ */ r("svg", {
   title: w,
   type: v,
   children: n ? /* @__PURE__ */ r(l1, { children: [/* @__PURE__ */ e("span", { className: "button__spinner" }), /* @__PURE__ */ e("span", { children: c || "Loading..." })] }) : /* @__PURE__ */ r(l1, { children: [
-    o !== void 0 && (typeof o == "string" ? /* @__PURE__ */ e(E, {
+    o !== void 0 && (typeof o == "string" ? /* @__PURE__ */ e(G, {
       size: "lg",
       name: o,
       variant: i
     }) : o),
     h && /* @__PURE__ */ e("span", { children: h }),
     c && /* @__PURE__ */ e("span", { children: c }),
-    g !== void 0 && (typeof g == "string" ? /* @__PURE__ */ e(E, {
+    g !== void 0 && (typeof g == "string" ? /* @__PURE__ */ e(G, {
       size: "lg",
       name: g,
       variant: i
@@ -10107,7 +10117,7 @@ q.displayName = "Button";
 var O1 = ({ children: t, className: c, isOpen: l, noPadding: a = !1, onClose: s, onOverlayClick: o, primary: i, secondary: n, size: d = "auto", tertiary: h, title: m, titleIcon: p, usePortal: g = !1 }) => {
   const w = _2("Modal");
   x2(l);
-  const v = Y(null), u = Y(null);
+  const v = O(null), u = O(null);
   if (F(() => {
     const x = (b) => {
       b.key === "Escape" && s && s();
@@ -10128,7 +10138,7 @@ var O1 = ({ children: t, className: c, isOpen: l, noPadding: a = !1, onClose: s,
         /* @__PURE__ */ r("div", {
           className: "modal__header",
           children: [/* @__PURE__ */ r("h2", { children: [
-            p ? /* @__PURE__ */ e(E, { name: p }) : null,
+            p ? /* @__PURE__ */ e(G, { name: p }) : null,
             " ",
             m
           ] }), /* @__PURE__ */ e(q, {
@@ -10240,7 +10250,7 @@ var O1 = ({ children: t, className: c, isOpen: l, noPadding: a = !1, onClose: s,
     }),
     c && /* @__PURE__ */ e("span", {
       className: "app-header__icon",
-      children: /* @__PURE__ */ e(E, { name: c })
+      children: /* @__PURE__ */ e(G, { name: c })
     }),
     /* @__PURE__ */ r("div", {
       className: "app-header__copy",
@@ -10345,7 +10355,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   const [d, h] = z(!1), [m, p] = z({
     top: 0,
     left: 0
-  }), g = Y(null), w = Y(null), v = Y(null), u = Y(null), f = Y(!1), C = n !== void 0, x = C ? 150 : 0, b = () => {
+  }), g = O(null), w = O(null), v = O(null), u = O(null), f = O(!1), C = n !== void 0, x = C ? 150 : 0, b = () => {
     if (!v.current || !u.current) return;
     const H = v.current.firstElementChild, S = H && H.getBoundingClientRect().width > 0 ? H.getBoundingClientRect() : v.current.getBoundingClientRect(), k = u.current.getBoundingClientRect(), A = 8;
     let D = 0, P = 0;
@@ -10363,8 +10373,8 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         D = S.top + S.height / 2 - k.height / 2, P = S.right + A;
         break;
     }
-    const O = 8;
-    P < O && (P = O), P + k.width > window.innerWidth - O && (P = window.innerWidth - k.width - O), D < O && (D = O), D + k.height > window.innerHeight - O && (D = window.innerHeight - k.height - O), p({
+    const Y = 8;
+    P < Y && (P = Y), P + k.width > window.innerWidth - Y && (P = window.innerWidth - k.width - Y), D < Y && (D = Y), D + k.height > window.innerHeight - Y && (D = window.innerHeight - k.height - Y), p({
       top: D,
       left: P
     });
@@ -10456,7 +10466,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         className: "banner__dismiss",
         type: "button",
         onClick: g,
-        children: /* @__PURE__ */ e(E, {
+        children: /* @__PURE__ */ e(G, {
           name: "clear",
           size: "sm"
         })
@@ -10958,7 +10968,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       return n1 > Z.getTime() && n1 < J.getTime();
     }
     return !1;
-  }, P = (B) => l === "range" && y ? B.getTime() > y.getTime() : !1, O = (B) => B.getMonth() === L.getMonth(), s1 = (B) => {
+  }, P = (B) => l === "range" && y ? B.getTime() > y.getTime() : !1, Y = (B) => B.getMonth() === L.getMonth(), s1 = (B) => {
     if (!k(B)) {
       if (l === "single") c?.(B);
       else if (l === "range") if (!y) v ? v(B) : (N(B), c?.(void 0));
@@ -11012,7 +11022,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     return B;
   }, g1 = (B) => {
     const Z = ["calendar__day"];
-    return O(B) ? (A(B) && Z.push("calendar__day--selected"), D(B) && Z.push("calendar__day--in-range"), P(B) && Z.push("calendar__day--hover-range")) : Z.push("calendar__day--other-month"), or(B) && Z.push("calendar__day--today"), sr(B) && Z.push("calendar__day--weekend"), k(B) && Z.push("calendar__day--disabled"), Z.join(" ");
+    return Y(B) ? (A(B) && Z.push("calendar__day--selected"), D(B) && Z.push("calendar__day--in-range"), P(B) && Z.push("calendar__day--hover-range")) : Z.push("calendar__day--other-month"), or(B) && Z.push("calendar__day--today"), sr(B) && Z.push("calendar__day--weekend"), k(B) && Z.push("calendar__day--disabled"), Z.join(" ");
   }, $1 = () => C === "years" ? /* @__PURE__ */ r("div", {
     className: "calendar__header",
     children: [
@@ -11270,13 +11280,13 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         className: `${g ? "card-content-hidden" : ""}`,
         children: [/* @__PURE__ */ r("span", {
           className: "card-title-content",
-          children: [a && /* @__PURE__ */ e(E, { name: a }), m]
+          children: [a && /* @__PURE__ */ e(G, { name: a }), m]
         }), o && /* @__PURE__ */ e("span", {
           className: "collapsible-button",
           onClick: () => w(!g),
           children: /* @__PURE__ */ e("span", {
             className: `opener-button ${g ? "opener-button-extended" : ""}`,
-            children: /* @__PURE__ */ e(E, {
+            children: /* @__PURE__ */ e(G, {
               name: "caret-up",
               size: "lg"
             })
@@ -11294,7 +11304,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     ]
   });
 }, d0 = ({ checked: t = !1, onChange: c, label: l, icon: a, disabled: s = !1, id: o, indeterminate: i = !1 }) => {
-  const n = b0(), d = o || n, h = Y(null);
+  const n = b0(), d = o || n, h = O(null);
   return F(() => {
     h.current && (h.current.indeterminate = i && !t);
   }, [i, t]), /* @__PURE__ */ r("div", {
@@ -11312,7 +11322,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       className: "checkbox-label",
       children: [/* @__PURE__ */ e("span", { className: "checkbox-box" }), (a || l) && /* @__PURE__ */ r("span", {
         className: "checkbox-text",
-        children: [a && /* @__PURE__ */ e(E, { name: a }), l && /* @__PURE__ */ e("span", {
+        children: [a && /* @__PURE__ */ e(G, { name: a }), l && /* @__PURE__ */ e("span", {
           className: "checkbox-text-label",
           children: l
         })]
@@ -11331,7 +11341,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       className: "chip__swatch",
       style: { backgroundColor: l }
     }),
-    o && /* @__PURE__ */ e(E, { name: o }),
+    o && /* @__PURE__ */ e(G, { name: o }),
     /* @__PURE__ */ e("span", {
       className: "chip__label",
       children: t
@@ -11355,7 +11365,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         /* @__PURE__ */ r("div", {
           className: "collapsible-section__label",
           children: [
-            a && /* @__PURE__ */ e(E, {
+            a && /* @__PURE__ */ e(G, {
               name: a,
               variant: u
             }),
@@ -11363,10 +11373,10 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             n
           ]
         }),
-        m && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(E, { name: m }) }),
+        m && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(G, { name: m }) }),
         /* @__PURE__ */ e("span", {
           className: `collapsible-section__icon ${M ? "collapsible-section__icon--collapsed" : ""}`,
-          children: /* @__PURE__ */ e(E, { name: "caret-up" })
+          children: /* @__PURE__ */ e(G, { name: "caret-up" })
         }),
         /* @__PURE__ */ e("span", {
           className: "collapsible-section__right-details",
@@ -11380,7 +11390,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           /* @__PURE__ */ r("span", {
             className: "collapsible-section__label",
             children: [
-              a && /* @__PURE__ */ e(E, {
+              a && /* @__PURE__ */ e(G, {
                 name: a,
                 variant: u
               }),
@@ -11388,10 +11398,10 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               n
             ]
           }),
-          m && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(E, { name: m }) }),
+          m && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(G, { name: m }) }),
           /* @__PURE__ */ e("span", {
             className: `collapsible-section__icon ${M ? "collapsible-section__icon--collapsed" : ""}`,
-            children: /* @__PURE__ */ e(E, { name: "caret-up" })
+            children: /* @__PURE__ */ e(G, { name: "caret-up" })
           })
         ]
       })
@@ -11545,7 +11555,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     r: 78,
     g: 121,
     b: 167
-  })), i = Y(null);
+  })), i = O(null);
   F(() => {
     const w = E0(t);
     w && o(G1(w));
@@ -11915,7 +11925,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }
   t.restore();
 }, na = M1(({ colors: t, duration: c = 3e3, scope: l = "fullscreen", variant: a = "confetti", particleCount: s }, o) => {
-  const i = Y(null), n = Y(0), d = Y(0), h = Y(!1), m = {
+  const i = O(null), n = O(0), d = O(0), h = O(!1), m = {
     confetti: 150,
     burst: 200,
     fireworks: 8
@@ -12009,7 +12019,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     })
   });
 }, V1 = 20, xr = 8, N2 = ({ children: t, visible: c, onClose: l, anchorEl: a, offset: s = xr, placement: o = "auto" }) => {
-  const i = Y(null), n = Y(null), [d, h] = z({
+  const i = O(null), n = O(null), [d, h] = z({
     top: 0,
     left: 0,
     placement: "bottom"
@@ -12146,7 +12156,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       children: [
         (a || o) && /* @__PURE__ */ r("div", {
           className: "confirm-popover__header",
-          children: [o && /* @__PURE__ */ e(E, { name: o }), a && /* @__PURE__ */ e("span", {
+          children: [o && /* @__PURE__ */ e(G, { name: o }), a && /* @__PURE__ */ e("span", {
             className: "confirm-popover__title",
             children: a
           })]
@@ -12175,7 +12185,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     })
   });
 }, kr = ({ target: t, onClose: c, children: l, autoClose: a = !1 }) => {
-  const s = Y(null), [o, i] = z(!1), [n, d] = z(() => {
+  const s = O(null), [o, i] = z(!1), [n, d] = z(() => {
     if (!t) return { opacity: 0 };
     const m = t.getBoundingClientRect();
     return {
@@ -12255,7 +12265,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         children: /* @__PURE__ */ e("button", {
           onClick: h,
           className: "toast__close-button",
-          children: /* @__PURE__ */ e(E, {
+          children: /* @__PURE__ */ e(G, {
             name: "clear",
             size: "sm"
           })
@@ -12383,7 +12393,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   const [w, v] = z(!1), [u, f] = z(0), [C, x] = z(0), [b, M] = z(0), [_, N] = z(!1), [L, y] = z(null), [H, S] = z({
     position: "fixed",
     visibility: "hidden"
-  }), k = Y(null), A = Y(null);
+  }), k = O(null), A = O(null);
   F(() => {
     a && t instanceof Date && (f(s === "12h" ? t.getHours() % 12 || 12 : t.getHours()), x(t.getMinutes()), M(t.getSeconds()), N(t.getHours() >= 12));
   }, [
@@ -12426,7 +12436,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     D,
     P
   ]);
-  const O = () => {
+  const Y = () => {
     if (!t) return "";
     if (l === "single" && t instanceof Date) {
       const I = F1(t, i);
@@ -12446,7 +12456,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     I.setHours($, C, b), c?.(I);
   }, X = (I) => {
     I.stopPropagation(), y(null), c?.(void 0);
-  }, a1 = O();
+  }, a1 = Y();
   return /* @__PURE__ */ r("div", {
     className: "datepicker",
     children: [/* @__PURE__ */ r("div", {
@@ -12470,7 +12480,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           })
         }), /* @__PURE__ */ e("span", {
           className: "datepicker__icon",
-          children: /* @__PURE__ */ e(E, { name: "calendar" })
+          children: /* @__PURE__ */ e(G, { name: "calendar" })
         })]
       })]
     }), D && (p ? /* @__PURE__ */ r("div", {
@@ -12619,17 +12629,17 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   }
   return o / a.length >= s;
 }, x0 = ({ allowCustomValue: t = !1, autofocus: c = !1, className: l = "", disabled: a = !1, error: s, highlighted: o = !1, id: i, label: n, maxVisibleSelectedLabels: d = 1, multilineChips: h = !1, multiple: m = !1, name: p, onChange: g, onSearchChange: w, options: v, placeholder: u = "Select an option", searchable: f = !0, searchValue: C, selectedCountDisplay: x = "inline", showChips: b = !1, sortSelectedFirst: M = !1, success: _, usePortal: N = !0, value: L, valueAsChip: y = !0 }) => {
-  const [H, S] = z(!1), [k, A] = z(C || ""), [D, P] = z(v), [O, s1] = z(-1), [V, X] = z([]), [a1, I] = z({
+  const [H, S] = z(!1), [k, A] = z(C || ""), [D, P] = z(v), [Y, s1] = z(-1), [V, X] = z([]), [a1, I] = z({
     top: 0,
     bottom: 0,
     left: 0,
     width: 0,
     maxHeight: 300
-  }), [$, p1] = z(!1), h1 = Y(null), W = Y([]), o1 = Y(null), v1 = Y(null), y1 = b0(), k1 = i ?? `dropdown-${y1}`, g1 = Y(null);
+  }), [$, p1] = z(!1), h1 = O(null), W = O([]), o1 = O(null), v1 = O(null), y1 = b0(), k1 = i ?? `dropdown-${y1}`, g1 = O(null);
   F(() => {
     if (H && M && m) {
-      const T = new Set(V.map((c1) => c1.value)), G = [], U = [];
-      v.forEach((c1) => (T.has(c1.value) ? G : U).push(c1)), g1.current = [...G, ...U];
+      const T = new Set(V.map((c1) => c1.value)), E = [], U = [];
+      v.forEach((c1) => (T.has(c1.value) ? E : U).push(c1)), g1.current = [...E, ...U];
     } else H || (g1.current = null);
   }, [
     H,
@@ -12640,8 +12650,8 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     const T = g1.current ?? v;
     if (!f || !k) P(T);
     else {
-      const G = i2(k);
-      P(T.filter((U) => i2(U.label).includes(G)));
+      const E = i2(k);
+      P(T.filter((U) => i2(U.label).includes(E)));
     }
     s1(-1);
   }, [
@@ -12650,39 +12660,39 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     f,
     H
   ]);
-  const $1 = Y(L);
+  const $1 = O(L);
   F(() => {
     const T = $1.current;
     $1.current = L;
-    const G = !Object.is(T, L);
+    const E = !Object.is(T, L);
     if (L == null) {
-      G && (X([]), A(""));
+      E && (X([]), A(""));
       return;
     }
     if (m && Array.isArray(L) && L.length === 0) {
-      G && (X([]), A(""));
+      E && (X([]), A(""));
       return;
     }
     if (!m && L === "") {
-      G && (X([]), A(""));
+      E && (X([]), A(""));
       return;
     }
     if (v.length > 0) {
       if (m && Array.isArray(L))
-        X(v.filter((U) => typeof U.value == "number" ? L.includes(U.value) : L.includes(U.value.toString()))), G && A("");
+        X(v.filter((U) => typeof U.value == "number" ? L.includes(U.value) : L.includes(U.value.toString()))), E && A("");
       else if (!m && (typeof L == "string" || typeof L == "number")) {
         const U = v.find((c1) => typeof c1.value == "number" && typeof L == "number" ? c1.value === L : c1.value.toString() === L.toString());
-        U ? (X([U]), G && A(U.label)) : t && typeof L == "string" && L.trim() ? (X([{
+        U ? (X([U]), E && A(U.label)) : t && typeof L == "string" && L.trim() ? (X([{
           label: L.trim(),
           value: L.trim(),
           className: "custom-option"
-        }]), G && A(L.trim())) : G && (X([]), A(""));
+        }]), E && A(L.trim())) : E && (X([]), A(""));
       }
     } else t && !m && typeof L == "string" && L.trim() ? (X([{
       label: L.trim(),
       value: L.trim(),
       className: "custom-option"
-    }]), G && A(L.trim())) : G && (X([]), A(""));
+    }]), E && A(L.trim())) : E && (X([]), A(""));
   }, [
     L,
     v,
@@ -12708,16 +12718,16 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       }
     };
     T();
-    const G = window.visualViewport;
-    return window.addEventListener("scroll", T, !0), window.addEventListener("resize", T), G?.addEventListener("resize", T), G?.addEventListener("scroll", T), () => {
-      window.removeEventListener("scroll", T, !0), window.removeEventListener("resize", T), G?.removeEventListener("resize", T), G?.removeEventListener("scroll", T);
+    const E = window.visualViewport;
+    return window.addEventListener("scroll", T, !0), window.addEventListener("resize", T), E?.addEventListener("resize", T), E?.addEventListener("scroll", T), () => {
+      window.removeEventListener("scroll", T, !0), window.removeEventListener("resize", T), E?.removeEventListener("resize", T), E?.removeEventListener("scroll", T);
     };
   }, [H, N]), F(() => {
-    const T = (G) => {
-      if (h1.current && !h1.current.contains(G.target)) {
+    const T = (E) => {
+      if (h1.current && !h1.current.contains(E.target)) {
         if (N && H) {
           const U = document.querySelector(".dropdown-menu--portal");
-          if (U && U.contains(G.target)) return;
+          if (U && U.contains(E.target)) return;
         }
         if (t && !m && k.trim() && !(V.length > 0 && V[0].label.toLowerCase() === k.trim().toLowerCase())) {
           const U = v.find((c1) => c1.label.toLowerCase() === k.toLowerCase() || c1.value.toString() === k) || {
@@ -12749,9 +12759,9 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
   const Q = (T) => {
     if (!T.disabled)
       if (m) {
-        const G = V.some((c1) => c1.value === T.value);
+        const E = V.some((c1) => c1.value === T.value);
         let U;
-        G ? U = V.filter((c1) => c1.value !== T.value) : U = [...V, T], X(U), f && A(""), g && g(U, p);
+        E ? U = V.filter((c1) => c1.value !== T.value) : U = [...V, T], X(U), f && A(""), g && g(U, p);
       } else
         A(T.label), X([T]), S(!1), g && g(T, p);
   }, r1 = () => {
@@ -12761,19 +12771,19 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       Q(T);
       return;
     }
-    const G = {
+    const E = {
       label: k.trim(),
       value: k.trim(),
       className: "custom-option"
     };
     if (m) {
-      const U = [...V, G];
+      const U = [...V, E];
       X(U), A(""), g && g(U, p);
     } else
-      X([G]), A(G.label), S(!1), g && g(G, p);
+      X([E]), A(E.label), S(!1), g && g(E, p);
   }, B = (T) => {
-    const G = V.filter((U) => U.value !== T.value);
-    X(G), g && (m ? g(G, p) : (g(null, p), f || A("")));
+    const E = V.filter((U) => U.value !== T.value);
+    X(E), g && (m ? g(E, p) : (g(null, p), f || A("")));
   }, Z = () => {
     X([]), (!f || !m) && A(""), S(!1), g && g(m ? [] : null, p);
   }, J = (T) => {
@@ -12791,20 +12801,20 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       switch (T.key) {
         case "ArrowDown":
           if (T.preventDefault(), t && k && D.length === 0) return;
-          s1((G) => {
-            const U = G < (t && k && !D.some((c1) => c1.label.toLowerCase() === k.toLowerCase()) ? D.length : D.length - 1) ? G + 1 : 0;
+          s1((E) => {
+            const U = E < (t && k && !D.some((c1) => c1.label.toLowerCase() === k.toLowerCase()) ? D.length : D.length - 1) ? E + 1 : 0;
             return U < D.length && W.current[U] && W.current[U]?.scrollIntoView({ block: "nearest" }), U;
           });
           break;
         case "ArrowUp":
           if (T.preventDefault(), t && k && D.length === 0) return;
-          s1((G) => {
-            const U = t && k && !D.some((K1) => K1.label.toLowerCase() === k.toLowerCase()) ? D.length : D.length - 1, c1 = G > 0 ? G - 1 : U;
+          s1((E) => {
+            const U = t && k && !D.some((K1) => K1.label.toLowerCase() === k.toLowerCase()) ? D.length : D.length - 1, c1 = E > 0 ? E - 1 : U;
             return c1 < D.length && W.current[c1] && W.current[c1]?.scrollIntoView({ block: "nearest" }), c1;
           });
           break;
         case "Enter":
-          T.preventDefault(), O >= 0 && O < D.length ? Q(D[O]) : (t && k && O === D.length || t && k && D.length === 0) && r1();
+          T.preventDefault(), Y >= 0 && Y < D.length ? Q(D[Y]) : (t && k && Y === D.length || t && k && D.length === 0) && r1();
           break;
         case "Escape":
           T.preventDefault(), S(!1), !m && V.length > 0 ? A(V[0].label) : m && f && A("");
@@ -12816,12 +12826,12 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           break;
       }
     }
-  }, B1 = (T) => V.some((G) => G.value === T.value), D1 = () => {
+  }, B1 = (T) => V.some((E) => E.value === T.value), D1 = () => {
     if (V.length === 0) return "";
     const T = Math.max(1, d);
     if (V.length <= T) return V.map((c1) => c1.label).join(", ");
-    const G = V.slice(0, T).map((c1) => c1.label).join(", "), U = V.length - T;
-    return `${G} (+${U} ${U === 1 ? "other" : "others"})`;
+    const E = V.slice(0, T).map((c1) => c1.label).join(", "), U = V.length - T;
+    return `${E} (+${U} ${U === 1 ? "other" : "others"})`;
   }, Y1 = () => m && b || f && H ? k : V.length > 0 ? m ? D1() : V[0].label : "", _1 = () => m && b ? V.length > 0 ? "" : u : H && f ? u : V.length > 0 ? "" : u, L1 = () => !m || V.length === 0 || x === "none" ? null : x === "floating" ? /* @__PURE__ */ r("div", {
     className: "dropdown-selected-count",
     children: [V.length, " selected"]
@@ -12841,19 +12851,19 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       } : void 0,
       children: D.length > 0 || T1() ? /* @__PURE__ */ r("ul", {
         className: "dropdown-options-list",
-        children: [D.map((G, U) => /* @__PURE__ */ r("li", {
+        children: [D.map((E, U) => /* @__PURE__ */ r("li", {
           ref: (c1) => {
             W.current[U] = c1;
           },
-          className: `dropdown-option ${G.className || ""} ${O === U ? "focused" : ""} ${B1(G) ? "selected" : ""} ${G.disabled ? "dropdown-option--disabled" : ""}`,
-          onClick: () => Q(G),
+          className: `dropdown-option ${E.className || ""} ${Y === U ? "focused" : ""} ${B1(E) ? "selected" : ""} ${E.disabled ? "dropdown-option--disabled" : ""}`,
+          onClick: () => Q(E),
           onMouseEnter: () => s1(U),
-          title: G.tooltip,
+          title: E.tooltip,
           children: [m && /* @__PURE__ */ e("div", {
             className: "dropdown-option-checkbox",
             children: /* @__PURE__ */ e("div", {
-              className: `checkbox ${B1(G) ? "checked" : ""}`,
-              children: B1(G) && /* @__PURE__ */ e("svg", {
+              className: `checkbox ${B1(E) ? "checked" : ""}`,
+              children: B1(E) && /* @__PURE__ */ e("svg", {
                 width: "10",
                 height: "8",
                 viewBox: "0 0 10 8",
@@ -12872,31 +12882,31 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             children: [/* @__PURE__ */ r("span", {
               className: "dropdown-option-label",
               children: [
-                G.prefix && /* @__PURE__ */ e("span", {
+                E.prefix && /* @__PURE__ */ e("span", {
                   className: "dropdown-option-prefix",
-                  children: G.prefix
+                  children: E.prefix
                 }),
-                G.icon && /* @__PURE__ */ e(E, { name: G.icon }),
-                /* @__PURE__ */ e("span", { children: G.label }),
-                G.suffixIcon && /* @__PURE__ */ e(E, { name: G.suffixIcon })
+                E.icon && /* @__PURE__ */ e(G, { name: E.icon }),
+                /* @__PURE__ */ e("span", { children: E.label }),
+                E.suffixIcon && /* @__PURE__ */ e(G, { name: E.suffixIcon })
               ]
-            }), G.details && /* @__PURE__ */ e("span", {
+            }), E.details && /* @__PURE__ */ e("span", {
               className: "dropdown-option-details",
-              children: G.details
+              children: E.details
             })]
           })]
         }, `dd-option-${y1}-${U}`)), T1() && /* @__PURE__ */ e("li", {
-          ref: (G) => {
-            W.current[D.length] = G;
+          ref: (E) => {
+            W.current[D.length] = E;
           },
-          className: `dropdown-option dropdown-option--create ${O === D.length ? "focused" : ""}`,
+          className: `dropdown-option dropdown-option--create ${Y === D.length ? "focused" : ""}`,
           onClick: r1,
           onMouseEnter: () => s1(D.length),
           children: /* @__PURE__ */ e("div", {
             className: "dropdown-option-content",
             children: /* @__PURE__ */ r("span", {
               className: "dropdown-option-label",
-              children: [/* @__PURE__ */ e(E, { name: "plus" }), /* @__PURE__ */ r("span", { children: [
+              children: [/* @__PURE__ */ e(G, { name: "plus" }), /* @__PURE__ */ r("span", { children: [
                 "Create “",
                 k,
                 "”"
@@ -12925,12 +12935,12 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
         children: [
           X1 && C1?.icon && /* @__PURE__ */ e("span", {
             className: "dropdown-selected-icon dropdown-selected-icon--prefix",
-            children: /* @__PURE__ */ e(E, { name: C1.icon })
+            children: /* @__PURE__ */ e(G, { name: C1.icon })
           }),
           I1 && C1 && /* @__PURE__ */ r("span", {
             className: "dropdown-value-chip",
             onClick: n1,
-            children: [C1.icon && /* @__PURE__ */ e(E, { name: C1.icon }), /* @__PURE__ */ e("span", {
+            children: [C1.icon && /* @__PURE__ */ e(G, { name: C1.icon }), /* @__PURE__ */ e("span", {
               className: "dropdown-value-chip__label",
               children: C1.label
             })]
@@ -12945,8 +12955,8 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
               className: "dropdown-chip__remove",
               title: "Remove",
               disabled: a,
-              onClick: (G) => {
-                G.stopPropagation(), B(T);
+              onClick: (E) => {
+                E.stopPropagation(), B(T);
               },
               children: O0
             })]
@@ -12969,7 +12979,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             children: [
               r0 && C1?.suffixIcon && /* @__PURE__ */ e("span", {
                 className: "dropdown-selected-icon dropdown-selected-icon--suffix",
-                children: /* @__PURE__ */ e(E, { name: C1.suffixIcon })
+                children: /* @__PURE__ */ e(G, { name: C1.suffixIcon })
               }),
               (!m && V.length > 0 || m && V.length > 0) && /* @__PURE__ */ e("span", {
                 className: "dropdown-action-button dropdown-clear-button",
@@ -13044,7 +13054,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
             type: "button",
             className: "input-date-clear",
             onClick: () => p?.(void 0),
-            children: /* @__PURE__ */ e(E, {
+            children: /* @__PURE__ */ e(G, {
               name: "clear",
               size: "sm"
             })
@@ -13238,7 +13248,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
     children: [
       /* @__PURE__ */ e("div", {
         className: "input-search__icon",
-        children: /* @__PURE__ */ e(E, { name: "search" })
+        children: /* @__PURE__ */ e(G, { name: "search" })
       }),
       /* @__PURE__ */ e(A1, {
         autoComplete: t,
@@ -13263,7 +13273,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
           type: "button",
           className: "input-search__clear",
           onClick: f,
-          children: /* @__PURE__ */ e(E, {
+          children: /* @__PURE__ */ e(G, {
             name: "clear",
             size: "sm"
           })
@@ -13294,7 +13304,7 @@ var El = ({ name: t, size: c = "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(E, { name: t.icon }),
+      t.icon && /* @__PURE__ */ e(G, { name: t.icon }),
       t.label
     ]
   }), /* @__PURE__ */ e(Tr, {
@@ -13478,7 +13488,7 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
                 className: "control-panel__filter-swatch",
                 style: { backgroundColor: i.color }
               }),
-              i.icon && /* @__PURE__ */ e(E, { name: i.icon }),
+              i.icon && /* @__PURE__ */ e(G, { name: i.icon }),
               /* @__PURE__ */ e("span", {
                 className: "control-panel__filter-label",
                 children: i.label
@@ -13599,47 +13609,47 @@ var El = ({ name: t, size: c = "medium", shape: l = "rounded", className: a = ""
       }, i.value);
     })
   });
-}, Zr = ({ navigation: t }) => {
-  const c = t.some((l) => (l.children?.length ?? 0) > 0);
+}, Zr = ({ navigation: t, onNavigate: c }) => {
+  const l = t.some((a) => (a.children?.length ?? 0) > 0);
   return /* @__PURE__ */ e("nav", {
     className: "control-panel__nav",
-    children: t.map((l) => B2(l, c))
+    children: t.map((a) => B2(a, l, c))
   });
 };
-function B2(t, c, l = 0) {
-  const a = t.children ?? [], s = a.length > 0, o = t.isOpen ?? !1, i = [
+function B2(t, c, l, a = 0) {
+  const s = t.children ?? [], o = s.length > 0, i = t.isOpen ?? !1, n = [
     "control-panel__nav-item",
     t.isActive ? "control-panel__nav-item--active" : "",
     t.dimmed ? "control-panel__nav-item--dimmed" : "",
-    s ? "control-panel__nav-item--has-children" : ""
+    o ? "control-panel__nav-item--has-children" : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ r("div", {
     className: "control-panel__nav-node",
     children: [/* @__PURE__ */ r("div", {
       className: "control-panel__nav-row",
-      style: { "--control-panel-nav-depth": l },
-      children: [c && (s ? /* @__PURE__ */ e("button", {
-        className: `control-panel__nav-toggle${o ? " control-panel__nav-toggle--open" : ""}`,
-        onClick: (h) => {
-          h.stopPropagation(), t.onOpenChange?.(!o, t);
+      style: { "--control-panel-nav-depth": a },
+      children: [c && (o ? /* @__PURE__ */ e("button", {
+        className: `control-panel__nav-toggle${i ? " control-panel__nav-toggle--open" : ""}`,
+        onClick: (m) => {
+          m.stopPropagation(), t.onOpenChange?.(!i, t);
         },
         type: "button",
-        children: /* @__PURE__ */ e(E, { name: "caret-right" })
+        children: /* @__PURE__ */ e(G, { name: "caret-right" })
       }) : /* @__PURE__ */ e("span", { className: "control-panel__nav-toggle-placeholder" })), /* @__PURE__ */ r("button", {
-        className: i,
+        className: n,
         onClick: () => {
           if (t.onClick) {
-            t.onClick();
+            t.onClick(), l?.();
             return;
           }
-          s && t.onOpenChange?.(!o, t);
+          o && t.onOpenChange?.(!i, t);
         },
         type: "button",
         children: [
           t.icon ? /* @__PURE__ */ e("span", {
             className: "control-panel__nav-icon",
             style: t.color ? { color: t.color } : void 0,
-            children: /* @__PURE__ */ e(E, { name: t.icon })
+            children: /* @__PURE__ */ e(G, { name: t.icon })
           }) : t.color && /* @__PURE__ */ e("span", {
             className: "control-panel__nav-dot",
             style: { backgroundColor: t.color }
@@ -13654,16 +13664,16 @@ function B2(t, c, l = 0) {
           }),
           t.badges && t.badges.length > 0 && /* @__PURE__ */ e("span", {
             className: "control-panel__nav-badges",
-            children: t.badges.map((h, m) => /* @__PURE__ */ e("span", {
-              className: `control-panel__nav-badge control-panel__nav-badge--${h.variant}`,
-              children: h.count
-            }, m))
+            children: t.badges.map((m, p) => /* @__PURE__ */ e("span", {
+              className: `control-panel__nav-badge control-panel__nav-badge--${m.variant}`,
+              children: m.count
+            }, p))
           })
         ]
       })]
-    }), s && /* @__PURE__ */ e("div", {
-      className: `control-panel__nav-children${o ? " control-panel__nav-children--open" : ""}`,
-      children: a.map((h) => B2(h, c, l + 1))
+    }), o && /* @__PURE__ */ e("div", {
+      className: `control-panel__nav-children${i ? " control-panel__nav-children--open" : ""}`,
+      children: s.map((m) => B2(m, c, l, a + 1))
     })]
   }, t.id);
 }
@@ -13785,7 +13795,7 @@ var Gr = [{
                         type: "radio",
                         value: p.value
                       }),
-                      p.icon && /* @__PURE__ */ e(E, { name: p.icon }),
+                      p.icon && /* @__PURE__ */ e(G, { name: p.icon }),
                       /* @__PURE__ */ e("span", {
                         className: "control-panel__filter-label",
                         children: p.label
@@ -13858,9 +13868,12 @@ var Gr = [{
       }),
       p.length > 0 && /* @__PURE__ */ e("div", {
         className: "control-panel__actions",
-        children: p.map((O) => /* @__PURE__ */ e(jr, { action: O }, O.id))
+        children: p.map((Y) => /* @__PURE__ */ e(jr, { action: Y }, Y.id))
+      }),
+      m.length > 0 && /* @__PURE__ */ e(Zr, {
+        navigation: m,
+        onNavigate: N ? y : void 0
       }),
-      m.length > 0 && /* @__PURE__ */ e(Zr, { navigation: m }),
       P && /* @__PURE__ */ r("div", {
         className: "control-panel__filters",
         children: [/* @__PURE__ */ r("div", {
@@ -13877,10 +13890,10 @@ var Gr = [{
             onClick: () => u({ source: "control-panel" }),
             children: "Clear filters"
           })]
-        }), g.map((O) => /* @__PURE__ */ e(Dr, {
-          filter: O,
+        }), g.map((Y) => /* @__PURE__ */ e(Dr, {
+          filter: Y,
           onChange: (s1) => v?.(s1)
-        }, O.id))]
+        }, Y.id))]
       }),
       P && D && /* @__PURE__ */ e(n0, { spacing: 0 }),
       D && /* @__PURE__ */ e(Ir, {
@@ -13950,7 +13963,7 @@ var Gr = [{
     document.body.removeChild(c);
   }
 }, ua = ({ children: t, className: c = "", copiedLabel: l = "Copied", disabled: a = !1, errorLabel: s = "Copy failed", iconOnly: o = !1, label: i = "Copy", onCopy: n, onError: d, resetDelay: h = 1800, size: m = "medium", title: p, value: g, variant: w = "ghost" }) => {
-  const [v, u] = z("idle"), f = Y(null);
+  const [v, u] = z("idle"), f = O(null);
   F(() => () => {
     f.current && window.clearTimeout(f.current);
   }, []);
@@ -14018,7 +14031,7 @@ var Gr = [{
   const o = c ? (a - 1) * t + 1 : 0, i = Math.min(a * t, c), n = s ? ` ${s}` : "";
   return c === l ? `Showing ${o}-${i} of ${l}${n}` : `Showing ${o}-${i} of ${c} filtered${n} (${l} total)`;
 }, J1 = ({ icon: t, title: c, description: l, noCard: a, primary: s, secondary: o, children: i }) => {
-  const n = s || o, d = typeof t == "string" ? /* @__PURE__ */ e(E, {
+  const n = s || o, d = typeof t == "string" ? /* @__PURE__ */ e(G, {
     name: t,
     size: "xxxl"
   }) : t;
@@ -14055,7 +14068,7 @@ var Gr = [{
     ]
   });
 }, Fr = 45, qr = 120, Or = 45, Yr = 45, Xr = 8, Kr = 2, o2 = ({ currentPage: t, totalPages: c, totalItems: l, onPageChange: a, showPagesNumbers: s = !1, pageSizeOptions: o, pageSize: i, onPageSizeChange: n, pageSizeLabel: d = "Rows", horizontalAlign: h = "left" }) => {
-  const { isAtLeast: m, isMobile: p } = m0(), g = Y(null), [w, v] = z(p ? 0 : 2), u = j(() => {
+  const { isAtLeast: m, isMobile: p } = m0(), g = O(null), [w, v] = z(p ? 0 : 2), u = j(() => {
     const b = g.current;
     if (!b) return;
     const M = b.offsetWidth - ((m("desktop") ? qr : Or) * 2 + Fr * 2 + Yr * 2 + Xr * 6), _ = Math.floor(M / 53);
@@ -14204,7 +14217,7 @@ var Gr = [{
   500
 ], R2 = (t) => typeof t.header == "string" ? t.header : t.key, lc = (t) => typeof t == "number" ? `${t}px` : t, A2 = (t) => /* @__PURE__ */ r("span", {
   className: "data-view__column-label",
-  children: [t.icon && /* @__PURE__ */ e(E, {
+  children: [t.icon && /* @__PURE__ */ e(G, {
     className: "data-view__column-icon",
     name: t.icon,
     size: "sm",
@@ -14214,7 +14227,7 @@ var Gr = [{
   const l = t.cellIcon?.(c), a = t.accessor ? t.accessor(c) : c[t.key];
   return l ? /* @__PURE__ */ r("span", {
     className: "data-view__cell-with-icon",
-    children: [/* @__PURE__ */ e(E, {
+    children: [/* @__PURE__ */ e(G, {
       className: "data-view__cell-icon",
       name: l
     }), /* @__PURE__ */ e("span", { children: a })]
@@ -14234,14 +14247,14 @@ function ac({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
       secondary: h.secondary
     }) : /* @__PURE__ */ e(J1, { title: "No data available" });
   const S = (k, A) => {
-    const D = H.get(A), P = l(k, A), O = m && p.includes(P), s1 = N.has(P), V = n?.(k), X = `data-view__card ${i || V ? "data-view__card--clickable" : ""} ${O ? "data-view__card--selected" : ""} ${s1 ? "data-view__card--pinned" : ""} ${d?.(k) || ""}`, a1 = ($) => {
+    const D = H.get(A), P = l(k, A), Y = m && p.includes(P), s1 = N.has(P), V = n?.(k), X = `data-view__card ${i || V ? "data-view__card--clickable" : ""} ${Y ? "data-view__card--selected" : ""} ${s1 ? "data-view__card--pinned" : ""} ${d?.(k) || ""}`, a1 = ($) => {
       $.metaKey || $.ctrlKey || $.shiftKey || $.altKey || $.button !== 0 || i && ($.preventDefault(), i(k, $));
     }, I = /* @__PURE__ */ r(l1, { children: [
       s1 && /* @__PURE__ */ e(K, {
         title: "Pinned",
         children: /* @__PURE__ */ e("span", {
           className: "data-view__card-pin",
-          children: /* @__PURE__ */ e(E, {
+          children: /* @__PURE__ */ e(G, {
             name: "pin",
             size: "sm"
           })
@@ -14251,7 +14264,7 @@ function ac({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
         className: "data-view__card-select",
         onClick: ($) => $.stopPropagation(),
         children: /* @__PURE__ */ e(d0, {
-          checked: O || !1,
+          checked: Y || !1,
           onChange: ($) => w(P, $)
         })
       }),
@@ -14267,7 +14280,7 @@ function ac({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
             className: "data-view__card-title-row",
             children: [/* @__PURE__ */ r("div", {
               className: "data-view__card-title-line",
-              children: [$ && /* @__PURE__ */ e(E, {
+              children: [$ && /* @__PURE__ */ e(G, {
                 className: "data-view__card-icon",
                 name: $
               }), /* @__PURE__ */ e("span", {
@@ -14336,7 +14349,7 @@ function ac({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
                 className: "data-view__group-count",
                 children: A.totalCount
               }),
-              x && /* @__PURE__ */ e(E, {
+              x && /* @__PURE__ */ e(G, {
                 className: "data-view__group-chevron",
                 name: P ? "caret-down" : "caret-up",
                 size: "sm"
@@ -14345,7 +14358,7 @@ function ac({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
           }), !P && /* @__PURE__ */ e("div", {
             className: L,
             style: y,
-            children: A.items.map((O, s1) => S(O, D + s1))
+            children: A.items.map((Y, s1) => S(Y, D + s1))
           })]
         }, A.key ?? "__null__");
       })
@@ -14358,7 +14371,7 @@ function ac({ data: t, columns: c, rowKey: l, card: a, actions: s, timeline: o,
   });
 }
 function ic({ config: t }) {
-  const { options: c, selectedKeys: l, onChange: a, label: s = "Columns" } = t, o = Y(null), [i, n] = z(!1);
+  const { options: c, selectedKeys: l, onChange: a, label: s = "Columns" } = t, o = O(null), [i, n] = z(!1);
   if (c.length === 0) return null;
   const d = (h, m) => {
     if (m) {
@@ -14376,7 +14389,7 @@ function ic({ config: t }) {
       onClick: () => n((h) => !h),
       children: /* @__PURE__ */ r("span", {
         className: "data-view__column-selector-label",
-        children: [s, /* @__PURE__ */ e(E, {
+        children: [s, /* @__PURE__ */ e(G, {
           name: "caret-down",
           size: "sm"
         })]
@@ -14412,7 +14425,7 @@ var nc = ({ items: t, sortKey: c, sortDirection: l, onSort: a, align: s = "left"
       children: /* @__PURE__ */ e(q, {
         className: `mini-sort__button${m ? " is-active" : ""}`,
         disabled: n.disabled,
-        icon: n.icon ? /* @__PURE__ */ e(E, {
+        icon: n.icon ? /* @__PURE__ */ e(G, {
           className: "mini-sort__icon",
           name: n.icon,
           size: "sm",
@@ -14429,7 +14442,7 @@ var nc = ({ items: t, sortKey: c, sortDirection: l, onSort: a, align: s = "left"
     children: /* @__PURE__ */ e(q, {
       className: "mini-sort__button mini-sort__direction",
       disabled: c === null,
-      icon: /* @__PURE__ */ e(E, {
+      icon: /* @__PURE__ */ e(G, {
         className: "mini-sort__icon",
         name: l === "asc" ? "arrow-up" : "arrow-down",
         size: "sm",
@@ -14463,17 +14476,17 @@ function oc({ columns: t, config: c, sortDirection: l, sortKey: a, onSort: s })
 function sc({ state: t }) {
   return /* @__PURE__ */ e("span", {
     className: `data-view__sort-icon data-view__sort-icon--${t}`,
-    children: /* @__PURE__ */ e(E, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
+    children: /* @__PURE__ */ e(G, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
   });
 }
-function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1, onSelectionChange: o, selectedIds: i, pageSizeOptions: n = s2, initialPageSize: d = s2[1], showPageSize: h = !0, card: m, actions: p, actionsWidth: g, timeline: w, onRowClick: v, rowHref: u, rowClassName: f, rowDetail: C, empty: x, initialSortKey: b = null, initialSortDirection: M = "asc", sortKey: _, sortDirection: N, onSortChange: L, miniSort: y, showCardSortControls: H = !0, desktopView: S = "table", cardMaxWidth: k, className: A, onPageChange: D, onPageSizeChange: P, currentPage: O, totalItems: s1, group: V, showResultsCount: X = !0, totalCount: a1, itemNoun: I, columnSelector: $ }) {
-  const { isMobile: p1 } = m0(), [h1, W] = z(b), [o1, v1] = z(M), [y1, k1] = z([]), g1 = i ?? y1, [$1, Q] = z(1), r1 = O ?? $1, [B, Z] = z(d), [J, n1] = z(() => t.reduce((R, e1) => (e1.width && (R[e1.key] = e1.width), R), {})), [b1, f1] = z(/* @__PURE__ */ new Set()), B1 = (R) => {
+function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1, onSelectionChange: o, selectedIds: i, pageSizeOptions: n = s2, initialPageSize: d = s2[1], showPageSize: h = !0, card: m, actions: p, actionsWidth: g, timeline: w, onRowClick: v, rowHref: u, rowClassName: f, rowDetail: C, empty: x, initialSortKey: b = null, initialSortDirection: M = "asc", sortKey: _, sortDirection: N, onSortChange: L, miniSort: y, showCardSortControls: H = !0, desktopView: S = "table", cardMaxWidth: k, className: A, onPageChange: D, onPageSizeChange: P, currentPage: Y, totalItems: s1, group: V, showResultsCount: X = !0, totalCount: a1, itemNoun: I, columnSelector: $ }) {
+  const { isMobile: p1 } = m0(), [h1, W] = z(b), [o1, v1] = z(M), [y1, k1] = z([]), g1 = i ?? y1, [$1, Q] = z(1), r1 = Y ?? $1, [B, Z] = z(d), [J, n1] = z(() => t.reduce((R, e1) => (e1.width && (R[e1.key] = e1.width), R), {})), [b1, f1] = z(/* @__PURE__ */ new Set()), B1 = (R) => {
     f1((e1) => {
       const d1 = new Set(e1);
       return d1.has(R) ? d1.delete(R) : d1.add(R), d1;
     });
   }, D1 = (R, e1) => l?.(R, e1) ?? e1, Y1 = (R) => {
-    O === void 0 && Q(R), D?.(R);
+    Y === void 0 && Q(R), D?.(R);
   }, _1 = _ !== void 0 ? _ : h1, L1 = N ?? o1, T1 = (R, e1) => {
     _ === void 0 && W(R), N === void 0 && v1(e1), L?.({
       key: R,
@@ -14510,7 +14523,7 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
     _1,
     t0,
     a
-  ]), I1 = s1 !== void 0, X1 = I1 ? s1 : C1.length, r0 = Math.max(1, Math.ceil(X1 / B)), Z1 = Math.min(r1, r0), T = I1 ? C1 : C1.slice((Z1 - 1) * B, Z1 * B), G = X ? Ur(B, X1, a1 ?? X1, Z1, I) : null, U = m1(() => {
+  ]), I1 = s1 !== void 0, X1 = I1 ? s1 : C1.length, r0 = Math.max(1, Math.ceil(X1 / B)), Z1 = Math.min(r1, r0), T = I1 ? C1 : C1.slice((Z1 - 1) * B, Z1 * B), E = X ? Ur(B, X1, a1 ?? X1, Z1, I) : null, U = m1(() => {
     if (!V) return null;
     const R = /* @__PURE__ */ new Map();
     return C1.forEach((e1) => {
@@ -14563,12 +14576,12 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
     sortKey: _1,
     sortDirection: L1,
     onSort: T1
-  }) : null, J0 = $ && $.options.length > 0 ? /* @__PURE__ */ e(ic, { config: $ }) : null, $0 = G || Q0 || J0 ? /* @__PURE__ */ r("div", {
+  }) : null, J0 = $ && $.options.length > 0 ? /* @__PURE__ */ e(ic, { config: $ }) : null, $0 = E || Q0 || J0 ? /* @__PURE__ */ r("div", {
     className: `data-view__top-row data-view__top-row--mini-${O2}`,
     children: [
-      G && /* @__PURE__ */ e("div", {
+      E && /* @__PURE__ */ e("div", {
         className: "data-view__results-count",
-        children: G
+        children: E
       }),
       Q0,
       J0
@@ -14618,7 +14631,7 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
               A0 && T1(A0.key, L1 === "asc" ? "desc" : "asc");
             },
             variant: "ghost",
-            children: /* @__PURE__ */ e(E, { name: L1 === "asc" ? "arrow-up" : "arrow-down" })
+            children: /* @__PURE__ */ e(G, { name: L1 === "asc" ? "arrow-up" : "arrow-down" })
           })
         })]
       }),
@@ -14760,7 +14773,7 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
                 style: J[w1.key] ? { width: J[w1.key] } : void 0,
                 children: [T0 === 0 && z1 && /* @__PURE__ */ e(K, {
                   title: "Pinned",
-                  children: /* @__PURE__ */ e(E, {
+                  children: /* @__PURE__ */ e(G, {
                     className: "data-view__pin-indicator",
                     name: "pin",
                     size: "sm"
@@ -14807,7 +14820,7 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
                     className: "data-view__group-count",
                     children: i1.totalCount
                   }),
-                  V?.collapsible && /* @__PURE__ */ e(E, {
+                  V?.collapsible && /* @__PURE__ */ e(G, {
                     className: "data-view__group-chevron",
                     name: N1 ? "caret-down" : "caret-up",
                     size: "sm"
@@ -14849,7 +14862,7 @@ var Q1 = (t) => {
   const [d, h] = z({}), [m, p] = z(() => /* @__PURE__ */ new Date()), [g, w] = z(null), [v, u] = z(o), [f, C] = z({
     position: "fixed",
     visibility: "hidden"
-  }), [x, b] = z(c?.start ?? ""), [M, _] = z(c?.end ?? ""), N = Y(null), L = Y(null), y = c ?? d, H = Q1(y.start), S = Q1(y.end), k = H && S ? {
+  }), [x, b] = z(c?.start ?? ""), [M, _] = z(c?.end ?? ""), N = O(null), L = O(null), y = c ?? d, H = Q1(y.start), S = Q1(y.end), k = H && S ? {
     start: H,
     end: S
   } : void 0, A = (W) => {
@@ -14861,13 +14874,13 @@ var Q1 = (t) => {
     }), w(null), !o && i && u(!1));
   }, P = (W) => {
     w(W);
-  }, O = (W) => /^\d{4}-\d{2}-\d{2}$/.test(W) && Q1(W) !== void 0, s1 = () => {
-    O(x) ? A({
+  }, Y = (W) => /^\d{4}-\d{2}-\d{2}$/.test(W) && Q1(W) !== void 0, s1 = () => {
+    Y(x) ? A({
       ...y,
       start: x
     }) : b(y.start ?? "");
   }, V = () => {
-    O(M) ? A({
+    Y(M) ? A({
       ...y,
       end: M
     }) : _(y.end ?? "");
@@ -15349,7 +15362,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
           }),
           (h || m) && /* @__PURE__ */ r("h2", {
             className: "drawer__title",
-            children: [m && /* @__PURE__ */ e(E, { name: m }), h && /* @__PURE__ */ e("span", {
+            children: [m && /* @__PURE__ */ e(G, { name: m }), h && /* @__PURE__ */ e("span", {
               className: "drawer__title-text",
               children: h
             })]
@@ -20527,7 +20540,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
     }) : c;
   }
 }, ka = ({ label: t, accept: c, multiple: l = !1, showPreview: a = !0, onFiles: s }) => {
-  const [o, i] = z(!1), [n, d] = z([]), h = Y(null), [m, p] = z([]);
+  const [o, i] = z(!1), [n, d] = z([]), h = O(null), [m, p] = z([]);
   F(() => {
     if (!a) return;
     const v = n.filter((u) => u.type.startsWith("image/")).map((u) => URL.createObjectURL(u));
@@ -20601,7 +20614,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
         onClick: t[0].onClick,
         children: /* @__PURE__ */ e("span", {
           className: "float-button__icon",
-          children: /* @__PURE__ */ e(E, {
+          children: /* @__PURE__ */ e(G, {
             name: t[0].icon,
             size: "xxl"
           })
@@ -20626,7 +20639,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
         onClick: () => s(o),
         children: [/* @__PURE__ */ e("span", {
           className: "float-button-menu__icon",
-          children: /* @__PURE__ */ e(E, { name: o.icon })
+          children: /* @__PURE__ */ e(G, { name: o.icon })
         }), /* @__PURE__ */ e("span", {
           className: "float-button-menu__label",
           children: o.label
@@ -20639,7 +20652,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
         onClick: a,
         children: /* @__PURE__ */ e("span", {
           className: "float-button__icon",
-          children: /* @__PURE__ */ e(E, {
+          children: /* @__PURE__ */ e(G, {
             name: c ? "clear" : "plus",
             size: "xxl"
           })
@@ -20761,7 +20774,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
               w(x.path);
             },
             children: [
-              /* @__PURE__ */ e(E, {
+              /* @__PURE__ */ e(G, {
                 name: "folder",
                 size: "sm"
               }),
@@ -20769,7 +20782,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
                 className: "folder-browser__entry-name",
                 children: x.name
               }),
-              /* @__PURE__ */ e(E, {
+              /* @__PURE__ */ e(G, {
                 className: "folder-browser__entry-chevron",
                 name: "arrow-right",
                 size: "sm"
@@ -20781,7 +20794,7 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
     })
   });
 }, za = ({ children: t, onLoadMore: c, hasMore: l, isLoading: a = !1, threshold: s = 0, rootMargin: o = "0px", height: i, onScrollChange: n, endMessage: d, className: h }) => {
-  const m = Y(null), p = Y(null), g = Y(null), w = j(() => {
+  const m = O(null), p = O(null), g = O(null), w = j(() => {
     const v = m.current;
     if (!v) return;
     const { scrollTop: u, scrollHeight: f, clientHeight: C } = v, x = {
@@ -20851,13 +20864,13 @@ var gc = ({ text: t }) => /* @__PURE__ */ e(l1, { children: m1(() => vc(t), [t])
   ]);
   const k = (P) => {
     if (h?.(P), b === "change" || b === "both") {
-      const O = S(P);
-      L(O), H(!0), w?.(O);
+      const Y = S(P);
+      L(Y), H(!0), w?.(Y);
     }
   }, A = (P) => {
     if (H(!0), b === "blur" || b === "both") {
-      const O = S(P.target.value);
-      L(O), w?.(O);
+      const Y = S(P.target.value);
+      L(Y), w?.(Y);
     }
     d?.(P);
   }, D = C && y && !N;
@@ -20973,7 +20986,7 @@ function Hc(t) {
   return t.filter((c) => c.type === "token").length;
 }
 var Sc = M1(({ mask: t, value: c, onChange: l, onComplete: a, placeholder: s, label: o, hint: i, error: n, highlighted: d, size: h = "md", variant: m = "default", disabled: p = !1, readOnly: g = !1, maskChar: w = "_", mono: v = !0, icon: u, suffix: f, className: C = "", id: x, name: b, autoComplete: M }, _) => {
-  const N = E1.useMemo(() => Nc(t), [t]), L = E1.useMemo(() => Hc(N), [N]), y = b0(), H = x ?? y, [S, k] = z(() => c !== void 0 ? c : ""), A = Y(null);
+  const N = E1.useMemo(() => Nc(t), [t]), L = E1.useMemo(() => Hc(N), [N]), y = b0(), H = x ?? y, [S, k] = z(() => c !== void 0 ? c : ""), A = O(null);
   y2(_, () => ({
     focus: () => A.current?.focus(),
     clear: () => {
@@ -20981,10 +20994,10 @@ var Sc = M1(({ mask: t, value: c, onChange: l, onComplete: a, placeholder: s, la
     },
     getRawValue: () => S
   }));
-  const { masked: D } = U0(S, N, w), P = D.includes(w) ? D.replace(new RegExp(w.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), w) : D, O = n ? "danger" : m, s1 = [
+  const { masked: D } = U0(S, N, w), P = D.includes(w) ? D.replace(new RegExp(w.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), w) : D, Y = n ? "danger" : m, s1 = [
     "input-mask",
     `input-mask--${h}`,
-    `input-mask--${O}`,
+    `input-mask--${Y}`,
     d ? "input-mask--highlighted" : "",
     p ? "input-mask--disabled" : "",
     g ? "input-mask--readonly" : "",
@@ -21384,7 +21397,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
           variant: "info",
           disabled: !g,
           onClick: v,
-          children: ["Next ", /* @__PURE__ */ e(E, {
+          children: ["Next ", /* @__PURE__ */ e(G, {
             name: "next",
             size: "sm"
           })]
@@ -21533,7 +21546,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
             onClick: () => g(v),
             children: [/* @__PURE__ */ e("span", {
               className: "MenuHamburger_item__icon",
-              children: v.icon ? /* @__PURE__ */ e(E, { name: v.icon }) : null
+              children: v.icon ? /* @__PURE__ */ e(G, { name: v.icon }) : null
             }), /* @__PURE__ */ e("span", {
               className: "MenuHamburger_item__label",
               children: v.label
@@ -21544,7 +21557,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
     })]
   });
 }, u0 = (t) => Math.max(0, Math.min(1, t)), Da = ({ buckets: t, viewportStart: c, viewportEnd: l, onScrub: a, bands: s, caption: o, className: i = "" }) => {
-  const n = Y(null), d = Y(!1), h = Math.max(0, l - c), m = Math.max(1, ...t), p = j((u) => {
+  const n = O(null), d = O(!1), h = Math.max(0, l - c), m = Math.max(1, ...t), p = j((u) => {
     const f = n.current;
     if (!f) return;
     const C = f.getBoundingClientRect(), x = u0((u - C.left) / C.width);
@@ -21664,7 +21677,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
     disabled: v.disabled,
     children: [v.icon && /* @__PURE__ */ e("span", {
       className: "navbar__item-icon",
-      children: v.icon ? /* @__PURE__ */ e(E, { name: v.icon }) : null
+      children: v.icon ? /* @__PURE__ */ e(G, { name: v.icon }) : null
     }), /* @__PURE__ */ e("span", {
       className: "navbar__item-label",
       children: v.label
@@ -21710,7 +21723,7 @@ var Sa = M1(({ autoComplete: t = "on", autoFocus: c, cols: l, disabled: a, error
     ]
   });
 }, Zc = ({ items: t, buttonLabel: c = "Alerts", panelTitle: l = "Notifications", emptyMessage: a = "No active notifications." }) => {
-  const [s, o] = z(!1), [i, n] = z({ opacity: 0 }), d = Y(null), h = Y(null), m = t.some((g) => g.severity === "critical");
+  const [s, o] = z(!1), [i, n] = z({ opacity: 0 }), d = O(null), h = O(null), m = t.some((g) => g.severity === "critical");
   return F(() => {
     if (!s || !d.current || !h.current) return;
     const g = requestAnimationFrame(() => {
@@ -22422,7 +22435,7 @@ ${s.textContent ?? ""}
                 </tbody>
             </table><p><br></p>
         `, Jc = 100, el = (t, c, l) => {
-  const a = Y([]), s = Y([]);
+  const a = O([]), s = O([]);
   return {
     snapshotForUndo: j(() => {
       const o = t.current;
@@ -22456,7 +22469,7 @@ ${s.textContent ?? ""}
     ])
   };
 }, tl = ({ editorRef: t, snapshotForUndo: c, emitChange: l }) => {
-  const [a, s] = z(!1), [o, i] = z(""), [n, d] = z(""), h = Y(null), m = Y(null);
+  const [a, s] = z(!1), [o, i] = z(""), [n, d] = z(""), h = O(null), m = O(null);
   return {
     showLinkPrompt: a,
     linkUrl: o,
@@ -22801,7 +22814,7 @@ ${s.textContent ?? ""}
           onMouseDown: (h) => {
             h.preventDefault(), s();
           },
-          children: [/* @__PURE__ */ e(E, { name: "checkmark" }), " List"]
+          children: [/* @__PURE__ */ e(G, { name: "checkmark" }), " List"]
         })
       })]
     }),
@@ -22831,7 +22844,7 @@ ${s.textContent ?? ""}
           onMouseDown: (h) => {
             h.preventDefault(), o();
           },
-          children: [/* @__PURE__ */ e(E, { name: "link" }), " Link"]
+          children: [/* @__PURE__ */ e(G, { name: "link" }), " Link"]
         })
       })
     }),
@@ -22861,7 +22874,7 @@ ${s.textContent ?? ""}
     })] })
   ]
 }), Ya = ({ advanced: t = !1, error: c, format: l = "html", id: a, label: s, onBlur: o, onChange: i, placeholder: n, required: d = !1, value: h }) => {
-  const m = Y(null), p = Y(!1), g = Y(null), [w, v] = z(/* @__PURE__ */ new Set());
+  const m = O(null), p = O(!1), g = O(null), [w, v] = z(/* @__PURE__ */ new Set());
   F(() => {
     const Q = m.current;
     if (!Q || p.current) return;
@@ -22880,7 +22893,7 @@ ${s.textContent ?? ""}
     editorRef: m,
     snapshotForUndo: f,
     emitChange: u
-  }), { activeTable: A, tableToolbarPos: D, showTableToolbar: P, hideTableToolbar: O, addRowAbove: s1, addRowBelow: V, removeRow: X, addColumnLeft: a1, addColumnRight: I, removeColumn: $, deleteTable: p1 } = rl({
+  }), { activeTable: A, tableToolbarPos: D, showTableToolbar: P, hideTableToolbar: Y, addRowAbove: s1, addRowBelow: V, removeRow: X, addColumnLeft: a1, addColumnRight: I, removeColumn: $, deleteTable: p1 } = rl({
     editorRef: m,
     snapshotForUndo: f,
     emitChange: u
@@ -22945,12 +22958,12 @@ ${s.textContent ?? ""}
       return;
     }
     const Z = r1.closest("table");
-    Z ? P(Z) : O(), h1();
+    Z ? P(Z) : Y(), h1();
   }, [
     H,
     h1,
     P,
-    O
+    Y
   ]), g1 = j((Q) => {
     if ((Q.ctrlKey || Q.metaKey) && Q.key === "z") {
       Q.preventDefault(), Q.shiftKey ? x() : C();
@@ -23134,7 +23147,7 @@ ${s.textContent ?? ""}
     children: [
       y.icon && /* @__PURE__ */ e("span", {
         className: "sidebar__link-icon",
-        children: /* @__PURE__ */ e(E, { name: y.icon })
+        children: /* @__PURE__ */ e(G, { name: y.icon })
       }),
       y.emoji && /* @__PURE__ */ e("span", {
         className: "sidebar__link-emoji",
@@ -23187,7 +23200,7 @@ ${s.textContent ?? ""}
                 className: "sidebar__section-title-row",
                 children: [y.icon && /* @__PURE__ */ e("span", {
                   className: "sidebar__section-icon",
-                  children: /* @__PURE__ */ e(E, { name: y.icon })
+                  children: /* @__PURE__ */ e(G, { name: y.icon })
                 }), /* @__PURE__ */ r("div", {
                   className: "sidebar__section-copy",
                   children: [y.title && /* @__PURE__ */ e("span", {
@@ -23335,7 +23348,7 @@ var ti = ({ variant: t = "text", animation: c = "pulse", width: l, height: a, bo
     }))]
   });
 }, ci = ({ children: t, panel: c, isPanelOpen: l, onPanelClose: a, panelTitle: s, defaultLeftPercent: o = 55, minLeftPercent: i = 25, minRightPercent: n = 20, className: d = "" }) => {
-  const [h, m] = z(o), p = Y(null), g = Y(!1);
+  const [h, m] = z(o), p = O(null), g = O(!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]);
@@ -23476,7 +23489,7 @@ var ti = ({ variant: t = "text", animation: c = "pulse", width: l, height: a, bo
 function p2({ state: t }) {
   return /* @__PURE__ */ e("span", {
     className: `suggestions-list__sort-icon suggestions-list__sort-icon--${t}`,
-    children: /* @__PURE__ */ e(E, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
+    children: /* @__PURE__ */ e(G, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
   });
 }
 var v2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s = !1, onRowClick: o }) => {
@@ -24168,7 +24181,7 @@ var v2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
       label: "Glow",
       value: "glow-effect"
     }
-  ], [f, C] = z(""), [x, b] = z(!1), [M, _] = z(!1), [N, L] = z("all"), y = Y(null), H = Y(!1), S = a?.trim().toLowerCase() ?? "", k = m1(() => {
+  ], [f, C] = z(""), [x, b] = z(!1), [M, _] = z(!1), [N, L] = z("all"), y = O(null), H = O(!1), S = a?.trim().toLowerCase() ?? "", k = m1(() => {
     let V = h0;
     if (l && l.length > 0) {
       const X = new Set(l);
@@ -24219,12 +24232,12 @@ var v2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
       effect: h.effect,
       components: a1
     });
-  }, O = () => {
+  }, Y = () => {
     w(), c();
   };
   return /* @__PURE__ */ e(T2, {
     isOpen: t,
-    onClose: O,
+    onClose: Y,
     title: "Theme Settings",
     position: "right",
     width: "520px",
@@ -24233,7 +24246,7 @@ var v2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
     secondary: {
       text: "Cancel",
       variant: "default",
-      onClick: O,
+      onClick: Y,
       icon: "clear"
     },
     primary: {
@@ -24538,9 +24551,9 @@ var v2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
     className: "tips-of-the-day",
     children: [
       /* @__PURE__ */ r("h3", { children: [
-        /* @__PURE__ */ e(E, { name: "sparkle" }),
+        /* @__PURE__ */ e(G, { name: "sparkle" }),
         " Tip Of The Day ",
-        /* @__PURE__ */ e(E, { name: "sparkle" })
+        /* @__PURE__ */ e(G, { name: "sparkle" })
       ] }),
       " ",
       /* @__PURE__ */ e("h4", { children: t[c] })
@@ -24568,7 +24581,7 @@ var v2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
       children: /* @__PURE__ */ e("button", {
         className: "toast__close",
         onClick: l,
-        children: /* @__PURE__ */ e(E, {
+        children: /* @__PURE__ */ e(G, {
           name: "clear",
           size: "sm"
         })
@@ -24586,7 +24599,7 @@ var v2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
         onClick: () => l(n.key),
         children: [n.icon && /* @__PURE__ */ e("span", {
           className: "toggle-buttons__card-icon",
-          children: /* @__PURE__ */ e(E, {
+          children: /* @__PURE__ */ e(G, {
             name: n.icon,
             size: "xl"
           })
@@ -24658,7 +24671,7 @@ var v2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
           className: "memobit-toolbar__heading-icon",
           children: [
             a.svg,
-            a.icon && /* @__PURE__ */ e(E, { name: a.icon }),
+            a.icon && /* @__PURE__ */ e(G, { name: a.icon }),
             a.emoji
           ]
         }), /* @__PURE__ */ r("div", {
@@ -24754,7 +24767,7 @@ var v2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
           className: "tour-hud__btn",
           disabled: l === 0,
           onClick: i,
-          children: [/* @__PURE__ */ e(E, {
+          children: [/* @__PURE__ */ e(G, {
             name: "arrow-left",
             size: "sm"
           }), "Prev"]
@@ -24764,7 +24777,7 @@ var v2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
           className: "tour-hud__btn",
           disabled: l >= a - 1,
           onClick: n,
-          children: ["Next", /* @__PURE__ */ e(E, {
+          children: ["Next", /* @__PURE__ */ e(G, {
             name: "arrow-right",
             size: "sm"
           })]
@@ -25481,7 +25494,7 @@ var _i = (t, c, l) => {
   } catch {
     return t.trim();
   }
-}, _l = "1.0.25", Bi = 251, Ll = "d05fe3f", zl = "2026-07-18T13:19:27.300Z", Ri = "251", Vl = (t) => {
+}, _l = "1.0.29", Bi = 260, Ll = "3abbdf8", zl = "2026-07-22T13:20:33.195Z", Ri = "260", Vl = (t) => {
   const c = document.getElementById("mb-version-toast");
   if (c) {
     c.remove();
@@ -25505,7 +25518,7 @@ var _i = (t, c, l) => {
   const c = {
     ...t,
     lib: _l,
-    libBuildNumber: 251,
+    libBuildNumber: 260,
     libCommit: Ll,
     libBuildDate: zl
   };
@@ -25626,7 +25639,7 @@ export {
   Wr as Flag,
   _a as FloatButton,
   La as FolderBrowserModal,
-  E as Icon,
+  G as Icon,
   za as InfiniteScroll,
   Hr as InputDate,
   Va as InputEmail,