npm - @camstack/addon-pipeline-orchestrator - Versions diffs - 0.1.15 → 0.1.16 - Mend

@camstack/addon-pipeline-orchestrator 0.1.15 → 0.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/_stub.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { _ as L, a as rt, b as C0 } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.mjs-Cg6QsnjR.mjs";
+import { _ as Y, a as rt, b as C0 } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.mjs-Cg6QsnjR.mjs";
 import { _ as Y1 } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.mjs-DoWbefqS.mjs";
-import { _ as Xh, a as X1, b as q1, c as vs, d as _s, e as j1, f as Ho, g as Co, h as V1, i as Ss, j as Bo, k as Z1, l as K1, m as $l, n as ts, o as es, p as x0, q as E0, r as T0, s as A0, t as M0, u as N0, v as Q1, w as k1 } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.mjs-Ue-jHwF0.mjs";
-import { a as R0, b as fa, c as Ve, d as me, e as Fa, R as ee, f as P1, g as J1, h as F1, i as W1, j as I1, k as Uo, l as ga, m as le } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare__react__loadShare__.mjs-B848Fc_m.mjs";
-import { _ as $1 } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_types__loadShare__.mjs-UNj4rttw.mjs";
-import { r as t2, a as e2 } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare__react__loadShare__.mjs_commonjs-proxy-B-q1guKT.mjs";
+import { _ as Xh, a as X1, b as q1, c as vs, d as _s, e as j1, f as Ho, g as Co, h as V1, i as Ss, j as Bo, k as Z1, l as K1, m as $l, n as ts, o as es, p as x0, q as E0, r as T0, s as A0, t as M0, u as N0, v as Q1 } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.mjs-XtEtGou1.mjs";
+import { a as R0, b as fa, c as Pe, d as ye, e as Fa, R as ee, f as k1, g as P1, h as J1, i as F1, j as W1, k as Uo, l as ga, m as le } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare__react__loadShare__.mjs-B848Fc_m.mjs";
+import { _ as I1 } from "./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare___mf_0_camstack_mf_1_types__loadShare__.mjs-UNj4rttw.mjs";
+import{r as f,a as t2}from"./__mfe_internal__addon_pipeline_orchestrator_widgets__loadShare__react__loadShare__.mjs_commonjs-proxy-B-q1guKT.mjs";
 import { s as fs } from "./index-CWkKuNLr.mjs";
 /**
  * @license lucide-react v0.511.0 - ISC
@@ -11,13 +11,13 @@ import { s as fs } from "./index-CWkKuNLr.mjs";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const n2 = (o) => o.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), a2 = (o) => o.replace(
+const e2 = (o) => o.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), n2 = (o) => o.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (e, a, l) => l ? l.toUpperCase() : a.toLowerCase()
 ), qh = (o) => {
-  const e = a2(o);
+  const e = n2(o);
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, D0 = (...o) => o.filter((e, a, l) => !!e && e.trim() !== "" && l.indexOf(e) === a).join(" ").trim(), i2 = (o) => {
+}, D0 = (...o) => o.filter((e, a, l) => !!e && e.trim() !== "" && l.indexOf(e) === a).join(" ").trim(), a2 = (o) => {
   for (const e in o)
     if (e.startsWith("aria-") || e === "role" || e === "title")
       return !0;
@@ -28,7 +28,7 @@ const n2 = (o) => o.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), a2 = (
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var l2 = {
+var i2 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -45,7 +45,7 @@ var l2 = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const s2 = R0(
+const l2 = R0(
   ({
     color: o = "currentColor",
     size: e = 24,
@@ -59,13 +59,13 @@ const s2 = R0(
     "svg",
     {
       ref: g,
-      ...l2,
+      ...i2,
       width: e,
       height: e,
       stroke: o,
       strokeWidth: l ? Number(a) * 24 / Number(e) : a,
       className: D0("lucide", s),
-      ...!u && !i2(d) && { "aria-hidden": "true" },
+      ...!u && !a2(d) && { "aria-hidden": "true" },
       ...d
     },
     [
@@ -80,13 +80,13 @@ const s2 = R0(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ze = (o, e) => {
+const Je = (o, e) => {
   const a = R0(
-    ({ className: l, ...s }, u) => fa(s2, {
+    ({ className: l, ...s }, u) => fa(l2, {
       ref: u,
       iconNode: e,
       className: D0(
-        `lucide-${n2(qh(o))}`,
+        `lucide-${e2(qh(o))}`,
         `lucide-${o}`,
         l
       ),
@@ -101,7 +101,7 @@ const Ze = (o, e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const r2 = [
+const s2 = [
   [
     "path",
     {
@@ -109,21 +109,21 @@ const r2 = [
       key: "169zse"
     }
   ]
-], o2 = Ze("activity", r2);
+], r2 = Je("activity", s2);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const u2 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], c2 = Ze("check", u2);
+const o2 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], u2 = Je("check", o2);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const h2 = [
+const c2 = [
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M17 20v2", key: "1rnc9c" }],
@@ -138,14 +138,14 @@ const h2 = [
   ["path", { d: "M7 2v2", key: "1i4yhu" }],
   ["rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", key: "1vbyd7" }],
   ["rect", { x: "8", y: "8", width: "8", height: "8", rx: "1", key: "z9xiuo" }]
-], d2 = Ze("cpu", h2);
+], h2 = Je("cpu", c2);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const f2 = [
+const d2 = [
   [
     "path",
     {
@@ -154,37 +154,24 @@ const f2 = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], g2 = Ze("eye", f2);
+], f2 = Je("eye", d2);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const m2 = [
+const g2 = [
   ["path", { d: "m12 14 4-4", key: "9kzdfg" }],
   ["path", { d: "M3.34 19a10 10 0 1 1 17.32 0", key: "19p75a" }]
-], p2 = Ze("gauge", m2);
+], m2 = Je("gauge", g2);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const y2 = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M3 9h18", key: "1pudct" }],
-  ["path", { d: "M3 15h18", key: "5xshup" }],
-  ["path", { d: "M9 3v18", key: "fh3hqa" }],
-  ["path", { d: "M15 3v18", key: "14nvp0" }]
-], v2 = Ze("grid-3x3", y2);
-/**
- * @license lucide-react v0.511.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const _2 = [
+const p2 = [
   [
     "path",
     {
@@ -192,31 +179,31 @@ const _2 = [
       key: "yt0hxn"
     }
   ]
-], S2 = Ze("hexagon", _2);
+], y2 = Je("hexagon", p2);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const b2 = [["path", { d: "M5 12h14", key: "1ays0h" }]], C2 = Ze("minus", b2);
+const v2 = [["path", { d: "M5 12h14", key: "1ays0h" }]], _2 = Je("minus", v2);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const x2 = [
+const S2 = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
-], E2 = Ze("plus", x2);
+], b2 = Je("plus", S2);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const T2 = [
+const C2 = [
   [
     "path",
     {
@@ -226,34 +213,34 @@ const T2 = [
   ],
   ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
   ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
-], A2 = Ze("save", T2);
+], x2 = Je("save", C2);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const M2 = [
+const E2 = [
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
   ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
   ["line", { x1: "10", x2: "10", y1: "11", y2: "17", key: "1uufr5" }],
   ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
-], Lo = Ze("trash-2", M2);
+], Lo = Je("trash-2", E2);
 /**
  * @license lucide-react v0.511.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const N2 = [
+const T2 = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], O0 = Ze("x", N2);
-function R2(o) {
-  return o.deviceId === void 0 ? /* @__PURE__ */ L("div", { className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning", children: "PipelineQuickStats requires a deviceId" }) : /* @__PURE__ */ L(D2, { deviceId: o.deviceId });
+], O0 = Je("x", T2);
+function A2(o) {
+  return o.deviceId === void 0 ? /* @__PURE__ */ Y("div", { className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning", children: "PipelineQuickStats requires a deviceId" }) : /* @__PURE__ */ Y(M2, { deviceId: o.deviceId });
 }
-function D2({ deviceId: o }) {
+function M2({ deviceId: o }) {
   Xh(
     ["pipelineOrchestrator", "getPipelineAssignment"],
     ["pipeline.camera-assigned", "pipeline.camera-unassigned", "pipeline.camera-updated"]
@@ -277,39 +264,39 @@ function D2({ deviceId: o }) {
     refetchInterval: 5e3,
     retry: !1
   }), m = u?.phase ?? null, p = u?.detectionMode ?? null, _ = Number(u?.actualFps ?? 0), v = Number(u?.configuredFps ?? 0), b = Number(u?.avgInferenceTimeMs ?? 0), S = Number(u?.queueDepth ?? 0), R = Number(u?.droppedFrames ?? 0), T = j1(m ?? "watching"), A = g?.length ?? 0;
-  return /* @__PURE__ */ L("div", { className: "@container", style: { containerType: "inline-size" }, children: /* @__PURE__ */ rt("div", { className: "grid grid-cols-1 @[360px]:grid-cols-2 @[720px]:grid-cols-4 gap-3", children: [
-    /* @__PURE__ */ L(
+  return /* @__PURE__ */ Y("div", { className: "@container", style: { containerType: "inline-size" }, children: /* @__PURE__ */ rt("div", { className: "grid grid-cols-1 @[360px]:grid-cols-2 @[720px]:grid-cols-4 gap-3", children: [
+    /* @__PURE__ */ Y(
       ns,
       {
-        icon: o2,
+        icon: r2,
         label: "Phase",
         value: T.label,
         color: T.textColor,
         subtext: p ?? void 0
       }
     ),
-    /* @__PURE__ */ L(
+    /* @__PURE__ */ Y(
       ns,
       {
-        icon: p2,
+        icon: m2,
         label: "Detection FPS",
         value: `${_.toFixed(1)}`,
         subtext: v > 0 ? `target: ${v}` : void 0
       }
     ),
-    /* @__PURE__ */ L(
+    /* @__PURE__ */ Y(
       ns,
       {
-        icon: d2,
+        icon: h2,
         label: "Inference",
         value: `${b.toFixed(1)} ms`,
         subtext: S > 0 ? `queue: ${S}` : void 0
       }
     ),
-    /* @__PURE__ */ L(
+    /* @__PURE__ */ Y(
       ns,
       {
-        icon: g2,
+        icon: f2,
         label: "Active Tracks",
         value: String(A),
         subtext: R > 0 ? `dropped: ${R}` : void 0
@@ -320,8 +307,8 @@ function D2({ deviceId: o }) {
 function ns({ icon: o, label: e, value: a, subtext: l, color: s }) {
   return /* @__PURE__ */ rt("div", { className: "rounded-lg border border-border bg-surface p-3 min-w-0", children: [
     /* @__PURE__ */ rt("div", { className: "flex items-center gap-1.5 mb-1 min-w-0", children: [
-      /* @__PURE__ */ L(o, { className: "h-3.5 w-3.5 text-foreground-subtle flex-shrink-0" }),
-      /* @__PURE__ */ L(
+      /* @__PURE__ */ Y(o, { className: "h-3.5 w-3.5 text-foreground-subtle flex-shrink-0" }),
+      /* @__PURE__ */ Y(
         "span",
         {
           className: "text-[10px] text-foreground-subtle uppercase tracking-wider truncate",
@@ -330,7 +317,7 @@ function ns({ icon: o, label: e, value: a, subtext: l, color: s }) {
         }
       )
     ] }),
-    /* @__PURE__ */ L(
+    /* @__PURE__ */ Y(
       "p",
       {
         className: `text-lg font-semibold leading-tight truncate ${s ?? "text-foreground"}`,
@@ -338,17 +325,17 @@ function ns({ icon: o, label: e, value: a, subtext: l, color: s }) {
         children: a
       }
     ),
-    l && /* @__PURE__ */ L("p", { className: "text-[10px] text-foreground-subtle mt-0.5 truncate", title: l, children: l })
+    l && /* @__PURE__ */ Y("p", { className: "text-[10px] text-foreground-subtle mt-0.5 truncate", title: l, children: l })
   ] });
 }
-const O2 = {
+const N2 = {
   polygon: "Polygon",
   tripwire: "Tripwire"
-}, z2 = {
+}, R2 = {
   polygon: "bg-info/10 text-info",
   tripwire: "bg-warning/10 text-warning"
 };
-function G2({
+function D2({
   zones: o,
   selectedZoneId: e,
   drawingKind: a,
@@ -358,7 +345,7 @@ function G2({
   onCancelDraw: c
 }) {
   return /* @__PURE__ */ rt("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ L("div", { className: "flex items-center gap-1", children: a ? /* @__PURE__ */ rt(
+    /* @__PURE__ */ Y("div", { className: "flex items-center gap-1", children: a ? /* @__PURE__ */ rt(
       "button",
       {
         type: "button",
@@ -366,12 +353,12 @@ function G2({
         className: "inline-flex items-center justify-center gap-1 rounded border border-amber-500/30 bg-amber-500/10 text-amber-400 hover:bg-amber-500/20 transition-colors h-8 px-3 text-[11px] font-medium",
         title: "Cancel drawing",
         children: [
-          /* @__PURE__ */ L(O0, { className: "h-3.5 w-3.5" }),
-          /* @__PURE__ */ L("span", { children: "Cancel" })
+          /* @__PURE__ */ Y(O0, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ Y("span", { children: "Cancel" })
         ]
       }
     ) : /* @__PURE__ */ rt(C0, { children: [
-      /* @__PURE__ */ L(
+      /* @__PURE__ */ Y(
         "button",
         {
           type: "button",
@@ -379,10 +366,10 @@ function G2({
           className: "inline-flex items-center justify-center rounded border border-border bg-surface text-foreground-subtle hover:text-primary hover:border-primary/40 hover:bg-primary/5 transition-colors h-8 w-8",
           title: "Add polygon zone",
           "aria-label": "Add polygon zone",
-          children: /* @__PURE__ */ L(S2, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ Y(y2, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ L(
+      /* @__PURE__ */ Y(
         "button",
         {
           type: "button",
@@ -390,11 +377,11 @@ function G2({
           className: "inline-flex items-center justify-center rounded border border-border bg-surface text-foreground-subtle hover:text-primary hover:border-primary/40 hover:bg-primary/5 transition-colors h-8 w-8",
           title: "Add tripwire",
           "aria-label": "Add tripwire",
-          children: /* @__PURE__ */ L(C2, { className: "h-5 w-5 stroke-[2.5]" })
+          children: /* @__PURE__ */ Y(_2, { className: "h-5 w-5 stroke-[2.5]" })
         }
       )
     ] }) }),
-    o.length === 0 ? /* @__PURE__ */ L("p", { className: "text-center text-[10px] text-foreground-subtle py-3 leading-tight", children: 'No zones yet — pick "Zone" or "Tripwire" to draw.' }) : /* @__PURE__ */ L("div", { className: "flex flex-col gap-1", children: o.map((d) => {
+    o.length === 0 ? /* @__PURE__ */ Y("p", { className: "text-center text-[10px] text-foreground-subtle py-3 leading-tight", children: 'No zones yet — pick "Zone" or "Tripwire" to draw.' }) : /* @__PURE__ */ Y("div", { className: "flex flex-col gap-1", children: o.map((d) => {
       const g = d.id === e;
       return /* @__PURE__ */ rt(
         "div",
@@ -405,22 +392,22 @@ function G2({
           ].join(" "),
           onClick: () => l(g ? null : d.id),
           children: [
-            /* @__PURE__ */ L(
+            /* @__PURE__ */ Y(
               "div",
               {
                 className: "h-2.5 w-2.5 rounded-sm flex-shrink-0",
                 style: { backgroundColor: d.color }
               }
             ),
-            /* @__PURE__ */ L("span", { className: "flex-1 truncate text-[11px] font-medium text-foreground", children: d.name }),
-            /* @__PURE__ */ L(
+            /* @__PURE__ */ Y("span", { className: "flex-1 truncate text-[11px] font-medium text-foreground", children: d.name }),
+            /* @__PURE__ */ Y(
               "span",
               {
-                className: `inline-flex items-center rounded-full px-1.5 py-0.5 text-[9px] font-medium flex-shrink-0 ${z2[d.kind]}`,
-                children: O2[d.kind]
+                className: `inline-flex items-center rounded-full px-1.5 py-0.5 text-[9px] font-medium flex-shrink-0 ${R2[d.kind]}`,
+                children: N2[d.kind]
               }
             ),
-            /* @__PURE__ */ L(
+            /* @__PURE__ */ Y(
               "button",
               {
                 type: "button",
@@ -429,7 +416,7 @@ function G2({
                 onClick: (m) => {
                   m.stopPropagation(), s(d.id);
                 },
-                children: /* @__PURE__ */ L(Lo, { className: "h-3 w-3" })
+                children: /* @__PURE__ */ Y(Lo, { className: "h-3 w-3" })
               }
             )
           ]
@@ -439,7 +426,7 @@ function G2({
     }) })
   ] });
 }
-const H2 = [
+const O2 = [
   "#3b82f6",
   // blue
   "#10b981",
@@ -457,14 +444,14 @@ const H2 = [
   "#ec4899"
   // pink
 ];
-function B2({ zone: o, onSave: e, onDiscard: a, onDelete: l }) {
+function z2({ zone: o, onSave: e, onDiscard: a, onDelete: l }) {
   const s = Ho(), u = (d) => s?.updateDraft({ name: d }), c = (d) => s?.updateDraft({ color: d });
   return /* @__PURE__ */ rt("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ rt("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ L("h3", { className: "text-[10px] font-semibold text-foreground-subtle uppercase tracking-wider", children: "Editing" }),
-      /* @__PURE__ */ L("span", { className: "inline-flex items-center rounded-full px-1.5 py-0.5 text-[9px] font-medium bg-surface border border-border text-foreground-subtle", children: o.kind === "tripwire" ? "Tripwire" : "Polygon" })
+      /* @__PURE__ */ Y("h3", { className: "text-[10px] font-semibold text-foreground-subtle uppercase tracking-wider", children: "Editing" }),
+      /* @__PURE__ */ Y("span", { className: "inline-flex items-center rounded-full px-1.5 py-0.5 text-[9px] font-medium bg-surface border border-border text-foreground-subtle", children: o.kind === "tripwire" ? "Tripwire" : "Polygon" })
     ] }),
-    /* @__PURE__ */ L(
+    /* @__PURE__ */ Y(
       "input",
       {
         type: "text",
@@ -478,7 +465,7 @@ function B2({ zone: o, onSave: e, onDiscard: a, onDelete: l }) {
         placeholder: "Zone name"
       }
     ),
-    /* @__PURE__ */ L("div", { className: "flex flex-wrap gap-1", children: H2.map((d) => /* @__PURE__ */ L(
+    /* @__PURE__ */ Y("div", { className: "flex flex-wrap gap-1", children: O2.map((d) => /* @__PURE__ */ Y(
       "button",
       {
         type: "button",
@@ -493,7 +480,7 @@ function B2({ zone: o, onSave: e, onDiscard: a, onDelete: l }) {
       d
     )) }),
     /* @__PURE__ */ rt("div", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ L(
+      /* @__PURE__ */ Y(
         "input",
         {
           type: "color",
@@ -502,7 +489,7 @@ function B2({ zone: o, onSave: e, onDiscard: a, onDelete: l }) {
           onChange: (d) => c(d.target.value)
         }
       ),
-      /* @__PURE__ */ L(
+      /* @__PURE__ */ Y(
         "input",
         {
           type: "text",
@@ -526,7 +513,7 @@ function B2({ zone: o, onSave: e, onDiscard: a, onDelete: l }) {
           className: "inline-flex items-center justify-center gap-1 rounded border border-primary/40 bg-primary/10 text-primary hover:bg-primary/20 transition-colors h-7 flex-1 text-[11px] font-medium",
           title: "Save changes (Enter)",
           children: [
-            /* @__PURE__ */ L(c2, { className: "h-3 w-3" }),
+            /* @__PURE__ */ Y(u2, { className: "h-3 w-3" }),
             "Save"
           ]
         }
@@ -539,7 +526,7 @@ function B2({ zone: o, onSave: e, onDiscard: a, onDelete: l }) {
           className: "inline-flex items-center justify-center gap-1 rounded border border-border bg-surface text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors h-7 px-3 text-[11px] font-medium",
           title: "Discard changes (Esc)",
           children: [
-            /* @__PURE__ */ L(O0, { className: "h-3 w-3" }),
+            /* @__PURE__ */ Y(O0, { className: "h-3 w-3" }),
             "Discard"
           ]
         }
@@ -552,17 +539,17 @@ function B2({ zone: o, onSave: e, onDiscard: a, onDelete: l }) {
         onClick: l,
         className: `${V1} w-full`,
         children: [
-          /* @__PURE__ */ L(Lo, { className: "h-3 w-3" }),
+          /* @__PURE__ */ Y(Lo, { className: "h-3 w-3" }),
           "Delete"
         ]
       }
     )
   ] });
 }
-const U2 = $1.map(
+const G2 = I1.map(
   (o) => ({ id: o.id, label: o.name })
 );
-function L2(o) {
+function H2(o) {
   return {
     id: o.id,
     name: o.name ?? "",
@@ -572,7 +559,7 @@ function L2(o) {
     enabled: o.enabled !== !1
   };
 }
-function w2(o) {
+function B2(o) {
   const e = {
     id: o.id,
     zoneIds: o.zoneIds,
@@ -582,12 +569,12 @@ function w2(o) {
   return o.name && (e.name = o.name), o.classFilter.length > 0 && (e.classFilter = o.classFilter), e;
 }
 function jh({ dev: o, stage: e, zones: a, title: l }) {
-  const s = Ss(o?.state.zoneRules), u = Ve(
+  const s = Ss(o?.state.zoneRules), u = Pe(
     () => s?.[e] ?? [],
     [s, e]
-  ), [c, d] = me([]), [g, m] = me(!1), [p, _] = me(!1), [v, b] = me(null);
+  ), [c, d] = ye([]), [g, m] = ye(!1), [p, _] = ye(!1), [v, b] = ye(null);
   Fa(() => {
-    g || d(u.map(L2));
+    g || d(u.map(H2));
   }, [u, g]);
   const S = () => {
     d((U) => [
@@ -605,16 +592,16 @@ function jh({ dev: o, stage: e, zones: a, title: l }) {
     d(
       (k) => k.map((X, P) => {
         if (P !== U) return X;
-        const w = X.classFilter.includes(B) ? X.classFilter.filter((j) => j !== B) : [...X.classFilter, B];
-        return { ...X, classFilter: w };
+        const L = X.classFilter.includes(B) ? X.classFilter.filter((j) => j !== B) : [...X.classFilter, B];
+        return { ...X, classFilter: L };
       })
     ), m(!0);
   }, T = (U, B) => {
     d(
       (k) => k.map((X, P) => {
         if (P !== U) return X;
-        const w = X.zoneIds.includes(B) ? X.zoneIds.filter((j) => j !== B) : [...X.zoneIds, B];
-        return { ...X, zoneIds: w };
+        const L = X.zoneIds.includes(B) ? X.zoneIds.filter((j) => j !== B) : [...X.zoneIds, B];
+        return { ...X, zoneIds: L };
       })
     ), m(!0);
   }, A = (U) => {
@@ -625,7 +612,7 @@ function jh({ dev: o, stage: e, zones: a, title: l }) {
     if (o?.zoneRules) {
       _(!0), b(null);
       try {
-        await o.zoneRules.setRules({ stage: e, rules: c.map(w2) }), m(!1);
+        await o.zoneRules.setRules({ stage: e, rules: c.map(B2) }), m(!1);
       } catch (U) {
         b(U instanceof Error ? U.message : String(U));
       } finally {
@@ -635,7 +622,7 @@ function jh({ dev: o, stage: e, zones: a, title: l }) {
   }, H = g && !!o?.zoneRules && !p;
   return /* @__PURE__ */ rt("div", { className: "rounded-md border border-border bg-surface/40 p-2.5", children: [
     /* @__PURE__ */ rt("div", { className: "flex items-center justify-between mb-2 gap-2", children: [
-      /* @__PURE__ */ L("h3", { className: `${Bo} truncate`, children: l ?? `${e === "motion" ? "Motion" : "Detection"} Rules` }),
+      /* @__PURE__ */ Y("h3", { className: `${Bo} truncate`, children: l ?? `${e === "motion" ? "Motion" : "Detection"} Rules` }),
       /* @__PURE__ */ rt("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
         /* @__PURE__ */ rt(
           "button",
@@ -646,7 +633,7 @@ function jh({ dev: o, stage: e, zones: a, title: l }) {
             className: Z1,
             title: "Add rule",
             children: [
-              /* @__PURE__ */ L(E2, { className: "h-2.5 w-2.5" }),
+              /* @__PURE__ */ Y(b2, { className: "h-2.5 w-2.5" }),
               " Add"
             ]
           }
@@ -661,20 +648,20 @@ function jh({ dev: o, stage: e, zones: a, title: l }) {
             disabled: !H,
             className: K1,
             children: [
-              /* @__PURE__ */ L(A2, { className: "h-2.5 w-2.5" }),
+              /* @__PURE__ */ Y(x2, { className: "h-2.5 w-2.5" }),
               p ? "…" : "Save"
             ]
           }
         )
       ] })
     ] }),
-    c.length === 0 ? /* @__PURE__ */ L("p", { className: "text-[10px] text-foreground-subtle italic px-1 py-1.5 leading-tight", children: a.length === 0 ? "Define a zone first — rules reference zone ids." : "No rules — every detection at this stage passes through." }) : /* @__PURE__ */ L("div", { className: "flex flex-col gap-1.5", children: c.map((U, B) => /* @__PURE__ */ rt(
+    c.length === 0 ? /* @__PURE__ */ Y("p", { className: "text-[10px] text-foreground-subtle italic px-1 py-1.5 leading-tight", children: a.length === 0 ? "Define a zone first — rules reference zone ids." : "No rules — every detection at this stage passes through." }) : /* @__PURE__ */ Y("div", { className: "flex flex-col gap-1.5", children: c.map((U, B) => /* @__PURE__ */ rt(
       "div",
       {
         className: "rounded border border-border/50 bg-background/40 px-2 py-1.5 flex flex-col gap-1.5 overflow-hidden",
         children: [
           /* @__PURE__ */ rt("div", { className: "grid grid-cols-[auto_1fr_auto] items-center gap-1.5", children: [
-            /* @__PURE__ */ L(
+            /* @__PURE__ */ Y(
               "button",
               {
                 type: "button",
@@ -687,7 +674,7 @@ function jh({ dev: o, stage: e, zones: a, title: l }) {
                   "inline-flex items-center justify-center h-5 w-9 rounded-full border transition-colors flex-shrink-0",
                   U.enabled ? "border-primary/50 bg-primary/20 text-primary" : "border-border bg-surface text-foreground-subtle"
                 ].join(" "),
-                children: /* @__PURE__ */ L(
+                children: /* @__PURE__ */ Y(
                   "span",
                   {
                     className: [
@@ -698,7 +685,7 @@ function jh({ dev: o, stage: e, zones: a, title: l }) {
                 )
               }
             ),
-            /* @__PURE__ */ L(
+            /* @__PURE__ */ Y(
               "input",
               {
                 className: `${Co} min-w-0`,
@@ -707,7 +694,7 @@ function jh({ dev: o, stage: e, zones: a, title: l }) {
                 onChange: (k) => E(B, { name: k.target.value })
               }
             ),
-            /* @__PURE__ */ L(
+            /* @__PURE__ */ Y(
               "button",
               {
                 type: "button",
@@ -715,13 +702,13 @@ function jh({ dev: o, stage: e, zones: a, title: l }) {
                 "aria-label": "Remove rule",
                 onClick: () => A(B),
                 className: "flex items-center justify-center h-6 w-6 rounded text-foreground-subtle hover:text-danger hover:bg-danger/10 transition-colors flex-shrink-0",
-                children: /* @__PURE__ */ L(Lo, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ Y(Lo, { className: "h-3.5 w-3.5" })
               }
             )
           ] }),
           /* @__PURE__ */ rt("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
-            /* @__PURE__ */ L("span", { className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0", children: "Mode" }),
-            /* @__PURE__ */ L(
+            /* @__PURE__ */ Y("span", { className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0", children: "Mode" }),
+            /* @__PURE__ */ Y(
               "button",
               {
                 type: "button",
@@ -730,7 +717,7 @@ function jh({ dev: o, stage: e, zones: a, title: l }) {
                 children: "Include"
               }
             ),
-            /* @__PURE__ */ L(
+            /* @__PURE__ */ Y(
               "button",
               {
                 type: "button",
@@ -741,8 +728,8 @@ function jh({ dev: o, stage: e, zones: a, title: l }) {
             )
           ] }),
           /* @__PURE__ */ rt("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
-            /* @__PURE__ */ L("span", { className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0", children: "Zones" }),
-            a.length === 0 ? /* @__PURE__ */ L("span", { className: "text-[10px] text-foreground-subtle italic", children: "none" }) : a.map((k) => {
+            /* @__PURE__ */ Y("span", { className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0", children: "Zones" }),
+            a.length === 0 ? /* @__PURE__ */ Y("span", { className: "text-[10px] text-foreground-subtle italic", children: "none" }) : a.map((k) => {
               const X = U.zoneIds.includes(k.id);
               return /* @__PURE__ */ rt(
                 "button",
@@ -751,14 +738,14 @@ function jh({ dev: o, stage: e, zones: a, title: l }) {
                   onClick: () => T(B, k.id),
                   className: `${$l} ${X ? ts : es}`,
                   children: [
-                    /* @__PURE__ */ L(
+                    /* @__PURE__ */ Y(
                       "span",
                       {
                         className: "h-2 w-2 rounded-sm",
                         style: { backgroundColor: k.color || "#3b82f6" }
                       }
                     ),
-                    /* @__PURE__ */ L("span", { className: "truncate max-w-[7rem]", children: k.name || k.id })
+                    /* @__PURE__ */ Y("span", { className: "truncate max-w-[7rem]", children: k.name || k.id })
                   ]
                 },
                 k.id
@@ -766,10 +753,10 @@ function jh({ dev: o, stage: e, zones: a, title: l }) {
             })
           ] }),
           /* @__PURE__ */ rt("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
-            /* @__PURE__ */ L("span", { className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0", children: "Class" }),
-            U2.map((k) => {
+            /* @__PURE__ */ Y("span", { className: "text-[9px] uppercase tracking-wider text-foreground-subtle w-12 sm:w-14 flex-shrink-0", children: "Class" }),
+            G2.map((k) => {
               const X = U.classFilter.includes(k.id);
-              return /* @__PURE__ */ L(
+              return /* @__PURE__ */ Y(
                 "button",
                 {
                   type: "button",
@@ -780,28 +767,28 @@ function jh({ dev: o, stage: e, zones: a, title: l }) {
                 k.id
               );
             }),
-            U.classFilter.length === 0 && /* @__PURE__ */ L("span", { className: "text-[10px] text-foreground-subtle italic ml-1", children: "any" })
+            U.classFilter.length === 0 && /* @__PURE__ */ Y("span", { className: "text-[10px] text-foreground-subtle italic ml-1", children: "any" })
           ] })
         ]
       },
       U.id
     )) }),
-    v && /* @__PURE__ */ L("p", { className: "mt-2 text-[10px] text-danger", children: v })
+    v && /* @__PURE__ */ Y("p", { className: "mt-2 text-[10px] text-danger", children: v })
   ] });
 }
-const Y2 = Math.PI / 180;
-function X2() {
+const U2 = Math.PI / 180;
+function L2() {
   return typeof window < "u" && ({}.toString.call(window) === "[object Window]" || {}.toString.call(window) === "[object global]");
 }
 const da = typeof global < "u" ? global : typeof window < "u" ? window : typeof WorkerGlobalScope < "u" ? self : {}, J = {
   _global: da,
   version: "10.3.0",
-  isBrowser: X2(),
+  isBrowser: L2(),
   isUnminified: /param/.test(function(o) {
   }.toString()),
   dblClickWindow: 400,
   getAngle(o) {
-    return J.angleDeg ? o * Y2 : o;
+    return J.angleDeg ? o * U2 : o;
   },
   enableTrace: !1,
   pointerEventsEnabled: !0,
@@ -843,7 +830,7 @@ const da = typeof global < "u" ? global : typeof window < "u" ? window : typeof
   J[o.prototype.getClassName()] = o;
 };
 J._injectGlobal(J);
-const q2 = `Konva.js unsupported environment.
+const w2 = `Konva.js unsupported environment.
 Looks like you are trying to use Konva.js in Node.js environment. because "document" object is undefined.
@@ -858,7 +845,7 @@ bash: npm install skia-canvas
 js: import "konva/skia-backend";
 `, Vh = () => {
   if (typeof document > "u")
-    throw new Error(q2);
+    throw new Error(w2);
 };
 class Ge {
   constructor(e = [1, 0, 0, 1, 0, 0]) {
@@ -931,7 +918,7 @@ class Ge {
     return g.rotation = M._getRotation(g.rotation), g;
   }
 }
-const j2 = "[object Array]", V2 = "[object Number]", Z2 = "[object String]", K2 = "[object Boolean]", Q2 = Math.PI / 180, k2 = 180 / Math.PI, Gi = "#", P2 = "", J2 = "0", F2 = "Konva warning: ", Zh = "Konva error: ", W2 = "rgb(", ro = {
+const Y2 = "[object Array]", X2 = "[object Number]", q2 = "[object String]", j2 = "[object Boolean]", V2 = Math.PI / 180, Z2 = 180 / Math.PI, Gi = "#", K2 = "", Q2 = "0", k2 = "Konva warning: ", Zh = "Konva error: ", P2 = "rgb(", ro = {
   aliceblue: [240, 248, 255],
   antiquewhite: [250, 235, 215],
   aqua: [0, 255, 255],
@@ -1081,9 +1068,9 @@ const j2 = "[object Array]", V2 = "[object Number]", Z2 = "[object String]", K2
   whitesmoke: [245, 245, 245],
   yellow: [255, 255, 0],
   yellowgreen: [154, 205, 5]
-}, I2 = /rgb\((\d{1,3}),(\d{1,3}),(\d{1,3})\)/;
+}, J2 = /rgb\((\d{1,3}),(\d{1,3}),(\d{1,3})\)/;
 let as = [], Hi = null;
-const $2 = typeof requestAnimationFrame < "u" && requestAnimationFrame || function(o) {
+const F2 = typeof requestAnimationFrame < "u" && requestAnimationFrame || function(o) {
   setTimeout(o, 16);
 }, M = {
   _isElement(o) {
@@ -1096,16 +1083,16 @@ const $2 = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
     return !!o && o.constructor === Object;
   },
   _isArray(o) {
-    return Object.prototype.toString.call(o) === j2;
+    return Object.prototype.toString.call(o) === Y2;
   },
   _isNumber(o) {
-    return Object.prototype.toString.call(o) === V2 && !isNaN(o) && isFinite(o);
+    return Object.prototype.toString.call(o) === X2 && !isNaN(o) && isFinite(o);
   },
   _isString(o) {
-    return Object.prototype.toString.call(o) === Z2;
+    return Object.prototype.toString.call(o) === q2;
   },
   _isBoolean(o) {
-    return Object.prototype.toString.call(o) === K2;
+    return Object.prototype.toString.call(o) === j2;
   },
   isObject(o) {
     return o instanceof Object;
@@ -1120,7 +1107,7 @@ const $2 = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
     return o === 0 || o > 0 ? 1 : -1;
   },
   requestAnimFrame(o) {
-    as.push(o), as.length === 1 && $2(function() {
+    as.push(o), as.length === 1 && F2(function() {
       const e = as;
       as = [], e.forEach(function(a) {
         a();
@@ -1155,7 +1142,7 @@ const $2 = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
     return ((1 << 24) + (o << 16) + (e << 8) + a).toString(16).slice(1);
   },
   _hexToRgb(o) {
-    o = o.replace(Gi, P2);
+    o = o.replace(Gi, K2);
     const e = parseInt(o, 16);
     return {
       r: e >> 16 & 255,
@@ -1166,7 +1153,7 @@ const $2 = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
   getRandomColor() {
     let o = (Math.random() * 16777215 << 0).toString(16);
     for (; o.length < 6; )
-      o = J2 + o;
+      o = Q2 + o;
     return Gi + o;
   },
   isCanvasFarblingActive() {
@@ -1206,7 +1193,7 @@ const $2 = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
       r: e[0],
       g: e[1],
       b: e[2]
-    }) : o[0] === Gi ? this._hexToRgb(o.substring(1)) : o.substr(0, 4) === W2 ? (e = I2.exec(o.replace(/ /g, "")), {
+    }) : o[0] === Gi ? this._hexToRgb(o.substring(1)) : o.substr(0, 4) === P2 ? (e = J2.exec(o.replace(/ /g, "")), {
       r: parseInt(e[1], 10),
       g: parseInt(e[2], 10),
       b: parseInt(e[3], 10)
@@ -1324,10 +1311,10 @@ const $2 = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
     return o.slice(0);
   },
   degToRad(o) {
-    return o * Q2;
+    return o * V2;
   },
   radToDeg(o) {
-    return o * k2;
+    return o * Z2;
   },
   _degToRad(o) {
     return M.warn("Util._degToRad is removed. Please use public Util.degToRad instead."), M.degToRad(o);
@@ -1348,7 +1335,7 @@ const $2 = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
     console.error(Zh + o);
   },
   warn(o) {
-    J.showWarnings && console.warn(F2 + o);
+    J.showWarnings && console.warn(k2 + o);
   },
   each(o, e) {
     for (const a in o)
@@ -1454,7 +1441,7 @@ const $2 = typeof requestAnimationFrame < "u" && requestAnimationFrame || functi
     }
   }
 };
-function t3(o) {
+function W2(o) {
   const e = [], a = o.length, l = M;
   for (let s = 0; s < a; s++) {
     let u = o[s];
@@ -1462,7 +1449,7 @@ function t3(o) {
   }
   return e;
 }
-const Kh = ",", e3 = "(", n3 = ")", a3 = "([", i3 = "])", l3 = ";", s3 = "()", r3 = "=", Qh = [
+const Kh = ",", I2 = "(", $2 = ")", t5 = "([", e5 = "])", n5 = ";", a5 = "()", i5 = "=", Qh = [
   "arc",
   "arcTo",
   "beginPath",
@@ -1495,7 +1482,7 @@ const Kh = ",", e3 = "(", n3 = ")", a3 = "([", i3 = "])", l3 = ";", s3 = "()", r
   "strokeText",
   "transform",
   "translate"
-], o3 = [
+], l5 = [
   "fillStyle",
   "strokeStyle",
   "shadowColor",
@@ -1516,7 +1503,7 @@ const Kh = ",", e3 = "(", n3 = ")", a3 = "([", i3 = "])", l3 = ";", s3 = "()", r
   "globalCompositeOperation",
   "imageSmoothingEnabled",
   "filter"
-], u3 = 100;
+], s5 = 100;
 let is = null;
 function kh() {
   if (is !== null)
@@ -1548,7 +1535,7 @@ class bs {
   getTrace(e, a) {
     let l = this.traceArr, s = l.length, u = "", c, d, g, m;
     for (c = 0; c < s; c++)
-      d = l[c], g = d.method, g ? (m = d.args, u += g, e ? u += s3 : M._isArray(m[0]) ? u += a3 + m.join(Kh) + i3 : (a && (m = m.map((p) => typeof p == "number" ? Math.floor(p) : p)), u += e3 + m.join(Kh) + n3)) : (u += d.property, e || (u += r3 + d.val)), u += l3;
+      d = l[c], g = d.method, g ? (m = d.args, u += g, e ? u += a5 : M._isArray(m[0]) ? u += t5 + m.join(Kh) + e5 : (a && (m = m.map((p) => typeof p == "number" ? Math.floor(p) : p)), u += I2 + m.join(Kh) + $2)) : (u += d.property, e || (u += i5 + d.val)), u += n5;
     return u;
   }
   clearTrace() {
@@ -1556,7 +1543,7 @@ class bs {
   }
   _trace(e) {
     let a = this.traceArr, l;
-    a.push(e), l = a.length, l >= u3 && a.shift();
+    a.push(e), l = a.length, l >= s5 && a.shift();
   }
   reset() {
     const e = this.getCanvas().getPixelRatio();
@@ -1709,7 +1696,7 @@ class bs {
     const c = function(d) {
       let g = e[d], m;
       e[d] = function() {
-        return u = t3(Array.prototype.slice.call(arguments, 0)), m = g.apply(e, arguments), e._trace({
+        return u = W2(Array.prototype.slice.call(arguments, 0)), m = g.apply(e, arguments), e._trace({
           method: d,
           args: u
         }), m;
@@ -1732,7 +1719,7 @@ class bs {
     !a || a === "source-over" || this.setAttr("globalCompositeOperation", a);
   }
 }
-o3.forEach(function(o) {
+l5.forEach(function(o) {
   Object.defineProperty(bs.prototype, o, {
     get() {
       return this._context[o];
@@ -1742,7 +1729,7 @@ o3.forEach(function(o) {
     }
   });
 });
-class c3 extends bs {
+class r5 extends bs {
   constructor(e, { willReadFrequently: a = !1 } = {}) {
     super(e), this._context = e._canvas.getContext("2d", {
       willReadFrequently: a
@@ -1814,7 +1801,7 @@ class c3 extends bs {
     this.setAttr("shadowColor", u), this.setAttr("shadowBlur", c * Math.min(Math.abs(p), Math.abs(_))), this.setAttr("shadowOffsetX", d.x * p), this.setAttr("shadowOffsetY", d.y * _);
   }
 }
-class h3 extends bs {
+class o5 extends bs {
   constructor(e) {
     super(e), this._context = e._canvas.getContext("2d", {
       willReadFrequently: !0
@@ -1841,7 +1828,7 @@ class h3 extends bs {
   }
 }
 let ls;
-function d3() {
+function u5() {
   if (ls)
     return ls;
   const o = M.createCanvasElement(), e = o.getContext("2d");
@@ -1853,7 +1840,7 @@ function d3() {
 class wo {
   constructor(e) {
     this.pixelRatio = 1, this.width = 0, this.height = 0, this.isCache = !1;
-    const l = (e || {}).pixelRatio || J.pixelRatio || d3();
+    const l = (e || {}).pixelRatio || J.pixelRatio || u5();
     this.pixelRatio = l, this._canvas = M.createCanvasElement(), this._canvas.style.padding = "0", this._canvas.style.margin = "0", this._canvas.style.border = "0", this._canvas.style.background = "transparent", this._canvas.style.position = "absolute", this._canvas.style.top = "0", this._canvas.style.left = "0";
   }
   getContext() {
@@ -1899,14 +1886,14 @@ class wo {
 }
 class Yn extends wo {
   constructor(e = { width: 0, height: 0, willReadFrequently: !1 }) {
-    super(e), this.context = new c3(this, {
+    super(e), this.context = new r5(this, {
       willReadFrequently: e.willReadFrequently
     }), this.setSize(e.width, e.height);
   }
 }
 class Yo extends wo {
   constructor(e = { width: 0, height: 0 }) {
-    super(e), this.hitCanvas = !0, this.context = new h3(this), this.setSize(e.width, e.height);
+    super(e), this.hitCanvas = !0, this.context = new o5(this), this.setSize(e.width, e.height);
   }
 }
 const St = {
@@ -2008,7 +1995,7 @@ function G0() {
       return a || l || M.warn(Xn(o) + ' is a not valid value for "' + e + '" attribute. The value should be a string or a native gradient.'), o;
     };
 }
-function f3() {
+function c5() {
   if (J.isUnminified)
     return function(o, e) {
       const a = Int8Array ? Object.getPrototypeOf(Int8Array) : null;
@@ -2023,7 +2010,7 @@ function Fe() {
       return o === !0 || o === !1 || M.warn(Xn(o) + ' is a not valid value for "' + e + '" attribute. The value should be a boolean.'), o;
     };
 }
-function g3(o) {
+function h5(o) {
   if (J.isUnminified)
     return function(e, a) {
       return e == null || M.isObject(e) || M.warn(Xn(e) + ' is a not valid value for "' + a + '" attribute. The value should be an object with properties ' + o), e;
@@ -2060,7 +2047,7 @@ const Bi = "get", Ui = "set", C = {
       }
       return p;
     };
-    const m = g3(a);
+    const m = h5(a);
     o.prototype[g] = function(p) {
       const _ = this.attrs[e];
       l && (p = l.call(this, p, e)), m && m.call(this, p, e);
@@ -2101,7 +2088,7 @@ const Bi = "get", Ui = "set", C = {
     this._filterUpToDate = !1;
   }
 };
-function m3(o) {
+function d5(o) {
   const e = /(\w+)\(([^)]+)\)/g;
   let a;
   for (; (a = e.exec(o)) !== null; ) {
@@ -2155,7 +2142,7 @@ function m3(o) {
   return () => {
   };
 }
-const gs = "absoluteOpacity", Ph = "allEventListeners", pn = "absoluteTransform", Jh = "absoluteScale", ca = "canvas", p3 = "Change", y3 = "children", v3 = "konva", xo = "listening", _3 = "mouseenter", S3 = "mouseleave", b3 = "pointerenter", C3 = "pointerleave", x3 = "touchenter", E3 = "touchleave", Fh = "set", Wh = "Shape", ms = " ", Ih = "stage", Ln = "transform", T3 = "Stage", Eo = "visible", A3 = [
+const gs = "absoluteOpacity", Ph = "allEventListeners", pn = "absoluteTransform", Jh = "absoluteScale", ca = "canvas", f5 = "Change", g5 = "children", m5 = "konva", xo = "listening", p5 = "mouseenter", y5 = "mouseleave", v5 = "pointerenter", _5 = "pointerleave", S5 = "touchenter", b5 = "touchleave", Fh = "set", Wh = "Shape", ms = " ", Ih = "stage", Ln = "transform", C5 = "Stage", Eo = "visible", x5 = [
   "xChange.konva",
   "yChange.konva",
   "scaleXChange.konva",
@@ -2167,10 +2154,10 @@ const gs = "absoluteOpacity", Ph = "allEventListeners", pn = "absoluteTransform"
   "offsetYChange.konva",
   "transformsEnabledChange.konva"
 ].join(ms);
-let M3 = 1;
+let E5 = 1;
 class Q {
   constructor(e) {
-    this._id = M3++, this.eventListeners = {}, this.attrs = {}, this.index = 0, this._allEventListeners = null, this.parent = null, this._cache = /* @__PURE__ */ new Map(), this._attachedDepsListeners = /* @__PURE__ */ new Map(), this._lastPos = null, this._batchingTransformChange = !1, this._needClearTransformCache = !1, this._filterUpToDate = !1, this._isUnderCache = !1, this._dragEventId = null, this._shouldFireChangeEvents = !1, this.setAttrs(e), this._shouldFireChangeEvents = !0;
+    this._id = E5++, this.eventListeners = {}, this.attrs = {}, this.index = 0, this._allEventListeners = null, this.parent = null, this._cache = /* @__PURE__ */ new Map(), this._attachedDepsListeners = /* @__PURE__ */ new Map(), this._lastPos = null, this._batchingTransformChange = !1, this._needClearTransformCache = !1, this._filterUpToDate = !1, this._isUnderCache = !1, this._dragEventId = null, this._shouldFireChangeEvents = !1, this.setAttrs(e), this._shouldFireChangeEvents = !0;
   }
   hasChildren() {
     return !1;
@@ -2299,7 +2286,7 @@ class Q {
     }
     try {
       for (c = e.length, u.clear(), u.drawImage(l._canvas, 0, 0, l.getWidth() / _, l.getHeight() / _), d = u.getImageData(0, 0, s.getWidth(), s.getHeight()), g = 0; g < c; g++)
-        m = e[g], typeof m == "string" && (m = m3(m)), m.call(this, d), u.putImageData(d, 0, 0);
+        m = e[g], typeof m == "string" && (m = d5(m)), m.call(this, d), u.putImageData(d, 0, 0);
     } catch (v) {
       M.error("Unable to apply filter. " + v.message + " This post my help you https://konvajs.org/docs/posts/Tainted_Canvas.html.");
     }
@@ -2388,7 +2375,7 @@ class Q {
       if (!e)
         return this;
       for (a in e)
-        a !== y3 && (l = Fh + M._capitalize(a), M._isFunction(this[l]) ? this[l](e[a]) : this._setAttr(a, e[a]));
+        a !== g5 && (l = Fh + M._capitalize(a), M._isFunction(this[l]) ? this[l](e[a]) : this._setAttr(a, e[a]));
     }), this;
   }
   isListening() {
@@ -2437,7 +2424,7 @@ class Q {
       s.length > 0 && s[0].getDepth() <= e && g(s);
     }
     const m = this.getStage();
-    return a.nodeType !== T3 && m && g(m.getChildren()), l;
+    return a.nodeType !== C5 && m && g(m.getChildren()), l;
   }
   getDepth() {
     let e = 0, a = this.parent;
@@ -2684,7 +2671,7 @@ class Q {
     const g = new this.constructor(a);
     for (l in this.eventListeners)
       for (s = this.eventListeners[l], u = s.length, c = 0; c < u; c++)
-        d = s[c], d.name.indexOf(v3) < 0 && (g.eventListeners[l] || (g.eventListeners[l] = []), g.eventListeners[l].push(d));
+        d = s[c], d.name.indexOf(m5) < 0 && (g.eventListeners[l] || (g.eventListeners[l] = []), g.eventListeners[l].push(d));
     return g;
   }
   _toKonvaCanvas(e) {
@@ -2762,7 +2749,7 @@ class Q {
       }
   }
   _fireChangeEvent(e, a, l) {
-    this._fire(e + p3, {
+    this._fire(e + f5, {
       oldVal: a,
       newVal: l
     });
@@ -2805,12 +2792,12 @@ class Q {
   _fireAndBubble(e, a, l) {
     a && this.nodeType === Wh && (a.target = this);
     const s = [
-      _3,
-      S3,
-      b3,
-      C3,
-      x3,
-      E3
+      p5,
+      y5,
+      v5,
+      _5,
+      S5,
+      b5
     ];
     if (!(s.indexOf(e) !== -1 && (l && (this === l || this.isAncestorOf && this.isAncestorOf(l)) || this.nodeType === "Stage" && !l))) {
       this._fire(e, a);
@@ -2959,7 +2946,7 @@ Q.protoListenerMap = /* @__PURE__ */ new Map();
 Q.prototype.nodeType = "Node";
 Q.prototype._attrsAffectingSize = [];
 Q.prototype.eventListeners = {};
-Q.prototype.on(A3, function() {
+Q.prototype.on(x5, function() {
   if (this._batchingTransformChange) {
     this._needClearTransformCache = !0;
     return;
@@ -3234,7 +3221,7 @@ function Qi(o, e) {
   const l = a.getStage();
   l && l.content, Fi.delete(o), H0 && a._fire("lostpointercapture", qo(new PointerEvent("lostpointercapture")));
 }
-const N3 = "Stage", R3 = "string", $h = "px", D3 = "mouseout", L0 = "mouseleave", w0 = "mouseover", Y0 = "mouseenter", X0 = "mousemove", q0 = "mousedown", j0 = "mouseup", qi = "pointermove", ji = "pointerdown", Wa = "pointerup", Vi = "pointercancel", O3 = "lostpointercapture", ss = "pointerout", Zi = "pointerleave", rs = "pointerover", os = "pointerenter", To = "contextmenu", V0 = "touchstart", Z0 = "touchend", K0 = "touchmove", Q0 = "touchcancel", Ao = "wheel", z3 = 5, G3 = [
+const T5 = "Stage", A5 = "string", $h = "px", M5 = "mouseout", L0 = "mouseleave", w0 = "mouseover", Y0 = "mouseenter", X0 = "mousemove", q0 = "mousedown", j0 = "mouseup", qi = "pointermove", ji = "pointerdown", Wa = "pointerup", Vi = "pointercancel", N5 = "lostpointercapture", ss = "pointerout", Zi = "pointerleave", rs = "pointerover", os = "pointerenter", To = "contextmenu", V0 = "touchstart", Z0 = "touchend", K0 = "touchmove", Q0 = "touchcancel", Ao = "wheel", R5 = 5, D5 = [
   [Y0, "_pointerenter"],
   [q0, "_pointerdown"],
   [X0, "_pointermove"],
@@ -3252,10 +3239,10 @@ const N3 = "Stage", R3 = "string", $h = "px", D3 = "mouseout", L0 = "mouseleave"
   [Wa, "_pointerup"],
   [Vi, "_pointercancel"],
   [Zi, "_pointerleave"],
-  [O3, "_lostpointercapture"]
+  [N5, "_lostpointercapture"]
 ], uo = {
   mouse: {
-    [ss]: D3,
+    [ss]: M5,
     [Zi]: L0,
     [rs]: w0,
     [os]: Y0,
@@ -3302,7 +3289,7 @@ const N3 = "Stage", R3 = "string", $h = "px", D3 = "mouseout", L0 = "mouseleave"
 function t0(o = {}) {
   return (o.clipFunc || o.clipWidth || o.clipHeight) && M.warn("Stage does not support clipping. Please use clip for Layers or Groups."), o;
 }
-const H3 = "Pointer position is missing and not registered by the stage. Looks like it is outside of the stage container. You can set it manually from event: stage.setPointersPositions(event);", ki = [];
+const O5 = "Pointer position is missing and not registered by the stage. Looks like it is outside of the stage container. You can set it manually from event: stage.setPointersPositions(event);", ki = [];
 let xs = class extends He {
   constructor(e) {
     super(t0(e)), this._pointerPositions = [], this._changedPointerPositions = [], this._buildDOM(), this._bindContentEvents(), ki.push(this), this.on("widthChange.konva heightChange.konva", this._resizeDOM), this.on("visibleChange.konva", this._checkVisibility), this.on("clipWidthChange.konva clipHeightChange.konva clipFuncChange.konva", () => {
@@ -3320,7 +3307,7 @@ let xs = class extends He {
     this.content.style.display = e;
   }
   setContainer(e) {
-    if (typeof e === R3) {
+    if (typeof e === A5) {
       let a;
       if (e.charAt(0) === ".") {
         const l = e.slice(1);
@@ -3356,7 +3343,7 @@ let xs = class extends He {
     return e ? {
       x: e.x,
       y: e.y
-    } : (M.warn(H3), null);
+    } : (M.warn(O5), null);
   }
   _getPointerById(e) {
     return this._pointerPositions.find((a) => a.id === e);
@@ -3409,7 +3396,7 @@ let xs = class extends He {
     }
     super.add(e);
     const l = this.children.length;
-    return l > z3 && M.warn("The stage has " + l + " layers. Recommended maximum number of layers is 3-5. Adding more layers into the stage may drop the performance. Rethink your tree structure, you can use Konva.Group."), e.setSize({ width: this.width(), height: this.height() }), e.draw(), J.isBrowser && this.content.appendChild(e.canvas._canvas), this;
+    return l > R5 && M.warn("The stage has " + l + " layers. Recommended maximum number of layers is 3-5. Adding more layers into the stage may drop the performance. Rethink your tree structure, you can use Konva.Group."), e.setSize({ width: this.width(), height: this.height() }), e.draw(), J.isBrowser && this.content.appendChild(e.canvas._canvas), this;
   }
   getParent() {
     return null;
@@ -3430,7 +3417,7 @@ let xs = class extends He {
     return this.children;
   }
   _bindContentEvents() {
-    J.isBrowser && G3.forEach(([e, a]) => {
+    J.isBrowser && D5.forEach(([e, a]) => {
       this.content.addEventListener(e, (l) => {
         this[a](l);
       }, { passive: !1 });
@@ -3668,7 +3655,7 @@ let xs = class extends He {
     }), this;
   }
 };
-xs.prototype.nodeType = N3;
+xs.prototype.nodeType = T5;
 Xt(xs);
 C.addGetterSetter(xs, "container");
 J.isBrowser && document.addEventListener("visibilitychange", () => {
@@ -3682,33 +3669,33 @@ function co() {
   return us || (us = M.createCanvasElement().getContext("2d"), us);
 }
 const Pi = {};
-function B3(o) {
+function z5(o) {
   const e = this.attrs.fillRule;
   e ? o.fill(e) : o.fill();
 }
-function U3(o) {
+function G5(o) {
   o.stroke();
 }
-function L3(o) {
+function H5(o) {
   const e = this.attrs.fillRule;
   e ? o.fill(e) : o.fill();
 }
-function w3(o) {
+function B5(o) {
   o.stroke();
 }
-function Y3() {
+function U5() {
   this._clearCache(k0);
 }
-function X3() {
+function L5() {
   this._clearCache(P0);
 }
-function q3() {
+function w5() {
   this._clearCache(J0);
 }
-function j3() {
+function Y5() {
   this._clearCache(F0);
 }
-function V3() {
+function X5() {
   this._clearCache(W0);
 }
 class q extends Q {
@@ -3939,19 +3926,19 @@ class q extends Q {
     Qi(e);
   }
 }
-q.prototype._fillFunc = B3;
-q.prototype._strokeFunc = U3;
-q.prototype._fillFuncHit = L3;
-q.prototype._strokeFuncHit = w3;
+q.prototype._fillFunc = z5;
+q.prototype._strokeFunc = G5;
+q.prototype._fillFuncHit = H5;
+q.prototype._strokeFuncHit = B5;
 q.prototype._centroid = !1;
 q.prototype.nodeType = "Shape";
 Xt(q);
 q.prototype.eventListeners = {};
-q.prototype.on("shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", Y3);
-q.prototype.on("shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", X3);
-q.prototype.on("fillPriorityChange.konva fillPatternImageChange.konva fillPatternRepeatChange.konva fillPatternScaleXChange.konva fillPatternScaleYChange.konva fillPatternOffsetXChange.konva fillPatternOffsetYChange.konva fillPatternXChange.konva fillPatternYChange.konva fillPatternRotationChange.konva", q3);
-q.prototype.on("fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva", j3);
-q.prototype.on("fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva", V3);
+q.prototype.on("shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", U5);
+q.prototype.on("shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", L5);
+q.prototype.on("fillPriorityChange.konva fillPatternImageChange.konva fillPatternRepeatChange.konva fillPatternScaleXChange.konva fillPatternScaleYChange.konva fillPatternOffsetXChange.konva fillPatternOffsetYChange.konva fillPatternXChange.konva fillPatternYChange.konva fillPatternRotationChange.konva", w5);
+q.prototype.on("fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva", Y5);
+q.prototype.on("fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva", X5);
 C.addGetterSetter(q, "stroke", void 0, G0());
 C.addGetterSetter(q, "strokeWidth", 2, K());
 C.addGetterSetter(q, "fillAfterStrokeEnabled", !1);
@@ -4043,13 +4030,13 @@ C.backCompat(q, {
   getDrawHitFunc: "getHitFunc",
   setDrawHitFunc: "setHitFunc"
 });
-const Z3 = "beforeDraw", K3 = "draw", I0 = [
+const q5 = "beforeDraw", j5 = "draw", I0 = [
   { x: 0, y: 0 },
   { x: -1, y: -1 },
   { x: 1, y: -1 },
   { x: 1, y: 1 },
   { x: -1, y: 1 }
-], Q3 = I0.length;
+], V5 = I0.length;
 let pa = class extends He {
   constructor(e) {
     super(e), this.canvas = new Yn(), this.hitCanvas = new Yo({
@@ -4162,7 +4149,7 @@ let pa = class extends He {
       return null;
     let a = 1, l = !1;
     for (; ; ) {
-      for (let s = 0; s < Q3; s++) {
+      for (let s = 0; s < V5; s++) {
         const u = I0[s], c = this._getIntersection({
           x: e.x + u.x * a,
           y: e.y + u.y * a
@@ -4195,9 +4182,9 @@ let pa = class extends He {
   }
   drawScene(e, a, l) {
     const s = this.getLayer(), u = e || s && s.getCanvas();
-    return this._fire(Z3, {
+    return this._fire(q5, {
       node: this
-    }), this.clearBeforeDraw() && u.getContext().clear(), He.prototype.drawScene.call(this, u, a, l), this._fire(K3, {
+    }), this.clearBeforeDraw() && u.getContext().clear(), He.prototype.drawScene.call(this, u, a, l), this._fire(j5, {
       node: this
     }), this;
   }
@@ -4331,15 +4318,15 @@ class je {
 je.animations = [];
 je.animIdCounter = 0;
 je.animRunning = !1;
-const k3 = {
+const Z5 = {
   node: 1,
   duration: 1,
   easing: 1,
   onFinish: 1,
   yoyo: 1
-}, P3 = 1, e0 = 2, n0 = 3, a0 = ["fill", "stroke", "shadowColor"];
-let J3 = 0;
-class F3 {
+}, K5 = 1, e0 = 2, n0 = 3, a0 = ["fill", "stroke", "shadowColor"];
+let Q5 = 0;
+class k5 {
   constructor(e, a, l, s, u, c, d) {
     this.prop = e, this.propFunc = a, this.begin = s, this._pos = s, this.duration = c, this._change = 0, this.prevPos = 0, this.yoyo = d, this._time = 0, this._position = 0, this._startTime = 0, this._finish = 0, this.func = l, this._change = u - this.begin, this.pause();
   }
@@ -4382,7 +4369,7 @@ class F3 {
     this.state === e0 ? this.setTime(e) : this.state === n0 && this.setTime(this.duration - e);
   }
   pause() {
-    this.state = P3, this.fire("onPause");
+    this.state = K5, this.fire("onPause");
   }
   getTimer() {
     return (/* @__PURE__ */ new Date()).getTime();
@@ -4392,15 +4379,15 @@ class zt {
   constructor(e) {
     const a = this, l = e.node, s = l._id, u = e.easing || Ji.Linear, c = !!e.yoyo;
     let d, g;
-    typeof e.duration > "u" ? d = 0.3 : e.duration === 0 ? d = 1e-3 : d = e.duration, this.node = l, this._id = J3++;
+    typeof e.duration > "u" ? d = 0.3 : e.duration === 0 ? d = 1e-3 : d = e.duration, this.node = l, this._id = Q5++;
     const m = l.getLayer() || (l instanceof J.Stage ? l.getLayers() : null);
     m || M.error("Tween constructor have `node` that is not in a layer. Please add node into layer first."), this.anim = new je(function() {
       a.tween.onEnterFrame();
-    }, m), this.tween = new F3(g, function(p) {
+    }, m), this.tween = new k5(g, function(p) {
       a._tweenFunc(p);
     }, u, 0, 1, d * 1e3, c), this._addListeners(), zt.attrs[s] || (zt.attrs[s] = {}), zt.attrs[s][this._id] || (zt.attrs[s][this._id] = {}), zt.tweens[s] || (zt.tweens[s] = {});
     for (g in e)
-      k3[g] === void 0 && this._addAttr(g, e[g]);
+      Z5[g] === void 0 && this._addAttr(g, e[g]);
     this.reset(), this.onFinish = e.onFinish, this.onReset = e.onReset, this.onUpdate = e.onUpdate;
   }
   _addAttr(e, a) {
@@ -4630,7 +4617,7 @@ function i0(o, e) {
   }
   return l;
 }
-function W3(o) {
+function P5(o) {
   const e = [
     [o[0], o[2], o[4], o[6]],
     [o[1], o[3], o[5], o[7]]
@@ -4719,7 +4706,7 @@ let vn = class extends q {
     ] : this.bezier() ? e = [
       e[0],
       e[1],
-      ...W3(this.points()),
+      ...P5(this.points()),
       e[e.length - 2],
       e[e.length - 1]
     ] : e = this.points();
@@ -4740,8 +4727,8 @@ Xt(vn);
 C.addGetterSetter(vn, "closed", !1);
 C.addGetterSetter(vn, "bezier", !1);
 C.addGetterSetter(vn, "tension", 0, K());
-C.addGetterSetter(vn, "points", [], f3());
-const I3 = [
+C.addGetterSetter(vn, "points", [], c5());
+const J5 = [
   [],
   [],
   [
@@ -5089,7 +5076,7 @@ const I3 = [
     -0.9951872199970213,
     0.9951872199970213
   ]
-], $3 = [
+], F5 = [
   [],
   [],
   [1, 1],
@@ -5434,12 +5421,12 @@ const I3 = [
     0.0123412297999872,
     0.0123412297999872
   ]
-], t5 = [[1], [1, 1], [1, 2, 1], [1, 3, 3, 1]], l0 = (o, e, a) => {
+], W5 = [[1], [1, 1], [1, 2, 1], [1, 3, 3, 1]], l0 = (o, e, a) => {
   let l, s;
   const c = a / 2;
   l = 0;
   for (let d = 0; d < 20; d++)
-    s = c * I3[20][d] + c, l += $3[20][d] * e5(o, e, s);
+    s = c * J5[20][d] + c, l += F5[20][d] * I5(o, e, s);
   return c * l;
 }, s0 = (o, e, a) => {
   a === void 0 && (a = 1);
@@ -5449,7 +5436,7 @@ const I3 = [
   const p = g / (2 * d), _ = m / d, v = a + p, b = _ - p * p, S = v * v + b > 0 ? Math.sqrt(v * v + b) : 0, R = p * p + b > 0 ? Math.sqrt(p * p + b) : 0, T = p + Math.sqrt(p * p + b) !== 0 ? b * Math.log(Math.abs((v + S) / (p + R))) : 0;
   return Math.sqrt(d) / 2 * (v * S - p * R + T);
 };
-function e5(o, e, a) {
+function I5(o, e, a) {
   const l = No(1, a, o), s = No(1, a, e), u = l * l + s * s;
   return Math.sqrt(u);
 }
@@ -5461,7 +5448,7 @@ const No = (o, e, a) => {
   if (o === 0) {
     u = 0;
     for (let c = 0; c <= l; c++)
-      u += t5[l][c] * Math.pow(1 - e, l - c) * Math.pow(e, c) * a[c];
+      u += W5[l][c] * Math.pow(1 - e, l - c) * Math.pow(e, c) * a[c];
     return u;
   } else {
     s = new Array(l);
@@ -5736,7 +5723,7 @@ class Gt extends q {
       for (; S.length > 0 && !isNaN(S[0]); ) {
         let T = "", A = [];
         const E = d, O = g;
-        let H, U, B, k, X, P, nt, w, j, tt;
+        let H, U, B, k, X, P, nt, L, j, tt;
         switch (b) {
           case "l":
             d += S.shift(), g += S.shift(), T = "L", A.push(d, g);
@@ -5795,10 +5782,10 @@ class Gt extends q {
             U = d, B = g, H = u[u.length - 1], H.command === "Q" && (U = d + (d - H.points[0]), B = g + (g - H.points[1])), d += S.shift(), g += S.shift(), T = "Q", A.push(U, B, d, g);
             break;
           case "A":
-            k = S.shift(), X = S.shift(), P = S.shift(), nt = S.shift(), w = S.shift(), j = d, tt = g, d = S.shift(), g = S.shift(), T = "A", A = this.convertEndpointToCenterParameterization(j, tt, d, g, nt, w, k, X, P);
+            k = S.shift(), X = S.shift(), P = S.shift(), nt = S.shift(), L = S.shift(), j = d, tt = g, d = S.shift(), g = S.shift(), T = "A", A = this.convertEndpointToCenterParameterization(j, tt, d, g, nt, L, k, X, P);
             break;
           case "a":
-            k = S.shift(), X = S.shift(), P = S.shift(), nt = S.shift(), w = S.shift(), j = d, tt = g, d += S.shift(), g += S.shift(), T = "A", A = this.convertEndpointToCenterParameterization(j, tt, d, g, nt, w, k, X, P);
+            k = S.shift(), X = S.shift(), P = S.shift(), nt = S.shift(), L = S.shift(), j = d, tt = g, d += S.shift(), g += S.shift(), T = "A", A = this.convertEndpointToCenterParameterization(j, tt, d, g, nt, L, k, X, P);
             break;
         }
         u.push({
@@ -5851,10 +5838,10 @@ class Gt extends q {
     u === c && (S *= -1), isNaN(S) && (S = 0);
     const R = S * d * v / g, T = S * -g * _ / d, A = (e + l) / 2 + Math.cos(p) * R - Math.sin(p) * T, E = (a + s) / 2 + Math.sin(p) * R + Math.cos(p) * T, O = function(nt) {
       return Math.sqrt(nt[0] * nt[0] + nt[1] * nt[1]);
-    }, H = function(nt, w) {
-      return (nt[0] * w[0] + nt[1] * w[1]) / (O(nt) * O(w));
-    }, U = function(nt, w) {
-      return (nt[0] * w[1] < nt[1] * w[0] ? -1 : 1) * Math.acos(H(nt, w));
+    }, H = function(nt, L) {
+      return (nt[0] * L[0] + nt[1] * L[1]) / (O(nt) * O(L));
+    }, U = function(nt, L) {
+      return (nt[0] * L[1] < nt[1] * L[0] ? -1 : 1) * Math.acos(H(nt, L));
     }, B = U([1, 0], [(_ - R) / d, (v - T) / g]), k = [(_ - R) / d, (v - T) / g], X = [(-1 * _ - R) / d, (-1 * v - T) / g];
     let P = U(k, X);
     return H(k, X) <= -1 && (P = Math.PI), H(k, X) >= 1 && (P = 0), c === 0 && P > 0 && (P = P - 2 * Math.PI), c === 1 && P < 0 && (P = P + 2 * Math.PI), [A, E, d, g, B, P, p, c];
@@ -6040,7 +6027,7 @@ const $0 = [
   "pointerDirection",
   "pointerWidth",
   "pointerHeight"
-], n5 = "Change.konva", a5 = "none", Ro = "up", Do = "right", Oo = "down", zo = "left", i5 = $0.length;
+], $5 = "Change.konva", t3 = "none", Ro = "up", Do = "right", Oo = "down", zo = "left", e3 = $0.length;
 class Vo extends Ia {
   constructor(e) {
     super(e), this.on("add.konva", function(a) {
@@ -6058,8 +6045,8 @@ class Vo extends Ia {
     const s = function() {
       a._sync();
     };
-    for (l = 0; l < i5; l++)
-      e.on($0[l] + n5, s);
+    for (l = 0; l < e3; l++)
+      e.on($0[l] + $5, s);
   }
   getWidth() {
     return this.getText().width();
@@ -6116,7 +6103,7 @@ class va extends q {
 }
 va.prototype.className = "Tag";
 Xt(va);
-C.addGetterSetter(va, "pointerDirection", a5);
+C.addGetterSetter(va, "pointerDirection", t3);
 C.addGetterSetter(va, "pointerWidth", 0, K());
 C.addGetterSetter(va, "pointerHeight", 0, K());
 C.addGetterSetter(va, "cornerRadius", 0, Cs(4));
@@ -6315,7 +6302,7 @@ function wn(o) {
     return e;
   }, []);
 }
-const Pa = "auto", l5 = "center", td = "inherit", Li = "justify", s5 = "Change.konva", ed = "2d", u0 = "-", nd = "left", r5 = "text", o5 = "Text", u5 = "top", c5 = "bottom", c0 = "middle", ad = "normal", h5 = "px ", cs = " ", d5 = "right", h0 = "rtl", f5 = "word", g5 = "char", d0 = "none", fo = "…", id = [
+const Pa = "auto", n3 = "center", td = "inherit", Li = "justify", a3 = "Change.konva", ed = "2d", u0 = "-", nd = "left", i3 = "text", l3 = "Text", s3 = "top", r3 = "bottom", c0 = "middle", ad = "normal", o3 = "px ", cs = " ", u3 = "right", h0 = "rtl", c3 = "word", h3 = "char", d0 = "none", fo = "…", id = [
   "direction",
   "fontFamily",
   "fontSize",
@@ -6331,9 +6318,9 @@ const Pa = "auto", l5 = "center", td = "inherit", Li = "justify", s5 = "Change.k
   "wrap",
   "ellipsis",
   "letterSpacing"
-], m5 = id.length;
+], d3 = id.length;
 let wi = null;
-function p5() {
+function f3() {
   if (wi !== null)
     return wi;
   wi = !1;
@@ -6354,7 +6341,7 @@ function p5() {
   }
   return wi;
 }
-function y5(o) {
+function g3(o) {
   return o.split(",").map((e) => {
     e = e.trim();
     const a = e.indexOf(" ") >= 0, l = e.indexOf('"') >= 0 || e.indexOf("'") >= 0;
@@ -6365,20 +6352,20 @@ let hs;
 function go() {
   return hs || (hs = M.createCanvasElement().getContext(ed), hs);
 }
-function v5(o) {
+function m3(o) {
   o.fillText(this._partialText, this._partialTextX, this._partialTextY);
 }
-function _5(o) {
+function p3(o) {
   o.setAttr("miterLimit", 2), o.strokeText(this._partialText, this._partialTextX, this._partialTextY);
 }
-function S5(o) {
+function y3(o) {
   return o = o || {}, !o.fillLinearGradientColorStops && !o.fillRadialGradientColorStops && !o.fillPatternImage && (o.fill = o.fill || "black"), o;
 }
 let Ht = class extends q {
   constructor(e) {
-    super(S5(e)), this._partialTextX = 0, this._partialTextY = 0;
-    for (let a = 0; a < m5; a++)
-      this.on(id[a] + s5, this._setTextData);
+    super(y3(e)), this._partialTextX = 0, this._partialTextY = 0;
+    for (let a = 0; a < d3; a++)
+      this.on(id[a] + a3, this._setTextData);
     this._setTextData();
   }
   _sceneFunc(e) {
@@ -6395,10 +6382,10 @@ let Ht = class extends q {
       const P = (a = X.fontBoundingBoxAscent) !== null && a !== void 0 ? a : X.actualBoundingBoxAscent, nt = (l = X.fontBoundingBoxDescent) !== null && l !== void 0 ? l : X.actualBoundingBoxDescent;
       B = (P - nt) / 2 + g / 2;
     }
-    for (p === h0 && e.setAttr("direction", p), e.setAttr("font", this._getContextFont()), e.setAttr("textBaseline", k), e.setAttr("textAlign", nd), m === c0 ? _ = (this.getHeight() - u * g - c * 2) / 2 : m === c5 && (_ = this.getHeight() - u * g - c * 2), e.translate(c, _ + c), U = 0; U < u; U++) {
+    for (p === h0 && e.setAttr("direction", p), e.setAttr("font", this._getContextFont()), e.setAttr("textBaseline", k), e.setAttr("textAlign", nd), m === c0 ? _ = (this.getHeight() - u * g - c * 2) / 2 : m === r3 && (_ = this.getHeight() - u * g - c * 2), e.translate(c, _ + c), U = 0; U < u; U++) {
       let X = 0, P = 0;
-      const nt = s[U], w = nt.text, j = nt.width, tt = nt.lastInParagraph;
-      if (e.save(), v === d5 ? X += b - j - c * 2 : v === l5 && (X += (b - j - c * 2) / 2), O) {
+      const nt = s[U], L = nt.text, j = nt.width, tt = nt.lastInParagraph;
+      if (e.save(), v === u3 ? X += b - j - c * 2 : v === n3 && (X += (b - j - c * 2) / 2), O) {
         e.save(), e.beginPath();
         const I = E ?? (J.legacyTextRendering ? Math.round(d / 2) : Math.round(d / 4)), F = X, ht = B + P + I;
         e.moveTo(F, ht);
@@ -6409,7 +6396,7 @@ let Ht = class extends q {
       }
       const et = X;
       if (p !== h0 && (S !== 0 || v === Li || R)) {
-        const I = w.split(" ").length - 1, F = wn(w);
+        const I = L.split(" ").length - 1, F = wn(L);
         for (let ht = 0; ht < F.length; ht++) {
           const at = F[ht];
           if (at === " " && !tt && v === Li && (X += (b - c * 2 - j) / I), this._partialTextX = X, this._partialTextY = B + P, this._partialText = at, R) {
@@ -6430,7 +6417,7 @@ let Ht = class extends q {
           e.fillStrokeShape(this), R && e.restore(), X += this.measureSize(at).width + S;
         }
       } else
-        S !== 0 && e.setAttr("letterSpacing", `${S}px`), this._partialTextX = X, this._partialTextY = B + P, this._partialText = w, e.fillStrokeShape(this);
+        S !== 0 && e.setAttr("letterSpacing", `${S}px`), this._partialTextX = X, this._partialTextY = B + P, this._partialText = L, e.fillStrokeShape(this);
       if (H) {
         e.save(), e.beginPath();
         const I = J.legacyTextRendering ? 0 : -Math.round(d / 4), F = et;
@@ -6449,7 +6436,7 @@ let Ht = class extends q {
   }
   setText(e) {
     const a = M._isString(e) ? e : e == null ? "" : e + "";
-    return this._setAttr(r5, a), this;
+    return this._setAttr(i3, a), this;
   }
   getWidth() {
     return this.attrs.width === Pa || this.attrs.width === void 0 ? this.getTextWidth() + this.padding() * 2 : this.attrs.width;
@@ -6485,7 +6472,7 @@ let Ht = class extends q {
     };
   }
   _getContextFont() {
-    return this.fontStyle() + cs + this.fontVariant() + cs + (this.fontSize() + h5) + y5(this.fontFamily());
+    return this.fontStyle() + cs + this.fontVariant() + cs + (this.fontSize() + o3) + g3(this.fontFamily());
   }
   _addTextLine(e) {
     this.align() === Li && (e = e.trim());
@@ -6502,7 +6489,7 @@ let Ht = class extends q {
   }
   _setTextData() {
     let e = this.text().split(`
-`), a = +this.fontSize(), l = 0, s = this.lineHeight() * a, u = this.attrs.width, c = this.attrs.height, d = u !== Pa && u !== void 0, g = c !== Pa && c !== void 0, m = this.padding(), p = u - m * 2, _ = c - m * 2, v = 0, b = this.wrap(), S = b !== d0, R = b !== g5 && S, T = this.ellipsis();
+`), a = +this.fontSize(), l = 0, s = this.lineHeight() * a, u = this.attrs.width, c = this.attrs.height, d = u !== Pa && u !== void 0, g = c !== Pa && c !== void 0, m = this.padding(), p = u - m * 2, _ = c - m * 2, v = 0, b = this.wrap(), S = b !== d0, R = b !== h3 && S, T = this.ellipsis();
     this.textArr = [], go().font = this._getContextFont();
     const A = T ? this._getTextWidth(fo) : 0;
     for (let E = 0, O = e.length; E < O; ++E) {
@@ -6511,7 +6498,7 @@ let Ht = class extends q {
         for (; H.length > 0; ) {
           let B = 0, k = wn(H).length, X = "", P = 0;
           for (; B < k; ) {
-            const nt = B + k >>> 1, w = wn(H), j = w.slice(0, nt + 1).join(""), tt = this._getTextWidth(j);
+            const nt = B + k >>> 1, L = wn(H), j = L.slice(0, nt + 1).join(""), tt = this._getTextWidth(j);
             (T && g && v + s > _ ? tt + A : tt) <= p ? (B = nt + 1, X = j, P = tt) : k = nt;
           }
           if (X) {
@@ -6557,12 +6544,12 @@ let Ht = class extends q {
   }
   _useBufferCanvas() {
     const e = this.textDecoration().indexOf("underline") !== -1 || this.textDecoration().indexOf("line-through") !== -1, a = this.hasShadow();
-    return e && a || a && this.getAbsoluteOpacity() !== 1 && p5() ? !0 : super._useBufferCanvas();
+    return e && a || a && this.getAbsoluteOpacity() !== 1 && f3() ? !0 : super._useBufferCanvas();
   }
 };
-Ht.prototype._fillFunc = v5;
-Ht.prototype._strokeFunc = _5;
-Ht.prototype.className = o5;
+Ht.prototype._fillFunc = m3;
+Ht.prototype._strokeFunc = p3;
+Ht.prototype.className = l3;
 Ht.prototype._attrsAffectingSize = [
   "text",
   "fontSize",
@@ -6581,16 +6568,16 @@ C.addGetterSetter(Ht, "fontStyle", ad);
 C.addGetterSetter(Ht, "fontVariant", ad);
 C.addGetterSetter(Ht, "padding", 0, K());
 C.addGetterSetter(Ht, "align", nd);
-C.addGetterSetter(Ht, "verticalAlign", u5);
+C.addGetterSetter(Ht, "verticalAlign", s3);
 C.addGetterSetter(Ht, "lineHeight", 1, K());
-C.addGetterSetter(Ht, "wrap", f5);
+C.addGetterSetter(Ht, "wrap", c3);
 C.addGetterSetter(Ht, "ellipsis", !1, Fe());
 C.addGetterSetter(Ht, "letterSpacing", 0, K());
 C.addGetterSetter(Ht, "text", "", ma());
 C.addGetterSetter(Ht, "textDecoration", "");
 C.addGetterSetter(Ht, "underlineOffset", void 0, K());
 C.addGetterSetter(Ht, "charRenderFunc", void 0);
-const b5 = "", ld = "normal";
+const v3 = "", ld = "normal";
 function sd(o) {
   o.fillText(this.partialText, 0, 0);
 }
@@ -6762,11 +6749,11 @@ C.addGetterSetter(Ft, "align", "left");
 C.addGetterSetter(Ft, "letterSpacing", 0, K());
 C.addGetterSetter(Ft, "textBaseline", "middle");
 C.addGetterSetter(Ft, "fontVariant", ld);
-C.addGetterSetter(Ft, "text", b5);
+C.addGetterSetter(Ft, "text", v3);
 C.addGetterSetter(Ft, "textDecoration", "");
 C.addGetterSetter(Ft, "kerningFunc", void 0);
 C.addGetterSetter(Ft, "direction", "inherit");
-const od = "tr-konva", C5 = [
+const od = "tr-konva", _3 = [
   "resizeEnabledChange",
   "rotateAnchorOffsetChange",
   "rotateAnchorAngleChange",
@@ -6783,7 +6770,7 @@ const od = "tr-konva", C5 = [
   "anchorCornerRadiusChange",
   "ignoreStrokeChange",
   "anchorStyleFuncChange"
-].map((o) => o + `.${od}`).join(" "), f0 = "nodesRect", x5 = [
+].map((o) => o + `.${od}`).join(" "), f0 = "nodesRect", S3 = [
   "widthChange",
   "heightChange",
   "scaleXChange",
@@ -6796,7 +6783,7 @@ const od = "tr-konva", C5 = [
   "transformsEnabledChange",
   "strokeWidthChange",
   "draggableChange"
-], E5 = {
+], b3 = {
   "top-left": -45,
   "top-center": 0,
   "top-right": 45,
@@ -6805,11 +6792,11 @@ const od = "tr-konva", C5 = [
   "bottom-left": -135,
   "bottom-center": 180,
   "bottom-right": 135
-}, T5 = "ontouchstart" in J._global;
-function A5(o, e, a) {
+}, C3 = "ontouchstart" in J._global;
+function x3(o, e, a) {
   if (o === "rotater")
     return a;
-  e += M.degToRad(E5[o] || 0);
+  e += M.degToRad(b3[o] || 0);
   const l = (M.radToDeg(e) % 360 + 360) % 360;
   return M._inRange(l, 315 + 22.5, 360) || M._inRange(l, 0, 22.5) ? "ns-resize" : M._inRange(l, 45 - 22.5, 45 + 22.5) ? "nesw-resize" : M._inRange(l, 90 - 22.5, 90 + 22.5) ? "ew-resize" : M._inRange(l, 135 - 22.5, 135 + 22.5) ? "nwse-resize" : M._inRange(l, 180 - 22.5, 180 + 22.5) ? "ns-resize" : M._inRange(l, 225 - 22.5, 225 + 22.5) ? "nesw-resize" : M._inRange(l, 270 - 22.5, 270 + 22.5) ? "ew-resize" : M._inRange(l, 315 - 22.5, 315 + 22.5) ? "nwse-resize" : (M.error("Transformer has unknown angle for cursor detection: " + l), "pointer");
 }
@@ -6823,7 +6810,7 @@ const ps = [
   "bottom-center",
   "bottom-right"
 ];
-function M5(o) {
+function E3(o) {
   return {
     x: o.x + o.width / 2 * Math.cos(o.rotation) + o.height / 2 * Math.sin(-o.rotation),
     y: o.y + o.height / 2 * Math.cos(o.rotation) + o.width / 2 * Math.sin(o.rotation)
@@ -6838,11 +6825,11 @@ function ud(o, e, a) {
     y: s
   };
 }
-function N5(o, e) {
-  const a = M5(o);
+function T3(o, e) {
+  const a = E3(o);
   return ud(o, e, a);
 }
-function R5(o, e, a) {
+function A3(o, e, a) {
   let l = e;
   for (let s = 0; s < o.length; s++) {
     const u = J.getAngle(o[s]), c = Math.abs(u - e) % (Math.PI * 2);
@@ -6853,7 +6840,7 @@ function R5(o, e, a) {
 let Go = 0;
 class pt extends Ia {
   constructor(e) {
-    super(e), this._movingAnchorName = null, this._transforming = !1, this._elementsCreated = !1, this._createElements(), this._handleMouseMove = this._handleMouseMove.bind(this), this._handleMouseUp = this._handleMouseUp.bind(this), this.update = this.update.bind(this), this.on(C5, this.update), this.getNode() && this.update();
+    super(e), this._movingAnchorName = null, this._transforming = !1, this._elementsCreated = !1, this._createElements(), this._handleMouseMove = this._handleMouseMove.bind(this), this._handleMouseUp = this._handleMouseUp.bind(this), this.update = this.update.bind(this), this.on(_3, this.update), this.getNode() && this.update();
   }
   attachTo(e) {
     return this.setNode(e), this;
@@ -6878,7 +6865,7 @@ class pt extends Ia {
         const c = s._attrsAffectingSize.map((d) => d + "Change." + this._getEventNamespace()).join(" ");
         s.on(c, u);
       }
-      s.on(x5.map((c) => c + `.${this._getEventNamespace()}`).join(" "), u), s.on(`absoluteTransformChange.${this._getEventNamespace()}`, u), this._proxyDrag(s);
+      s.on(S3.map((c) => c + `.${this._getEventNamespace()}`).join(" "), u), s.on(`absoluteTransformChange.${this._getEventNamespace()}`, u), this._proxyDrag(s);
     }), this._resetTransformCache(), !!this.findOne(".top-left") && this.update(), this;
   }
   _proxyDrag(e) {
@@ -7001,7 +6988,7 @@ class pt extends Ia {
       name: e + " _anchor",
       dragDistance: 0,
       draggable: !0,
-      hitStrokeWidth: T5 ? 10 : "auto"
+      hitStrokeWidth: C3 ? 10 : "auto"
     }), l = this;
     a.on("mousedown touchstart", function(s) {
       l._handleMouseDown(s);
@@ -7010,7 +6997,7 @@ class pt extends Ia {
     }), a.on("dragend", (s) => {
       s.cancelBubble = !0;
     }), a.on("mouseenter", () => {
-      const s = J.getAngle(this.rotation()), u = this.rotateAnchorCursor(), c = A5(e, s, u);
+      const s = J.getAngle(this.rotation()), u = this.rotateAnchorCursor(), c = x3(e, s, u);
       a.getStage().content && (a.getStage().content.style.cursor = c), this._cursorChange = !0;
     }), a.on("mouseout", () => {
       a.getStage().content && (a.getStage().content.style.cursor = ""), this._cursorChange = !1;
@@ -7083,7 +7070,7 @@ class pt extends Ia {
       const O = J.getAngle(this.rotateAnchorAngle());
       let H = Math.atan2(-l, a) + Math.PI / 2 - O;
       E.height < 0 && (H -= Math.PI);
-      const B = J.getAngle(this.rotation()) + H, k = J.getAngle(this.rotationSnapTolerance()), P = R5(this.rotationSnaps(), B, k) - E.rotation, nt = N5(E, P);
+      const B = J.getAngle(this.rotation()) + H, k = J.getAngle(this.rotationSnapTolerance()), P = A3(this.rotationSnaps(), B, k) - E.rotation, nt = T3(E, P);
       this._fitNodesInto(nt, e);
       return;
     }
@@ -7372,14 +7359,14 @@ class pt extends Ia {
   }
 }
 pt.isTransforming = () => Go > 0;
-function D5(o) {
+function M3(o) {
   return o instanceof Array || M.warn("enabledAnchors value should be an array"), o instanceof Array && o.forEach(function(e) {
     ps.indexOf(e) === -1 && M.warn("Unknown anchor name: " + e + ". Available names are: " + ps.join(", "));
   }), o || [];
 }
 pt.prototype.className = "Transformer";
 Xt(pt);
-C.addGetterSetter(pt, "enabledAnchors", ps, D5);
+C.addGetterSetter(pt, "enabledAnchors", ps, M3);
 C.addGetterSetter(pt, "flipEnabled", !0, Fe());
 C.addGetterSetter(pt, "resizeEnabled", !0);
 C.addGetterSetter(pt, "anchorSize", 10, K());
@@ -7447,7 +7434,7 @@ C.backCompat(_n, {
 function g0() {
   this.r = 0, this.g = 0, this.b = 0, this.a = 0, this.next = null;
 }
-const O5 = [
+const N3 = [
   512,
   512,
   456,
@@ -7703,7 +7690,7 @@ const O5 = [
   263,
   261,
   259
-], z5 = [
+], R3 = [
   9,
   11,
   12,
@@ -7960,10 +7947,10 @@ const O5 = [
   24,
   24
 ];
-function G5(o, e) {
+function D3(o, e) {
   const a = o.data, l = o.width, s = o.height;
   let u, c, d, g, m, p, _, v, b, S, R, T, A, E, O, H, U, B, k, X;
-  const P = e + e + 1, nt = l - 1, w = s - 1, j = e + 1, tt = j * (j + 1) / 2, et = new g0(), I = O5[e], F = z5[e];
+  const P = e + e + 1, nt = l - 1, L = s - 1, j = e + 1, tt = j * (j + 1) / 2, et = new g0(), I = N3[e], F = R3[e];
   let ht = null, at = et, ot = null, vt = null;
   for (let _t = 1; _t < P; _t++)
     at = at.next = new g0(), _t === j && (ht = at);
@@ -7985,35 +7972,35 @@ function G5(o, e) {
       at.r = H, at.g = U, at.b = B, at.a = k, at = at.next;
     let Mt = l;
     for (let Wt = 1; Wt <= e; Wt++)
-      c = Mt + _t << 2, g += (at.r = H = a[c]) * (X = j - Wt), m += (at.g = U = a[c + 1]) * X, p += (at.b = B = a[c + 2]) * X, _ += (at.a = k = a[c + 3]) * X, T += H, A += U, E += B, O += k, at = at.next, Wt < w && (Mt += l);
+      c = Mt + _t << 2, g += (at.r = H = a[c]) * (X = j - Wt), m += (at.g = U = a[c + 1]) * X, p += (at.b = B = a[c + 2]) * X, _ += (at.a = k = a[c + 3]) * X, T += H, A += U, E += B, O += k, at = at.next, Wt < L && (Mt += l);
     c = _t, ot = et, vt = ht;
     for (let Wt = 0; Wt < s; Wt++)
-      u = c << 2, a[u + 3] = k = _ * I >> F, k > 0 ? (k = 255 / k, a[u] = (g * I >> F) * k, a[u + 1] = (m * I >> F) * k, a[u + 2] = (p * I >> F) * k) : a[u] = a[u + 1] = a[u + 2] = 0, g -= v, m -= b, p -= S, _ -= R, v -= ot.r, b -= ot.g, S -= ot.b, R -= ot.a, u = _t + ((u = Wt + j) < w ? u : w) * l << 2, g += T += ot.r = a[u], m += A += ot.g = a[u + 1], p += E += ot.b = a[u + 2], _ += O += ot.a = a[u + 3], ot = ot.next, v += H = vt.r, b += U = vt.g, S += B = vt.b, R += k = vt.a, T -= H, A -= U, E -= B, O -= k, vt = vt.next, c += l;
+      u = c << 2, a[u + 3] = k = _ * I >> F, k > 0 ? (k = 255 / k, a[u] = (g * I >> F) * k, a[u + 1] = (m * I >> F) * k, a[u + 2] = (p * I >> F) * k) : a[u] = a[u + 1] = a[u + 2] = 0, g -= v, m -= b, p -= S, _ -= R, v -= ot.r, b -= ot.g, S -= ot.b, R -= ot.a, u = _t + ((u = Wt + j) < L ? u : L) * l << 2, g += T += ot.r = a[u], m += A += ot.g = a[u + 1], p += E += ot.b = a[u + 2], _ += O += ot.a = a[u + 3], ot = ot.next, v += H = vt.r, b += U = vt.g, S += B = vt.b, R += k = vt.a, T -= H, A -= U, E -= B, O -= k, vt = vt.next, c += l;
   }
 }
-const H5 = function(e) {
+const O3 = function(e) {
   const a = Math.round(this.blurRadius());
-  a > 0 && G5(e, a);
+  a > 0 && D3(e, a);
 };
 C.addGetterSetter(Q, "blurRadius", 0, K(), C.afterSetFilter);
-const B5 = function(o) {
+const z3 = function(o) {
   const e = this.brightness() * 255, a = o.data, l = a.length;
   for (let s = 0; s < l; s += 4)
     a[s] += e, a[s + 1] += e, a[s + 2] += e;
 };
 C.addGetterSetter(Q, "brightness", 0, K(), C.afterSetFilter);
-const U5 = function(o) {
+const G3 = function(o) {
   const e = this.brightness(), a = o.data, l = a.length;
   for (let s = 0; s < l; s += 4)
     a[s] = Math.min(255, a[s] * e), a[s + 1] = Math.min(255, a[s + 1] * e), a[s + 2] = Math.min(255, a[s + 2] * e);
-}, L5 = function(o) {
+}, H3 = function(o) {
   const e = Math.pow((this.contrast() + 100) / 100, 2), a = o.data, l = a.length;
   let s = 150, u = 150, c = 150;
   for (let d = 0; d < l; d += 4)
     s = a[d], u = a[d + 1], c = a[d + 2], s /= 255, s -= 0.5, s *= e, s += 0.5, s *= 255, u /= 255, u -= 0.5, u *= e, u += 0.5, u *= 255, c /= 255, c -= 0.5, c *= e, c += 0.5, c *= 255, s = s < 0 ? 0 : s > 255 ? 255 : s, u = u < 0 ? 0 : u > 255 ? 255 : u, c = c < 0 ? 0 : c > 255 ? 255 : c, a[d] = s, a[d + 1] = u, a[d + 2] = c;
 };
 C.addGetterSetter(Q, "contrast", 0, K(), C.afterSetFilter);
-const w5 = function(o) {
+const B3 = function(o) {
   var e, a, l, s, u, c, d, g, m;
   const p = o.data, _ = o.width, v = o.height, b = Math.min(1, Math.max(0, (a = (e = this.embossStrength) === null || e === void 0 ? void 0 : e.call(this)) !== null && a !== void 0 ? a : 0.5)), S = Math.min(1, Math.max(0, (s = (l = this.embossWhiteLevel) === null || l === void 0 ? void 0 : l.call(this)) !== null && s !== void 0 ? s : 0.5)), T = (d = {
     "top-left": 315,
@@ -8027,12 +8014,12 @@ const w5 = function(o) {
   }[(c = (u = this.embossDirection) === null || u === void 0 ? void 0 : u.call(this)) !== null && c !== void 0 ? c : "top-left"]) !== null && d !== void 0 ? d : 315, A = !!((m = (g = this.embossBlend) === null || g === void 0 ? void 0 : g.call(this)) !== null && m !== void 0 && m), E = b * 10, O = S * 255, H = T * Math.PI / 180, U = Math.cos(H), B = Math.sin(H), k = 128 / 1020 * E, X = new Uint8ClampedArray(p), P = new Float32Array(_ * v);
   for (let et = 0, I = 0; I < p.length; I += 4, et++)
     P[et] = 0.2126 * X[I] + 0.7152 * X[I + 1] + 0.0722 * X[I + 2];
-  const nt = [-1, 0, 1, -2, 0, 2, -1, 0, 1], w = [-1, -2, -1, 0, 0, 0, 1, 2, 1], j = [-_ - 1, -_, -_ + 1, -1, 0, 1, _ - 1, _, _ + 1], tt = (et) => et < 0 ? 0 : et > 255 ? 255 : et;
+  const nt = [-1, 0, 1, -2, 0, 2, -1, 0, 1], L = [-1, -2, -1, 0, 0, 0, 1, 2, 1], j = [-_ - 1, -_, -_ + 1, -1, 0, 1, _ - 1, _, _ + 1], tt = (et) => et < 0 ? 0 : et > 255 ? 255 : et;
   for (let et = 1; et < v - 1; et++)
     for (let I = 1; I < _ - 1; I++) {
       const F = et * _ + I;
       let ht = 0, at = 0;
-      ht += P[F + j[0]] * nt[0], at += P[F + j[0]] * w[0], ht += P[F + j[1]] * nt[1], at += P[F + j[1]] * w[1], ht += P[F + j[2]] * nt[2], at += P[F + j[2]] * w[2], ht += P[F + j[3]] * nt[3], at += P[F + j[3]] * w[3], ht += P[F + j[5]] * nt[5], at += P[F + j[5]] * w[5], ht += P[F + j[6]] * nt[6], at += P[F + j[6]] * w[6], ht += P[F + j[7]] * nt[7], at += P[F + j[7]] * w[7], ht += P[F + j[8]] * nt[8], at += P[F + j[8]] * w[8];
+      ht += P[F + j[0]] * nt[0], at += P[F + j[0]] * L[0], ht += P[F + j[1]] * nt[1], at += P[F + j[1]] * L[1], ht += P[F + j[2]] * nt[2], at += P[F + j[2]] * L[2], ht += P[F + j[3]] * nt[3], at += P[F + j[3]] * L[3], ht += P[F + j[5]] * nt[5], at += P[F + j[5]] * L[5], ht += P[F + j[6]] * nt[6], at += P[F + j[6]] * L[6], ht += P[F + j[7]] * nt[7], at += P[F + j[7]] * L[7], ht += P[F + j[8]] * nt[8], at += P[F + j[8]] * L[8];
       const ot = U * ht + B * at, vt = tt(O + ot * k), _t = F * 4;
       if (A) {
         const Mt = vt - O;
@@ -8063,7 +8050,7 @@ function mo(o, e, a, l, s) {
   let d = (o - e) / u;
   return d = c * d + l, d;
 }
-const Y5 = function(o) {
+const U3 = function(o) {
   const e = o.data, a = e.length;
   let l = e[0], s = l, u, c = e[1], d = c, g, m = e[2], p = m, _;
   const v = this.enhance();
@@ -8087,7 +8074,7 @@ const Y5 = function(o) {
     e[O + 0] = mo(e[O + 0], l, s, S, b), e[O + 1] = mo(e[O + 1], c, d, T, R), e[O + 2] = mo(e[O + 2], m, p, E, A);
 };
 C.addGetterSetter(Q, "enhance", 0, K(), C.afterSetFilter);
-const X5 = function(o) {
+const L3 = function(o) {
   const e = o.data, a = e.length;
   for (let l = 0; l < a; l += 4) {
     const s = 0.34 * e[l] + 0.5 * e[l + 1] + 0.16 * e[l + 2];
@@ -8097,12 +8084,12 @@ const X5 = function(o) {
 C.addGetterSetter(Q, "hue", 0, K(), C.afterSetFilter);
 C.addGetterSetter(Q, "saturation", 0, K(), C.afterSetFilter);
 C.addGetterSetter(Q, "luminance", 0, K(), C.afterSetFilter);
-const q5 = function(o) {
+const w3 = function(o) {
   const e = o.data, a = e.length, l = 1, s = Math.pow(2, this.saturation()), u = Math.abs(this.hue() + 360) % 360, c = this.luminance() * 127, d = l * s * Math.cos(u * Math.PI / 180), g = l * s * Math.sin(u * Math.PI / 180), m = 0.299 * l + 0.701 * d + 0.167 * g, p = 0.587 * l - 0.587 * d + 0.33 * g, _ = 0.114 * l - 0.114 * d - 0.497 * g, v = 0.299 * l - 0.299 * d - 0.328 * g, b = 0.587 * l + 0.413 * d + 0.035 * g, S = 0.114 * l - 0.114 * d + 0.293 * g, R = 0.299 * l - 0.3 * d + 1.25 * g, T = 0.587 * l - 0.586 * d - 1.05 * g, A = 0.114 * l + 0.886 * d - 0.2 * g;
   let E, O, H, U;
   for (let B = 0; B < a; B += 4)
     E = e[B + 0], O = e[B + 1], H = e[B + 2], U = e[B + 3], e[B + 0] = m * E + p * O + _ * H + c, e[B + 1] = v * E + b * O + S * H + c, e[B + 2] = R * E + T * O + A * H + c, e[B + 3] = U;
-}, j5 = function(o) {
+}, Y3 = function(o) {
   const e = o.data, a = e.length, l = Math.pow(2, this.value()), s = Math.pow(2, this.saturation()), u = Math.abs(this.hue() + 360) % 360, c = l * s * Math.cos(u * Math.PI / 180), d = l * s * Math.sin(u * Math.PI / 180), g = 0.299 * l + 0.701 * c + 0.167 * d, m = 0.587 * l - 0.587 * c + 0.33 * d, p = 0.114 * l - 0.114 * c - 0.497 * d, _ = 0.299 * l - 0.299 * c - 0.328 * d, v = 0.587 * l + 0.413 * c + 0.035 * d, b = 0.114 * l - 0.114 * c + 0.293 * d, S = 0.299 * l - 0.3 * c + 1.25 * d, R = 0.587 * l - 0.586 * c - 1.05 * d, T = 0.114 * l + 0.886 * c - 0.2 * d;
   for (let A = 0; A < a; A += 4) {
     const E = e[A + 0], O = e[A + 1], H = e[A + 2], U = e[A + 3];
@@ -8112,11 +8099,11 @@ const q5 = function(o) {
 C.addGetterSetter(Q, "hue", 0, K(), C.afterSetFilter);
 C.addGetterSetter(Q, "saturation", 0, K(), C.afterSetFilter);
 C.addGetterSetter(Q, "value", 0, K(), C.afterSetFilter);
-const V5 = function(o) {
+const X3 = function(o) {
   const e = o.data, a = e.length;
   for (let l = 0; l < a; l += 4)
     e[l] = 255 - e[l], e[l + 1] = 255 - e[l + 1], e[l + 2] = 255 - e[l + 2];
-}, Z5 = function(o, e, a) {
+}, q3 = function(o, e, a) {
   const l = o.data, s = e.data, u = o.width, c = o.height, d = a.polarCenterX || u / 2, g = a.polarCenterY || c / 2;
   let m = Math.sqrt(d * d + g * g), p = u - d, _ = c - g;
   const v = Math.sqrt(p * p + _ * _);
@@ -8131,7 +8118,7 @@ const V5 = function(o) {
       H = (T + O * u) * 4, s[H + 0] = U, s[H + 1] = B, s[H + 2] = k, s[H + 3] = X;
     }
   }
-}, K5 = function(o, e, a) {
+}, j3 = function(o, e, a) {
   const l = o.data, s = e.data, u = o.width, c = o.height, d = a.polarCenterX || u / 2, g = a.polarCenterY || c / 2;
   let m = Math.sqrt(d * d + g * g), p = u - d, _ = c - g;
   const v = Math.sqrt(p * p + _ * _);
@@ -8147,7 +8134,7 @@ const V5 = function(o) {
       const k = l[B + 0], X = l[B + 1], P = l[B + 2], nt = l[B + 3];
       B = (_ * u + p) * 4, s[B + 0] = k, s[B + 1] = X, s[B + 2] = P, s[B + 3] = nt;
     }
-}, Q5 = function(o) {
+}, V3 = function(o) {
   const e = o.width, a = o.height;
   let l, s, u, c, d, g, m, p, _, v, b = Math.round(this.kaleidoscopePower());
   const S = Math.round(this.kaleidoscopeAngle()), R = Math.floor(e * (S % 360) / 360);
@@ -8156,7 +8143,7 @@ const V5 = function(o) {
   const T = M.createCanvasElement();
   T.width = e, T.height = a;
   const A = T.getContext("2d").getImageData(0, 0, e, a);
-  M.releaseCanvas(T), Z5(o, A, {
+  M.releaseCanvas(T), q3(o, A, {
     polarCenterX: e / 2,
     polarCenterY: a / 2
   });
@@ -8174,7 +8161,7 @@ const V5 = function(o) {
         _ = (e * s + l) * 4, d = A.data[_ + 0], g = A.data[_ + 1], m = A.data[_ + 2], p = A.data[_ + 3], v = (e * s + O * 2 - l - 1) * 4, A.data[v + 0] = d, A.data[v + 1] = g, A.data[v + 2] = m, A.data[v + 3] = p;
       O *= 2;
     }
-  K5(A, o, {});
+  j3(A, o, {});
 };
 C.addGetterSetter(Q, "kaleidoscopePower", 2, K(), C.afterSetFilter);
 C.addGetterSetter(Q, "kaleidoscopeAngle", 0, K(), C.afterSetFilter);
@@ -8186,16 +8173,16 @@ function ds(o, e, a) {
 function Yi(o, e) {
   return Math.sqrt(Math.pow(o[0] - e[0], 2) + Math.pow(o[1] - e[1], 2) + Math.pow(o[2] - e[2], 2));
 }
-function k5(o) {
+function Z3(o) {
   const e = [0, 0, 0];
   for (let a = 0; a < o.length; a++)
     e[0] += o[a][0], e[1] += o[a][1], e[2] += o[a][2];
   return e[0] /= o.length, e[1] /= o.length, e[2] /= o.length, e;
 }
-function P5(o, e) {
+function K3(o, e) {
   const a = ds(o, 0, 0), l = ds(o, o.width - 1, 0), s = ds(o, 0, o.height - 1), u = ds(o, o.width - 1, o.height - 1), c = e || 10;
   if (Yi(a, l) < c && Yi(l, u) < c && Yi(u, s) < c && Yi(s, a) < c) {
-    const d = k5([l, a, u, s]), g = [];
+    const d = Z3([l, a, u, s]), g = [];
     for (let m = 0; m < o.width * o.height; m++) {
       const p = Yi(d, [
         o.data[m * 4],
@@ -8207,11 +8194,11 @@ function P5(o, e) {
     return g;
   }
 }
-function J5(o, e) {
+function Q3(o, e) {
   for (let a = 0; a < o.width * o.height; a++)
     o.data[4 * a + 3] = e[a];
 }
-function F5(o, e, a) {
+function k3(o, e, a) {
   const l = [1, 1, 1, 1, 0, 1, 1, 1, 1], s = Math.round(Math.sqrt(l.length)), u = Math.floor(s / 2), c = [];
   for (let d = 0; d < a; d++)
     for (let g = 0; g < e; g++) {
@@ -8229,7 +8216,7 @@ function F5(o, e, a) {
     }
   return c;
 }
-function W5(o, e, a) {
+function P3(o, e, a) {
   const l = [1, 1, 1, 1, 1, 1, 1, 1, 1], s = Math.round(Math.sqrt(l.length)), u = Math.floor(s / 2), c = [];
   for (let d = 0; d < a; d++)
     for (let g = 0; g < e; g++) {
@@ -8247,7 +8234,7 @@ function W5(o, e, a) {
     }
   return c;
 }
-function I5(o, e, a) {
+function J3(o, e, a) {
   const l = [
     0.1111111111111111,
     0.1111111111111111,
@@ -8275,19 +8262,19 @@ function I5(o, e, a) {
     }
   return c;
 }
-const $5 = function(o) {
+const F3 = function(o) {
   const e = this.threshold();
-  let a = P5(o, e);
-  return a && (a = F5(a, o.width, o.height), a = W5(a, o.width, o.height), a = I5(a, o.width, o.height), J5(o, a)), o;
+  let a = K3(o, e);
+  return a && (a = k3(a, o.width, o.height), a = P3(a, o.width, o.height), a = J3(a, o.width, o.height), Q3(o, a)), o;
 };
 C.addGetterSetter(Q, "threshold", 0, K(), C.afterSetFilter);
-const t4 = function(o) {
+const W3 = function(o) {
   const e = this.noise() * 255, a = o.data, l = a.length, s = e / 2;
   for (let u = 0; u < l; u += 4)
     a[u + 0] += s - 2 * s * Math.random(), a[u + 1] += s - 2 * s * Math.random(), a[u + 2] += s - 2 * s * Math.random();
 };
 C.addGetterSetter(Q, "noise", 0.2, K(), C.afterSetFilter);
-const e4 = function(o) {
+const I3 = function(o) {
   let e = Math.ceil(this.pixelSize()), a = o.width, l = o.height, s = Math.ceil(a / e), u = Math.ceil(l / e), c = o.data;
   if (e <= 0) {
     M.error("pixelSize value can not be <= 0");
@@ -8318,13 +8305,13 @@ const e4 = function(o) {
     }
 };
 C.addGetterSetter(Q, "pixelSize", 8, K(), C.afterSetFilter);
-const n4 = function(o) {
+const $3 = function(o) {
   const e = Math.round(this.levels() * 254) + 1, a = o.data, l = a.length, s = 255 / e;
   for (let u = 0; u < l; u += 1)
     a[u] = Math.floor(a[u] / s) * s;
 };
 C.addGetterSetter(Q, "levels", 0.5, K(), C.afterSetFilter);
-const a4 = function(o) {
+const t4 = function(o) {
   const e = o.data, a = e.length, l = this.red(), s = this.green(), u = this.blue();
   for (let c = 0; c < a; c += 4) {
     const d = (0.34 * e[c] + 0.5 * e[c + 1] + 0.16 * e[c + 2]) / 255;
@@ -8338,7 +8325,7 @@ C.addGetterSetter(Q, "green", 0, function(o) {
   return this._filterUpToDate = !1, o > 255 ? 255 : o < 0 ? 0 : Math.round(o);
 });
 C.addGetterSetter(Q, "blue", 0, z0, C.afterSetFilter);
-const i4 = function(o) {
+const e4 = function(o) {
   const e = o.data, a = e.length, l = this.red(), s = this.green(), u = this.blue(), c = this.alpha();
   for (let d = 0; d < a; d += 4) {
     const g = 1 - c;
@@ -8355,20 +8342,20 @@ C.addGetterSetter(Q, "blue", 0, z0, C.afterSetFilter);
 C.addGetterSetter(Q, "alpha", 1, function(o) {
   return this._filterUpToDate = !1, o > 1 ? 1 : o < 0 ? 0 : o;
 });
-const l4 = function(o) {
+const n4 = function(o) {
   const e = o.data, a = e.length;
   for (let l = 0; l < a; l += 4) {
     const s = e[l + 0], u = e[l + 1], c = e[l + 2];
     e[l + 0] = Math.min(255, s * 0.393 + u * 0.769 + c * 0.189), e[l + 1] = Math.min(255, s * 0.349 + u * 0.686 + c * 0.168), e[l + 2] = Math.min(255, s * 0.272 + u * 0.534 + c * 0.131);
   }
-}, s4 = function(o) {
+}, a4 = function(o) {
   const a = o.data;
   for (let l = 0; l < a.length; l += 4) {
     const s = a[l], u = a[l + 1], c = a[l + 2];
     0.2126 * s + 0.7152 * u + 0.0722 * c >= 128 && (a[l] = 255 - s, a[l + 1] = 255 - u, a[l + 2] = 255 - c);
   }
   return o;
-}, r4 = function(o) {
+}, i4 = function(o) {
   const e = this.threshold() * 255, a = o.data, l = a.length;
   for (let s = 0; s < l; s += 1)
     a[s] = a[s] < e ? 0 : 255;
@@ -8394,26 +8381,26 @@ $a.Util._assign($a, {
   Transformer: pt,
   Wedge: _n,
   Filters: {
-    Blur: H5,
-    Brightness: U5,
-    Brighten: B5,
-    Contrast: L5,
-    Emboss: w5,
-    Enhance: Y5,
-    Grayscale: X5,
-    HSL: q5,
-    HSV: j5,
-    Invert: V5,
-    Kaleidoscope: Q5,
-    Mask: $5,
-    Noise: t4,
-    Pixelate: e4,
-    Posterize: n4,
-    RGB: a4,
-    RGBA: i4,
-    Sepia: l4,
-    Solarize: s4,
-    Threshold: r4
+    Blur: O3,
+    Brightness: G3,
+    Brighten: z3,
+    Contrast: H3,
+    Emboss: B3,
+    Enhance: U3,
+    Grayscale: L3,
+    HSL: w3,
+    HSV: Y3,
+    Invert: X3,
+    Kaleidoscope: V3,
+    Mask: F3,
+    Noise: W3,
+    Pixelate: I3,
+    Posterize: $3,
+    RGB: t4,
+    RGBA: e4,
+    Sepia: n4,
+    Solarize: a4,
+    Threshold: i4
   }
 });
 var cd = { exports: {} }, hd = { exports: {} };
@@ -8711,13 +8698,13 @@ var cd = { exports: {} }, hd = { exports: {} };
     function k(t, n, i, r, h, f) {
       var y = t.pendingLanes;
       t.pendingLanes = i, t.suspendedLanes = 0, t.pingedLanes = 0, t.warmLanes = 0, t.expiredLanes &= i, t.entangledLanes &= i, t.errorRecoveryDisabledLanes &= i, t.shellSuspendCounter = 0;
-      var x = t.entanglements, G = t.expirationTimes, Y = t.hiddenUpdates;
+      var x = t.entanglements, G = t.expirationTimes, w = t.hiddenUpdates;
       for (i = y & ~i; 0 < i; ) {
         var W = 31 - Me(i), V = 1 << W;
         x[W] = 0, G[W] = -1;
-        var $ = Y[W];
+        var $ = w[W];
         if ($ !== null)
-          for (Y[W] = null, W = 0; W < $.length; W++) {
+          for (w[W] = null, W = 0; W < $.length; W++) {
             var ut = $[W];
             ut !== null && (ut.lane &= -536870913);
           }
@@ -8739,9 +8726,9 @@ var cd = { exports: {} }, hd = { exports: {} };
     }
     function nt(t, n) {
       var i = n & -n;
-      return i = (i & 42) !== 0 ? 1 : w(i), (i & (t.suspendedLanes | n)) !== 0 ? 0 : i;
+      return i = (i & 42) !== 0 ? 1 : L(i), (i & (t.suspendedLanes | n)) !== 0 ? 0 : i;
     }
-    function w(t) {
+    function L(t) {
       switch (t) {
         case 2:
           t = 1;
@@ -8866,22 +8853,22 @@ var cd = { exports: {} }, hd = { exports: {} };
         var f = r.DetermineComponentFrameRoot(), y = f[0], x = f[1];
         if (y && x) {
           var G = y.split(`
-`), Y = x.split(`
+`), w = x.split(`
 `);
           for (h = r = 0; r < G.length && !G[r].includes("DetermineComponentFrameRoot"); )
             r++;
-          for (; h < Y.length && !Y[h].includes(
+          for (; h < w.length && !w[h].includes(
             "DetermineComponentFrameRoot"
           ); )
             h++;
-          if (r === G.length || h === Y.length)
-            for (r = G.length - 1, h = Y.length - 1; 1 <= r && 0 <= h && G[r] !== Y[h]; )
+          if (r === G.length || h === w.length)
+            for (r = G.length - 1, h = w.length - 1; 1 <= r && 0 <= h && G[r] !== w[h]; )
               h--;
           for (; 1 <= r && 0 <= h; r--, h--)
-            if (G[r] !== Y[h]) {
+            if (G[r] !== w[h]) {
               if (r !== 1 || h !== 1)
                 do
-                  if (r--, h--, 0 > h || G[r] !== Y[h]) {
+                  if (r--, h--, 0 > h || G[r] !== w[h]) {
                     var W = `
 ` + G[r].replace(" at new ", " at ");
                     return t.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", t.displayName)), W;
@@ -9474,7 +9461,7 @@ Error generating stack: ` + r.message + `
           Z
         ), li(N, z), N.return = D, N);
       }
-      function Y(D, N, z, Z) {
+      function w(D, N, z, Z) {
         return N === null || N.tag !== 4 || N.stateNode.containerInfo !== z.containerInfo || N.stateNode.implementation !== z.implementation ? (N = Er(z, D.mode, Z), N.return = D, N) : (N = h(N, z.children || []), N.return = D, N);
       }
       function W(D, N, z, Z, lt) {
@@ -9540,7 +9527,7 @@ Error generating stack: ` + r.message + `
             case Rl:
               return z.key === lt ? G(D, N, z, Z) : null;
             case Aa:
-              return z.key === lt ? Y(D, N, z, Z) : null;
+              return z.key === lt ? w(D, N, z, Z) : null;
             case Mn:
               return z = Pn(z), $(D, N, z, Z);
           }
@@ -9576,7 +9563,7 @@ Error generating stack: ` + r.message + `
             case Aa:
               return D = D.get(
                 Z.key === null ? z : Z.key
-              ) || null, Y(N, D, Z, lt);
+              ) || null, w(N, D, Z, lt);
             case Mn:
               return Z = Pn(Z), ut(
                 D,
@@ -9932,14 +9919,14 @@ Error generating stack: ` + r.message + `
       var f = h.firstBaseUpdate, y = h.lastBaseUpdate, x = h.shared.pending;
       if (x !== null) {
         h.shared.pending = null;
-        var G = x, Y = G.next;
-        G.next = null, y === null ? f = Y : y.next = Y, y = G;
+        var G = x, w = G.next;
+        G.next = null, y === null ? f = w : y.next = w, y = G;
         var W = t.alternate;
-        W !== null && (W = W.updateQueue, x = W.lastBaseUpdate, x !== y && (x === null ? W.firstBaseUpdate = Y : x.next = Y, W.lastBaseUpdate = G));
+        W !== null && (W = W.updateQueue, x = W.lastBaseUpdate, x !== y && (x === null ? W.firstBaseUpdate = w : x.next = w, W.lastBaseUpdate = G));
       }
       if (f !== null) {
         var V = h.baseState;
-        y = 0, W = Y = G = null, x = f;
+        y = 0, W = w = G = null, x = f;
         do {
           var $ = x.lane & -536870913, ut = $ !== x.lane;
           if (ut ? (mt & $) === $ : (r & $) === $) {
@@ -9984,14 +9971,14 @@ Error generating stack: ` + r.message + `
               payload: x.payload,
               callback: x.callback,
               next: null
-            }, W === null ? (Y = W = ut, G = V) : W = W.next = ut, y |= $;
+            }, W === null ? (w = W = ut, G = V) : W = W.next = ut, y |= $;
           if (x = x.next, x === null) {
             if (x = h.shared.pending, x === null)
               break;
             ut = x, x = ut.next, ut.next = null, h.lastBaseUpdate = ut, h.shared.pending = null;
           }
         } while (!0);
-        W === null && (G = V), h.baseState = G, h.firstBaseUpdate = Y, h.lastBaseUpdate = W, f === null && (h.shared.lanes = 0), Gn |= y, t.lanes = y, t.memoizedState = V;
+        W === null && (G = V), h.baseState = G, h.firstBaseUpdate = w, h.lastBaseUpdate = W, f === null && (h.shared.lanes = 0), Gn |= y, t.lanes = y, t.memoizedState = V;
       }
     }
     function lu(t, n) {
@@ -10108,7 +10095,7 @@ Error generating stack: ` + r.message + `
       }
       dn = 0, Qt = At = ct = null, qa = !1, Ai = Kl = 0, ja = null;
     }
-    function pe() {
+    function me() {
       var t = {
         memoizedState: null,
         baseState: null,
@@ -10191,47 +10178,47 @@ Error generating stack: ` + r.message + `
       if (f = t.baseState, h === null) t.memoizedState = f;
       else {
         n = h.next;
-        var x = y = null, G = null, Y = n, W = !1;
+        var x = y = null, G = null, w = n, W = !1;
         do {
-          var V = Y.lane & -536870913;
-          if (V !== Y.lane ? (mt & V) === V : (dn & V) === V) {
-            var $ = Y.revertLane;
+          var V = w.lane & -536870913;
+          if (V !== w.lane ? (mt & V) === V : (dn & V) === V) {
+            var $ = w.revertLane;
             if ($ === 0)
               G !== null && (G = G.next = {
                 lane: 0,
                 revertLane: 0,
                 gesture: null,
-                action: Y.action,
-                hasEagerState: Y.hasEagerState,
-                eagerState: Y.eagerState,
+                action: w.action,
+                hasEagerState: w.hasEagerState,
+                eagerState: w.eagerState,
                 next: null
               }), V === Ba && (W = !0);
             else if ((dn & $) === $) {
-              Y = Y.next, $ === Ba && (W = !0);
+              w = w.next, $ === Ba && (W = !0);
               continue;
             } else
               V = {
                 lane: 0,
-                revertLane: Y.revertLane,
+                revertLane: w.revertLane,
                 gesture: null,
-                action: Y.action,
-                hasEagerState: Y.hasEagerState,
-                eagerState: Y.eagerState,
+                action: w.action,
+                hasEagerState: w.hasEagerState,
+                eagerState: w.eagerState,
                 next: null
               }, G === null ? (x = G = V, y = f) : G = G.next = V, ct.lanes |= $, Gn |= $;
-            V = Y.action, ra && i(f, V), f = Y.hasEagerState ? Y.eagerState : i(f, V);
+            V = w.action, ra && i(f, V), f = w.hasEagerState ? w.eagerState : i(f, V);
           } else
             $ = {
               lane: V,
-              revertLane: Y.revertLane,
-              gesture: Y.gesture,
-              action: Y.action,
-              hasEagerState: Y.hasEagerState,
-              eagerState: Y.eagerState,
+              revertLane: w.revertLane,
+              gesture: w.gesture,
+              action: w.action,
+              hasEagerState: w.hasEagerState,
+              eagerState: w.eagerState,
               next: null
             }, G === null ? (x = G = $, y = f) : G = G.next = $, ct.lanes |= V, Gn |= V;
-          Y = Y.next;
-        } while (Y !== null && Y !== n);
+          w = w.next;
+        } while (w !== null && w !== n);
         if (G === null ? y = f : G.next = x, !Re(f, t.memoizedState) && (kt = !0, W && (i = Ua, i !== null)))
           throw i;
         t.memoizedState = f, t.baseState = y, t.baseQueue = G, r.lastRenderedState = f;
@@ -10309,7 +10296,7 @@ Error generating stack: ` + r.message + `
       n !== null && ve(n, t, 2);
     }
     function Zs(t) {
-      var n = pe();
+      var n = me();
       if (typeof t == "function") {
         var i = t;
         if (t = i(), ra) {
@@ -10363,16 +10350,16 @@ Error generating stack: ` + r.message + `
         try {
           var x = i(h, r), G = it.S;
           G !== null && G(y, x), _u(t, n, x);
-        } catch (Y) {
-          Ks(t, n, Y);
+        } catch (w) {
+          Ks(t, n, w);
         } finally {
           f !== null && y.types !== null && (f.types = y.types), it.T = f;
         }
       } else
         try {
           f = i(h, r), _u(t, n, f);
-        } catch (Y) {
-          Ks(t, n, Y);
+        } catch (w) {
+          Ks(t, n, w);
         }
     }
     function _u(t, n, i) {
@@ -10429,7 +10416,7 @@ Error generating stack: ` + r.message + `
           r && (n = i[0]);
         }
       }
-      i = pe(), i.memoizedState = i.baseState = n, r = {
+      i = me(), i.memoizedState = i.baseState = n, r = {
         pending: null,
         lanes: 0,
         dispatch: null,
@@ -10446,7 +10433,7 @@ Error generating stack: ` + r.message + `
         !1,
         r.queue
       );
-      return r = pe(), h = {
+      return r = me(), h = {
         state: n,
         dispatch: null,
         action: t,
@@ -10502,7 +10489,7 @@ Error generating stack: ` + r.message + `
       return Zt().memoizedState;
     }
     function gl(t, n, i, r) {
-      var h = pe();
+      var h = me();
       ct.flags |= t, h.memoizedState = Ca(
         1 | n,
         { destroy: void 0 },
@@ -10610,8 +10597,8 @@ Error generating stack: ` + r.message + `
       var y = it.T, x = {};
       it.T = x, Fs(t, !1, n, i);
       try {
-        var G = h(), Y = it.S;
-        if (Y !== null && Y(x, G), G !== null && typeof G == "object" && typeof G.then == "function") {
+        var G = h(), w = it.S;
+        if (w !== null && w(x, G), G !== null && typeof G == "object" && typeof G.then == "function") {
           var W = bd(
             G,
             r
@@ -11140,32 +11127,32 @@ Error generating stack: ` + r.message + `
         f = n.stateNode;
         var x = n.memoizedProps, G = Fn(i, x);
         f.props = G;
-        var Y = f.context, W = i.contextType;
+        var w = f.context, W = i.contextType;
         y = Oa, typeof W == "object" && W !== null && (y = re(W));
         var V = i.getDerivedStateFromProps;
-        W = typeof V == "function" || typeof f.getSnapshotBeforeUpdate == "function", x = n.pendingProps !== x, W || typeof f.UNSAFE_componentWillReceiveProps != "function" && typeof f.componentWillReceiveProps != "function" || (x || Y !== y) && Ku(
+        W = typeof V == "function" || typeof f.getSnapshotBeforeUpdate == "function", x = n.pendingProps !== x, W || typeof f.UNSAFE_componentWillReceiveProps != "function" && typeof f.componentWillReceiveProps != "function" || (x || w !== y) && Ku(
           n,
           f,
           r,
           y
         ), On = !1;
         var $ = n.memoizedState;
-        f.state = $, oi(n, r, f, h), ri(), Y = n.memoizedState, x || $ !== Y || On ? (typeof V == "function" && (Ws(
+        f.state = $, oi(n, r, f, h), ri(), w = n.memoizedState, x || $ !== w || On ? (typeof V == "function" && (Ws(
           n,
           i,
           V,
           r
-        ), Y = n.memoizedState), (G = On || Zu(
+        ), w = n.memoizedState), (G = On || Zu(
           n,
           i,
           G,
           r,
           $,
-          Y,
+          w,
           y
-        )) ? (W || typeof f.UNSAFE_componentWillMount != "function" && typeof f.componentWillMount != "function" || (typeof f.componentWillMount == "function" && f.componentWillMount(), typeof f.UNSAFE_componentWillMount == "function" && f.UNSAFE_componentWillMount()), typeof f.componentDidMount == "function" && (n.flags |= 4194308)) : (typeof f.componentDidMount == "function" && (n.flags |= 4194308), n.memoizedProps = r, n.memoizedState = Y), f.props = r, f.state = Y, f.context = y, r = G) : (typeof f.componentDidMount == "function" && (n.flags |= 4194308), r = !1);
+        )) ? (W || typeof f.UNSAFE_componentWillMount != "function" && typeof f.componentWillMount != "function" || (typeof f.componentWillMount == "function" && f.componentWillMount(), typeof f.UNSAFE_componentWillMount == "function" && f.UNSAFE_componentWillMount()), typeof f.componentDidMount == "function" && (n.flags |= 4194308)) : (typeof f.componentDidMount == "function" && (n.flags |= 4194308), n.memoizedProps = r, n.memoizedState = w), f.props = r, f.state = w, f.context = y, r = G) : (typeof f.componentDidMount == "function" && (n.flags |= 4194308), r = !1);
       } else {
-        f = n.stateNode, Os(t, n), y = n.memoizedProps, W = Fn(i, y), f.props = W, V = n.pendingProps, $ = f.context, Y = i.contextType, G = Oa, typeof Y == "object" && Y !== null && (G = re(Y)), x = i.getDerivedStateFromProps, (Y = typeof x == "function" || typeof f.getSnapshotBeforeUpdate == "function") || typeof f.UNSAFE_componentWillReceiveProps != "function" && typeof f.componentWillReceiveProps != "function" || (y !== V || $ !== G) && Ku(
+        f = n.stateNode, Os(t, n), y = n.memoizedProps, W = Fn(i, y), f.props = W, V = n.pendingProps, $ = f.context, w = i.contextType, G = Oa, typeof w == "object" && w !== null && (G = re(w)), x = i.getDerivedStateFromProps, (w = typeof x == "function" || typeof f.getSnapshotBeforeUpdate == "function") || typeof f.UNSAFE_componentWillReceiveProps != "function" && typeof f.componentWillReceiveProps != "function" || (y !== V || $ !== G) && Ku(
           n,
           f,
           r,
@@ -11185,7 +11172,7 @@ Error generating stack: ` + r.message + `
           $,
           ut,
           G
-        ) || t !== null && t.dependencies !== null && tl(t.dependencies)) ? (Y || typeof f.UNSAFE_componentWillUpdate != "function" && typeof f.componentWillUpdate != "function" || (typeof f.componentWillUpdate == "function" && f.componentWillUpdate(r, ut, G), typeof f.UNSAFE_componentWillUpdate == "function" && f.UNSAFE_componentWillUpdate(
+        ) || t !== null && t.dependencies !== null && tl(t.dependencies)) ? (w || typeof f.UNSAFE_componentWillUpdate != "function" && typeof f.componentWillUpdate != "function" || (typeof f.componentWillUpdate == "function" && f.componentWillUpdate(r, ut, G), typeof f.UNSAFE_componentWillUpdate == "function" && f.UNSAFE_componentWillUpdate(
           r,
           ut,
           G
@@ -11663,7 +11650,7 @@ Error generating stack: ` + r.message + `
           }
           return n;
         case 26:
-          if (Pe)
+          if (Qe)
             return _l(t, n), t === null ? (i = Sh(
               n.type,
               null,
@@ -11826,7 +11813,7 @@ Error generating stack: ` + r.message + `
       }
       throw Error(s(156, n.tag));
     }
-    function Ke(t) {
+    function Ve(t) {
       t.flags |= 4;
     }
     function bl(t) {
@@ -11928,12 +11915,12 @@ Error generating stack: ` + r.message + `
       if ($e && oc(t, n)) {
         t = n.stateNode;
         var i = t.containerInfo, r = dh();
-        uc(r, n, !1, !1), t.pendingChildren = r, Ke(n), wf(i, r);
+        uc(r, n, !1, !1), t.pendingChildren = r, Ve(n), wf(i, r);
       }
     }
     function rr(t, n, i, r) {
       if (fe)
-        t.memoizedProps !== r && Ke(n);
+        t.memoizedProps !== r && Ve(n);
       else if ($e) {
         var h = t.stateNode, f = t.memoizedProps;
         if ((t = oc(t, n)) || f !== r) {
@@ -11950,7 +11937,7 @@ Error generating stack: ` + r.message + `
             i,
             r,
             y
-          ) && Ke(n), n.stateNode = f, t && sr(f, n, !1, !1));
+          ) && Ve(n), n.stateNode = f, t && sr(f, n, !1, !1));
         } else n.stateNode = h;
       }
     }
@@ -12017,11 +12004,11 @@ Error generating stack: ` + r.message + `
         case 1:
           return Ut(n), null;
         case 3:
-          return i = n.stateNode, r = null, t !== null && (r = t.memoizedState.cache), n.memoizedState.cache !== r && (n.flags |= 2048), xe(wt), Qn(), i.pendingContext && (i.context = i.pendingContext, i.pendingContext = null), (t === null || t.child === null) && (se(n) ? Ke(n) : t === null || t.memoizedState.isDehydrated && (n.flags & 256) === 0 || (n.flags |= 1024, It())), cc(t, n), Ut(n), null;
+          return i = n.stateNode, r = null, t !== null && (r = t.memoizedState.cache), n.memoizedState.cache !== r && (n.flags |= 2048), xe(wt), Qn(), i.pendingContext && (i.context = i.pendingContext, i.pendingContext = null), (t === null || t.child === null) && (se(n) ? Ve(n) : t === null || t.memoizedState.isDehydrated && (n.flags & 256) === 0 || (n.flags |= 1024, It())), cc(t, n), Ut(n), null;
         case 26:
-          if (Pe) {
+          if (Qe) {
             var h = n.type, f = n.memoizedState;
-            return t === null ? (Ke(n), f !== null ? (Ut(n), hc(
+            return t === null ? (Ve(n), f !== null ? (Ut(n), hc(
               n,
               f
             )) : (Ut(n), or(
@@ -12030,10 +12017,10 @@ Error generating stack: ` + r.message + `
               null,
               r,
               i
-            ))) : f ? f !== t.memoizedState ? (Ke(n), Ut(n), hc(
+            ))) : f ? f !== t.memoizedState ? (Ve(n), Ut(n), hc(
               n,
               f
-            )) : (Ut(n), n.flags &= -16777217) : (f = t.memoizedProps, fe ? f !== r && Ke(n) : rr(
+            )) : (Ut(n), n.flags &= -16777217) : (f = t.memoizedProps, fe ? f !== r && Ve(n) : rr(
               t,
               n,
               h,
@@ -12049,7 +12036,7 @@ Error generating stack: ` + r.message + `
         case 27:
           if ($t) {
             if (Dt(n), i = Rn.current, h = n.type, t !== null && n.stateNode != null)
-              fe ? t.memoizedProps !== r && Ke(n) : rr(t, n, h, r);
+              fe ? t.memoizedProps !== r && Ve(n) : rr(t, n, h, r);
             else {
               if (!r) {
                 if (n.stateNode === null)
@@ -12062,7 +12049,7 @@ Error generating stack: ` + r.message + `
                 i,
                 t,
                 !0
-              ), n.stateNode = t, Ke(n));
+              ), n.stateNode = t, Ve(n));
             }
             return Ut(n), null;
           }
@@ -12095,7 +12082,7 @@ Error generating stack: ` + r.message + `
                 h,
                 r,
                 f
-              ) && Ke(n);
+              ) && Ve(n);
             }
           }
           return Ut(n), or(
@@ -12107,7 +12094,7 @@ Error generating stack: ` + r.message + `
           ), null;
         case 6:
           if (t && n.stateNode != null)
-            i = t.memoizedProps, fe ? i !== r && Ke(n) : $e && (i !== r ? (t = Rn.current, i = ue.current, bl(n), n.stateNode = oh(
+            i = t.memoizedProps, fe ? i !== r && Ve(n) : $e && (i !== r ? (t = Rn.current, i = ue.current, bl(n), n.stateNode = oh(
               r,
               t,
               i,
@@ -12327,9 +12314,9 @@ Error generating stack: ` + r.message + `
               var y = r.inst, x = y.destroy;
               if (x !== void 0) {
                 y.destroy = void 0, h = n;
-                var G = i, Y = x;
+                var G = i, w = x;
                 try {
-                  Y();
+                  w();
                 } catch (W) {
                   bt(
                     h,
@@ -12431,7 +12418,7 @@ Error generating stack: ` + r.message + `
       }
     }
     function pc(t) {
-      return t.tag === 5 || t.tag === 3 || (Pe ? t.tag === 26 : !1) || ($t ? t.tag === 27 && Ra(t.type) : !1) || t.tag === 4;
+      return t.tag === 5 || t.tag === 3 || (Qe ? t.tag === 26 : !1) || ($t ? t.tag === 27 && Ra(t.type) : !1) || t.tag === 4;
     }
     function cr(t) {
       t: for (; ; ) {
@@ -12652,7 +12639,7 @@ Error generating stack: ` + r.message + `
       var n = t.alternate;
       n !== null && (t.alternate = null, Sc(n)), t.child = null, t.deletions = null, t.sibling = null, t.tag === 5 && (n = t.stateNode, n !== null && uf(n)), t.stateNode = null, t.return = null, t.dependencies = null, t.memoizedProps = null, t.memoizedState = null, t.pendingProps = null, t.stateNode = null, t.updateQueue = null;
     }
-    function Qe(t, n, i) {
+    function Ze(t, n, i) {
       for (i = i.child; i !== null; )
         dr(
           t,
@@ -12668,8 +12655,8 @@ Error generating stack: ` + r.message + `
         }
       switch (i.tag) {
         case 26:
-          if (Pe) {
-            Pt || Ie(i, n), Qe(
+          if (Qe) {
+            Pt || Ie(i, n), Ze(
               t,
               n,
               i
@@ -12680,7 +12667,7 @@ Error generating stack: ` + r.message + `
           if ($t) {
             Pt || Ie(i, n);
             var r = Jt, h = Se;
-            Ra(i.type) && (Jt = i.stateNode, Se = !1), Qe(
+            Ra(i.type) && (Jt = i.stateNode, Se = !1), Ze(
               t,
               n,
               i
@@ -12691,7 +12678,7 @@ Error generating stack: ` + r.message + `
           Pt || Ie(i, n);
         case 6:
           if (fe) {
-            if (r = Jt, h = Se, Jt = null, Qe(
+            if (r = Jt, h = Se, Jt = null, Ze(
               t,
               n,
               i
@@ -12717,7 +12704,7 @@ Error generating stack: ` + r.message + `
                   );
                 }
           } else
-            Qe(
+            Ze(
               t,
               n,
               i
@@ -12730,7 +12717,7 @@ Error generating stack: ` + r.message + `
           ) : h1(Jt, i.stateNode));
           break;
         case 4:
-          fe ? (r = Jt, h = Se, Jt = i.stateNode.containerInfo, Se = !0, Qe(
+          fe ? (r = Jt, h = Se, Jt = i.stateNode.containerInfo, Se = !0, Ze(
             t,
             n,
             i
@@ -12738,7 +12725,7 @@ Error generating stack: ` + r.message + `
             i.stateNode,
             i,
             dh()
-          ), Qe(
+          ), Ze(
             t,
             n,
             i
@@ -12748,7 +12735,7 @@ Error generating stack: ` + r.message + `
         case 11:
         case 14:
         case 15:
-          En(2, i, n), Pt || En(4, i, n), Qe(
+          En(2, i, n), Pt || En(4, i, n), Ze(
             t,
             n,
             i
@@ -12759,28 +12746,28 @@ Error generating stack: ` + r.message + `
             i,
             n,
             r
-          )), Qe(
+          )), Ze(
             t,
             n,
             i
           );
           break;
         case 21:
-          Qe(
+          Ze(
             t,
             n,
             i
           );
           break;
         case 22:
-          Pt = (r = Pt) || i.memoizedState !== null, Qe(
+          Pt = (r = Pt) || i.memoizedState !== null, Ze(
             t,
             n,
             i
           ), Pt = r;
           break;
         default:
-          Qe(
+          Ze(
             t,
             n,
             i
@@ -12871,15 +12858,15 @@ Error generating stack: ` + r.message + `
         case 11:
         case 14:
         case 15:
-          de(n, t), ye(t), r & 4 && (En(3, t, t.return), fi(3, t), En(5, t, t.return));
+          de(n, t), pe(t), r & 4 && (En(3, t, t.return), fi(3, t), En(5, t, t.return));
           break;
         case 1:
-          de(n, t), ye(t), r & 512 && (Pt || i === null || Ie(i, i.return)), r & 64 && fn && (t = t.updateQueue, t !== null && (r = t.callbacks, r !== null && (i = t.shared.hiddenCallbacks, t.shared.hiddenCallbacks = i === null ? r : i.concat(r))));
+          de(n, t), pe(t), r & 512 && (Pt || i === null || Ie(i, i.return)), r & 64 && fn && (t = t.updateQueue, t !== null && (r = t.callbacks, r !== null && (i = t.shared.hiddenCallbacks, t.shared.hiddenCallbacks = i === null ? r : i.concat(r))));
           break;
         case 26:
-          if (Pe) {
-            var h = Je;
-            if (de(n, t), ye(t), r & 512 && (Pt || i === null || Ie(i, i.return)), r & 4) {
+          if (Qe) {
+            var h = ke;
+            if (de(n, t), pe(t), r & 512 && (Pt || i === null || Ie(i, i.return)), r & 4) {
               r = i !== null ? i.memoizedState : null;
               var f = t.memoizedState;
               i === null ? f === null ? t.stateNode === null ? t.stateNode = y1(
@@ -12913,7 +12900,7 @@ Error generating stack: ` + r.message + `
           }
         case 27:
           if ($t) {
-            de(n, t), ye(t), r & 512 && (Pt || i === null || Ie(i, i.return)), i !== null && r & 4 && ur(
+            de(n, t), pe(t), r & 512 && (Pt || i === null || Ie(i, i.return)), i !== null && r & 4 && ur(
               t,
               t.memoizedProps,
               i.memoizedProps
@@ -12921,7 +12908,7 @@ Error generating stack: ` + r.message + `
             break;
           }
         case 5:
-          if (de(n, t), ye(t), r & 512 && (Pt || i === null || Ie(i, i.return)), fe) {
+          if (de(n, t), pe(t), r & 512 && (Pt || i === null || Ie(i, i.return)), fe) {
             if (t.flags & 32) {
               h = t.stateNode;
               try {
@@ -12939,7 +12926,7 @@ Error generating stack: ` + r.message + `
             $e && t.alternate !== null && (t.alternate.stateNode = t.stateNode);
           break;
         case 6:
-          if (de(n, t), ye(t), r & 4 && fe) {
+          if (de(n, t), pe(t), r & 4 && fe) {
             if (t.stateNode === null)
               throw Error(s(162));
             r = t.memoizedProps, i = i !== null ? i.memoizedProps : r, h = t.stateNode;
@@ -12951,7 +12938,7 @@ Error generating stack: ` + r.message + `
           }
           break;
         case 3:
-          if (Pe ? (_1(), h = Je, Je = Lr(n.containerInfo), de(n, t), Je = h) : de(n, t), ye(t), r & 4) {
+          if (Qe ? (_1(), h = ke, ke = Lr(n.containerInfo), de(n, t), ke = h) : de(n, t), pe(t), r & 4) {
             if (fe && ge && i !== null && i.memoizedState.isDehydrated)
               try {
                 s1(n.containerInfo);
@@ -12970,30 +12957,30 @@ Error generating stack: ` + r.message + `
           to && (to = !1, Ec(t));
           break;
         case 4:
-          Pe ? (i = Je, Je = Lr(
+          Qe ? (i = ke, ke = Lr(
             t.stateNode.containerInfo
-          ), de(n, t), ye(t), Je = i) : (de(n, t), ye(t)), r & 4 && $e && yc(
+          ), de(n, t), pe(t), ke = i) : (de(n, t), pe(t)), r & 4 && $e && yc(
             t.stateNode,
             t,
             t.stateNode.pendingChildren
           );
           break;
         case 12:
-          de(n, t), ye(t);
+          de(n, t), pe(t);
           break;
         case 31:
-          de(n, t), ye(t), r & 4 && (r = t.updateQueue, r !== null && (t.updateQueue = null, El(t, r)));
+          de(n, t), pe(t), r & 4 && (r = t.updateQueue, r !== null && (t.updateQueue = null, El(t, r)));
           break;
         case 13:
-          de(n, t), ye(t), t.child.flags & 8192 && t.memoizedState !== null != (i !== null && i.memoizedState !== null) && (Wl = _e()), r & 4 && (r = t.updateQueue, r !== null && (t.updateQueue = null, El(t, r)));
+          de(n, t), pe(t), t.child.flags & 8192 && t.memoizedState !== null != (i !== null && i.memoizedState !== null) && (Wl = _e()), r & 4 && (r = t.updateQueue, r !== null && (t.updateQueue = null, El(t, r)));
           break;
         case 22:
           h = t.memoizedState !== null;
           var y = i !== null && i.memoizedState !== null, x = fn, G = Pt;
-          if (fn = x || h, Pt = G || y, de(n, t), Pt = G, fn = x, ye(t), r & 8192 && (n = t.stateNode, n._visibility = h ? n._visibility & -2 : n._visibility | 1, h && (i === null || y || fn || Pt || Wn(t)), fe)) {
+          if (fn = x || h, Pt = G || y, de(n, t), Pt = G, fn = x, pe(t), r & 8192 && (n = t.stateNode, n._visibility = h ? n._visibility & -2 : n._visibility | 1, h && (i === null || y || fn || Pt || Wn(t)), fe)) {
             t: if (i = null, fe)
               for (n = t; ; ) {
-                if (n.tag === 5 || Pe && n.tag === 26) {
+                if (n.tag === 5 || Qe && n.tag === 26) {
                   if (i === null) {
                     y = i = n;
                     try {
@@ -13009,8 +12996,8 @@ Error generating stack: ` + r.message + `
                   if (i === null) {
                     y = n;
                     try {
-                      var Y = y.stateNode;
-                      h ? Gf(Y) : Bf(Y, y.memoizedProps);
+                      var w = y.stateNode;
+                      h ? Gf(w) : Bf(w, y.memoizedProps);
                     } catch (V) {
                       bt(y, y.return, V);
                     }
@@ -13041,17 +13028,17 @@ Error generating stack: ` + r.message + `
           r & 4 && (r = t.updateQueue, r !== null && (i = r.retryQueue, i !== null && (r.retryQueue = null, El(t, i))));
           break;
         case 19:
-          de(n, t), ye(t), r & 4 && (r = t.updateQueue, r !== null && (t.updateQueue = null, El(t, r)));
+          de(n, t), pe(t), r & 4 && (r = t.updateQueue, r !== null && (t.updateQueue = null, El(t, r)));
           break;
         case 30:
           break;
         case 21:
           break;
         default:
-          de(n, t), ye(t);
+          de(n, t), pe(t);
       }
     }
-    function ye(t) {
+    function pe(t) {
       var n = t.flags;
       if (n & 2) {
         try {
@@ -13079,10 +13066,10 @@ Error generating stack: ` + r.message + `
                 break;
               case 3:
               case 4:
-                var G = i.stateNode.containerInfo, Y = cr(t);
+                var G = i.stateNode.containerInfo, w = cr(t);
                 hr(
                   t,
-                  Y,
+                  w,
                   G
                 );
                 break;
@@ -13167,8 +13154,8 @@ Error generating stack: ` + r.message + `
             ), r = f, h = r.stateNode, typeof h.componentDidMount == "function")
               try {
                 h.componentDidMount();
-              } catch (Y) {
-                bt(r, r.return, Y);
+              } catch (w) {
+                bt(r, r.return, w);
               }
             if (r = f, h = r.updateQueue, h !== null) {
               var x = r.stateNode;
@@ -13177,8 +13164,8 @@ Error generating stack: ` + r.message + `
                 if (G !== null)
                   for (h.shared.hiddenCallbacks = null, h = 0; h < G.length; h++)
                     lu(G[h], x);
-              } catch (Y) {
-                bt(r, r.return, Y);
+              } catch (w) {
+                bt(r, r.return, w);
               }
             }
             i && y & 64 && fc(f), gi(f, f.return);
@@ -13240,7 +13227,7 @@ Error generating stack: ` + r.message + `
     function gr(t, n) {
       t = null, n.alternate !== null && (t = n.alternate.memoizedState.cache), n = n.memoizedState.cache, n !== t && (n.refCount++, t != null && ii(t));
     }
-    function ke(t, n, i, r) {
+    function Ke(t, n, i, r) {
       if (n.subtreeFlags & 10256)
         for (n = n.child; n !== null; )
           Tc(
@@ -13256,7 +13243,7 @@ Error generating stack: ` + r.message + `
         case 0:
         case 11:
         case 15:
-          ke(
+          Ke(
             t,
             n,
             i,
@@ -13264,7 +13251,7 @@ Error generating stack: ` + r.message + `
           ), h & 2048 && fi(9, n);
           break;
         case 1:
-          ke(
+          Ke(
             t,
             n,
             i,
@@ -13272,7 +13259,7 @@ Error generating stack: ` + r.message + `
           );
           break;
         case 3:
-          ke(
+          Ke(
             t,
             n,
             i,
@@ -13281,7 +13268,7 @@ Error generating stack: ` + r.message + `
           break;
         case 12:
           if (h & 2048) {
-            ke(
+            Ke(
               t,
               n,
               i,
@@ -13299,7 +13286,7 @@ Error generating stack: ` + r.message + `
               bt(n, n.return, G);
             }
           } else
-            ke(
+            Ke(
               t,
               n,
               i,
@@ -13307,7 +13294,7 @@ Error generating stack: ` + r.message + `
             );
           break;
         case 31:
-          ke(
+          Ke(
             t,
             n,
             i,
@@ -13315,7 +13302,7 @@ Error generating stack: ` + r.message + `
           );
           break;
         case 13:
-          ke(
+          Ke(
             t,
             n,
             i,
@@ -13325,7 +13312,7 @@ Error generating stack: ` + r.message + `
         case 23:
           break;
         case 22:
-          f = n.stateNode, y = n.alternate, n.memoizedState !== null ? f._visibility & 2 ? ke(
+          f = n.stateNode, y = n.alternate, n.memoizedState !== null ? f._visibility & 2 ? Ke(
             t,
             n,
             i,
@@ -13333,7 +13320,7 @@ Error generating stack: ` + r.message + `
           ) : mi(
             t,
             n
-          ) : f._visibility & 2 ? ke(
+          ) : f._visibility & 2 ? Ke(
             t,
             n,
             i,
@@ -13347,7 +13334,7 @@ Error generating stack: ` + r.message + `
           )), h & 2048 && fr(y, n);
           break;
         case 24:
-          ke(
+          Ke(
             t,
             n,
             i,
@@ -13355,7 +13342,7 @@ Error generating stack: ` + r.message + `
           ), h & 2048 && gr(n.alternate, n);
           break;
         default:
-          ke(
+          Ke(
             t,
             n,
             i,
@@ -13365,7 +13352,7 @@ Error generating stack: ` + r.message + `
     }
     function xa(t, n, i, r, h) {
       for (h = h && ((n.subtreeFlags & 10256) !== 0 || !1), n = n.child; n !== null; ) {
-        var f = t, y = n, x = i, G = r, Y = y.flags;
+        var f = t, y = n, x = i, G = r, w = y.flags;
         switch (y.tag) {
           case 0:
           case 11:
@@ -13397,7 +13384,7 @@ Error generating stack: ` + r.message + `
               x,
               G,
               h
-            )), h && Y & 2048 && fr(
+            )), h && w & 2048 && fr(
               y.alternate,
               y
             );
@@ -13409,7 +13396,7 @@ Error generating stack: ` + r.message + `
               x,
               G,
               h
-            ), h && Y & 2048 && gr(y.alternate, y);
+            ), h && w & 2048 && gr(y.alternate, y);
             break;
           default:
             xa(
@@ -13466,7 +13453,7 @@ Error generating stack: ` + r.message + `
             if (t.memoizedState !== null)
               b1(
                 i,
-                Je,
+                ke,
                 t.memoizedState,
                 t.memoizedProps
               );
@@ -13484,13 +13471,13 @@ Error generating stack: ` + r.message + `
           break;
         case 3:
         case 4:
-          Pe ? (r = Je, Je = Lr(
+          Qe ? (r = ke, ke = Lr(
             t.stateNode.containerInfo
           ), In(
             t,
             n,
             i
-          ), Je = r) : In(
+          ), ke = r) : In(
             t,
             n,
             i
@@ -13868,7 +13855,7 @@ Error generating stack: ` + r.message + `
       } while (!0);
       We(t);
     }
-    function Gc(t, n, i, r, h, f, y, x, G, Y, W, V, $, ut) {
+    function Gc(t, n, i, r, h, f, y, x, G, w, W, V, $, ut) {
       if (t.timeoutHandle = ta, V = n.subtreeFlags, V & 8192 || (V & 16785408) === 16785408) {
         V = df(), Ac(
           n,
@@ -13898,7 +13885,7 @@ Error generating stack: ` + r.message + `
               $,
               ut
             )
-          ), Tn(t, f, y, !Y);
+          ), Tn(t, f, y, !w);
           return;
         }
       }
@@ -14018,14 +14005,14 @@ Error generating stack: ` + r.message + `
               case 9:
               case 6:
                 De.current === null && (n = !0);
-                var Y = Tt;
-                if (Tt = 0, Oe = null, Ta(t, x, G, Y), i && Za) {
+                var w = Tt;
+                if (Tt = 0, Oe = null, Ta(t, x, G, w), i && Za) {
                   y = 0;
                   break t;
                 }
                 break;
               default:
-                Y = Tt, Tt = 0, Oe = null, Ta(t, x, G, Y);
+                w = Tt, Tt = 0, Oe = null, Ta(t, x, G, w);
             }
           }
           Ud(), y = jt;
@@ -14082,8 +14069,8 @@ Error generating stack: ` + r.message + `
                     y = gt.memoizedState;
                   case 5:
                   case 27:
-                    var x = gt, G = x.type, Y = x.pendingProps;
-                    if (y ? Th(y) : uh(x.stateNode, G, Y)) {
+                    var x = gt, G = x.type, w = x.pendingProps;
+                    if (y ? Th(y) : uh(x.stateNode, G, w)) {
                       Tt = 0, Oe = null;
                       var W = x.sibling;
                       if (W !== null) gt = W;
@@ -14463,7 +14450,7 @@ Error generating stack: ` + r.message + `
       var y = 0;
       if (r = t, typeof t == "function") Cr(t) && (y = 1);
       else if (typeof t == "string")
-        y = Pe && $t ? _h(t, i, ue.current) ? 26 : Nh(t) ? 27 : 5 : Pe ? _h(
+        y = Qe && $t ? _h(t, i, ue.current) ? 26 : Nh(t) ? 27 : 5 : Qe ? _h(
           t,
           i,
           ue.current
@@ -14542,14 +14529,14 @@ Error generating stack: ` + r.message + `
     function Zd(t, n, i, r, h, f, y, x, G) {
       this.tag = 1, this.containerInfo = t, this.pingCache = this.current = this.pendingChildren = null, this.timeoutHandle = ta, this.callbackNode = this.next = this.pendingContext = this.context = this.cancelPendingCommit = null, this.callbackPriority = 0, this.expirationTimes = U(-1), this.entangledLanes = this.shellSuspendCounter = this.errorRecoveryDisabledLanes = this.expiredLanes = this.warmLanes = this.pingedLanes = this.suspendedLanes = this.pendingLanes = 0, this.entanglements = U(0), this.hiddenUpdates = U(null), this.identifierPrefix = r, this.onUncaughtError = h, this.onCaughtError = f, this.onRecoverableError = y, this.pooledCache = null, this.pooledCacheLanes = 0, this.formState = G, this.incompleteTransitions = /* @__PURE__ */ new Map();
     }
-    function Ic(t, n, i, r, h, f, y, x, G, Y, W, V) {
+    function Ic(t, n, i, r, h, f, y, x, G, w, W, V) {
       return t = new Zd(
         t,
         n,
         i,
         y,
         G,
-        Y,
+        w,
         W,
         V,
         x
@@ -14580,7 +14567,7 @@ Error generating stack: ` + r.message + `
     function Tr(t, n) {
       nh(t, n), (t = t.alternate) && nh(t, n);
     }
-    var dt = {}, Kd = t2, Ae = fs, Ar = Object.assign, Qd = Symbol.for("react.element"), Rl = Symbol.for("react.transitional.element"), Aa = Symbol.for("react.portal"), Ma = Symbol.for("react.fragment"), ah = Symbol.for("react.strict_mode"), Mr = Symbol.for("react.profiler"), ih = Symbol.for("react.consumer"), An = Symbol.for("react.context"), Nr = Symbol.for("react.forward_ref"), Rr = Symbol.for("react.suspense"), Dr = Symbol.for("react.suspense_list"), Or = Symbol.for("react.memo"), Mn = Symbol.for("react.lazy"), zr = Symbol.for("react.activity"), kd = Symbol.for("react.memo_cache_sentinel"), lh = Symbol.iterator, Pd = Symbol.for("react.client.reference"), Dl = Array.isArray, it = Kd.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Jd = e.rendererVersion, Fd = e.rendererPackageName, sh = e.extraDevToolsConfig, vi = e.getPublicInstance, Wd = e.getRootHostContext, Id = e.getChildHostContext, $d = e.prepareForCommit, tf = e.resetAfterCommit, ef = e.createInstance;
+    var dt = {}, Kd = $1, Ae = fs, Ar = Object.assign, Qd = Symbol.for("react.element"), Rl = Symbol.for("react.transitional.element"), Aa = Symbol.for("react.portal"), Ma = Symbol.for("react.fragment"), ah = Symbol.for("react.strict_mode"), Mr = Symbol.for("react.profiler"), ih = Symbol.for("react.consumer"), An = Symbol.for("react.context"), Nr = Symbol.for("react.forward_ref"), Rr = Symbol.for("react.suspense"), Dr = Symbol.for("react.suspense_list"), Or = Symbol.for("react.memo"), Mn = Symbol.for("react.lazy"), zr = Symbol.for("react.activity"), kd = Symbol.for("react.memo_cache_sentinel"), lh = Symbol.iterator, Pd = Symbol.for("react.client.reference"), Dl = Array.isArray, it = Kd.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Jd = e.rendererVersion, Fd = e.rendererPackageName, sh = e.extraDevToolsConfig, vi = e.getPublicInstance, Wd = e.getRootHostContext, Id = e.getChildHostContext, $d = e.prepareForCommit, tf = e.resetAfterCommit, ef = e.createInstance;
     e.cloneMutableInstance;
     var Gr = e.appendInitialChild, rh = e.finalizeInitialChildren, Ol = e.shouldSetTextContent, oh = e.createTextInstance;
     e.cloneMutableTextInstance;
@@ -14610,7 +14597,7 @@ Error generating stack: ` + r.message + `
     e.clearActivityBoundaryFromContainer;
     var d1 = e.clearSuspenseBoundaryFromContainer, f1 = e.hideDehydratedBoundary, g1 = e.unhideDehydratedBoundary, vh = e.shouldDeleteUnhydratedTailInstances;
     e.diffHydratedPropsForDevWarnings, e.diffHydratedTextForDevWarnings, e.describeHydratableInstanceForDevWarnings;
-    var m1 = e.validateHydratableInstance, p1 = e.validateHydratableTextInstance, Pe = e.supportsResources, _h = e.isHostHoistableType, Lr = e.getHoistableRoot, Sh = e.getResource, bh = e.acquireResource, Ch = e.releaseResource, y1 = e.hydrateHoistable, xh = e.mountHoistable, Eh = e.unmountHoistable, v1 = e.createHoistableInstance, _1 = e.prepareToCommitHoistables, S1 = e.mayResourceSuspendCommit, Th = e.preloadResource, b1 = e.suspendResource, $t = e.supportsSingletons, Ah = e.resolveSingletonInstance, C1 = e.acquireSingletonInstance, Mh = e.releaseSingletonInstance, Nh = e.isHostSingletonType, Ra = e.isSingletonScope, wr = [], Da = -1, Oa = {}, Me = Math.clz32 ? Math.clz32 : R, x1 = Math.log, E1 = Math.LN2, zl = 256, Gl = 262144, Hl = 4194304, Bl = Ae.unstable_scheduleCallback, Yr = Ae.unstable_cancelCallback, T1 = Ae.unstable_shouldYield, A1 = Ae.unstable_requestPaint, _e = Ae.unstable_now, Rh = Ae.unstable_ImmediatePriority, M1 = Ae.unstable_UserBlockingPriority, Xr = Ae.unstable_NormalPriority, N1 = Ae.unstable_IdlePriority, R1 = Ae.log, D1 = Ae.unstable_setDisableYieldValue, bi = null, Ne = null, Re = typeof Object.is == "function" ? Object.is : et, Dh = typeof reportError == "function" ? reportError : function(t) {
+    var m1 = e.validateHydratableInstance, p1 = e.validateHydratableTextInstance, Qe = e.supportsResources, _h = e.isHostHoistableType, Lr = e.getHoistableRoot, Sh = e.getResource, bh = e.acquireResource, Ch = e.releaseResource, y1 = e.hydrateHoistable, xh = e.mountHoistable, Eh = e.unmountHoistable, v1 = e.createHoistableInstance, _1 = e.prepareToCommitHoistables, S1 = e.mayResourceSuspendCommit, Th = e.preloadResource, b1 = e.suspendResource, $t = e.supportsSingletons, Ah = e.resolveSingletonInstance, C1 = e.acquireSingletonInstance, Mh = e.releaseSingletonInstance, Nh = e.isHostSingletonType, Ra = e.isSingletonScope, wr = [], Da = -1, Oa = {}, Me = Math.clz32 ? Math.clz32 : R, x1 = Math.log, E1 = Math.LN2, zl = 256, Gl = 262144, Hl = 4194304, Bl = Ae.unstable_scheduleCallback, Yr = Ae.unstable_cancelCallback, T1 = Ae.unstable_shouldYield, A1 = Ae.unstable_requestPaint, _e = Ae.unstable_now, Rh = Ae.unstable_ImmediatePriority, M1 = Ae.unstable_UserBlockingPriority, Xr = Ae.unstable_NormalPriority, N1 = Ae.unstable_IdlePriority, R1 = Ae.log, D1 = Ae.unstable_setDisableYieldValue, bi = null, Ne = null, Re = typeof Object.is == "function" ? Object.is : et, Dh = typeof reportError == "function" ? reportError : function(t) {
       if (typeof window == "object" && typeof window.ErrorEvent == "function") {
         var n = new window.ErrorEvent("error", {
           bubbles: !0,
@@ -14678,7 +14665,7 @@ Error generating stack: ` + r.message + `
       readContext: re,
       use: dl,
       useCallback: function(t, n) {
-        return pe().memoizedState = [
+        return me().memoizedState = [
           t,
           n === void 0 ? null : n
         ], t;
@@ -14700,7 +14687,7 @@ Error generating stack: ` + r.message + `
         gl(4, 2, t, n);
       },
       useMemo: function(t, n) {
-        var i = pe();
+        var i = me();
         n = n === void 0 ? null : n;
         var r = t();
         if (ra) {
@@ -14714,7 +14701,7 @@ Error generating stack: ` + r.message + `
         return i.memoizedState = [r, n], r;
       },
       useReducer: function(t, n, i) {
-        var r = pe();
+        var r = me();
         if (i !== void 0) {
           var h = i(n);
           if (ra) {
@@ -14739,7 +14726,7 @@ Error generating stack: ` + r.message + `
         ), [r.memoizedState, t];
       },
       useRef: function(t) {
-        var n = pe();
+        var n = me();
         return t = { current: t }, n.memoizedState = t;
       },
       useState: function(t) {
@@ -14753,7 +14740,7 @@ Error generating stack: ` + r.message + `
       },
       useDebugValue: ks,
       useDeferredValue: function(t, n) {
-        var i = pe();
+        var i = me();
         return Ps(i, t, n);
       },
       useTransition: function() {
@@ -14764,10 +14751,10 @@ Error generating stack: ` + r.message + `
           t.queue,
           !0,
           !1
-        ), pe().memoizedState = t, [!1, t];
+        ), me().memoizedState = t, [!1, t];
       },
       useSyncExternalStore: function(t, n, i) {
-        var r = ct, h = pe();
+        var r = ct, h = me();
         if (yt) {
           if (i === void 0)
             throw Error(s(407));
@@ -14795,7 +14782,7 @@ Error generating stack: ` + r.message + `
         ), i;
       },
       useId: function() {
-        var t = pe(), n = Nt.identifierPrefix;
+        var t = me(), n = Nt.identifierPrefix;
         if (yt) {
           var i = en, r = tn;
           i = (r & ~(1 << 32 - Me(r) - 1)).toString(32) + i, n = "_" + n + "R_" + i, i = Kl++, 0 < i && (n += "H" + i.toString(32)), n += "_";
@@ -14807,7 +14794,7 @@ Error generating stack: ` + r.message + `
       useFormState: xu,
       useActionState: xu,
       useOptimistic: function(t) {
-        var n = pe();
+        var n = me();
         n.memoizedState = n.baseState = t;
         var i = {
           pending: null,
@@ -14825,13 +14812,13 @@ Error generating stack: ` + r.message + `
       },
       useMemoCache: qs,
       useCacheRefresh: function() {
-        return pe().memoizedState = Ad.bind(
+        return me().memoizedState = Ad.bind(
           null,
           ct
         );
       },
       useEffectEvent: function(t) {
-        var n = pe(), i = { impl: t };
+        var n = me(), i = { impl: t };
         return n.memoizedState = i, function() {
           if ((ft & 2) !== 0)
             throw Error(s(440));
@@ -14949,7 +14936,7 @@ Error generating stack: ` + r.message + `
       treeContext: null,
       retryLane: 0,
       hydrationErrors: null
-    }, fn = !1, Pt = !1, to = !1, Lh = typeof WeakSet == "function" ? WeakSet : Set, ae = null, Jt = null, Se = !1, Je = null, Va = 8192, U1 = {
+    }, fn = !1, Pt = !1, to = !1, Lh = typeof WeakSet == "function" ? WeakSet : Set, ae = null, Jt = null, Se = !1, ke = null, Va = 8192, U1 = {
       getCacheForType: function(t) {
         var n = re(wt), i = n.data.get(t);
         return i === void 0 && (i = t(), n.data.set(t, i)), i;
@@ -14971,7 +14958,7 @@ Error generating stack: ` + r.message + `
     }, dt.attemptHydrationAtCurrentPriority = function(t) {
       if (t.tag === 13 || t.tag === 31) {
         var n = Te();
-        n = w(n);
+        n = L(n);
         var i = Jn(t, n);
         i !== null && ve(i, t, n), Tr(t, n);
       }
@@ -14997,7 +14984,7 @@ Error generating stack: ` + r.message + `
       return t(n);
     }, dt.createComponentSelector = function(t) {
       return { $$typeof: Ql, value: t };
-    }, dt.createContainer = function(t, n, i, r, h, f, y, x, G, Y) {
+    }, dt.createContainer = function(t, n, i, r, h, f, y, x, G, w) {
       return Ic(
         t,
         n,
@@ -15010,11 +14997,11 @@ Error generating stack: ` + r.message + `
         y,
         x,
         G,
-        Y
+        w
       );
     }, dt.createHasPseudoClassSelector = function(t) {
       return { $$typeof: kl, value: t };
-    }, dt.createHydrationContainer = function(t, n, i, r, h, f, y, x, G, Y, W, V, $, ut) {
+    }, dt.createHydrationContainer = function(t, n, i, r, h, f, y, x, G, w, W, V, $, ut) {
       return t = Ic(
         i,
         r,
@@ -15025,10 +15012,10 @@ Error generating stack: ` + r.message + `
         x,
         ut,
         G,
-        Y,
+        w,
         W,
         V
-      ), t.context = $c(null), i = t.current, r = Te(), r = w(r), h = Sn(r), h.callback = n ?? null, bn(i, h, r), n = r, t.current.lanes = n, B(t, n), We(t), t;
+      ), t.context = $c(null), i = t.current, r = Te(), r = L(r), h = Sn(r), h.callback = n ?? null, bn(i, h, r), n = r, t.current.lanes = n, B(t, n), We(t), t;
     }, dt.createPortal = function(t, n, i) {
       var r = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
       return {
@@ -15073,13 +15060,13 @@ Error generating stack: ` + r.message + `
         i = t[n];
         for (var r = i.x, h = r + i.width, f = i.y, y = f + i.height, x = n - 1; 0 <= x; x--)
           if (n !== x) {
-            var G = t[x], Y = G.x, W = Y + G.width, V = G.y, $ = V + G.height;
-            if (r >= Y && f >= V && h <= W && y <= $) {
+            var G = t[x], w = G.x, W = w + G.width, V = G.y, $ = V + G.height;
+            if (r >= w && f >= V && h <= W && y <= $) {
               t.splice(n, 1);
               break;
-            } else if (r !== Y || i.width !== G.width || $ < f || V > y) {
-              if (!(f !== V || i.height !== G.height || W < r || Y > h)) {
-                Y > r && (G.width += Y - r, G.x = r), W < h && (G.width = h - Y), t.splice(n, 1);
+            } else if (r !== w || i.width !== G.width || $ < f || V > y) {
+              if (!(f !== V || i.height !== G.height || W < r || w > h)) {
+                w > r && (G.width += w - r, G.x = r), W < h && (G.width = h - w), t.splice(n, 1);
                 break;
               }
             } else {
@@ -15224,10 +15211,10 @@ No matching component was found for:
     }, dt;
   }, o.exports.default = o.exports, Object.defineProperty(o.exports, "__esModule", { value: !0 });
 })(hd);
-var o4 = hd.exports;
-cd.exports = o4;
-var u4 = cd.exports;
-const c4 = /* @__PURE__ */ e2(u4);
+var l4 = hd.exports;
+cd.exports = l4;
+var s4 = cd.exports;
+const r4 = /* @__PURE__ */ t2(s4);
 var dd = { exports: {} }, Zn = {};
 /**
  * @license React
@@ -15257,18 +15244,18 @@ const m0 = {
   unstable_applyDrawHitFromCache: !0
 };
 let p0 = !1, y0 = !1;
-const ys = ".react-konva-event", h4 = `ReactKonva: You have a Konva node with draggable = true and position defined but no onDragMove or onDragEnd events are handled.
+const ys = ".react-konva-event", o4 = `ReactKonva: You have a Konva node with draggable = true and position defined but no onDragMove or onDragEnd events are handled.
 Position of a node will be changed during drag&drop, so you should update state of the react app as well.
 Consider to add onDragMove or onDragEnd events.
 For more info see: https://github.com/konvajs/react-konva/issues/256
-`, d4 = `ReactKonva: You are using "zIndex" attribute for a Konva node.
+`, u4 = `ReactKonva: You are using "zIndex" attribute for a Konva node.
 react-konva may get confused with ordering. Just define correct order of elements in your render function of a component.
 For more info see: https://github.com/konvajs/react-konva/issues/194
-`, f4 = {};
-function Ts(o, e, a = f4) {
-  if (!p0 && "zIndex" in e && (console.warn(d4), p0 = !0), !y0 && e.draggable) {
+`, c4 = {};
+function Ts(o, e, a = c4) {
+  if (!p0 && "zIndex" in e && (console.warn(u4), p0 = !0), !y0 && e.draggable) {
     var l = e.x !== void 0 || e.y !== void 0, s = e.onDragEnd || e.onDragMove;
-    l && !s && (console.warn(h4), y0 = !0);
+    l && !s && (console.warn(o4), y0 = !0);
   }
   for (var u in a)
     if (!m0[u]) {
@@ -15301,17 +15288,17 @@ function Kn(o) {
     e && e.batchDraw();
   }
 }
-const fd = {}, g4 = {};
+const fd = {}, h4 = {};
 $a.Node.prototype._applyProps = Ts;
 let gd = Es.DefaultEventPriority;
-function m4(o, e) {
+function d4(o, e) {
   if (typeof e == "string") {
     console.error(`Do not use plain text as child of Konva.Node. You are using text: ${e}`);
     return;
   }
   o.add(e), Kn(o);
 }
-function p4(o, e, a) {
+function f4(o, e, a) {
   let l = $a[o];
   l || (console.error(`Konva has no node with the type ${o}. Group will be used instead. If you use minimal version of react-konva, just import required nodes into Konva: "import "konva/lib/shapes/${o}"  If you want to render DOM elements as part of canvas tree take a look into this demo: https://konvajs.github.io/docs/react/DOM_Portal.html`), l = $a.Group);
   const s = {}, u = {};
@@ -15323,203 +15310,203 @@ function p4(o, e, a) {
   const g = new l(s);
   return Ts(g, u), g;
 }
-function y4(o, e, a) {
+function g4(o, e, a) {
   console.error(`Text components are not supported for now in ReactKonva. Your text is: "${o}"`);
 }
-function v4(o, e, a) {
+function m4(o, e, a) {
   return !1;
 }
-function _4(o) {
+function p4(o) {
   return o;
 }
-function S4() {
+function y4() {
   return null;
 }
-function b4() {
+function v4() {
   return null;
 }
-function C4(o, e, a, l) {
-  return g4;
+function _4(o, e, a, l) {
+  return h4;
 }
-function x4() {
+function S4() {
 }
-function E4(o) {
+function b4(o) {
 }
-function T4(o, e) {
+function C4(o, e) {
   return !1;
 }
-function A4() {
+function x4() {
   return fd;
 }
-function M4() {
+function E4() {
   return fd;
 }
-const N4 = setTimeout, R4 = clearTimeout, D4 = !0, O4 = (o) => {
+const T4 = setTimeout, A4 = clearTimeout, M4 = !0, N4 = (o) => {
   o();
-}, z4 = -1;
-function G4(o, e) {
+}, R4 = -1;
+function D4(o, e) {
   return !1;
 }
-const H4 = !1, B4 = !1, U4 = !0, L4 = !1, w4 = !1;
-function Y4(o, e) {
+const O4 = !1, z4 = !1, G4 = !0, H4 = !1, B4 = !1;
+function U4(o, e) {
   e.parent === o ? e.moveToTop() : o.add(e), Kn(o);
 }
-function X4(o, e) {
+function L4(o, e) {
   e.parent === o ? e.moveToTop() : o.add(e), Kn(o);
 }
 function md(o, e, a) {
   e._remove(), o.add(e), e.setZIndex(a.getZIndex()), Kn(o);
 }
-function q4(o, e, a) {
+function w4(o, e, a) {
   md(o, e, a);
 }
-function j4(o, e) {
+function Y4(o, e) {
   e.destroy(), e.off(ys), Kn(o);
 }
-function V4(o, e) {
+function X4(o, e) {
   e.destroy(), e.off(ys), Kn(o);
 }
-function Z4(o, e, a) {
+function q4(o, e, a) {
   console.error(`Text components are not yet supported in ReactKonva. You text is: "${a}"`);
 }
-function K4(o, e, a) {
+function j4(o, e, a) {
 }
-function Q4(o, e, a, l) {
+function V4(o, e, a, l) {
   Ts(o, l, a);
 }
-function k4(o) {
+function Z4(o) {
   o.hide(), Kn(o);
 }
-function P4(o) {
+function K4(o) {
 }
-function J4(o, e) {
+function Q4(o, e) {
   (e.visible == null || e.visible) && o.show();
 }
-function F4(o, e) {
+function k4(o, e) {
+}
+function P4(o) {
+}
+function J4() {
+}
+function F4() {
+  return null;
 }
-function W4(o) {
+function W4() {
 }
 function I4() {
 }
 function $4() {
-  return null;
+  return Es.DefaultEventPriority;
 }
 function tg() {
 }
 function eg() {
+  return null;
 }
-function ng() {
-  return Es.DefaultEventPriority;
+function ng(o) {
+  gd = o;
 }
 function ag() {
+  return gd;
 }
 function ig() {
-  return null;
+  return Es.DiscreteEventPriority;
 }
-function lg(o) {
-  gd = o;
+function lg() {
+  return !1;
 }
 function sg() {
-  return gd;
 }
 function rg() {
-  return Es.DiscreteEventPriority;
+  return null;
 }
 function og() {
-  return !1;
+  return -1.1;
 }
 function ug() {
 }
 function cg() {
-  return null;
+  return !1;
 }
 function hg() {
-  return -1.1;
+  return !0;
 }
 function dg() {
 }
 function fg() {
-  return !1;
 }
 function gg() {
-  return !0;
-}
-function mg() {
-}
-function pg() {
-}
-function yg() {
   return null;
 }
-const vg = null, _g = /* @__PURE__ */ ee.createContext(null);
-function Sg() {
+const mg = null, pg = /* @__PURE__ */ ee.createContext(null);
+function yg() {
 }
-const bg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const vg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  HostTransitionContext: _g,
-  NotPendingTransition: vg,
-  afterActiveInstanceBlur: eg,
-  appendChild: Y4,
-  appendChildToContainer: X4,
-  appendInitialChild: m4,
-  beforeActiveInstanceBlur: tg,
-  cancelTimeout: R4,
-  clearContainer: W4,
-  commitMount: K4,
-  commitTextUpdate: Z4,
-  commitUpdate: Q4,
-  createInstance: p4,
-  createTextInstance: y4,
-  detachDeletedInstance: I4,
-  finalizeInitialChildren: v4,
-  getChildHostContext: M4,
-  getCurrentEventPriority: ng,
-  getCurrentUpdatePriority: sg,
-  getInstanceFromNode: $4,
-  getInstanceFromScope: ig,
-  getPublicInstance: _4,
-  getRootHostContext: A4,
-  hideInstance: k4,
-  hideTextInstance: P4,
+  HostTransitionContext: pg,
+  NotPendingTransition: mg,
+  afterActiveInstanceBlur: I4,
+  appendChild: U4,
+  appendChildToContainer: L4,
+  appendInitialChild: d4,
+  beforeActiveInstanceBlur: W4,
+  cancelTimeout: A4,
+  clearContainer: P4,
+  commitMount: j4,
+  commitTextUpdate: q4,
+  commitUpdate: V4,
+  createInstance: f4,
+  createTextInstance: g4,
+  detachDeletedInstance: J4,
+  finalizeInitialChildren: m4,
+  getChildHostContext: E4,
+  getCurrentEventPriority: $4,
+  getCurrentUpdatePriority: ag,
+  getInstanceFromNode: F4,
+  getInstanceFromScope: eg,
+  getPublicInstance: p4,
+  getRootHostContext: x4,
+  hideInstance: Z4,
+  hideTextInstance: K4,
   idlePriority: fs.unstable_IdlePriority,
   insertBefore: md,
-  insertInContainerBefore: q4,
-  isPrimaryRenderer: H4,
-  maySuspendCommit: fg,
-  noTimeout: z4,
+  insertInContainerBefore: w4,
+  isPrimaryRenderer: O4,
+  maySuspendCommit: cg,
+  noTimeout: R4,
   now: fs.unstable_now,
-  preloadInstance: gg,
-  prepareForCommit: S4,
-  preparePortalMount: b4,
-  prepareScopeUpdate: ag,
-  prepareUpdate: C4,
-  removeChild: j4,
-  removeChildFromContainer: V4,
-  requestPostPaintCallback: dg,
-  resetAfterCommit: x4,
-  resetFormInstance: Sg,
-  resetTextContent: E4,
-  resolveEventTimeStamp: hg,
-  resolveEventType: cg,
-  resolveUpdatePriority: rg,
+  preloadInstance: hg,
+  prepareForCommit: y4,
+  preparePortalMount: v4,
+  prepareScopeUpdate: tg,
+  prepareUpdate: _4,
+  removeChild: Y4,
+  removeChildFromContainer: X4,
+  requestPostPaintCallback: ug,
+  resetAfterCommit: S4,
+  resetFormInstance: yg,
+  resetTextContent: b4,
+  resolveEventTimeStamp: og,
+  resolveEventType: rg,
+  resolveUpdatePriority: ig,
   run: fs.unstable_runWithPriority,
-  scheduleMicrotask: O4,
-  scheduleTimeout: N4,
-  setCurrentUpdatePriority: lg,
-  shouldAttemptEagerTransition: og,
-  shouldDeprioritizeSubtree: T4,
-  shouldSetTextContent: G4,
-  startSuspendingCommit: mg,
-  supportsHydration: w4,
-  supportsMicrotasks: D4,
-  supportsMutation: U4,
-  supportsPersistence: L4,
-  suspendInstance: pg,
-  trackSchedulerEvent: ug,
-  unhideInstance: J4,
-  unhideTextInstance: F4,
-  waitForCommitToBeReady: yg,
-  warnsIfNotActing: B4
+  scheduleMicrotask: N4,
+  scheduleTimeout: T4,
+  setCurrentUpdatePriority: ng,
+  shouldAttemptEagerTransition: lg,
+  shouldDeprioritizeSubtree: C4,
+  shouldSetTextContent: D4,
+  startSuspendingCommit: dg,
+  supportsHydration: B4,
+  supportsMicrotasks: M4,
+  supportsMutation: G4,
+  supportsPersistence: H4,
+  suspendInstance: fg,
+  trackSchedulerEvent: sg,
+  unhideInstance: Q4,
+  unhideTextInstance: k4,
+  waitForCommitToBeReady: gg,
+  warnsIfNotActing: z4
 }, Symbol.toStringTag, { value: "Module" }));
 function pd(o, e, a) {
   if (!o) return;
@@ -15553,17 +15540,17 @@ function yd(o) {
     return o;
   }
 }
-const Zo = /* @__PURE__ */ yd(/* @__PURE__ */ I1(null));
-class vd extends P1 {
+const Zo = /* @__PURE__ */ yd(/* @__PURE__ */ W1(null));
+class vd extends k1 {
   render() {
     return /* @__PURE__ */ fa(Zo.Provider, { value: this._reactInternals }, this.props.children);
   }
 }
-function Cg() {
-  const o = F1(Zo);
+function _g() {
+  const o = J1(Zo);
   if (o === null) throw new Error("its-fine: useFiber must be called within a <FiberProvider />!");
-  const e = W1();
-  return Ve(() => {
+  const e = F1();
+  return Pe(() => {
     for (const a of [o, o?.alternate]) {
       if (!a) continue;
       const l = pd(a, !1, (s) => {
@@ -15577,20 +15564,20 @@ function Cg() {
     }
   }, [o, e]);
 }
-const xg = Symbol.for("react.context"), Eg = (o) => o !== null && typeof o == "object" && "$$typeof" in o && o.$$typeof === xg;
-function Tg() {
-  const o = Cg(), [e] = me(() => /* @__PURE__ */ new Map());
+const Sg = Symbol.for("react.context"), bg = (o) => o !== null && typeof o == "object" && "$$typeof" in o && o.$$typeof === Sg;
+function Cg() {
+  const o = _g(), [e] = ye(() => /* @__PURE__ */ new Map());
   e.clear();
   let a = o;
   for (; a; ) {
     const l = a.type;
-    Eg(l) && l !== Zo && !e.has(l) && e.set(l, J1(yd(l))), a = a.return;
+    bg(l) && l !== Zo && !e.has(l) && e.set(l, P1(yd(l))), a = a.return;
   }
   return e;
 }
-function Ag() {
-  const o = Tg();
-  return Ve(
+function xg() {
+  const o = Cg();
+  return Pe(
     () => Array.from(o.keys()).reduce(
       (e, a) => (l) => /* @__PURE__ */ fa(e, null, /* @__PURE__ */ fa(a.Provider, { ...l, value: o.get(a) })),
       (e) => /* @__PURE__ */ fa(vd, { ...e })
@@ -15600,7 +15587,7 @@ function Ag() {
 }
 if (ee.version.indexOf("19") === -1)
   throw new Error("react-konva version 19 is only compatible with React 19. Make sure to have the last version of react-konva and react or downgrade react-konva to version 18.");
-function Mg(o) {
+function Eg(o) {
   const e = ee.useRef({});
   return ee.useLayoutEffect(() => {
     e.current = o;
@@ -15608,16 +15595,16 @@ function Mg(o) {
     e.current = {};
   }, []), e.current;
 }
-const Ng = () => {
+const Tg = () => {
   const o = ee.useRef(0);
   return ee.useMemo(() => {
     o.current++;
   }, []), o.current > 1;
-}, Rg = (o) => {
-  const e = ee.useRef(null), a = ee.useRef(null), l = ee.useRef(null), s = Mg(o), u = Ag(), c = ee.useRef(null), d = (p) => {
+}, Ag = (o) => {
+  const e = ee.useRef(null), a = ee.useRef(null), l = ee.useRef(null), s = Eg(o), u = xg(), c = ee.useRef(null), d = (p) => {
     const { forwardedRef: _ } = o;
     _ && (typeof _ == "function" ? _(p) : _.current = p);
-  }, g = Ng(), m = () => {
+  }, g = Tg(), m = () => {
     d(null), Ja.flushSyncFromReconciler(() => {
       Ja.updateContainer(null, l.current, null);
     }), a.current?.destroy(), a.current = null;
@@ -15643,7 +15630,7 @@ const Ng = () => {
     tabIndex: o.tabIndex,
     title: o.title
   });
-}, po = "Layer", yo = "Group", vo = "Circle", ha = "Line", Dg = "Text", Og = "Arrow", Ja = c4(bg), zg = ee.forwardRef((o, e) => ee.createElement(vd, {}, ee.createElement(Rg, { ...o, forwardedRef: e })));
+}, po = "Layer", yo = "Group", vo = "Circle", ha = "Line", Mg = "Text", Ng = "Arrow", Ja = r4(vg), Rg = ee.forwardRef((o, e) => ee.createElement(vd, {}, ee.createElement(Ag, { ...o, forwardedRef: e })));
 function Xi(o, e, a) {
   return { x: o.x * e, y: o.y * a };
 }
@@ -15653,11 +15640,11 @@ function _o(o, e, a) {
 function v0(o, e, a) {
   return o.flatMap((l) => [l.x * e, l.y * a]);
 }
-function Gg(o, e) {
+function Dg(o, e) {
   return o.color;
 }
-const Hg = "33", Bg = "66", _0 = 16, S0 = 9;
-function Ug({
+const Og = "33", zg = "66", _0 = 16, S0 = 9;
+function Gg({
   zones: o,
   selectedZoneId: e,
   onSelectZone: a,
@@ -15667,22 +15654,22 @@ function Ug({
   backdrop: c,
   transparent: d = !1
 }) {
-  const g = ga(null), [m, p] = me({ w: 800, h: 450 }), [_, v] = me([]), [b, S] = me(null), [R, T] = me(null), [A, E] = me(null);
+  const g = ga(null), [m, p] = ye({ w: 800, h: 450 }), [_, v] = ye([]), [b, S] = ye(null), [R, T] = ye(null), [A, E] = ye(null);
   Fa(() => {
     if (!A) return;
-    const w = o.find((tt) => tt.id === A.zoneId);
-    if (!w) {
+    const L = o.find((tt) => tt.id === A.zoneId);
+    if (!L) {
       E(null);
       return;
     }
-    if (w.points.length !== A.points.length) return;
-    w.points.every((tt, et) => {
+    if (L.points.length !== A.points.length) return;
+    L.points.every((tt, et) => {
       const I = A.points[et];
       return Math.abs(tt.x - I.x) < 1e-6 && Math.abs(tt.y - I.y) < 1e-6;
     }) && E(null);
   }, [o, A]), Fa(() => {
-    const w = g.current;
-    if (!w) return;
+    const L = g.current;
+    if (!L) return;
     const j = new ResizeObserver((tt) => {
       const et = tt[0];
       if (et) {
@@ -15690,19 +15677,19 @@ function Ug({
         p(d ? { w: I, h: F } : { w: I, h: I * 9 / 16 });
       }
     });
-    return j.observe(w), () => j.disconnect();
+    return j.observe(L), () => j.disconnect();
   }, [d]);
   const O = u !== null;
   Fa(() => {
     !O && b !== null && S(null);
   }, [O, b]);
   const H = le(
-    (w) => {
+    (L) => {
       if (!O) {
         a(null);
         return;
       }
-      const j = w.target.getStage();
+      const j = L.target.getStage();
       if (!j) return;
       const tt = j.getPointerPosition();
       if (!tt) return;
@@ -15740,9 +15727,9 @@ function Ug({
     },
     [O, _, m, u, s, a]
   ), U = le(
-    (w) => {
+    (L) => {
       if (!O || u === "tripwire" || _.length < 3) return;
-      w.cancelBubble = !0;
+      L.cancelBubble = !0;
       const j = {
         id: crypto.randomUUID(),
         name: "Zone",
@@ -15758,9 +15745,9 @@ function Ug({
     B.current !== null && cancelAnimationFrame(B.current);
   }, []);
   const X = le(
-    (w) => {
+    (L) => {
       if (!O) return;
-      const j = w.target.getStage();
+      const j = L.target.getStage();
       if (!j) return;
       const tt = j.getPointerPosition();
       k.current = tt ?? null, B.current === null && (B.current = requestAnimationFrame(() => {
@@ -15770,16 +15757,16 @@ function Ug({
     [O]
   ), P = [];
   if (!d) {
-    for (let w = 1; w < _0; w++) {
-      const j = m.w / _0 * w;
+    for (let L = 1; L < _0; L++) {
+      const j = m.w / _0 * L;
       P.push(
-        /* @__PURE__ */ L(ha, { points: [j, 0, j, m.h], stroke: "#ffffff", strokeWidth: 0.5, opacity: 0.08 }, `gv-${w}`)
+        /* @__PURE__ */ Y(ha, { points: [j, 0, j, m.h], stroke: "#ffffff", strokeWidth: 0.5, opacity: 0.08 }, `gv-${L}`)
       );
     }
-    for (let w = 1; w < S0; w++) {
-      const j = m.h / S0 * w;
+    for (let L = 1; L < S0; L++) {
+      const j = m.h / S0 * L;
       P.push(
-        /* @__PURE__ */ L(ha, { points: [0, j, m.w, j], stroke: "#ffffff", strokeWidth: 0.5, opacity: 0.08 }, `gh-${w}`)
+        /* @__PURE__ */ Y(ha, { points: [0, j, m.w, j], stroke: "#ffffff", strokeWidth: 0.5, opacity: 0.08 }, `gh-${L}`)
       );
     }
   }
@@ -15790,7 +15777,7 @@ function Ug({
       className: d ? "absolute inset-0" : "relative w-full bg-zinc-900 rounded-lg overflow-hidden",
       style: { cursor: O ? "crosshair" : "default" },
       children: [
-        c && !d ? /* @__PURE__ */ L(
+        c && !d ? /* @__PURE__ */ Y(
           "div",
           {
             className: "absolute inset-0 pointer-events-none [&>*]:w-full [&>*]:h-full [&>img]:object-cover [&>video]:object-cover",
@@ -15799,7 +15786,7 @@ function Ug({
           }
         ) : null,
         /* @__PURE__ */ rt(
-          zg,
+          Rg,
           {
             width: m.w,
             height: m.h,
@@ -15808,16 +15795,16 @@ function Ug({
             onMouseMove: X,
             children: [
               /* @__PURE__ */ rt(po, { listening: !1, children: [
-                /* @__PURE__ */ L(ha, { points: [0, 0, m.w, 0, m.w, m.h, 0, m.h, 0, 0], stroke: "transparent", strokeWidth: 0 }),
+                /* @__PURE__ */ Y(ha, { points: [0, 0, m.w, 0, m.w, m.h, 0, m.h, 0, 0], stroke: "transparent", strokeWidth: 0 }),
                 P
               ] }),
-              /* @__PURE__ */ L(po, { children: o.map((w) => {
-                const j = w.id === e, tt = Gg(w), et = A && A.zoneId === w.id ? A.points : w.points, I = v0(et, m.w, m.h), F = w.kind === "tripwire", ht = j && !O, at = R === w.id, ot = et.map((Dt) => Dt.x * m.w), vt = et.map((Dt) => Dt.y * m.h), _t = ot.length > 0 ? Math.min(...ot) : 0, Mt = ot.length > 0 ? Math.max(...ot) : 0, Wt = vt.length > 0 ? Math.min(...vt) : 0, Ii = vt.length > 0 ? Math.max(...vt) : 0;
+              /* @__PURE__ */ Y(po, { children: o.map((L) => {
+                const j = L.id === e, tt = Dg(L), et = A && A.zoneId === L.id ? A.points : L.points, I = v0(et, m.w, m.h), F = L.kind === "tripwire", ht = j && !O, at = R === L.id, ot = et.map((Dt) => Dt.x * m.w), vt = et.map((Dt) => Dt.y * m.h), _t = ot.length > 0 ? Math.min(...ot) : 0, Mt = ot.length > 0 ? Math.max(...ot) : 0, Wt = vt.length > 0 ? Math.min(...vt) : 0, Ii = vt.length > 0 ? Math.max(...vt) : 0;
                 return /* @__PURE__ */ rt(
                   yo,
                   {
                     onClick: (Dt) => {
-                      Dt.cancelBubble = !0, O || a(w.id);
+                      Dt.cancelBubble = !0, O || a(L.id);
                     },
                     children: [
                       /* @__PURE__ */ rt(
@@ -15829,13 +15816,13 @@ function Ug({
                             y: Math.max(-Wt, Math.min(m.h - Ii, Dt.y))
                           }) : void 0,
                           onDragStart: ht ? () => {
-                            T(w.id);
+                            T(L.id);
                           } : void 0,
                           onDragEnd: ht ? (Dt) => {
                             const Et = Dt.target, Ce = Et.x() / m.w, Ue = Et.y() / m.h;
                             if (Et.position({ x: 0, y: 0 }), T(null), Ce === 0 && Ue === 0) return;
-                            const se = w.points.map((Bt) => ({ x: Bt.x + Ce, y: Bt.y + Ue }));
-                            E({ zoneId: w.id, points: se }), l(w.id, se);
+                            const se = L.points.map((Bt) => ({ x: Bt.x + Ce, y: Bt.y + Ue }));
+                            E({ zoneId: L.id, points: se }), l(L.id, se);
                           } : void 0,
                           onMouseEnter: (Dt) => {
                             if (!ht) return;
@@ -15848,8 +15835,8 @@ function Ug({
                             Et && (Et.container().style.cursor = O ? "crosshair" : "default");
                           },
                           children: [
-                            F ? /* @__PURE__ */ L(
-                              Og,
+                            F ? /* @__PURE__ */ Y(
+                              Ng,
                               {
                                 points: I,
                                 stroke: tt,
@@ -15859,27 +15846,27 @@ function Ug({
                                 pointerWidth: 8,
                                 opacity: j ? 1 : 0.8
                               }
-                            ) : /* @__PURE__ */ L(
+                            ) : /* @__PURE__ */ Y(
                               ha,
                               {
                                 points: I,
                                 closed: !0,
-                                fill: tt + (j ? Bg : Hg),
+                                fill: tt + (j ? zg : Og),
                                 stroke: tt,
                                 strokeWidth: j ? 2.5 : 1.5,
                                 opacity: j ? 1 : 0.85
                               }
                             ),
                             et.length > 0 && (() => {
-                              const Dt = et.reduce((It, Ot) => It + Ot.x, 0), Et = et.reduce((It, Ot) => It + Ot.y, 0), Ce = Dt / et.length, Ue = Et / et.length, se = Xi({ x: Ce, y: Ue }, m.w, m.h), Bt = Math.max(40, w.name.length * 11 * 0.62);
-                              return /* @__PURE__ */ L(
-                                Dg,
+                              const Dt = et.reduce((It, Ot) => It + Ot.x, 0), Et = et.reduce((It, Ot) => It + Ot.y, 0), Ce = Dt / et.length, Ue = Et / et.length, se = Xi({ x: Ce, y: Ue }, m.w, m.h), Bt = Math.max(40, L.name.length * 11 * 0.62);
+                              return /* @__PURE__ */ Y(
+                                Mg,
                                 {
                                   x: se.x - Bt / 2,
                                   y: se.y - 7,
                                   width: Bt,
                                   align: "center",
-                                  text: w.name,
+                                  text: L.name,
                                   fontSize: 12,
                                   fill: tt,
                                   stroke: "#000000",
@@ -15895,7 +15882,7 @@ function Ug({
                       ),
                       j && !at && et.map((Dt, Et) => {
                         const Ce = Xi(Dt, m.w, m.h), Ue = F ? 2 : 3, se = et.length > Ue;
-                        return /* @__PURE__ */ L(
+                        return /* @__PURE__ */ Y(
                           vo,
                           {
                             x: Ce.x,
@@ -15908,18 +15895,18 @@ function Ug({
                             onDragMove: (Bt) => {
                               const It = _o({ x: Bt.target.x(), y: Bt.target.y() }, m.w, m.h);
                               E((Ot) => {
-                                const xe = (Ot && Ot.zoneId === w.id ? Ot.points : w.points).map((ni, ai) => ai === Et ? It : ni);
-                                return { zoneId: w.id, points: xe };
+                                const xe = (Ot && Ot.zoneId === L.id ? Ot.points : L.points).map((ni, ai) => ai === Et ? It : ni);
+                                return { zoneId: L.id, points: xe };
                               });
                             },
                             onDragEnd: (Bt) => {
-                              const It = _o({ x: Bt.target.x(), y: Bt.target.y() }, m.w, m.h), Ot = w.points.map((Vt, xe) => xe === Et ? It : Vt);
-                              E({ zoneId: w.id, points: Ot }), l(w.id, Ot);
+                              const It = _o({ x: Bt.target.x(), y: Bt.target.y() }, m.w, m.h), Ot = L.points.map((Vt, xe) => xe === Et ? It : Vt);
+                              E({ zoneId: L.id, points: Ot }), l(L.id, Ot);
                             },
                             onContextMenu: (Bt) => {
                               if (Bt.evt.preventDefault(), Bt.cancelBubble = !0, !se) return;
-                              const It = w.points.filter((Ot, Vt) => Vt !== Et);
-                              l(w.id, It);
+                              const It = L.points.filter((Ot, Vt) => Vt !== Et);
+                              l(L.id, It);
                             }
                           },
                           `pt-${Et}`
@@ -15927,7 +15914,7 @@ function Ug({
                       }),
                       j && !at && !F && et.length >= 2 && et.map((Dt, Et) => {
                         const Ce = et[(Et + 1) % et.length], Ue = (Dt.x + Ce.x) / 2, se = (Dt.y + Ce.y) / 2, Bt = Xi({ x: Ue, y: se }, m.w, m.h);
-                        return /* @__PURE__ */ L(
+                        return /* @__PURE__ */ Y(
                           vo,
                           {
                             x: Bt.x,
@@ -15952,11 +15939,11 @@ function Ug({
                             onClick: (It) => {
                               It.cancelBubble = !0;
                               const Ot = Et + 1, Vt = [
-                                ...w.points.slice(0, Ot),
+                                ...L.points.slice(0, Ot),
                                 { x: Ue, y: se },
-                                ...w.points.slice(Ot)
+                                ...L.points.slice(Ot)
                               ];
-                              l(w.id, Vt);
+                              l(L.id, Vt);
                             }
                           },
                           `mid-${Et}`
@@ -15964,11 +15951,11 @@ function Ug({
                       })
                     ]
                   },
-                  w.id
+                  L.id
                 );
               }) }),
-              /* @__PURE__ */ L(po, { listening: !1, children: O && _.length > 0 && /* @__PURE__ */ rt(yo, { children: [
-                _.length >= 2 && u !== "tripwire" && /* @__PURE__ */ L(
+              /* @__PURE__ */ Y(po, { listening: !1, children: O && _.length > 0 && /* @__PURE__ */ rt(yo, { children: [
+                _.length >= 2 && u !== "tripwire" && /* @__PURE__ */ Y(
                   ha,
                   {
                     points: v0(_, m.w, m.h),
@@ -15978,7 +15965,7 @@ function Ug({
                     opacity: 0.8
                   }
                 ),
-                _.length === 1 && u === "tripwire" && b && /* @__PURE__ */ L(
+                _.length === 1 && u === "tripwire" && b && /* @__PURE__ */ Y(
                   ha,
                   {
                     points: [
@@ -15993,7 +15980,7 @@ function Ug({
                     opacity: 0.7
                   }
                 ),
-                b && _.length >= 1 && u !== "tripwire" && /* @__PURE__ */ L(
+                b && _.length >= 1 && u !== "tripwire" && /* @__PURE__ */ Y(
                   ha,
                   {
                     points: [
@@ -16008,9 +15995,9 @@ function Ug({
                     opacity: 0.5
                   }
                 ),
-                _.map((w, j) => {
-                  const tt = Xi(w, m.w, m.h), et = j === 0;
-                  return /* @__PURE__ */ L(
+                _.map((L, j) => {
+                  const tt = Xi(L, m.w, m.h), et = j === 0;
+                  return /* @__PURE__ */ Y(
                     vo,
                     {
                       x: tt.x,
@@ -16028,12 +16015,12 @@ function Ug({
             ]
           }
         ),
-        O ? /* @__PURE__ */ L("div", { className: "px-3 py-1.5 bg-zinc-800/80 text-[11px] text-zinc-400 border-t border-zinc-700", children: u === "tripwire" ? "Click to set start point, click again to complete the tripwire" : _.length < 3 ? "Click to add points (min 3). Double-click or click first point to close." : "Continue adding points. Double-click or click first point to close." }) : null
+        O ? /* @__PURE__ */ Y("div", { className: "px-3 py-1.5 bg-zinc-800/80 text-[11px] text-zinc-400 border-t border-zinc-700", children: u === "tripwire" ? "Click to set start point, click again to complete the tripwire" : _.length < 3 ? "Click to add points (min 3). Double-click or click first point to close." : "Continue adding points. Double-click or click first point to close." }) : null
       ]
     }
   );
 }
-const Lg = Uo(Ug), wg = "#3b82f6", So = [
+const Hg = Uo(Gg), Bg = "#3b82f6", So = [
   "#3b82f6",
   "#10b981",
   "#f59e0b",
@@ -16045,18 +16032,18 @@ const Lg = Uo(Ug), wg = "#3b82f6", So = [
   "#8b5cf6",
   "#14b8a6"
 ];
-function Yg(o) {
+function Ug(o) {
   const e = new Set(o.map((a) => (a.color ?? "").toLowerCase()));
   for (const a of So)
     if (!e.has(a.toLowerCase())) return a;
   return So[o.length % So.length];
 }
-function Xg(o) {
+function Lg(o) {
   return {
     id: o.id,
     name: o.name,
     kind: o.kind,
-    color: o.color || wg,
+    color: o.color || Bg,
     points: [...o.polygon]
   };
 }
@@ -16069,16 +16056,16 @@ function b0(o) {
     color: o.color
   };
 }
-function qg({ deviceId: o }) {
-  const e = vs(), a = _s(e.trpcClient, o), l = Ss(a?.state.zones), s = Ve(() => l?.zones ?? [], [l]), u = Ho(), c = u?.drawingKind ?? null, d = u?.selectedZoneId ?? null, g = u?.editingDraft ?? null, m = Ve(() => s.map((b) => g && g.id === b.id ? {
+function wg({ deviceId: o }) {
+  const e = vs(), a = _s(e.trpcClient, o), l = Ss(a?.state.zones), s = Pe(() => l?.zones ?? [], [l]), u = Ho(), c = u?.drawingKind ?? null, d = u?.selectedZoneId ?? null, g = u?.editingDraft ?? null, m = Pe(() => s.map((b) => g && g.id === b.id ? {
     id: g.id,
     name: g.name,
     kind: g.kind,
     color: g.color,
     points: [...g.points]
-  } : Xg(b)), [s, g]), p = le(
+  } : Lg(b)), [s, g]), p = le(
     async (b) => {
-      const S = { ...b, color: Yg(m) };
+      const S = { ...b, color: Ug(m) };
       try {
         await a?.zones?.addZone({ zone: b0(S) });
       } catch (R) {
@@ -16123,8 +16110,8 @@ function qg({ deviceId: o }) {
     },
     [m, u]
   );
-  return m.length === 0 && c === null ? null : /* @__PURE__ */ L(
-    Lg,
+  return m.length === 0 && c === null ? null : /* @__PURE__ */ Y(
+    Hg,
     {
       zones: m,
       selectedZoneId: d,
@@ -16136,17 +16123,17 @@ function qg({ deviceId: o }) {
     }
   );
 }
-const jg = Uo(qg), Vg = "#3b82f6";
-function Zg(o) {
+const Yg = Uo(wg), Xg = "#3b82f6";
+function qg(o) {
   return {
     id: o.id,
     name: o.name,
     kind: o.kind,
-    color: o.color || Vg,
+    color: o.color || Xg,
     points: [...o.polygon]
   };
 }
-function Kg(o) {
+function jg(o) {
   return {
     id: o.id,
     name: o.name,
@@ -16155,13 +16142,13 @@ function Kg(o) {
     color: o.color
   };
 }
-function Qg({ deviceId: o }) {
-  const e = vs(), a = _s(e.trpcClient, o), l = Ss(a?.state.zones), s = Ve(() => l?.zones ?? [], [l]), u = Ve(() => s.map(Zg), [s]), c = Ho(), d = c?.drawingKind ?? null, g = c?.selectedZoneId ?? null, m = c?.editingDraft ?? null, p = Ve(
+function Vg({ deviceId: o }) {
+  const e = vs(), a = _s(e.trpcClient, o), l = Ss(a?.state.zones), s = Pe(() => l?.zones ?? [], [l]), u = Pe(() => s.map(qg), [s]), c = Ho(), d = c?.drawingKind ?? null, g = c?.selectedZoneId ?? null, m = c?.editingDraft ?? null, p = Pe(
     () => ({
       id: "zones",
       order: 100,
       // above PTZ overlay (order 0) so handles aren't occluded
-      node: /* @__PURE__ */ L(jg, { deviceId: o })
+      node: /* @__PURE__ */ Y(Yg, { deviceId: o })
     }),
     [o]
   );
@@ -16187,7 +16174,7 @@ function Qg({ deviceId: o }) {
     if (E) {
       try {
         await a?.zones?.updateZone({
-          zone: Kg({
+          zone: jg({
             id: E.id,
             kind: E.kind,
             name: E.name,
@@ -16219,7 +16206,7 @@ function Qg({ deviceId: o }) {
     [c]
   ), T = le(() => {
     c?.setDrawingKind(null);
-  }, [c]), A = Ve(() => !m || !u.find((O) => O.id === m.id) ? null : {
+  }, [c]), A = Pe(() => !m || !u.find((O) => O.id === m.id) ? null : {
     id: m.id,
     kind: m.kind,
     name: m.name,
@@ -16228,17 +16215,17 @@ function Qg({ deviceId: o }) {
   }, [u, m]);
   return /* @__PURE__ */ rt("div", { className: E0, children: [
     /* @__PURE__ */ rt("div", { className: T0, children: [
-      /* @__PURE__ */ L("div", { className: A0, children: /* @__PURE__ */ rt("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ L("h2", { className: Bo, children: "Detection Zones" }),
+      /* @__PURE__ */ Y("div", { className: A0, children: /* @__PURE__ */ rt("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ Y("h2", { className: Bo, children: "Detection Zones" }),
         /* @__PURE__ */ rt("p", { className: `${M0} mt-0.5 leading-tight`, children: [
           "Pick a shape below or use the ",
-          /* @__PURE__ */ L("strong", { className: "text-foreground", children: "Zones" }),
+          /* @__PURE__ */ Y("strong", { className: "text-foreground", children: "Zones" }),
           " button on the live frame to draw new polygons or tripwires. Behaviour is set per-stage in the rules editors below — a zone with no rule is observed by analytics but never filters."
         ] })
       ] }) }),
       /* @__PURE__ */ rt("div", { className: `${N0} flex flex-col gap-3`, children: [
-        /* @__PURE__ */ L(
-          G2,
+        /* @__PURE__ */ Y(
+          D2,
           {
             zones: u,
             selectedZoneId: g,
@@ -16250,9 +16237,9 @@ function Qg({ deviceId: o }) {
           }
         ),
         A && /* @__PURE__ */ rt(C0, { children: [
-          /* @__PURE__ */ L("div", { className: "border-t border-border" }),
-          /* @__PURE__ */ L(
-            B2,
+          /* @__PURE__ */ Y("div", { className: "border-t border-border" }),
+          /* @__PURE__ */ Y(
+            z2,
             {
               zone: A,
               onSave: v,
@@ -16264,15 +16251,15 @@ function Qg({ deviceId: o }) {
       ] })
     ] }),
     /* @__PURE__ */ rt("div", { className: `grid grid-cols-1 2xl:grid-cols-2 ${Q1}`, children: [
-      /* @__PURE__ */ L(jh, { dev: a, stage: "motion", zones: s }),
-      /* @__PURE__ */ L(jh, { dev: a, stage: "detection", zones: s })
+      /* @__PURE__ */ Y(jh, { dev: a, stage: "motion", zones: s }),
+      /* @__PURE__ */ Y(jh, { dev: a, stage: "detection", zones: s })
     ] })
   ] });
 }
-function kg(o) {
-  return o.deviceId === void 0 ? /* @__PURE__ */ L("div", { className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning", children: "ZoneEditor requires a deviceId" }) : /* @__PURE__ */ L(Qg, { deviceId: o.deviceId });
+function Zg(o) {
+  return o.deviceId === void 0 ? /* @__PURE__ */ Y("div", { className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning", children: "ZoneEditor requires a deviceId" }) : /* @__PURE__ */ Y(Vg, { deviceId: o.deviceId });
 }
-function Pg({
+function Kg({
   options: o,
   cells: e,
   enabled: a,
@@ -16285,19 +16272,19 @@ function Pg({
   onSave: m,
   onCancel: p
 }) {
-  const { gridWidth: _, gridHeight: v } = o, b = _ * v, S = ga(!1), R = ga(!0), T = ga(/* @__PURE__ */ new Set()), [, A] = me(0), E = le(
+  const { gridWidth: _, gridHeight: v } = o, b = _ * v, S = ga(!1), R = ga(!0), T = ga(/* @__PURE__ */ new Set()), [, A] = ye(0), E = le(
     (P, nt) => {
       if (P < 0 || P >= b || e[P] === nt) return;
-      const w = [...e];
-      for (; w.length < b; ) w.push(!1);
-      w.length = b, w[P] = nt, c(w);
+      const L = [...e];
+      for (; L.length < b; ) L.push(!1);
+      L.length = b, L[P] = nt, c(L);
     },
     [e, b, c]
   ), O = le(
     (P) => (nt) => {
       nt.preventDefault();
-      const w = !e[P];
-      S.current = !0, R.current = w, T.current = /* @__PURE__ */ new Set([P]), E(P, w), A((j) => j + 1);
+      const L = !e[P];
+      S.current = !0, R.current = L, T.current = /* @__PURE__ */ new Set([P]), E(P, L), A((j) => j + 1);
     },
     [e, E]
   ), H = le(
@@ -16315,7 +16302,7 @@ function Pg({
       onPointerUp: U,
       onPointerLeave: U,
       children: [
-        /* @__PURE__ */ L(
+        /* @__PURE__ */ Y(
           "div",
           {
             className: "absolute inset-0 grid",
@@ -16324,16 +16311,16 @@ function Pg({
               gridTemplateRows: `repeat(${String(v)}, 1fr)`
             },
             children: Array.from({ length: b }, (P, nt) => {
-              const w = e[nt] === !0;
-              return /* @__PURE__ */ L(
+              const L = e[nt] === !0;
+              return /* @__PURE__ */ Y(
                 "button",
                 {
                   type: "button",
                   "aria-label": `motion cell ${String(nt)}`,
-                  "aria-pressed": w,
+                  "aria-pressed": L,
                   onPointerDown: O(nt),
                   onPointerEnter: H(nt),
-                  className: w ? "border border-primary/40 bg-primary/30 hover:bg-primary/40 transition-colors" : "border border-white/15 bg-transparent hover:bg-white/10 transition-colors"
+                  className: L ? "border border-primary/40 bg-primary/30 hover:bg-primary/40 transition-colors" : "border border-white/15 bg-transparent hover:bg-white/10 transition-colors"
                 },
                 nt
               );
@@ -16347,7 +16334,7 @@ function Pg({
             onPointerDown: (P) => P.stopPropagation(),
             children: [
               /* @__PURE__ */ rt("label", { className: "flex items-center gap-2 text-[11px] text-foreground", children: [
-                /* @__PURE__ */ L(
+                /* @__PURE__ */ Y(
                   "input",
                   {
                     type: "checkbox",
@@ -16356,11 +16343,11 @@ function Pg({
                     className: "h-3 w-3 accent-primary"
                   }
                 ),
-                /* @__PURE__ */ L("span", { className: "font-medium", children: "Motion detection enabled" })
+                /* @__PURE__ */ Y("span", { className: "font-medium", children: "Motion detection enabled" })
               ] }),
               /* @__PURE__ */ rt("label", { className: "flex items-center gap-2 text-[11px] text-foreground", children: [
-                /* @__PURE__ */ L("span", { className: "w-20 shrink-0", children: "Sensitivity" }),
-                /* @__PURE__ */ L(
+                /* @__PURE__ */ Y("span", { className: "w-20 shrink-0", children: "Sensitivity" }),
+                /* @__PURE__ */ Y(
                   "input",
                   {
                     type: "range",
@@ -16372,10 +16359,10 @@ function Pg({
                     className: "h-1 w-32 accent-primary"
                   }
                 ),
-                /* @__PURE__ */ L("span", { className: "w-8 shrink-0 text-right tabular-nums text-foreground-subtle", children: l })
+                /* @__PURE__ */ Y("span", { className: "w-8 shrink-0 text-right tabular-nums text-foreground-subtle", children: l })
               ] }),
               /* @__PURE__ */ rt("div", { className: "flex items-center gap-2 pt-0.5", children: [
-                /* @__PURE__ */ L(
+                /* @__PURE__ */ Y(
                   "button",
                   {
                     type: "button",
@@ -16385,7 +16372,7 @@ function Pg({
                     children: s ? "Saving…" : "Save"
                   }
                 ),
-                /* @__PURE__ */ L(
+                /* @__PURE__ */ Y(
                   "button",
                   {
                     type: "button",
@@ -16395,7 +16382,7 @@ function Pg({
                     children: "Cancel"
                   }
                 ),
-                /* @__PURE__ */ L("span", { className: "text-[10px] text-foreground-subtle", children: "Click or drag cells to paint the motion mask." })
+                /* @__PURE__ */ Y("span", { className: "text-[10px] text-foreground-subtle", children: "Click or drag cells to paint the motion mask." })
               ] })
             ]
           }
@@ -16404,12 +16391,12 @@ function Pg({
     }
   );
 }
-function Jg(o) {
+function Qg(o) {
   const e = o instanceof Error ? o.message : String(o);
   return e.includes("provider not available") || e.includes("motion-zones");
 }
-function Fg({ deviceId: o }) {
-  const e = vs(), a = _s(e.trpcClient, o), l = Ss(a?.state.motionZones), [s, u] = me(null), [c, d] = me(!1), [g, m] = me(null), [p, _] = me(!1), v = ga(!1);
+function kg({ deviceId: o }) {
+  const e = vs(), a = _s(e.trpcClient, o), l = Ss(a?.state.motionZones), [s, u] = ye(null), [c, d] = ye(!1), [g, m] = ye(null), [p, _] = ye(!1), v = ga(!1);
   Fa(() => {
     if (!a) return;
     let T = !1;
@@ -16426,13 +16413,13 @@ function Fg({ deviceId: o }) {
         });
       } catch (A) {
         if (T) return;
-        Jg(A) ? d(!0) : console.error("motion-zones load failed", A);
+        Qg(A) ? d(!0) : console.error("motion-zones load failed", A);
       }
     })(), () => {
       T = !0;
     };
   }, [a]);
-  const b = Ve(() => !g || !l ? !1 : g.enabled !== l.enabled || g.sensitivity !== l.sensitivity || !Wg(g.cells, l.cells), [g, l]), S = le(async () => {
+  const b = Pe(() => !g || !l ? !1 : g.enabled !== l.enabled || g.sensitivity !== l.sensitivity || !Pg(g.cells, l.cells), [g, l]), S = le(async () => {
     if (!(!g || !a?.motionZones)) {
       _(!0);
       try {
@@ -16462,8 +16449,8 @@ function Fg({ deviceId: o }) {
       cells: bo(l.cells, s)
     });
   }, [l, s]);
-  return c || !s || !g ? null : /* @__PURE__ */ L(
-    Pg,
+  return c || !s || !g ? null : /* @__PURE__ */ Y(
+    Kg,
     {
       options: s,
       cells: g.cells,
@@ -16484,58 +16471,41 @@ function bo(o, e) {
   for (let s = 0; s < a; s += 1) l[s] = o[s] === !0;
   return l;
 }
-function Wg(o, e) {
+function Pg(o, e) {
   if (o.length !== e.length) return !1;
   for (let a = 0; a < o.length; a += 1)
     if (o[a] !== e[a]) return !1;
   return !0;
 }
-const Ig = Uo(Fg);
-function $g({ deviceId: o }) {
-  const [e, a] = me(!1), l = Ve(
+const Jg = Uo(kg);
+function Fg({ deviceId: o }) {
+  const e = Pe(
     () => ({
-      id: "motion-zones",
-      order: 60,
-      // after Intercom / Snapshot, before nothing in particular
-      icon: /* @__PURE__ */ L(v2, { className: "h-3 w-3" }),
-      label: "Motion zones",
-      title: "Edit on-camera motion-detection grid",
-      active: e,
-      tone: "default",
-      onClick: () => a((u) => !u)
-    }),
-    [e]
-  );
-  k1(l);
-  const s = Ve(
-    () => e ? {
       id: "motion-zones",
       order: 110,
-      node: /* @__PURE__ */ L(Ig, { deviceId: o })
-    } : null,
-    [e, o]
+      // above the analytics zones overlay (order 100)
+      node: /* @__PURE__ */ Y(Jg, { deviceId: o })
+    }),
+    [o]
   );
-  return x0(s), /* @__PURE__ */ L("div", { className: E0, children: /* @__PURE__ */ rt("div", { className: T0, children: [
-    /* @__PURE__ */ L("div", { className: A0, children: /* @__PURE__ */ L("h2", { className: Bo, children: "Motion Zones" }) }),
-    /* @__PURE__ */ L("div", { className: N0, children: /* @__PURE__ */ rt("p", { className: `${M0} leading-relaxed`, children: [
-      "Use the ",
-      /* @__PURE__ */ L("strong", { className: "text-foreground", children: "Motion zones" }),
-      " ",
-      "button on the live frame to edit the camera's on-board motion-detection grid. In edit mode, click or drag cells to paint the region the camera watches, toggle detection on or off, and tune sensitivity — then ",
-      /* @__PURE__ */ L("strong", { className: "text-foreground", children: "Save" }),
+  return x0(e), /* @__PURE__ */ Y("div", { className: E0, children: /* @__PURE__ */ rt("div", { className: T0, children: [
+    /* @__PURE__ */ Y("div", { className: A0, children: /* @__PURE__ */ Y("h2", { className: Bo, children: "Motion Zones" }) }),
+    /* @__PURE__ */ Y("div", { className: N0, children: /* @__PURE__ */ rt("p", { className: `${M0} leading-relaxed`, children: [
+      "The on-camera motion-detection grid is shown on the live frame while this section is open. Click or drag cells to paint the region the camera watches, toggle detection on or off, and tune sensitivity — then ",
+      /* @__PURE__ */ Y("strong", { className: "text-foreground", children: "Save" }),
       " ",
       "to push the mask to the camera. Cameras without an on-board motion grid show no overlay."
     ] }) })
   ] }) });
 }
-function tm(o) {
-  return o.deviceId === void 0 ? /* @__PURE__ */ L("div", { className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning", children: "MotionZonesEditor requires a deviceId" }) : /* @__PURE__ */ L($g, { deviceId: o.deviceId });
+function Wg(o) {
+  return o.deviceId === void 0 ? /* @__PURE__ */ Y("div", { className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning", children: "MotionZonesEditor requires a deviceId" }) : /* @__PURE__ */ Y(Fg, { deviceId: o.deviceId });
 }
-const mm = {
-  "pipeline-quick-stats": R2,
-  "zone-editor": kg,
-  "motion-zones-editor": tm
+const dm = {
+  "pipeline-quick-stats": A2,
+  "zone-editor": Zg,
+  "motion-zones-editor": Wg
 };
 export {
-  mm as default
+  dm as default
 };