@memobit/libs 1.0.65 → 1.0.66

package/dist/index.esm.js

@@ -1,6 +1,6 @@
-import w1, { Component as s4, Fragment as d3, createContext as R0, forwardRef as z1, useCallback as D, useContext as B0, useEffect as Y, useId as A0, useImperativeHandle as h3, useLayoutEffect as $2, useMemo as l1, useRef as F, useState as R } from "react";
+import w1, { Component as s4, Fragment as h3, createContext as R0, forwardRef as z1, useCallback as D, useContext as B0, useEffect as Y, useId as A0, useImperativeHandle as m3, useLayoutEffect as D2, useMemo as l1, useRef as F, useState as R } from "react";
 import { Fragment as h1, jsx as e, jsxs as n } from "react/jsx-runtime";
-import { createPortal as q1 } from "react-dom";
+import { createPortal as Y1 } from "react-dom";
 var d4 = /* @__PURE__ */ n("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -1292,7 +1292,7 @@ var d4 = /* @__PURE__ */ n("svg", {
   width: "1em",
   height: "1em",
   children: /* @__PURE__ */ e("path", { d: "M20 8c0-2.21-3.58-4-8-4S4 5.79 4 8c0 .93.47 1.77 1.23 2.45C4.47 11.12 4 12 4 13v6a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-6c0-1-.47-1.88-1.23-2.55C19.53 9.77 20 8.93 20 8zm-8-2c3.31 0 6 .9 6 2s-2.69 2-6 2-6-.9-6-2 2.69-2 6-2zm6 11H6v-4h12v4zm0-6H6v-.18C7.33 11.55 9.53 12 12 12s4.67-.45 6-1.18V11z" })
-}), m3 = /* @__PURE__ */ e("svg", {
+}), p3 = /* @__PURE__ */ e("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor",
@@ -9511,7 +9511,7 @@ var d4 = /* @__PURE__ */ n("svg", {
     clipRule: "evenodd",
     d: "M21.58 7.19a2.82 2.82 0 0 0-1.98-2C17.85 4.72 12 4.72 12 4.72s-5.85 0-7.6.47a2.82 2.82 0 0 0-1.98 2A29.26 29.26 0 0 0 1.95 12c0 1.68.16 3.37.47 4.81a2.82 2.82 0 0 0 1.98 2c1.75.47 7.6.47 7.6.47s5.85 0 7.6-.47a2.82 2.82 0 0 0 1.98-2c.31-1.44.47-3.13.47-4.81s-.16-3.37-.47-4.81zM10 15.43V8.57L16 12l-6 3.43z"
   })
-}), p3 = {
+}), u3 = {
   "arrow-down": x4,
   "arrow-left": L4,
   "arrow-right": z4,
@@ -9527,7 +9527,7 @@ var d4 = /* @__PURE__ */ n("svg", {
   "calendar-month": be,
   "calendar-week": _e,
   "calendar-year": Me,
-  "caret-down": m3,
+  "caret-down": p3,
   "caret-left": Ve,
   "caret-right": Se,
   "caret-up": He,
@@ -10006,7 +10006,7 @@ var d4 = /* @__PURE__ */ n("svg", {
     d ? "icon--pulse-hover" : "",
     t
   ].filter(Boolean).join(" "),
-  children: p3[l]
+  children: u3[l]
 }), b2 = "other", _2 = [
   {
     id: "navigation",
@@ -10652,10 +10652,10 @@ var d4 = /* @__PURE__ */ n("svg", {
   icons: []
 }, lc = new Map(_2.map((t) => [t.id, t]));
 lc.set(b2, cc);
-var u3 = /* @__PURE__ */ new Map();
+var v3 = /* @__PURE__ */ new Map();
 _2.forEach((t) => {
   t.icons.forEach((r) => {
-    u3.set(r, t.id);
+    v3.set(r, t.id);
   });
 });
 var Ta = ({ items: t, allowMultiple: r = !1, defaultExpanded: c = [], onChange: l, className: o = "" }) => {
@@ -10728,7 +10728,7 @@ var Ta = ({ items: t, allowMultiple: r = !1, defaultExpanded: c = [], onChange:
       })
     })]
   });
-}, v3 = (t) => {
+}, g3 = (t) => {
   const r = F(null);
   Y(() => {
     const c = () => {
@@ -10754,12 +10754,12 @@ var Ta = ({ items: t, allowMultiple: r = !1, defaultExpanded: c = [], onChange:
       c();
     };
   }, [t]);
-}, g3 = R0(void 0), w3 = () => {
-  const t = B0(g3);
+}, w3 = R0(void 0), f3 = () => {
+  const t = B0(w3);
   if (t === void 0) throw new Error("useTheme must be used within a ThemeProvider");
   return t;
-}, f3 = (t) => {
-  const { effects: r } = w3();
+}, C3 = (t) => {
+  const { effects: r } = f3();
   return r.effect && r.components.includes(t) ? r.effect : "";
 }, U = w1.forwardRef(({ borders: t = "rounded", children: r, className: c, disabled: l = !1, fullWidth: o = !1, icon: d, iconVariant: s = "default", loading: m = !1, onClick: a, emojiIcon: i, size: h = "medium", style: p, sufixIcon: u, title: g, type: v = "button", variant: w = "default" }, f) => /* @__PURE__ */ e("button", {
   ref: f,
@@ -10791,32 +10791,32 @@ var c1 = ({ title: t, position: r = "top", delay: c = 200, children: l, disabled
     left: 0
   }), u = F(null), g = F(null), v = F(null), w = F(null), f = F(!1), y = m !== void 0, _ = y ? 150 : 0, C = () => {
     if (!v.current || !w.current) return;
-    const x = v.current.firstElementChild?.getBoundingClientRect();
-    let V = x && x.width > 0 ? x : v.current.getBoundingClientRect();
-    if (V.width === 0 && V.height === 0) {
+    const M = v.current.firstElementChild?.getBoundingClientRect();
+    let N = M && M.width > 0 ? M : v.current.getBoundingClientRect();
+    if (N.width === 0 && N.height === 0) {
       const J = document.createRange();
       J.selectNodeContents(v.current);
       const A = J.getBoundingClientRect();
-      (A.width > 0 || A.height > 0) && (V = A);
+      (A.width > 0 || A.height > 0) && (N = A);
     }
-    const k = w.current.getBoundingClientRect(), B = 8;
+    const x = w.current.getBoundingClientRect(), B = 8;
     let H = 0, E = 0;
     switch (r) {
       case "top":
-        H = V.top - k.height - B, E = V.left + V.width / 2 - k.width / 2;
+        H = N.top - x.height - B, E = N.left + N.width / 2 - x.width / 2;
         break;
       case "bottom":
-        H = V.bottom + B, E = V.left + V.width / 2 - k.width / 2;
+        H = N.bottom + B, E = N.left + N.width / 2 - x.width / 2;
         break;
       case "left":
-        H = V.top + V.height / 2 - k.height / 2, E = V.left - k.width - B;
+        H = N.top + N.height / 2 - x.height / 2, E = N.left - x.width - B;
         break;
       case "right":
-        H = V.top + V.height / 2 - k.height / 2, E = V.right + B;
+        H = N.top + N.height / 2 - x.height / 2, E = N.right + B;
         break;
     }
     const P = 8;
-    E < P && (E = P), E + k.width > window.innerWidth - P && (E = window.innerWidth - k.width - P), H < P && (H = P), H + k.height > window.innerHeight - P && (H = window.innerHeight - k.height - P), p({
+    E < P && (E = P), E + x.width > window.innerWidth - P && (E = window.innerWidth - x.width - P), H < P && (H = P), H + x.height > window.innerHeight - P && (H = window.innerHeight - x.height - P), p({
       top: H,
       left: E
     });
@@ -10826,23 +10826,23 @@ var c1 = ({ title: t, position: r = "top", delay: c = 200, children: l, disabled
     }, c));
   }, z = () => {
     f.current || (u.current && clearTimeout(u.current), _ > 0 ? g.current = setTimeout(() => i(!1), _) : i(!1));
-  }, N = (x) => {
-    x.pointerType !== "touch" && x.pointerType !== "pen" || o || (f.current = !0, u.current && (clearTimeout(u.current), u.current = null), x.stopPropagation(), i((V) => !V));
+  }, V = (M) => {
+    M.pointerType !== "touch" && M.pointerType !== "pen" || o || (f.current = !0, u.current && (clearTimeout(u.current), u.current = null), M.stopPropagation(), i((N) => !N));
   };
   Y(() => (a && (C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C)), () => {
     window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C);
   }), [a]), Y(() => {
     if (!a) return;
-    const x = (V) => {
-      v.current?.contains(V.target) || w.current?.contains(V.target) || i(!1);
+    const M = (N) => {
+      v.current?.contains(N.target) || w.current?.contains(N.target) || i(!1);
     };
-    return document.addEventListener("pointerdown", x), () => {
-      document.removeEventListener("pointerdown", x), f.current = !1;
+    return document.addEventListener("pointerdown", M), () => {
+      document.removeEventListener("pointerdown", M), f.current = !1;
     };
   }, [a]), Y(() => () => {
     u.current && clearTimeout(u.current), g.current && clearTimeout(g.current);
   }, []);
-  const M = () => {
+  const k = () => {
     y && g.current && (clearTimeout(g.current), g.current = null);
   }, b = () => {
     y && (g.current = setTimeout(() => i(!1), _));
@@ -10854,9 +10854,9 @@ var c1 = ({ title: t, position: r = "top", delay: c = 200, children: l, disabled
     onMouseLeave: z,
     onFocus: L,
     onBlur: z,
-    onPointerDown: N,
+    onPointerDown: V,
     children: l
-  }), a && t && q1(/* @__PURE__ */ n("div", {
+  }), a && t && Y1(/* @__PURE__ */ n("div", {
     ref: w,
     className: `tooltip tooltip--${r} ${y ? "tooltip--scrollable" : ""} ${d}`,
     style: {
@@ -10865,13 +10865,13 @@ var c1 = ({ title: t, position: r = "top", delay: c = 200, children: l, disabled
       ...s !== void 0 && { maxWidth: typeof s == "number" ? `${s}px` : s },
       ...m !== void 0 && { maxHeight: typeof m == "number" ? `${m}px` : m }
     },
-    onMouseEnter: M,
+    onMouseEnter: k,
     onMouseLeave: b,
     children: [t, /* @__PURE__ */ e("div", { className: `tooltip__arrow tooltip__arrow--${r}` })]
   }), document.body)] });
-}, j1 = ({ children: t, className: r, fullHeight: c = !1, isOpen: l, noPadding: o = !1, onClose: d, onOverlayClick: s, primary: m, secondary: a, size: i = "auto", tertiary: h, title: p, titleIcon: u, usePortal: g = !1 }) => {
-  const v = f3("Modal");
-  v3(l);
+}, q1 = ({ children: t, className: r, fullHeight: c = !1, isOpen: l, noPadding: o = !1, onClose: d, onOverlayClick: s, primary: m, secondary: a, size: i = "auto", tertiary: h, title: p, titleIcon: u, usePortal: g = !1 }) => {
+  const v = C3("Modal");
+  g3(l);
   const w = F(null), f = F(null);
   if (Y(() => {
     if (!l) return;
@@ -10941,8 +10941,8 @@ var c1 = ({ title: t, position: r = "top", delay: c = 200, children: l, disabled
       ]
     })
   });
-  return g ? q1(_, document.body) : _;
-}, Pa = ({ isOpen: t = !1, message: r, primary: c, title: l }) => /* @__PURE__ */ e(j1, {
+  return g ? Y1(_, document.body) : _;
+}, Pa = ({ isOpen: t = !1, message: r, primary: c, title: l }) => /* @__PURE__ */ e(q1, {
   isOpen: t,
   title: l,
   onClose: c?.onClick ? () => c.onClick() : void 0,
@@ -10985,7 +10985,7 @@ var c1 = ({ title: t, position: r = "top", delay: c = 200, children: l, disabled
       }
       y === "minutes" && l && L("seconds");
     }
-  }, N = l1(() => {
+  }, V = l1(() => {
     if (y === "hours") {
       if (c === "12h") return Array.from({ length: 12 }, (O, Z) => {
         const W = Z + 1;
@@ -11035,7 +11035,7 @@ var c1 = ({ title: t, position: r = "top", delay: c = 200, children: l, disabled
     t.hours,
     t.minutes,
     t.seconds
-  ]), M = l1(() => y === "hours" ? {
+  ]), k = l1(() => y === "hours" ? {
     degrees: t.hours % 12 * 30,
     radius: c === "24h" && ac(t.hours) ? C.innerRadius : C.outerRadius
   } : {
@@ -11049,7 +11049,7 @@ var c1 = ({ title: t, position: r = "top", delay: c = 200, children: l, disabled
     t.hours,
     t.minutes,
     t.seconds
-  ]), b = E0(C.center, M.radius, M.degrees), x = (S, $) => {
+  ]), b = E0(C.center, k.radius, k.degrees), M = (S, $) => {
     const e1 = w.current?.getBoundingClientRect();
     if (!e1 || e1.width === 0) return;
     const O = s / e1.width, Z = (S - e1.left) * O - C.center, W = ($ - e1.top) * O - C.center, q = Math.sqrt(Z * Z + W * W);
@@ -11077,15 +11077,15 @@ var c1 = ({ title: t, position: r = "top", delay: c = 200, children: l, disabled
       ...t,
       seconds: C1
     };
-  }, V = (S) => {
-    const $ = x(S.clientX, S.clientY);
+  }, N = (S) => {
+    const $ = M(S.clientX, S.clientY);
     $ && r($);
-  }, k = (S) => {
-    m || (f.current = !0, S.currentTarget.setPointerCapture(S.pointerId), V(S));
+  }, x = (S) => {
+    m || (f.current = !0, S.currentTarget.setPointerCapture(S.pointerId), N(S));
   }, B = (S) => {
-    m || !f.current || V(S);
+    m || !f.current || N(S);
   }, H = (S) => {
-    m || !f.current || (f.current = !1, S.currentTarget.releasePointerCapture(S.pointerId), V(S), z());
+    m || !f.current || (f.current = !1, S.currentTarget.releasePointerCapture(S.pointerId), N(S), z());
   }, E = (S) => {
     if (y === "hours") {
       if (c === "12h") {
@@ -11190,7 +11190,7 @@ var c1 = ({ title: t, position: r = "top", delay: c = 200, children: l, disabled
       height: s,
       viewBox: `0 0 ${s} ${s}`,
       tabIndex: m ? -1 : 0,
-      onPointerDown: k,
+      onPointerDown: x,
       onPointerMove: B,
       onPointerUp: H,
       onKeyDown: P,
@@ -11230,7 +11230,7 @@ var c1 = ({ title: t, position: r = "top", delay: c = 200, children: l, disabled
           cy: C.center,
           r: s * 0.017
         }),
-        N.map((S) => {
+        V.map((S) => {
           const $ = E0(C.center, S.inner ? C.innerRadius : C.outerRadius, S.degrees);
           return /* @__PURE__ */ e("text", {
             className: `analog-clock__number${S.inner ? " analog-clock__number--inner" : ""}${S.selected ? " analog-clock__number--selected" : ""}`,
@@ -11244,47 +11244,47 @@ var c1 = ({ title: t, position: r = "top", delay: c = 200, children: l, disabled
       ]
     })]
   });
-}, m0 = 42, G1 = 50, D2 = 2 * Math.PI * m0, e2 = 360, E2 = (t) => t * Math.PI / 180, t2 = (t, r) => ({
-  x: G1 + r * Math.sin(E2(t)),
-  y: G1 - r * Math.cos(E2(t))
+}, m0 = 42, G1 = 50, E2 = 2 * Math.PI * m0, e2 = 360, T2 = (t) => t * Math.PI / 180, t2 = (t, r) => ({
+  x: G1 + r * Math.sin(T2(t)),
+  y: G1 - r * Math.cos(T2(t))
 }), Ia = ({ disabled: t = !1, label: r, max: c = e2, min: l = 0, onChange: o, size: d = 120, step: s = 1, tickStep: m = 45, keyboardStep: a, showValue: i = !0, value: h, variant: p = "accent" }) => {
-  const u = F(null), g = F(!1), v = Math.max(1, c - l), w = D((x) => {
-    const V = s > 0 ? Math.round(x / s) * s : x;
-    return Math.min(c, Math.max(l, V));
+  const u = F(null), g = F(!1), v = Math.max(1, c - l), w = D((M) => {
+    const N = s > 0 ? Math.round(M / s) * s : M;
+    return Math.min(c, Math.max(l, N));
   }, [
     c,
     l,
     s
-  ]), f = D((x, V) => {
-    const k = u.current;
-    if (!k) return null;
-    const B = k.getBoundingClientRect(), H = x - (B.left + B.width / 2), E = V - (B.top + B.height / 2);
+  ]), f = D((M, N) => {
+    const x = u.current;
+    if (!x) return null;
+    const B = x.getBoundingClientRect(), H = M - (B.left + B.width / 2), E = N - (B.top + B.height / 2);
     return H === 0 && E === 0 ? null : (Math.atan2(H, -E) * 180 / Math.PI + e2) % e2;
-  }, []), y = D((x, V) => {
-    const k = f(x, V);
-    k !== null && o(w(k));
+  }, []), y = D((M, N) => {
+    const x = f(M, N);
+    x !== null && o(w(x));
   }, [
     f,
     w,
     o
-  ]), _ = D((x) => {
-    t || (x.preventDefault(), x.currentTarget.setPointerCapture(x.pointerId), g.current = !0, y(x.clientX, x.clientY));
-  }, [t, y]), C = D((x) => {
-    !g.current || t || y(x.clientX, x.clientY);
-  }, [t, y]), L = D((x) => {
-    g.current && (x.currentTarget.releasePointerCapture(x.pointerId), g.current = !1);
-  }, []), z = D((x) => {
+  ]), _ = D((M) => {
+    t || (M.preventDefault(), M.currentTarget.setPointerCapture(M.pointerId), g.current = !0, y(M.clientX, M.clientY));
+  }, [t, y]), C = D((M) => {
+    !g.current || t || y(M.clientX, M.clientY);
+  }, [t, y]), L = D((M) => {
+    g.current && (M.currentTarget.releasePointerCapture(M.pointerId), g.current = !1);
+  }, []), z = D((M) => {
     if (t) return;
-    const V = a ?? (s > 0 ? s : 1), k = x.key === "PageUp" ? V * 10 : x.key === "PageDown" ? -V * 10 : 0, B = x.key === "ArrowRight" || x.key === "ArrowUp" ? V : x.key === "ArrowLeft" || x.key === "ArrowDown" ? -V : 0;
-    if (x.key === "Home") {
-      x.preventDefault(), o(l);
+    const N = a ?? (s > 0 ? s : 1), x = M.key === "PageUp" ? N * 10 : M.key === "PageDown" ? -N * 10 : 0, B = M.key === "ArrowRight" || M.key === "ArrowUp" ? N : M.key === "ArrowLeft" || M.key === "ArrowDown" ? -N : 0;
+    if (M.key === "Home") {
+      M.preventDefault(), o(l);
       return;
     }
-    if (x.key === "End") {
-      x.preventDefault(), o(c);
+    if (M.key === "End") {
+      M.preventDefault(), o(c);
       return;
     }
-    k === 0 && B === 0 || (x.preventDefault(), o(w(h + k + B)));
+    x === 0 && B === 0 || (M.preventDefault(), o(w(h + x + B)));
   }, [
     w,
     t,
@@ -11294,16 +11294,16 @@ var c1 = ({ title: t, position: r = "top", delay: c = 200, children: l, disabled
     o,
     s,
     h
-  ]), N = l1(() => {
+  ]), V = l1(() => {
     if (!m || m <= 0) return [];
-    const x = [];
-    for (let V = l; V < l + v; V += m) x.push(V);
-    return x;
+    const M = [];
+    for (let N = l; N < l + v; N += m) M.push(N);
+    return M;
   }, [
     l,
     v,
     m
-  ]), M = (Math.min(c, Math.max(l, h)) - l) / v, b = t2(h, m0);
+  ]), k = (Math.min(c, Math.max(l, h)) - l) / v, b = t2(h, m0);
   return /* @__PURE__ */ n("div", {
     className: [
       "angle-slider",
@@ -11328,22 +11328,22 @@ var c1 = ({ title: t, position: r = "top", delay: c = 200, children: l, disabled
             cy: G1,
             r: m0
           }),
-          N.map((x) => {
-            const V = t2(x, m0), k = t2(x, m0 - 6);
+          V.map((M) => {
+            const N = t2(M, m0), x = t2(M, m0 - 6);
             return /* @__PURE__ */ e("line", {
               className: "angle-slider__tick",
-              x1: k.x,
-              x2: V.x,
-              y1: k.y,
-              y2: V.y
-            }, x);
+              x1: x.x,
+              x2: N.x,
+              y1: x.y,
+              y2: N.y
+            }, M);
           }),
           /* @__PURE__ */ e("circle", {
             className: "angle-slider__progress",
             cx: G1,
             cy: G1,
             r: m0,
-            strokeDasharray: `${D2 * M} ${D2}`,
+            strokeDasharray: `${E2 * k} ${E2}`,
             transform: `rotate(-90 ${G1} ${G1})`
           }),
           /* @__PURE__ */ e("line", {
@@ -11402,7 +11402,7 @@ var c1 = ({ title: t, position: r = "top", delay: c = 200, children: l, disabled
     className: m,
     style: a
   });
-}, C3 = ({ emoji: t, icon: r, svg: c, appName: l, heading: o, onClick: d, className: s = "", showSeparator: m = !0 }) => /* @__PURE__ */ n(h1, { children: [/* @__PURE__ */ n("div", {
+}, y3 = ({ emoji: t, icon: r, svg: c, appName: l, heading: o, onClick: d, className: s = "", showSeparator: m = !0 }) => /* @__PURE__ */ n(h1, { children: [/* @__PURE__ */ n("div", {
   className: [
     "app-header",
     d ? "app-header--clickable" : "",
@@ -11436,7 +11436,7 @@ var c1 = ({ title: t, position: r = "top", delay: c = 200, children: l, disabled
 }), m && /* @__PURE__ */ e(u0, {
   className: "app-header__separator",
   spacing: 0
-})] }), y3 = [
+})] }), b3 = [
   {
     background: "#f6a821",
     color: "#1a1a1a"
@@ -11485,10 +11485,10 @@ function oc(t) {
 function sc(t) {
   let r = 0;
   for (const c of t) r += c.charCodeAt(0);
-  return r % y3.length;
+  return r % b3.length;
 }
 var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = "" }) => {
-  const o = oc(t), { background: d, color: s } = y3[sc(o)];
+  const o = oc(t), { background: d, color: s } = b3[sc(o)];
   return /* @__PURE__ */ e("div", {
     className: `avatar-initials avatar-initials--${r} avatar-initials--${c} ${l}`,
     style: {
@@ -11994,7 +11994,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
   "Oct",
   "Nov",
   "Dec"
-], Y1 = (t, r) => {
+], O1 = (t, r) => {
   const c = t.getFullYear(), l = t.getMonth(), o = String(l + 1).padStart(2, "0"), d = fc[l], s = String(t.getDate()).padStart(2, "0"), m = String(t.getHours()).padStart(2, "0"), a = String(t.getMinutes()).padStart(2, "0"), i = String(t.getSeconds()).padStart(2, "0");
   return r.replace("YYYY", String(c)).replace("MMM", d).replace("MM", o).replace("DD", s).replace("HH", m).replace("mm", a).replace("ss", i);
 }, Xa = (t) => {
@@ -12005,17 +12005,17 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
   return (/* @__PURE__ */ new Date(t.getTime() - t.getTimezoneOffset() * 6e4)).toISOString().slice(0, 10);
 }, Cc = "DD MMM YYYY", yc = "DD MMM YYYY HH:mm", Qa = (t) => {
   const [r, c, l] = t.split("-").map(Number);
-  return Y1(new Date(r, c - 1, l), Cc);
+  return O1(new Date(r, c - 1, l), Cc);
 }, Ja = (t) => {
   const r = new Date(t.replace(" ", "T"));
-  return isNaN(r.getTime()) ? t : Y1(r, yc);
+  return isNaN(r.getTime()) ? t : O1(r, yc);
 }, ei = (t) => {
   const r = Math.floor(t / 365), c = Math.round((t - r * 365) / 30);
   return r > 0 && c > 0 ? `${r}y ${c}m` : r > 0 ? `${r}y` : `${c}m`;
 }, Z1 = (t, r) => t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate(), ti = (t, r, c) => {
   const l = t.getTime();
   return l >= r.getTime() && l <= c.getTime();
-}, ri = (t, r) => new Date(t, r + 1, 0).getDate(), b3 = (t, r, c = 0) => {
+}, ri = (t, r) => new Date(t, r + 1, 0).getDate(), _3 = (t, r, c = 0) => {
   const l = new Date(t, r, 1), o = new Date(t, r + 1, 0).getDate();
   let d = l.getDay();
   c === 1 && (d = d === 0 ? 6 : d - 1);
@@ -12102,7 +12102,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
   }), [y, _] = R("days"), [C, L] = R(() => {
     const I = (h ?? w).getFullYear();
     return Math.floor(I / Q1) * Q1;
-  }), [z, N] = R(null), M = h ?? w, b = g ?? z, x = l1(() => b3(M.getFullYear(), M.getMonth(), s), [M, s]), V = s === 1 ? kc : Mc, k = (I) => l && r2(I, l) || o && _c(I, o) ? !0 : d ? typeof d == "function" ? d(I) : d.some((K) => Z1(K, I)) : !1, B = (I) => {
+  }), [z, V] = R(null), k = h ?? w, b = g ?? z, M = l1(() => _3(k.getFullYear(), k.getMonth(), s), [k, s]), N = s === 1 ? kc : Mc, x = (I) => l && r2(I, l) || o && _c(I, o) ? !0 : d ? typeof d == "function" ? d(I) : d.some((K) => Z1(K, I)) : !1, B = (I) => {
     if (!t) return !1;
     if (c === "single" && t instanceof Date) return Z1(I, t);
     if (c === "range") {
@@ -12116,16 +12116,16 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
       return v1 > K.getTime() && v1 < d1.getTime();
     }
     return !1;
-  }, E = (I) => c === "range" && b ? I.getTime() > b.getTime() : !1, P = (I) => I.getMonth() === M.getMonth(), J = (I) => {
-    if (!k(I)) {
+  }, E = (I) => c === "range" && b ? I.getTime() > b.getTime() : !1, P = (I) => I.getMonth() === k.getMonth(), J = (I) => {
+    if (!x(I)) {
       if (c === "single") r?.(I);
-      else if (c === "range") if (!b) v ? v(I) : (N(I), r?.(void 0));
+      else if (c === "range") if (!b) v ? v(I) : (V(I), r?.(void 0));
       else {
         const K = r2(I, b) ? I : b, d1 = r2(I, b) ? b : I;
         r?.({
           start: K,
           end: d1
-        }), v ? v(null) : N(null);
+        }), v ? v(null) : V(null);
       }
       else if (c === "multiple") {
         const K = Array.isArray(t) ? t : [], d1 = K.findIndex((v1) => Z1(v1, I));
@@ -12136,10 +12136,10 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
       }
     }
   }, A = () => {
-    const I = C0(M, -1);
+    const I = C0(k, -1);
     p ? p(I) : f(I);
   }, T = () => {
-    const I = C0(M, 1);
+    const I = C0(k, 1);
     p ? p(I) : f(I);
   }, S = () => {
     const I = /* @__PURE__ */ new Date(), K = new Date(I.getFullYear(), I.getMonth(), 1);
@@ -12147,22 +12147,22 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
   }, $ = () => {
     u && _("months");
   }, e1 = () => {
-    u && (L(Math.floor(M.getFullYear() / Q1) * Q1), _("years"));
+    u && (L(Math.floor(k.getFullYear() / Q1) * Q1), _("years"));
   }, O = (I) => {
-    const K = new Date(M.getFullYear(), I, 1);
+    const K = new Date(k.getFullYear(), I, 1);
     p ? p(K) : f(K), _("days");
   }, Z = (I) => {
-    const K = new Date(I, M.getMonth(), 1);
+    const K = new Date(I, k.getMonth(), 1);
     p ? p(K) : f(K), _("months");
   }, W = () => {
     L(C - Q1);
   }, q = () => {
     L(C + Q1);
   }, m1 = () => {
-    const I = new Date(M.getFullYear() - 1, M.getMonth(), 1);
+    const I = new Date(k.getFullYear() - 1, k.getMonth(), 1);
     p ? p(I) : f(I);
   }, t1 = () => {
-    const I = new Date(M.getFullYear() + 1, M.getMonth(), 1);
+    const I = new Date(k.getFullYear() + 1, k.getMonth(), 1);
     p ? p(I) : f(I);
   }, C1 = () => {
     const I = [];
@@ -12170,7 +12170,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     return I;
   }, f1 = (I) => {
     const K = ["calendar__day"];
-    return P(I) ? (B(I) && K.push("calendar__day--selected"), H(I) && K.push("calendar__day--in-range"), E(I) && K.push("calendar__day--hover-range")) : K.push("calendar__day--other-month"), Z0(I) && K.push("calendar__day--today"), M2(I) && K.push("calendar__day--weekend"), k(I) && K.push("calendar__day--disabled"), K.join(" ");
+    return P(I) ? (B(I) && K.push("calendar__day--selected"), H(I) && K.push("calendar__day--in-range"), E(I) && K.push("calendar__day--hover-range")) : K.push("calendar__day--other-month"), Z0(I) && K.push("calendar__day--today"), M2(I) && K.push("calendar__day--weekend"), x(I) && K.push("calendar__day--disabled"), K.join(" ");
   }, A1 = () => y === "years" ? /* @__PURE__ */ n("div", {
     className: "calendar__header",
     children: [
@@ -12217,7 +12217,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
         type: "button",
         className: "calendar__header-button",
         onClick: e1,
-        children: M.getFullYear()
+        children: k.getFullYear()
       }),
       /* @__PURE__ */ e(c1, {
         title: "Next year",
@@ -12245,17 +12245,17 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
         className: "calendar__month-year",
         children: a ? /* @__PURE__ */ e("span", {
           className: "calendar__header-label",
-          children: c2[M.getMonth()]
+          children: c2[k.getMonth()]
         }) : /* @__PURE__ */ n(h1, { children: [/* @__PURE__ */ e("button", {
           type: "button",
           className: "calendar__header-button",
           onClick: $,
-          children: c2[M.getMonth()]
+          children: c2[k.getMonth()]
         }), /* @__PURE__ */ e("button", {
           type: "button",
           className: "calendar__header-button",
           onClick: e1,
-          children: M.getFullYear()
+          children: k.getFullYear()
         })] })
       }),
       /* @__PURE__ */ e(c1, {
@@ -12269,7 +12269,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
       })
     ]
   }), a1 = () => {
-    const I = C1(), K = (/* @__PURE__ */ new Date()).getFullYear(), d1 = M.getFullYear();
+    const I = C1(), K = (/* @__PURE__ */ new Date()).getFullYear(), d1 = k.getFullYear();
     return /* @__PURE__ */ e("div", {
       className: "calendar__years-grid",
       children: I.map((v1) => /* @__PURE__ */ e("button", {
@@ -12280,12 +12280,12 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
       }, v1))
     });
   }, u1 = () => {
-    const I = (/* @__PURE__ */ new Date()).getMonth(), K = (/* @__PURE__ */ new Date()).getFullYear(), d1 = M.getMonth(), v1 = M.getFullYear();
+    const I = (/* @__PURE__ */ new Date()).getMonth(), K = (/* @__PURE__ */ new Date()).getFullYear(), d1 = k.getMonth(), v1 = k.getFullYear();
     return /* @__PURE__ */ e("div", {
       className: "calendar__months-grid",
       children: c2.map((k1, M1) => /* @__PURE__ */ e("button", {
         type: "button",
-        className: `calendar__month-item ${M1 === d1 && v1 === M.getFullYear() ? "calendar__month-item--selected" : ""} ${M1 === I && K === M.getFullYear() ? "calendar__month-item--current" : ""}`,
+        className: `calendar__month-item ${M1 === d1 && v1 === k.getFullYear() ? "calendar__month-item--selected" : ""} ${M1 === I && K === k.getFullYear() ? "calendar__month-item--current" : ""}`,
         onClick: () => O(M1),
         children: k1.substring(0, 3)
       }, k1))
@@ -12309,20 +12309,20 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
         }),
         /* @__PURE__ */ e("div", {
           className: "calendar__weekdays",
-          children: V.map((I) => /* @__PURE__ */ e("div", {
+          children: N.map((I) => /* @__PURE__ */ e("div", {
             className: "calendar__weekday",
             children: I
           }, I))
         }),
         /* @__PURE__ */ e("div", {
           className: "calendar__days",
-          children: x.map((I, K) => /* @__PURE__ */ e("div", {
+          children: M.map((I, K) => /* @__PURE__ */ e("div", {
             className: "calendar__week",
             children: I.map((d1, v1) => /* @__PURE__ */ e("button", {
               type: "button",
               className: f1(d1),
               onClick: () => J(d1),
-              disabled: k(d1),
+              disabled: x(d1),
               title: d1.toDateString(),
               children: d1.getDate()
             }, v1))
@@ -12382,7 +12382,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
           children: u ?? ""
         }, g))]
       }),
-      xc.map((u, g) => /* @__PURE__ */ e(d3, { children: /* @__PURE__ */ n("div", {
+      xc.map((u, g) => /* @__PURE__ */ e(h3, { children: /* @__PURE__ */ n("div", {
         className: "calendar-heatmap__row",
         children: [/* @__PURE__ */ e("div", {
           className: "calendar-heatmap__day-label",
@@ -12414,8 +12414,8 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
       })
     ]
   });
-}, _3 = ({ children: t, className: r, footerContent: c, icon: l, isCollapsed: o, isCollapsible: d, isFooterCollapsible: s = !0, isHighlighted: m, noPadding: a, onClick: i, title: h, variant: p = "default" }) => {
-  const [u, g] = R(o || !1), v = f3("Card");
+}, M3 = ({ children: t, className: r, footerContent: c, icon: l, isCollapsed: o, isCollapsible: d, isFooterCollapsible: s = !0, isHighlighted: m, noPadding: a, onClick: i, title: h, variant: p = "default" }) => {
+  const [u, g] = R(o || !1), v = C3("Card");
   Y(() => {
     typeof o == "boolean" && g(o);
   }, [o]);
@@ -12501,15 +12501,15 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
   ]
 }), ni = ({ children: t, className: r = "", defaultCollapsed: c = !1, icon: l, isCollapsed: o, onToggle: d, rightDetails: s, title: m, toggleAccent: a, toggleHighlight: i, toggleMiddleIcon: h, toggleSize: p, toggleSpaceBetween: u, toggleSwap: g, toggleTint: v = "plain", toggleVariant: w, withCard: f = !1 }) => {
   const [y, _] = R(c), C = o !== void 0, L = C ? o : y, z = () => {
-    const M = !L;
-    C || _(M), d?.(M);
-  }, N = !!s;
+    const k = !L;
+    C || _(k), d?.(k);
+  }, V = !!s;
   return /* @__PURE__ */ n("div", {
     className: `collapsible-section ${f ? "collapsible-section--with-card" : ""} ${r} ${L ? "collapsible-section__collapsed" : ""}`,
     children: [m && /* @__PURE__ */ e("div", {
-      className: `collapsible-section__header ${N ? "" : "collapsible-section__header--inline"} ${u ? "collapsible-section__header--space-between" : ""} ${g ? "collapsible-section__header--swap" : ""} ${i ? "collapsible-section__header--highlight" : ""} ${a ? "collapsible-section__header--accent" : ""} ${p ? `collapsible-section__header--size-${p}` : ""} ${w ? `collapsible-section__header--variant-${w}` : ""} ${v !== "plain" ? `collapsible-section__header--tint-${v}` : ""}`,
-      onClick: N ? z : void 0,
-      children: N ? /* @__PURE__ */ n(h1, { children: [
+      className: `collapsible-section__header ${V ? "" : "collapsible-section__header--inline"} ${u ? "collapsible-section__header--space-between" : ""} ${g ? "collapsible-section__header--swap" : ""} ${i ? "collapsible-section__header--highlight" : ""} ${a ? "collapsible-section__header--accent" : ""} ${p ? `collapsible-section__header--size-${p}` : ""} ${w ? `collapsible-section__header--variant-${w}` : ""} ${v !== "plain" ? `collapsible-section__header--tint-${v}` : ""}`,
+      onClick: V ? z : void 0,
+      children: V ? /* @__PURE__ */ n(h1, { children: [
         /* @__PURE__ */ n("div", {
           className: "collapsible-section__label",
           children: [
@@ -12561,8 +12561,8 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
 }, D1 = z1(({ autoComplete: t = "on", autoFocus: r, disabled: c, error: l, hideNativeControls: o, highlighted: d, id: s, label: m, onChange: a, onClick: i, onKeyDown: h, required: p, success: u, value: g, min: v, max: w, placeholder: f, step: y }, _) => {
   const C = (z) => {
     if (z === void 0) return;
-    let N = z;
-    return v !== void 0 && N < v && (N = v), w !== void 0 && N > w && (N = w), N;
+    let V = z;
+    return v !== void 0 && V < v && (V = v), w !== void 0 && V > w && (V = w), V;
   };
   return /* @__PURE__ */ n("div", {
     className: `input-number-wrapper${d ? " input-number-highlighted" : ""}`,
@@ -12658,11 +12658,11 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     g: l >> 8 & 255,
     b: l & 255
   };
-}, T2 = ({ r: t, g: r, b: c }) => `#${[
+}, P2 = ({ r: t, g: r, b: c }) => `#${[
   t,
   r,
   c
-].map((l) => p0(Math.round(l), 0, 255).toString(16).padStart(2, "0")).join("")}`, O1 = ({ r: t, g: r, b: c }) => {
+].map((l) => p0(Math.round(l), 0, 255).toString(16).padStart(2, "0")).join("")}`, U1 = ({ r: t, g: r, b: c }) => {
   const l = t / 255, o = r / 255, d = c / 255, s = Math.max(l, o, d), m = s - Math.min(l, o, d);
   let a = 0;
   m !== 0 && (s === l ? a = (o - d) / m % 6 : s === o ? a = (d - l) / m + 2 : a = (l - o) / m + 4, a = Math.round(a * 60), a < 0 && (a += 360));
@@ -12672,7 +12672,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     s: Math.round(i * 100),
     v: Math.round(h * 100)
   };
-}, P2 = ({ h: t, s: r, v: c }) => {
+}, I2 = ({ h: t, s: r, v: c }) => {
   const l = r / 100, o = c / 100, d = o * l, s = d * (1 - Math.abs(t / 60 % 2 - 1)), m = o - d;
   let a = 0, i = 0, h = 0;
   return t < 60 ? (a = d, i = s) : t < 120 ? (a = s, i = d) : t < 180 ? (i = d, h = s) : t < 240 ? (i = s, h = d) : t < 300 ? (a = s, h = d) : (a = d, h = s), {
@@ -12705,11 +12705,11 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
       g: 121,
       b: 167
     };
-    return O1(g);
+    return U1(g);
   }), s = F(null);
   Y(() => {
     const g = l2(t);
-    g && d(O1(g));
+    g && d(U1(g));
   }, [t]);
   const m = (g) => {
     const v = {
@@ -12718,7 +12718,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
       v: p0(g.v, 0, 100)
     };
     d(v);
-    const w = T2(P2(v));
+    const w = P2(I2(v));
     r?.(w);
   }, a = (g) => {
     const v = s.current?.getBoundingClientRect();
@@ -12735,7 +12735,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
       window.removeEventListener("mousemove", v), window.removeEventListener("mouseup", w);
     };
     window.addEventListener("mousemove", v), window.addEventListener("mouseup", w);
-  }, h = P2(o), p = T2(h), u = Nc(h);
+  }, h = I2(o), p = P2(h), u = Nc(h);
   return /* @__PURE__ */ n("div", {
     className: "color-picker",
     children: [
@@ -12805,7 +12805,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
           value: p,
           onChange: (g) => {
             const v = l2(g);
-            v && m(O1(v));
+            v && m(U1(v));
           }
         })
       }),
@@ -12817,7 +12817,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
             min: 0,
             max: 255,
             value: h.r,
-            onChange: (g) => m(O1({
+            onChange: (g) => m(U1({
               ...h,
               r: g ?? 0
             }))
@@ -12827,7 +12827,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
             min: 0,
             max: 255,
             value: h.g,
-            onChange: (g) => m(O1({
+            onChange: (g) => m(U1({
               ...h,
               g: g ?? 0
             }))
@@ -12837,7 +12837,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
             min: 0,
             max: 255,
             value: h.b,
-            onChange: (g) => m(O1({
+            onChange: (g) => m(U1({
               ...h,
               b: g ?? 0
             }))
@@ -12857,7 +12857,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
                 ...u,
                 h: g ?? 0
               });
-              m(O1(v));
+              m(U1(v));
             }
           }),
           /* @__PURE__ */ e(D1, {
@@ -12870,7 +12870,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
                 ...u,
                 s: g ?? 0
               });
-              m(O1(v));
+              m(U1(v));
             }
           }),
           /* @__PURE__ */ e(D1, {
@@ -12883,7 +12883,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
                 ...u,
                 l: g ?? 0
               });
-              m(O1(v));
+              m(U1(v));
             }
           })
         ]
@@ -13004,7 +13004,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
 }, k2 = () => {
   const t = Math.random();
   return t < 0.5 ? "rect" : t < 0.8 ? "circle" : "star";
-}, U0 = (t) => t[Math.floor(Math.random() * t.length)], I2 = (t, r, c) => ({
+}, U0 = (t) => t[Math.floor(Math.random() * t.length)], G2 = (t, r, c) => ({
   x: Math.random() * t,
   y: -10 - Math.random() * 40,
   vx: (Math.random() - 0.5) * 2,
@@ -13029,7 +13029,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     opacity: 1,
     shape: k2()
   };
-}, G2 = (t, r, c) => ({
+}, Z2 = (t, r, c) => ({
   x: t * 0.2 + Math.random() * t * 0.6,
   y: r + 20,
   vx: (Math.random() - 0.5) * 1.5,
@@ -13096,35 +13096,35 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     const w = g.width, f = g.height, y = Sc(t), _ = o ?? h[l];
     i.current = !0, a.current = performance.now();
     let C = [];
-    if (l === "confetti") C = Array.from({ length: _ }, () => I2(w, f, y));
+    if (l === "confetti") C = Array.from({ length: _ }, () => G2(w, f, y));
     else if (l === "burst") {
-      const z = w / 2, N = f / 2;
-      C = Array.from({ length: _ }, () => Hc(z, N, y));
-    } else l === "fireworks" && (C = Array.from({ length: _ }, () => G2(w, f, y)));
+      const z = w / 2, V = f / 2;
+      C = Array.from({ length: _ }, () => Hc(z, V, y));
+    } else l === "fireworks" && (C = Array.from({ length: _ }, () => Z2(w, f, y)));
     const L = (z) => {
       if (!i.current) return;
-      const N = z - a.current, M = Math.min(N / r, 1);
-      if (v.clearRect(0, 0, w, f), l === "confetti" ? (M < 0.6 && Math.random() < 0.3 && C.push(I2(w, f, y)), C = C.filter((b) => b.opacity > 0 && b.y < f + 20), C.forEach((b) => {
-        b.x += b.vx, b.y += b.vy, b.vy += 0.08, b.vx += (Math.random() - 0.5) * 0.1, b.angle += b.spin, M > 0.6 && (b.opacity -= 0.015), a2(v, b);
+      const V = z - a.current, k = Math.min(V / r, 1);
+      if (v.clearRect(0, 0, w, f), l === "confetti" ? (k < 0.6 && Math.random() < 0.3 && C.push(G2(w, f, y)), C = C.filter((b) => b.opacity > 0 && b.y < f + 20), C.forEach((b) => {
+        b.x += b.vx, b.y += b.vy, b.vy += 0.08, b.vx += (Math.random() - 0.5) * 0.1, b.angle += b.spin, k > 0.6 && (b.opacity -= 0.015), a2(v, b);
       })) : l === "burst" ? (C = C.filter((b) => b.opacity > 0), C.forEach((b) => {
         b.x += b.vx, b.y += b.vy, b.vy += 0.15, b.vx *= 0.98, b.angle += b.spin, b.opacity -= 0.012, a2(v, b);
-      })) : l === "fireworks" && (M < 0.85 && Math.random() < 0.04 && C.push(G2(w, f, y)), C = C.filter((b) => b.exploded ? b.children?.some((x) => x.opacity > 0) ?? !1 : b.y > -f * 0.1), C.forEach((b) => {
+      })) : l === "fireworks" && (k < 0.85 && Math.random() < 0.04 && C.push(Z2(w, f, y)), C = C.filter((b) => b.exploded ? b.children?.some((M) => M.opacity > 0) ?? !1 : b.y > -f * 0.1), C.forEach((b) => {
         if (b.exploded)
-          b.children?.forEach((x) => {
-            x.x += x.vx, x.y += x.vy, x.vy += 0.06, x.vx *= 0.97, x.angle += x.spin, x.opacity -= 0.014, a2(v, x);
+          b.children?.forEach((M) => {
+            M.x += M.vx, M.y += M.vy, M.vy += 0.06, M.vx *= 0.97, M.angle += M.spin, M.opacity -= 0.014, a2(v, M);
           });
         else if (b.trail?.push({
           x: b.x,
           y: b.y
-        }), (b.trail?.length ?? 0) > 12 && b.trail?.shift(), b.trail?.forEach((x, V) => {
-          const k = (V + 1) / (b.trail?.length ?? 1) * 0.6;
-          v.save(), v.globalAlpha = k, v.fillStyle = b.color, v.beginPath(), v.arc(x.x, x.y, 2, 0, Math.PI * 2), v.fill(), v.restore();
+        }), (b.trail?.length ?? 0) > 12 && b.trail?.shift(), b.trail?.forEach((M, N) => {
+          const x = (N + 1) / (b.trail?.length ?? 1) * 0.6;
+          v.save(), v.globalAlpha = x, v.fillStyle = b.color, v.beginPath(), v.arc(M.x, M.y, 2, 0, Math.PI * 2), v.fill(), v.restore();
         }), v.save(), v.globalAlpha = 1, v.fillStyle = b.color, v.beginPath(), v.arc(b.x, b.y, 3, 0, Math.PI * 2), v.fill(), v.restore(), b.x += b.vx, b.y += b.vy, b.vy += 0.18, b.vy >= 0) {
           b.exploded = !0;
-          const x = 60 + Math.floor(Math.random() * 40);
-          b.children = Array.from({ length: x }, () => Rc(b.x, b.y, y)), v.save(), v.globalAlpha = 0.8, v.fillStyle = "#ffffff", v.beginPath(), v.arc(b.x, b.y, 12, 0, Math.PI * 2), v.fill(), v.restore();
+          const M = 60 + Math.floor(Math.random() * 40);
+          b.children = Array.from({ length: M }, () => Rc(b.x, b.y, y)), v.save(), v.globalAlpha = 0.8, v.fillStyle = "#ffffff", v.beginPath(), v.arc(b.x, b.y, 12, 0, Math.PI * 2), v.fill(), v.restore();
         }
-      })), M >= 1 || C.length === 0) {
+      })), k >= 1 || C.length === 0) {
         p();
         return;
       }
@@ -13138,7 +13138,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     o,
     p
   ]);
-  return h3(d, () => ({ trigger: u }), [u]), Y(() => () => {
+  return m3(d, () => ({ trigger: u }), [u]), Y(() => () => {
     cancelAnimationFrame(m.current);
   }, []), /* @__PURE__ */ e("canvas", {
     ref: s,
@@ -13152,7 +13152,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     disabled: o?.disabled,
     text: o?.text || "Cancel"
   };
-  return /* @__PURE__ */ e(j1, {
+  return /* @__PURE__ */ e(q1, {
     isOpen: t,
     title: c,
     onClose: o?.onClick ? () => o.onClick() : void 0,
@@ -13200,7 +13200,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     isVisible: (m) => t[m]?.visible || !1,
     getAnchorEl: (m) => t[m]?.anchorEl || null
   };
-}, R1 = 20, Z2 = 16, Ac = 8, x2 = ({ children: t, visible: r, onClose: c, anchorEl: l, offset: o = Ac, placement: d = "auto" }) => {
+}, R1 = 20, j2 = 16, Ac = 8, x2 = ({ children: t, visible: r, onClose: c, anchorEl: l, offset: o = Ac, placement: d = "auto" }) => {
   const s = F(null), m = F(null), [a, i] = R({
     top: 0,
     left: 0,
@@ -13211,7 +13211,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     const p = l.getBoundingClientRect(), u = s.current.getBoundingClientRect(), g = {
       width: window.innerWidth,
       height: window.innerHeight
-    }, v = (M, b) => M >= R1 && b >= R1 && M + u.height <= g.height - R1 && b + u.width <= g.width - R1, w = {
+    }, v = (k, b) => k >= R1 && b >= R1 && k + u.height <= g.height - R1 && b + u.width <= g.width - R1, w = {
       bottom: {
         top: p.bottom + o,
         left: p.left + (p.width - u.width) / 2
@@ -13236,29 +13236,29 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
         "top",
         "right",
         "left"
-      ].find((M) => {
-        const b = w[M];
+      ].find((k) => {
+        const b = w[k];
         return v(b.top, b.left);
       }) || "bottom", { top: y, left: _ } = w[f];
     else {
-      const M = w[d];
-      v(M.top, M.left) ? (f = d, { top: y, left: _ } = M) : (f = [
+      const k = w[d];
+      v(k.top, k.left) ? (f = d, { top: y, left: _ } = k) : (f = [
         "bottom",
         "top",
         "right",
         "left"
       ].filter((b) => b !== d).find((b) => {
-        const x = w[b];
-        return v(x.top, x.left);
+        const M = w[b];
+        return v(M.top, M.left);
       }) || d, { top: y, left: _ } = w[f]);
     }
     (f === "top" || f === "bottom") && (_ < R1 && (_ = R1), _ + u.width > g.width - R1 && (_ = g.width - u.width - R1)), (f === "left" || f === "right") && (y < R1 && (y = R1), y + u.height > g.height - R1 && (y = g.height - u.height - R1));
-    const C = f === "top" || f === "bottom", L = C ? p.left + p.width / 2 - _ : p.top + p.height / 2 - y, z = C ? u.width : u.height, N = Math.min(Math.max(L, Z2), z - Z2);
+    const C = f === "top" || f === "bottom", L = C ? p.left + p.width / 2 - _ : p.top + p.height / 2 - y, z = C ? u.width : u.height, V = Math.min(Math.max(L, j2), z - j2);
     i({
       top: y,
       left: _,
       placement: f,
-      arrowOffset: N
+      arrowOffset: V
     });
   }, [
     l,
@@ -13283,7 +13283,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     c,
     l,
     h
-  ]), !r || !l ? null : q1(/* @__PURE__ */ n("div", {
+  ]), !r || !l ? null : Y1(/* @__PURE__ */ n("div", {
     ref: s,
     className: `simple-popover simple-popover--${a.placement}`,
     style: {
@@ -13374,7 +13374,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
   const i = (h) => {
     l && r?.();
   };
-  return t ? q1(/* @__PURE__ */ n(h1, { children: [/* @__PURE__ */ e("div", {
+  return t ? Y1(/* @__PURE__ */ n(h1, { children: [/* @__PURE__ */ e("div", {
     style: {
       position: "fixed",
       inset: 0,
@@ -13389,8 +13389,8 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     onClick: i,
     children: c
   })] }), document.body) : null;
-}, M3 = R0(null), Ec = () => {
-  const t = B0(M3);
+}, k3 = R0(null), Ec = () => {
+  const t = B0(k3);
   if (!t) throw new Error("useToast must be used within a ToastProvider");
   return t;
 }, Tc = ({ id: t, message: r, type: c = "info", action: l, onClose: o, showDismissButton: d = !0, timeout: s = 2e3 }) => {
@@ -13469,7 +13469,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     o,
     l
   ]);
-  return /* @__PURE__ */ e(M3.Provider, {
+  return /* @__PURE__ */ e(k3.Provider, {
     value: d,
     children: t
   });
@@ -13532,7 +13532,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     isAtLeast: o,
     isAtMost: d
   };
-}, k3 = R0(null), L2 = () => B0(k3), pi = () => {
+}, x3 = R0(null), L2 = () => B0(x3), pi = () => {
   const t = L2();
   if (!t) throw new Error("useControlPanel must be used within a ControlPanelProvider");
   return t;
@@ -13550,7 +13550,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     d,
     s
   ]);
-  return /* @__PURE__ */ e(k3.Provider, {
+  return /* @__PURE__ */ e(x3.Provider, {
     value: m,
     children: t
   });
@@ -13606,13 +13606,13 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
       })]
     })]
   });
-}, x3 = ({ className: t = "", clockSize: r = 208, collapsibleClock: c = !0, disabled: l = !1, format: o = "24h", label: d = "Time", minuteStep: s = 1, onChange: m, value: a, withClock: i = !1, withSeconds: h = !1 }) => {
+}, L3 = ({ className: t = "", clockSize: r = 208, collapsibleClock: c = !0, disabled: l = !1, format: o = "24h", label: d = "Time", minuteStep: s = 1, onChange: m, value: a, withClock: i = !1, withSeconds: h = !1 }) => {
   const [p, u] = R("hours"), [g, v] = R(!0), w = a.hours >= 12, f = i && (!c || g), y = i && c, _ = !!d || y, C = (z) => {
     if (o === "12h") {
-      const N = z % 12;
+      const V = z % 12;
       m({
         ...a,
-        hours: w ? N + 12 : N
+        hours: w ? V + 12 : V
       });
       return;
     }
@@ -13718,10 +13718,10 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     hours: 0,
     minutes: 0,
     seconds: 0
-  }), [L, z] = R(null), [N, M] = R({
+  }), [L, z] = R(null), [V, k] = R({
     position: "fixed",
     visibility: "hidden"
-  }), b = F(null), x = F(null);
+  }), b = F(null), M = F(null);
   Y(() => {
     l && t instanceof Date && C({
       hours: t.getHours(),
@@ -13729,50 +13729,50 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
       seconds: t.getSeconds()
     });
   }, [t, l]);
-  const V = v ? !p : f;
+  const N = v ? !p : f;
   Y(() => {
     if (v) return;
     const S = ($) => {
-      V && b.current && x.current && !b.current.contains($.target) && !x.current.contains($.target) && (z(null), y(!1));
+      N && b.current && M.current && !b.current.contains($.target) && !M.current.contains($.target) && (z(null), y(!1));
     };
     return document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S);
-  }, [v, V]);
-  const k = D(() => {
-    if (v || !V || !b.current || !x.current) return;
-    const S = b.current.getBoundingClientRect(), $ = x.current.getBoundingClientRect(), e1 = 16, O = 8, Z = window.innerHeight - S.bottom - e1, W = S.top - e1, q = Z < $.height && W > $.height ? S.top - $.height - O : S.bottom + O, m1 = Math.max(e1, Math.min(q, window.innerHeight - $.height - e1)), t1 = Math.max(e1, Math.min(S.left, window.innerWidth - $.width - e1));
-    M({
+  }, [v, N]);
+  const x = D(() => {
+    if (v || !N || !b.current || !M.current) return;
+    const S = b.current.getBoundingClientRect(), $ = M.current.getBoundingClientRect(), e1 = 16, O = 8, Z = window.innerHeight - S.bottom - e1, W = S.top - e1, q = Z < $.height && W > $.height ? S.top - $.height - O : S.bottom + O, m1 = Math.max(e1, Math.min(q, window.innerHeight - $.height - e1)), t1 = Math.max(e1, Math.min(S.left, window.innerWidth - $.width - e1));
+    k({
       position: "fixed",
       top: `${m1}px`,
       left: `${t1}px`,
       zIndex: 1100
     });
-  }, [v, V]);
+  }, [v, N]);
   Y(() => {
-    if (v || !V) {
-      M({
+    if (v || !N) {
+      k({
         position: "fixed",
         visibility: "hidden"
       });
       return;
     }
-    const S = requestAnimationFrame(() => requestAnimationFrame(k));
-    window.addEventListener("resize", k), window.addEventListener("scroll", k, !0);
-    const $ = new ResizeObserver(() => k());
-    return x.current && $.observe(x.current), () => {
-      cancelAnimationFrame(S), $.disconnect(), window.removeEventListener("resize", k), window.removeEventListener("scroll", k, !0);
+    const S = requestAnimationFrame(() => requestAnimationFrame(x));
+    window.addEventListener("resize", x), window.addEventListener("scroll", x, !0);
+    const $ = new ResizeObserver(() => x());
+    return M.current && $.observe(M.current), () => {
+      cancelAnimationFrame(S), $.disconnect(), window.removeEventListener("resize", x), window.removeEventListener("scroll", x, !0);
     };
   }, [
     v,
-    V,
-    k
+    N,
+    x
   ]);
   const B = () => {
     if (!t) return "";
     if (c === "single" && t instanceof Date) {
-      const S = Y1(t, i);
-      return l ? `${S} ${d ? Y1(t, "HH:mm:ss") : Y1(t, "HH:mm")}` : S;
+      const S = O1(t, i);
+      return l ? `${S} ${d ? O1(t, "HH:mm:ss") : O1(t, "HH:mm")}` : S;
     }
-    return c === "range" && t && "start" in t ? `${Y1(t.start, i)} - ${Y1(t.end, i)}` : c === "multiple" && Array.isArray(t) ? t.map((S) => Y1(S, i)).join(", ") : "";
+    return c === "range" && t && "start" in t ? `${O1(t.start, i)} - ${O1(t.end, i)}` : c === "multiple" && Array.isArray(t) ? t.map((S) => O1(S, i)).join(", ") : "";
   }, H = (S) => {
     if (!l || !(S instanceof Date)) {
       r?.(S), g && c !== "multiple" && !v && y(!1);
@@ -13797,7 +13797,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     onRangeStartChange: c === "range" ? z : w.onRangeStartChange
   }), l && c === "single" && t instanceof Date && /* @__PURE__ */ e("div", {
     className: "datepicker__time",
-    children: /* @__PURE__ */ e(x3, {
+    children: /* @__PURE__ */ e(L3, {
       clockSize: m,
       format: o,
       minuteStep: a,
@@ -13811,9 +13811,9 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     className: "datepicker",
     children: [/* @__PURE__ */ n("div", {
       ref: b,
-      className: `datepicker__input ${p ? "datepicker__input--disabled" : ""} ${V ? "datepicker__input--open" : ""}`,
+      className: `datepicker__input ${p ? "datepicker__input--disabled" : ""} ${N ? "datepicker__input--open" : ""}`,
       onClick: () => {
-        p || v || (V && z(null), y(!V));
+        p || v || (N && z(null), y(!N));
       },
       children: [/* @__PURE__ */ e("span", {
         className: `datepicker__value ${A ? "" : "datepicker__value--placeholder"}`,
@@ -13833,14 +13833,14 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
           children: /* @__PURE__ */ e(j, { name: "calendar" })
         })]
       })]
-    }), V && (v ? /* @__PURE__ */ e("div", {
-      ref: x,
+    }), N && (v ? /* @__PURE__ */ e("div", {
+      ref: M,
       className: "datepicker__dropdown datepicker__dropdown--inline",
       children: T()
-    }) : q1(/* @__PURE__ */ n("div", {
-      ref: x,
+    }) : Y1(/* @__PURE__ */ n("div", {
+      ref: M,
       className: "datepicker__dropdown",
-      style: N,
+      style: V,
       children: [/* @__PURE__ */ e("button", {
         type: "button",
         className: "datepicker__dropdown-close",
@@ -13850,7 +13850,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
       }), T()]
     }), document.body))]
   });
-}, Zc = /[̀-ͯ]/g, j2 = (t) => t.normalize("NFD").replace(Zc, "").toLowerCase(), vi = (t, r) => {
+}, Zc = /[̀-ͯ]/g, W2 = (t) => t.normalize("NFD").replace(Zc, "").toLowerCase(), vi = (t, r) => {
   const c = t.toLowerCase(), l = r.toLowerCase();
   if (c.includes(l)) return !0;
   const o = 1 - 1 / Math.max(l.length, 4);
@@ -13860,8 +13860,8 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     s < c.length && (d++, s++);
   }
   return d / l.length >= o;
-}, $0 = ({ allowCustomValue: t = !1, autofocus: r = !1, className: c = "", disabled: l = !1, error: o, highlighted: d = !1, id: s, label: m, maxVisibleSelectedLabels: a = 1, multilineChips: i = !1, multiple: h = !1, name: p, onChange: u, onSearchChange: g, options: v, placeholder: w = "Select an option", searchable: f = !0, searchValue: y, selectedCountDisplay: _ = "inline", showChips: C = !1, sortSelectedFirst: L = !1, success: z, usePortal: N = !0, value: M, valueAsChip: b = !0 }) => {
-  const [x, V] = R(!1), [k, B] = R(y || ""), [H, E] = R(v), [P, J] = R(-1), [A, T] = R([]), [S, $] = R({
+}, $0 = ({ allowCustomValue: t = !1, autofocus: r = !1, className: c = "", disabled: l = !1, error: o, highlighted: d = !1, id: s, label: m, maxVisibleSelectedLabels: a = 1, multilineChips: i = !1, multiple: h = !1, name: p, onChange: u, onSearchChange: g, options: v, placeholder: w = "Select an option", searchable: f = !0, searchValue: y, selectedCountDisplay: _ = "inline", showChips: C = !1, sortSelectedFirst: L = !1, success: z, usePortal: V = !0, value: k, valueAsChip: b = !0 }) => {
+  const [M, N] = R(!1), [x, B] = R(y || ""), [H, E] = R(v), [P, J] = R(-1), [A, T] = R([]), [S, $] = R({
     top: 0,
     bottom: 0,
     left: 0,
@@ -13869,73 +13869,73 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     maxHeight: 300
   }), [e1, O] = R(!1), Z = F(null), W = F([]), q = F(null), m1 = F(null), t1 = A0(), C1 = s ?? `dropdown-${t1}`, f1 = F(null);
   Y(() => {
-    if (x && L && h) {
+    if (M && L && h) {
       const Q = new Set(A.map((o1) => o1.value)), X = [], r1 = [];
       v.forEach((o1) => (Q.has(o1.value) ? X : r1).push(o1)), f1.current = [...X, ...r1];
-    } else x || (f1.current = null);
+    } else M || (f1.current = null);
   }, [
-    x,
+    M,
     L,
     h,
     v
   ]), Y(() => {
     const Q = f1.current ?? v;
-    if (!f || !k) E(Q);
+    if (!f || !x) E(Q);
     else {
-      const X = j2(k), r1 = Q.filter((o1) => j2(o1.label).includes(X));
+      const X = W2(x), r1 = Q.filter((o1) => W2(o1.label).includes(X));
       E(r1);
     }
     J(-1);
   }, [
-    k,
+    x,
     v,
     f,
-    x
+    M
   ]);
-  const A1 = F(M);
+  const A1 = F(k);
   Y(() => {
     const Q = A1.current;
-    A1.current = M;
-    const X = !Object.is(Q, M);
-    if (M == null) {
+    A1.current = k;
+    const X = !Object.is(Q, k);
+    if (k == null) {
       X && (T([]), B(""));
       return;
     }
-    if (h && Array.isArray(M) && M.length === 0) {
+    if (h && Array.isArray(k) && k.length === 0) {
       X && (T([]), B(""));
       return;
     }
-    if (!h && M === "") {
+    if (!h && k === "") {
       X && (T([]), B(""));
       return;
     }
     if (v.length > 0) {
-      if (h && Array.isArray(M)) {
-        const r1 = v.filter((o1) => typeof o1.value == "number" ? M.includes(o1.value) : M.includes(o1.value.toString()));
+      if (h && Array.isArray(k)) {
+        const r1 = v.filter((o1) => typeof o1.value == "number" ? k.includes(o1.value) : k.includes(o1.value.toString()));
         T(r1), X && B("");
-      } else if (!h && (typeof M == "string" || typeof M == "number")) {
-        const r1 = v.find((o1) => typeof o1.value == "number" && typeof M == "number" ? o1.value === M : o1.value.toString() === M.toString());
+      } else if (!h && (typeof k == "string" || typeof k == "number")) {
+        const r1 = v.find((o1) => typeof o1.value == "number" && typeof k == "number" ? o1.value === k : o1.value.toString() === k.toString());
         if (r1)
           T([r1]), X && B(r1.label);
-        else if (t && typeof M == "string" && M.trim()) {
+        else if (t && typeof k == "string" && k.trim()) {
           const o1 = {
-            label: M.trim(),
-            value: M.trim(),
+            label: k.trim(),
+            value: k.trim(),
             className: "custom-option"
           };
-          T([o1]), X && B(M.trim());
+          T([o1]), X && B(k.trim());
         } else X && (T([]), B(""));
       }
-    } else if (t && !h && typeof M == "string" && M.trim()) {
+    } else if (t && !h && typeof k == "string" && k.trim()) {
       const r1 = {
-        label: M.trim(),
-        value: M.trim(),
+        label: k.trim(),
+        value: k.trim(),
         className: "custom-option"
       };
-      T([r1]), X && B(M.trim());
+      T([r1]), X && B(k.trim());
     } else X && (T([]), B(""));
   }, [
-    M,
+    k,
     v,
     h,
     f,
@@ -13943,18 +13943,18 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
   ]), Y(() => {
     f && y !== void 0 && B(y);
   }, [y, f]), Y(() => {
-    if (!x || !Z.current) return;
+    if (!M || !Z.current) return;
     const Q = () => {
       if (!Z.current) return;
-      const r1 = Z.current.getBoundingClientRect(), o1 = window.visualViewport, K1 = o1?.offsetTop ?? 0, D0 = K1 + (o1?.height ?? window.innerHeight), U1 = 300, Y0 = 8, _0 = D0 - r1.bottom, M0 = r1.top - K1, s0 = _0 < U1 && M0 > _0;
-      if (O(s0), N) {
+      const r1 = Z.current.getBoundingClientRect(), o1 = window.visualViewport, K1 = o1?.offsetTop ?? 0, D0 = K1 + (o1?.height ?? window.innerHeight), F1 = 300, Y0 = 8, _0 = D0 - r1.bottom, M0 = r1.top - K1, s0 = _0 < F1 && M0 > _0;
+      if (O(s0), V) {
         const q0 = Math.max(0, (s0 ? M0 : _0) - Y0);
         $({
           top: r1.bottom,
           bottom: window.innerHeight - r1.top,
           left: r1.left,
           width: r1.width,
-          maxHeight: Math.min(U1, q0)
+          maxHeight: Math.min(F1, q0)
         });
       }
     };
@@ -13963,23 +13963,23 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     return window.addEventListener("scroll", Q, !0), window.addEventListener("resize", Q), X?.addEventListener("resize", Q), X?.addEventListener("scroll", Q), () => {
       window.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q), X?.removeEventListener("resize", Q), X?.removeEventListener("scroll", Q);
     };
-  }, [x, N]), Y(() => {
+  }, [M, V]), Y(() => {
     const Q = (X) => {
       if (Z.current && !Z.current.contains(X.target)) {
-        if (N && x) {
+        if (V && M) {
           const r1 = document.querySelector(".dropdown-menu--portal");
           if (r1 && r1.contains(X.target)) return;
         }
-        if (t && !h && k.trim() && !(A.length > 0 && A[0].label.toLowerCase() === k.trim().toLowerCase())) {
-          const r1 = v.find((o1) => o1.label.toLowerCase() === k.toLowerCase() || o1.value.toString() === k) || {
-            label: k.trim(),
-            value: k.trim(),
+        if (t && !h && x.trim() && !(A.length > 0 && A[0].label.toLowerCase() === x.trim().toLowerCase())) {
+          const r1 = v.find((o1) => o1.label.toLowerCase() === x.toLowerCase() || o1.value.toString() === x) || {
+            label: x.trim(),
+            value: x.trim(),
             className: "custom-option"
           };
-          T([r1]), B(r1.label), V(!1), u && u(r1, p);
+          T([r1]), B(r1.label), N(!1), u && u(r1, p);
           return;
         }
-        V(!1), !h && A.length > 0 ? B(A[0].label) : h && f && B("");
+        N(!1), !h && A.length > 0 ? B(A[0].label) : h && f && B("");
       }
     };
     return document.addEventListener("mousedown", Q), () => {
@@ -13987,15 +13987,15 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     };
   }, [
     t,
-    k,
     x,
+    M,
     h,
     p,
     u,
     v,
     f,
     A,
-    N
+    V
   ]);
   const a1 = (Q) => {
     if (!Q.disabled)
@@ -14004,84 +14004,84 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
         let r1;
         X ? r1 = A.filter((o1) => o1.value !== Q.value) : r1 = [...A, Q], T(r1), f && B(""), u && u(r1, p);
       } else
-        B(Q.label), T([Q]), V(!1), u && u(Q, p);
+        B(Q.label), T([Q]), N(!1), u && u(Q, p);
   }, u1 = () => {
-    if (!t || !k.trim()) return;
-    const Q = v.find((r1) => r1.label.toLowerCase() === k.toLowerCase() || r1.value.toString() === k);
+    if (!t || !x.trim()) return;
+    const Q = v.find((r1) => r1.label.toLowerCase() === x.toLowerCase() || r1.value.toString() === x);
     if (Q) {
       a1(Q);
       return;
     }
     const X = {
-      label: k.trim(),
-      value: k.trim(),
+      label: x.trim(),
+      value: x.trim(),
       className: "custom-option"
     };
     if (h) {
       const r1 = [...A, X];
       T(r1), B(""), u && u(r1, p);
     } else
-      T([X]), B(X.label), V(!1), u && u(X, p);
+      T([X]), B(X.label), N(!1), u && u(X, p);
   }, I = (Q) => {
     const X = A.filter((r1) => r1.value !== Q.value);
     T(X), u && (h ? u(X, p) : (u(null, p), f || B("")));
   }, K = () => {
-    T([]), (!f || !h) && B(""), V(!1), u && u(h ? [] : null, p);
+    T([]), (!f || !h) && B(""), N(!1), u && u(h ? [] : null, p);
   }, d1 = (Q) => {
-    B(Q), x || V(!0), g?.(Q);
+    B(Q), M || N(!0), g?.(Q);
   }, v1 = () => {
-    l || (V(!0), !h && f && A.length > 0 && B(""), (h || f) && q.current?.focus());
+    l || (N(!0), !h && f && A.length > 0 && B(""), (h || f) && q.current?.focus());
   }, k1 = () => {
-    l || (V(!x), x || (J(-1), !h && f && A.length > 0 && B(""), (h || f) && q.current?.focus()));
+    l || (N(!M), M || (J(-1), !h && f && A.length > 0 && B(""), (h || f) && q.current?.focus()));
   }, M1 = (Q) => {
     if (!l) {
-      if (!x) {
-        (Q.key === "ArrowDown" || Q.key === "Enter") && (V(!0), Q.preventDefault());
+      if (!M) {
+        (Q.key === "ArrowDown" || Q.key === "Enter") && (N(!0), Q.preventDefault());
         return;
       }
       switch (Q.key) {
         case "ArrowDown":
-          if (Q.preventDefault(), t && k && H.length === 0) return;
+          if (Q.preventDefault(), t && x && H.length === 0) return;
           J((X) => {
-            const r1 = X < (t && k && !H.some((o1) => o1.label.toLowerCase() === k.toLowerCase()) ? H.length : H.length - 1) ? X + 1 : 0;
+            const r1 = X < (t && x && !H.some((o1) => o1.label.toLowerCase() === x.toLowerCase()) ? H.length : H.length - 1) ? X + 1 : 0;
             return r1 < H.length && W.current[r1] && W.current[r1]?.scrollIntoView({ block: "nearest" }), r1;
           });
           break;
         case "ArrowUp":
-          if (Q.preventDefault(), t && k && H.length === 0) return;
+          if (Q.preventDefault(), t && x && H.length === 0) return;
           J((X) => {
-            const r1 = t && k && !H.some((K1) => K1.label.toLowerCase() === k.toLowerCase()) ? H.length : H.length - 1, o1 = X > 0 ? X - 1 : r1;
+            const r1 = t && x && !H.some((K1) => K1.label.toLowerCase() === x.toLowerCase()) ? H.length : H.length - 1, o1 = X > 0 ? X - 1 : r1;
             return o1 < H.length && W.current[o1] && W.current[o1]?.scrollIntoView({ block: "nearest" }), o1;
           });
           break;
         case "Enter":
-          Q.preventDefault(), P >= 0 && P < H.length ? a1(H[P]) : (t && k && P === H.length || t && k && H.length === 0) && u1();
+          Q.preventDefault(), P >= 0 && P < H.length ? a1(H[P]) : (t && x && P === H.length || t && x && H.length === 0) && u1();
           break;
         case "Escape":
-          Q.preventDefault(), V(!1), !h && A.length > 0 ? B(A[0].label) : h && f && B("");
+          Q.preventDefault(), N(!1), !h && A.length > 0 ? B(A[0].label) : h && f && B("");
           break;
         case "Backspace":
-          h && k === "" && A.length > 0 && (Q.preventDefault(), I(A[A.length - 1]));
+          h && x === "" && A.length > 0 && (Q.preventDefault(), I(A[A.length - 1]));
           break;
         default:
           break;
       }
     }
-  }, T1 = (Q) => A.some((X) => X.value === Q.value), W1 = () => {
+  }, T1 = (Q) => A.some((X) => X.value === Q.value), j1 = () => {
     if (A.length === 0) return "";
     const Q = Math.max(1, a);
     if (A.length <= Q) return A.map((o1) => o1.label).join(", ");
     const X = A.slice(0, Q).map((o1) => o1.label).join(", "), r1 = A.length - Q;
     return `${X} (+${r1} ${r1 === 1 ? "other" : "others"})`;
-  }, r0 = () => h && C || f && x ? k : A.length > 0 ? h ? W1() : A[0].label : "", V1 = () => h && C ? A.length > 0 ? "" : w : x && f ? w : A.length > 0 ? "" : w, S1 = () => !h || A.length === 0 || _ === "none" ? null : _ === "floating" ? /* @__PURE__ */ n("div", {
+  }, r0 = () => h && C || f && M ? x : A.length > 0 ? h ? j1() : A[0].label : "", V1 = () => h && C ? A.length > 0 ? "" : w : M && f ? w : A.length > 0 ? "" : w, S1 = () => !h || A.length === 0 || _ === "none" ? null : _ === "floating" ? /* @__PURE__ */ n("div", {
     className: "dropdown-selected-count",
     children: [A.length, " selected"]
-  }) : null, F1 = () => !!(t && k && k.trim() && !H.some((Q) => Q.label.toLowerCase() === k.toLowerCase() || Q.value.toString() === k)), o0 = () => {
-    if (!x || l) return null;
+  }) : null, W1 = () => !!(t && x && x.trim() && !H.some((Q) => Q.label.toLowerCase() === x.toLowerCase() || Q.value.toString() === x)), o0 = () => {
+    if (!M || l) return null;
     const Q = /* @__PURE__ */ e("div", {
       ref: m1,
-      className: `dropdown-menu ${N ? "dropdown-menu--portal" : ""} ${e1 ? "dropdown-menu--upward" : ""}`,
-      style: N ? {
+      className: `dropdown-menu ${V ? "dropdown-menu--portal" : ""} ${e1 ? "dropdown-menu--upward" : ""}`,
+      style: V ? {
         position: "fixed",
         top: e1 ? "auto" : `${S.top}px`,
         bottom: e1 ? `${S.bottom}px` : "auto",
@@ -14090,7 +14090,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
         maxHeight: `${S.maxHeight}px`,
         zIndex: 9999
       } : void 0,
-      children: H.length > 0 || F1() ? /* @__PURE__ */ n("ul", {
+      children: H.length > 0 || W1() ? /* @__PURE__ */ n("ul", {
         className: "dropdown-options-list",
         children: [H.map((X, r1) => /* @__PURE__ */ n("li", {
           ref: (o1) => {
@@ -14136,7 +14136,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
               children: X.details
             })]
           })]
-        }, `dd-option-${t1}-${r1}`)), F1() && /* @__PURE__ */ e("li", {
+        }, `dd-option-${t1}-${r1}`)), W1() && /* @__PURE__ */ e("li", {
           ref: (X) => {
             W.current[H.length] = X;
           },
@@ -14149,7 +14149,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
               className: "dropdown-option-label",
               children: [/* @__PURE__ */ e(j, { name: "plus" }), /* @__PURE__ */ n("span", { children: [
                 "Create “",
-                k,
+                x,
                 "”"
               ] })]
             })
@@ -14160,8 +14160,8 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
         children: "No options found"
       })
     });
-    return N ? q1(Q, document.body) : Q;
-  }, L1 = !h && A.length === 1 ? A[0] : null, P1 = b && !x && !h && A.length > 0, X1 = !!(L1?.icon && !k && !P1), c0 = !!(L1?.suffixIcon && !P1), l0 = h && C;
+    return V ? Y1(Q, document.body) : Q;
+  }, L1 = !h && A.length === 1 ? A[0] : null, P1 = b && !M && !h && A.length > 0, X1 = !!(L1?.icon && !x && !P1), c0 = !!(L1?.suffixIcon && !P1), l0 = h && C;
   return /* @__PURE__ */ n("div", {
     className: `dropdown-container ${o ? "dropdown-error" : ""} ${z ? "dropdown-success" : ""} ${d ? "dropdown-highlighted" : ""} ${h ? "multiple" : ""} ${l ? "disabled" : ""} ${h ? `count-display-${_}` : ""} ${c}`,
     ref: Z,
@@ -14234,12 +14234,12 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
                 })
               }),
               /* @__PURE__ */ e("span", {
-                className: `dropdown-action-button dropdown-toggle-button ${x ? "open" : ""}`,
+                className: `dropdown-action-button dropdown-toggle-button ${M ? "open" : ""}`,
                 children: /* @__PURE__ */ e(U, {
                   variant: "plain",
                   onClick: k1,
                   disabled: l,
-                  children: m3
+                  children: p3
                 })
               })
             ]
@@ -14259,7 +14259,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     ]
   });
 }, jc = z1(({ autoComplete: t = "on", autoFocus: r, clearable: c, disabled: l, error: o, highlighted: d, id: s, label: m, max: a, min: i, onBlur: h, onChange: p, onClick: u, onKeyDown: g, onKeyUp: v, readOnly: w = !1, required: f = !1, success: y, type: _ = "date", value: C }, L) => {
-  const z = c && C && !l && !w, N = F(null);
+  const z = c && C && !l && !w, V = F(null);
   return /* @__PURE__ */ n("div", {
     className: `input-date-wrapper${d ? " input-date-highlighted" : ""}`,
     children: [
@@ -14282,12 +14282,12 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
           id: s,
           max: a,
           min: i,
-          ref: (x) => {
-            N.current = x, typeof L == "function" ? L(x) : L && (L.current = x);
+          ref: (M) => {
+            V.current = M, typeof L == "function" ? L(M) : L && (L.current = M);
           },
           value: C ?? "",
           onBlur: h,
-          onChange: (x) => p?.(x.target.value || void 0),
+          onChange: (M) => p?.(M.target.value || void 0),
           onClick: u,
           onKeyDown: g,
           onKeyUp: v,
@@ -14312,8 +14312,8 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
               type: "button",
               className: "input-date-picker",
               onClick: () => {
-                const x = N.current;
-                x && !l && !w && x.showPicker();
+                const M = V.current;
+                M && !l && !w && M.showPicker();
               },
               disabled: l || w,
               tabIndex: -1,
@@ -14382,7 +14382,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
   info: "var(--rating-color-info)",
   warning: "var(--rating-color-warning)",
   danger: "var(--rating-color-danger)"
-}, Fc = 7.5, Uc = 16.5, s2 = 15.5, W2 = -4, Oc = 4.5, h0 = ({ type: t, filled: r, variant: c, size: l = 16, mood: o = 1 }) => {
+}, Fc = 7.5, Uc = 16.5, s2 = 15.5, F2 = -4, Oc = 4.5, h0 = ({ type: t, filled: r, variant: c, size: l = 16, mood: o = 1 }) => {
   const d = `rating-grad-${A0()}`, s = Wc[c], m = "var(--rating-empty-color)", a = r === "full" ? s : r === "half" ? `url(#${d})` : m, i = () => r === "half" ? /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ n("linearGradient", {
     id: d,
     x1: "0",
@@ -14420,7 +14420,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     })]
   });
   if (t === "emoji") {
-    const h = s2 + (W2 + (Oc - W2) * Math.min(1, Math.max(0, o))), p = "var(--card-background-color)";
+    const h = s2 + (F2 + (Oc - F2) * Math.min(1, Math.max(0, o))), p = "var(--card-background-color)";
     return /* @__PURE__ */ n("svg", {
       width: l,
       height: l,
@@ -14629,9 +14629,9 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     label: "90d",
     days: 90
   }
-], Kc = 3, L3 = (t) => Array.isArray(t) ? t : t == null || typeof t == "boolean" ? [] : [t], F2 = (t) => t.every((r) => typeof r == "number") ? t : t.map(String), d2 = 2, Qc = (t) => {
+], Kc = 3, z3 = (t) => Array.isArray(t) ? t : t == null || typeof t == "boolean" ? [] : [t], U2 = (t) => t.every((r) => typeof r == "number") ? t : t.map(String), d2 = 2, Qc = (t) => {
   const r = t.options ?? [];
-  return L3(t.value).map((c) => r.find((l) => l.value === c)?.label ?? String(c));
+  return z3(t.value).map((c) => r.find((l) => l.value === c)?.label ?? String(c));
 }, Jc = (t) => {
   const { type: r, value: c } = t;
   if (c == null || c === "") return;
@@ -14698,7 +14698,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
     value: l
   });
 }, rl = ({ filter: t, onChange: r }) => {
-  const c = L3(t.value), l = t.options ?? [], [o, d] = R("");
+  const c = z3(t.value), l = t.options ?? [], [o, d] = R("");
   if (t.type === "checkbox") return /* @__PURE__ */ e(v0, {
     count: t.count,
     selected: t.value === !0,
@@ -14895,7 +14895,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
         r({
           filterId: t.id,
           type: t.type,
-          value: Array.isArray(s) ? F2(s.map((a) => a.value)) : s?.value ?? null,
+          value: Array.isArray(s) ? U2(s.map((a) => a.value)) : s?.value ?? null,
           option: Array.isArray(s) ? null : s,
           options: m
         });
@@ -14937,7 +14937,7 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
               r({
                 filterId: t.id,
                 type: t.type,
-                value: h ? p[0] ?? null : F2(p),
+                value: h ? p[0] ?? null : U2(p),
                 option: a,
                 options: l.filter((u) => p.includes(u.value))
               });
@@ -14998,10 +14998,10 @@ var Ga = ({ name: t, size: r = "medium", shape: c = "rounded", className: l = ""
   const c = t.some((l) => (l.children?.length ?? 0) > 0);
   return /* @__PURE__ */ e("nav", {
     className: "control-panel__nav",
-    children: t.map((l) => z3(l, c, r))
+    children: t.map((l) => N3(l, c, r))
   });
 };
-function z3(t, r, c, l = 0) {
+function N3(t, r, c, l = 0) {
   const o = t.children ?? [], d = o.length > 0, s = t.isOpen ?? !1, m = [
     "control-panel__nav-item",
     t.isActive ? "control-panel__nav-item--active" : "",
@@ -15058,7 +15058,7 @@ function z3(t, r, c, l = 0) {
       })]
     }), d && /* @__PURE__ */ e("div", {
       className: `control-panel__nav-children${s ? " control-panel__nav-children--open" : ""}`,
-      children: o.map((h) => z3(h, r, c, l + 1))
+      children: o.map((h) => N3(h, r, c, l + 1))
     })]
   }, t.id);
 }
@@ -15280,45 +15280,45 @@ var ll = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
     }, s.id ?? s.label ?? m))
   ]
 }), gi = ({ width: t = "280px", className: r = "", isOpen: c, onClose: l, isMobile: o, showOverlay: d = !0, contained: s = !1, flush: m = !1, shadow: a = "none", header: i, navigation: h = [], actions: p = [], filters: u = [], filtersCount: g, collapsibleFilters: v = !1, onFilterChange: w, onClearFilters: f, options: y = [], onOptionChange: _, viewToggle: C, groupBy: L, visibleColumns: z }) => {
-  const N = L2(), M = o ?? N?.isMobile ?? !1, b = c ?? (M ? N?.isOpen ?? !1 : !0), x = l ?? N?.close ?? (() => {
-  }), V = [
+  const V = L2(), k = o ?? V?.isMobile ?? !1, b = c ?? (k ? V?.isOpen ?? !1 : !0), M = l ?? V?.close ?? (() => {
+  }), N = [
     "control-panel",
     b ? "control-panel--open" : "control-panel--closed",
-    M ? "control-panel--mobile" : "",
+    k ? "control-panel--mobile" : "",
     s ? "control-panel--contained" : "",
     m ? "control-panel--flush" : "",
     r
-  ].filter(Boolean).join(" "), k = ["control-panel__overlay", s ? "control-panel__overlay--contained" : ""].filter(Boolean).join(" "), B = {
+  ].filter(Boolean).join(" "), x = ["control-panel__overlay", s ? "control-panel__overlay--contained" : ""].filter(Boolean).join(" "), B = {
     "--control-panel-width": t,
     "--control-panel-shadow": a
   }, H = y.length === 0 ? [] : "type" in y[0] ? [{ options: y }] : y, E = !!(C || L || z || H.length > 0), P = u.length > 0 || g !== void 0 && g > 0, J = typeof v == "number" ? v : v ? 1 : 1 / 0, A = u.length >= J, T = ["control-panel__filters", A ? "control-panel__filters--collapsible" : ""].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n(h1, { children: [d && M && b && /* @__PURE__ */ e("div", {
-    className: k,
-    onClick: x
+  return /* @__PURE__ */ n(h1, { children: [d && k && b && /* @__PURE__ */ e("div", {
+    className: x,
+    onClick: M
   }), /* @__PURE__ */ n("aside", {
-    className: V,
+    className: N,
     style: B,
     children: [
-      i && /* @__PURE__ */ e(C3, {
+      i && /* @__PURE__ */ e(y3, {
         icon: i.icon,
         emoji: i.emoji,
         svg: i.svg,
         appName: i.appName ?? i.siteName,
         heading: i.heading,
         onClick: i.onClick ? () => {
-          i.onClick?.(), M && x();
+          i.onClick?.(), k && M();
         } : void 0
       }),
       p.length > 0 && /* @__PURE__ */ e("div", {
         className: "control-panel__actions",
         children: p.map((S) => /* @__PURE__ */ e(sl, {
           action: S,
-          onActionComplete: M ? x : void 0
+          onActionComplete: k ? M : void 0
         }, S.id))
       }),
       h.length > 0 && /* @__PURE__ */ e(cl, {
         navigation: h,
-        onNavigate: M ? x : void 0
+        onNavigate: k ? M : void 0
       }),
       P && /* @__PURE__ */ n("div", {
         className: T,
@@ -15347,7 +15347,7 @@ var ll = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
         normalizedOptionGroups: H,
         onOptionChange: _,
         viewToggle: C,
-        onViewToggleComplete: M ? x : void 0,
+        onViewToggleComplete: k ? M : void 0,
         groupBy: L,
         visibleColumns: z
       })
@@ -15515,13 +15515,13 @@ var ll = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
       })
     ]
   });
-}, pl = 45, ul = 120, vl = 45, gl = 45, U2 = 8, wl = 4, O2 = ({ currentPage: t, totalPages: r, totalItems: c, onPageChange: l, showPagesNumbers: o = !1, pageSizeOptions: d, pageSize: s, onPageSizeChange: m, pageSizeLabel: a = "Rows", horizontalAlign: i = "left" }) => {
+}, pl = 45, ul = 120, vl = 45, gl = 45, O2 = 8, wl = 4, Y2 = ({ currentPage: t, totalPages: r, totalItems: c, onPageChange: l, showPagesNumbers: o = !1, pageSizeOptions: d, pageSize: s, onPageSizeChange: m, pageSizeLabel: a = "Rows", horizontalAlign: i = "left" }) => {
   const { isAtLeast: h, isMobile: p } = b0(), u = F(null), [g, v] = R(p ? 0 : 2), w = D(() => {
     const C = u.current, L = C?.parentElement;
     if (!C || !L) return;
     let z = 0;
-    for (const x of L.children) x !== C && (z += x.offsetWidth + U2);
-    const N = L.clientWidth - z - ((h("desktop") ? ul : vl) * 2 + pl * 2 + gl * 2 + U2 * 6), M = Math.floor(N / 53), b = Math.min(wl, Math.max(0, Math.floor(M / 2)));
+    for (const M of L.children) M !== C && (z += M.offsetWidth + O2);
+    const V = L.clientWidth - z - ((h("desktop") ? ul : vl) * 2 + pl * 2 + gl * 2 + O2 * 6), k = Math.floor(V / 53), b = Math.min(wl, Math.max(0, Math.floor(k / 2)));
     v(b);
   }, [h]);
   Y(() => {
@@ -15658,14 +15658,14 @@ var ll = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
       return s ? r(o, s) : null;
     })]
   });
-}, Y2 = [
+}, q2 = [
   15,
   30,
   50,
   100,
   250,
   500
-], N3 = (t) => typeof t.header == "string" ? t.header : t.key, kl = (t) => typeof t == "number" ? `${t}px` : t, V3 = (t) => /* @__PURE__ */ n("span", {
+], V3 = (t) => typeof t.header == "string" ? t.header : t.key, kl = (t) => typeof t == "number" ? `${t}px` : t, S3 = (t) => /* @__PURE__ */ n("span", {
   className: "data-view__column-label",
   children: [t.icon && /* @__PURE__ */ e(j, {
     className: "data-view__column-icon",
@@ -15673,7 +15673,7 @@ var ll = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
     size: "sm",
     variant: "muted"
   }), /* @__PURE__ */ e("span", { children: t.header })]
-}), S3 = (t, r) => {
+}), H3 = (t, r) => {
   const c = t.cellIcon?.(r), l = t.accessor ? t.accessor(r) : r[t.key];
   return c ? /* @__PURE__ */ n("span", {
     className: "data-view__cell-with-icon",
@@ -15684,9 +15684,9 @@ var ll = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.len
   }) : l;
 };
 function xl({ data: t, columns: r, rowKey: c, card: l, actions: o, timeline: d, onRowClick: s, rowHref: m, rowClassName: a, empty: i, selectable: h, selectedIds: p = [], pinnedIds: u, onToggleSelect: g, cardMaxWidth: v, isMobile: w = !1, groups: f, showGroupCount: y = !0, collapsible: _ = !1, collapsedGroups: C, onToggleGroup: L }) {
-  const z = r.filter((k) => !k.hideInCard && !(w && k.hideInMobile)), N = l1(() => new Set(u ?? []), [u]), M = `data-view__cards${v !== void 0 ? " data-view__cards--grid" : ""}`, b = v !== void 0 ? { "--data-view-card-max-width": kl(v) } : void 0, x = l1(() => d ? z2(t.map((k) => ({
-    id: d.idAccessor(k),
-    date: d.dateAccessor(k)
+  const z = r.filter((x) => !x.hideInCard && !(w && x.hideInMobile)), V = l1(() => new Set(u ?? []), [u]), k = `data-view__cards${v !== void 0 ? " data-view__cards--grid" : ""}`, b = v !== void 0 ? { "--data-view-card-max-width": kl(v) } : void 0, M = l1(() => d ? z2(t.map((x) => ({
+    id: d.idAccessor(x),
+    date: d.dateAccessor(x)
   })), d.granularity) : /* @__PURE__ */ new Map(), [t, d]);
   if (t.length === 0)
     return i ? /* @__PURE__ */ e(a0, {
@@ -15696,9 +15696,9 @@ function xl({ data: t, columns: r, rowKey: c, card: l, actions: o, timeline: d,
       primary: i.primary,
       secondary: i.secondary
     }) : /* @__PURE__ */ e(a0, { title: "No data available" });
-  const V = (k, B) => {
-    const H = x.get(B), E = c(k, B), P = h && p.includes(E), J = N.has(E), A = m?.(k), T = !!s || !!A, S = l?.accentColor?.(k), $ = `data-view__card ${T ? "data-view__card--clickable" : ""} ${P ? "data-view__card--selected" : ""} ${J ? "data-view__card--pinned" : ""} ${S ? "data-view__card--accent" : ""} ${a?.(k) || ""}`, e1 = S ? { "--data-view-card-accent-color": S } : void 0, O = (W) => {
-      W.metaKey || W.ctrlKey || W.shiftKey || W.altKey || W.button !== 0 || s && (W.preventDefault(), s(k, W));
+  const N = (x, B) => {
+    const H = M.get(B), E = c(x, B), P = h && p.includes(E), J = V.has(E), A = m?.(x), T = !!s || !!A, S = l?.accentColor?.(x), $ = `data-view__card ${T ? "data-view__card--clickable" : ""} ${P ? "data-view__card--selected" : ""} ${J ? "data-view__card--pinned" : ""} ${S ? "data-view__card--accent" : ""} ${a?.(x) || ""}`, e1 = S ? { "--data-view-card-accent-color": S } : void 0, O = (W) => {
+      W.metaKey || W.ctrlKey || W.shiftKey || W.altKey || W.button !== 0 || s && (W.preventDefault(), s(x, W));
     }, Z = /* @__PURE__ */ n(h1, { children: [
       J && /* @__PURE__ */ e(c1, {
         title: "Pinned",
@@ -15720,10 +15720,10 @@ function xl({ data: t, columns: r, rowKey: c, card: l, actions: o, timeline: d,
       }),
       l?.media && /* @__PURE__ */ e("div", {
         className: "data-view__card-media",
-        children: l.media(k)
+        children: l.media(x)
       }),
       l && (() => {
-        const W = l.icon?.(k);
+        const W = l.icon?.(x);
         return /* @__PURE__ */ n("div", {
           className: "data-view__card-header",
           children: [/* @__PURE__ */ n("div", {
@@ -15745,16 +15745,16 @@ function xl({ data: t, columns: r, rowKey: c, card: l, actions: o, timeline: d,
                 }),
                 /* @__PURE__ */ e("span", {
                   className: "data-view__card-title",
-                  children: l.title(k)
+                  children: l.title(x)
                 })
               ]
             }), l.subtitle && /* @__PURE__ */ e("span", {
               className: "data-view__card-subtitle",
-              children: l.subtitle(k)
+              children: l.subtitle(x)
             })]
           }), l.badges && /* @__PURE__ */ e("div", {
             className: "data-view__card-badges",
-            children: l.badges(k)
+            children: l.badges(x)
           })]
         });
       })(),
@@ -15764,17 +15764,17 @@ function xl({ data: t, columns: r, rowKey: c, card: l, actions: o, timeline: d,
           className: "data-view__card-field",
           children: [/* @__PURE__ */ e("span", {
             className: "data-view__card-label",
-            children: V3(W)
+            children: S3(W)
           }), /* @__PURE__ */ e("span", {
             className: "data-view__card-value",
-            children: S3(W, k)
+            children: H3(W, x)
           })]
         }, W.key))
       }),
       o && /* @__PURE__ */ e("div", {
         className: "data-view__card-actions",
         onClick: (W) => W.stopPropagation(),
-        children: o(k)
+        children: o(x)
       })
     ] });
     return /* @__PURE__ */ n(w1.Fragment, { children: [H && /* @__PURE__ */ e(Ml, { marker: H }), A ? /* @__PURE__ */ e("a", {
@@ -15786,17 +15786,17 @@ function xl({ data: t, columns: r, rowKey: c, card: l, actions: o, timeline: d,
     }) : /* @__PURE__ */ e("div", {
       className: $,
       style: e1,
-      onClick: s ? (W) => s(k, W) : void 0,
+      onClick: s ? (W) => s(x, W) : void 0,
       children: Z
     })] }, E);
   };
   if (f) {
-    let k = 0;
+    let x = 0;
     return /* @__PURE__ */ e("div", {
       className: "data-view__groups",
       children: f.map((B) => {
-        const H = k;
-        k += B.items.length;
+        const H = x;
+        x += B.items.length;
         const E = _ && C?.has(B.key);
         return /* @__PURE__ */ n("section", {
           className: "data-view__group",
@@ -15819,18 +15819,18 @@ function xl({ data: t, columns: r, rowKey: c, card: l, actions: o, timeline: d,
               })
             ]
           }), !E && /* @__PURE__ */ e("div", {
-            className: M,
+            className: k,
             style: b,
-            children: B.items.map((P, J) => V(P, H + J))
+            children: B.items.map((P, J) => N(P, H + J))
           })]
         }, B.key ?? "__null__");
       })
     });
   }
   return /* @__PURE__ */ e("div", {
-    className: M,
+    className: k,
     style: b,
-    children: t.map((k, B) => V(k, B))
+    children: t.map((x, B) => N(x, B))
   });
 }
 function Ll({ config: t }) {
@@ -15924,7 +15924,7 @@ function Nl({ columns: t, config: r, sortDirection: c, sortKey: l, onSort: o })
       const m = t.find((a) => a.key === s.column);
       return {
         value: s.column,
-        label: s.label ?? (m ? N3(m) : s.column),
+        label: s.label ?? (m ? V3(m) : s.column),
         icon: s.icon ?? m?.icon,
         direction: s.direction ?? "asc",
         disabled: !m
@@ -15942,16 +15942,16 @@ function Vl({ state: t }) {
     children: /* @__PURE__ */ e(j, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
   });
 }
-function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1, onSelectionChange: d, selectedIds: s, pageSizeOptions: m = Y2, initialPageSize: a = Y2[1], showPageSize: i = !0, card: h, actions: p, actionsWidth: u, timeline: g, onRowClick: v, rowHref: w, rowClassName: f, rowDetail: y, empty: _, initialSortKey: C = null, initialSortDirection: L = "asc", sortKey: z, sortDirection: N, onSortChange: M, miniSort: b, showCardSortControls: x = !0, desktopView: V = "table", cardMaxWidth: k, className: B, onPageChange: H, onPageSizeChange: E, currentPage: P, totalItems: J, group: A, showResultsCount: T = !0, totalCount: S, itemNoun: $, columnSelector: e1 }) {
+function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1, onSelectionChange: d, selectedIds: s, pageSizeOptions: m = q2, initialPageSize: a = q2[1], showPageSize: i = !0, card: h, actions: p, actionsWidth: u, timeline: g, onRowClick: v, rowHref: w, rowClassName: f, rowDetail: y, empty: _, initialSortKey: C = null, initialSortDirection: L = "asc", sortKey: z, sortDirection: V, onSortChange: k, miniSort: b, showCardSortControls: M = !0, desktopView: N = "table", cardMaxWidth: x, className: B, onPageChange: H, onPageSizeChange: E, currentPage: P, totalItems: J, group: A, showResultsCount: T = !0, totalCount: S, itemNoun: $, columnSelector: e1 }) {
   const { isMobile: O } = b0(), [Z, W] = R(C), [q, m1] = R(L), [t1, C1] = R([]), f1 = s ?? t1, [A1, a1] = R(1), u1 = P ?? A1, [I, K] = R(a), [d1, v1] = R(() => t.reduce((G, s1) => (s1.width && (G[s1.key] = s1.width), G), {})), [k1, M1] = R(/* @__PURE__ */ new Set()), T1 = (G) => {
     M1((s1) => {
       const g1 = new Set(s1);
       return g1.has(G) ? g1.delete(G) : g1.add(G), g1;
     });
-  }, W1 = (G, s1) => c?.(G, s1) ?? s1, r0 = (G) => {
+  }, j1 = (G, s1) => c?.(G, s1) ?? s1, r0 = (G) => {
     P === void 0 && a1(G), H?.(G);
-  }, V1 = z !== void 0 ? z : Z, S1 = N ?? q, F1 = (G, s1) => {
-    z === void 0 && W(G), N === void 0 && m1(s1), M?.({
+  }, V1 = z !== void 0 ? z : Z, S1 = V ?? q, W1 = (G, s1) => {
+    z === void 0 && W(G), V === void 0 && m1(s1), k?.({
       key: G,
       direction: s1
     }), r0(1);
@@ -15973,10 +15973,10 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
     if (o0.size === 0) return G;
     const s1 = [], g1 = [];
     if (G.forEach((n1, i1) => {
-      o0.has(W1(n1, i1)) ? s1.push(n1) : g1.push(n1);
+      o0.has(j1(n1, i1)) ? s1.push(n1) : g1.push(n1);
     }), l && l.length > 1 && s1.length > 1) {
       const n1 = new Map(l.map((i1, y1) => [i1, y1]));
-      s1.sort((i1, y1) => (n1.get(W1(i1, 0)) ?? 0) - (n1.get(W1(y1, 0)) ?? 0));
+      s1.sort((i1, y1) => (n1.get(j1(i1, 0)) ?? 0) - (n1.get(j1(y1, 0)) ?? 0));
     }
     return [...s1, ...g1];
   }, [
@@ -16035,10 +16035,10 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
   ]), D0 = l1(() => g ? z2(X.map((G) => ({
     id: g.idAccessor(G),
     date: g.dateAccessor(G)
-  })), g.granularity) : /* @__PURE__ */ new Map(), [X, g]), U1 = (G) => {
-    s === void 0 && C1(G), d?.(r.filter((s1, g1) => G.includes(W1(s1, g1))));
+  })), g.granularity) : /* @__PURE__ */ new Map(), [X, g]), F1 = (G) => {
+    s === void 0 && C1(G), d?.(r.filter((s1, g1) => G.includes(j1(s1, g1))));
   }, Y0 = (G) => {
-    G.sortable && (V1 === G.key ? F1(G.key, S1 === "asc" ? "desc" : "asc") : F1(G.key, "asc"));
+    G.sortable && (V1 === G.key ? W1(G.key, S1 === "asc" ? "desc" : "asc") : W1(G.key, "asc"));
   }, _0 = (G, s1) => {
     G.preventDefault();
     const g1 = G.clientX, n1 = d1[s1] ?? 150, i1 = ($1) => {
@@ -16052,26 +16052,26 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
     };
     window.addEventListener("mousemove", i1), window.addEventListener("mouseup", y1);
   }, M0 = t.some((G) => G.filter), s0 = t.filter((G) => G.sortable), q0 = s0.map((G) => ({
-    label: N3(G),
+    label: V3(G),
     value: G.key
-  })), c4 = s0.length > 0, X0 = V1 ? s0.find((G) => G.key === V1) : void 0, l4 = b?.align ?? "left", H2 = (b?.columns ?? b?.column ?? []).length > 0 ? /* @__PURE__ */ e(Nl, {
+  })), c4 = s0.length > 0, X0 = V1 ? s0.find((G) => G.key === V1) : void 0, l4 = b?.align ?? "left", R2 = (b?.columns ?? b?.column ?? []).length > 0 ? /* @__PURE__ */ e(Nl, {
     columns: t,
     config: b,
     sortKey: V1,
     sortDirection: S1,
-    onSort: F1
-  }) : null, R2 = e1 && e1.options.length > 0 ? /* @__PURE__ */ e(Ll, { config: e1 }) : null, K0 = r1 || H2 || R2 ? /* @__PURE__ */ n("div", {
+    onSort: W1
+  }) : null, B2 = e1 && e1.options.length > 0 ? /* @__PURE__ */ e(Ll, { config: e1 }) : null, K0 = r1 || R2 || B2 ? /* @__PURE__ */ n("div", {
     className: `data-view__top-row data-view__top-row--mini-${l4}`,
     children: [
       r1 && /* @__PURE__ */ e("div", {
         className: "data-view__results-count",
         children: r1
       }),
-      H2,
-      R2
+      R2,
+      B2
     ]
   }) : null;
-  if (V !== "cards" && t.length === 0) return /* @__PURE__ */ n("div", {
+  if (N !== "cards" && t.length === 0) return /* @__PURE__ */ n("div", {
     className: `data-view${B ? ` ${B}` : ""}`,
     children: [K0, /* @__PURE__ */ e("div", {
       className: "data-view__wrapper data-view__wrapper--empty",
@@ -16081,11 +16081,11 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
       })
     })]
   });
-  if (V === "cards") return /* @__PURE__ */ n("div", {
+  if (N === "cards") return /* @__PURE__ */ n("div", {
     className: `data-view data-view--cards${B ? ` ${B}` : ""}`,
     children: [
       K0,
-      x && c4 && /* @__PURE__ */ n("div", {
+      M && c4 && /* @__PURE__ */ n("div", {
         className: "data-view__card-sort-bar",
         children: [/* @__PURE__ */ e("div", {
           className: "data-view__card-sort-field",
@@ -16099,11 +16099,11 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
             usePortal: !1,
             onChange: (G) => {
               if (!G || Array.isArray(G)) {
-                F1(null, S1);
+                W1(null, S1);
                 return;
               }
               const s1 = String(G.value);
-              F1(s1, V1 === s1 ? S1 : "asc");
+              W1(s1, V1 === s1 ? S1 : "asc");
             }
           })
         }), /* @__PURE__ */ e(c1, {
@@ -16112,7 +16112,7 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
             className: "data-view__card-sort-direction",
             disabled: !X0,
             onClick: () => {
-              X0 && F1(X0.key, S1 === "asc" ? "desc" : "asc");
+              X0 && W1(X0.key, S1 === "asc" ? "desc" : "asc");
             },
             variant: "ghost",
             children: /* @__PURE__ */ e(j, { name: S1 === "asc" ? "arrow-up" : "arrow-down" })
@@ -16129,7 +16129,7 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
       /* @__PURE__ */ e(xl, {
         data: X,
         columns: t,
-        rowKey: W1,
+        rowKey: j1,
         card: h,
         actions: p,
         timeline: g,
@@ -16140,7 +16140,7 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
         selectable: o,
         selectedIds: f1,
         pinnedIds: l,
-        cardMaxWidth: k,
+        cardMaxWidth: x,
         isMobile: O,
         groups: K1 ?? void 0,
         showGroupCount: A?.showCount !== !1,
@@ -16148,10 +16148,10 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
         collapsedGroups: k1,
         onToggleGroup: T1,
         onToggleSelect: (G, s1) => {
-          U1(s1 ? [...f1, G] : f1.filter((g1) => g1 !== G));
+          F1(s1 ? [...f1, G] : f1.filter((g1) => g1 !== G));
         }
       }),
-      /* @__PURE__ */ e(O2, {
+      /* @__PURE__ */ e(Y2, {
         currentPage: Q,
         totalPages: l0,
         totalItems: c0,
@@ -16164,7 +16164,7 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
       })
     ]
   });
-  const k0 = t.filter((G) => !G.hideInTable), n4 = o && f1.length > 0 && f1.length === r.length, a4 = o && f1.length > 0 && f1.length < r.length, d0 = g && D0.size > 0, B2 = /* @__PURE__ */ n(h1, { children: [
+  const k0 = t.filter((G) => !G.hideInTable), n4 = o && f1.length > 0 && f1.length === r.length, a4 = o && f1.length > 0 && f1.length < r.length, d0 = g && D0.size > 0, A2 = /* @__PURE__ */ n(h1, { children: [
     K0,
     /* @__PURE__ */ e("div", {
       className: "data-view__wrapper",
@@ -16176,7 +16176,7 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
             checked: n4,
             indeterminate: a4,
             onChange: (G) => {
-              U1(G ? r.map(W1) : []);
+              F1(G ? r.map(j1) : []);
             }
           })
         }),
@@ -16188,7 +16188,7 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
             onClick: () => Y0(G),
             children: [/* @__PURE__ */ n("span", {
               className: "data-view__th-content",
-              children: [V3(G), G.sortable && /* @__PURE__ */ e(Vl, { state: V1 === G.key ? S1 : "unsorted" })]
+              children: [S3(G), G.sortable && /* @__PURE__ */ e(Vl, { state: V1 === G.key ? S1 : "unsorted" })]
             }), /* @__PURE__ */ e("span", {
               className: "data-view__resizer",
               onMouseDown: (g1) => _0(g1, G.key),
@@ -16226,7 +16226,7 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
           }) : /* @__PURE__ */ e(a0, { title: "No data available" })
         }) });
         const G = k0.length + (d0 ? 1 : 0) + (o ? 1 : 0) + (p ? 1 : 0), s1 = A?.showCount !== !1, g1 = (n1, i1) => {
-          const y1 = W1(n1, i1), $1 = f1.includes(y1), H1 = o0.has(y1), I1 = D0.get(i1), x1 = w?.(n1), A2 = !!v || !!x1, i4 = (_1) => {
+          const y1 = j1(n1, i1), $1 = f1.includes(y1), H1 = o0.has(y1), I1 = D0.get(i1), x1 = w?.(n1), $2 = !!v || !!x1, i4 = (_1) => {
             if (x1 && (_1.metaKey || _1.ctrlKey || _1.shiftKey)) {
               window.open(x1, "_blank", "noopener,noreferrer");
               return;
@@ -16240,8 +16240,8 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
             _1.button !== 1 || !x1 || (_1.preventDefault(), window.open(x1, "_blank", "noopener,noreferrer"));
           }, Q0 = y?.(n1);
           return /* @__PURE__ */ n(w1.Fragment, { children: [/* @__PURE__ */ n("tr", {
-            className: `${$1 ? "is-selected" : ""} ${A2 ? "data-view__row--clickable" : ""} ${H1 ? "data-view__row--pinned" : ""} ${f?.(n1) || ""}`,
-            onClick: A2 ? i4 : void 0,
+            className: `${$1 ? "is-selected" : ""} ${$2 ? "data-view__row--clickable" : ""} ${H1 ? "data-view__row--pinned" : ""} ${f?.(n1) || ""}`,
+            onClick: $2 ? i4 : void 0,
             onAuxClick: x1 ? o4 : void 0,
             children: [
               d0 && /* @__PURE__ */ e("td", {
@@ -16253,7 +16253,7 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
                 children: /* @__PURE__ */ e(e0, {
                   checked: $1,
                   onChange: (_1) => {
-                    U1(_1 ? [...f1, y1] : f1.filter((J0) => J0 !== y1));
+                    F1(_1 ? [...f1, y1] : f1.filter((J0) => J0 !== y1));
                   }
                 })
               }),
@@ -16266,7 +16266,7 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
                     name: "pin",
                     size: "sm"
                   })
-                }), S3(_1, n1)]
+                }), H3(_1, n1)]
               }, _1.key)),
               p && /* @__PURE__ */ e("td", {
                 className: "data-view__actions-cell",
@@ -16321,7 +16321,7 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
         return X.map((n1, i1) => g1(n1, i1));
       })() })] })
     }),
-    /* @__PURE__ */ e(O2, {
+    /* @__PURE__ */ e(Y2, {
       currentPage: Q,
       totalPages: l0,
       totalItems: L1.length,
@@ -16337,8 +16337,8 @@ function yi({ columns: t, data: r, rowKey: c, pinnedIds: l, selectable: o = !1,
     className: `data-view${B ? ` ${B}` : ""}`,
     children: d0 ? /* @__PURE__ */ n("div", {
       className: "timeline-markers",
-      children: [/* @__PURE__ */ e("div", { className: "timeline-markers__track" }), B2]
-    }) : B2
+      children: [/* @__PURE__ */ e("div", { className: "timeline-markers__track" }), A2]
+    }) : A2
   });
 }
 var n0 = (t) => {
@@ -16350,9 +16350,9 @@ var n0 = (t) => {
   const [i, h] = R({}), [p, u] = R(() => /* @__PURE__ */ new Date()), [g, v] = R(null), [w, f] = R(d), [y, _] = R({
     position: "fixed",
     visibility: "hidden"
-  }), [C, L] = R(r?.start ?? ""), [z, N] = R(r?.end ?? ""), M = F(null), b = F(null), x = r ?? i, V = n0(x.start), k = n0(x.end), B = V && k ? {
-    start: V,
-    end: k
+  }), [C, L] = R(r?.start ?? ""), [z, V] = R(r?.end ?? ""), k = F(null), b = F(null), M = r ?? i, N = n0(M.start), x = n0(M.end), B = N && x ? {
+    start: N,
+    end: x
   } : void 0, H = (q) => {
     r || h(q), c?.(q);
   }, E = (q) => {
@@ -16364,14 +16364,14 @@ var n0 = (t) => {
     v(q);
   }, J = (q) => /^\d{4}-\d{2}-\d{2}$/.test(q) && n0(q) !== void 0, A = () => {
     J(C) ? H({
-      ...x,
+      ...M,
       start: C
-    }) : L(x.start ?? "");
+    }) : L(M.start ?? "");
   }, T = () => {
     J(z) ? H({
-      ...x,
+      ...M,
       end: z
-    }) : N(x.end ?? "");
+    }) : V(M.end ?? "");
   }, S = (q) => {
     const m1 = /* @__PURE__ */ new Date(), t1 = /* @__PURE__ */ new Date();
     t1.setDate(t1.getDate() - q), H({
@@ -16380,13 +16380,13 @@ var n0 = (t) => {
     });
   };
   Y(() => {
-    L(x.start ?? "");
-  }, [x.start]), Y(() => {
-    N(x.end ?? "");
-  }, [x.end]);
+    L(M.start ?? "");
+  }, [M.start]), Y(() => {
+    V(M.end ?? "");
+  }, [M.end]);
   const $ = l1(() => C0(p, 1), [p]), e1 = d || w, O = !d && w, Z = D(() => {
-    if (!O || !M.current || !b.current) return;
-    const q = M.current.getBoundingClientRect(), m1 = b.current.getBoundingClientRect(), t1 = 16, C1 = 8, f1 = window.innerHeight - q.bottom - t1, A1 = q.top - t1, a1 = f1 < m1.height && A1 > m1.height ? q.top - m1.height - C1 : q.bottom + C1, u1 = Math.max(t1, Math.min(a1, window.innerHeight - m1.height - t1)), I = q.left, K = Math.max(t1, Math.min(I, window.innerWidth - m1.width - t1));
+    if (!O || !k.current || !b.current) return;
+    const q = k.current.getBoundingClientRect(), m1 = b.current.getBoundingClientRect(), t1 = 16, C1 = 8, f1 = window.innerHeight - q.bottom - t1, A1 = q.top - t1, a1 = f1 < m1.height && A1 > m1.height ? q.top - m1.height - C1 : q.bottom + C1, u1 = Math.max(t1, Math.min(a1, window.innerHeight - m1.height - t1)), I = q.left, K = Math.max(t1, Math.min(I, window.innerWidth - m1.width - t1));
     _({
       position: "fixed",
       top: `${u1}px`,
@@ -16412,7 +16412,7 @@ var n0 = (t) => {
     if (!O) return;
     const q = (t1) => {
       const C1 = t1.target;
-      M.current?.contains(C1) || b.current?.contains(C1) || f(!1);
+      k.current?.contains(C1) || b.current?.contains(C1) || f(!1);
     }, m1 = (t1) => {
       t1.key === "Escape" && f(!1);
     };
@@ -16483,7 +16483,7 @@ var n0 = (t) => {
     })]
   });
   return /* @__PURE__ */ n("div", {
-    ref: M,
+    ref: k,
     className: "date-range-picker",
     children: [
       t && m && m.length > 0 ? /* @__PURE__ */ n("div", {
@@ -16530,7 +16530,7 @@ var n0 = (t) => {
             value: z,
             placeholder: "YYYY-MM-DD",
             maxLength: 10,
-            onChange: N,
+            onChange: V,
             onBlur: T
           }),
           !d && /* @__PURE__ */ e(U, {
@@ -16542,7 +16542,7 @@ var n0 = (t) => {
         ]
       }),
       d && e1 && W,
-      O && q1(/* @__PURE__ */ e("div", {
+      O && Y1(/* @__PURE__ */ e("div", {
         ref: b,
         className: "date-range-picker__overlay",
         style: y,
@@ -16550,7 +16550,7 @@ var n0 = (t) => {
       }), document.body)
     ]
   });
-}, H3 = ({ enabled: t = !0, maxDurationMs: r = 800, onSwipeDown: c, onSwipeLeft: l, onSwipeRight: o, onSwipeUp: d, restraint: s = 80, threshold: m = 60 }) => {
+}, R3 = ({ enabled: t = !0, maxDurationMs: r = 800, onSwipeDown: c, onSwipeLeft: l, onSwipeRight: o, onSwipeUp: d, restraint: s = 80, threshold: m = 60 }) => {
   const a = F(null);
   return {
     onTouchStart: D((i) => {
@@ -16590,13 +16590,120 @@ var n0 = (t) => {
       a.current = null;
     }, [])
   };
-}, B1 = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), Sl = (t, r) => {
+}, Sl = 1e3, X2 = 0, N2 = ({ isOpen: t, onClose: r, position: c = "left", width: l = "320px", maxWidth: o = "none", margin: d = 0, borderRadius: s = 0, shadow: m = "none", children: a, title: i, icon: h, className: p = "", showOverlay: u = !0, lockScroll: g = !0, hideClose: v = !1, actions: w = [], onBack: f, backLabel: y = "Back", primary: _, secondary: C, footer: L }) => {
+  g3(t && g);
+  const [z, V] = R(0);
+  if (Y(() => {
+    t && (X2 += 1, V(X2));
+  }, [t]), Y(() => {
+    const x = (B) => {
+      B.key === "Escape" && t && r();
+    };
+    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
+  }, [t, r]), !t) return null;
+  const k = (x) => typeof x == "number" ? `${x}px` : x, b = Sl + z * 2, M = {
+    "--drawer-width": l,
+    "--drawer-max-width": k(o),
+    "--drawer-margin": k(d),
+    "--drawer-border-radius": k(s),
+    "--drawer-shadow": m,
+    zIndex: b + 1
+  }, N = L || _ || C;
+  return /* @__PURE__ */ n(h1, { children: [u && /* @__PURE__ */ e("div", {
+    className: "drawer-overlay",
+    onClick: r,
+    style: { zIndex: b }
+  }), /* @__PURE__ */ n("div", {
+    className: `drawer drawer--${c} ${p}`,
+    style: M,
+    children: [
+      /* @__PURE__ */ n("div", {
+        className: "drawer__header",
+        children: [
+          f && /* @__PURE__ */ e(c1, {
+            title: y,
+            position: "bottom",
+            children: /* @__PURE__ */ e(U, {
+              className: "drawer__back",
+              onClick: f,
+              size: "small",
+              variant: "ghost",
+              icon: "arrow-left"
+            })
+          }),
+          (i || h) && /* @__PURE__ */ n("h2", {
+            className: "drawer__title",
+            children: [h && /* @__PURE__ */ e(j, { name: h }), i && /* @__PURE__ */ e("span", {
+              className: "drawer__title-text",
+              children: i
+            })]
+          }),
+          w.length > 0 && /* @__PURE__ */ e("div", {
+            className: "drawer__header-actions",
+            children: w.map((x) => {
+              const B = /* @__PURE__ */ e(U, {
+                disabled: x.disabled,
+                onClick: x.onClick,
+                icon: x.icon,
+                emojiIcon: x.emojiIcon,
+                size: x.size ?? "small",
+                variant: x.variant ?? "ghost",
+                children: x.label
+              }), H = x.title ?? x.label;
+              return H ? /* @__PURE__ */ e(c1, {
+                title: H,
+                position: "bottom",
+                children: B
+              }, x.id) : /* @__PURE__ */ e(w1.Fragment, { children: B }, x.id);
+            })
+          }),
+          !v && /* @__PURE__ */ e(c1, {
+            title: "Close drawer",
+            children: /* @__PURE__ */ e(U, {
+              className: "drawer__close",
+              icon: "clear",
+              onClick: r,
+              size: "medium",
+              variant: "ghost"
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ e("div", {
+        className: "drawer__content",
+        children: a
+      }),
+      N && /* @__PURE__ */ n("div", {
+        className: "drawer__footer",
+        children: [L && /* @__PURE__ */ e("div", {
+          className: "drawer__footer-content",
+          children: L
+        }), (_ || C) && /* @__PURE__ */ n("div", {
+          className: "drawer__footer-actions",
+          children: [C && /* @__PURE__ */ e(U, {
+            variant: C.variant || "default",
+            icon: C.icon,
+            disabled: C.disabled,
+            onClick: C.onClick,
+            children: C.text
+          }), _ && /* @__PURE__ */ e(U, {
+            variant: _.variant || "info",
+            icon: _.icon,
+            disabled: _.disabled,
+            onClick: _.onClick,
+            children: _.text
+          })]
+        })]
+      })
+    ]
+  })] });
+}, B1 = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), Hl = (t, r) => {
   const c = (t.getDay() - r + 7) % 7;
   return S0(B1(t), -c);
-}, R3 = (t, r) => {
-  const c = Sl(t, r);
+}, B3 = (t, r) => {
+  const c = Hl(t, r);
   return Array.from({ length: 7 }, (l, o) => S0(c, o));
-}, q2 = (t) => t.getHours() * 60 + t.getMinutes(), Hl = (t, r) => t.end ?? new Date(t.start.getTime() + r * 6e4), N2 = (t, r) => r.map((c) => {
+}, K2 = (t) => t.getHours() * 60 + t.getMinutes(), Rl = (t, r) => t.end ?? new Date(t.start.getTime() + r * 6e4), V2 = (t, r) => r.map((c) => {
   const l = [], o = [];
   return t.forEach((d) => {
     if (d.allDay) {
@@ -16610,14 +16717,14 @@ var n0 = (t) => {
     allDay: l,
     timed: o
   };
-}), B3 = (t, r, c, l) => {
+}), A3 = (t, r, c, l) => {
   if (t.length === 0) return [];
   const o = r * 60, d = c * 60, s = Math.max(d - o, 1), m = t.map((u) => {
-    const g = q2(u.start);
+    const g = K2(u.start);
     return {
       event: u,
       start: g,
-      end: Math.max(q2(Hl(u, l)), g + 15)
+      end: Math.max(K2(Rl(u, l)), g + 15)
     };
   }), a = [];
   let i = [], h = -1;
@@ -16643,11 +16750,11 @@ var n0 = (t) => {
   return [...m].sort((u, g) => u.start - g.start || u.end - g.end).forEach((u) => {
     i.length > 0 && u.start >= h && p(), i.push(u), h = Math.max(h, u.end);
   }), p(), a;
-}, Rl = (t, r, c) => {
+}, Bl = (t, r, c) => {
   if (!c) return new Date(r);
   const l = B1(r);
   return l.setHours(t.start.getHours(), t.start.getMinutes(), 0, 0), l;
-}, j0 = (t, r) => !r || t >= r.start && t < r.end, A3 = (t) => `${t.toString().padStart(2, "0")}:00`, Bl = (t) => `${t.getHours().toString().padStart(2, "0")}:${t.getMinutes().toString().padStart(2, "0")}`;
+}, j0 = (t, r) => !r || t >= r.start && t < r.end, $3 = (t) => `${t.toString().padStart(2, "0")}:00`, Al = (t) => `${t.getHours().toString().padStart(2, "0")}:${t.getMinutes().toString().padStart(2, "0")}`;
 function H0({ className: t, dragEnabled: r, event: c, isDragging: l, onClick: o, onDragEnd: d, onDragStart: s, renderEvent: m, showTime: a = !1, style: i }) {
   const h = r && c.draggable !== !1, p = (g) => {
     g.stopPropagation(), o?.(c);
@@ -16679,7 +16786,7 @@ function H0({ className: t, dragEnabled: r, event: c, isDragging: l, onClick: o,
       }),
       a && !c.allDay && /* @__PURE__ */ e("span", {
         className: "event-calendar__chip-time",
-        children: Bl(c.start)
+        children: Al(c.start)
       }),
       /* @__PURE__ */ e("span", {
         className: "event-calendar__chip-title",
@@ -16688,94 +16795,93 @@ function H0({ className: t, dragEnabled: r, event: c, isDragging: l, onClick: o,
     ] })
   });
 }
-var Al = 8, P0 = () => {
+var $l = 8, P0 = () => {
 };
-function $l({ activeHours: t, className: r, date: c, dayEndHour: l = 24, dayStartHour: o = 0, defaultDurationMinutes: d = 30, emptyLabel: s = "Nothing scheduled", events: m, hourHeight: a = 44, isOpen: i, onAdd: h, onClose: p, onDateChange: u, onEventClick: g, renderEvent: v }) {
-  const w = F(null), f = l1(() => N2(m, [B1(c)])[0], [c, m]), y = l1(() => Array.from({ length: Math.max(l - o, 1) }, (M, b) => o + b), [o, l]), _ = l1(() => B3(f.timed, o, l, d), [
-    f.timed,
+function Dl({ activeHours: t, className: r, date: c, dayEndHour: l = 24, dayStartHour: o = 0, defaultDurationMinutes: d = 30, emptyLabel: s = "Nothing scheduled", events: m, hourHeight: a = 44, isOpen: i, onAdd: h, onClose: p, onDateChange: u, onEventClick: g, position: v = "right", renderEvent: w, width: f = "min(480px, 100vw)" }) {
+  const y = F(null), _ = l1(() => V2(m, [B1(c)])[0], [c, m]), C = l1(() => Array.from({ length: Math.max(l - o, 1) }, (M, N) => o + N), [o, l]), L = l1(() => A3(_.timed, o, l, d), [
+    _.timed,
     l,
     o,
     d
-  ]), C = l1(() => {
-    const M = f.timed.map((b) => b.start.getHours());
-    return M.length > 0 ? Math.min(...M) : t?.start ?? Al;
-  }, [t, f.timed]);
+  ]), z = l1(() => {
+    const M = _.timed.map((N) => N.start.getHours());
+    return M.length > 0 ? Math.min(...M) : t?.start ?? $l;
+  }, [t, _.timed]);
   Y(() => {
-    !i || !w.current || (w.current.scrollTop = Math.max(C - o - 1, 0) * a);
+    !i || !y.current || (y.current.scrollTop = Math.max(z - o - 1, 0) * a);
   }, [
     o,
-    C,
+    z,
     a,
     i
   ]);
-  const L = H3({
+  const V = R3({
     enabled: !!u,
     onSwipeLeft: () => u?.(S0(B1(c), 1)),
     onSwipeRight: () => u?.(S0(B1(c), -1)),
     restraint: 50
-  }), z = (M) => {
-    const b = B1(c);
-    return b.setHours(M, 0, 0, 0), b;
-  }, N = y.length * a;
-  return /* @__PURE__ */ n(j1, {
+  }), k = (M) => {
+    const N = B1(c);
+    return N.setHours(M, 0, 0, 0), N;
+  }, b = C.length * a;
+  return /* @__PURE__ */ n(N2, {
     className: ["day-agenda", r ?? ""].filter(Boolean).join(" "),
-    fullHeight: !0,
     isOpen: i,
     onClose: p,
-    onOverlayClick: p,
-    size: "small",
-    title: Y1(c, "DD MMM YYYY"),
-    usePortal: !0,
+    position: v,
+    showOverlay: !0,
+    title: O1(c, "DD MMM YYYY"),
+    width: f,
     children: [
       /* @__PURE__ */ n("div", {
         className: "day-agenda__weekday",
-        children: [/* @__PURE__ */ e("span", { children: c.toLocaleDateString(void 0, { weekday: "long" }) }), f.allDay.length === 0 && f.timed.length === 0 && /* @__PURE__ */ e("span", {
+        children: [/* @__PURE__ */ e("span", { children: c.toLocaleDateString(void 0, { weekday: "long" }) }), _.allDay.length === 0 && _.timed.length === 0 && /* @__PURE__ */ e("span", {
           className: "day-agenda__empty",
           children: s
         })]
       }),
-      f.allDay.length > 0 && /* @__PURE__ */ n("div", {
+      _.allDay.length > 0 && /* @__PURE__ */ n("div", {
         className: "day-agenda__all-day",
         children: [/* @__PURE__ */ e("div", {
           className: "day-agenda__gutter-label",
           children: "All day"
         }), /* @__PURE__ */ e("div", {
           className: "day-agenda__all-day-cell",
-          children: f.allDay.map((M) => /* @__PURE__ */ e(H0, {
+          children: _.allDay.map((M) => /* @__PURE__ */ e(H0, {
             dragEnabled: !1,
             event: M,
             isDragging: !1,
             onClick: g,
             onDragEnd: P0,
             onDragStart: P0,
-            renderEvent: v
+            renderEvent: w
           }, M.id))
         })]
       }),
       /* @__PURE__ */ n("div", {
         className: "day-agenda__body",
-        ref: w,
-        ...L,
+        ref: y,
+        ...V,
         children: [/* @__PURE__ */ e("div", {
           className: "day-agenda__gutter",
-          style: { height: N },
-          children: y.map((M) => /* @__PURE__ */ e("div", {
+          style: { height: b },
+          children: C.map((M) => /* @__PURE__ */ e("div", {
             className: ["day-agenda__gutter-hour", j0(M, t) ? "" : "day-agenda__gutter-hour--inactive"].filter(Boolean).join(" "),
             style: { height: a },
-            children: /* @__PURE__ */ e("span", { children: A3(M) })
+            children: /* @__PURE__ */ e("span", { children: $3(M) })
           }, M))
         }), /* @__PURE__ */ n("div", {
           className: "day-agenda__column",
-          style: { height: N },
-          children: [y.map((M) => /* @__PURE__ */ e("div", {
+          style: { height: b },
+          children: [C.map((M) => /* @__PURE__ */ e("div", {
             className: [
               "day-agenda__slot",
               j0(M, t) ? "" : "day-agenda__slot--inactive",
               h ? "day-agenda__slot--clickable" : ""
             ].filter(Boolean).join(" "),
-            onClick: () => h?.(z(M)),
+            onClick: () => h?.(k(M)),
             style: { height: a }
-          }, M)), _.map((M) => /* @__PURE__ */ e(H0, {
+          }, M)), L.map((M) => /* @__PURE__ */ e(H0, {
             className: "event-calendar__chip--positioned day-agenda__chip",
             dragEnabled: !1,
             event: M.event,
@@ -16783,7 +16889,7 @@ function $l({ activeHours: t, className: r, date: c, dayEndHour: l = 24, dayStar
             onClick: g,
             onDragEnd: P0,
             onDragStart: P0,
-            renderEvent: v,
+            renderEvent: w,
             showTime: !0,
             style: {
               top: `${M.top}%`,
@@ -16797,7 +16903,7 @@ function $l({ activeHours: t, className: r, date: c, dayEndHour: l = 24, dayStar
     ]
   });
 }
-function $3(t, r) {
+function D3(t, r) {
   const c = t.length, l = r.length, o = c + l, d = new Array(2 * o + 1).fill(0), s = [];
   e: for (let h = 0; h <= o; h++) {
     s.push([...d]);
@@ -16832,8 +16938,8 @@ function $3(t, r) {
   }
   return m;
 }
-function Dl(t, r) {
-  const c = $3(t.split(`
+function El(t, r) {
+  const c = D3(t.split(`
 `), r.split(`
 `)), l = [];
   let o = 1, d = 1, s = 0;
@@ -16866,17 +16972,17 @@ function Dl(t, r) {
   }
   return l;
 }
-function El(t, r) {
+function Tl(t, r) {
   const c = (l) => l.match(/\S+|\s+/g) ?? [];
-  return $3(c(t), c(r));
+  return D3(c(t), c(r));
 }
-var Tl = ({ a: t, b: r, side: c }) => /* @__PURE__ */ e(h1, { children: El(t, r).map((l, o) => l.kind === "eq" ? /* @__PURE__ */ e("span", { children: l.val }, o) : l.kind === "del" && c === "old" ? /* @__PURE__ */ e("mark", {
+var Pl = ({ a: t, b: r, side: c }) => /* @__PURE__ */ e(h1, { children: Tl(t, r).map((l, o) => l.kind === "eq" ? /* @__PURE__ */ e("span", { children: l.val }, o) : l.kind === "del" && c === "old" ? /* @__PURE__ */ e("mark", {
   className: "dv-word dv-word--del",
   children: l.val
 }, o) : l.kind === "ins" && c === "new" ? /* @__PURE__ */ e("mark", {
   className: "dv-word dv-word--ins",
   children: l.val
-}, o) : null) }), Pl = [
+}, o) : null) }), Il = [
   {
     name: "comment",
     pattern: /\/\/.*$|\/\*[\s\S]*?\*\/|#.*$/m
@@ -16906,12 +17012,12 @@ var Tl = ({ a: t, b: r, side: c }) => /* @__PURE__ */ e(h1, { children: El(t, r)
     pattern: /\b[a-zA-Z_$][a-zA-Z0-9_$]*(?=\s*\()/
   }
 ];
-function Il(t) {
+function Gl(t) {
   const r = [];
   let c = t;
   for (; c.length > 0; ) {
     let l = !1;
-    for (const { name: o, pattern: d } of Pl) {
+    for (const { name: o, pattern: d } of Il) {
       const s = c.match(new RegExp(`^(?:${d.source})`, d.flags));
       if (s) {
         r.push({
@@ -16928,18 +17034,18 @@ function Il(t) {
   }
   return r;
 }
-var Gl = ({ text: t }) => /* @__PURE__ */ e(h1, { children: l1(() => Il(t), [t]).map((r, c) => r.name === "plain" ? /* @__PURE__ */ e("span", { children: r.val }, c) : /* @__PURE__ */ e("span", {
+var Zl = ({ text: t }) => /* @__PURE__ */ e(h1, { children: l1(() => Gl(t), [t]).map((r, c) => r.name === "plain" ? /* @__PURE__ */ e("span", { children: r.val }, c) : /* @__PURE__ */ e("span", {
   className: `dv-token dv-token--${r.name}`,
   children: r.val
 }, c)) }), h2 = ({ line: t, side: r, type: c }) => {
   const l = r === "old" ? t.text ?? t.oldText ?? "" : t.text ?? t.newText ?? "";
-  return t.kind !== "equal" && t.oldText !== void 0 && t.newText !== void 0 ? /* @__PURE__ */ e(Tl, {
+  return t.kind !== "equal" && t.oldText !== void 0 && t.newText !== void 0 ? /* @__PURE__ */ e(Pl, {
     a: t.oldText,
     b: t.newText,
     side: r
-  }) : c === "code" ? /* @__PURE__ */ e(Gl, { text: l }) : /* @__PURE__ */ e(h1, { children: l });
+  }) : c === "code" ? /* @__PURE__ */ e(Zl, { text: l }) : /* @__PURE__ */ e(h1, { children: l });
 }, _i = ({ oldValue: t, newValue: r, mode: c = "split", type: l = "text", oldTitle: o = "Before", newTitle: d = "After", showLineNumbers: s = !0 }) => {
-  const m = l1(() => Dl(t, r), [t, r]), a = l1(() => ({
+  const m = l1(() => El(t, r), [t, r]), a = l1(() => ({
     added: m.filter((i) => i.kind === "added").length,
     removed: m.filter((i) => i.kind === "removed").length
   }), [m]);
@@ -17059,113 +17165,6 @@ var Gl = ({ text: t }) => /* @__PURE__ */ e(h1, { children: l1(() => Il(t), [t])
       })
     })]
   });
-}, Zl = 1e3, X2 = 0, D3 = ({ isOpen: t, onClose: r, position: c = "left", width: l = "320px", maxWidth: o = "none", margin: d = 0, borderRadius: s = 0, shadow: m = "none", children: a, title: i, icon: h, className: p = "", showOverlay: u = !0, lockScroll: g = !0, hideClose: v = !1, actions: w = [], onBack: f, backLabel: y = "Back", primary: _, secondary: C, footer: L }) => {
-  v3(t && g);
-  const [z, N] = R(0);
-  if (Y(() => {
-    t && (X2 += 1, N(X2));
-  }, [t]), Y(() => {
-    const k = (B) => {
-      B.key === "Escape" && t && r();
-    };
-    return document.addEventListener("keydown", k), () => document.removeEventListener("keydown", k);
-  }, [t, r]), !t) return null;
-  const M = (k) => typeof k == "number" ? `${k}px` : k, b = Zl + z * 2, x = {
-    "--drawer-width": l,
-    "--drawer-max-width": M(o),
-    "--drawer-margin": M(d),
-    "--drawer-border-radius": M(s),
-    "--drawer-shadow": m,
-    zIndex: b + 1
-  }, V = L || _ || C;
-  return /* @__PURE__ */ n(h1, { children: [u && /* @__PURE__ */ e("div", {
-    className: "drawer-overlay",
-    onClick: r,
-    style: { zIndex: b }
-  }), /* @__PURE__ */ n("div", {
-    className: `drawer drawer--${c} ${p}`,
-    style: x,
-    children: [
-      /* @__PURE__ */ n("div", {
-        className: "drawer__header",
-        children: [
-          f && /* @__PURE__ */ e(c1, {
-            title: y,
-            position: "bottom",
-            children: /* @__PURE__ */ e(U, {
-              className: "drawer__back",
-              onClick: f,
-              size: "small",
-              variant: "ghost",
-              icon: "arrow-left"
-            })
-          }),
-          (i || h) && /* @__PURE__ */ n("h2", {
-            className: "drawer__title",
-            children: [h && /* @__PURE__ */ e(j, { name: h }), i && /* @__PURE__ */ e("span", {
-              className: "drawer__title-text",
-              children: i
-            })]
-          }),
-          w.length > 0 && /* @__PURE__ */ e("div", {
-            className: "drawer__header-actions",
-            children: w.map((k) => {
-              const B = /* @__PURE__ */ e(U, {
-                disabled: k.disabled,
-                onClick: k.onClick,
-                icon: k.icon,
-                emojiIcon: k.emojiIcon,
-                size: k.size ?? "small",
-                variant: k.variant ?? "ghost",
-                children: k.label
-              }), H = k.title ?? k.label;
-              return H ? /* @__PURE__ */ e(c1, {
-                title: H,
-                position: "bottom",
-                children: B
-              }, k.id) : /* @__PURE__ */ e(w1.Fragment, { children: B }, k.id);
-            })
-          }),
-          !v && /* @__PURE__ */ e(c1, {
-            title: "Close drawer",
-            children: /* @__PURE__ */ e(U, {
-              className: "drawer__close",
-              icon: "clear",
-              onClick: r,
-              size: "medium",
-              variant: "ghost"
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ e("div", {
-        className: "drawer__content",
-        children: a
-      }),
-      V && /* @__PURE__ */ n("div", {
-        className: "drawer__footer",
-        children: [L && /* @__PURE__ */ e("div", {
-          className: "drawer__footer-content",
-          children: L
-        }), (_ || C) && /* @__PURE__ */ n("div", {
-          className: "drawer__footer-actions",
-          children: [C && /* @__PURE__ */ e(U, {
-            variant: C.variant || "default",
-            icon: C.icon,
-            disabled: C.disabled,
-            onClick: C.onClick,
-            children: C.text
-          }), _ && /* @__PURE__ */ e(U, {
-            variant: _.variant || "info",
-            icon: _.icon,
-            disabled: _.disabled,
-            onClick: _.onClick,
-            children: _.text
-          })]
-        })]
-      })
-    ]
-  })] });
 }, jl = {
   "⚽": [
     "soccer",
@@ -22326,7 +22325,7 @@ var Gl = ({ text: t }) => /* @__PURE__ */ e(h1, { children: l1(() => Il(t), [t])
   "Sat"
 ];
 function Jl({ date: t, dragEnabled: r, draggingId: c, emptyLabel: l, events: o, firstDayOfWeek: d, maxEventsPerDay: s, onDayClick: m, onDragEnd: a, onDragStart: i, onDrop: h, onEventClick: p, onOpenDay: u, renderEvent: g, showWeekNumbers: v }) {
-  const [w, f] = R(null), [y, _] = R(null), C = l1(() => b3(t.getFullYear(), t.getMonth(), d), [t, d]), L = l1(() => C.flat(), [C]), z = l1(() => N2(o, L), [o, L]), N = l1(() => new Map(z.map((H) => [H.date.toDateString(), H])), [z]), M = l1(() => d === 1 ? [...m2.slice(1), m2[0]] : m2, [d]), b = t.getMonth(), x = o.length > 0, V = /* @__PURE__ */ new Date(), k = (H, E) => {
+  const [w, f] = R(null), [y, _] = R(null), C = l1(() => _3(t.getFullYear(), t.getMonth(), d), [t, d]), L = l1(() => C.flat(), [C]), z = l1(() => V2(o, L), [o, L]), V = l1(() => new Map(z.map((H) => [H.date.toDateString(), H])), [z]), k = l1(() => d === 1 ? [...m2.slice(1), m2[0]] : m2, [d]), b = t.getMonth(), M = o.length > 0, N = /* @__PURE__ */ new Date(), x = (H, E) => {
     H.preventDefault(), _(null), h(E, !0);
   }, B = (H, E) => {
     !r || c === null || (H.preventDefault(), H.dataTransfer.dropEffect = "move", _(E));
@@ -22339,7 +22338,7 @@ function Jl({ date: t, dragEnabled: r, draggingId: c, emptyLabel: l, events: o,
         children: [v && /* @__PURE__ */ e("div", {
           className: "event-calendar__week-number event-calendar__week-number--head",
           children: "Wk"
-        }), M.map((H) => /* @__PURE__ */ e("div", {
+        }), k.map((H) => /* @__PURE__ */ e("div", {
           className: "event-calendar__weekday",
           children: H
         }, H))]
@@ -22347,12 +22346,12 @@ function Jl({ date: t, dragEnabled: r, draggingId: c, emptyLabel: l, events: o,
       /* @__PURE__ */ e("div", {
         className: "event-calendar__weeks",
         children: C.map((H, E) => /* @__PURE__ */ n("div", {
-          className: ["event-calendar__week", H.some((P) => Z1(P, V)) ? "event-calendar__week--current" : ""].filter(Boolean).join(" "),
+          className: ["event-calendar__week", H.some((P) => Z1(P, N)) ? "event-calendar__week--current" : ""].filter(Boolean).join(" "),
           children: [v && /* @__PURE__ */ e("div", {
             className: "event-calendar__week-number",
             children: bc(H[0])
           }), H.map((P) => {
-            const J = P.toDateString(), A = N.get(J), T = A ? [...A.allDay, ...A.timed] : [], S = w === J, $ = P.getDate() === 1 ? `${P.toLocaleDateString(void 0, { month: "short" })} ${P.getDate()}` : String(P.getDate()), e1 = S ? T : T.slice(0, s), O = T.length - e1.length;
+            const J = P.toDateString(), A = V.get(J), T = A ? [...A.allDay, ...A.timed] : [], S = w === J, $ = P.getDate() === 1 ? `${P.toLocaleDateString(void 0, { month: "short" })} ${P.getDate()}` : String(P.getDate()), e1 = S ? T : T.slice(0, s), O = T.length - e1.length;
             return /* @__PURE__ */ n("div", {
               className: [
                 "event-calendar__day",
@@ -22365,7 +22364,7 @@ function Jl({ date: t, dragEnabled: r, draggingId: c, emptyLabel: l, events: o,
               onClick: () => m?.(P),
               onDragLeave: () => _((Z) => Z === J ? null : Z),
               onDragOver: (Z) => B(Z, J),
-              onDrop: (Z) => k(Z, P),
+              onDrop: (Z) => x(Z, P),
               children: [u ? /* @__PURE__ */ e("button", {
                 className: "event-calendar__day-number event-calendar__day-number--button",
                 onClick: (Z) => {
@@ -22419,7 +22418,7 @@ function Jl({ date: t, dragEnabled: r, draggingId: c, emptyLabel: l, events: o,
           })]
         }, E))
       }),
-      !x && l && /* @__PURE__ */ e("div", {
+      !M && l && /* @__PURE__ */ e("div", {
         className: "event-calendar__empty",
         children: l
       })
@@ -22428,60 +22427,60 @@ function Jl({ date: t, dragEnabled: r, draggingId: c, emptyLabel: l, events: o,
 }
 var en = 8;
 function tn({ activeHours: t, date: r, dayEndHour: c, dayStartHour: l, defaultDurationMinutes: o, dragEnabled: d, draggingId: s, events: m, firstDayOfWeek: a, hourHeight: i, onDayClick: h, onDragEnd: p, onDragStart: u, onDrop: g, onEventClick: v, renderEvent: w }) {
-  const [f, y] = R(null), _ = F(null), C = l1(() => R3(r, a), [r, a]), L = l1(() => N2(m, C), [m, C]), z = l1(() => Array.from({ length: Math.max(c - l, 1) }, (k, B) => l + B), [l, c]), N = L.some((k) => k.allDay.length > 0), M = z.length * i, b = l1(() => {
-    const k = L.flatMap((B) => B.timed.map((H) => H.start.getHours()));
-    return k.length > 0 ? Math.min(...k) : t?.start ?? en;
+  const [f, y] = R(null), _ = F(null), C = l1(() => B3(r, a), [r, a]), L = l1(() => V2(m, C), [m, C]), z = l1(() => Array.from({ length: Math.max(c - l, 1) }, (x, B) => l + B), [l, c]), V = L.some((x) => x.allDay.length > 0), k = z.length * i, b = l1(() => {
+    const x = L.flatMap((B) => B.timed.map((H) => H.start.getHours()));
+    return x.length > 0 ? Math.min(...x) : t?.start ?? en;
   }, [t, L]);
   Y(() => {
     if (!_.current) return;
-    const k = Math.max(b - l - 1, 0);
-    _.current.scrollTop = k * i;
+    const x = Math.max(b - l - 1, 0);
+    _.current.scrollTop = x * i;
   }, [
     l,
     b,
     i
   ]);
-  const x = (k, B) => {
-    const H = B1(k);
+  const M = (x, B) => {
+    const H = B1(x);
     return H.setHours(B, 0, 0, 0), H;
-  }, V = (k, B) => {
-    !d || s === null || (k.preventDefault(), k.dataTransfer.dropEffect = "move", y(B));
+  }, N = (x, B) => {
+    !d || s === null || (x.preventDefault(), x.dataTransfer.dropEffect = "move", y(B));
   };
   return /* @__PURE__ */ n("div", {
     className: "event-calendar__week-view",
     children: [
       /* @__PURE__ */ n("div", {
         className: "event-calendar__week-head",
-        children: [/* @__PURE__ */ e("div", { className: "event-calendar__gutter-spacer" }), C.map((k) => /* @__PURE__ */ n("div", {
+        children: [/* @__PURE__ */ e("div", { className: "event-calendar__gutter-spacer" }), C.map((x) => /* @__PURE__ */ n("div", {
           className: [
             "event-calendar__week-day-head",
-            Z0(k) ? "event-calendar__week-day-head--today" : "",
-            M2(k) ? "event-calendar__week-day-head--weekend" : ""
+            Z0(x) ? "event-calendar__week-day-head--today" : "",
+            M2(x) ? "event-calendar__week-day-head--weekend" : ""
           ].filter(Boolean).join(" "),
           children: [/* @__PURE__ */ e("span", {
             className: "event-calendar__week-day-name",
-            children: k.toLocaleDateString(void 0, { weekday: "short" })
+            children: x.toLocaleDateString(void 0, { weekday: "short" })
           }), /* @__PURE__ */ e("span", {
             className: "event-calendar__week-day-number",
-            children: k.getDate()
+            children: x.getDate()
           })]
-        }, k.toDateString()))]
+        }, x.toDateString()))]
       }),
-      N && /* @__PURE__ */ n("div", {
+      V && /* @__PURE__ */ n("div", {
         className: "event-calendar__all-day",
         children: [/* @__PURE__ */ e("div", {
           className: "event-calendar__gutter-label",
           children: "All day"
-        }), L.map((k) => {
-          const B = `allday-${k.date.toDateString()}`;
+        }), L.map((x) => {
+          const B = `allday-${x.date.toDateString()}`;
           return /* @__PURE__ */ e("div", {
             className: ["event-calendar__all-day-cell", f === B ? "event-calendar__all-day-cell--drop-target" : ""].filter(Boolean).join(" "),
             onDragLeave: () => y((H) => H === B ? null : H),
-            onDragOver: (H) => V(H, B),
+            onDragOver: (H) => N(H, B),
             onDrop: (H) => {
-              H.preventDefault(), y(null), g(k.date, !0);
+              H.preventDefault(), y(null), g(x.date, !0);
             },
-            children: k.allDay.map((H) => /* @__PURE__ */ e(H0, {
+            children: x.allDay.map((H) => /* @__PURE__ */ e(H0, {
               dragEnabled: d,
               event: H,
               isDragging: s === H.id,
@@ -22498,19 +22497,19 @@ function tn({ activeHours: t, date: r, dayEndHour: c, dayStartHour: l, defaultDu
         ref: _,
         children: [/* @__PURE__ */ e("div", {
           className: "event-calendar__gutter",
-          style: { height: M },
-          children: z.map((k) => /* @__PURE__ */ e("div", {
-            className: ["event-calendar__gutter-hour", j0(k, t) ? "" : "event-calendar__gutter-hour--inactive"].filter(Boolean).join(" "),
+          style: { height: k },
+          children: z.map((x) => /* @__PURE__ */ e("div", {
+            className: ["event-calendar__gutter-hour", j0(x, t) ? "" : "event-calendar__gutter-hour--inactive"].filter(Boolean).join(" "),
             style: { height: i },
-            children: /* @__PURE__ */ e("span", { children: A3(k) })
-          }, k))
-        }), L.map((k) => {
-          const B = B3(k.timed, l, c, o);
+            children: /* @__PURE__ */ e("span", { children: $3(x) })
+          }, x))
+        }), L.map((x) => {
+          const B = A3(x.timed, l, c, o);
           return /* @__PURE__ */ n("div", {
-            className: ["event-calendar__week-column", Z0(k.date) ? "event-calendar__week-column--today" : ""].filter(Boolean).join(" "),
-            style: { height: M },
+            className: ["event-calendar__week-column", Z0(x.date) ? "event-calendar__week-column--today" : ""].filter(Boolean).join(" "),
+            style: { height: k },
             children: [z.map((H) => {
-              const E = `${k.date.toDateString()}-${H}`;
+              const E = `${x.date.toDateString()}-${H}`;
               return /* @__PURE__ */ e("div", {
                 className: [
                   "event-calendar__slot",
@@ -22518,11 +22517,11 @@ function tn({ activeHours: t, date: r, dayEndHour: c, dayStartHour: l, defaultDu
                   f === E ? "event-calendar__slot--drop-target" : "",
                   h ? "event-calendar__slot--clickable" : ""
                 ].filter(Boolean).join(" "),
-                onClick: () => h?.(x(k.date, H)),
+                onClick: () => h?.(M(x.date, H)),
                 onDragLeave: () => y((P) => P === E ? null : P),
-                onDragOver: (P) => V(P, E),
+                onDragOver: (P) => N(P, E),
                 onDrop: (P) => {
-                  P.preventDefault(), y(null), g(x(k.date, H), !1);
+                  P.preventDefault(), y(null), g(M(x.date, H), !1);
                 },
                 style: { height: i }
               }, E);
@@ -22543,7 +22542,7 @@ function tn({ activeHours: t, date: r, dayEndHour: c, dayStartHour: l, defaultDu
                 width: `calc(${H.width}% - var(--spacing-4))`
               }
             }, H.event.id))]
-          }, k.date.toDateString());
+          }, x.date.toDateString());
         })]
       })
     ]
@@ -22561,23 +22560,23 @@ var rn = [{
   month: "long",
   year: "numeric"
 }), z0 = (t) => t.toLocaleDateString(void 0, { month: "short" }), ln = (t, r) => {
-  const c = R3(t, r), l = c[0], o = c[c.length - 1];
+  const c = B3(t, r), l = c[0], o = c[c.length - 1];
   return l.getFullYear() !== o.getFullYear() ? `${l.getDate()} ${z0(l)} ${l.getFullYear()} – ${o.getDate()} ${z0(o)} ${o.getFullYear()}` : l.getMonth() !== o.getMonth() ? `${l.getDate()} ${z0(l)} – ${o.getDate()} ${z0(o)} ${o.getFullYear()}` : `${l.getDate()} – ${o.getDate()} ${z0(o)} ${o.getFullYear()}`;
 };
-function xi({ activeHours: t, className: r, date: c, dayAgenda: l = !1, dayEndHour: o = 24, dayStartHour: d = 0, defaultDurationMinutes: s = 30, emptyLabel: m, events: a, firstDayOfWeek: i = 0, headerExtra: h, hourHeight: p = 44, maxEventsPerDay: u = 3, onDateChange: g, onDayClick: v, onEventClick: w, onEventDrop: f, onViewChange: y, renderEvent: _, showHeader: C = !0, showWeekNumbers: L = !1, swipeNavigation: z = !0, view: N }) {
-  const [M, b] = R(() => B1(c ?? /* @__PURE__ */ new Date())), [x, V] = R(N ?? "month"), [k, B] = R(null), [H, E] = R(null), P = c ?? M, J = N ?? x, A = !!f, T = D((t1) => {
+function xi({ activeHours: t, className: r, date: c, dayAgenda: l = !1, dayEndHour: o = 24, dayStartHour: d = 0, defaultDurationMinutes: s = 30, emptyLabel: m, events: a, firstDayOfWeek: i = 0, headerExtra: h, hourHeight: p = 44, maxEventsPerDay: u = 3, onDateChange: g, onDayClick: v, onEventClick: w, onEventDrop: f, onViewChange: y, renderEvent: _, showHeader: C = !0, showWeekNumbers: L = !1, swipeNavigation: z = !0, view: V }) {
+  const [k, b] = R(() => B1(c ?? /* @__PURE__ */ new Date())), [M, N] = R(V ?? "month"), [x, B] = R(null), [H, E] = R(null), P = c ?? k, J = V ?? M, A = !!f, T = D((t1) => {
     g && g(t1), c || b(t1);
   }, [c, g]), S = D((t1) => {
-    y && y(t1), N || V(t1);
-  }, [y, N]), $ = D((t1) => {
+    y && y(t1), V || N(t1);
+  }, [y, V]), $ = D((t1) => {
     T(J === "month" ? C0(P, t1) : S0(P, t1 * 7));
   }, [
     P,
     J,
     T
   ]), e1 = D((t1, C1) => {
-    !k || !f || (f(k, Rl(k, t1, C1)), B(null));
-  }, [k, f]), O = D((t1) => E(B1(t1)), []), Z = D((t1) => {
+    !x || !f || (f(x, Bl(x, t1, C1)), B(null));
+  }, [x, f]), O = D((t1) => E(B1(t1)), []), Z = D((t1) => {
     if (l) {
       O(t1.start);
       return;
@@ -22587,7 +22586,7 @@ function xi({ activeHours: t, className: r, date: c, dayAgenda: l = !1, dayEndHo
     l,
     w,
     O
-  ]), W = H3({
+  ]), W = R3({
     enabled: z,
     onSwipeLeft: () => $(1),
     onSwipeRight: () => $(-1)
@@ -22599,7 +22598,7 @@ function xi({ activeHours: t, className: r, date: c, dayAgenda: l = !1, dayEndHo
     activeHours: t,
     date: P,
     dragEnabled: A,
-    draggingId: k?.id ?? null,
+    draggingId: x?.id ?? null,
     events: a,
     firstDayOfWeek: i,
     onDayClick: v,
@@ -22672,7 +22671,7 @@ function xi({ activeHours: t, className: r, date: c, dayAgenda: l = !1, dayEndHo
           hourHeight: p
         })
       }),
-      H && /* @__PURE__ */ e($l, {
+      H && /* @__PURE__ */ e(Dl, {
         activeHours: t,
         date: H,
         onDateChange: E,
@@ -22828,7 +22827,7 @@ var Li = ({ label: t, accept: r, multiple: c = !1, showPreview: l = !0, onFiles:
   const [y, _] = R(o), [C, L] = R(() => l ?? {
     x: Math.max(0, (window.innerWidth - o.width) / 2),
     y: Math.max(0, (window.innerHeight - o.height) / 3)
-  }), [z, N] = R(!1), [M, b] = R(!1), x = F(null), V = F(null), k = D((S, $) => ({
+  }), [z, V] = R(!1), [k, b] = R(!1), M = F(null), N = F(null), x = D((S, $) => ({
     x: Math.min(Math.max(S.x, p2 - $.width), window.innerWidth - p2),
     y: Math.min(Math.max(S.y, 0), window.innerHeight - p2)
   }), []), B = D(() => {
@@ -22841,7 +22840,7 @@ var Li = ({ label: t, accept: r, multiple: c = !1, showPreview: l = !0, onFiles:
     C,
     y
   ]), H = D((S, $) => {
-    M || (S.preventDefault(), S.stopPropagation(), S.currentTarget.setPointerCapture(S.pointerId), V.current = {
+    k || (S.preventDefault(), S.stopPropagation(), S.currentTarget.setPointerCapture(S.pointerId), N.current = {
       direction: $,
       pointerId: S.pointerId,
       startPointer: {
@@ -22854,15 +22853,15 @@ var Li = ({ label: t, accept: r, multiple: c = !1, showPreview: l = !0, onFiles:
       }
     });
   }, [
-    M,
+    k,
     C,
     y
   ]), E = D((S) => {
-    const $ = V.current;
+    const $ = N.current;
     if (!$ || $.pointerId !== S.pointerId) return;
     const e1 = S.clientX - $.startPointer.x, O = S.clientY - $.startPointer.y, { startRect: Z, direction: W } = $;
     if (!W) {
-      L(k({
+      L(x({
         x: Z.x + e1,
         y: Z.y + O
       }, Z));
@@ -22877,15 +22876,15 @@ var Li = ({ label: t, accept: r, multiple: c = !1, showPreview: l = !0, onFiles:
       y: C1
     });
   }, [
-    k,
+    x,
     a,
     i
   ]), P = D((S) => {
-    V.current && (S.currentTarget.releasePointerCapture(S.pointerId), V.current = null, B());
+    N.current && (S.currentTarget.releasePointerCapture(S.pointerId), N.current = null, B());
   }, [B]), J = D(() => {
     b((S) => {
       if (S) {
-        const $ = x.current;
+        const $ = M.current;
         return $ && (L({
           x: $.x,
           y: $.y
@@ -22894,10 +22893,10 @@ var Li = ({ label: t, accept: r, multiple: c = !1, showPreview: l = !0, onFiles:
           width: $.width
         })), !1;
       }
-      return x.current = {
+      return M.current = {
         ...C,
         ...y
-      }, N(!1), !0;
+      }, V(!1), !0;
     });
   }, [C, y]);
   if (Y(() => {
@@ -22912,14 +22911,14 @@ var Li = ({ label: t, accept: r, multiple: c = !1, showPreview: l = !0, onFiles:
     h
   ]), Y(() => {
     if (!s) return;
-    const S = () => L(($) => k($, y));
+    const S = () => L(($) => x($, y));
     return window.addEventListener("resize", S), () => window.removeEventListener("resize", S);
   }, [
-    k,
+    x,
     s,
     y
   ]), !s) return null;
-  const A = M ? {
+  const A = k ? {
     "--_window-z": f,
     height: `calc(100vh - ${G0 * 2}px)`,
     left: G0,
@@ -22934,7 +22933,7 @@ var Li = ({ label: t, accept: r, multiple: c = !1, showPreview: l = !0, onFiles:
   }, T = /* @__PURE__ */ n("div", {
     className: [
       "floating-window",
-      M ? "floating-window--maximized" : "",
+      k ? "floating-window--maximized" : "",
       z ? "floating-window--minimized" : "",
       r
     ].filter(Boolean).join(" "),
@@ -22959,20 +22958,20 @@ var Li = ({ label: t, accept: r, multiple: c = !1, showPreview: l = !0, onFiles:
               title: z ? "Expand" : "Collapse",
               children: /* @__PURE__ */ e("button", {
                 className: "floating-window__action",
-                onClick: () => N((S) => !S),
+                onClick: () => V((S) => !S),
                 onPointerDown: (S) => S.stopPropagation(),
                 type: "button",
                 children: z ? "▢" : "—"
               })
             }),
             u && /* @__PURE__ */ e(c1, {
-              title: M ? "Restore" : "Maximize",
+              title: k ? "Restore" : "Maximize",
               children: /* @__PURE__ */ e("button", {
                 className: "floating-window__action",
                 onClick: J,
                 onPointerDown: (S) => S.stopPropagation(),
                 type: "button",
-                children: M ? "❐" : "□"
+                children: k ? "❐" : "□"
               })
             }),
             /* @__PURE__ */ e(c1, {
@@ -22995,7 +22994,7 @@ var Li = ({ label: t, accept: r, multiple: c = !1, showPreview: l = !0, onFiles:
         className: "floating-window__footer",
         children: d
       })] }),
-      u && !M && !z && nn.map((S) => /* @__PURE__ */ e("span", {
+      u && !k && !z && nn.map((S) => /* @__PURE__ */ e("span", {
         className: `floating-window__handle floating-window__handle--${S}`,
         onPointerDown: ($) => H($, S),
         onPointerMove: E,
@@ -23003,7 +23002,7 @@ var Li = ({ label: t, accept: r, multiple: c = !1, showPreview: l = !0, onFiles:
       }, S))
     ]
   });
-  return w ? q1(T, document.body) : T;
+  return w ? Y1(T, document.body) : T;
 }, E3 = () => /* @__PURE__ */ e("div", {
   className: "loading",
   children: /* @__PURE__ */ e("div", { className: "loading__spinner" })
@@ -23042,7 +23041,7 @@ var Li = ({ label: t, accept: r, multiple: c = !1, showPreview: l = !0, onFiles:
     name: _,
     path: _
   })) ?? [] : m?.directories ?? [];
-  return /* @__PURE__ */ e(j1, {
+  return /* @__PURE__ */ e(q1, {
     isOpen: t,
     title: r,
     onClose: d,
@@ -23170,7 +23169,7 @@ var Li = ({ label: t, accept: r, multiple: c = !1, showPreview: l = !0, onFiles:
     style: g,
     children: r
   });
-}, K2 = Object.keys(p3), Q2 = (t) => {
+}, Q2 = Object.keys(u3), J2 = (t) => {
   const r = new Set(t), c = [];
   return _2.forEach((l) => {
     const o = l.icons.filter((d) => r.has(d));
@@ -23185,7 +23184,7 @@ var Li = ({ label: t, accept: r, multiple: c = !1, showPreview: l = !0, onFiles:
     icons: t.filter((l) => r.has(l))
   }), c;
 }, Ri = ({ color: t, emptyLabel: r = "No icons match", grouped: c = !0, icons: l, onChange: o, placeholder: d = "Search icons...", value: s }) => {
-  const [m, a] = R(""), i = l1(() => l ?? K2, [l]), h = l1(() => c ? Q2(i) : [], [i, c]), [p, u] = R(() => s && u3.get(s) || Q2(l ?? K2)[0]?.id || "other"), g = l1(() => {
+  const [m, a] = R(""), i = l1(() => l ?? Q2, [l]), h = l1(() => c ? J2(i) : [], [i, c]), [p, u] = R(() => s && v3.get(s) || J2(l ?? Q2)[0]?.id || "other"), g = l1(() => {
     const f = m.trim().toLowerCase();
     if (!f) return null;
     const y = f.replace(/[\s-]+/g, "");
@@ -23290,29 +23289,29 @@ var Li = ({ label: t, accept: r, multiple: c = !1, showPreview: l = !0, onFiles:
     ]
   });
 }, on = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, sn = (t) => !t || t.trim() === "" ? !0 : on.test(t.trim()), Ai = z1(({ autoComplete: t = "on", autoFocus: r, disabled: c, error: l = "Please enter a valid email address", highlighted: o, id: d, label: s, maxLength: m, onBlur: a, onChange: i, onClick: h, onKeyDown: p, onKeyUp: u, onValidate: g, placeholder: v, readOnly: w = !1, required: f = !1, showValidation: y = !1, success: _, validateOn: C = "blur", value: L }, z) => {
-  const [N, M] = R(!0), [b, x] = R(!1), V = (E) => f && (!E || E.trim() === "") ? !1 : !E || E.trim() === "" ? !0 : sn(E);
+  const [V, k] = R(!0), [b, M] = R(!1), N = (E) => f && (!E || E.trim() === "") ? !1 : !E || E.trim() === "" ? !0 : sn(E);
   Y(() => {
     if (L !== void 0) {
-      const E = V(L);
-      M(E), g?.(E);
+      const E = N(L);
+      k(E), g?.(E);
     }
   }, [
     L,
     g,
     f
   ]);
-  const k = (E) => {
+  const x = (E) => {
     if (i?.(E), C === "change" || C === "both") {
-      const P = V(E);
-      M(P), x(!0), g?.(P);
+      const P = N(E);
+      k(P), M(!0), g?.(P);
     }
   }, B = (E) => {
-    if (x(!0), C === "blur" || C === "both") {
-      const P = V(E.target.value);
-      M(P), g?.(P);
+    if (M(!0), C === "blur" || C === "both") {
+      const P = N(E.target.value);
+      k(P), g?.(P);
     }
     a?.(E);
-  }, H = y && b && !N;
+  }, H = y && b && !V;
   return /* @__PURE__ */ n("div", {
     className: `input-email-wrapper${o ? " input-email-highlighted" : ""}`,
     children: [
@@ -23329,14 +23328,14 @@ var Li = ({ label: t, accept: r, multiple: c = !1, showPreview: l = !0, onFiles:
         autoFocus: r,
         disabled: c,
         type: "email",
-        className: `input-email${H ? " input-email--error" : ""}${_ ? " input-email-success" : N && b && y ? " input-email--valid" : ""}`,
+        className: `input-email${H ? " input-email--error" : ""}${_ ? " input-email-success" : V && b && y ? " input-email--valid" : ""}`,
         id: d,
         maxLength: m,
         placeholder: v,
         ref: z,
         value: L,
         onBlur: B,
-        onChange: (E) => k(E.target.value),
+        onChange: (E) => x(E.target.value),
         onClick: h,
         onKeyDown: p,
         onKeyUp: u,
@@ -23425,15 +23424,15 @@ function mn(t) {
   return t.filter((r) => r.type === "token").length;
 }
 var pn = z1(({ mask: t, value: r, onChange: c, onComplete: l, placeholder: o, label: d, hint: s, error: m, highlighted: a, size: i = "md", variant: h = "default", disabled: p = !1, readOnly: u = !1, maskChar: g = "_", mono: v = !0, icon: w, suffix: f, className: y = "", id: _, name: C, autoComplete: L }, z) => {
-  const N = w1.useMemo(() => hn(t), [t]), M = w1.useMemo(() => mn(N), [N]), b = A0(), x = _ ?? b, [V, k] = R(() => r !== void 0 ? r : ""), B = F(null);
-  h3(z, () => ({
+  const V = w1.useMemo(() => hn(t), [t]), k = w1.useMemo(() => mn(V), [V]), b = A0(), M = _ ?? b, [N, x] = R(() => r !== void 0 ? r : ""), B = F(null);
+  m3(z, () => ({
     focus: () => B.current?.focus(),
     clear: () => {
-      k(""), c?.("", "");
+      x(""), c?.("", "");
     },
-    getRawValue: () => V
+    getRawValue: () => N
   }));
-  const { masked: H } = u2(V, N, g), E = H.includes(g) ? H.replace(new RegExp(g.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), g) : H, P = m ? "danger" : h, J = [
+  const { masked: H } = u2(N, V, g), E = H.includes(g) ? H.replace(new RegExp(g.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), g) : H, P = m ? "danger" : h, J = [
     "input-mask",
     `input-mask--${i}`,
     `input-mask--${P}`,
@@ -23448,38 +23447,38 @@ var pn = z1(({ mask: t, value: r, onChange: c, onComplete: l, placeholder: o, la
     if (p || u) return;
     if ($.key === "Backspace") {
       $.preventDefault();
-      const q = V.slice(0, -1), { masked: m1 } = u2(q, N, g);
-      k(q), c?.(q, m1);
+      const q = N.slice(0, -1), { masked: m1 } = u2(q, V, g);
+      x(q), c?.(q, m1);
       return;
     }
-    if ($.key.length !== 1 || $.ctrlKey || $.metaKey || ($.preventDefault(), V.length >= M)) return;
+    if ($.key.length !== 1 || $.ctrlKey || $.metaKey || ($.preventDefault(), N.length >= k)) return;
     const e1 = $.key;
     let O = 0;
-    for (const q of N) if (q.type === "token") {
-      if (O === V.length) {
+    for (const q of V) if (q.type === "token") {
+      if (O === N.length) {
         if (!T3[q.key].test(e1)) return;
         break;
       }
       O++;
     }
-    const { masked: Z, rawAccepted: W } = u2(V + e1, N, g);
-    k(W), c?.(W, Z), W.length === M && l?.(W, Z);
+    const { masked: Z, rawAccepted: W } = u2(N + e1, V, g);
+    x(W), c?.(W, Z), W.length === k && l?.(W, Z);
   }, [
     p,
     u,
-    V,
     N,
+    V,
     g,
-    M,
+    k,
     c,
     l
-  ]), T = o ?? N.map(($) => $.type === "literal" ? $.char : g).join(""), S = V.length === M;
+  ]), T = o ?? V.map(($) => $.type === "literal" ? $.char : g).join(""), S = N.length === k;
   return /* @__PURE__ */ n("div", {
     className: J,
     children: [
       d && /* @__PURE__ */ e("label", {
         className: "input-mask__label",
-        htmlFor: x,
+        htmlFor: M,
         children: d
       }),
       /* @__PURE__ */ n("div", {
@@ -23491,7 +23490,7 @@ var pn = z1(({ mask: t, value: r, onChange: c, onComplete: l, placeholder: o, la
           }),
           /* @__PURE__ */ e("input", {
             ref: B,
-            id: x,
+            id: M,
             name: C,
             type: "text",
             inputMode: "text",
@@ -23509,9 +23508,9 @@ var pn = z1(({ mask: t, value: r, onChange: c, onComplete: l, placeholder: o, la
           /* @__PURE__ */ n("span", {
             className: "input-mask__counter",
             children: [
-              V.length,
+              N.length,
               "/",
-              M
+              k
             ]
           }),
           f && /* @__PURE__ */ e("span", {
@@ -23593,9 +23592,9 @@ function vn(t) {
   return t.split("").filter((r) => r === "#").length;
 }
 var gn = z1(({ autoFocus: t, disabled: r, error: c, format: l = un, highlighted: o, id: d, label: s, onBlur: m, onChange: a, onClick: i, onKeyDown: h, placeholder: p, readOnly: u = !1, required: g = !1, success: v, value: w }, f) => {
-  const y = w !== void 0, [_, C] = R(() => w ? v2(g2(w), l) : ""), L = y ? v2(g2(w ?? ""), l) : _, z = p ?? l.replace(/#/g, "0"), N = l.length, M = (b) => {
-    const x = g2(b), V = vn(l), k = x.slice(0, V), B = v2(k, l);
-    y || C(B), a?.(B, k);
+  const y = w !== void 0, [_, C] = R(() => w ? v2(g2(w), l) : ""), L = y ? v2(g2(w ?? ""), l) : _, z = p ?? l.replace(/#/g, "0"), V = l.length, k = (b) => {
+    const M = g2(b), N = vn(l), x = M.slice(0, N), B = v2(x, l);
+    y || C(B), a?.(B, x);
   };
   return /* @__PURE__ */ n("div", {
     className: "input-phone-wrapper",
@@ -23629,7 +23628,7 @@ var gn = z1(({ autoFocus: t, disabled: r, error: c, format: l = un, highlighted:
           disabled: r,
           id: d,
           inputMode: "tel",
-          maxLength: N,
+          maxLength: V,
           placeholder: z,
           readOnly: u,
           ref: f,
@@ -23637,7 +23636,7 @@ var gn = z1(({ autoFocus: t, disabled: r, error: c, format: l = un, highlighted:
           type: "tel",
           value: L,
           onBlur: m,
-          onChange: (b) => M(b.target.value),
+          onChange: (b) => k(b.target.value),
           onClick: i,
           onKeyDown: h
         })]
@@ -23655,7 +23654,7 @@ var gn = z1(({ autoFocus: t, disabled: r, error: c, format: l = un, highlighted:
 });
 gn.displayName = "InputPhone";
 var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r = !1, error: c, id: l, label: o, length: d = 6, groupSize: s, onChange: m, onComplete: a, secret: i = !1, success: h, type: p = "numeric", value: u }) => {
-  const g = F([]), v = F(!1), w = D((M) => M.replace(p === "numeric" ? wn : fn, "").slice(0, d), [d, p]), f = w(u), y = f.split("");
+  const g = F([]), v = F(!1), w = D((k) => k.replace(p === "numeric" ? wn : fn, "").slice(0, d), [d, p]), f = w(u), y = f.split("");
   Y(() => {
     f.length === d && !v.current && (v.current = !0, a?.(f)), f.length < d && (v.current = !1);
   }, [
@@ -23665,59 +23664,59 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
   ]), Y(() => {
     t && g.current[0]?.focus();
   }, [t]);
-  const _ = D((M) => {
-    const b = g.current[Math.min(Math.max(M, 0), d - 1)];
+  const _ = D((k) => {
+    const b = g.current[Math.min(Math.max(k, 0), d - 1)];
     b?.focus(), b?.select();
-  }, [d]), C = D((M) => {
-    const b = M.join("").replace(/\s/g, "");
+  }, [d]), C = D((k) => {
+    const b = k.join("").replace(/\s/g, "");
     m(w(b));
-  }, [m, w]), L = D((M, b) => {
-    const x = y[M] ?? "", V = x && b.startsWith(x) ? b.slice(x.length) : b, k = w(V);
-    if (!k) return;
+  }, [m, w]), L = D((k, b) => {
+    const M = y[k] ?? "", N = M && b.startsWith(M) ? b.slice(M.length) : b, x = w(N);
+    if (!x) return;
     const B = [...y];
-    k.split("").forEach((H, E) => {
-      M + E < d && (B[M + E] = H);
-    }), C(B), _(M + k.length);
+    x.split("").forEach((H, E) => {
+      k + E < d && (B[k + E] = H);
+    }), C(B), _(k + x.length);
   }, [
     y,
     C,
     _,
     d,
     w
-  ]), z = D((M, b) => {
-    if (M.key === "Backspace") {
-      M.preventDefault();
-      const x = [...y];
-      if (x[b]) {
-        x.splice(b, 1), C(x);
+  ]), z = D((k, b) => {
+    if (k.key === "Backspace") {
+      k.preventDefault();
+      const M = [...y];
+      if (M[b]) {
+        M.splice(b, 1), C(M);
         return;
       }
-      b > 0 && (x.splice(b - 1, 1), C(x), _(b - 1));
+      b > 0 && (M.splice(b - 1, 1), C(M), _(b - 1));
       return;
     }
-    if (M.key === "Delete") {
-      M.preventDefault();
-      const x = [...y];
-      x.splice(b, 1), C(x);
+    if (k.key === "Delete") {
+      k.preventDefault();
+      const M = [...y];
+      M.splice(b, 1), C(M);
       return;
     }
-    if (M.key === "ArrowLeft") {
-      M.preventDefault(), _(b - 1);
+    if (k.key === "ArrowLeft") {
+      k.preventDefault(), _(b - 1);
       return;
     }
-    M.key === "ArrowRight" && (M.preventDefault(), _(b + 1));
+    k.key === "ArrowRight" && (k.preventDefault(), _(b + 1));
   }, [
     y,
     C,
     _
-  ]), N = D((M, b) => {
-    M.preventDefault();
-    const x = w(M.clipboardData.getData("text"));
-    if (!x) return;
-    const V = [...y];
-    x.split("").forEach((k, B) => {
-      b + B < d && (V[b + B] = k);
-    }), C(V), _(b + x.length);
+  ]), V = D((k, b) => {
+    k.preventDefault();
+    const M = w(k.clipboardData.getData("text"));
+    if (!M) return;
+    const N = [...y];
+    M.split("").forEach((x, B) => {
+      b + B < d && (N[b + B] = x);
+    }), C(N), _(b + M.length);
   }, [
     y,
     C,
@@ -23739,20 +23738,20 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
       }),
       /* @__PURE__ */ e("div", {
         className: "input-pin-cells",
-        children: Array.from({ length: d }, (M, b) => /* @__PURE__ */ e("input", {
+        children: Array.from({ length: d }, (k, b) => /* @__PURE__ */ e("input", {
           autoComplete: b === 0 ? "one-time-code" : "off",
           className: `input-pin-cell${y[b] ? " input-pin-cell--filled" : ""}${s && b > 0 && b % s === 0 ? " input-pin-cell--group-start" : ""}`,
           disabled: r,
           id: l ? `${l}-${b}` : void 0,
           inputMode: p === "numeric" ? "numeric" : "text",
           maxLength: d,
-          onChange: (x) => L(b, x.target.value),
-          onFocus: (x) => x.target.select(),
-          onKeyDown: (x) => z(x, b),
-          onPaste: (x) => N(x, b),
+          onChange: (M) => L(b, M.target.value),
+          onFocus: (M) => M.target.select(),
+          onKeyDown: (M) => z(M, b),
+          onPaste: (M) => V(M, b),
           type: i ? "password" : "text",
-          ref: (x) => {
-            g.current[b] = x;
+          ref: (M) => {
+            g.current[b] = M;
           },
           value: y[b] ?? ""
         }, b))
@@ -23805,7 +23804,7 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
       children: f
     })
   ]
-})), J2 = (t) => t.toString().padStart(2, "0"), Cn = (t) => {
+})), e3 = (t) => t.toString().padStart(2, "0"), Cn = (t) => {
   const [r, c] = (t ?? "").split(":").map(Number);
   return {
     hours: Number.isFinite(r) ? r : 0,
@@ -23813,8 +23812,8 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
     seconds: 0
   };
 }, Pi = z1(({ autoFocus: t, disabled: r, error: c, highlighted: l, id: o, label: d, max: s, min: m, minuteStep: a = 1, onBlur: i, onChange: h, onClick: p, onKeyDown: u, onKeyUp: g, readOnly: v = !1, required: w = !1, success: f, value: y, withClock: _ = !1 }, C) => {
-  const [L, z] = R(!1), N = F(null), M = (b) => {
-    h?.(`${J2(b.hours)}:${J2(b.minutes)}`);
+  const [L, z] = R(!1), V = F(null), k = (b) => {
+    h?.(`${e3(b.hours)}:${e3(b.minutes)}`);
   };
   return /* @__PURE__ */ n("div", {
     className: `input-time-wrapper${l ? " input-time-highlighted" : ""}`,
@@ -23828,7 +23827,7 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
         })]
       }),
       /* @__PURE__ */ n("div", {
-        ref: N,
+        ref: V,
         className: `input-time-field${_ ? " input-time-field--with-clock" : ""}`,
         children: [/* @__PURE__ */ e("input", {
           autoFocus: t,
@@ -23867,12 +23866,12 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
       _ && /* @__PURE__ */ e(x2, {
         visible: L,
         onClose: () => z(!1),
-        anchorEl: N.current,
-        children: /* @__PURE__ */ e(x3, {
+        anchorEl: V.current,
+        children: /* @__PURE__ */ e(L3, {
           collapsibleClock: !1,
           label: "",
           minuteStep: a,
-          onChange: M,
+          onChange: k,
           value: Cn(y),
           withClock: !0
         })
@@ -23887,16 +23886,16 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
     return !1;
   }
 }, Ii = z1(({ autoFocus: t, disabled: r, error: c, highlighted: l, id: o, label: d, maxLength: s, onBlur: m, onChange: a, onClick: i, onKeyDown: h, onKeyUp: p, onValidationChange: u, placeholder: g = "https://...", readOnly: v = !1, required: w = !1, success: f, validationErrorMessage: y, value: _ }, C) => {
-  const [L, z] = R(void 0), N = (V) => {
-    if (!V)
+  const [L, z] = R(void 0), V = (N) => {
+    if (!N)
       return z(void 0), u?.(!0), !0;
-    const k = bn(V);
-    return z(k ? void 0 : y ?? yn), u?.(k), k;
-  }, M = (V) => {
-    a?.(V), L && N(V);
-  }, b = (V) => {
-    N(V.target.value), m?.(V);
-  }, x = c ?? L;
+    const x = bn(N);
+    return z(x ? void 0 : y ?? yn), u?.(x), x;
+  }, k = (N) => {
+    a?.(N), L && V(N);
+  }, b = (N) => {
+    V(N.target.value), m?.(N);
+  }, M = c ?? L;
   return /* @__PURE__ */ n("div", {
     className: `input-url-wrapper${l ? " input-url-highlighted" : ""}`,
     children: [
@@ -23912,23 +23911,23 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
         autoFocus: t,
         disabled: r,
         type: "url",
-        className: `input-url${x ? " input-url-error" : ""}${f ? " input-url-success" : ""}`,
+        className: `input-url${M ? " input-url-error" : ""}${f ? " input-url-success" : ""}`,
         id: o,
         maxLength: s,
         placeholder: g,
         ref: C,
         value: _,
         onBlur: b,
-        onChange: (V) => M(V.target.value),
+        onChange: (N) => k(N.target.value),
         onClick: i,
         onKeyDown: h,
         onKeyUp: p,
         readOnly: v,
         required: w
       }),
-      x && /* @__PURE__ */ e("span", {
+      M && /* @__PURE__ */ e("span", {
         className: "input-url-error-message",
-        children: x
+        children: M
       }),
       f && /* @__PURE__ */ e("span", {
         className: "input-url-success-message",
@@ -24015,7 +24014,7 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
       }),
       C
     ]
-  }) : null : d === "modal" ? /* @__PURE__ */ e(j1, {
+  }) : null : d === "modal" ? /* @__PURE__ */ e(q1, {
     isOpen: t,
     onClose: f,
     title: o,
@@ -24044,7 +24043,7 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
         C
       ]
     })
-  }) : /* @__PURE__ */ e(D3, {
+  }) : /* @__PURE__ */ e(N2, {
     isOpen: t,
     onClose: f,
     title: o,
@@ -24232,7 +24231,7 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
       ]
     });
   };
-  return /* @__PURE__ */ n(_3, {
+  return /* @__PURE__ */ n(M3, {
     className: [
       "mini-stats-card",
       `mini-stats-card--align-${o}`,
@@ -24345,7 +24344,7 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
         className: "NotificationPanel__badge",
         children: t.length
       })]
-    }), o && q1(/* @__PURE__ */ n(h1, { children: [/* @__PURE__ */ e("div", {
+    }), o && Y1(/* @__PURE__ */ n(h1, { children: [/* @__PURE__ */ e("div", {
       className: "NotificationPanel__backdrop",
       onClick: () => d(!1)
     }), /* @__PURE__ */ n("div", {
@@ -24371,7 +24370,7 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
   small: 120,
   medium: 180,
   large: 240
-}, e3 = {
+}, t3 = {
   default: "var(--progress-default-bar-fill-color)",
   warning: "var(--progress-warning-bar-fill-color)",
   danger: "var(--progress-danger-bar-fill-color)",
@@ -24404,23 +24403,23 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
   ].join(" ");
 }, Ln = (t) => `hsl(${Math.round((t * 137.508 + 28) % 360)} 72% 52%)`, zn = (t, r) => {
   const c = t.variant ?? "default";
-  return c === "custom" ? t.customColor || e3.default : c === "random" ? Ln(r) : e3[c];
+  return c === "custom" ? t.customColor || t3.default : c === "random" ? Ln(r) : t3[c];
 }, Ui = ({ className: t = "", data: r = [], emptyLabel: c, gap: l = 1, size: o = "medium", valueFormatter: d, valuePosition: s = "inside" }) => {
   const m = kn[o], a = s === "outside" ? Math.round(m * 0.18) : 0, i = m / 2, h = Math.max(i - Math.max(l, 1), 1), p = `${-a} ${-a} ${m + a * 2} ${m + a * 2}`, u = l1(() => {
-    const L = r.filter((M) => Number.isFinite(M.value) && M.value > 0), z = L.reduce((M, b) => M + b.value, 0);
+    const L = r.filter((k) => Number.isFinite(k.value) && k.value > 0), z = L.reduce((k, b) => k + b.value, 0);
     if (z <= 0) return [];
-    let N = 0;
-    return L.map((M, b) => {
-      const x = M.value / z * 360, V = N, k = b === L.length - 1 ? 360 : N + x, B = V + (k - V) / 2;
-      return N = k, {
-        color: zn(M, b),
-        endAngle: k,
+    let V = 0;
+    return L.map((k, b) => {
+      const M = k.value / z * 360, N = V, x = b === L.length - 1 ? 360 : V + M, B = N + (x - N) / 2;
+      return V = x, {
+        color: zn(k, b),
+        endAngle: x,
         index: b,
-        label: d ? d(M.value, M, b) : M.value,
+        label: d ? d(k.value, k, b) : k.value,
         midAngle: B,
-        path: xn(i, h, V, k),
-        startAngle: V,
-        value: M.value
+        path: xn(i, h, N, x),
+        startAngle: N,
+        value: k.value
       };
     });
   }, [
@@ -24463,20 +24462,20 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
           strokeWidth: _
         }, `${L.index}-${L.value}-${L.startAngle}`))),
         g && C && s === "outside" && u.map((L) => {
-          const z = g0(i, i, f, L.midAngle), N = g0(i, i, y, L.midAngle), M = g0(i, i, w, L.midAngle), b = M.x >= i;
+          const z = g0(i, i, f, L.midAngle), V = g0(i, i, y, L.midAngle), k = g0(i, i, w, L.midAngle), b = k.x >= i;
           return /* @__PURE__ */ n("g", {
             className: "pie-chart__outside-label-group",
             children: [/* @__PURE__ */ e("line", {
               className: "pie-chart__leader-line",
               x1: z.x,
               y1: z.y,
-              x2: N.x,
-              y2: N.y,
+              x2: V.x,
+              y2: V.y,
               stroke: L.color
             }), /* @__PURE__ */ e("text", {
               className: "pie-chart__value-label pie-chart__value-label--outside",
-              x: M.x,
-              y: M.y,
+              x: k.x,
+              y: k.y,
               textAnchor: b ? "start" : "end",
               dominantBaseline: "central",
               fill: L.color,
@@ -24688,7 +24687,7 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
   };
   return /* @__PURE__ */ e("div", {
     className: "quick-add",
-    children: /* @__PURE__ */ e(j1, {
+    children: /* @__PURE__ */ e(q1, {
       isOpen: t,
       title: l,
       titleIcon: d,
@@ -24728,7 +24727,7 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
   const [a, i] = R(d), [h, p] = R(!1), u = async () => {
     p(!0), await l(a), p(!1), c();
   };
-  return /* @__PURE__ */ e(j1, {
+  return /* @__PURE__ */ e(q1, {
     isOpen: t,
     titleIcon: o,
     title: r,
@@ -24817,7 +24816,7 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
   };
   return /* @__PURE__ */ e("div", {
     className: "quick-set",
-    children: /* @__PURE__ */ n(j1, {
+    children: /* @__PURE__ */ n(q1, {
       isOpen: t,
       titleIcon: d,
       title: c,
@@ -24852,7 +24851,7 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
     })
   });
 }, Sn = (t) => !Number.isFinite(t) || t >= 1 ? 0 : String(t).split(".")[1]?.length ?? 0, to = ({ disabled: t = !1, formatValue: r, label: c, max: l = 100, min: o = 0, minDistance: d, onChange: s, onChangeEnd: m, showValues: a = !0, step: i = 1, thin: h = !1, tickStep: p = 0, value: u, variant: g = "accent" }) => {
-  const v = F(null), w = F(null), f = Math.max(1, l - o), y = d ?? i, _ = Sn(i), [C, L] = u, z = D((T) => r ? r(T) : _ > 0 ? T.toFixed(_) : String(T), [_, r]), N = D((T) => {
+  const v = F(null), w = F(null), f = Math.max(1, l - o), y = d ?? i, _ = Sn(i), [C, L] = u, z = D((T) => r ? r(T) : _ > 0 ? T.toFixed(_) : String(T), [_, r]), V = D((T) => {
     const S = i > 0 ? o + Math.round((T - o) / i) * i : T, $ = Math.min(l, Math.max(o, S));
     return _ > 0 ? Number($.toFixed(_)) : $;
   }, [
@@ -24860,41 +24859,41 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
     l,
     o,
     i
-  ]), M = D((T, S) => {
-    const $ = N(S);
+  ]), k = D((T, S) => {
+    const $ = V(S);
     return T === "lower" ? [Math.min($, L - y), L] : [C, Math.max($, C + y)];
   }, [
     y,
     C,
-    N,
+    V,
     L
   ]), b = D((T) => {
     const S = v.current;
     if (!S) return null;
     const $ = S.getBoundingClientRect();
     return $.width === 0 ? null : o + Math.min(1, Math.max(0, (T - $.left) / $.width)) * f;
-  }, [o, f]), x = D((T, S) => {
+  }, [o, f]), M = D((T, S) => {
     t || (T.preventDefault(), T.stopPropagation(), T.currentTarget.setPointerCapture(T.pointerId), w.current = S);
-  }, [t]), V = D((T) => {
+  }, [t]), N = D((T) => {
     const S = w.current;
     if (!S || t) return;
     const $ = b(T.clientX);
-    $ !== null && s(M(S, $));
+    $ !== null && s(k(S, $));
   }, [
-    M,
+    k,
     t,
     s,
     b
-  ]), k = D((T) => {
+  ]), x = D((T) => {
     w.current && (T.currentTarget.releasePointerCapture(T.pointerId), w.current = null, m?.(u));
   }, [m, u]), B = D((T) => {
     if (t) return;
     const S = b(T.clientX);
     if (S === null) return;
-    const $ = Math.abs(S - C) <= Math.abs(S - L) ? "lower" : "upper", e1 = M($, S);
+    const $ = Math.abs(S - C) <= Math.abs(S - L) ? "lower" : "upper", e1 = k($, S);
     s(e1), m?.(e1);
   }, [
-    M,
+    k,
     t,
     C,
     s,
@@ -24906,10 +24905,10 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
     const $ = S === "lower" ? C : L, e1 = i > 0 ? i : 1, O = T.key === "ArrowLeft" || T.key === "ArrowDown" ? $ - e1 : T.key === "ArrowRight" || T.key === "ArrowUp" ? $ + e1 : T.key === "PageDown" ? $ - e1 * 10 : T.key === "PageUp" ? $ + e1 * 10 : T.key === "Home" ? o : T.key === "End" ? l : null;
     if (O === null) return;
     T.preventDefault();
-    const Z = M(S, O);
+    const Z = k(S, O);
     s(Z), m?.(Z);
   }, [
-    M,
+    k,
     t,
     C,
     l,
@@ -24921,12 +24920,12 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
   ]), E = l1(() => {
     if (!p || p <= 0) return [];
     const T = [];
-    for (let S = o; S <= l; S += p) T.push(N(S));
+    for (let S = o; S <= l; S += p) T.push(V(S));
     return T;
   }, [
     l,
     o,
-    N,
+    V,
     p
   ]), P = (T) => (Math.min(l, Math.max(o, T)) - o) / f * 100, J = P(C), A = P(L);
   return /* @__PURE__ */ n("div", {
@@ -24967,9 +24966,9 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
             className: "range-slider__thumb range-slider__thumb--lower",
             disabled: t,
             onKeyDown: (T) => H(T, "lower"),
-            onPointerDown: (T) => x(T, "lower"),
-            onPointerMove: V,
-            onPointerUp: k,
+            onPointerDown: (T) => M(T, "lower"),
+            onPointerMove: N,
+            onPointerUp: x,
             style: { left: `${J}%` },
             title: z(C),
             type: "button"
@@ -24978,9 +24977,9 @@ var wn = /[^0-9]/g, fn = /[^0-9a-zA-Z]/g, Ei = ({ autoFocus: t = !1, disabled: r
             className: "range-slider__thumb range-slider__thumb--upper",
             disabled: t,
             onKeyDown: (T) => H(T, "upper"),
-            onPointerDown: (T) => x(T, "upper"),
-            onPointerMove: V,
-            onPointerUp: k,
+            onPointerDown: (T) => M(T, "upper"),
+            onPointerMove: N,
+            onPointerUp: x,
             style: { left: `${A}%` },
             title: z(L),
             type: "button"
@@ -25158,7 +25157,7 @@ ${o.textContent ?? ""}
   label: "Code Block",
   title: "Code Block",
   isAdvanced: !0
-}], t3 = (t) => {
+}], r3 = (t) => {
   const r = document.createElement("tr");
   for (let c = 0; c < t; c++) {
     const l = document.createElement("td");
@@ -25294,7 +25293,7 @@ ${o.textContent ?? ""}
     const v = m()?.closest("tr") ?? null, w = l.querySelector("tbody") ?? l, f = v ?? w.querySelector("tr:last-child");
     if (!f) return;
     const y = f.querySelectorAll("td,th").length;
-    w.insertBefore(t3(y), f.nextSibling), c(), a(l);
+    w.insertBefore(r3(y), f.nextSibling), c(), a(l);
   }, [
     l,
     r,
@@ -25307,7 +25306,7 @@ ${o.textContent ?? ""}
     const v = m()?.closest("tr") ?? null, w = l.querySelector("tbody") ?? l, f = v ?? w.querySelector("tr:first-child");
     if (!f) return;
     const y = f.querySelectorAll("td,th").length;
-    w.insertBefore(t3(y), f), c(), a(l);
+    w.insertBefore(r3(y), f), c(), a(l);
   }, [
     l,
     r,
@@ -25630,7 +25629,7 @@ ${o.textContent ?? ""}
     s(c === "markdown" ? Bn(u1) : u1), setTimeout(() => {
       p.current = !1;
     }, 0);
-  }, [c, s]), { snapshotForUndo: f, undo: y, redo: _ } = In(h, p, w), { showLinkPrompt: C, linkUrl: L, setLinkUrl: z, linkText: N, setLinkText: M, editingAnchorRef: b, openLinkPrompt: x, confirmLink: V, cancelLink: k } = Gn({
+  }, [c, s]), { snapshotForUndo: f, undo: y, redo: _ } = In(h, p, w), { showLinkPrompt: C, linkUrl: L, setLinkUrl: z, linkText: V, setLinkText: k, editingAnchorRef: b, openLinkPrompt: M, confirmLink: N, cancelLink: x } = Gn({
     editorRef: h,
     snapshotForUndo: f,
     emitChange: w
@@ -25695,13 +25694,13 @@ ${o.textContent ?? ""}
   }, [W]), C1 = D((a1) => {
     const u1 = a1.target, I = u1.closest("a");
     if (I) {
-      a1.preventDefault(), x(I), Z();
+      a1.preventDefault(), M(I), Z();
       return;
     }
     const K = u1.closest("table");
     K ? E(K) : P(), Z();
   }, [
-    x,
+    M,
     Z,
     E,
     P
@@ -25763,19 +25762,19 @@ ${o.textContent ?? ""}
             exec: W,
             applyHeading: q,
             insertTaskList: m1,
-            openLinkPrompt: () => x(),
+            openLinkPrompt: () => M(),
             insertTable: t1,
             undo: y,
             redo: _
           }),
           C && /* @__PURE__ */ e(jn, {
             isEditing: !!b.current,
-            linkText: N,
+            linkText: V,
             linkUrl: L,
-            setLinkText: M,
+            setLinkText: k,
             setLinkUrl: z,
-            confirmLink: V,
-            cancelLink: k
+            confirmLink: N,
+            cancelLink: x
           }),
           B && H && /* @__PURE__ */ e(Wn, {
             pos: H,
@@ -25857,10 +25856,10 @@ ${o.textContent ?? ""}
               "--_roll-delay": `${z * a}ms`,
               "--_roll-digit": Number(_)
             },
-            children: Un.map((N) => /* @__PURE__ */ e("span", {
+            children: Un.map((V) => /* @__PURE__ */ e("span", {
               className: "rolling-number__cell",
-              children: N
-            }, N))
+              children: V
+            }, V))
           })
         }, `digit-${z}`) : /* @__PURE__ */ e("span", {
           className: "rolling-number__separator",
@@ -25930,7 +25929,7 @@ ${o.textContent ?? ""}
   const [u, g] = R(""), v = G3(), w = m ?? v?.isMobile ?? !1, f = d ?? (w ? v?.isOpen ?? !1 : !0), y = s ?? v?.close ?? (() => {
   }), _ = p && u ? t.map((b) => ({
     ...b,
-    items: b.items.filter((x) => x.label.toLowerCase().includes(u.toLowerCase()))
+    items: b.items.filter((M) => M.label.toLowerCase().includes(u.toLowerCase()))
   })).filter((b) => b.items.length > 0) : t, C = [
     "sidebar",
     f ? "sidebar--open" : "sidebar--closed",
@@ -25940,15 +25939,15 @@ ${o.textContent ?? ""}
   ].filter(Boolean).join(" "), L = ["sidebar__overlay", i ? "sidebar__overlay--contained" : ""].filter(Boolean).join(" "), z = {
     "--sidebar-width": r,
     "--sidebar-shadow": h
-  }, N = (b) => {
+  }, V = (b) => {
     b.onClick?.(), w && y();
-  }, M = (b) => /* @__PURE__ */ n("button", {
+  }, k = (b) => /* @__PURE__ */ n("button", {
     className: [
       "sidebar__link",
       b.isActive ? "sidebar__link--active" : "",
       b.className
     ].filter(Boolean).join(" "),
-    onClick: () => N(b),
+    onClick: () => V(b),
     children: [
       b.icon && /* @__PURE__ */ e("span", {
         className: "sidebar__link-icon",
@@ -25982,7 +25981,7 @@ ${o.textContent ?? ""}
     className: C,
     style: z,
     children: [
-      l && /* @__PURE__ */ e(C3, {
+      l && /* @__PURE__ */ e(y3, {
         ...l,
         className: ["sidebar__app-header", l.className].filter(Boolean).join(" ")
       }),
@@ -25996,7 +25995,7 @@ ${o.textContent ?? ""}
       }),
       _.length > 0 && /* @__PURE__ */ e("nav", {
         className: "sidebar__nav",
-        children: _.map((b, x) => /* @__PURE__ */ n("section", {
+        children: _.map((b, M) => /* @__PURE__ */ n("section", {
           className: "sidebar__section",
           children: [
             (b.title || b.heading || b.icon || b.description) && /* @__PURE__ */ n("div", {
@@ -26021,10 +26020,10 @@ ${o.textContent ?? ""}
                 children: b.description
               })]
             }),
-            b.items.map((V) => o ? o(V) : M(V)),
-            b.showDivider && x < _.length - 1 && /* @__PURE__ */ e("div", { className: "sidebar__divider" })
+            b.items.map((N) => o ? o(N) : k(N)),
+            b.showDivider && M < _.length - 1 && /* @__PURE__ */ e("div", { className: "sidebar__divider" })
           ]
-        }, b.id ?? b.title ?? x))
+        }, b.id ?? b.title ?? M))
       })
     ]
   })] });
@@ -26188,41 +26187,41 @@ var ho = ({ variant: t = "text", animation: r = "pulse", width: c, height: l, bo
 }, po = ({ className: t = "", collapsible: r = !1, gutterSize: c = 6, keyboardStep: l = 2, onResize: o, orientation: d = "horizontal", panes: s, resetOnDoubleClick: m = !0 }) => {
   const a = l1(() => Kn(s), [s]), [i, h] = R(a), p = F(null), u = F(null);
   Y(() => {
-    h((N) => N.length === a.length ? N : a);
+    h((V) => V.length === a.length ? V : a);
   }, [a]);
-  const g = D((N) => s[N]?.minSize ?? Xn, [s]), v = D((N, M, b, x) => {
-    const V = g(N), k = g(N + 1), B = M + b;
-    let H = M + x;
-    return H < V && (H = r && H < V / 2 ? 0 : V), B - H < k && (H = r && B - H < k / 2 ? B : B - k), [H, B - H];
-  }, [r, g]), w = D((N, [M, b]) => {
-    const x = i.map((V, k) => k === N ? M : k === N + 1 ? b : V);
-    return h(x), x;
-  }, [i]), f = D((N, M) => {
-    N.preventDefault(), N.currentTarget.setPointerCapture(N.pointerId), u.current = {
-      index: M,
-      startA: i[M],
-      startB: i[M + 1],
-      startPosition: d === "horizontal" ? N.clientX : N.clientY
+  const g = D((V) => s[V]?.minSize ?? Xn, [s]), v = D((V, k, b, M) => {
+    const N = g(V), x = g(V + 1), B = k + b;
+    let H = k + M;
+    return H < N && (H = r && H < N / 2 ? 0 : N), B - H < x && (H = r && B - H < x / 2 ? B : B - x), [H, B - H];
+  }, [r, g]), w = D((V, [k, b]) => {
+    const M = i.map((N, x) => x === V ? k : x === V + 1 ? b : N);
+    return h(M), M;
+  }, [i]), f = D((V, k) => {
+    V.preventDefault(), V.currentTarget.setPointerCapture(V.pointerId), u.current = {
+      index: k,
+      startA: i[k],
+      startB: i[k + 1],
+      startPosition: d === "horizontal" ? V.clientX : V.clientY
     };
-  }, [d, i]), y = D((N) => {
-    const M = u.current, b = p.current;
-    if (!M || !b) return;
-    const x = b.getBoundingClientRect(), V = d === "horizontal" ? x.width : x.height;
-    if (V === 0) return;
-    const k = ((d === "horizontal" ? N.clientX : N.clientY) - M.startPosition) / V * 100;
-    w(M.index, v(M.index, M.startA, M.startB, k));
+  }, [d, i]), y = D((V) => {
+    const k = u.current, b = p.current;
+    if (!k || !b) return;
+    const M = b.getBoundingClientRect(), N = d === "horizontal" ? M.width : M.height;
+    if (N === 0) return;
+    const x = ((d === "horizontal" ? V.clientX : V.clientY) - k.startPosition) / N * 100;
+    w(k.index, v(k.index, k.startA, k.startB, x));
   }, [
     w,
     d,
     v
-  ]), _ = D((N) => {
-    u.current && (N.currentTarget.releasePointerCapture(N.pointerId), u.current = null, o?.(i));
-  }, [o, i]), C = D((N, M) => {
-    const b = d === "horizontal" ? "ArrowLeft" : "ArrowUp", x = d === "horizontal" ? "ArrowRight" : "ArrowDown";
-    if (N.key !== b && N.key !== x) return;
-    N.preventDefault();
-    const V = N.key === x ? 1 : -1;
-    o?.(w(M, v(M, i[M], i[M + 1], V * l)));
+  ]), _ = D((V) => {
+    u.current && (V.currentTarget.releasePointerCapture(V.pointerId), u.current = null, o?.(i));
+  }, [o, i]), C = D((V, k) => {
+    const b = d === "horizontal" ? "ArrowLeft" : "ArrowUp", M = d === "horizontal" ? "ArrowRight" : "ArrowDown";
+    if (V.key !== b && V.key !== M) return;
+    V.preventDefault();
+    const N = V.key === M ? 1 : -1;
+    o?.(w(k, v(k, i[k], i[k + 1], N * l)));
   }, [
     w,
     l,
@@ -26245,21 +26244,21 @@ var ho = ({ variant: t = "text", animation: r = "pulse", width: c, height: l, bo
     ].filter(Boolean).join(" "),
     ref: p,
     style: z,
-    children: s.map((N, M) => /* @__PURE__ */ n(d3, { children: [/* @__PURE__ */ e("div", {
-      className: `splitter__pane${i[M] === 0 ? " splitter__pane--collapsed" : ""}`,
-      style: { flexBasis: `${i[M]}%` },
-      children: N.content
-    }), M < s.length - 1 && /* @__PURE__ */ e("div", {
+    children: s.map((V, k) => /* @__PURE__ */ n(h3, { children: [/* @__PURE__ */ e("div", {
+      className: `splitter__pane${i[k] === 0 ? " splitter__pane--collapsed" : ""}`,
+      style: { flexBasis: `${i[k]}%` },
+      children: V.content
+    }), k < s.length - 1 && /* @__PURE__ */ e("div", {
       className: "splitter__gutter",
       onDoubleClick: L,
-      onKeyDown: (b) => C(b, M),
-      onPointerDown: (b) => f(b, M),
+      onKeyDown: (b) => C(b, k),
+      onPointerDown: (b) => f(b, k),
       onPointerMove: y,
       onPointerUp: _,
       tabIndex: 0,
       title: m ? "Drag to resize — double-click to reset" : "Drag to resize",
       children: /* @__PURE__ */ e("span", { className: "splitter__gutter-grip" })
-    })] }, N.id))
+    })] }, V.id))
   });
 }, Qn = (t, r, c) => {
   const l = `${O0(r)}%`;
@@ -26340,31 +26339,31 @@ var ho = ({ variant: t = "text", animation: r = "pulse", width: c, height: l, bo
     children: d
   })]
 }) : null;
-function r3({ state: t }) {
+function c3({ state: t }) {
   return /* @__PURE__ */ e("span", {
     className: `suggestions-list__sort-icon suggestions-list__sort-icon--${t}`,
     children: /* @__PURE__ */ e(j, { name: t === "asc" ? "arrow-up" : t === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
   });
 }
-var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o = !1, onRowClick: d }) => {
+var l3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o = !1, onRowClick: d }) => {
   const [s, m] = R(!1), [a, i] = R(!1), [h, p] = R(""), [u, g] = R(null), [v, w] = R("asc"), f = l1(() => h.trim() ? t.filter((b) => b.name.toLowerCase().includes(h.toLowerCase())) : t, [t, h]), y = l1(() => {
     if (!u) return f;
-    const b = [...f].sort((x, V) => {
-      const k = u === "name" ? x.name : x.value, B = u === "name" ? V.name : V.value;
-      return typeof k == "number" && typeof B == "number" ? k - B : String(k).localeCompare(String(B));
+    const b = [...f].sort((M, N) => {
+      const x = u === "name" ? M.name : M.value, B = u === "name" ? N.name : N.value;
+      return typeof x == "number" && typeof B == "number" ? x - B : String(x).localeCompare(String(B));
     });
     return v === "asc" ? b : b.reverse();
   }, [
     f,
     u,
     v
-  ]), _ = l1(() => a ? [...y] : y.slice(0, c3), [y, a]), C = y.length > c3, L = () => {
+  ]), _ = l1(() => a ? [...y] : y.slice(0, l3), [y, a]), C = y.length > l3, L = () => {
     m(!s);
   }, z = D(() => {
     i(!a);
-  }, [a]), N = (b) => {
-    u === b ? w((x) => x === "asc" ? "desc" : "asc") : (g(b), w("asc"));
-  }, M = l1(() => /* @__PURE__ */ n("div", {
+  }, [a]), V = (b) => {
+    u === b ? w((M) => M === "asc" ? "desc" : "asc") : (g(b), w("asc"));
+  }, k = l1(() => /* @__PURE__ */ n("div", {
     className: "list-suggestions-list",
     children: [
       /* @__PURE__ */ e(c1, {
@@ -26387,28 +26386,28 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
             children: [/* @__PURE__ */ n("button", {
               type: "button",
               className: "list-suggestions-list-header-cell list-suggestions-list-header-cell--name",
-              onClick: () => N("name"),
-              children: ["Name", /* @__PURE__ */ e(r3, { state: u === "name" ? v : "unsorted" })]
+              onClick: () => V("name"),
+              children: ["Name", /* @__PURE__ */ e(c3, { state: u === "name" ? v : "unsorted" })]
             }), /* @__PURE__ */ n("button", {
               type: "button",
               className: "list-suggestions-list-header-cell list-suggestions-list-header-cell--value",
-              onClick: () => N("value"),
-              children: ["Value", /* @__PURE__ */ e(r3, { state: u === "value" ? v : "unsorted" })]
+              onClick: () => V("value"),
+              children: ["Value", /* @__PURE__ */ e(c3, { state: u === "value" ? v : "unsorted" })]
             })]
           }),
-          _.map((b, x) => /* @__PURE__ */ n("div", {
+          _.map((b, M) => /* @__PURE__ */ n("div", {
             className: `list-suggestions-list-row ${d ? "list-suggestions-list-row--clickable" : ""}`,
             onClick: () => d?.(b),
             tabIndex: d ? 0 : void 0,
-            onKeyDown: (V) => {
-              d && (V.key === "Enter" || V.key === " ") && (V.preventDefault(), d(b));
+            onKeyDown: (N) => {
+              d && (N.key === "Enter" || N.key === " ") && (N.preventDefault(), d(b));
             },
             children: [/* @__PURE__ */ e("div", { children: b.name }), /* @__PURE__ */ n("div", { children: [
               typeof b.value == "number" && O0(b.value),
               typeof b.value == "string" && b.value,
               b.unit
             ] })]
-          }, `list-suggestions-list-row-${x}`)),
+          }, `list-suggestions-list-row-${M}`)),
           _.length === 0 && /* @__PURE__ */ e("div", {
             className: "list-suggestions-list-empty",
             children: "No results found"
@@ -26432,7 +26431,7 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
     v,
     c,
     z,
-    N,
+    V,
     l
   ]);
   return /* @__PURE__ */ n("div", {
@@ -26446,7 +26445,7 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
         r,
         " suggestions"
       ]
-    }) }), s && M]
+    }) }), s && k]
   });
 }, w0 = [
   {
@@ -26954,7 +26953,7 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
     fontUrl: "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap",
     fontUrlMono: "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap"
   }
-], l3 = /* @__PURE__ */ new Set([
+], n3 = /* @__PURE__ */ new Set([
   "arctic-blue",
   "crimson-dusk",
   "frost-petal",
@@ -26981,18 +26980,18 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
   "sandy-parchment",
   "terracotta-kitchen",
   "vital-aurora"
-]), ea = (t) => Jn.has(t) ? "light" : "dark", ta = (t) => w0.find((r) => r.value === t), n3 = "theme-font-link", a3 = "theme-font-link-display", i3 = "theme-font-link-mono", fo = ({ children: t, theme: r, effects: c, onSave: l, allowedThemes: o }) => {
+]), ea = (t) => Jn.has(t) ? "light" : "dark", ta = (t) => w0.find((r) => r.value === t), a3 = "theme-font-link", i3 = "theme-font-link-display", o3 = "theme-font-link-mono", fo = ({ children: t, theme: r, effects: c, onSave: l, allowedThemes: o }) => {
   const [d, s] = R(null), [m, a] = R(null), [i, h] = R(!1), p = d ?? r, u = m ?? c;
   Y(() => {
     document.documentElement.setAttribute("data-theme", p);
     const C = ta(p);
     if (C) {
-      let L = document.getElementById(n3);
-      L || (L = document.createElement("link"), L.id = n3, L.rel = "stylesheet", document.head.appendChild(L)), L.href = C.fontUrl;
-      let z = document.getElementById(a3);
-      C.fontUrlDisplay ? (z || (z = document.createElement("link"), z.id = a3, z.rel = "stylesheet", document.head.appendChild(z)), z.href = C.fontUrlDisplay) : z?.remove();
-      let N = document.getElementById(i3);
-      C.fontUrlMono ? (N || (N = document.createElement("link"), N.id = i3, N.rel = "stylesheet", document.head.appendChild(N)), N.href = C.fontUrlMono) : N?.remove();
+      let L = document.getElementById(a3);
+      L || (L = document.createElement("link"), L.id = a3, L.rel = "stylesheet", document.head.appendChild(L)), L.href = C.fontUrl;
+      let z = document.getElementById(i3);
+      C.fontUrlDisplay ? (z || (z = document.createElement("link"), z.id = i3, z.rel = "stylesheet", document.head.appendChild(z)), z.href = C.fontUrlDisplay) : z?.remove();
+      let V = document.getElementById(o3);
+      C.fontUrlMono ? (V || (V = document.createElement("link"), V.id = o3, V.rel = "stylesheet", document.head.appendChild(V)), V.href = C.fontUrlMono) : V?.remove();
     }
   }, [p]);
   const g = D((C) => {
@@ -27005,16 +27004,16 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
   Y(() => {
     const C = (z) => {
       if (!(z instanceof HTMLElement)) return !1;
-      const N = z.tagName;
-      return N === "INPUT" || N === "TEXTAREA" || N === "SELECT" || z.isContentEditable;
+      const V = z.tagName;
+      return V === "INPUT" || V === "TEXTAREA" || V === "SELECT" || z.isContentEditable;
     }, L = (z) => {
       if (!(z.ctrlKey || z.metaKey || z.altKey) && !C(z.target))
         if (z.key === "[" || z.key === "]") {
           z.preventDefault();
-          const N = w0.map((V) => V.value), M = o && o.length > 0 ? N.filter((V) => o.includes(V)) : N;
-          if (M.length === 0) return;
-          const b = M.indexOf(p), x = ((b === -1 ? 0 : b) + (z.key === "]" ? 1 : -1) + M.length) % M.length;
-          s(M[x]);
+          const V = w0.map((N) => N.value), k = o && o.length > 0 ? V.filter((N) => o.includes(N)) : V;
+          if (k.length === 0) return;
+          const b = k.indexOf(p), M = ((b === -1 ? 0 : b) + (z.key === "]" ? 1 : -1) + k.length) % k.length;
+          s(k[M]);
         } else z.key === "Escape" && d && (z.preventDefault(), s(null), a(null));
     };
     return window.addEventListener("keydown", L), () => window.removeEventListener("keydown", L);
@@ -27033,7 +27032,7 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
     u,
     l
   ]);
-  return /* @__PURE__ */ n(g3.Provider, {
+  return /* @__PURE__ */ n(w3.Provider, {
     value: {
       theme: p,
       effects: u,
@@ -27105,7 +27104,7 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
       ]
     })]
   });
-}, o3 = ({ checked: t = !1, className: r, disabled: c = !1, offLabel: l = "Off", onChange: o, onLabel: d = "On", showLabels: s = !0, size: m = "medium", variant: a = "default" }) => {
+}, s3 = ({ checked: t = !1, className: r, disabled: c = !1, offLabel: l = "Off", onChange: o, onLabel: d = "On", showLabels: s = !0, size: m = "medium", variant: a = "default" }) => {
   const i = () => {
     !c && o && o(!t);
   }, h = (p) => {
@@ -27138,7 +27137,7 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
     label: "Dark"
   }
 ], Co = ({ isOpen: t, onClose: r, allowedThemes: c, currentApp: l, showEffects: o = !0, showSearch: d = !0, showFavorites: s = !0, showAppearanceFilter: m = !0 }) => {
-  const { theme: a, effects: i, setPreviewTheme: h, setPreviewEffects: p, commitPreview: u, clearPreview: g } = w3(), v = ["Card", "Modal"], w = [
+  const { theme: a, effects: i, setPreviewTheme: h, setPreviewEffects: p, commitPreview: u, clearPreview: g } = f3(), v = ["Card", "Modal"], w = [
     {
       label: "None",
       value: ""
@@ -27159,13 +27158,13 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
       label: "Glow",
       value: "glow-effect"
     }
-  ], [f, y] = R(""), [_, C] = R(!1), [L, z] = R(!1), [N, M] = R("all"), b = F(null), x = F(!1), V = l?.trim().toLowerCase() ?? "", k = l1(() => {
+  ], [f, y] = R(""), [_, C] = R(!1), [L, z] = R(!1), [V, k] = R("all"), b = F(null), M = F(!1), N = l?.trim().toLowerCase() ?? "", x = l1(() => {
     let A = w0;
     if (c && c.length > 0) {
       const T = new Set(c);
       A = A.filter((S) => T.has(S.value));
     }
-    if (_ && (A = A.filter((T) => l3.has(T.value))), L && V && (A = A.filter((T) => (T.recommendedApps ?? []).some((S) => S.toLowerCase() === V))), N !== "all" && (A = A.filter((T) => ea(T.value) === N)), f.trim()) {
+    if (_ && (A = A.filter((T) => n3.has(T.value))), L && N && (A = A.filter((T) => (T.recommendedApps ?? []).some((S) => S.toLowerCase() === N))), V !== "all" && (A = A.filter((T) => ea(T.value) === V)), f.trim()) {
       const T = f.toLowerCase().trim();
       A = A.filter((S) => S.label.toLowerCase().includes(T) || (S.recommendedApps ?? []).some(($) => $.toLowerCase().includes(T)));
     }
@@ -27174,19 +27173,19 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
     f,
     _,
     L,
-    V,
     N,
+    V,
     c
   ]);
   Y(() => {
-    t ? (y(""), C(!1), z(!1), M("all")) : x.current = !1;
+    t ? (y(""), C(!1), z(!1), k("all")) : M.current = !1;
   }, [t]), Y(() => {
-    if (!t || f || _ || L || N !== "all" || x.current) return;
+    if (!t || f || _ || L || V !== "all" || M.current) return;
     const A = window.requestAnimationFrame(() => {
       b.current?.scrollIntoView({
         block: "center",
         inline: "nearest"
-      }), x.current = !0;
+      }), M.current = !0;
     });
     return () => window.cancelAnimationFrame(A);
   }, [
@@ -27194,7 +27193,7 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
     f,
     _,
     L,
-    N,
+    V,
     a
   ]);
   const B = (A) => {
@@ -27214,7 +27213,7 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
   }, P = () => {
     g(), r();
   };
-  return /* @__PURE__ */ e(D3, {
+  return /* @__PURE__ */ e(N2, {
     isOpen: t,
     onClose: P,
     title: "Theme Settings",
@@ -27252,14 +27251,14 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
                   value: f,
                   onChange: y
                 }),
-                l && /* @__PURE__ */ e(o3, {
+                l && /* @__PURE__ */ e(s3, {
                   checked: L,
                   onChange: z,
                   onLabel: `For ${l}`,
                   offLabel: `For ${l}`,
                   size: "small"
                 }),
-                s && /* @__PURE__ */ e(o3, {
+                s && /* @__PURE__ */ e(s3, {
                   checked: _,
                   onChange: C,
                   onLabel: "Favorites",
@@ -27272,17 +27271,17 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
               className: "theme-settings__appearance",
               children: ra.map((A) => /* @__PURE__ */ e("button", {
                 type: "button",
-                className: `theme-settings__appearance-option ${N === A.value ? "theme-settings__appearance-option--active" : ""}`,
-                onClick: () => M(A.value),
+                className: `theme-settings__appearance-option ${V === A.value ? "theme-settings__appearance-option--active" : ""}`,
+                onClick: () => k(A.value),
                 children: A.label
               }, A.value))
             }),
             /* @__PURE__ */ e("div", {
               className: "theme-settings__grid",
-              children: k.length === 0 ? /* @__PURE__ */ e("div", {
+              children: x.length === 0 ? /* @__PURE__ */ e("div", {
                 className: "theme-settings__empty",
                 children: "No themes found"
-              }) : k.map((A) => /* @__PURE__ */ n("button", {
+              }) : x.map((A) => /* @__PURE__ */ n("button", {
                 ref: a === A.value ? b : null,
                 type: "button",
                 className: `theme-settings__swatch ${a === A.value ? "theme-settings__swatch--active" : ""}`,
@@ -27291,7 +27290,7 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
                   className: "theme-settings__preview",
                   "data-theme": A.value,
                   children: [
-                    l3.has(A.value) && /* @__PURE__ */ e("span", {
+                    n3.has(A.value) && /* @__PURE__ */ e("span", {
                       className: "theme-settings__favorite-badge",
                       children: "⭐"
                     }),
@@ -27404,7 +27403,7 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
   }, s.id))
 }), la = (t, r) => Math.floor(Math.random() * (r - t + 1) + t), bo = ({ list: t }) => {
   const r = la(0, t.length - 1);
-  return /* @__PURE__ */ n(_3, {
+  return /* @__PURE__ */ n(M3, {
     className: "tips-of-the-day",
     children: [
       /* @__PURE__ */ n("h3", { children: [
@@ -27416,7 +27415,7 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
       /* @__PURE__ */ e("h4", { children: t[r] })
     ]
   });
-}, V2 = ({ message: t, type: r = "success", onClose: c, position: l = "top-right", showDismissButton: o = !0, timeout: d = 3e3, action: s }) => (Y(() => {
+}, S2 = ({ message: t, type: r = "success", onClose: c, position: l = "top-right", showDismissButton: o = !0, timeout: d = 3e3, action: s }) => (Y(() => {
   const m = setTimeout(() => {
     c();
   }, d);
@@ -27620,17 +27619,17 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
     })]
   });
 }, ko = ({ appear: t = !1, as: r = "div", children: c, className: l = "", delay: o = 0, duration: d = 250, easing: s = "ease", keepMounted: m = !1, onEntered: a, onExited: i, show: h, type: p = "fade" }) => {
-  const u = h ? t ? "entering" : "entered" : "unmounted", [g, v] = R(u), [w, f] = R("auto"), y = F(null), _ = F(u), C = F(a), L = F(i), z = F(null), N = F(null);
+  const u = h ? t ? "entering" : "entered" : "unmounted", [g, v] = R(u), [w, f] = R("auto"), y = F(null), _ = F(u), C = F(a), L = F(i), z = F(null), V = F(null);
   Y(() => {
     C.current = a, L.current = i;
   }, [a, i]);
-  const M = D((B) => {
+  const k = D((B) => {
     _.current = B, v(B);
   }, []), b = D(() => {
-    z.current !== null && (clearTimeout(z.current), z.current = null), N.current !== null && (cancelAnimationFrame(N.current), N.current = null);
-  }, []), x = D((B) => {
-    N.current = requestAnimationFrame(() => {
-      N.current = requestAnimationFrame(B);
+    z.current !== null && (clearTimeout(z.current), z.current = null), V.current !== null && (cancelAnimationFrame(V.current), V.current = null);
+  }, []), M = D((B) => {
+    V.current = requestAnimationFrame(() => {
+      V.current = requestAnimationFrame(B);
     });
   }, []);
   Y(() => b, [b]), Y(() => {
@@ -27638,30 +27637,30 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
     const B = p === "collapse";
     if (h) {
       if (_.current === "entered") return;
-      M("entering"), B && f(0), x(() => {
-        M("entered"), B && y.current && f(y.current.scrollHeight);
+      k("entering"), B && f(0), M(() => {
+        k("entered"), B && y.current && f(y.current.scrollHeight);
       }), z.current = setTimeout(() => {
         B && f("auto"), C.current?.();
       }, d + o);
       return;
     }
-    _.current !== "unmounted" && (B && y.current && (f(y.current.scrollHeight), x(() => f(0))), M("exiting"), z.current = setTimeout(() => {
-      M("unmounted"), f("auto"), L.current?.();
+    _.current !== "unmounted" && (B && y.current && (f(y.current.scrollHeight), M(() => f(0))), k("exiting"), z.current = setTimeout(() => {
+      k("unmounted"), f("auto"), L.current?.();
     }, d));
   }, [
-    x,
     M,
+    k,
     b,
     o,
     d,
     h,
     p
   ]);
-  const V = D((B) => {
+  const N = D((B) => {
     y.current = B;
   }, []);
   if (g === "unmounted" && !m) return null;
-  const k = {
+  const x = {
     transitionDelay: g === "entering" || g === "entered" ? `${o}ms` : void 0,
     transitionDuration: `${d}ms`,
     transitionTimingFunction: s,
@@ -27675,8 +27674,8 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
       m && g === "unmounted" ? "transition--hidden" : "",
       l
     ].filter(Boolean).join(" "),
-    ref: V,
-    style: k,
+    ref: N,
+    style: x,
     children: c
   });
 }, oa = ({ open: t }) => /* @__PURE__ */ e("svg", {
@@ -27768,29 +27767,29 @@ var c3 = 10, wo = ({ data: t, label: r, title: c, tooltip: l, enableSearch: o =
   });
 }, sa = 96, da = 6;
 function Lo({ items: t, renderItem: r, getKey: c, rowHeight: l, overscan: o = da, maxHeight: d, empty: s, className: m = "", rowClassName: a = "" }) {
-  const i = F(null), [h, p] = R(0), [u, g] = R(0), [v, w] = R(() => window.innerHeight), [f, y] = R(sa), _ = l && l > 0 ? l : f, C = D((k) => {
-    p(k.currentTarget.scrollTop);
+  const i = F(null), [h, p] = R(0), [u, g] = R(0), [v, w] = R(() => window.innerHeight), [f, y] = R(sa), _ = l && l > 0 ? l : f, C = D((x) => {
+    p(x.currentTarget.scrollTop);
   }, []);
   Y(() => {
-    const k = () => w(window.innerHeight);
-    return window.addEventListener("resize", k), () => window.removeEventListener("resize", k);
+    const x = () => w(window.innerHeight);
+    return window.addEventListener("resize", x), () => window.removeEventListener("resize", x);
   }, []), Y(() => {
-    const k = i.current;
-    if (!k) return;
+    const x = i.current;
+    if (!x) return;
     const B = new ResizeObserver((H) => {
       const E = H[0]?.contentRect.height ?? 0;
       g((P) => Math.abs(P - E) > 0.5 ? E : P);
     });
-    return B.observe(k), g(k.clientHeight), () => B.disconnect();
-  }, []), $2(() => {
+    return B.observe(x), g(x.clientHeight), () => B.disconnect();
+  }, []), D2(() => {
     i.current && (i.current.scrollTop = 0), p(0);
   }, [t]);
-  const L = t.length, z = Math.ceil(Math.min(u || v, v) / _), N = Math.max(1, z + o * 2), M = Math.max(0, L - N), b = Math.min(M, Math.max(0, Math.floor(h / _) - o)), x = Math.min(L, b + N), V = Math.max(0, L - x);
-  return $2(() => {
+  const L = t.length, z = Math.ceil(Math.min(u || v, v) / _), V = Math.max(1, z + o * 2), k = Math.max(0, L - V), b = Math.min(k, Math.max(0, Math.floor(h / _) - o)), M = Math.min(L, b + V), N = Math.max(0, L - M);
+  return D2(() => {
     if (l) return;
-    const k = i.current;
-    if (!k) return;
-    const B = k.querySelectorAll("[data-virtual-row]"), H = B[0];
+    const x = i.current;
+    if (!x) return;
+    const B = x.querySelectorAll("[data-virtual-row]"), H = B[0];
     if (!H) return;
     const E = B[1] ? B[1].offsetTop - H.offsetTop : H.offsetHeight;
     E > 0 && y((P) => Math.abs(P - E) > 0.5 ? E : P);
@@ -27808,17 +27807,17 @@ function Lo({ items: t, renderItem: r, getKey: c, rowHeight: l, overscan: o = da
         className: "virtual-list__spacer",
         style: { height: b * _ }
       }),
-      t.slice(b, x).map((k, B) => {
+      t.slice(b, M).map((x, B) => {
         const H = b + B;
         return /* @__PURE__ */ e("div", {
           className: `virtual-list__row ${a}`.trim(),
           "data-virtual-row": "",
-          children: r(k, H)
-        }, c(k, H));
+          children: r(x, H)
+        }, c(x, H));
       }),
-      V > 0 && /* @__PURE__ */ e("div", {
+      N > 0 && /* @__PURE__ */ e("div", {
         className: "virtual-list__spacer",
-        style: { height: V * _ }
+        style: { height: N * _ }
       })
     ]
   });
@@ -28037,13 +28036,13 @@ function No({ children: t, config: r }) {
     children: t
   });
 }
-var S2 = () => {
+var H2 = () => {
   const t = B0(j3);
   if (t === void 0) throw new Error("useAuth must be used within an AuthProvider");
   return t;
 };
 function Vo({ isOpen: t, onClose: r }) {
-  const { config: c } = S2(), [l, o] = R(""), [d, s] = R(""), [m, a] = R(""), [i, h] = R(""), [p, u] = R(!1), [g, v] = R(null);
+  const { config: c } = H2(), [l, o] = R(""), [d, s] = R(""), [m, a] = R(""), [i, h] = R(""), [p, u] = R(!1), [g, v] = R(null);
   Y(() => {
     t && (o(""), s(""), a(""), h(""));
   }, [t]);
@@ -28092,7 +28091,7 @@ function Vo({ isOpen: t, onClose: r }) {
   }, f = () => {
     v(null);
   };
-  return /* @__PURE__ */ n(j1, {
+  return /* @__PURE__ */ n(q1, {
     isOpen: t,
     onClose: r,
     title: "Change Password",
@@ -28162,7 +28161,7 @@ function Vo({ isOpen: t, onClose: r }) {
           children: i
         })
       ]
-    }), g && /* @__PURE__ */ e(V2, {
+    }), g && /* @__PURE__ */ e(S2, {
       message: g.message,
       type: g.type,
       onClose: f
@@ -28170,7 +28169,7 @@ function Vo({ isOpen: t, onClose: r }) {
   });
 }
 function So({ redirectPath: t = "/" }) {
-  const { login: r, verifyMfa: c, config: l, isAuthenticated: o } = S2(), [d, s] = R("credentials"), [m, a] = R(""), [i, h] = R(""), [p, u] = R(!1), [g, v] = R("totp"), [w, f] = R(""), [y, _] = R(!1), [C, L] = R(""), [z, N] = R(!1), [M, b] = R(!1);
+  const { login: r, verifyMfa: c, config: l, isAuthenticated: o } = H2(), [d, s] = R("credentials"), [m, a] = R(""), [i, h] = R(""), [p, u] = R(!1), [g, v] = R("totp"), [w, f] = R(""), [y, _] = R(!1), [C, L] = R(""), [z, V] = R(!1), [k, b] = R(!1);
   Y(() => {
     o && (window.location.href = t);
   }, [o, t]), Y(() => {
@@ -28180,12 +28179,12 @@ function So({ redirectPath: t = "/" }) {
       window.history.replaceState({}, "", H);
     }
   }, []);
-  const x = async (H) => {
+  const M = async (H) => {
     if (H.preventDefault(), L(""), !m || !i) {
       L("Username and password are required");
       return;
     }
-    N(!0);
+    V(!0);
     try {
       const E = await r({
         username: m,
@@ -28196,22 +28195,22 @@ function So({ redirectPath: t = "/" }) {
     } catch (E) {
       L(E instanceof Error ? E.message : "Login failed. Please try again.");
     } finally {
-      N(!1);
+      V(!1);
     }
-  }, V = async (H) => {
+  }, N = async (H) => {
     if (H.preventDefault(), L(""), !w.trim()) {
       L("Enter the verification code");
       return;
     }
-    N(!0);
+    V(!0);
     try {
       await c(w.trim(), y);
     } catch (E) {
       L(E instanceof Error ? E.message : "Verification failed. Please try again.");
     } finally {
-      N(!1);
+      V(!1);
     }
-  }, k = () => {
+  }, x = () => {
     s("credentials"), f(""), L("");
   }, B = g === "email" ? "Enter the code we emailed you. You can also use a recovery code." : "Enter the code from your authenticator app. You can also use a recovery code.";
   return /* @__PURE__ */ n(h1, { children: [/* @__PURE__ */ e("div", {
@@ -28222,7 +28221,7 @@ function So({ redirectPath: t = "/" }) {
         className: "LoginPage__title",
         children: l.appName || "Login"
       }), d === "credentials" ? /* @__PURE__ */ n("form", {
-        onSubmit: x,
+        onSubmit: M,
         className: "LoginPage__form",
         children: [
           /* @__PURE__ */ e(N1, {
@@ -28260,7 +28259,7 @@ function So({ redirectPath: t = "/" }) {
           })
         ]
       }) : /* @__PURE__ */ n("form", {
-        onSubmit: V,
+        onSubmit: N,
         className: "LoginPage__form",
         children: [
           /* @__PURE__ */ e("p", {
@@ -28299,27 +28298,27 @@ function So({ redirectPath: t = "/" }) {
             icon: "clear",
             disabled: z,
             fullWidth: !0,
-            onClick: k,
+            onClick: x,
             children: "Back"
           })
         ]
       })]
     })
-  }), M && /* @__PURE__ */ e(V2, {
+  }), k && /* @__PURE__ */ e(S2, {
     message: "Your session has expired. Please log in again.",
     type: "warning",
     onClose: () => b(!1)
   })] });
 }
-var pa = Object.defineProperty, F0 = Object.getOwnPropertySymbols, W3 = Object.prototype.hasOwnProperty, F3 = Object.prototype.propertyIsEnumerable, s3 = (t, r, c) => r in t ? pa(t, r, {
+var pa = Object.defineProperty, F0 = Object.getOwnPropertySymbols, W3 = Object.prototype.hasOwnProperty, F3 = Object.prototype.propertyIsEnumerable, d3 = (t, r, c) => r in t ? pa(t, r, {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: c
 }) : t[r] = c, C2 = (t, r) => {
-  for (var c in r || (r = {})) W3.call(r, c) && s3(t, c, r[c]);
+  for (var c in r || (r = {})) W3.call(r, c) && d3(t, c, r[c]);
   if (F0)
-    for (var c of F0(r)) F3.call(r, c) && s3(t, c, r[c]);
+    for (var c of F0(r)) F3.call(r, c) && d3(t, c, r[c]);
   return t;
 }, y2 = (t, r) => {
   var c = {};
@@ -28446,8 +28445,8 @@ var pa = Object.defineProperty, F0 = Object.getOwnPropertySymbols, W3 = Object.p
       for (let C = 0, L = 0; C < p; C++) {
         let z = a.slice(L, L + w - u + (C < v ? 0 : 1));
         L += z.length;
-        const N = p1.reedSolomonComputeRemainder(z, y);
-        C < v && z.push(0), f.push(z.concat(N));
+        const V = p1.reedSolomonComputeRemainder(z, y);
+        C < v && z.push(0), f.push(z.concat(V));
       }
       let _ = [];
       for (let C = 0; C < f[0].length; C++) f.forEach((L, z) => {
@@ -29181,7 +29180,7 @@ var ya = (function() {
     "imageSettings"
   ]), { style: w } = v, f = y2(v, ["style"]), y = g?.src, _ = w1.useRef(null), C = w1.useRef(null), L = w1.useCallback((H) => {
     _.current = H, typeof c == "function" ? c(H) : c && (c.current = H);
-  }, [c]), [z, N] = w1.useState(!1), { margin: M, cells: b, numCells: x, calculatedImageSettings: V } = e4({
+  }, [c]), [z, V] = w1.useState(!1), { margin: k, cells: b, numCells: M, calculatedImageSettings: N } = e4({
     value: o,
     level: s,
     minVersion: h,
@@ -29196,21 +29195,21 @@ var ya = (function() {
       const H = _.current, E = H.getContext("2d");
       if (!E) return;
       let P = b;
-      const J = C.current, A = V != null && J !== null && J.complete && J.naturalHeight !== 0 && J.naturalWidth !== 0;
-      A && V.excavation != null && (P = J3(b, V.excavation));
+      const J = C.current, A = N != null && J !== null && J.complete && J.naturalHeight !== 0 && J.naturalWidth !== 0;
+      A && N.excavation != null && (P = J3(b, N.excavation));
       const T = window.devicePixelRatio || 1;
       H.height = H.width = d * T;
-      const S = d / x * T;
-      E.scale(S, S), E.fillStyle = m, E.fillRect(0, 0, x, x), E.fillStyle = a, ya ? E.fill(new Path2D(Q3(P, M))) : b.forEach(function($, e1) {
+      const S = d / M * T;
+      E.scale(S, S), E.fillStyle = m, E.fillRect(0, 0, M, M), E.fillStyle = a, ya ? E.fill(new Path2D(Q3(P, k))) : b.forEach(function($, e1) {
         $.forEach(function(O, Z) {
-          O && E.fillRect(Z + M, e1 + M, 1, 1);
+          O && E.fillRect(Z + k, e1 + k, 1, 1);
         });
-      }), V && (E.globalAlpha = V.opacity), A && E.drawImage(J, V.x + M, V.y + M, V.w, V.h);
+      }), N && (E.globalAlpha = N.opacity), A && E.drawImage(J, N.x + k, N.y + k, N.w, N.h);
     }
   }), w1.useEffect(() => {
-    N(!1);
+    V(!1);
   }, [y]);
-  const k = C2({
+  const x = C2({
     height: d,
     width: d
   }, w);
@@ -29220,12 +29219,12 @@ var ya = (function() {
     key: y,
     style: { display: "none" },
     onLoad: () => {
-      N(!0);
+      V(!0);
     },
     ref: C,
-    crossOrigin: V?.crossOrigin
+    crossOrigin: N?.crossOrigin
   })), /* @__PURE__ */ w1.createElement(w1.Fragment, null, /* @__PURE__ */ w1.createElement("canvas", C2({
-    style: k,
+    style: x,
     height: d,
     width: d,
     ref: L,
@@ -29267,7 +29266,7 @@ var t4 = w1.forwardRef(function(r, c) {
     opacity: C.opacity,
     crossOrigin: C.crossOrigin
   }));
-  const N = Q3(L, f);
+  const V = Q3(L, f);
   return /* @__PURE__ */ w1.createElement("svg", C2({
     height: d,
     width: d,
@@ -29280,13 +29279,13 @@ var t4 = w1.forwardRef(function(r, c) {
     shapeRendering: "crispEdges"
   }), /* @__PURE__ */ w1.createElement("path", {
     fill: a,
-    d: N,
+    d: V,
     shapeRendering: "crispEdges"
   }), z);
 });
 t4.displayName = "QRCodeSVG";
 function Bo({ isOpen: t, onClose: r }) {
-  const { config: c } = S2(), [l, o] = R("loading"), [d, s] = R(!1), [m, a] = R(null), [i, h] = R(""), [p, u] = R(""), [g, v] = R(""), [w, f] = R(""), [y, _] = R([]), [C, L] = R(""), [z, N] = R(!1), [M, b] = R(null), x = D(async (O, Z) => {
+  const { config: c } = H2(), [l, o] = R("loading"), [d, s] = R(!1), [m, a] = R(null), [i, h] = R(""), [p, u] = R(""), [g, v] = R(""), [w, f] = R(""), [y, _] = R([]), [C, L] = R(""), [z, V] = R(!1), [k, b] = R(null), M = D(async (O, Z) => {
     const W = document.cookie.match(/(?:^|;\s*)csrf_token=([^;]+)/), q = W ? decodeURIComponent(W[1]) : null, m1 = { "Content-Type": "application/json" };
     q && (m1["X-CSRF-Token"] = q);
     const t1 = await fetch(`${c.apiBaseUrl}${O}`, {
@@ -29297,7 +29296,7 @@ function Bo({ isOpen: t, onClose: r }) {
     }), C1 = await t1.json().catch(() => ({}));
     if (!t1.ok) throw new Error(C1.error || "Request failed");
     return C1;
-  }, [c.apiBaseUrl]), V = D(async () => {
+  }, [c.apiBaseUrl]), N = D(async () => {
     o("loading"), L("");
     try {
       const O = await (await fetch(`${c.apiBaseUrl}/auth/mfaStatus`, { credentials: "include" })).json();
@@ -29307,38 +29306,38 @@ function Bo({ isOpen: t, onClose: r }) {
     }
   }, [c.apiBaseUrl]);
   Y(() => {
-    t && (v(""), f(""), L(""), _([]), V());
-  }, [t, V]);
-  const k = async (O) => {
-    N(!0), L("");
+    t && (v(""), f(""), L(""), _([]), N());
+  }, [t, N]);
+  const x = async (O) => {
+    V(!0), L("");
     try {
       await O();
     } catch (Z) {
       L(Z instanceof Error ? Z.message : "Something went wrong.");
     } finally {
-      N(!1);
+      V(!1);
     }
-  }, B = () => k(async () => {
-    const O = await x("/auth/mfaSetupTotp");
+  }, B = () => x(async () => {
+    const O = await M("/auth/mfaSetupTotp");
     h(O.secret || ""), u(O.otpauthUri || ""), v(""), o("totp-setup");
-  }), H = () => k(async () => {
-    const O = await x("/auth/mfaConfirmTotp", { code: g.trim() });
+  }), H = () => x(async () => {
+    const O = await M("/auth/mfaConfirmTotp", { code: g.trim() });
     _(O.recoveryCodes || []), o("recovery");
-  }), E = () => k(async () => {
-    await x("/auth/mfaEnableEmail"), v(""), o("email-setup");
-  }), P = () => k(async () => {
-    const O = await x("/auth/mfaConfirmEmail", { code: g.trim() });
+  }), E = () => x(async () => {
+    await M("/auth/mfaEnableEmail"), v(""), o("email-setup");
+  }), P = () => x(async () => {
+    const O = await M("/auth/mfaConfirmEmail", { code: g.trim() });
     _(O.recoveryCodes || []), o("recovery");
-  }), J = () => k(async () => {
-    await x("/auth/mfaDisable", { password: w }), b({
+  }), J = () => x(async () => {
+    await M("/auth/mfaDisable", { password: w }), b({
       message: "Two-factor authentication disabled.",
       type: "success"
-    }), f(""), await V();
-  }), A = () => k(async () => {
-    const O = await x("/auth/mfaRegenRecovery", { password: w });
+    }), f(""), await N();
+  }), A = () => x(async () => {
+    const O = await M("/auth/mfaRegenRecovery", { password: w });
     _(O.recoveryCodes || []), f(""), o("recovery");
-  }), T = () => k(async () => {
-    await x("/auth/mfaForgetDevices"), b({
+  }), T = () => x(async () => {
+    await M("/auth/mfaForgetDevices"), b({
       message: "All trusted devices have been signed out.",
       type: "success"
     });
@@ -29349,7 +29348,7 @@ function Bo({ isOpen: t, onClose: r }) {
       type: "success"
     });
   }, $ = i.replace(/(.{4})/g, "$1 ").trim();
-  return /* @__PURE__ */ n(j1, {
+  return /* @__PURE__ */ n(q1, {
     isOpen: t,
     onClose: r,
     title: "Two-factor authentication",
@@ -29382,7 +29381,7 @@ function Bo({ isOpen: t, onClose: r }) {
                   variant: "default",
                   fullWidth: !0,
                   disabled: z,
-                  onClick: () => k(T),
+                  onClick: () => x(T),
                   children: "Sign out trusted devices"
                 }),
                 /* @__PURE__ */ e(U, {
@@ -29515,7 +29514,7 @@ function Bo({ isOpen: t, onClose: r }) {
                   variant: "success",
                   fullWidth: !0,
                   disabled: z,
-                  onClick: V,
+                  onClick: N,
                   children: "I've saved them"
                 })
               ]
@@ -29591,9 +29590,9 @@ function Bo({ isOpen: t, onClose: r }) {
         className: "MfaSetupModal__error",
         children: C
       })]
-    }), M && /* @__PURE__ */ e(V2, {
-      message: M.message,
-      type: M.type,
+    }), k && /* @__PURE__ */ e(S2, {
+      message: k.message,
+      type: k.type,
       onClose: () => b(null)
     })]
   });
@@ -29815,7 +29814,7 @@ var Po = (t, r, c) => {
   } catch {
     return t.trim();
   }
-}, xa = "1.0.65", Uo = 381, La = "649a125", za = "2026-09-29T04:03:38.925Z", Oo = "381", Na = (t) => {
+}, xa = "1.0.66", Uo = 383, La = "a0f7cd4", za = "2026-09-29T15:41:15.459Z", Oo = "383", Na = (t) => {
   const r = document.getElementById("mb-version-toast");
   if (r) {
     r.remove();
@@ -29839,7 +29838,7 @@ var Po = (t, r, c) => {
   const r = {
     ...t,
     lib: xa,
-    libBuildNumber: 381,
+    libBuildNumber: 383,
     libCommit: La,
     libBuildDate: za
   };
@@ -29920,7 +29919,7 @@ export {
   Pa as AlertDialog,
   ic as AnalogClock,
   Ia as AngleSlider,
-  C3 as AppHeader,
+  y3 as AppHeader,
   V0 as AppPersistenceStorage,
   j3 as AuthContext,
   So as AuthLogin,
@@ -29935,7 +29934,7 @@ export {
   U as Button,
   f2 as Calendar,
   li as CalendarHeatmap,
-  _3 as Card,
+  M3 as Card,
   Vo as ChangePasswordModal,
   e0 as Checkbox,
   v0 as Chip,
@@ -29954,9 +29953,9 @@ export {
   yi as DataView,
   Gc as DatePicker,
   bi as DateRangePicker,
-  $l as DayAgenda,
+  Dl as DayAgenda,
   _i as DiffViewer,
-  D3 as Drawer,
+  N2 as Drawer,
   $0 as Dropdown,
   Mi as EmojiPicker,
   a0 as EmptyState,
@@ -29998,11 +29997,11 @@ export {
   zl as MiniSort,
   Wi as MiniStatsCard,
   ji as Minimap,
-  j1 as Modal,
+  q1 as Modal,
   Fi as NavBar,
   Mn as NotificationPanel,
   dc as PEDIATRIC_THRESHOLDS,
-  O2 as Pagination,
+  Y2 as Pagination,
   Ui as PieChart,
   x2 as Popover,
   qi as ProgressBar,
@@ -30030,20 +30029,20 @@ export {
   go as StickyBar,
   wo as SuggestionsList,
   w0 as THEME_CONFIGS,
-  g3 as ThemeContext,
+  w3 as ThemeContext,
   fo as ThemeProvider,
   Co as ThemeSettings,
-  x3 as TimePicker,
+  L3 as TimePicker,
   yo as Timeline,
   _l as TimelineMarkerDot,
   Ci as TimelineMarkers,
   Ml as TimelineMobileSeparator,
   bo as TipsOfTheDay,
-  V2 as Toast,
+  S2 as Toast,
   hi as ToastContainer,
   mi as ToastProvider,
   Ql as ToggleButtons,
-  o3 as ToggleSwitch,
+  s3 as ToggleSwitch,
   _o as Toolbar,
   c1 as Tooltip,
   Mo as TourHud,
@@ -30058,13 +30057,13 @@ export {
   z2 as calculateTimelineMarkers,
   Hn as ensureHtml,
   jo as extractDomainFromUrl,
-  j2 as foldDiacritics,
+  W2 as foldDiacritics,
   O0 as format2Digits,
   Qa as formatAppDate,
   Ja as formatAppDateTime,
   Do as formatBigNumber,
   Eo as formatBytes,
-  Y1 as formatDate,
+  O1 as formatDate,
   Xa as formatDateLocale,
   Ya as formatDuration,
   $o as formatMoney,
@@ -30076,7 +30075,7 @@ export {
   vc as getIndicatorColor,
   uc as getIndicatorPosition,
   bc as getIsoWeek,
-  b3 as getMonthMatrix,
+  _3 as getMonthMatrix,
   mc as getPediatricRanges,
   Oi as getPercent,
   Yi as getPercentsOf2Numbers,
@@ -30102,16 +30101,16 @@ export {
   Fo as stripTrackingParams,
   Zo as truncateText,
   Ao as useAppPersistence,
-  S2 as useAuth,
-  v3 as useBodyScrollLock,
+  H2 as useAuth,
+  g3 as useBodyScrollLock,
   b0 as useBreakpoint,
-  f3 as useComponentEffect,
+  C3 as useComponentEffect,
   pi as useControlPanel,
   L2 as useControlPanelContext,
   di as usePopover,
   ao as useSidebar,
-  H3 as useSwipe,
-  w3 as useTheme,
+  R3 as useSwipe,
+  f3 as useTheme,
   Ec as useToast,
   sn as validateEmail,
   qo as validateVin