triiiceratops 0.12.2 → 0.12.4

package/dist/triiiceratops-bundle.js

@@ -1,11 +1,11 @@
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
 import { onMount as Tt, getContext as Ze, untrack as qe, setContext as Et, onDestroy as Fe } from "svelte";
-import { m as Ke, g as ge, a as S, c as Me, o as jt, s as Ot, V as we, X as Oe, b as Bt } from "./X-Bn7S7vUL.js";
-import { M as Fc } from "./X-Bn7S7vUL.js";
+import { m as Ke, g as ge, a as S, c as Me, o as jt, s as Ot, V as we, X as Oe, b as Bt } from "./X-BsrpnzCK.js";
+import { M as Fc } from "./X-BsrpnzCK.js";
 import { SvelteSet as Ft } from "svelte/reactivity";
-import { a as Nt, b as Rt, c as Dt, d as Gt, e as Ut, f as Xt, g as Yt, h as Wt, i as qt, j as Kt, k as Qt, l as Jt, m as $t, n as er, o as tr, p as rr, q as ar, r as nr, s as or, t as ir, u as lr, v as sr } from "./annotation_tool_point-LoRp_nrI.js";
-import { i as cr, a as dr, b as gr, c as vr, d as fr, e as _r, f as ur, g as hr } from "./image_filters_reset-CmWuQiOc.js";
+import { a as Nt, b as Rt, c as Dt, d as Gt, e as Ut, f as Xt, g as Yt, h as Wt, i as qt, j as Kt, k as Qt, l as Jt, m as $t, n as er, o as tr, p as rr, q as ar, r as nr, s as or, t as ir, u as lr, v as sr } from "./annotation_tool_point-Do_1lOD_.js";
+import { i as cr, a as dr, b as gr, c as vr, d as fr, e as _r, f as ur, g as hr } from "./image_filters_reset-Dw23NgOZ.js";
 const pr = [
   "light",
   "dark",
@@ -74,11 +74,11 @@ function wr(a, t, r) {
   };
 }
 function yr(a, t, r) {
-  const d = 0.8189330101 * a + 0.3618667424 * t - 0.1288597137 * r, i = 0.0329845436 * a + 0.9293118715 * t + 0.0361456387 * r, M = 0.0482003018 * a + 0.2643662691 * t + 0.633851707 * r, w = Math.cbrt(d), p = Math.cbrt(i), C = Math.cbrt(M);
+  const d = 0.8189330101 * a + 0.3618667424 * t - 0.1288597137 * r, i = 0.0329845436 * a + 0.9293118715 * t + 0.0361456387 * r, M = 0.0482003018 * a + 0.2643662691 * t + 0.633851707 * r, w = Math.cbrt(d), m = Math.cbrt(i), C = Math.cbrt(M);
   return {
-    L: 0.2104542553 * w + 0.793617785 * p - 0.0040720468 * C,
-    a: 1.9779984951 * w - 2.428592205 * p + 0.4505937099 * C,
-    b: 0.0259040371 * w + 0.7827717662 * p - 0.808675766 * C
+    L: 0.2104542553 * w + 0.793617785 * m - 0.0040720468 * C,
+    a: 1.9779984951 * w - 2.428592205 * m + 0.4505937099 * C,
+    b: 0.0259040371 * w + 0.7827717662 * m - 0.808675766 * C
   };
 }
 function xr(a, t, r) {
@@ -87,8 +87,8 @@ function xr(a, t, r) {
   return i < 0 && (i += 360), { L: a, C: d, h: i };
 }
 function Qe(a, t, r) {
-  const d = He(a), i = He(t), M = He(r), { x: w, y: p, z: C } = wr(d, i, M), { L: b, a: A, b: G } = yr(w, p, C);
-  return xr(b, A, G);
+  const d = He(a), i = He(t), M = He(r), { x: w, y: m, z: C } = wr(d, i, M), { L: p, a: x, b: G } = yr(w, m, C);
+  return xr(p, x, G);
 }
 function Je(a, t, r) {
   const d = (a * 100).toFixed(2), i = t.toFixed(4), M = t < 1e-4 ? 0 : r.toFixed(2);
@@ -284,29 +284,29 @@ function Er(a) {
       return console.warn("Failed to parse SVG selector:", a), null;
     const d = [], i = r.querySelectorAll("polygon");
     for (const C of i) {
-      const b = C.getAttribute("points");
-      if (b) {
-        const A = jr(b);
-        d.push(...A);
+      const p = C.getAttribute("points");
+      if (p) {
+        const x = jr(p);
+        d.push(...x);
       }
     }
     const M = r.querySelectorAll("path");
     for (const C of M) {
-      const b = C.getAttribute("d");
-      if (b) {
-        const A = Or(b);
-        d.push(...A);
+      const p = C.getAttribute("d");
+      if (p) {
+        const x = Or(p);
+        d.push(...x);
       }
     }
     const w = r.querySelectorAll("circle");
     for (const C of w) {
-      const b = parseFloat(C.getAttribute("cx") || "0"), A = parseFloat(C.getAttribute("cy") || "0"), G = parseFloat(C.getAttribute("r") || "0"), D = Br(b, A, G);
-      d.push(...D);
+      const p = parseFloat(C.getAttribute("cx") || "0"), x = parseFloat(C.getAttribute("cy") || "0"), G = parseFloat(C.getAttribute("r") || "0"), R = Br(p, x, G);
+      d.push(...R);
     }
-    const p = r.querySelectorAll("rect");
-    for (const C of p) {
-      const b = parseFloat(C.getAttribute("x") || "0"), A = parseFloat(C.getAttribute("y") || "0"), G = parseFloat(C.getAttribute("width") || "0"), D = parseFloat(C.getAttribute("height") || "0");
-      d.push([b, A], [b + G, A], [b + G, A + D], [b, A + D]);
+    const m = r.querySelectorAll("rect");
+    for (const C of m) {
+      const p = parseFloat(C.getAttribute("x") || "0"), x = parseFloat(C.getAttribute("y") || "0"), G = parseFloat(C.getAttribute("width") || "0"), R = parseFloat(C.getAttribute("height") || "0");
+      d.push([p, x], [p + G, x], [p + G, x + R], [p, x + R]);
     }
     return d.length === 0 ? null : {
       type: "POLYGON",
@@ -336,8 +336,8 @@ function Or(a) {
 function Br(a, t, r, d = 8) {
   const i = [];
   for (let M = 0; M < d; M++) {
-    const w = M / d * Math.PI * 2, p = a + r * Math.cos(w), C = t + r * Math.sin(w);
-    i.push([p, C]);
+    const w = M / d * Math.PI * 2, m = a + r * Math.cos(w), C = t + r * Math.sin(w);
+    i.push([m, C]);
   }
   return i;
 }
@@ -392,11 +392,11 @@ function tt(a) {
       for (const i of d) {
         const M = i.getValue ? i.getValue() : "";
         if (M) {
-          const w = i.getFormat ? i.getFormat() : "", p = i.getPurpose ? i.getPurpose() : void 0;
+          const w = i.getFormat ? i.getFormat() : "", m = i.getPurpose ? i.getPurpose() : void 0;
           t.push({
             value: M,
             isHtml: w === "text/html" || w === "application/html",
-            purpose: p,
+            purpose: m,
             format: w
           });
         }
@@ -448,25 +448,25 @@ function Rr(a, t = /* @__PURE__ */ new Set()) {
 var Dr = e.from_html("<div></div>"), Gr = e.from_svg('<svg class="absolute pointer-events-auto"><title> </title><polygon stroke-width="2"></polygon></svg>'), Ur = e.from_html('<div class="w-full h-full relative"><div></div> <!></div>');
 function Xr(a, t) {
   e.push(t, !0);
-  let r = e.prop(t, "viewerState", 7), d = e.state(void 0), i = e.state(void 0), M = e.state(void 0), w = e.state(0), p = "", C = e.derived(() => {
+  let r = e.prop(t, "viewerState", 7), d = e.state(void 0), i = e.state(void 0), M = e.state(void 0), w = e.state(0), m = "", C = e.derived(() => {
     if (!r().manifestId || !r().canvasId)
       return [];
     const n = Ke.getAnnotations(r().manifestId, r().canvasId), o = r().currentCanvasSearchAnnotations;
     return [...n, ...o];
-  }), b = e.derived(() => {
+  }), p = e.derived(() => {
     const n = new Ft();
     return r().currentCanvasSearchAnnotations.forEach((o) => {
-      const m = o.id || o["@id"];
-      m && n.add(m);
+      const b = o.id || o["@id"];
+      b && n.add(b);
     }), n;
-  }), A = e.derived(() => Rr(e.get(C), e.get(b))), G = e.derived(() => {
-    if (e.get(w), !e.get(i) || !e.get(M) || !e.get(A).length)
+  }), x = e.derived(() => Rr(e.get(C), e.get(p))), G = e.derived(() => {
+    if (e.get(w), !e.get(i) || !e.get(M) || !e.get(x).length)
       return [];
     const n = e.get(i).world.getItemAt(0);
     if (!n)
       return [];
-    const o = [], m = r().pluginPanels.find((k) => k.id === "annotation-editor:panel"), z = m ? m.isVisible() : !1;
-    for (const k of e.get(A)) {
+    const o = [], b = r().pluginPanels.find((k) => k.id === "annotation-editor:panel"), z = b ? b.isVisible() : !1;
+    for (const k of e.get(x)) {
       if (!k.isSearchHit) if (r().showAnnotations) {
         if (!r().visibleAnnotationIds.has(k.id))
           continue;
@@ -489,17 +489,17 @@ function Xr(a, t) {
         });
       } else if (k.geometry.type === "POLYGON") {
         const l = k.geometry.points.map((f) => {
-          const T = n.imageToViewportCoordinates(new (e.get(M)).Point(f[0], f[1])), R = e.get(i).viewport.viewportToViewerElementCoordinates(T);
-          return [R.x, R.y];
+          const T = n.imageToViewportCoordinates(new (e.get(M)).Point(f[0], f[1])), D = e.get(i).viewport.viewportToViewerElementCoordinates(T);
+          return [D.x, D.y];
         });
-        let y = 1 / 0, N = 1 / 0, Q = -1 / 0, x = -1 / 0;
+        let y = 1 / 0, N = 1 / 0, Q = -1 / 0, A = -1 / 0;
         for (const [f, T] of l)
-          y = Math.min(y, f), N = Math.min(N, T), Q = Math.max(Q, f), x = Math.max(x, T);
+          y = Math.min(y, f), N = Math.min(N, T), Q = Math.max(Q, f), A = Math.max(A, T);
         const c = l.map(([f, T]) => [f - y, T - N]);
         o.push({
           id: k.id,
           type: "POLYGON",
-          bounds: { x: y, y: N, width: Q - y, height: x - N },
+          bounds: { x: y, y: N, width: Q - y, height: A - N },
           points: c,
           isSearchHit: k.isSearchHit,
           tooltip: k.body.map((f) => f.value).join(" "),
@@ -547,9 +547,9 @@ function Xr(a, t) {
   }), e.user_effect(() => {
     if (!e.get(i) || !t.tileSources) return;
     const n = JSON.stringify(t.tileSources);
-    if (n !== p)
-      if (p = n, r().viewingMode === "paged" && t.tileSources instanceof Array && t.tileSources.length === 2) {
-        const m = [
+    if (n !== m)
+      if (m = n, r().viewingMode === "paged" && t.tileSources instanceof Array && t.tileSources.length === 2) {
+        const b = [
           { tileSource: t.tileSources[0], x: 0, y: 0, width: 1 },
           {
             tileSource: t.tileSources[1],
@@ -559,15 +559,15 @@ function Xr(a, t) {
             width: 1
           }
         ];
-        e.get(i).open(m);
+        e.get(i).open(b);
       } else
         e.get(i).open(t.tileSources);
   });
-  var D = Ur(), L = e.child(D);
+  var R = Ur(), L = e.child(R);
   e.bind_this(L, (n) => e.set(d, n), () => e.get(d));
   var P = e.sibling(L, 2);
   e.each(P, 17, () => e.get(G), (n) => n.id, (n, o) => {
-    var m = e.comment(), z = e.first_child(m);
+    var b = e.comment(), z = e.first_child(b);
     {
       var k = (y) => {
         var N = Dr();
@@ -583,8 +583,8 @@ function Xr(a, t) {
       }, l = (y) => {
         var N = e.comment(), Q = e.first_child(N);
         {
-          var x = (c) => {
-            var f = Gr(), T = e.child(f), R = e.child(T, !0);
+          var A = (c) => {
+            var f = Gr(), T = e.child(f), D = e.child(T, !0);
             e.reset(T);
             var O = e.sibling(T);
             e.reset(f), e.template_effect(
@@ -595,7 +595,7 @@ function Xr(a, t) {
           width: ${e.get(o).bounds.width ?? ""}px;
           height: ${e.get(o).bounds.height ?? ""}px;
           pointer-events: ${e.get(o).pointerEvents ?? ""};
-        `), e.set_text(R, e.get(o).tooltip), e.set_attribute(O, "id", `annotation-visual-${e.get(o).id ?? ""}`), e.set_attribute(O, "points", g), e.set_class(O, 0, `cursor-pointer transition-colors ${e.get(o).isSearchHit ? "fill-yellow-400/40 stroke-yellow-400 hover:fill-yellow-400/60" : "fill-red-500/20 stroke-red-500 hover:fill-red-500/40"}`);
+        `), e.set_text(D, e.get(o).tooltip), e.set_attribute(O, "id", `annotation-visual-${e.get(o).id ?? ""}`), e.set_attribute(O, "points", g), e.set_class(O, 0, `cursor-pointer transition-colors ${e.get(o).isSearchHit ? "fill-yellow-400/40 stroke-yellow-400 hover:fill-yellow-400/60" : "fill-red-500/20 stroke-red-500 hover:fill-red-500/40"}`);
               },
               [() => e.get(o).points.map((g) => g.join(",")).join(" ")]
             ), e.append(c, f);
@@ -603,7 +603,7 @@ function Xr(a, t) {
           e.if(
             Q,
             (c) => {
-              e.get(o).type === "POLYGON" && c(x);
+              e.get(o).type === "POLYGON" && c(A);
             },
             !0
           );
@@ -614,51 +614,51 @@ function Xr(a, t) {
         e.get(o).type === "RECTANGLE" ? y(k) : y(l, !1);
       });
     }
-    e.append(n, m);
-  }), e.reset(D), e.template_effect(() => e.set_class(L, 1, `w-full h-full osd-background ${r().config.transparentBackground ? "" : "bg-base-100"}`)), e.append(a, D), e.pop();
+    e.append(n, b);
+  }), e.reset(R), e.template_effect(() => e.set_class(L, 1, `w-full h-full osd-background ${r().config.transparentBackground ? "" : "bg-base-100"}`)), e.append(a, R), e.pop();
 }
 var Yr = e.from_svg('<path d="M168.49,199.51a12,12,0,0,1-17,17l-80-80a12,12,0,0,1,0-17l80-80a12,12,0,0,1,17,17L97,128Z"></path>'), Wr = e.from_svg('<path d="M160,48V208L80,128Z" opacity="0.2"></path><path d="M163.06,40.61a8,8,0,0,0-8.72,1.73l-80,80a8,8,0,0,0,0,11.32l80,80A8,8,0,0,0,168,208V48A8,8,0,0,0,163.06,40.61ZM152,188.69,91.31,128,152,67.31Z"></path>', 1), qr = e.from_svg('<path d="M168,48V208a8,8,0,0,1-13.66,5.66l-80-80a8,8,0,0,1,0-11.32l80-80A8,8,0,0,1,168,48Z"></path>'), Kr = e.from_svg('<path d="M164.24,203.76a6,6,0,1,1-8.48,8.48l-80-80a6,6,0,0,1,0-8.48l80-80a6,6,0,0,1,8.48,8.48L88.49,128Z"></path>'), Qr = e.from_svg('<path d="M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z"></path>'), Jr = e.from_svg('<path d="M162.83,205.17a4,4,0,0,1-5.66,5.66l-80-80a4,4,0,0,1,0-5.66l80-80a4,4,0,1,1,5.66,5.66L85.66,128Z"></path>'), $r = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
 function ea(a, t) {
   e.push(t, !0);
   const r = ge();
-  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), p = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
+  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), m = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
   function C(n) {
-    let { weight: o, color: m, size: z, mirrored: k, ...l } = n;
+    let { weight: o, color: b, size: z, mirrored: k, ...l } = n;
     return l;
   }
-  var b = $r();
+  var p = $r();
   e.attribute_effect(
-    b,
+    p,
     (n, o) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       width: e.get(w),
       height: e.get(w),
       fill: e.get(M),
-      transform: e.get(p) ? "scale(-1, 1)" : void 0,
+      transform: e.get(m) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...n,
       ...o
     }),
     [() => C(r), () => C(d)]
   );
-  var A = e.child(b);
+  var x = e.child(p);
   {
     var G = (n) => {
-      var o = e.comment(), m = e.first_child(o);
-      e.snippet(m, () => t.children), e.append(n, o);
+      var o = e.comment(), b = e.first_child(o);
+      e.snippet(b, () => t.children), e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(x, (n) => {
       t.children && n(G);
     });
   }
-  var D = e.sibling(A, 2);
+  var R = e.sibling(x, 2);
   {
     var L = (n) => {
       var o = Yr();
       e.append(n, o);
     }, P = (n) => {
-      var o = e.comment(), m = e.first_child(o);
+      var o = e.comment(), b = e.first_child(o);
       {
         var z = (l) => {
           var y = Wr();
@@ -669,10 +669,10 @@ function ea(a, t) {
             var Q = (c) => {
               var f = qr();
               e.append(c, f);
-            }, x = (c) => {
+            }, A = (c) => {
               var f = e.comment(), T = e.first_child(f);
               {
-                var R = (g) => {
+                var D = (g) => {
                   var u = Kr();
                   e.append(g, u);
                 }, O = (g) => {
@@ -714,7 +714,7 @@ function ea(a, t) {
                 e.if(
                   T,
                   (g) => {
-                    e.get(i) === "light" ? g(R) : g(O, !1);
+                    e.get(i) === "light" ? g(D) : g(O, !1);
                   },
                   !0
                 );
@@ -724,7 +724,7 @@ function ea(a, t) {
             e.if(
               N,
               (c) => {
-                e.get(i) === "fill" ? c(Q) : c(x, !1);
+                e.get(i) === "fill" ? c(Q) : c(A, !1);
               },
               !0
             );
@@ -732,7 +732,7 @@ function ea(a, t) {
           e.append(l, y);
         };
         e.if(
-          m,
+          b,
           (l) => {
             e.get(i) === "duotone" ? l(z) : l(k, !1);
           },
@@ -741,54 +741,54 @@ function ea(a, t) {
       }
       e.append(n, o);
     };
-    e.if(D, (n) => {
+    e.if(R, (n) => {
       e.get(i) === "bold" ? n(L) : n(P, !1);
     });
   }
-  e.reset(b), e.append(a, b), e.pop();
+  e.reset(p), e.append(a, p), e.pop();
 }
 var ta = e.from_svg('<path d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"></path>'), ra = e.from_svg('<path d="M176,128,96,208V48Z" opacity="0.2"></path><path d="M181.66,122.34l-80-80A8,8,0,0,0,88,48V208a8,8,0,0,0,13.66,5.66l80-80A8,8,0,0,0,181.66,122.34ZM104,188.69V67.31L164.69,128Z"></path>', 1), aa = e.from_svg('<path d="M181.66,133.66l-80,80A8,8,0,0,1,88,208V48a8,8,0,0,1,13.66-5.66l80,80A8,8,0,0,1,181.66,133.66Z"></path>'), na = e.from_svg('<path d="M180.24,132.24l-80,80a6,6,0,0,1-8.48-8.48L167.51,128,91.76,52.24a6,6,0,0,1,8.48-8.48l80,80A6,6,0,0,1,180.24,132.24Z"></path>'), oa = e.from_svg('<path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path>'), ia = e.from_svg('<path d="M178.83,130.83l-80,80a4,4,0,0,1-5.66-5.66L170.34,128,93.17,50.83a4,4,0,0,1,5.66-5.66l80,80A4,4,0,0,1,178.83,130.83Z"></path>'), la = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
 function sa(a, t) {
   e.push(t, !0);
   const r = ge();
-  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), p = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
+  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), m = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
   function C(n) {
-    let { weight: o, color: m, size: z, mirrored: k, ...l } = n;
+    let { weight: o, color: b, size: z, mirrored: k, ...l } = n;
     return l;
   }
-  var b = la();
+  var p = la();
   e.attribute_effect(
-    b,
+    p,
     (n, o) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       width: e.get(w),
       height: e.get(w),
       fill: e.get(M),
-      transform: e.get(p) ? "scale(-1, 1)" : void 0,
+      transform: e.get(m) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...n,
       ...o
     }),
     [() => C(r), () => C(d)]
   );
-  var A = e.child(b);
+  var x = e.child(p);
   {
     var G = (n) => {
-      var o = e.comment(), m = e.first_child(o);
-      e.snippet(m, () => t.children), e.append(n, o);
+      var o = e.comment(), b = e.first_child(o);
+      e.snippet(b, () => t.children), e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(x, (n) => {
       t.children && n(G);
     });
   }
-  var D = e.sibling(A, 2);
+  var R = e.sibling(x, 2);
   {
     var L = (n) => {
       var o = ta();
       e.append(n, o);
     }, P = (n) => {
-      var o = e.comment(), m = e.first_child(o);
+      var o = e.comment(), b = e.first_child(o);
       {
         var z = (l) => {
           var y = ra();
@@ -799,10 +799,10 @@ function sa(a, t) {
             var Q = (c) => {
               var f = aa();
               e.append(c, f);
-            }, x = (c) => {
+            }, A = (c) => {
               var f = e.comment(), T = e.first_child(f);
               {
-                var R = (g) => {
+                var D = (g) => {
                   var u = na();
                   e.append(g, u);
                 }, O = (g) => {
@@ -844,7 +844,7 @@ function sa(a, t) {
                 e.if(
                   T,
                   (g) => {
-                    e.get(i) === "light" ? g(R) : g(O, !1);
+                    e.get(i) === "light" ? g(D) : g(O, !1);
                   },
                   !0
                 );
@@ -854,7 +854,7 @@ function sa(a, t) {
             e.if(
               N,
               (c) => {
-                e.get(i) === "fill" ? c(Q) : c(x, !1);
+                e.get(i) === "fill" ? c(Q) : c(A, !1);
               },
               !0
             );
@@ -862,7 +862,7 @@ function sa(a, t) {
           e.append(l, y);
         };
         e.if(
-          m,
+          b,
           (l) => {
             e.get(i) === "duotone" ? l(z) : l(k, !1);
           },
@@ -871,54 +871,54 @@ function sa(a, t) {
       }
       e.append(n, o);
     };
-    e.if(D, (n) => {
+    e.if(R, (n) => {
       e.get(i) === "bold" ? n(L) : n(P, !1);
     });
   }
-  e.reset(b), e.append(a, b), e.pop();
+  e.reset(p), e.append(a, p), e.pop();
 }
 var ca = e.from_svg('<path d="M156,112a12,12,0,0,1-12,12H124v20a12,12,0,0,1-24,0V124H80a12,12,0,0,1,0-24h20V80a12,12,0,0,1,24,0v20h20A12,12,0,0,1,156,112Zm76.49,120.49a12,12,0,0,1-17,0L168,185a92.12,92.12,0,1,1,17-17l47.54,47.53A12,12,0,0,1,232.49,232.49ZM112,180a68,68,0,1,0-68-68A68.08,68.08,0,0,0,112,180Z"></path>'), da = e.from_svg('<path d="M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z" opacity="0.2"></path><path d="M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Zm112,0a8,8,0,0,1-8,8H120v24a8,8,0,0,1-16,0V120H80a8,8,0,0,1,0-16h24V80a8,8,0,0,1,16,0v24h24A8,8,0,0,1,152,112Z"></path>', 1), ga = e.from_svg('<path d="M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM144,120H120v24a8,8,0,0,1-16,0V120H80a8,8,0,0,1,0-16h24V80a8,8,0,0,1,16,0v24h24a8,8,0,0,1,0,16Z"></path>'), va = e.from_svg('<path d="M150,112a6,6,0,0,1-6,6H118v26a6,6,0,0,1-12,0V118H80a6,6,0,0,1,0-12h26V80a6,6,0,0,1,12,0v26h26A6,6,0,0,1,150,112Zm78.24,116.24a6,6,0,0,1-8.48,0l-51.38-51.38a86.15,86.15,0,1,1,8.48-8.48l51.38,51.38A6,6,0,0,1,228.24,228.24ZM112,186a74,74,0,1,0-74-74A74.09,74.09,0,0,0,112,186Z"></path>'), fa = e.from_svg('<path d="M152,112a8,8,0,0,1-8,8H120v24a8,8,0,0,1-16,0V120H80a8,8,0,0,1,0-16h24V80a8,8,0,0,1,16,0v24h24A8,8,0,0,1,152,112Zm77.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88.11,88.11,0,1,1,11.31-11.31l50.07,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z"></path>'), _a = e.from_svg('<path d="M148,112a4,4,0,0,1-4,4H116v28a4,4,0,0,1-8,0V116H80a4,4,0,0,1,0-8h28V80a4,4,0,0,1,8,0v28h28A4,4,0,0,1,148,112Zm78.83,114.83a4,4,0,0,1-5.66,0l-52.7-52.7a84.1,84.1,0,1,1,5.66-5.66l52.7,52.7A4,4,0,0,1,226.83,226.83ZM112,188a76,76,0,1,0-76-76A76.08,76.08,0,0,0,112,188Z"></path>'), ua = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
 function ha(a, t) {
   e.push(t, !0);
   const r = ge();
-  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), p = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
+  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), m = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
   function C(n) {
-    let { weight: o, color: m, size: z, mirrored: k, ...l } = n;
+    let { weight: o, color: b, size: z, mirrored: k, ...l } = n;
     return l;
   }
-  var b = ua();
+  var p = ua();
   e.attribute_effect(
-    b,
+    p,
     (n, o) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       width: e.get(w),
       height: e.get(w),
       fill: e.get(M),
-      transform: e.get(p) ? "scale(-1, 1)" : void 0,
+      transform: e.get(m) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...n,
       ...o
     }),
     [() => C(r), () => C(d)]
   );
-  var A = e.child(b);
+  var x = e.child(p);
   {
     var G = (n) => {
-      var o = e.comment(), m = e.first_child(o);
-      e.snippet(m, () => t.children), e.append(n, o);
+      var o = e.comment(), b = e.first_child(o);
+      e.snippet(b, () => t.children), e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(x, (n) => {
       t.children && n(G);
     });
   }
-  var D = e.sibling(A, 2);
+  var R = e.sibling(x, 2);
   {
     var L = (n) => {
       var o = ca();
       e.append(n, o);
     }, P = (n) => {
-      var o = e.comment(), m = e.first_child(o);
+      var o = e.comment(), b = e.first_child(o);
       {
         var z = (l) => {
           var y = da();
@@ -929,10 +929,10 @@ function ha(a, t) {
             var Q = (c) => {
               var f = ga();
               e.append(c, f);
-            }, x = (c) => {
+            }, A = (c) => {
               var f = e.comment(), T = e.first_child(f);
               {
-                var R = (g) => {
+                var D = (g) => {
                   var u = va();
                   e.append(g, u);
                 }, O = (g) => {
@@ -974,7 +974,7 @@ function ha(a, t) {
                 e.if(
                   T,
                   (g) => {
-                    e.get(i) === "light" ? g(R) : g(O, !1);
+                    e.get(i) === "light" ? g(D) : g(O, !1);
                   },
                   !0
                 );
@@ -984,7 +984,7 @@ function ha(a, t) {
             e.if(
               N,
               (c) => {
-                e.get(i) === "fill" ? c(Q) : c(x, !1);
+                e.get(i) === "fill" ? c(Q) : c(A, !1);
               },
               !0
             );
@@ -992,7 +992,7 @@ function ha(a, t) {
           e.append(l, y);
         };
         e.if(
-          m,
+          b,
           (l) => {
             e.get(i) === "duotone" ? l(z) : l(k, !1);
           },
@@ -1001,54 +1001,54 @@ function ha(a, t) {
       }
       e.append(n, o);
     };
-    e.if(D, (n) => {
+    e.if(R, (n) => {
       e.get(i) === "bold" ? n(L) : n(P, !1);
     });
   }
-  e.reset(b), e.append(a, b), e.pop();
+  e.reset(p), e.append(a, p), e.pop();
 }
 var pa = e.from_svg('<path d="M156,112a12,12,0,0,1-12,12H80a12,12,0,0,1,0-24h64A12,12,0,0,1,156,112Zm76.49,120.49a12,12,0,0,1-17,0L168,185a92.12,92.12,0,1,1,17-17l47.54,47.53A12,12,0,0,1,232.49,232.49ZM112,180a68,68,0,1,0-68-68A68.08,68.08,0,0,0,112,180Z"></path>'), ma = e.from_svg('<path d="M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z" opacity="0.2"></path><path d="M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Zm112,0a8,8,0,0,1-8,8H80a8,8,0,0,1,0-16h64A8,8,0,0,1,152,112Z"></path>', 1), ba = e.from_svg('<path d="M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM144,120H80a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Z"></path>'), wa = e.from_svg('<path d="M150,112a6,6,0,0,1-6,6H80a6,6,0,0,1,0-12h64A6,6,0,0,1,150,112Zm78.24,116.24a6,6,0,0,1-8.48,0l-51.38-51.38a86.15,86.15,0,1,1,8.48-8.48l51.38,51.38A6,6,0,0,1,228.24,228.24ZM112,186a74,74,0,1,0-74-74A74.09,74.09,0,0,0,112,186Z"></path>'), ya = e.from_svg('<path d="M152,112a8,8,0,0,1-8,8H80a8,8,0,0,1,0-16h64A8,8,0,0,1,152,112Zm77.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88.11,88.11,0,1,1,11.31-11.31l50.07,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z"></path>'), xa = e.from_svg('<path d="M148,112a4,4,0,0,1-4,4H80a4,4,0,0,1,0-8h64A4,4,0,0,1,148,112Zm78.83,114.83a4,4,0,0,1-5.66,0l-52.7-52.7a84.1,84.1,0,1,1,5.66-5.66l52.7,52.7A4,4,0,0,1,226.83,226.83ZM112,188a76,76,0,1,0-76-76A76.08,76.08,0,0,0,112,188Z"></path>'), Aa = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
 function Za(a, t) {
   e.push(t, !0);
   const r = ge();
-  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), p = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
+  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), m = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
   function C(n) {
-    let { weight: o, color: m, size: z, mirrored: k, ...l } = n;
+    let { weight: o, color: b, size: z, mirrored: k, ...l } = n;
     return l;
   }
-  var b = Aa();
+  var p = Aa();
   e.attribute_effect(
-    b,
+    p,
     (n, o) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       width: e.get(w),
       height: e.get(w),
       fill: e.get(M),
-      transform: e.get(p) ? "scale(-1, 1)" : void 0,
+      transform: e.get(m) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...n,
       ...o
     }),
     [() => C(r), () => C(d)]
   );
-  var A = e.child(b);
+  var x = e.child(p);
   {
     var G = (n) => {
-      var o = e.comment(), m = e.first_child(o);
-      e.snippet(m, () => t.children), e.append(n, o);
+      var o = e.comment(), b = e.first_child(o);
+      e.snippet(b, () => t.children), e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(x, (n) => {
       t.children && n(G);
     });
   }
-  var D = e.sibling(A, 2);
+  var R = e.sibling(x, 2);
   {
     var L = (n) => {
       var o = pa();
       e.append(n, o);
     }, P = (n) => {
-      var o = e.comment(), m = e.first_child(o);
+      var o = e.comment(), b = e.first_child(o);
       {
         var z = (l) => {
           var y = ma();
@@ -1059,10 +1059,10 @@ function Za(a, t) {
             var Q = (c) => {
               var f = ba();
               e.append(c, f);
-            }, x = (c) => {
+            }, A = (c) => {
               var f = e.comment(), T = e.first_child(f);
               {
-                var R = (g) => {
+                var D = (g) => {
                   var u = wa();
                   e.append(g, u);
                 }, O = (g) => {
@@ -1104,7 +1104,7 @@ function Za(a, t) {
                 e.if(
                   T,
                   (g) => {
-                    e.get(i) === "light" ? g(R) : g(O, !1);
+                    e.get(i) === "light" ? g(D) : g(O, !1);
                   },
                   !0
                 );
@@ -1114,7 +1114,7 @@ function Za(a, t) {
             e.if(
               N,
               (c) => {
-                e.get(i) === "fill" ? c(Q) : c(x, !1);
+                e.get(i) === "fill" ? c(Q) : c(A, !1);
               },
               !0
             );
@@ -1122,7 +1122,7 @@ function Za(a, t) {
           e.append(l, y);
         };
         e.if(
-          m,
+          b,
           (l) => {
             e.get(i) === "duotone" ? l(z) : l(k, !1);
           },
@@ -1131,11 +1131,11 @@ function Za(a, t) {
       }
       e.append(n, o);
     };
-    e.if(D, (n) => {
+    e.if(R, (n) => {
       e.get(i) === "bold" ? n(L) : n(P, !1);
     });
   }
-  e.reset(b), e.append(a, b), e.pop();
+  e.reset(p), e.append(a, p), e.pop();
 }
 const Ha = (
   /** @type {(inputs: {}) => LocalizedString} */
@@ -2452,42 +2452,42 @@ function Ms(a, t) {
   let r = e.derived(() => t.viewerState.showCanvasNav && t.viewerState.canvases.length > 1);
   var d = Hs(), i = e.child(d);
   {
-    var M = (A) => {
+    var M = (x) => {
       var G = ws();
       G.__click = () => t.viewerState.previousCanvas();
-      var D = e.child(G);
-      ea(D, { size: 20, weight: "bold" }), e.reset(G), e.template_effect(
+      var R = e.child(G);
+      ea(R, { size: 20, weight: "bold" }), e.reset(G), e.template_effect(
         (L) => {
           G.disabled = !t.viewerState.hasPrevious, e.set_attribute(G, "aria-label", L);
         },
         [() => /* @__PURE__ */ pt()]
-      ), e.append(A, G);
+      ), e.append(x, G);
     };
-    e.if(i, (A) => {
-      e.get(r) && A(M);
+    e.if(i, (x) => {
+      e.get(r) && x(M);
     });
   }
   var w = e.sibling(i, 2);
   {
-    var p = (A) => {
-      var G = As(), D = e.first_child(G);
+    var m = (x) => {
+      var G = As(), R = e.first_child(G);
       {
         var L = (l) => {
           var y = ys();
           e.append(l, y);
         };
-        e.if(D, (l) => {
+        e.if(R, (l) => {
           e.get(r) && l(L);
         });
       }
-      var P = e.sibling(D, 2);
+      var P = e.sibling(R, 2);
       P.__click = () => t.viewerState.zoomOut();
       var n = e.child(P);
       Za(n, { size: 20, weight: "bold" }), e.reset(P);
       var o = e.sibling(P, 2);
       o.__click = () => t.viewerState.zoomIn();
-      var m = e.child(o);
-      ha(m, { size: 20, weight: "bold" }), e.reset(o);
+      var b = e.child(o);
+      ha(b, { size: 20, weight: "bold" }), e.reset(o);
       var z = e.sibling(o, 2);
       {
         var k = (l) => {
@@ -2498,18 +2498,18 @@ function Ms(a, t) {
           e.get(r) && l(k);
         });
       }
-      e.append(A, G);
+      e.append(x, G);
     };
-    e.if(w, (A) => {
-      t.viewerState.showZoomControls && A(p);
+    e.if(w, (x) => {
+      t.viewerState.showZoomControls && x(m);
     });
   }
   var C = e.sibling(w, 2);
   {
-    var b = (A) => {
-      var G = Zs(), D = e.first_child(G), L = e.child(D);
-      e.reset(D);
-      var P = e.sibling(D, 2);
+    var p = (x) => {
+      var G = Zs(), R = e.first_child(G), L = e.child(R);
+      e.reset(R);
+      var P = e.sibling(R, 2);
       P.__click = () => t.viewerState.nextCanvas();
       var n = e.child(P);
       sa(n, { size: 20, weight: "bold" }), e.reset(P), e.template_effect(
@@ -2517,10 +2517,10 @@ function Ms(a, t) {
           e.set_text(L, `${t.viewerState.currentCanvasIndex + 1} / ${t.viewerState.canvases.length ?? ""}`), P.disabled = !t.viewerState.hasNext, e.set_attribute(P, "aria-label", o);
         },
         [() => /* @__PURE__ */ mt()]
-      ), e.append(A, G);
+      ), e.append(x, G);
     };
-    e.if(C, (A) => {
-      e.get(r) && A(b);
+    e.if(C, (x) => {
+      e.get(r) && x(p);
     });
   }
   e.reset(d), e.append(a, d), e.pop();
@@ -2530,44 +2530,44 @@ var Vs = e.from_svg('<path d="M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,1
 function Ps(a, t) {
   e.push(t, !0);
   const r = ge();
-  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), p = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
+  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), m = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
   function C(n) {
-    let { weight: o, color: m, size: z, mirrored: k, ...l } = n;
+    let { weight: o, color: b, size: z, mirrored: k, ...l } = n;
     return l;
   }
-  var b = Ls();
+  var p = Ls();
   e.attribute_effect(
-    b,
+    p,
     (n, o) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       width: e.get(w),
       height: e.get(w),
       fill: e.get(M),
-      transform: e.get(p) ? "scale(-1, 1)" : void 0,
+      transform: e.get(m) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...n,
       ...o
     }),
     [() => C(r), () => C(d)]
   );
-  var A = e.child(b);
+  var x = e.child(p);
   {
     var G = (n) => {
-      var o = e.comment(), m = e.first_child(o);
-      e.snippet(m, () => t.children), e.append(n, o);
+      var o = e.comment(), b = e.first_child(o);
+      e.snippet(b, () => t.children), e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(x, (n) => {
       t.children && n(G);
     });
   }
-  var D = e.sibling(A, 2);
+  var R = e.sibling(x, 2);
   {
     var L = (n) => {
       var o = Vs();
       e.append(n, o);
     }, P = (n) => {
-      var o = e.comment(), m = e.first_child(o);
+      var o = e.comment(), b = e.first_child(o);
       {
         var z = (l) => {
           var y = Ss();
@@ -2578,10 +2578,10 @@ function Ps(a, t) {
             var Q = (c) => {
               var f = Cs();
               e.append(c, f);
-            }, x = (c) => {
+            }, A = (c) => {
               var f = e.comment(), T = e.first_child(f);
               {
-                var R = (g) => {
+                var D = (g) => {
                   var u = zs();
                   e.append(g, u);
                 }, O = (g) => {
@@ -2623,7 +2623,7 @@ function Ps(a, t) {
                 e.if(
                   T,
                   (g) => {
-                    e.get(i) === "light" ? g(R) : g(O, !1);
+                    e.get(i) === "light" ? g(D) : g(O, !1);
                   },
                   !0
                 );
@@ -2633,7 +2633,7 @@ function Ps(a, t) {
             e.if(
               N,
               (c) => {
-                e.get(i) === "fill" ? c(Q) : c(x, !1);
+                e.get(i) === "fill" ? c(Q) : c(A, !1);
               },
               !0
             );
@@ -2641,7 +2641,7 @@ function Ps(a, t) {
           e.append(l, y);
         };
         e.if(
-          m,
+          b,
           (l) => {
             e.get(i) === "duotone" ? l(z) : l(k, !1);
           },
@@ -2650,54 +2650,54 @@ function Ps(a, t) {
       }
       e.append(n, o);
     };
-    e.if(D, (n) => {
+    e.if(R, (n) => {
       e.get(i) === "bold" ? n(L) : n(P, !1);
     });
   }
-  e.reset(b), e.append(a, b), e.pop();
+  e.reset(p), e.append(a, p), e.pop();
 }
 var Ts = e.from_svg('<path d="M251,123.13c-.37-.81-9.13-20.26-28.48-39.61C196.63,57.67,164,44,128,44S59.37,57.67,33.51,83.52C14.16,102.87,5.4,122.32,5,123.13a12.08,12.08,0,0,0,0,9.75c.37.82,9.13,20.26,28.49,39.61C59.37,198.34,92,212,128,212s68.63-13.66,94.48-39.51c19.36-19.35,28.12-38.79,28.49-39.61A12.08,12.08,0,0,0,251,123.13Zm-46.06,33C183.47,177.27,157.59,188,128,188s-55.47-10.73-76.91-31.88A130.36,130.36,0,0,1,29.52,128,130.45,130.45,0,0,1,51.09,99.89C72.54,78.73,98.41,68,128,68s55.46,10.73,76.91,31.89A130.36,130.36,0,0,1,226.48,128,130.45,130.45,0,0,1,204.91,156.12ZM128,84a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,84Zm0,64a20,20,0,1,1,20-20A20,20,0,0,1,128,148Z"></path>'), Es = e.from_svg('<path d="M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Zm0,112a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z" opacity="0.2"></path><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"></path>', 1), js = e.from_svg('<path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z"></path>'), Os = e.from_svg('<path d="M245.48,125.57c-.34-.78-8.66-19.23-27.24-37.81C201,70.54,171.38,50,128,50S55,70.54,37.76,87.76c-18.58,18.58-26.9,37-27.24,37.81a6,6,0,0,0,0,4.88c.34.77,8.66,19.22,27.24,37.8C55,185.47,84.62,206,128,206s73-20.53,90.24-37.75c18.58-18.58,26.9-37,27.24-37.8A6,6,0,0,0,245.48,125.57ZM128,194c-31.38,0-58.78-11.42-81.45-33.93A134.77,134.77,0,0,1,22.69,128,134.56,134.56,0,0,1,46.55,95.94C69.22,73.42,96.62,62,128,62s58.78,11.42,81.45,33.94A134.56,134.56,0,0,1,233.31,128C226.94,140.21,195,194,128,194Zm0-112a46,46,0,1,0,46,46A46.06,46.06,0,0,0,128,82Zm0,80a34,34,0,1,1,34-34A34,34,0,0,1,128,162Z"></path>'), Bs = e.from_svg('<path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"></path>'), Fs = e.from_svg('<path d="M243.66,126.38c-.34-.76-8.52-18.89-26.83-37.2C199.87,72.22,170.7,52,128,52S56.13,72.22,39.17,89.18c-18.31,18.31-26.49,36.44-26.83,37.2a4.08,4.08,0,0,0,0,3.25c.34.77,8.52,18.89,26.83,37.2,17,17,46.14,37.17,88.83,37.17s71.87-20.21,88.83-37.17c18.31-18.31,26.49-36.43,26.83-37.2A4.08,4.08,0,0,0,243.66,126.38Zm-32.7,35c-23.07,23-51,34.62-83,34.62s-59.89-11.65-83-34.62A135.71,135.71,0,0,1,20.44,128,135.69,135.69,0,0,1,45,94.62C68.11,71.65,96,60,128,60s59.89,11.65,83,34.62A135.79,135.79,0,0,1,235.56,128,135.71,135.71,0,0,1,211,161.38ZM128,84a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,84Zm0,80a36,36,0,1,1,36-36A36,36,0,0,1,128,164Z"></path>'), Ns = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
 function Ge(a, t) {
   e.push(t, !0);
   const r = ge();
-  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), p = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
+  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), m = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
   function C(n) {
-    let { weight: o, color: m, size: z, mirrored: k, ...l } = n;
+    let { weight: o, color: b, size: z, mirrored: k, ...l } = n;
     return l;
   }
-  var b = Ns();
+  var p = Ns();
   e.attribute_effect(
-    b,
+    p,
     (n, o) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       width: e.get(w),
       height: e.get(w),
       fill: e.get(M),
-      transform: e.get(p) ? "scale(-1, 1)" : void 0,
+      transform: e.get(m) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...n,
       ...o
     }),
     [() => C(r), () => C(d)]
   );
-  var A = e.child(b);
+  var x = e.child(p);
   {
     var G = (n) => {
-      var o = e.comment(), m = e.first_child(o);
-      e.snippet(m, () => t.children), e.append(n, o);
+      var o = e.comment(), b = e.first_child(o);
+      e.snippet(b, () => t.children), e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(x, (n) => {
       t.children && n(G);
     });
   }
-  var D = e.sibling(A, 2);
+  var R = e.sibling(x, 2);
   {
     var L = (n) => {
       var o = Ts();
       e.append(n, o);
     }, P = (n) => {
-      var o = e.comment(), m = e.first_child(o);
+      var o = e.comment(), b = e.first_child(o);
       {
         var z = (l) => {
           var y = Es();
@@ -2708,10 +2708,10 @@ function Ge(a, t) {
             var Q = (c) => {
               var f = js();
               e.append(c, f);
-            }, x = (c) => {
+            }, A = (c) => {
               var f = e.comment(), T = e.first_child(f);
               {
-                var R = (g) => {
+                var D = (g) => {
                   var u = Os();
                   e.append(g, u);
                 }, O = (g) => {
@@ -2753,7 +2753,7 @@ function Ge(a, t) {
                 e.if(
                   T,
                   (g) => {
-                    e.get(i) === "light" ? g(R) : g(O, !1);
+                    e.get(i) === "light" ? g(D) : g(O, !1);
                   },
                   !0
                 );
@@ -2763,7 +2763,7 @@ function Ge(a, t) {
             e.if(
               N,
               (c) => {
-                e.get(i) === "fill" ? c(Q) : c(x, !1);
+                e.get(i) === "fill" ? c(Q) : c(A, !1);
               },
               !0
             );
@@ -2771,7 +2771,7 @@ function Ge(a, t) {
           e.append(l, y);
         };
         e.if(
-          m,
+          b,
           (l) => {
             e.get(i) === "duotone" ? l(z) : l(k, !1);
           },
@@ -2780,54 +2780,54 @@ function Ge(a, t) {
       }
       e.append(n, o);
     };
-    e.if(D, (n) => {
+    e.if(R, (n) => {
       e.get(i) === "bold" ? n(L) : n(P, !1);
     });
   }
-  e.reset(b), e.append(a, b), e.pop();
+  e.reset(p), e.append(a, p), e.pop();
 }
 var Rs = e.from_svg('<path d="M56.88,31.93A12,12,0,1,0,39.12,48.07l16,17.65C20.67,88.66,5.72,121.58,5,123.13a12.08,12.08,0,0,0,0,9.75c.37.82,9.13,20.26,28.49,39.61C59.37,198.34,92,212,128,212a131.34,131.34,0,0,0,51-10l20.09,22.1a12,12,0,0,0,17.76-16.14ZM128,188c-29.59,0-55.47-10.73-76.91-31.88A130.69,130.69,0,0,1,29.52,128c5.27-9.31,18.79-29.9,42-44.29l90.09,99.11A109.33,109.33,0,0,1,128,188Zm123-55.12c-.36.81-9,20-28,39.16a12,12,0,1,1-17-16.9A130.48,130.48,0,0,0,226.48,128a130.36,130.36,0,0,0-21.57-28.12C183.46,78.73,157.59,68,128,68c-3.35,0-6.7.14-10,.42a12,12,0,1,1-2-23.91c3.93-.34,8-.51,12-.51,36,0,68.63,13.67,94.49,39.52,19.35,19.35,28.11,38.8,28.48,39.61A12.08,12.08,0,0,1,251,132.88Z"></path>'), Ds = e.from_svg('<path d="M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Zm0,112a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z" opacity="0.2"></path><path d="M53.92,34.62A8,8,0,1,0,42.08,45.38L61.32,66.55C25,88.84,9.38,123.2,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208a127.11,127.11,0,0,0,52.07-10.83l22,24.21a8,8,0,1,0,11.84-10.76Zm47.33,75.84,41.67,45.85a32,32,0,0,1-41.67-45.85ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.16,133.16,0,0,1,25,128c4.69-8.79,19.66-33.39,47.35-49.38l18,19.75a48,48,0,0,0,63.66,70l14.73,16.2A112,112,0,0,1,128,192Zm6-95.43a8,8,0,0,1,3-15.72,48.16,48.16,0,0,1,38.77,42.64,8,8,0,0,1-7.22,8.71,6.39,6.39,0,0,1-.75,0,8,8,0,0,1-8-7.26A32.09,32.09,0,0,0,134,96.57Zm113.28,34.69c-.42.94-10.55,23.37-33.36,43.8a8,8,0,1,1-10.67-11.92A132.77,132.77,0,0,0,231.05,128a133.15,133.15,0,0,0-23.12-30.77C185.67,75.19,158.78,64,128,64a118.37,118.37,0,0,0-19.36,1.57A8,8,0,1,1,106,49.79,134,134,0,0,1,128,48c34.88,0,66.57,13.26,91.66,38.35,18.83,18.83,27.3,37.62,27.65,38.41A8,8,0,0,1,247.31,131.26Z"></path>', 1), Gs = e.from_svg('<path d="M96.68,57.87a4,4,0,0,1,2.08-6.6A130.13,130.13,0,0,1,128,48c34.88,0,66.57,13.26,91.66,38.35,18.83,18.83,27.3,37.62,27.65,38.41a8,8,0,0,1,0,6.5c-.35.79-8.82,19.57-27.65,38.4q-4.28,4.26-8.79,8.07a4,4,0,0,1-5.55-.36ZM213.92,210.62a8,8,0,1,1-11.84,10.76L180,197.13A127.21,127.21,0,0,1,128,208c-34.88,0-66.57-13.26-91.66-38.34C17.51,150.83,9,132.05,8.69,131.26a8,8,0,0,1,0-6.5C9,124,17.51,105.18,36.34,86.35a135,135,0,0,1,25-19.78L42.08,45.38A8,8,0,1,1,53.92,34.62Zm-65.49-48.25-52.69-58a40,40,0,0,0,52.69,58Z"></path>'), Us = e.from_svg('<path d="M52.44,36A6,6,0,0,0,43.56,44L64.44,67c-37.28,21.9-53.23,57-53.92,58.57a6,6,0,0,0,0,4.88c.34.77,8.66,19.22,27.24,37.8C55,185.47,84.62,206,128,206a124.91,124.91,0,0,0,52.57-11.25l23,25.29a6,6,0,0,0,8.88-8.08Zm48.62,71.32,45,49.52a34,34,0,0,1-45-49.52ZM128,194c-31.38,0-58.78-11.42-81.45-33.93A134.57,134.57,0,0,1,22.69,128c4.29-8.2,20.1-35.18,50-51.91L92.89,98.3a46,46,0,0,0,61.35,67.48l17.81,19.6A113.47,113.47,0,0,1,128,194Zm6.4-99.4a6,6,0,0,1,2.25-11.79,46.17,46.17,0,0,1,37.15,40.87,6,6,0,0,1-5.42,6.53l-.56,0a6,6,0,0,1-6-5.45A34.1,34.1,0,0,0,134.4,94.6Zm111.08,35.85c-.41.92-10.37,23-32.86,43.12a6,6,0,1,1-8-8.94A134.07,134.07,0,0,0,233.31,128a134.67,134.67,0,0,0-23.86-32.07C186.78,73.42,159.38,62,128,62a120.19,120.19,0,0,0-19.69,1.6,6,6,0,1,1-2-11.83A131.12,131.12,0,0,1,128,50c43.38,0,73,20.54,90.24,37.76,18.58,18.58,26.9,37,27.24,37.81A6,6,0,0,1,245.48,130.45Z"></path>'), Xs = e.from_svg('<path d="M53.92,34.62A8,8,0,1,0,42.08,45.38L61.32,66.55C25,88.84,9.38,123.2,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208a127.11,127.11,0,0,0,52.07-10.83l22,24.21a8,8,0,1,0,11.84-10.76Zm47.33,75.84,41.67,45.85a32,32,0,0,1-41.67-45.85ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.16,133.16,0,0,1,25,128c4.69-8.79,19.66-33.39,47.35-49.38l18,19.75a48,48,0,0,0,63.66,70l14.73,16.2A112,112,0,0,1,128,192Zm6-95.43a8,8,0,0,1,3-15.72,48.16,48.16,0,0,1,38.77,42.64,8,8,0,0,1-7.22,8.71,6.39,6.39,0,0,1-.75,0,8,8,0,0,1-8-7.26A32.09,32.09,0,0,0,134,96.57Zm113.28,34.69c-.42.94-10.55,23.37-33.36,43.8a8,8,0,1,1-10.67-11.92A132.77,132.77,0,0,0,231.05,128a133.15,133.15,0,0,0-23.12-30.77C185.67,75.19,158.78,64,128,64a118.37,118.37,0,0,0-19.36,1.57A8,8,0,1,1,106,49.79,134,134,0,0,1,128,48c34.88,0,66.57,13.26,91.66,38.35,18.83,18.83,27.3,37.62,27.65,38.41A8,8,0,0,1,247.31,131.26Z"></path>'), Ys = e.from_svg('<path d="M51,37.31A4,4,0,0,0,45,42.69L67.59,67.5C29.34,89,13,124.81,12.34,126.38a4.08,4.08,0,0,0,0,3.25c.34.77,8.52,18.89,26.83,37.2,17,17,46.14,37.17,88.83,37.17a122.59,122.59,0,0,0,53.06-11.69l24,26.38a4,4,0,1,0,5.92-5.38ZM149.1,157.16A36,36,0,0,1,101,104.22ZM128,196c-32,0-59.89-11.65-83-34.62A135.81,135.81,0,0,1,20.44,128c3.65-7.23,20.09-36.81,52.68-54.43l22.45,24.7a44,44,0,0,0,59,64.83l20.89,23A114.94,114.94,0,0,1,128,196Zm6.78-103.36a4,4,0,0,1,1.49-7.86,44.15,44.15,0,0,1,35.54,39.09,4,4,0,0,1-3.61,4.35l-.38,0a4,4,0,0,1-4-3.63A36.1,36.1,0,0,0,134.78,92.64Zm108.88,37c-.41.91-10.2,22.58-32.38,42.45a4,4,0,0,1-2.67,1,4,4,0,0,1-2.67-7A136.71,136.71,0,0,0,235.56,128,136.07,136.07,0,0,0,211,94.62C187.89,71.65,160,60,128,60a122,122,0,0,0-20,1.63,4,4,0,0,1-1.32-7.89A129.3,129.3,0,0,1,128,52c42.7,0,71.87,20.22,88.83,37.18,18.31,18.31,26.49,36.44,26.83,37.2A4.08,4.08,0,0,1,243.66,129.63Z"></path>'), Ws = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
 function Ue(a, t) {
   e.push(t, !0);
   const r = ge();
-  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), p = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
+  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), m = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
   function C(n) {
-    let { weight: o, color: m, size: z, mirrored: k, ...l } = n;
+    let { weight: o, color: b, size: z, mirrored: k, ...l } = n;
     return l;
   }
-  var b = Ws();
+  var p = Ws();
   e.attribute_effect(
-    b,
+    p,
     (n, o) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       width: e.get(w),
       height: e.get(w),
       fill: e.get(M),
-      transform: e.get(p) ? "scale(-1, 1)" : void 0,
+      transform: e.get(m) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...n,
       ...o
     }),
     [() => C(r), () => C(d)]
   );
-  var A = e.child(b);
+  var x = e.child(p);
   {
     var G = (n) => {
-      var o = e.comment(), m = e.first_child(o);
-      e.snippet(m, () => t.children), e.append(n, o);
+      var o = e.comment(), b = e.first_child(o);
+      e.snippet(b, () => t.children), e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(x, (n) => {
       t.children && n(G);
     });
   }
-  var D = e.sibling(A, 2);
+  var R = e.sibling(x, 2);
   {
     var L = (n) => {
       var o = Rs();
       e.append(n, o);
     }, P = (n) => {
-      var o = e.comment(), m = e.first_child(o);
+      var o = e.comment(), b = e.first_child(o);
       {
         var z = (l) => {
           var y = Ds();
@@ -2838,10 +2838,10 @@ function Ue(a, t) {
             var Q = (c) => {
               var f = Gs();
               e.append(c, f);
-            }, x = (c) => {
+            }, A = (c) => {
               var f = e.comment(), T = e.first_child(f);
               {
-                var R = (g) => {
+                var D = (g) => {
                   var u = Us();
                   e.append(g, u);
                 }, O = (g) => {
@@ -2883,7 +2883,7 @@ function Ue(a, t) {
                 e.if(
                   T,
                   (g) => {
-                    e.get(i) === "light" ? g(R) : g(O, !1);
+                    e.get(i) === "light" ? g(D) : g(O, !1);
                   },
                   !0
                 );
@@ -2893,7 +2893,7 @@ function Ue(a, t) {
             e.if(
               N,
               (c) => {
-                e.get(i) === "fill" ? c(Q) : c(x, !1);
+                e.get(i) === "fill" ? c(Q) : c(A, !1);
               },
               !0
             );
@@ -2901,7 +2901,7 @@ function Ue(a, t) {
           e.append(l, y);
         };
         e.if(
-          m,
+          b,
           (l) => {
             e.get(i) === "duotone" ? l(z) : l(k, !1);
           },
@@ -2910,11 +2910,11 @@ function Ue(a, t) {
       }
       e.append(n, o);
     };
-    e.if(D, (n) => {
+    e.if(R, (n) => {
       e.get(i) === "bold" ? n(L) : n(P, !1);
     });
   }
-  e.reset(b), e.append(a, b), e.pop();
+  e.reset(p), e.append(a, p), e.pop();
 }
 var qs = e.from_svg('<svg class="fixed inset-0 z-50 pointer-events-none drop-shadow-md text-primary" style="width: 100vw; height: 100vh;"><line stroke="currentColor" stroke-width="2"></line><circle r="3" fill="currentColor"></circle><circle r="3" fill="currentColor"></circle></svg>'), Ks = e.from_html('<span class="text-xs opacity-50 truncate max-w-[150px]"> </span>'), Qs = e.from_html('<span class="badge badge-primary badge-outline badge-sm"> </span>'), Js = e.from_html('<a target="_blank" rel="noopener noreferrer" class="flex items-center gap-1 text-primary hover:underline hover:text-primary-focus p-1 rounded hover:bg-base-200 -ml-1 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 256 256"><path d="M136.37,187.53a12,12,0,0,1,0,17l-5.94,5.94a60,60,0,0,1-84.88-84.88l24.12-24.12A60,60,0,0,1,152.06,99,12,12,0,1,1,135,116a36,36,0,0,0-50.93,1.57L60,141.66a36,36,0,0,0,50.93,50.93l5.94-5.94A12,12,0,0,1,136.37,187.53Zm81.51-149.41a60,60,0,0,0-84.88,0l-5.94,5.94a12,12,0,0,0,17,17l5.94-5.94a36,36,0,0,1,50.93,50.93l-24.11,24.12A36,36,0,0,1,121,140a12,12,0,1,0-17.08,17,60,60,0,0,0,82.39,2.46l24.12-24.12A60,60,0,0,0,217.88,38.12Z"></path></svg> <span class="truncate max-w-[200px]"> </span></a>'), $s = e.from_html('<div class="flex flex-wrap gap-2 pointer-events-auto"><!></div>'), e0 = e.from_html('<span class="opacity-50 italic text-xs">(No content)</span>'), t0 = e.from_html('<div class="w-full text-left p-3 hover:bg-base-300 transition-colors cursor-pointer flex gap-3 group/item items-start focus:outline-none focus:bg-base-300 relative" role="button" tabindex="0"><button class="btn btn-xs btn-circle btn-ghost mt-0.5 shrink-0"><!></button> <div class="flex-1 min-w-0 pointer-events-none"><div class="flex items-start justify-between"><span class="font-bold text-sm text-primary"> </span> <!></div> <div><!> <!></div></div></div>'), r0 = e.from_html('<div class="p-4 text-center opacity-50 text-sm">No annotations available.</div>'), a0 = e.from_html('<div class="absolute top-4 right-4 z-40 pointer-events-auto transition-all duration-300"><details class="group relative"><summary class="flex items-center gap-2 bg-base-200/90 backdrop-blur shadow-lg rounded-full px-4 py-2 cursor-pointer list-none hover:bg-base-200 transition-all select-none border border-base-300 pointer-events-auto"><button class="btn btn-xs btn-circle btn-ghost"><!></button> <span class="text-sm font-medium"> <span class="opacity-50 text-xs font-normal ml-1"> </span></span> <!></summary> <div class="absolute right-0 mt-2 w-96 bg-base-200/95 backdrop-blur shadow-xl rounded-box p-0 max-h-[60vh] overflow-y-auto border border-base-300 flex flex-col divide-y divide-base-300"></div></details></div>'), n0 = e.from_html("<!> <!>", 1);
 function o0(a, t) {
@@ -2923,16 +2923,16 @@ function o0(a, t) {
   let d = e.derived(() => {
     if (!r.manifestId || !r.canvasId)
       return [];
-    const m = Ke.getAnnotations(r.manifestId, r.canvasId), z = r.currentCanvasSearchAnnotations;
-    return [...m, ...z];
+    const b = Ke.getAnnotations(r.manifestId, r.canvasId), z = r.currentCanvasSearchAnnotations;
+    return [...b, ...z];
   });
-  function i(m) {
-    return m.id || m["@id"] || (typeof m.getId == "function" ? m.getId() : "") || "";
+  function i(b) {
+    return b.id || b["@id"] || (typeof b.getId == "function" ? b.getId() : "") || "";
   }
   e.user_effect(() => {
-    var m;
+    var b;
     if (e.get(d).length > 0) {
-      const z = ((m = r.config.annotations) == null ? void 0 : m.visible) ?? !0;
+      const z = ((b = r.config.annotations) == null ? void 0 : b.visible) ?? !0;
       r.visibleAnnotationIds.clear(), z && e.get(d).forEach((k) => {
         const l = i(k);
         l && r.visibleAnnotationIds.add(l);
@@ -2940,84 +2940,84 @@ function o0(a, t) {
     } else
       r.visibleAnnotationIds.clear();
   });
-  let M = e.derived(() => e.get(d).length === 0 ? !1 : e.get(d).every((m) => {
-    const z = i(m);
+  let M = e.derived(() => e.get(d).length === 0 ? !1 : e.get(d).every((b) => {
+    const z = i(b);
     return !z || r.visibleAnnotationIds.has(z);
   }));
-  function w(m) {
-    r.visibleAnnotationIds.has(m) ? r.visibleAnnotationIds.delete(m) : r.visibleAnnotationIds.add(m);
+  function w(b) {
+    r.visibleAnnotationIds.has(b) ? r.visibleAnnotationIds.delete(b) : r.visibleAnnotationIds.add(b);
   }
-  function p() {
-    e.get(M) ? r.visibleAnnotationIds.clear() : (r.visibleAnnotationIds.clear(), e.get(d).forEach((m) => {
-      const z = i(m);
+  function m() {
+    e.get(M) ? r.visibleAnnotationIds.clear() : (r.visibleAnnotationIds.clear(), e.get(d).forEach((b) => {
+      const z = i(b);
       z && r.visibleAnnotationIds.add(z);
     }));
   }
-  let C = e.state(null), b = e.state(void 0);
+  let C = e.state(null), p = e.state(void 0);
   e.derived(() => (e.get(C), null));
-  let A = e.state(null);
+  let x = e.state(null);
   e.user_effect(() => {
     if (!e.get(C)) {
-      e.set(A, null);
+      e.set(x, null);
       return;
     }
-    const m = () => {
+    const b = () => {
       let k = document;
-      if (e.get(b)) {
-        const N = e.get(b).getRootNode();
+      if (e.get(p)) {
+        const N = e.get(p).getRootNode();
         (N instanceof Document || N instanceof ShadowRoot) && (k = N);
       }
       const l = k.getElementById(`annotation-list-item-${e.get(C)}`), y = k.getElementById(`annotation-visual-${e.get(C)}`);
       if (l && y) {
-        const N = l.getBoundingClientRect(), Q = y.getBoundingClientRect(), x = N.left, c = N.top + N.height / 2, f = Q.left + Q.width / 2, T = Q.top + Q.height / 2;
-        e.set(A, { x1: x, y1: c, x2: f, y2: T }, !0);
+        const N = l.getBoundingClientRect(), Q = y.getBoundingClientRect(), A = N.left, c = N.top + N.height / 2, f = Q.left + Q.width / 2, T = Q.top + Q.height / 2;
+        e.set(x, { x1: A, y1: c, x2: f, y2: T }, !0);
       } else
-        e.set(A, null);
+        e.set(x, null);
     };
-    m();
-    const z = setInterval(m, 16);
+    b();
+    const z = setInterval(b, 16);
     return () => clearInterval(z);
   });
-  let G = e.derived(() => e.get(d).length ? e.get(d).map((m) => {
-    const z = tt(m);
+  let G = e.derived(() => e.get(d).length ? e.get(d).map((b) => {
+    const z = tt(b);
     return {
-      id: i(m),
+      id: i(b),
       bodies: z,
-      label: (typeof m.getLabel == "function" ? m.getLabel() : m.label) || ""
+      label: (typeof b.getLabel == "function" ? b.getLabel() : b.label) || ""
     };
   }) : []);
-  var D = n0(), L = e.first_child(D);
+  var R = n0(), L = e.first_child(R);
   {
-    var P = (m) => {
+    var P = (b) => {
       var z = qs(), k = e.child(z), l = e.sibling(k), y = e.sibling(l);
       e.reset(z), e.template_effect(() => {
-        e.set_attribute(k, "x1", e.get(A).x1), e.set_attribute(k, "y1", e.get(A).y1), e.set_attribute(k, "x2", e.get(A).x2), e.set_attribute(k, "y2", e.get(A).y2), e.set_attribute(l, "cx", e.get(A).x1), e.set_attribute(l, "cy", e.get(A).y1), e.set_attribute(y, "cx", e.get(A).x2), e.set_attribute(y, "cy", e.get(A).y2);
-      }), e.append(m, z);
+        e.set_attribute(k, "x1", e.get(x).x1), e.set_attribute(k, "y1", e.get(x).y1), e.set_attribute(k, "x2", e.get(x).x2), e.set_attribute(k, "y2", e.get(x).y2), e.set_attribute(l, "cx", e.get(x).x1), e.set_attribute(l, "cy", e.get(x).y1), e.set_attribute(y, "cx", e.get(x).x2), e.set_attribute(y, "cy", e.get(x).y2);
+      }), e.append(b, z);
     };
-    e.if(L, (m) => {
-      e.get(A) && m(P);
+    e.if(L, (b) => {
+      e.get(x) && b(P);
     });
   }
   var n = e.sibling(L, 2);
   {
-    var o = (m) => {
+    var o = (b) => {
       var z = a0(), k = e.child(z), l = e.child(k), y = e.child(l);
       y.__click = (u) => {
-        u.preventDefault(), p();
+        u.preventDefault(), m();
       };
       var N = e.child(y);
       {
         var Q = (u) => {
           Ge(u, { size: 16, weight: "bold" });
-        }, x = (u) => {
+        }, A = (u) => {
           Ue(u, { size: 16, weight: "bold" });
         };
         e.if(N, (u) => {
-          e.get(M) ? u(Q) : u(x, !1);
+          e.get(M) ? u(Q) : u(A, !1);
         });
       }
       e.reset(y);
-      var c = e.sibling(y, 2), f = e.child(c), T = e.sibling(f), R = e.child(T, !0);
+      var c = e.sibling(y, 2), f = e.child(c), T = e.sibling(f), D = e.child(T, !0);
       e.reset(T), e.reset(c);
       var O = e.sibling(c, 2);
       Ps(O, {
@@ -3135,22 +3135,22 @@ function o0(a, t) {
           var H = r0();
           e.append(u, H);
         }
-      ), e.reset(g), e.reset(k), e.reset(z), e.bind_this(z, (u) => e.set(b, u), () => e.get(b)), e.template_effect(
+      ), e.reset(g), e.reset(k), e.reset(z), e.bind_this(z, (u) => e.set(p, u), () => e.get(p)), e.template_effect(
         (u, H, E) => {
-          e.set_attribute(y, "title", u), e.set_text(f, `${H ?? ""} `), e.set_text(R, E);
+          e.set_attribute(y, "title", u), e.set_text(f, `${H ?? ""} `), e.set_text(D, E);
         },
         [
           () => e.get(M) ? /* @__PURE__ */ ft() : /* @__PURE__ */ _t(),
           () => /* @__PURE__ */ ut({ count: e.get(d).length }),
           () => /* @__PURE__ */ ht({ count: r.visibleAnnotationIds.size })
         ]
-      ), e.append(m, z);
+      ), e.append(b, z);
     };
-    e.if(n, (m) => {
-      r.showAnnotations && m(o);
+    e.if(n, (b) => {
+      r.showAnnotations && b(o);
     });
   }
-  e.append(a, D), e.pop();
+  e.append(a, R), e.pop();
 }
 e.delegate(["click"]);
 var i0 = e.from_html('<button class="absolute top-1 right-1 btn btn-error btn-xs btn-circle z-20" aria-label="Close Gallery"><!></button>'), l0 = e.from_html('<div><div role="button" tabindex="0" aria-label="Drag Gallery"><div></div></div></div>'), s0 = e.from_html('<img loading="lazy" draggable="false"/>'), c0 = e.from_html('<span class="opacity-20 text-4xl">?</span>'), d0 = e.from_html('<img loading="lazy" draggable="false"/>'), g0 = e.from_html('<span class="opacity-20 text-4xl">?</span>'), v0 = e.from_html("<div><!></div>"), f0 = e.from_html('<button><div><div><!></div> <!></div> <div class="text-xs font-medium truncate w-full opacity-70 group-hover:opacity-100"><span class="font-bold mr-1"> </span> </div></button>'), _0 = e.from_html('<img loading="lazy" draggable="false"/>'), u0 = e.from_html('<span class="opacity-20 text-4xl">?</span>'), h0 = e.from_html('<button><div><!></div> <div class="text-xs font-medium truncate w-full opacity-70 group-hover:opacity-100"><span class="font-bold mr-1"> </span> </div></button>'), p0 = e.from_html('<div class="absolute bottom-0 right-0 w-6 h-6 cursor-se-resize resize-handle bg-accent hover:bg-accent-focus transition-colors z-50" style="clip-path: polygon(100% 0, 0 100%, 100% 100%);" role="button" tabindex="0" aria-label="Resize"></div>'), m0 = e.from_html('<div role="group"><span class="font-bold text-primary opacity-50">Dock Top</span></div> <div role="group"><span class="font-bold text-primary opacity-50">Dock Bottom</span></div> <div role="group"><span class="font-bold text-primary opacity-50 vertical-rl rotate-180" style="writing-mode: vertical-rl;">Dock Left</span></div> <div role="group"><span class="font-bold text-primary opacity-50 vertical-rl rotate-180" style="writing-mode: vertical-rl;">Dock Right</span></div>', 1), b0 = e.from_html("<div><!> <!> <div><div><!></div></div> <!></div> <!>", 1);
@@ -3158,15 +3158,15 @@ function xe(a, t) {
   e.push(t, !0);
   const r = Ze(we);
   let d = e.derived(() => {
-    var x;
-    return ((x = r.config.gallery) == null ? void 0 : x.draggable) ?? !0;
+    var A;
+    return ((A = r.config.gallery) == null ? void 0 : A.draggable) ?? !0;
   }), i = e.derived(() => {
-    var x;
-    return ((x = r.config.gallery) == null ? void 0 : x.showCloseButton) ?? !0;
-  }), M = e.state(!1), w = { x: 0, y: 0, w: 0, h: 0 }, p = e.state(null);
+    var A;
+    return ((A = r.config.gallery) == null ? void 0 : A.showCloseButton) ?? !0;
+  }), M = e.state(!1), w = { x: 0, y: 0, w: 0, h: 0 }, m = e.state(null);
   e.user_effect(() => {
-    var x, c, f, T;
-    (x = r.config.gallery) != null && x.width && ((c = r.config.gallery) != null && c.height) && (r.gallerySize = {
+    var A, c, f, T;
+    (A = r.config.gallery) != null && A.width && ((c = r.config.gallery) != null && c.height) && (r.gallerySize = {
       width: r.config.gallery.width,
       height: r.config.gallery.height
     }), ((f = r.config.gallery) == null ? void 0 : f.x) !== void 0 && ((T = r.config.gallery) == null ? void 0 : T.y) !== void 0 && (r.galleryPosition = {
@@ -3174,27 +3174,27 @@ function xe(a, t) {
       y: r.config.gallery.y
     });
   });
-  let C = e.derived(() => !t.canvases || !Array.isArray(t.canvases) ? [] : t.canvases.map((x, c) => {
+  let C = e.derived(() => !t.canvases || !Array.isArray(t.canvases) ? [] : t.canvases.map((A, c) => {
     let f = "";
     try {
-      if (x.getThumbnail) {
-        const T = x.getThumbnail();
+      if (A.getThumbnail) {
+        const T = A.getThumbnail();
         T && (f = typeof T == "string" ? T : T.id || T["@id"]);
       }
     } catch {
       console.warn("Error getting thumbnail");
     }
     if (!f) {
-      let T = x.getImages();
-      if ((!T || !T.length) && x.getContent && (T = x.getContent()), T && T.length > 0) {
-        const R = T[0];
-        let O = R.getResource ? R.getResource() : null;
-        if (!O && R.getBody) {
-          const g = R.getBody();
+      let T = A.getImages();
+      if ((!T || !T.length) && A.getContent && (T = A.getContent()), T && T.length > 0) {
+        const D = T[0];
+        let O = D.getResource ? D.getResource() : null;
+        if (!O && D.getBody) {
+          const g = D.getBody();
           Array.isArray(g) && g.length > 0 ? O = g[0] : g && (O = g);
         }
         if (O && !O.id && !O.__jsonld && (!O.getServices || O.getServices().length === 0) && (O = null), !O) {
-          const g = R.__jsonld || R;
+          const g = D.__jsonld || D;
           g.body && (O = Array.isArray(g.body) ? g.body[0] : g.body);
         }
         if (O) {
@@ -3224,7 +3224,7 @@ function xe(a, t) {
           }
           if (!f && (f = O.id || O["@id"], !f)) {
             let E = null;
-            if (R.__jsonld && R.__jsonld.body ? E = R.__jsonld.body : R.body && (E = R.body), E) {
+            if (D.__jsonld && D.__jsonld.body ? E = D.__jsonld.body : D.body && (E = D.body), E) {
               const j = Array.isArray(E) ? E[0] : E;
               f = j.id || j["@id"];
             }
@@ -3233,124 +3233,124 @@ function xe(a, t) {
       }
     }
     return {
-      id: x.id,
-      label: x.getLabel().length ? x.getLabel()[0].value : `Canvas ${c + 1}`,
+      id: A.id,
+      label: A.getLabel().length ? A.getLabel()[0].value : `Canvas ${c + 1}`,
       src: f,
       index: c
     };
   }));
-  function b(x) {
+  function p(A) {
     if (!r.isGalleryDragging) return;
-    let c = x.clientX - r.galleryDragOffset.x, f = x.clientY - r.galleryDragOffset.y;
-    const T = Math.max(0, window.innerWidth - r.gallerySize.width), R = Math.max(0, window.innerHeight - r.gallerySize.height);
-    c = Math.max(0, Math.min(c, T)), f = Math.max(0, Math.min(f, R)), r.galleryPosition = { x: c, y: f };
+    let c = A.clientX - r.galleryDragOffset.x, f = A.clientY - r.galleryDragOffset.y;
+    const T = Math.max(0, window.innerWidth - r.gallerySize.width), D = Math.max(0, window.innerHeight - r.gallerySize.height);
+    c = Math.max(0, Math.min(c, T)), f = Math.max(0, Math.min(f, D)), r.galleryPosition = { x: c, y: f };
     const O = r.galleryCenterPanelRect;
     if (!O) {
       console.warn("[Gallery] No center panel rect available");
       return;
     }
-    const g = x.clientX, u = x.clientY, H = 60;
+    const g = A.clientX, u = A.clientY, H = 60;
     r.dragOverSide = null, g >= O.left && g <= O.left + H ? r.dragOverSide = "left" : g <= O.right && g >= O.right - H ? r.dragOverSide = "right" : u >= O.top && u <= O.top + H ? r.dragOverSide = "top" : u <= O.bottom && u >= O.bottom - H && (r.dragOverSide = "bottom");
   }
-  function A() {
-    const x = r.dragOverSide;
-    console.log("[Gallery] stopDrag. dropTarget:", x), r.isGalleryDragging = !1, r.dragOverSide = null, window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", A), x && (r.dockSide = x);
+  function x() {
+    const A = r.dragOverSide;
+    console.log("[Gallery] stopDrag. dropTarget:", A), r.isGalleryDragging = !1, r.dragOverSide = null, window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", x), A && (r.dockSide = A);
   }
-  function G(x) {
-    x.stopPropagation(), e.set(M, !0), w = {
-      x: x.clientX,
-      y: x.clientY,
+  function G(A) {
+    A.stopPropagation(), e.set(M, !0), w = {
+      x: A.clientX,
+      y: A.clientY,
       w: r.gallerySize.width,
       h: r.gallerySize.height
-    }, window.addEventListener("mousemove", D), window.addEventListener("mouseup", L);
+    }, window.addEventListener("mousemove", R), window.addEventListener("mouseup", L);
   }
-  function D(x) {
+  function R(A) {
     if (!e.get(M)) return;
-    const c = x.clientX - w.x, f = x.clientY - w.y;
+    const c = A.clientX - w.x, f = A.clientY - w.y;
     r.gallerySize = {
       width: Math.max(200, w.w + c),
       height: Math.max(200, w.h + f)
     };
   }
   function L() {
-    e.set(M, !1), window.removeEventListener("mousemove", D), window.removeEventListener("mouseup", L);
+    e.set(M, !1), window.removeEventListener("mousemove", R), window.removeEventListener("mouseup", L);
   }
-  function P(x) {
+  function P(A) {
     if (r.viewingMode === "paged") {
-      const c = e.get(C).findIndex((T) => T.id === x), f = r.pagedOffset;
+      const c = e.get(C).findIndex((T) => T.id === A), f = r.pagedOffset;
       if (c < f)
-        r.setCanvas(x);
+        r.setCanvas(A);
       else if ((c - f) % 2 === 0)
-        r.setCanvas(x);
+        r.setCanvas(A);
       else {
-        const R = e.get(C)[c - 1];
-        r.setCanvas(R.id);
+        const D = e.get(C)[c - 1];
+        r.setCanvas(D.id);
       }
     } else
-      r.setCanvas(x);
+      r.setCanvas(A);
   }
   let n = e.state(e.proxy(r.dockSide));
   e.user_effect(() => {
-    const x = r.dockSide;
-    e.set(n, x === "none" || x === "top" || x === "bottom" || x === "left" || x === "right" ? x : "none", !0);
+    const A = r.dockSide;
+    e.set(n, A === "none" || A === "top" || A === "bottom" || A === "left" || A === "right" ? A : "none", !0);
   }), e.user_effect(() => {
     r.dockSide !== e.get(n) && (r.dockSide = e.get(n), r.isGalleryDockedBottom = e.get(n) === "bottom", r.isGalleryDockedRight = e.get(n) === "right");
   }), e.user_effect(() => {
-    if (!e.get(p) || !r.canvasId) return;
-    const x = r.canvasId, c = e.get(p).querySelector(`[data-id="${CSS.escape(x)}"]`);
+    if (!e.get(m) || !r.canvasId) return;
+    const A = r.canvasId, c = e.get(m).querySelector(`[data-id="${CSS.escape(A)}"]`);
     c && c.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
   });
-  let o = e.derived(() => e.get(n) === "top" || e.get(n) === "bottom" || e.get(n) === "none" && r.gallerySize.height < 320), m = e.derived(() => r.galleryFixedHeight);
-  function z(x) {
-    var R, O;
+  let o = e.derived(() => e.get(n) === "top" || e.get(n) === "bottom" || e.get(n) === "none" && r.gallerySize.height < 320), b = e.derived(() => r.galleryFixedHeight);
+  function z(A) {
+    var D, O;
     if (!e.get(
       d
       // Dragging disabled in config
-    ) || x.target.closest(".resize-handle")) return;
+    ) || A.target.closest(".resize-handle")) return;
     const c = e.get(n) !== "none";
     if (c) {
-      let g = Math.max(0, x.clientX - 150), u = Math.max(0, x.clientY - 20);
+      let g = Math.max(0, A.clientX - 150), u = Math.max(0, A.clientY - 20);
       const H = Math.max(0, window.innerWidth - 300), E = Math.max(0, window.innerHeight - 400);
-      g = Math.min(g, H), u = Math.min(u, E), r.galleryPosition = { x: g, y: u }, r.galleryDragOffset = { x: x.clientX - g, y: x.clientY - u };
+      g = Math.min(g, H), u = Math.min(u, E), r.galleryPosition = { x: g, y: u }, r.galleryDragOffset = { x: A.clientX - g, y: A.clientY - u };
     } else
       r.galleryDragOffset = {
-        x: x.clientX - r.galleryPosition.x,
-        y: x.clientY - r.galleryPosition.y
+        x: A.clientX - r.galleryPosition.x,
+        y: A.clientY - r.galleryPosition.y
       };
-    const f = (R = e.get(p)) == null ? void 0 : R.getRootNode(), T = ((O = f == null ? void 0 : f.getElementById) == null ? void 0 : O.call(f, "triiiceratops-center-panel")) ?? document.getElementById("triiiceratops-center-panel");
-    T ? (r.galleryCenterPanelRect = T.getBoundingClientRect(), console.log("[Gallery] Captured center panel rect:", r.galleryCenterPanelRect)) : console.warn("[Gallery] Could not find center panel in startDrag"), r.isGalleryDragging = !0, window.addEventListener("mousemove", b), window.addEventListener("mouseup", A), c && e.set(n, "none");
+    const f = (D = e.get(m)) == null ? void 0 : D.getRootNode(), T = ((O = f == null ? void 0 : f.getElementById) == null ? void 0 : O.call(f, "triiiceratops-center-panel")) ?? document.getElementById("triiiceratops-center-panel");
+    T ? (r.galleryCenterPanelRect = T.getBoundingClientRect(), console.log("[Gallery] Captured center panel rect:", r.galleryCenterPanelRect)) : console.warn("[Gallery] Could not find center panel in startDrag"), r.isGalleryDragging = !0, window.addEventListener("mousemove", p), window.addEventListener("mouseup", x), c && e.set(n, "none");
   }
   const k = e.derived(() => {
-    const x = [];
+    const A = [];
     if (r.viewingMode === "paged" && t.canvases) {
       const c = r.pagedOffset;
       for (let f = 0; f < c && f < t.canvases.length; f++)
-        x.push(f);
+        A.push(f);
       for (let f = c; f < t.canvases.length; f += 2)
-        x.push(f);
+        A.push(f);
     }
-    return x;
+    return A;
   }), l = e.derived(() => {
-    const x = [], c = e.get(C), f = r.pagedOffset;
+    const A = [], c = e.get(C), f = r.pagedOffset;
     for (const T of e.get(k)) {
-      const R = c[T], O = T < f ? null : c[T + 1], g = R.id, u = R.label, H = [R.src];
-      O && H.push(O.src), x.push({ id: g, label: u, srcs: H, index: T });
+      const D = c[T], O = T < f ? null : c[T + 1], g = D.id, u = D.label, H = [D.src];
+      O && H.push(O.src), A.push({ id: g, label: u, srcs: H, index: T });
     }
-    return x;
+    return A;
   });
   var y = e.comment(), N = e.first_child(y);
   {
-    var Q = (x) => {
+    var Q = (A) => {
       var c = b0(), f = e.first_child(c), T = e.child(f);
       {
-        var R = (v) => {
+        var D = (v) => {
           var s = i0();
           s.__click = () => r.toggleThumbnailGallery();
           var _ = e.child(s);
           Oe(_, { size: 16, weight: "bold" }), e.reset(s), e.append(v, s);
         };
         e.if(T, (v) => {
-          e.get(i) && v(R);
+          e.get(i) && v(D);
         });
       }
       var O = e.sibling(T, 2);
@@ -3419,7 +3419,7 @@ function xe(a, t) {
             e.reset(ee);
             var ce = e.sibling(ee);
             e.reset(ae), e.reset(q), e.template_effect(() => {
-              e.set_class(q, 1, `group flex flex-col gap-1 p-1 rounded hover:bg-base-200 transition-colors text-left relative shrink-0 ${e.get(o) ? "w-auto" : e.get(V).srcs.length > 1 ? "col-span-2" : ""} ${r.canvasId === e.get(V).id ? "ring-2 ring-primary bg-primary/5" : ""}`), e.set_style(q, e.get(o) ? `height: ${e.get(m) + 24}px` : ""), e.set_attribute(q, "data-id", e.get(V).id), e.set_attribute(q, "aria-label", `Select canvas ${e.get(V).label ?? ""}`), e.set_class(F, 1, `${e.get(o) ? "h-full w-auto flex-row" : e.get(V).srcs.length > 1 ? "aspect-3/2 w-full" : "aspect-3/4 w-full"} bg-base-300 rounded overflow-hidden relative flex items-center justify-center gap-px`), e.set_style(F, e.get(o) ? `height: ${e.get(m)}px` : ""), e.set_class(Y, 1, `flex items-center justify-center overflow-hidden ${e.get(o) ? "h-full w-auto" : "h-full " + (e.get(V).srcs.length > 1 ? "w-1/2" : "w-full")}`), e.set_text(le, `${e.get(V).index + 1}.`), e.set_text(ce, ` ${e.get(V).label ?? ""}`);
+              e.set_class(q, 1, `group flex flex-col gap-1 p-1 rounded hover:bg-base-200 transition-colors text-left relative shrink-0 ${e.get(o) ? "w-auto" : e.get(V).srcs.length > 1 ? "col-span-2" : ""} ${r.canvasId === e.get(V).id ? "ring-2 ring-primary bg-primary/5" : ""}`), e.set_style(q, e.get(o) ? `height: ${e.get(b) + 24}px` : ""), e.set_attribute(q, "data-id", e.get(V).id), e.set_attribute(q, "aria-label", `Select canvas ${e.get(V).label ?? ""}`), e.set_class(F, 1, `${e.get(o) ? "h-full w-auto flex-row" : e.get(V).srcs.length > 1 ? "aspect-3/2 w-full" : "aspect-3/4 w-full"} bg-base-300 rounded overflow-hidden relative flex items-center justify-center gap-px`), e.set_style(F, e.get(o) ? `height: ${e.get(b)}px` : ""), e.set_class(Y, 1, `flex items-center justify-center overflow-hidden ${e.get(o) ? "h-full w-auto" : "h-full " + (e.get(V).srcs.length > 1 ? "w-1/2" : "w-full")}`), e.set_text(le, `${e.get(V).index + 1}.`), e.set_text(ce, ` ${e.get(V).label ?? ""}`);
             }), e.append(I, q);
           }), e.append(v, s);
         }, h = (v) => {
@@ -3447,7 +3447,7 @@ function xe(a, t) {
             e.reset($);
             var ae = e.sibling($);
             e.reset(B), e.reset(q), e.template_effect(() => {
-              e.set_class(q, 1, `group flex flex-col gap-1 p-1 rounded hover:bg-base-200 transition-colors text-left relative shrink-0 ${e.get(o) ? "w-auto" : ""} ${r.canvasId === e.get(V).id ? "ring-2 ring-primary bg-primary/5" : ""}`), e.set_style(q, e.get(o) ? `height: ${e.get(m) + 24}px` : ""), e.set_attribute(q, "data-id", e.get(V).id), e.set_attribute(q, "aria-label", `Select canvas ${e.get(V).label ?? ""}`), e.set_class(F, 1, `${e.get(o) ? "h-full w-auto" : "aspect-3/4 w-full"} bg-base-300 rounded overflow-hidden relative flex items-center justify-center`), e.set_style(F, e.get(o) ? `height: ${e.get(m)}px` : ""), e.set_text(re, `${e.get(V).index + 1}.`), e.set_text(ae, ` ${e.get(V).label ?? ""}`);
+              e.set_class(q, 1, `group flex flex-col gap-1 p-1 rounded hover:bg-base-200 transition-colors text-left relative shrink-0 ${e.get(o) ? "w-auto" : ""} ${r.canvasId === e.get(V).id ? "ring-2 ring-primary bg-primary/5" : ""}`), e.set_style(q, e.get(o) ? `height: ${e.get(b) + 24}px` : ""), e.set_attribute(q, "data-id", e.get(V).id), e.set_attribute(q, "aria-label", `Select canvas ${e.get(V).label ?? ""}`), e.set_class(F, 1, `${e.get(o) ? "h-full w-auto" : "aspect-3/4 w-full"} bg-base-300 rounded overflow-hidden relative flex items-center justify-center`), e.set_style(F, e.get(o) ? `height: ${e.get(b)}px` : ""), e.set_text(re, `${e.get(V).index + 1}.`), e.set_text(ae, ` ${e.get(V).label ?? ""}`);
             }), e.append(I, q);
           }), e.append(v, s);
         };
@@ -3466,7 +3466,7 @@ function xe(a, t) {
           e.get(n) === "none" && v(U);
         });
       }
-      e.reset(f), e.bind_this(f, (v) => e.set(p, v), () => e.get(p));
+      e.reset(f), e.bind_this(f, (v) => e.set(m, v), () => e.get(m));
       var K = e.sibling(f, 2);
       {
         var J = (v) => {
@@ -3482,11 +3482,11 @@ function xe(a, t) {
       e.template_effect(() => {
         e.set_class(f, 1, (e.get(n) !== "none" ? `relative z-50 bg-base-100 shadow-xl border-base-300 flex transition-all duration-200 select-none w-full h-full
            ${e.get(n) === "bottom" || e.get(n) === "top" ? "flex-row border-t" : ""}
-           ${e.get(n) === "left" || e.get(n) === "right" ? "flex-col border-x" : ""}` : "fixed z-900 bg-base-100 shadow-2xl rounded-lg flex flex-col border border-base-300 overflow-hidden select-none") + (r.isGalleryDragging ? " pointer-events-none opacity-80" : "")), e.set_style(f, e.get(n) !== "none" ? "" : `left: ${r.galleryPosition.x}px; top: ${r.galleryPosition.y}px; width: ${r.gallerySize.width}px; height: ${r.gallerySize.height}px;`), e.set_class(u, 1, `flex-1 p-1 bg-base-100 ${e.get(o) ? "overflow-x-auto overflow-y-hidden h-full" : "overflow-y-auto overflow-x-hidden"}`), e.set_class(H, 1, e.clsx(e.get(o) ? "flex flex-row gap-2 h-full items-center" : "grid gap-2")), e.set_style(H, e.get(o) ? "" : `grid-template-columns: repeat(auto-fill, minmax(${e.get(m)}px, 1fr));`);
-      }), e.append(x, c);
+           ${e.get(n) === "left" || e.get(n) === "right" ? "flex-col border-x" : ""}` : "fixed z-900 bg-base-100 shadow-2xl rounded-lg flex flex-col border border-base-300 overflow-hidden select-none") + (r.isGalleryDragging ? " pointer-events-none opacity-80" : "")), e.set_style(f, e.get(n) !== "none" ? "" : `left: ${r.galleryPosition.x}px; top: ${r.galleryPosition.y}px; width: ${r.gallerySize.width}px; height: ${r.gallerySize.height}px;`), e.set_class(u, 1, `flex-1 p-1 bg-base-100 ${e.get(o) ? "overflow-x-auto overflow-y-hidden h-full" : "overflow-y-auto overflow-x-hidden"}`), e.set_class(H, 1, e.clsx(e.get(o) ? "flex flex-row gap-2 h-full items-center" : "grid gap-2")), e.set_style(H, e.get(o) ? "" : `grid-template-columns: repeat(auto-fill, minmax(${e.get(b)}px, 1fr));`);
+      }), e.append(A, c);
     };
-    e.if(N, (x) => {
-      r.showThumbnailGallery && x(Q);
+    e.if(N, (A) => {
+      r.showThumbnailGallery && A(Q);
     });
   }
   e.append(a, y), e.pop();
@@ -3496,44 +3496,44 @@ var w0 = e.from_svg('<path d="M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.
 function Lt(a, t) {
   e.push(t, !0);
   const r = ge();
-  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), p = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
+  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), m = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
   function C(n) {
-    let { weight: o, color: m, size: z, mirrored: k, ...l } = n;
+    let { weight: o, color: b, size: z, mirrored: k, ...l } = n;
     return l;
   }
-  var b = M0();
+  var p = M0();
   e.attribute_effect(
-    b,
+    p,
     (n, o) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       width: e.get(w),
       height: e.get(w),
       fill: e.get(M),
-      transform: e.get(p) ? "scale(-1, 1)" : void 0,
+      transform: e.get(m) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...n,
       ...o
     }),
     [() => C(r), () => C(d)]
   );
-  var A = e.child(b);
+  var x = e.child(p);
   {
     var G = (n) => {
-      var o = e.comment(), m = e.first_child(o);
-      e.snippet(m, () => t.children), e.append(n, o);
+      var o = e.comment(), b = e.first_child(o);
+      e.snippet(b, () => t.children), e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(x, (n) => {
       t.children && n(G);
     });
   }
-  var D = e.sibling(A, 2);
+  var R = e.sibling(x, 2);
   {
     var L = (n) => {
       var o = w0();
       e.append(n, o);
     }, P = (n) => {
-      var o = e.comment(), m = e.first_child(o);
+      var o = e.comment(), b = e.first_child(o);
       {
         var z = (l) => {
           var y = y0();
@@ -3544,10 +3544,10 @@ function Lt(a, t) {
             var Q = (c) => {
               var f = x0();
               e.append(c, f);
-            }, x = (c) => {
+            }, A = (c) => {
               var f = e.comment(), T = e.first_child(f);
               {
-                var R = (g) => {
+                var D = (g) => {
                   var u = A0();
                   e.append(g, u);
                 }, O = (g) => {
@@ -3589,7 +3589,7 @@ function Lt(a, t) {
                 e.if(
                   T,
                   (g) => {
-                    e.get(i) === "light" ? g(R) : g(O, !1);
+                    e.get(i) === "light" ? g(D) : g(O, !1);
                   },
                   !0
                 );
@@ -3599,7 +3599,7 @@ function Lt(a, t) {
             e.if(
               N,
               (c) => {
-                e.get(i) === "fill" ? c(Q) : c(x, !1);
+                e.get(i) === "fill" ? c(Q) : c(A, !1);
               },
               !0
             );
@@ -3607,7 +3607,7 @@ function Lt(a, t) {
           e.append(l, y);
         };
         e.if(
-          m,
+          b,
           (l) => {
             e.get(i) === "duotone" ? l(z) : l(k, !1);
           },
@@ -3616,54 +3616,54 @@ function Lt(a, t) {
       }
       e.append(n, o);
     };
-    e.if(D, (n) => {
+    e.if(R, (n) => {
       e.get(i) === "bold" ? n(L) : n(P, !1);
     });
   }
-  e.reset(b), e.append(a, b), e.pop();
+  e.reset(p), e.append(a, p), e.pop();
 }
 var V0 = e.from_svg('<path d="M184,44H72A20,20,0,0,0,52,64V192a20,20,0,0,0,20,20H184a20,20,0,0,0,20-20V64A20,20,0,0,0,184,44Zm-4,144H76V68H180ZM244,56V200a12,12,0,0,1-24,0V56a12,12,0,0,1,24,0ZM36,56V200a12,12,0,0,1-24,0V56a12,12,0,0,1,24,0Z"></path>'), S0 = e.from_svg('<path d="M200,64V192a8,8,0,0,1-8,8H64a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8H192A8,8,0,0,1,200,64Z" opacity="0.2"></path><path d="M192,48H64A16,16,0,0,0,48,64V192a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64A16,16,0,0,0,192,48Zm0,144H64V64H192V192ZM240,56V200a8,8,0,0,1-16,0V56a8,8,0,0,1,16,0ZM32,56V200a8,8,0,0,1-16,0V56a8,8,0,0,1,16,0Z"></path>', 1), C0 = e.from_svg('<path d="M208,64V192a16,16,0,0,1-16,16H64a16,16,0,0,1-16-16V64A16,16,0,0,1,64,48H192A16,16,0,0,1,208,64Zm24-16a8,8,0,0,0-8,8V200a8,8,0,0,0,16,0V56A8,8,0,0,0,232,48ZM24,48a8,8,0,0,0-8,8V200a8,8,0,0,0,16,0V56A8,8,0,0,0,24,48Z"></path>'), z0 = e.from_svg('<path d="M192,50H64A14,14,0,0,0,50,64V192a14,14,0,0,0,14,14H192a14,14,0,0,0,14-14V64A14,14,0,0,0,192,50Zm2,142a2,2,0,0,1-2,2H64a2,2,0,0,1-2-2V64a2,2,0,0,1,2-2H192a2,2,0,0,1,2,2ZM238,56V200a6,6,0,0,1-12,0V56a6,6,0,0,1,12,0ZM30,56V200a6,6,0,0,1-12,0V56a6,6,0,0,1,12,0Z"></path>'), k0 = e.from_svg('<path d="M192,48H64A16,16,0,0,0,48,64V192a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64A16,16,0,0,0,192,48Zm0,144H64V64H192V192ZM240,56V200a8,8,0,0,1-16,0V56a8,8,0,0,1,16,0ZM32,56V200a8,8,0,0,1-16,0V56a8,8,0,0,1,16,0Z"></path>'), I0 = e.from_svg('<path d="M192,52H64A12,12,0,0,0,52,64V192a12,12,0,0,0,12,12H192a12,12,0,0,0,12-12V64A12,12,0,0,0,192,52Zm4,140a4,4,0,0,1-4,4H64a4,4,0,0,1-4-4V64a4,4,0,0,1,4-4H192a4,4,0,0,1,4,4ZM236,56V200a4,4,0,0,1-8,0V56a4,4,0,0,1,8,0ZM28,56V200a4,4,0,0,1-8,0V56a4,4,0,0,1,8,0Z"></path>'), L0 = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
 function P0(a, t) {
   e.push(t, !0);
   const r = ge();
-  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), p = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
+  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), m = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
   function C(n) {
-    let { weight: o, color: m, size: z, mirrored: k, ...l } = n;
+    let { weight: o, color: b, size: z, mirrored: k, ...l } = n;
     return l;
   }
-  var b = L0();
+  var p = L0();
   e.attribute_effect(
-    b,
+    p,
     (n, o) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       width: e.get(w),
       height: e.get(w),
       fill: e.get(M),
-      transform: e.get(p) ? "scale(-1, 1)" : void 0,
+      transform: e.get(m) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...n,
       ...o
     }),
     [() => C(r), () => C(d)]
   );
-  var A = e.child(b);
+  var x = e.child(p);
   {
     var G = (n) => {
-      var o = e.comment(), m = e.first_child(o);
-      e.snippet(m, () => t.children), e.append(n, o);
+      var o = e.comment(), b = e.first_child(o);
+      e.snippet(b, () => t.children), e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(x, (n) => {
       t.children && n(G);
     });
   }
-  var D = e.sibling(A, 2);
+  var R = e.sibling(x, 2);
   {
     var L = (n) => {
       var o = V0();
       e.append(n, o);
     }, P = (n) => {
-      var o = e.comment(), m = e.first_child(o);
+      var o = e.comment(), b = e.first_child(o);
       {
         var z = (l) => {
           var y = S0();
@@ -3674,10 +3674,10 @@ function P0(a, t) {
             var Q = (c) => {
               var f = C0();
               e.append(c, f);
-            }, x = (c) => {
+            }, A = (c) => {
               var f = e.comment(), T = e.first_child(f);
               {
-                var R = (g) => {
+                var D = (g) => {
                   var u = z0();
                   e.append(g, u);
                 }, O = (g) => {
@@ -3719,7 +3719,7 @@ function P0(a, t) {
                 e.if(
                   T,
                   (g) => {
-                    e.get(i) === "light" ? g(R) : g(O, !1);
+                    e.get(i) === "light" ? g(D) : g(O, !1);
                   },
                   !0
                 );
@@ -3729,7 +3729,7 @@ function P0(a, t) {
             e.if(
               N,
               (c) => {
-                e.get(i) === "fill" ? c(Q) : c(x, !1);
+                e.get(i) === "fill" ? c(Q) : c(A, !1);
               },
               !0
             );
@@ -3737,7 +3737,7 @@ function P0(a, t) {
           e.append(l, y);
         };
         e.if(
-          m,
+          b,
           (l) => {
             e.get(i) === "duotone" ? l(z) : l(k, !1);
           },
@@ -3746,54 +3746,54 @@ function P0(a, t) {
       }
       e.append(n, o);
     };
-    e.if(D, (n) => {
+    e.if(R, (n) => {
       e.get(i) === "bold" ? n(L) : n(P, !1);
     });
   }
-  e.reset(b), e.append(a, b), e.pop();
+  e.reset(p), e.append(a, p), e.pop();
 }
 var T0 = e.from_svg('<path d="M148,96V48a12,12,0,0,1,24,0V84h36a12,12,0,0,1,0,24H160A12,12,0,0,1,148,96ZM96,148H48a12,12,0,0,0,0,24H84v36a12,12,0,0,0,24,0V160A12,12,0,0,0,96,148Zm112,0H160a12,12,0,0,0-12,12v48a12,12,0,0,0,24,0V172h36a12,12,0,0,0,0-24ZM96,36A12,12,0,0,0,84,48V84H48a12,12,0,0,0,0,24H96a12,12,0,0,0,12-12V48A12,12,0,0,0,96,36Z"></path>'), E0 = e.from_svg('<path d="M208,64V192a16,16,0,0,1-16,16H64a16,16,0,0,1-16-16V64A16,16,0,0,1,64,48H192A16,16,0,0,1,208,64Z" opacity="0.2"></path><path d="M152,96V48a8,8,0,0,1,16,0V88h40a8,8,0,0,1,0,16H160A8,8,0,0,1,152,96ZM96,152H48a8,8,0,0,0,0,16H88v40a8,8,0,0,0,16,0V160A8,8,0,0,0,96,152Zm112,0H160a8,8,0,0,0-8,8v48a8,8,0,0,0,16,0V168h40a8,8,0,0,0,0-16ZM96,40a8,8,0,0,0-8,8V88H48a8,8,0,0,0,0,16H96a8,8,0,0,0,8-8V48A8,8,0,0,0,96,40Z"></path>', 1), j0 = e.from_svg('<path d="M152,96V48a8,8,0,0,1,13.66-5.66l48,48A8,8,0,0,1,208,104H160A8,8,0,0,1,152,96ZM96,152H48a8,8,0,0,0-5.66,13.66l48,48A8,8,0,0,0,104,208V160A8,8,0,0,0,96,152ZM99.06,40.61a8,8,0,0,0-8.72,1.73l-48,48A8,8,0,0,0,48,104H96a8,8,0,0,0,8-8V48A8,8,0,0,0,99.06,40.61ZM208,152H160a8,8,0,0,0-8,8v48a8,8,0,0,0,13.66,5.66l48-48A8,8,0,0,0,208,152Z"></path>'), O0 = e.from_svg('<path d="M154,96V48a6,6,0,0,1,12,0V90h42a6,6,0,0,1,0,12H160A6,6,0,0,1,154,96ZM96,154H48a6,6,0,0,0,0,12H90v42a6,6,0,0,0,12,0V160A6,6,0,0,0,96,154Zm112,0H160a6,6,0,0,0-6,6v48a6,6,0,0,0,12,0V166h42a6,6,0,0,0,0-12ZM96,42a6,6,0,0,0-6,6V90H48a6,6,0,0,0,0,12H96a6,6,0,0,0,6-6V48A6,6,0,0,0,96,42Z"></path>'), B0 = e.from_svg('<path d="M152,96V48a8,8,0,0,1,16,0V88h40a8,8,0,0,1,0,16H160A8,8,0,0,1,152,96ZM96,152H48a8,8,0,0,0,0,16H88v40a8,8,0,0,0,16,0V160A8,8,0,0,0,96,152Zm112,0H160a8,8,0,0,0-8,8v48a8,8,0,0,0,16,0V168h40a8,8,0,0,0,0-16ZM96,40a8,8,0,0,0-8,8V88H48a8,8,0,0,0,0,16H96a8,8,0,0,0,8-8V48A8,8,0,0,0,96,40Z"></path>'), F0 = e.from_svg('<path d="M156,96V48a4,4,0,0,1,8,0V92h44a4,4,0,0,1,0,8H160A4,4,0,0,1,156,96ZM96,156H48a4,4,0,0,0,0,8H92v44a4,4,0,0,0,8,0V160A4,4,0,0,0,96,156Zm112,0H160a4,4,0,0,0-4,4v48a4,4,0,0,0,8,0V164h44a4,4,0,0,0,0-8ZM96,44a4,4,0,0,0-4,4V92H48a4,4,0,0,0,0,8H96a4,4,0,0,0,4-4V48A4,4,0,0,0,96,44Z"></path>'), N0 = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
 function R0(a, t) {
   e.push(t, !0);
   const r = ge();
-  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), p = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
+  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), m = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
   function C(n) {
-    let { weight: o, color: m, size: z, mirrored: k, ...l } = n;
+    let { weight: o, color: b, size: z, mirrored: k, ...l } = n;
     return l;
   }
-  var b = N0();
+  var p = N0();
   e.attribute_effect(
-    b,
+    p,
     (n, o) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       width: e.get(w),
       height: e.get(w),
       fill: e.get(M),
-      transform: e.get(p) ? "scale(-1, 1)" : void 0,
+      transform: e.get(m) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...n,
       ...o
     }),
     [() => C(r), () => C(d)]
   );
-  var A = e.child(b);
+  var x = e.child(p);
   {
     var G = (n) => {
-      var o = e.comment(), m = e.first_child(o);
-      e.snippet(m, () => t.children), e.append(n, o);
+      var o = e.comment(), b = e.first_child(o);
+      e.snippet(b, () => t.children), e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(x, (n) => {
       t.children && n(G);
     });
   }
-  var D = e.sibling(A, 2);
+  var R = e.sibling(x, 2);
   {
     var L = (n) => {
       var o = T0();
       e.append(n, o);
     }, P = (n) => {
-      var o = e.comment(), m = e.first_child(o);
+      var o = e.comment(), b = e.first_child(o);
       {
         var z = (l) => {
           var y = E0();
@@ -3804,10 +3804,10 @@ function R0(a, t) {
             var Q = (c) => {
               var f = j0();
               e.append(c, f);
-            }, x = (c) => {
+            }, A = (c) => {
               var f = e.comment(), T = e.first_child(f);
               {
-                var R = (g) => {
+                var D = (g) => {
                   var u = O0();
                   e.append(g, u);
                 }, O = (g) => {
@@ -3849,7 +3849,7 @@ function R0(a, t) {
                 e.if(
                   T,
                   (g) => {
-                    e.get(i) === "light" ? g(R) : g(O, !1);
+                    e.get(i) === "light" ? g(D) : g(O, !1);
                   },
                   !0
                 );
@@ -3859,7 +3859,7 @@ function R0(a, t) {
             e.if(
               N,
               (c) => {
-                e.get(i) === "fill" ? c(Q) : c(x, !1);
+                e.get(i) === "fill" ? c(Q) : c(A, !1);
               },
               !0
             );
@@ -3867,7 +3867,7 @@ function R0(a, t) {
           e.append(l, y);
         };
         e.if(
-          m,
+          b,
           (l) => {
             e.get(i) === "duotone" ? l(z) : l(k, !1);
           },
@@ -3876,54 +3876,54 @@ function R0(a, t) {
       }
       e.append(n, o);
     };
-    e.if(D, (n) => {
+    e.if(R, (n) => {
       e.get(i) === "bold" ? n(L) : n(P, !1);
     });
   }
-  e.reset(b), e.append(a, b), e.pop();
+  e.reset(p), e.append(a, p), e.pop();
 }
 var D0 = e.from_svg('<path d="M220,48V88a12,12,0,0,1-24,0V60H168a12,12,0,0,1,0-24h40A12,12,0,0,1,220,48ZM88,196H60V168a12,12,0,0,0-24,0v40a12,12,0,0,0,12,12H88a12,12,0,0,0,0-24Zm120-40a12,12,0,0,0-12,12v28H168a12,12,0,0,0,0,24h40a12,12,0,0,0,12-12V168A12,12,0,0,0,208,156ZM88,36H48A12,12,0,0,0,36,48V88a12,12,0,0,0,24,0V60H88a12,12,0,0,0,0-24Z"></path>'), G0 = e.from_svg('<path d="M208,48V208H48V48Z" opacity="0.2"></path><path d="M216,48V88a8,8,0,0,1-16,0V56H168a8,8,0,0,1,0-16h40A8,8,0,0,1,216,48ZM88,200H56V168a8,8,0,0,0-16,0v40a8,8,0,0,0,8,8H88a8,8,0,0,0,0-16Zm120-40a8,8,0,0,0-8,8v32H168a8,8,0,0,0,0,16h40a8,8,0,0,0,8-8V168A8,8,0,0,0,208,160ZM88,40H48a8,8,0,0,0-8,8V88a8,8,0,0,0,16,0V56H88a8,8,0,0,0,0-16Z"></path>', 1), U0 = e.from_svg('<path d="M93.66,202.34A8,8,0,0,1,88,216H48a8,8,0,0,1-8-8V168a8,8,0,0,1,13.66-5.66ZM88,40H48a8,8,0,0,0-8,8V88a8,8,0,0,0,13.66,5.66l40-40A8,8,0,0,0,88,40ZM211.06,160.61a8,8,0,0,0-8.72,1.73l-40,40A8,8,0,0,0,168,216h40a8,8,0,0,0,8-8V168A8,8,0,0,0,211.06,160.61ZM208,40H168a8,8,0,0,0-5.66,13.66l40,40A8,8,0,0,0,216,88V48A8,8,0,0,0,208,40Z"></path>'), X0 = e.from_svg('<path d="M214,48V88a6,6,0,0,1-12,0V54H168a6,6,0,0,1,0-12h40A6,6,0,0,1,214,48ZM88,202H54V168a6,6,0,0,0-12,0v40a6,6,0,0,0,6,6H88a6,6,0,0,0,0-12Zm120-40a6,6,0,0,0-6,6v34H168a6,6,0,0,0,0,12h40a6,6,0,0,0,6-6V168A6,6,0,0,0,208,162ZM88,42H48a6,6,0,0,0-6,6V88a6,6,0,0,0,12,0V54H88a6,6,0,0,0,0-12Z"></path>'), Y0 = e.from_svg('<path d="M216,48V88a8,8,0,0,1-16,0V56H168a8,8,0,0,1,0-16h40A8,8,0,0,1,216,48ZM88,200H56V168a8,8,0,0,0-16,0v40a8,8,0,0,0,8,8H88a8,8,0,0,0,0-16Zm120-40a8,8,0,0,0-8,8v32H168a8,8,0,0,0,0,16h40a8,8,0,0,0,8-8V168A8,8,0,0,0,208,160ZM88,40H48a8,8,0,0,0-8,8V88a8,8,0,0,0,16,0V56H88a8,8,0,0,0,0-16Z"></path>'), W0 = e.from_svg('<path d="M212,48V88a4,4,0,0,1-8,0V52H168a4,4,0,0,1,0-8h40A4,4,0,0,1,212,48ZM88,204H52V168a4,4,0,0,0-8,0v40a4,4,0,0,0,4,4H88a4,4,0,0,0,0-8Zm120-40a4,4,0,0,0-4,4v36H168a4,4,0,0,0,0,8h40a4,4,0,0,0,4-4V168A4,4,0,0,0,208,164ZM88,44H48a4,4,0,0,0-4,4V88a4,4,0,0,0,8,0V52H88a4,4,0,0,0,0-8Z"></path>'), q0 = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
 function K0(a, t) {
   e.push(t, !0);
   const r = ge();
-  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), p = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
+  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), m = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
   function C(n) {
-    let { weight: o, color: m, size: z, mirrored: k, ...l } = n;
+    let { weight: o, color: b, size: z, mirrored: k, ...l } = n;
     return l;
   }
-  var b = q0();
+  var p = q0();
   e.attribute_effect(
-    b,
+    p,
     (n, o) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       width: e.get(w),
       height: e.get(w),
       fill: e.get(M),
-      transform: e.get(p) ? "scale(-1, 1)" : void 0,
+      transform: e.get(m) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...n,
       ...o
     }),
     [() => C(r), () => C(d)]
   );
-  var A = e.child(b);
+  var x = e.child(p);
   {
     var G = (n) => {
-      var o = e.comment(), m = e.first_child(o);
-      e.snippet(m, () => t.children), e.append(n, o);
+      var o = e.comment(), b = e.first_child(o);
+      e.snippet(b, () => t.children), e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(x, (n) => {
       t.children && n(G);
     });
   }
-  var D = e.sibling(A, 2);
+  var R = e.sibling(x, 2);
   {
     var L = (n) => {
       var o = D0();
       e.append(n, o);
     }, P = (n) => {
-      var o = e.comment(), m = e.first_child(o);
+      var o = e.comment(), b = e.first_child(o);
       {
         var z = (l) => {
           var y = G0();
@@ -3934,10 +3934,10 @@ function K0(a, t) {
             var Q = (c) => {
               var f = U0();
               e.append(c, f);
-            }, x = (c) => {
+            }, A = (c) => {
               var f = e.comment(), T = e.first_child(f);
               {
-                var R = (g) => {
+                var D = (g) => {
                   var u = X0();
                   e.append(g, u);
                 }, O = (g) => {
@@ -3979,7 +3979,7 @@ function K0(a, t) {
                 e.if(
                   T,
                   (g) => {
-                    e.get(i) === "light" ? g(R) : g(O, !1);
+                    e.get(i) === "light" ? g(D) : g(O, !1);
                   },
                   !0
                 );
@@ -3989,7 +3989,7 @@ function K0(a, t) {
             e.if(
               N,
               (c) => {
-                e.get(i) === "fill" ? c(Q) : c(x, !1);
+                e.get(i) === "fill" ? c(Q) : c(A, !1);
               },
               !0
             );
@@ -3997,7 +3997,7 @@ function K0(a, t) {
           e.append(l, y);
         };
         e.if(
-          m,
+          b,
           (l) => {
             e.get(i) === "duotone" ? l(z) : l(k, !1);
           },
@@ -4006,54 +4006,54 @@ function K0(a, t) {
       }
       e.append(n, o);
     };
-    e.if(D, (n) => {
+    e.if(R, (n) => {
       e.get(i) === "bold" ? n(L) : n(P, !1);
     });
   }
-  e.reset(b), e.append(a, b), e.pop();
+  e.reset(p), e.append(a, p), e.pop();
 }
 var Q0 = e.from_svg('<path d="M84,100A12,12,0,0,1,96,88h64a12,12,0,0,1,0,24H96A12,12,0,0,1,84,100Zm12,52h64a12,12,0,0,0,0-24H96a12,12,0,0,0,0,24ZM236,56V184a20,20,0,0,1-20,20H157.89l-12.52,21.92a20,20,0,0,1-34.74,0L98.11,204H40a20,20,0,0,1-20-20V56A20,20,0,0,1,40,36H216A20,20,0,0,1,236,56Zm-24,4H44V180h61.07a12,12,0,0,1,10.42,6.05L128,207.94l12.51-21.89A12,12,0,0,1,150.93,180H212Z"></path>'), J0 = e.from_svg('<path d="M224,56V184a8,8,0,0,1-8,8H150.93l-16,28a8,8,0,0,1-13.9,0l-16-28H40a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8H216A8,8,0,0,1,224,56Z" opacity="0.2"></path><path d="M88,104a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H96A8,8,0,0,1,88,104Zm8,40h64a8,8,0,0,0,0-16H96a8,8,0,0,0,0,16ZM232,56V184a16,16,0,0,1-16,16H155.57l-13.68,23.94a16,16,0,0,1-27.78,0L100.43,200H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56Zm-16,0H40V184h65.07a8,8,0,0,1,7,4l16,28,16-28a8,8,0,0,1,7-4H216Z"></path>', 1), $0 = e.from_svg('<path d="M216,40H40A16,16,0,0,0,24,56V184a16,16,0,0,0,16,16h60.43l13.68,23.94a16,16,0,0,0,27.78,0L155.57,200H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM160,144H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm0-32H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Z"></path>'), e1 = e.from_svg('<path d="M166,104a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h64A6,6,0,0,1,166,104Zm-6,26H96a6,6,0,0,0,0,12h64a6,6,0,0,0,0-12Zm70-74V184a14,14,0,0,1-14,14H154.41L140.16,223a14,14,0,0,1-24.32,0L101.59,198H40a14,14,0,0,1-14-14V56A14,14,0,0,1,40,42H216A14,14,0,0,1,230,56Zm-12,0a2,2,0,0,0-2-2H40a2,2,0,0,0-2,2V184a2,2,0,0,0,2,2h65.07a6,6,0,0,1,5.21,3l16,28a2,2,0,0,0,3.48,0l16-28a6,6,0,0,1,5.21-3H216a2,2,0,0,0,2-2Z"></path>'), t1 = e.from_svg('<path d="M88,104a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H96A8,8,0,0,1,88,104Zm8,40h64a8,8,0,0,0,0-16H96a8,8,0,0,0,0,16ZM232,56V184a16,16,0,0,1-16,16H155.57l-13.68,23.94a16,16,0,0,1-27.78,0L100.43,200H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56Zm-16,0H40V184h65.07a8,8,0,0,1,7,4l16,28,16-28a8,8,0,0,1,7-4H216Z"></path>'), r1 = e.from_svg('<path d="M164,104a4,4,0,0,1-4,4H96a4,4,0,0,1,0-8h64A4,4,0,0,1,164,104Zm-4,28H96a4,4,0,0,0,0,8h64a4,4,0,0,0,0-8Zm68-76V184a12,12,0,0,1-12,12H153.25L138.42,222a12,12,0,0,1-20.84,0L102.75,196H40a12,12,0,0,1-12-12V56A12,12,0,0,1,40,44H216A12,12,0,0,1,228,56Zm-8,0a4,4,0,0,0-4-4H40a4,4,0,0,0-4,4V184a4,4,0,0,0,4,4h65.07a4,4,0,0,1,3.47,2l16,28a4,4,0,0,0,6.94,0l16-28a4,4,0,0,1,3.47-2H216a4,4,0,0,0,4-4Z"></path>'), a1 = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
 function n1(a, t) {
   e.push(t, !0);
   const r = ge();
-  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), p = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
+  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), m = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
   function C(n) {
-    let { weight: o, color: m, size: z, mirrored: k, ...l } = n;
+    let { weight: o, color: b, size: z, mirrored: k, ...l } = n;
     return l;
   }
-  var b = a1();
+  var p = a1();
   e.attribute_effect(
-    b,
+    p,
     (n, o) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       width: e.get(w),
       height: e.get(w),
       fill: e.get(M),
-      transform: e.get(p) ? "scale(-1, 1)" : void 0,
+      transform: e.get(m) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...n,
       ...o
     }),
     [() => C(r), () => C(d)]
   );
-  var A = e.child(b);
+  var x = e.child(p);
   {
     var G = (n) => {
-      var o = e.comment(), m = e.first_child(o);
-      e.snippet(m, () => t.children), e.append(n, o);
+      var o = e.comment(), b = e.first_child(o);
+      e.snippet(b, () => t.children), e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(x, (n) => {
       t.children && n(G);
     });
   }
-  var D = e.sibling(A, 2);
+  var R = e.sibling(x, 2);
   {
     var L = (n) => {
       var o = Q0();
       e.append(n, o);
     }, P = (n) => {
-      var o = e.comment(), m = e.first_child(o);
+      var o = e.comment(), b = e.first_child(o);
       {
         var z = (l) => {
           var y = J0();
@@ -4064,10 +4064,10 @@ function n1(a, t) {
             var Q = (c) => {
               var f = $0();
               e.append(c, f);
-            }, x = (c) => {
+            }, A = (c) => {
               var f = e.comment(), T = e.first_child(f);
               {
-                var R = (g) => {
+                var D = (g) => {
                   var u = e1();
                   e.append(g, u);
                 }, O = (g) => {
@@ -4109,7 +4109,7 @@ function n1(a, t) {
                 e.if(
                   T,
                   (g) => {
-                    e.get(i) === "light" ? g(R) : g(O, !1);
+                    e.get(i) === "light" ? g(D) : g(O, !1);
                   },
                   !0
                 );
@@ -4119,7 +4119,7 @@ function n1(a, t) {
             e.if(
               N,
               (c) => {
-                e.get(i) === "fill" ? c(Q) : c(x, !1);
+                e.get(i) === "fill" ? c(Q) : c(A, !1);
               },
               !0
             );
@@ -4127,7 +4127,7 @@ function n1(a, t) {
           e.append(l, y);
         };
         e.if(
-          m,
+          b,
           (l) => {
             e.get(i) === "duotone" ? l(z) : l(k, !1);
           },
@@ -4136,54 +4136,54 @@ function n1(a, t) {
       }
       e.append(n, o);
     };
-    e.if(D, (n) => {
+    e.if(R, (n) => {
       e.get(i) === "bold" ? n(L) : n(P, !1);
     });
   }
-  e.reset(b), e.append(a, b), e.pop();
+  e.reset(p), e.append(a, p), e.pop();
 }
 var o1 = e.from_svg('<path d="M108,84a16,16,0,1,1,16,16A16,16,0,0,1,108,84Zm128,44A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Zm-72,36.68V132a20,20,0,0,0-20-20,12,12,0,0,0-4,23.32V168a20,20,0,0,0,20,20,12,12,0,0,0,4-23.32Z"></path>'), i1 = e.from_svg('<path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"></path><path d="M144,176a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176Zm88-48A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128ZM124,96a12,12,0,1,0-12-12A12,12,0,0,0,124,96Z"></path>', 1), l1 = e.from_svg('<path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z"></path>'), s1 = e.from_svg('<path d="M142,176a6,6,0,0,1-6,6,14,14,0,0,1-14-14V128a2,2,0,0,0-2-2,6,6,0,0,1,0-12,14,14,0,0,1,14,14v40a2,2,0,0,0,2,2A6,6,0,0,1,142,176ZM124,94a10,10,0,1,0-10-10A10,10,0,0,0,124,94Zm106,34A102,102,0,1,1,128,26,102.12,102.12,0,0,1,230,128Zm-12,0a90,90,0,1,0-90,90A90.1,90.1,0,0,0,218,128Z"></path>'), c1 = e.from_svg('<path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"></path>'), d1 = e.from_svg('<path d="M140,176a4,4,0,0,1-4,4,12,12,0,0,1-12-12V128a4,4,0,0,0-4-4,4,4,0,0,1,0-8,12,12,0,0,1,12,12v40a4,4,0,0,0,4,4A4,4,0,0,1,140,176ZM124,92a8,8,0,1,0-8-8A8,8,0,0,0,124,92Zm104,36A100,100,0,1,1,128,28,100.11,100.11,0,0,1,228,128Zm-8,0a92,92,0,1,0-92,92A92.1,92.1,0,0,0,220,128Z"></path>'), g1 = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
 function v1(a, t) {
   e.push(t, !0);
   const r = ge();
-  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), p = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
+  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), m = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
   function C(n) {
-    let { weight: o, color: m, size: z, mirrored: k, ...l } = n;
+    let { weight: o, color: b, size: z, mirrored: k, ...l } = n;
     return l;
   }
-  var b = g1();
+  var p = g1();
   e.attribute_effect(
-    b,
+    p,
     (n, o) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       width: e.get(w),
       height: e.get(w),
       fill: e.get(M),
-      transform: e.get(p) ? "scale(-1, 1)" : void 0,
+      transform: e.get(m) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...n,
       ...o
     }),
     [() => C(r), () => C(d)]
   );
-  var A = e.child(b);
+  var x = e.child(p);
   {
     var G = (n) => {
-      var o = e.comment(), m = e.first_child(o);
-      e.snippet(m, () => t.children), e.append(n, o);
+      var o = e.comment(), b = e.first_child(o);
+      e.snippet(b, () => t.children), e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(x, (n) => {
       t.children && n(G);
     });
   }
-  var D = e.sibling(A, 2);
+  var R = e.sibling(x, 2);
   {
     var L = (n) => {
       var o = o1();
       e.append(n, o);
     }, P = (n) => {
-      var o = e.comment(), m = e.first_child(o);
+      var o = e.comment(), b = e.first_child(o);
       {
         var z = (l) => {
           var y = i1();
@@ -4194,10 +4194,10 @@ function v1(a, t) {
             var Q = (c) => {
               var f = l1();
               e.append(c, f);
-            }, x = (c) => {
+            }, A = (c) => {
               var f = e.comment(), T = e.first_child(f);
               {
-                var R = (g) => {
+                var D = (g) => {
                   var u = s1();
                   e.append(g, u);
                 }, O = (g) => {
@@ -4239,7 +4239,7 @@ function v1(a, t) {
                 e.if(
                   T,
                   (g) => {
-                    e.get(i) === "light" ? g(R) : g(O, !1);
+                    e.get(i) === "light" ? g(D) : g(O, !1);
                   },
                   !0
                 );
@@ -4249,7 +4249,7 @@ function v1(a, t) {
             e.if(
               N,
               (c) => {
-                e.get(i) === "fill" ? c(Q) : c(x, !1);
+                e.get(i) === "fill" ? c(Q) : c(A, !1);
               },
               !0
             );
@@ -4257,7 +4257,7 @@ function v1(a, t) {
           e.append(l, y);
         };
         e.if(
-          m,
+          b,
           (l) => {
             e.get(i) === "duotone" ? l(z) : l(k, !1);
           },
@@ -4266,54 +4266,54 @@ function v1(a, t) {
       }
       e.append(n, o);
     };
-    e.if(D, (n) => {
+    e.if(R, (n) => {
       e.get(i) === "bold" ? n(L) : n(P, !1);
     });
   }
-  e.reset(b), e.append(a, b), e.pop();
+  e.reset(p), e.append(a, p), e.pop();
 }
 var f1 = e.from_svg('<path d="M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM40,76H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24ZM216,180H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z"></path>'), _1 = e.from_svg('<path d="M216,64V192H40V64Z" opacity="0.2"></path><path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z"></path>', 1), u1 = e.from_svg('<path d="M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM192,184H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Zm0-48H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Z"></path>'), h1 = e.from_svg('<path d="M222,128a6,6,0,0,1-6,6H40a6,6,0,0,1,0-12H216A6,6,0,0,1,222,128ZM40,70H216a6,6,0,0,0,0-12H40a6,6,0,0,0,0,12ZM216,186H40a6,6,0,0,0,0,12H216a6,6,0,0,0,0-12Z"></path>'), p1 = e.from_svg('<path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z"></path>'), m1 = e.from_svg('<path d="M220,128a4,4,0,0,1-4,4H40a4,4,0,0,1,0-8H216A4,4,0,0,1,220,128ZM40,68H216a4,4,0,0,0,0-8H40a4,4,0,0,0,0,8ZM216,188H40a4,4,0,0,0,0,8H216a4,4,0,0,0,0-8Z"></path>'), b1 = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
 function w1(a, t) {
   e.push(t, !0);
   const r = ge();
-  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), p = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
+  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), m = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
   function C(n) {
-    let { weight: o, color: m, size: z, mirrored: k, ...l } = n;
+    let { weight: o, color: b, size: z, mirrored: k, ...l } = n;
     return l;
   }
-  var b = b1();
+  var p = b1();
   e.attribute_effect(
-    b,
+    p,
     (n, o) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       width: e.get(w),
       height: e.get(w),
       fill: e.get(M),
-      transform: e.get(p) ? "scale(-1, 1)" : void 0,
+      transform: e.get(m) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...n,
       ...o
     }),
     [() => C(r), () => C(d)]
   );
-  var A = e.child(b);
+  var x = e.child(p);
   {
     var G = (n) => {
-      var o = e.comment(), m = e.first_child(o);
-      e.snippet(m, () => t.children), e.append(n, o);
+      var o = e.comment(), b = e.first_child(o);
+      e.snippet(b, () => t.children), e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(x, (n) => {
       t.children && n(G);
     });
   }
-  var D = e.sibling(A, 2);
+  var R = e.sibling(x, 2);
   {
     var L = (n) => {
       var o = f1();
       e.append(n, o);
     }, P = (n) => {
-      var o = e.comment(), m = e.first_child(o);
+      var o = e.comment(), b = e.first_child(o);
       {
         var z = (l) => {
           var y = _1();
@@ -4324,10 +4324,10 @@ function w1(a, t) {
             var Q = (c) => {
               var f = u1();
               e.append(c, f);
-            }, x = (c) => {
+            }, A = (c) => {
               var f = e.comment(), T = e.first_child(f);
               {
-                var R = (g) => {
+                var D = (g) => {
                   var u = h1();
                   e.append(g, u);
                 }, O = (g) => {
@@ -4369,7 +4369,7 @@ function w1(a, t) {
                 e.if(
                   T,
                   (g) => {
-                    e.get(i) === "light" ? g(R) : g(O, !1);
+                    e.get(i) === "light" ? g(D) : g(O, !1);
                   },
                   !0
                 );
@@ -4379,7 +4379,7 @@ function w1(a, t) {
             e.if(
               N,
               (c) => {
-                e.get(i) === "fill" ? c(Q) : c(x, !1);
+                e.get(i) === "fill" ? c(Q) : c(A, !1);
               },
               !0
             );
@@ -4387,7 +4387,7 @@ function w1(a, t) {
           e.append(l, y);
         };
         e.if(
-          m,
+          b,
           (l) => {
             e.get(i) === "duotone" ? l(z) : l(k, !1);
           },
@@ -4396,54 +4396,54 @@ function w1(a, t) {
       }
       e.append(n, o);
     };
-    e.if(D, (n) => {
+    e.if(R, (n) => {
       e.get(i) === "bold" ? n(L) : n(P, !1);
     });
   }
-  e.reset(b), e.append(a, b), e.pop();
+  e.reset(p), e.append(a, p), e.pop();
 }
 var y1 = e.from_svg('<path d="M232,44H160a43.86,43.86,0,0,0-32,13.85A43.86,43.86,0,0,0,96,44H24A12,12,0,0,0,12,56V200a12,12,0,0,0,12,12H96a20,20,0,0,1,20,20,12,12,0,0,0,24,0,20,20,0,0,1,20-20h72a12,12,0,0,0,12-12V56A12,12,0,0,0,232,44ZM96,188H36V68H96a20,20,0,0,1,20,20V192.81A43.79,43.79,0,0,0,96,188Zm124,0H160a43.71,43.71,0,0,0-20,4.83V88a20,20,0,0,1,20-20h60Z"></path>'), x1 = e.from_svg('<path d="M232,56V200H160a32,32,0,0,0-32,32,32,32,0,0,0-32-32H24V56H96a32,32,0,0,1,32,32,32,32,0,0,1,32-32Z" opacity="0.2"></path><path d="M232,48H160a40,40,0,0,0-32,16A40,40,0,0,0,96,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,24,8,8,0,0,0,16,0,24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM96,192H32V64H96a24,24,0,0,1,24,24V200A39.81,39.81,0,0,0,96,192Zm128,0H160a39.81,39.81,0,0,0-24,8V88a24,24,0,0,1,24-24h64Z"></path>', 1), A1 = e.from_svg('<path d="M240,56V200a8,8,0,0,1-8,8H160a24,24,0,0,0-24,23.94,7.9,7.9,0,0,1-5.12,7.55A8,8,0,0,1,120,232a24,24,0,0,0-24-24H24a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8H88a32,32,0,0,1,32,32v87.73a8.17,8.17,0,0,0,7.47,8.25,8,8,0,0,0,8.53-8V80a32,32,0,0,1,32-32h64A8,8,0,0,1,240,56Z"></path>'), Z1 = e.from_svg('<path d="M232,50H160a38,38,0,0,0-32,17.55A38,38,0,0,0,96,50H24a6,6,0,0,0-6,6V200a6,6,0,0,0,6,6H96a26,26,0,0,1,26,26,6,6,0,0,0,12,0,26,26,0,0,1,26-26h72a6,6,0,0,0,6-6V56A6,6,0,0,0,232,50ZM96,194H30V62H96a26,26,0,0,1,26,26V204.31A37.86,37.86,0,0,0,96,194Zm130,0H160a37.87,37.87,0,0,0-26,10.32V88a26,26,0,0,1,26-26h66Z"></path>'), H1 = e.from_svg('<path d="M232,48H160a40,40,0,0,0-32,16A40,40,0,0,0,96,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,24,8,8,0,0,0,16,0,24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM96,192H32V64H96a24,24,0,0,1,24,24V200A39.81,39.81,0,0,0,96,192Zm128,0H160a39.81,39.81,0,0,0-24,8V88a24,24,0,0,1,24-24h64Z"></path>'), M1 = e.from_svg('<path d="M232,52H160a36,36,0,0,0-32,19.54A36,36,0,0,0,96,52H24a4,4,0,0,0-4,4V200a4,4,0,0,0,4,4H96a28,28,0,0,1,28,28,4,4,0,0,0,8,0,28,28,0,0,1,28-28h72a4,4,0,0,0,4-4V56A4,4,0,0,0,232,52ZM96,196H28V60H96a28,28,0,0,1,28,28V209.4A35.93,35.93,0,0,0,96,196Zm132,0H160a35.94,35.94,0,0,0-28,13.41V88a28,28,0,0,1,28-28h68Z"></path>'), V1 = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
 function Xe(a, t) {
   e.push(t, !0);
   const r = ge();
-  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), p = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
+  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), m = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
   function C(n) {
-    let { weight: o, color: m, size: z, mirrored: k, ...l } = n;
+    let { weight: o, color: b, size: z, mirrored: k, ...l } = n;
     return l;
   }
-  var b = V1();
+  var p = V1();
   e.attribute_effect(
-    b,
+    p,
     (n, o) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       width: e.get(w),
       height: e.get(w),
       fill: e.get(M),
-      transform: e.get(p) ? "scale(-1, 1)" : void 0,
+      transform: e.get(m) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...n,
       ...o
     }),
     [() => C(r), () => C(d)]
   );
-  var A = e.child(b);
+  var x = e.child(p);
   {
     var G = (n) => {
-      var o = e.comment(), m = e.first_child(o);
-      e.snippet(m, () => t.children), e.append(n, o);
+      var o = e.comment(), b = e.first_child(o);
+      e.snippet(b, () => t.children), e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(x, (n) => {
       t.children && n(G);
     });
   }
-  var D = e.sibling(A, 2);
+  var R = e.sibling(x, 2);
   {
     var L = (n) => {
       var o = y1();
       e.append(n, o);
     }, P = (n) => {
-      var o = e.comment(), m = e.first_child(o);
+      var o = e.comment(), b = e.first_child(o);
       {
         var z = (l) => {
           var y = x1();
@@ -4454,10 +4454,10 @@ function Xe(a, t) {
             var Q = (c) => {
               var f = A1();
               e.append(c, f);
-            }, x = (c) => {
+            }, A = (c) => {
               var f = e.comment(), T = e.first_child(f);
               {
-                var R = (g) => {
+                var D = (g) => {
                   var u = Z1();
                   e.append(g, u);
                 }, O = (g) => {
@@ -4499,7 +4499,7 @@ function Xe(a, t) {
                 e.if(
                   T,
                   (g) => {
-                    e.get(i) === "light" ? g(R) : g(O, !1);
+                    e.get(i) === "light" ? g(D) : g(O, !1);
                   },
                   !0
                 );
@@ -4509,7 +4509,7 @@ function Xe(a, t) {
             e.if(
               N,
               (c) => {
-                e.get(i) === "fill" ? c(Q) : c(x, !1);
+                e.get(i) === "fill" ? c(Q) : c(A, !1);
               },
               !0
             );
@@ -4517,7 +4517,7 @@ function Xe(a, t) {
           e.append(l, y);
         };
         e.if(
-          m,
+          b,
           (l) => {
             e.get(i) === "duotone" ? l(z) : l(k, !1);
           },
@@ -4526,54 +4526,54 @@ function Xe(a, t) {
       }
       e.append(n, o);
     };
-    e.if(D, (n) => {
+    e.if(R, (n) => {
       e.get(i) === "bold" ? n(L) : n(P, !1);
     });
   }
-  e.reset(b), e.append(a, b), e.pop();
+  e.reset(p), e.append(a, p), e.pop();
 }
 var S1 = e.from_svg('<path d="M92,92a12,12,0,0,1,12-12h60a12,12,0,0,1,0,24H104A12,12,0,0,1,92,92Zm12,52h60a12,12,0,0,0,0-24H104a12,12,0,0,0,0,24Zm132,48a36,36,0,0,1-36,36H88a36,36,0,0,1-36-36V64a12,12,0,0,0-24,0c0,3.73,3.35,6.51,3.38,6.54l-.18-.14h0A12,12,0,1,1,16.81,89.59h0C15.49,88.62,4,79.55,4,64A36,36,0,0,1,40,28H176a36,36,0,0,1,36,36V164h4a12,12,0,0,1,7.2,2.4C224.51,167.38,236,176.45,236,192ZM92.62,172.2A12,12,0,0,1,104,164h84V64a12,12,0,0,0-12-12H73.94A35.88,35.88,0,0,1,76,64V192a12,12,0,0,0,24,0c0-3.58-3.17-6.38-3.2-6.4A12,12,0,0,1,92.62,172.2ZM212,192a7.69,7.69,0,0,0-1.24-4h-87a30.32,30.32,0,0,1,.26,4,35.84,35.84,0,0,1-2.06,12H200A12,12,0,0,0,212,192Z"></path>'), C1 = e.from_svg('<path d="M200,176H104s8,6,8,16a24,24,0,0,1-48,0V64A24,24,0,0,0,40,40H176a24,24,0,0,1,24,24Z" opacity="0.2"></path><path d="M96,104a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H104A8,8,0,0,1,96,104Zm8,40h64a8,8,0,0,0,0-16H104a8,8,0,0,0,0,16Zm128,48a32,32,0,0,1-32,32H88a32,32,0,0,1-32-32V64a16,16,0,0,0-32,0c0,5.74,4.83,9.62,4.88,9.66h0A8,8,0,0,1,24,88a7.89,7.89,0,0,1-4.79-1.61h0C18.05,85.54,8,77.61,8,64A32,32,0,0,1,40,32H176a32,32,0,0,1,32,32V168h8a8,8,0,0,1,4.8,1.6C222,170.46,232,178.39,232,192ZM96.26,173.48A8.07,8.07,0,0,1,104,168h88V64a16,16,0,0,0-16-16H67.69A31.71,31.71,0,0,1,72,64V192a16,16,0,0,0,32,0c0-5.74-4.83-9.62-4.88-9.66A7.82,7.82,0,0,1,96.26,173.48ZM216,192a12.58,12.58,0,0,0-3.23-8h-94a26.92,26.92,0,0,1,1.21,8,31.82,31.82,0,0,1-4.29,16H200A16,16,0,0,0,216,192Z"></path>', 1), z1 = e.from_svg('<path d="M220.8,169.6A8,8,0,0,0,216,168h-8V64a32,32,0,0,0-32-32H40A32,32,0,0,0,8,64C8,77.61,18.05,85.54,19.2,86.4h0A7.89,7.89,0,0,0,24,88a8,8,0,0,0,4.87-14.33h0C28.83,73.62,24,69.74,24,64a16,16,0,0,1,32,0V192a32,32,0,0,0,32,32H200a32,32,0,0,0,32-32C232,178.39,222,170.46,220.8,169.6ZM104,96h64a8,8,0,0,1,0,16H104a8,8,0,0,1,0-16Zm-8,40a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H104A8,8,0,0,1,96,136Zm104,72H107.71A31.82,31.82,0,0,0,112,192a26.92,26.92,0,0,0-1.21-8h102a12.58,12.58,0,0,1,3.23,8A16,16,0,0,1,200,208Z"></path>'), k1 = e.from_svg('<path d="M98,136a6,6,0,0,1,6-6h64a6,6,0,0,1,0,12H104A6,6,0,0,1,98,136Zm6-26h64a6,6,0,0,0,0-12H104a6,6,0,0,0,0,12Zm126,82a30,30,0,0,1-30,30H88a30,30,0,0,1-30-30V64a18,18,0,0,0-36,0c0,6.76,5.58,11.19,5.64,11.23A6,6,0,1,1,20.4,84.8C20,84.48,10,76.85,10,64A30,30,0,0,1,40,34H176a30,30,0,0,1,30,30V170h10a6,6,0,0,1,3.6,1.2C220,171.52,230,179.15,230,192Zm-124,0c0-6.76-5.59-11.19-5.64-11.23A6,6,0,0,1,104,170h90V64a18,18,0,0,0-18-18H64a29.82,29.82,0,0,1,6,18V192a18,18,0,0,0,36,0Zm112,0a14.94,14.94,0,0,0-4.34-10H115.88A24.83,24.83,0,0,1,118,192a29.87,29.87,0,0,1-6,18h88A18,18,0,0,0,218,192Z"></path>'), I1 = e.from_svg('<path d="M96,104a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H104A8,8,0,0,1,96,104Zm8,40h64a8,8,0,0,0,0-16H104a8,8,0,0,0,0,16Zm128,48a32,32,0,0,1-32,32H88a32,32,0,0,1-32-32V64a16,16,0,0,0-32,0c0,5.74,4.83,9.62,4.88,9.66h0A8,8,0,0,1,24,88a7.89,7.89,0,0,1-4.79-1.61h0C18.05,85.54,8,77.61,8,64A32,32,0,0,1,40,32H176a32,32,0,0,1,32,32V168h8a8,8,0,0,1,4.8,1.6C222,170.46,232,178.39,232,192ZM96.26,173.48A8.07,8.07,0,0,1,104,168h88V64a16,16,0,0,0-16-16H67.69A31.71,31.71,0,0,1,72,64V192a16,16,0,0,0,32,0c0-5.74-4.83-9.62-4.88-9.66A7.82,7.82,0,0,1,96.26,173.48ZM216,192a12.58,12.58,0,0,0-3.23-8h-94a26.92,26.92,0,0,1,1.21,8,31.82,31.82,0,0,1-4.29,16H200A16,16,0,0,0,216,192Z"></path>'), L1 = e.from_svg('<path d="M100,104a4,4,0,0,1,4-4h64a4,4,0,0,1,0,8H104A4,4,0,0,1,100,104Zm4,36h64a4,4,0,0,0,0-8H104a4,4,0,0,0,0,8Zm124,52a28,28,0,0,1-28,28H88a28,28,0,0,1-28-28V64a20,20,0,0,0-40,0c0,7.78,6.34,12.75,6.4,12.8a4,4,0,1,1-4.8,6.4C21.21,82.91,12,75.86,12,64A28,28,0,0,1,40,36H176a28,28,0,0,1,28,28V172h12a4,4,0,0,1,2.4.8C218.79,173.09,228,180.14,228,192Zm-120,0c0-7.78-6.34-12.75-6.4-12.8A4,4,0,0,1,104,172h92V64a20,20,0,0,0-20-20H59.57A27.9,27.9,0,0,1,68,64V192a20,20,0,0,0,40,0Zm112,0c0-6-3.74-10.3-5.5-12H112.61A23.31,23.31,0,0,1,116,192a27.94,27.94,0,0,1-8.42,20H200A20,20,0,0,0,220,192Z"></path>'), P1 = e.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
 function Ye(a, t) {
   e.push(t, !0);
   const r = ge();
-  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), p = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
+  let d = e.rest_props(t, ["$$slots", "$$events", "$$legacy", "children"]), i = e.derived(() => t.weight ?? r.weight ?? "regular"), M = e.derived(() => t.color ?? r.color ?? "currentColor"), w = e.derived(() => t.size ?? r.size ?? "1em"), m = e.derived(() => t.mirrored ?? r.mirrored ?? !1);
   function C(n) {
-    let { weight: o, color: m, size: z, mirrored: k, ...l } = n;
+    let { weight: o, color: b, size: z, mirrored: k, ...l } = n;
     return l;
   }
-  var b = P1();
+  var p = P1();
   e.attribute_effect(
-    b,
+    p,
     (n, o) => ({
       xmlns: "http://www.w3.org/2000/svg",
       role: "img",
       width: e.get(w),
       height: e.get(w),
       fill: e.get(M),
-      transform: e.get(p) ? "scale(-1, 1)" : void 0,
+      transform: e.get(m) ? "scale(-1, 1)" : void 0,
       viewBox: "0 0 256 256",
       ...n,
       ...o
     }),
     [() => C(r), () => C(d)]
   );
-  var A = e.child(b);
+  var x = e.child(p);
   {
     var G = (n) => {
-      var o = e.comment(), m = e.first_child(o);
-      e.snippet(m, () => t.children), e.append(n, o);
+      var o = e.comment(), b = e.first_child(o);
+      e.snippet(b, () => t.children), e.append(n, o);
     };
-    e.if(A, (n) => {
+    e.if(x, (n) => {
       t.children && n(G);
     });
   }
-  var D = e.sibling(A, 2);
+  var R = e.sibling(x, 2);
   {
     var L = (n) => {
       var o = S1();
       e.append(n, o);
     }, P = (n) => {
-      var o = e.comment(), m = e.first_child(o);
+      var o = e.comment(), b = e.first_child(o);
       {
         var z = (l) => {
           var y = C1();
@@ -4584,10 +4584,10 @@ function Ye(a, t) {
             var Q = (c) => {
               var f = z1();
               e.append(c, f);
-            }, x = (c) => {
+            }, A = (c) => {
               var f = e.comment(), T = e.first_child(f);
               {
-                var R = (g) => {
+                var D = (g) => {
                   var u = k1();
                   e.append(g, u);
                 }, O = (g) => {
@@ -4629,7 +4629,7 @@ function Ye(a, t) {
                 e.if(
                   T,
                   (g) => {
-                    e.get(i) === "light" ? g(R) : g(O, !1);
+                    e.get(i) === "light" ? g(D) : g(O, !1);
                   },
                   !0
                 );
@@ -4639,7 +4639,7 @@ function Ye(a, t) {
             e.if(
               N,
               (c) => {
-                e.get(i) === "fill" ? c(Q) : c(x, !1);
+                e.get(i) === "fill" ? c(Q) : c(A, !1);
               },
               !0
             );
@@ -4647,7 +4647,7 @@ function Ye(a, t) {
           e.append(l, y);
         };
         e.if(
-          m,
+          b,
           (l) => {
             e.get(i) === "duotone" ? l(z) : l(k, !1);
           },
@@ -4656,19 +4656,21 @@ function Ye(a, t) {
       }
       e.append(n, o);
     };
-    e.if(D, (n) => {
+    e.if(R, (n) => {
       e.get(i) === "bold" ? n(L) : n(P, !1);
     });
   }
-  e.reset(b), e.append(a, b), e.pop();
+  e.reset(p), e.append(a, p), e.pop();
 }
 function te(a, t) {
   let r = null;
   function d() {
     if (r) return;
     r = document.createElement("div"), r.className = "fixed z-[9999] px-2 py-1 text-xs rounded shadow-sm pointer-events-none opacity-0 transition-opacity duration-150 whitespace-nowrap max-w-xs", r.textContent = t.content;
-    const b = getComputedStyle(a), A = b.getPropertyValue("--color-base-200").trim() || b.getPropertyValue("--color-neutral").trim() || "oklch(0.95 0 0)", G = b.getPropertyValue("--color-base-content").trim() || b.getPropertyValue("--color-neutral-content").trim() || "oklch(0.2 0 0)";
-    r.style.backgroundColor = A, r.style.color = G, document.body.appendChild(r), M(), requestAnimationFrame(() => {
+    const p = document.createElement("div");
+    p.className = "bg-base-200 text-base-content", p.style.position = "absolute", p.style.visibility = "hidden", a.appendChild(p);
+    const x = getComputedStyle(p), G = x.backgroundColor, R = x.color;
+    a.removeChild(p), r.style.backgroundColor = G, r.style.color = R, document.body.appendChild(r), M(), requestAnimationFrame(() => {
       r && (r.style.opacity = "1");
     });
   }
@@ -4679,48 +4681,48 @@ function te(a, t) {
   }
   function M() {
     if (!r) return;
-    const b = a.getBoundingClientRect(), A = r.getBoundingClientRect(), G = t.position || "top", D = 6;
+    const p = a.getBoundingClientRect(), x = r.getBoundingClientRect(), G = t.position || "top", R = 6;
     let L = 0, P = 0;
     switch (G) {
       case "top":
-        L = b.top - A.height - D, P = b.left + (b.width - A.width) / 2;
+        L = p.top - x.height - R, P = p.left + (p.width - x.width) / 2;
         break;
       case "bottom":
-        L = b.bottom + D, P = b.left + (b.width - A.width) / 2;
+        L = p.bottom + R, P = p.left + (p.width - x.width) / 2;
         break;
       case "left":
-        L = b.top + (b.height - A.height) / 2, P = b.left - A.width - D;
+        L = p.top + (p.height - x.height) / 2, P = p.left - x.width - R;
         break;
       case "right":
-        L = b.top + (b.height - A.height) / 2, P = b.right + D;
+        L = p.top + (p.height - x.height) / 2, P = p.right + R;
         break;
     }
-    P < 0 && (P = 0), L < 0 && (L = 0), P + A.width > window.innerWidth && (P = window.innerWidth - A.width), L + A.height > window.innerHeight && (L = window.innerHeight - A.height), r.style.top = `${L}px`, r.style.left = `${P}px`;
+    P < 0 && (P = 0), L < 0 && (L = 0), P + x.width > window.innerWidth && (P = window.innerWidth - x.width), L + x.height > window.innerHeight && (L = window.innerHeight - x.height), r.style.top = `${L}px`, r.style.left = `${P}px`;
   }
   function w() {
     d();
   }
-  function p() {
+  function m() {
     i();
   }
   function C() {
     r && i();
   }
-  return a.addEventListener("mouseenter", w), a.addEventListener("mouseleave", p), a.addEventListener("focus", w), a.addEventListener("blur", p), window.addEventListener("scroll", C, !0), {
-    update(b) {
-      t = b, r && (r.textContent = t.content, M());
+  return a.addEventListener("mouseenter", w), a.addEventListener("mouseleave", m), a.addEventListener("focus", w), a.addEventListener("blur", m), window.addEventListener("scroll", C, !0), {
+    update(p) {
+      t = p, r && (r.textContent = t.content, M());
     },
     destroy() {
-      i(), a.removeEventListener("mouseenter", w), a.removeEventListener("mouseleave", p), a.removeEventListener("focus", w), a.removeEventListener("blur", p), window.removeEventListener("scroll", C, !0);
+      i(), a.removeEventListener("mouseenter", w), a.removeEventListener("mouseleave", m), a.removeEventListener("focus", w), a.removeEventListener("blur", m), window.removeEventListener("scroll", C, !0);
     }
   };
 }
 var T1 = e.from_html('<div><button class="btn btn-ghost btn-circle btn-sm"><!></button></div>'), E1 = e.from_html("<div></div>"), j1 = e.from_html("<li><button><!></button></li>"), O1 = e.from_html("<li><button><!></button></li>"), B1 = e.from_html('<div class="divider my-1"></div> <li><label class="label cursor-pointer py-1 gap-2"><span class="label-text text-sm"> </span> <input type="checkbox" class="checkbox checkbox-sm"/></label></li>', 1), F1 = e.from_html('<li><div tabindex="0" role="button" class="flex items-center justify-center"><!></div> <ul tabindex="-1"><li><button><!> </button></li> <li><button><!> </button></li> <!></ul></li>'), N1 = e.from_html("<li><button><!></button></li>"), R1 = e.from_html("<li><button><!></button></li>"), D1 = e.from_html("<li><button><!></button></li>"), G1 = e.from_html("<div></div>"), U1 = e.from_html("<li><button><!></button></li>"), X1 = e.from_html("<button><!></button>"), Y1 = e.from_html("<div><div><!> <ul><!> <!> <!> <!> <!> <!> <!> <!></ul></div> <!></div>");
 function W1(a, t) {
   e.push(t, !0);
-  const r = Ze(we), d = e.derived(() => r.toolbarOpen), i = e.derived(() => r.config.toolbarPosition || "left"), M = e.derived(() => e.get(i) === "left"), w = e.derived(() => e.get(i) === "top"), p = e.derived(() => e.get(w) ? "bottom" : e.get(M) ? "right" : "left"), C = e.derived(() => r.config.showToggle !== !1), b = e.derived(() => r.config.toolbar || {}), A = e.derived(() => e.get(b).showSearch !== !1), G = e.derived(() => e.get(b).showGallery !== !1), D = e.derived(() => e.get(b).showFullscreen !== !1), L = e.derived(() => e.get(b).showAnnotations !== !1), P = e.derived(() => e.get(b).showInfo !== !1), n = e.derived(() => e.get(b).showViewingMode !== !1);
+  const r = Ze(we), d = e.derived(() => r.toolbarOpen), i = e.derived(() => r.config.toolbarPosition || "left"), M = e.derived(() => e.get(i) === "left"), w = e.derived(() => e.get(i) === "top"), m = e.derived(() => e.get(w) ? "bottom" : e.get(M) ? "right" : "left"), C = e.derived(() => r.config.showToggle !== !1), p = e.derived(() => r.config.toolbar || {}), x = e.derived(() => e.get(p).showSearch !== !1), G = e.derived(() => e.get(p).showGallery !== !1), R = e.derived(() => e.get(p).showFullscreen !== !1), L = e.derived(() => e.get(p).showAnnotations !== !1), P = e.derived(() => e.get(p).showInfo !== !1), n = e.derived(() => e.get(p).showViewingMode !== !1);
   let o = e.derived(() => (be.current, [...r.pluginMenuButtons].sort((_, I) => (_.order ?? 100) - (I.order ?? 100))));
-  function m() {
+  function b() {
     r.toggleToolbar();
   }
   let z = e.state(!1);
@@ -4740,9 +4742,9 @@ function W1(a, t) {
   {
     var N = (_) => {
       var I = T1(), V = e.child(I);
-      V.__click = m;
+      V.__click = b;
       var q = e.child(V);
-      Oe(q, { size: 20, weight: "bold" }), e.reset(V), e.action(V, (F, Y) => te == null ? void 0 : te(F, Y), () => ({ content: /* @__PURE__ */ Ee(), position: e.get(p) })), e.reset(I), e.template_effect(
+      Oe(q, { size: 20, weight: "bold" }), e.reset(V), e.action(V, (F, Y) => te == null ? void 0 : te(F, Y), () => ({ content: /* @__PURE__ */ Ee(), position: e.get(m) })), e.reset(I), e.template_effect(
         (F) => {
           e.set_class(I, 1, e.clsx([
             "shrink-0",
@@ -4760,13 +4762,13 @@ function W1(a, t) {
       e.get(C) ? _(N) : _(Q, !1);
     });
   }
-  var x = e.sibling(y, 2), c = e.child(x);
+  var A = e.sibling(y, 2), c = e.child(A);
   {
     var f = (_) => {
       var I = j1(), V = e.child(I);
       V.__click = () => r.toggleSearchPanel();
       var q = e.child(V);
-      Lt(q, { size: 24, weight: "bold" }), e.reset(V), e.action(V, (F, Y) => te == null ? void 0 : te(F, Y), () => ({ content: /* @__PURE__ */ Be(), position: e.get(p) })), e.reset(I), e.template_effect(
+      Lt(q, { size: 24, weight: "bold" }), e.reset(V), e.action(V, (F, Y) => te == null ? void 0 : te(F, Y), () => ({ content: /* @__PURE__ */ Be(), position: e.get(m) })), e.reset(I), e.template_effect(
         (F) => {
           e.set_class(V, 1, e.clsx([
             "flex items-center justify-center",
@@ -4777,18 +4779,18 @@ function W1(a, t) {
       ), e.append(_, I);
     };
     e.if(c, (_) => {
-      e.get(A) && _(f);
+      e.get(x) && _(f);
     });
   }
   var T = e.sibling(c, 2);
   {
-    var R = (_) => {
+    var D = (_) => {
       var I = O1(), V = e.child(I);
       V.__click = () => r.toggleThumbnailGallery();
       var q = e.child(V);
       P0(q, { size: 24, weight: "bold" }), e.reset(V), e.action(V, (F, Y) => te == null ? void 0 : te(F, Y), () => ({
         content: r.showThumbnailGallery ? /* @__PURE__ */ Ce() : /* @__PURE__ */ ze(),
-        position: e.get(p)
+        position: e.get(m)
       })), e.reset(I), e.template_effect(
         (F) => {
           e.set_class(V, 1, e.clsx([
@@ -4802,7 +4804,7 @@ function W1(a, t) {
       ), e.append(_, I);
     };
     e.if(T, (_) => {
-      e.get(G) && _(R);
+      e.get(G) && _(D);
     });
   }
   var O = e.sibling(T, 2);
@@ -4819,7 +4821,7 @@ function W1(a, t) {
           r.viewingMode === "paged" ? ne(F) : ne(Y, !1);
         });
       }
-      e.reset(V), e.action(V, (ne, fe) => te == null ? void 0 : te(ne, fe), () => ({ content: /* @__PURE__ */ je(), position: e.get(p) }));
+      e.reset(V), e.action(V, (ne, fe) => te == null ? void 0 : te(ne, fe), () => ({ content: /* @__PURE__ */ je(), position: e.get(m) }));
       var W = e.sibling(V, 2), X = e.child(W), B = e.child(X);
       B.__click = () => r.setViewingMode("individuals");
       var $ = e.child(B);
@@ -4882,7 +4884,7 @@ function W1(a, t) {
       }
       e.reset(V), e.action(V, (W, X) => te == null ? void 0 : te(W, X), () => ({
         content: r.isFullScreen ? /* @__PURE__ */ ke() : /* @__PURE__ */ Ie(),
-        position: e.get(p)
+        position: e.get(m)
       })), e.reset(I), e.template_effect(
         (W) => {
           e.set_class(V, 1, e.clsx([
@@ -4896,7 +4898,7 @@ function W1(a, t) {
       ), e.append(_, I);
     };
     e.if(u, (_) => {
-      e.get(D) && _(H);
+      e.get(R) && _(H);
     });
   }
   var E = e.sibling(u, 2);
@@ -4907,7 +4909,7 @@ function W1(a, t) {
       var q = e.child(V);
       n1(q, { size: 24, weight: "bold" }), e.reset(V), e.action(V, (F, Y) => te == null ? void 0 : te(F, Y), () => ({
         content: r.showAnnotations ? /* @__PURE__ */ Le() : /* @__PURE__ */ Pe(),
-        position: e.get(p)
+        position: e.get(m)
       })), e.reset(I), e.template_effect(
         (F) => {
           e.set_class(V, 1, e.clsx([
@@ -4930,7 +4932,7 @@ function W1(a, t) {
       var I = D1(), V = e.child(I);
       V.__click = () => r.toggleMetadataDialog();
       var q = e.child(V);
-      v1(q, { size: 24, weight: "bold" }), e.reset(V), e.action(V, (F, Y) => te == null ? void 0 : te(F, Y), () => ({ content: /* @__PURE__ */ gt(), position: e.get(p) })), e.reset(I), e.template_effect(
+      v1(q, { size: 24, weight: "bold" }), e.reset(V), e.action(V, (F, Y) => te == null ? void 0 : te(F, Y), () => ({ content: /* @__PURE__ */ gt(), position: e.get(m) })), e.reset(I), e.template_effect(
         (F) => {
           e.set_class(V, 1, e.clsx([
             "flex items-center justify-center",
@@ -4955,7 +4957,7 @@ function W1(a, t) {
       ]))), e.append(_, I);
     };
     e.if(U, (_) => {
-      (e.get(A) || e.get(G) || e.get(D) || e.get(L) || e.get(P) || e.get(n)) && e.get(o).length > 0 && _(K);
+      (e.get(x) || e.get(G) || e.get(R) || e.get(L) || e.get(P) || e.get(n)) && e.get(o).length > 0 && _(K);
     });
   }
   var J = e.sibling(U, 2);
@@ -4968,7 +4970,7 @@ function W1(a, t) {
     var W = e.child(Y);
     e.component(W, () => e.get(V), (X, B) => {
       B(X, { size: 24, weight: "bold" });
-    }), e.reset(Y), e.action(Y, (X, B) => te == null ? void 0 : te(X, B), () => ({ content: e.get(q), position: e.get(p) })), e.reset(F), e.template_effect(
+    }), e.reset(Y), e.action(Y, (X, B) => te == null ? void 0 : te(X, B), () => ({ content: e.get(q), position: e.get(m) })), e.reset(F), e.template_effect(
       (X) => {
         e.set_class(Y, 1, X), e.set_attribute(Y, "aria-label", e.get(q));
       },
@@ -4982,14 +4984,14 @@ function W1(a, t) {
         }
       ]
     ), e.append(_, F);
-  }), e.reset(x), e.reset(l);
+  }), e.reset(A), e.reset(l);
   var v = e.sibling(l, 2);
   {
     var s = (_) => {
       var I = X1();
-      I.__click = m;
+      I.__click = b;
       var V = e.child(I);
-      w1(V, { size: 20, weight: "bold" }), e.reset(I), e.action(I, (q, F) => te == null ? void 0 : te(q, F), () => ({ content: /* @__PURE__ */ Te(), position: e.get(p) })), e.template_effect(
+      w1(V, { size: 20, weight: "bold" }), e.reset(I), e.action(I, (q, F) => te == null ? void 0 : te(q, F), () => ({ content: /* @__PURE__ */ Te(), position: e.get(m) })), e.template_effect(
         (q) => {
           e.set_class(I, 1, e.clsx([
             "pointer-events-auto btn btn-circle btn-sm shadow-md z-40 transition-opacity duration-300 absolute mt-2",
@@ -5025,7 +5027,7 @@ function W1(a, t) {
       !e.get(d) && !e.get(w) && e.get(M) && "-translate-x-full",
       !e.get(d) && !e.get(w) && !e.get(M) && "translate-x-full",
       e.get(z) ? "overflow-visible" : "overflow-hidden"
-    ])), e.set_class(x, 1, e.clsx([
+    ])), e.set_class(A, 1, e.clsx([
       "menu menu-md gap-2 flex-nowrap items-center min-h-0",
       e.get(w) && "px-2 py-1 menu-horizontal w-auto flex-row-reverse",
       e.get(w) && !e.get(z) && "overflow-x-auto overflow-y-hidden",
@@ -5059,12 +5061,12 @@ function tc(a, t) {
   }), M = e.derived(() => e.get(d) ? e.get(d).getDescription() : ""), w = e.derived(() => {
     var H;
     return e.get(d) ? (H = e.get(d).getRequiredStatement()) == null ? void 0 : H.getValue() : "";
-  }), p = e.derived(() => e.get(d) ? e.get(d).getLicense() : "");
-  var C = ec(), b = e.child(C), A = e.child(b), G = e.child(A);
-  G.__click = () => r.toggleMetadataDialog(), e.reset(A);
-  var D = e.sibling(A, 2), L = e.child(D, !0);
-  e.reset(D);
-  var P = e.sibling(D, 2), n = e.child(P);
+  }), m = e.derived(() => e.get(d) ? e.get(d).getLicense() : "");
+  var C = ec(), p = e.child(C), x = e.child(p), G = e.child(x);
+  G.__click = () => r.toggleMetadataDialog(), e.reset(x);
+  var R = e.sibling(x, 2), L = e.child(R, !0);
+  e.reset(R);
+  var P = e.sibling(R, 2), n = e.child(P);
   {
     var o = (H) => {
       var E = q1(), j = e.child(E), h = e.child(j);
@@ -5074,7 +5076,7 @@ function tc(a, t) {
       e.get(M) && H(o);
     });
   }
-  var m = e.sibling(n, 2), z = e.child(m);
+  var b = e.sibling(n, 2), z = e.child(b);
   {
     var k = (H) => {
       var E = K1(), j = e.first_child(E), h = e.child(j, !0);
@@ -5094,13 +5096,13 @@ function tc(a, t) {
       var Z = e.sibling(j, 2), U = e.child(Z), K = e.child(U, !0);
       e.reset(U), e.reset(Z), e.template_effect(
         (J) => {
-          e.set_text(h, J), e.set_attribute(U, "href", e.get(p)), e.set_text(K, e.get(p));
+          e.set_text(h, J), e.set_attribute(U, "href", e.get(m)), e.set_text(K, e.get(m));
         },
         [() => /* @__PURE__ */ ct()]
       ), e.append(H, E);
     };
     e.if(l, (H) => {
-      e.get(p) && H(y);
+      e.get(m) && H(y);
     });
   }
   var N = e.sibling(l, 2);
@@ -5112,7 +5114,7 @@ function tc(a, t) {
   });
   var Q = e.sibling(N, 2);
   {
-    var x = (H) => {
+    var A = (H) => {
       var E = $1(), j = e.first_child(E), h = e.child(j, !0);
       e.reset(j);
       var Z = e.sibling(j, 2), U = e.child(Z), K = e.child(U, !0);
@@ -5124,20 +5126,20 @@ function tc(a, t) {
       ), e.append(H, E);
     };
     e.if(Q, (H) => {
-      r.manifestId && H(x);
+      r.manifestId && H(A);
     });
   }
-  e.reset(m), e.reset(P);
+  e.reset(b), e.reset(P);
   var c = e.sibling(P, 2), f = e.child(c), T = e.child(f);
   T.__click = () => r.toggleMetadataDialog();
-  var R = e.child(T, !0);
-  e.reset(T), e.reset(f), e.reset(c), e.reset(b);
-  var O = e.sibling(b, 2), g = e.child(O);
+  var D = e.child(T, !0);
+  e.reset(T), e.reset(f), e.reset(c), e.reset(p);
+  var O = e.sibling(p, 2), g = e.child(O);
   g.__click = () => r.toggleMetadataDialog();
   var u = e.child(g, !0);
   e.reset(g), e.reset(O), e.reset(C), e.template_effect(
     (H, E, j) => {
-      C.open = r.showMetadataDialog, e.set_text(L, H), e.set_text(R, E), e.set_text(u, j);
+      C.open = r.showMetadataDialog, e.set_text(L, H), e.set_text(D, E), e.set_text(u, j);
     },
     [
       () => e.get(d) ? e.get(d).getLabel().length && e.get(d).getLabel()[0] ? e.get(d).getLabel()[0].value : /* @__PURE__ */ it() : /* @__PURE__ */ lt(),
@@ -5164,21 +5166,21 @@ function We(a, t) {
   function w(L) {
     L.key === "Enter" && M();
   }
-  function p(L) {
+  function m(L) {
     const P = r.canvases[L];
     P && r.setCanvas(P.id);
   }
   let C = e.derived(() => {
     var L;
     return ((L = r.config.search) == null ? void 0 : L.width) ?? "320px";
-  }), b = e.derived(() => {
+  }), p = e.derived(() => {
     var L;
     return ((L = r.config.search) == null ? void 0 : L.position) ?? "right";
   });
-  var A = e.comment(), G = e.first_child(A);
+  var x = e.comment(), G = e.first_child(x);
   {
-    var D = (L) => {
-      var P = vc(), n = e.child(P), o = e.child(n), m = e.child(o, !0);
+    var R = (L) => {
+      var P = vc(), n = e.child(P), o = e.child(n), b = e.child(o, !0);
       e.reset(o);
       var z = e.sibling(o, 2);
       {
@@ -5197,7 +5199,7 @@ function We(a, t) {
       e.remove_input_defaults(N), N.__keydown = w;
       var Q = e.sibling(N, 2);
       Q.__click = M;
-      var x = e.child(Q);
+      var A = e.child(Q);
       {
         var c = (u) => {
           var H = ac();
@@ -5205,12 +5207,12 @@ function We(a, t) {
         }, f = (u) => {
           Lt(u, { size: 20, weight: "bold" });
         };
-        e.if(x, (u) => {
+        e.if(A, (u) => {
           r.isSearching ? u(c) : u(f, !1);
         });
       }
       e.reset(Q), e.reset(y), e.reset(l);
-      var T = e.sibling(l, 2), R = e.child(T);
+      var T = e.sibling(l, 2), D = e.child(T);
       {
         var O = (u) => {
           var H = nc();
@@ -5235,7 +5237,7 @@ function We(a, t) {
                   var q = e.sibling(I, 2);
                   e.each(q, 17, () => r.searchResults, (F) => F.canvasIndex, (F, Y) => {
                     var W = dc();
-                    W.__click = () => p(e.get(Y).canvasIndex);
+                    W.__click = () => m(e.get(Y).canvasIndex);
                     var X = e.child(W), B = e.child(X), $ = e.child(B, !0);
                     e.reset(B);
                     var re = e.sibling(B, 2), ae = e.child(re);
@@ -5288,13 +5290,13 @@ function We(a, t) {
           }
           e.append(u, H);
         };
-        e.if(R, (u) => {
+        e.if(D, (u) => {
           r.isSearching ? u(O) : u(g, !1);
         });
       }
       e.reset(T), e.reset(P), e.template_effect(
         (u, H, E, j) => {
-          e.set_class(P, 1, `h-full bg-base-200 shadow-2xl z-100 flex flex-col transition-[width] duration-200 ${r.config.transparentBackground ? "" : e.get(b) === "left" ? "border-r border-base-300" : "border-l border-base-300"}`), e.set_style(P, `width: ${e.get(C) ?? ""}`), e.set_attribute(P, "aria-label", u), e.set_text(m, H), e.set_attribute(N, "placeholder", E), e.set_attribute(Q, "aria-label", j);
+          e.set_class(P, 1, `h-full bg-base-200 shadow-2xl z-100 flex flex-col transition-[width] duration-200 ${r.config.transparentBackground ? "" : e.get(p) === "left" ? "border-r border-base-300" : "border-l border-base-300"}`), e.set_style(P, `width: ${e.get(C) ?? ""}`), e.set_attribute(P, "aria-label", u), e.set_text(b, H), e.set_attribute(N, "placeholder", E), e.set_attribute(Q, "aria-label", j);
         },
         [
           () => /* @__PURE__ */ Se(),
@@ -5305,10 +5307,10 @@ function We(a, t) {
       ), e.bind_value(N, () => e.get(d), (u) => e.set(d, u)), e.append(L, P);
     };
     e.if(G, (L) => {
-      r.showSearchPanel && L(D);
+      r.showSearchPanel && L(R);
     });
   }
-  e.append(a, A), e.pop();
+  e.append(a, x), e.pop();
 }
 e.delegate(["click", "keydown"]);
 var fc = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), _c = e.from_html('<div class="h-full pointer-events-auto relative"><!></div>'), uc = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), hc = e.from_html("<div><!> <!> <!></div>"), pc = e.from_html('<div class="flex-none w-full pointer-events-auto relative z-20"><!></div>'), mc = e.from_html('<div class="w-full h-full flex items-center justify-center"><span class="loading loading-spinner loading-lg text-primary"></span></div>'), bc = e.from_html('<div class="w-full h-full flex items-center justify-center text-error"> </div>'), wc = e.from_html('<div class="w-full h-full flex items-center justify-center text-base-content/50"> </div>'), yc = e.from_html('<div class="absolute inset-0 z-40 pointer-events-none"><!></div>'), xc = e.from_html('<div class="flex-none w-full pointer-events-auto relative z-20"><!></div>'), Ac = e.from_html('<div class="relative w-full z-40 pointer-events-auto"><!></div>'), Zc = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), Hc = e.from_html('<div class="h-full pointer-events-auto relative"><!></div>'), Mc = e.from_html('<div class="h-full relative pointer-events-auto"><!></div>'), Vc = e.from_html("<div><!> <!> <!></div>"), Sc = e.from_html('<div id="triiiceratops-viewer"><!> <div id="triiiceratops-center-panel" class="flex-1 relative min-w-0 flex flex-col"><!> <div><!> <!> <!> <!> <!> <!> <!></div> <!> <!></div> <!></div>');
@@ -5317,50 +5319,50 @@ function jc(a, t) {
   const r = typeof window < "u";
   let d = e.prop(t, "plugins", 19, () => []), i = e.prop(t, "config", 19, () => ({})), M = e.prop(t, "viewerState", 15), w = e.state(void 0);
   e.user_effect(() => {
-    e.get(w) && (Lr(e.get(w), t.theme, t.themeConfig), p.setViewerElement(e.get(w)));
+    e.get(w) && (Lr(e.get(w), t.theme, t.themeConfig), m.setViewerElement(e.get(w)));
   });
-  const p = new Bt(null, void 0, []);
+  const m = new Bt(null, void 0, []);
   M(
-    p
+    m
     // Expose via bindable prop
-  ), Et(we, p), Fe(() => {
-    p.destroyAllPlugins();
+  ), Et(we, m), Fe(() => {
+    m.destroyAllPlugins();
   }), e.user_effect(() => {
-    t.manifestId && t.manifestId !== p.manifestId && p.setManifest(t.manifestId);
+    t.manifestId && t.manifestId !== m.manifestId && m.setManifest(t.manifestId);
   });
   let C = "";
   e.user_effect(() => {
-    t.canvasId && t.canvasId !== C && (C = t.canvasId, t.canvasId !== p.canvasId && p.setCanvas(t.canvasId));
+    t.canvasId && t.canvasId !== C && (C = t.canvasId, t.canvasId !== m.canvasId && m.setCanvas(t.canvasId));
   });
-  let b = "";
+  let p = "";
   e.user_effect(() => {
     if (i()) {
       const s = JSON.stringify(i());
-      s !== b && (b = s, console.log("[Viewer] updateConfig called with new config:", i()), p.updateConfig(i()));
+      s !== p && (p = s, console.log("[Viewer] updateConfig called with new config:", i()), m.updateConfig(i()));
     }
   });
-  let A = [];
+  let x = [];
   e.user_effect(() => {
     const s = d();
     return qe(() => {
-      for (const _ of A)
-        p.unregisterPlugin(_);
-      A = [];
+      for (const _ of x)
+        m.unregisterPlugin(_);
+      x = [];
       for (const _ of s) {
         const I = _.id || `plugin-${Math.random().toString(36).substr(2, 9)}`, V = { ..._, id: I };
-        p.registerPlugin(V), A.push(I);
+        m.registerPlugin(V), x.push(I);
       }
     }), () => {
-      for (const _ of A)
-        p.unregisterPlugin(_);
-      A = [];
+      for (const _ of x)
+        m.unregisterPlugin(_);
+      x = [];
     };
   }), Fe(() => {
-    p.destroyAllPlugins();
+    m.destroyAllPlugins();
   }), e.user_effect(() => {
     if (!r) return;
     const s = () => {
-      p.isFullScreen = !!document.fullscreenElement;
+      m.isFullScreen = !!document.fullscreenElement;
     };
     return document.addEventListener("fullscreenchange", s), () => {
       document.removeEventListener("fullscreenchange", s);
@@ -5368,19 +5370,19 @@ function jc(a, t) {
   });
   let G = e.derived(() => {
     var s;
-    return p.showThumbnailGallery && p.dockSide === "left" || p.showSearchPanel && ((s = p.config.search) == null ? void 0 : s.position) === "left" || p.pluginPanels.some((_) => _.position === "left" && _.isVisible());
-  }), D = e.derived(() => {
+    return m.showThumbnailGallery && m.dockSide === "left" || m.showSearchPanel && ((s = m.config.search) == null ? void 0 : s.position) === "left" || m.pluginPanels.some((_) => _.position === "left" && _.isVisible());
+  }), R = e.derived(() => {
     var s;
-    return p.showSearchPanel && ((s = p.config.search) == null ? void 0 : s.position) !== "left" || p.showThumbnailGallery && p.dockSide === "right" || p.pluginPanels.some((_) => _.position === "right" && _.isVisible());
-  }), L = e.derived(() => p.manifestEntry), P = e.derived(() => p.canvases), n = e.derived(() => p.currentCanvasIndex);
+    return m.showSearchPanel && ((s = m.config.search) == null ? void 0 : s.position) !== "left" || m.showThumbnailGallery && m.dockSide === "right" || m.pluginPanels.some((_) => _.position === "right" && _.isVisible());
+  }), L = e.derived(() => m.manifestEntry), P = e.derived(() => m.canvases), n = e.derived(() => m.currentCanvasIndex);
   e.user_effect(() => {
-    if (p.pendingSearchQuery && e.get(L) && !e.get(L).isFetching && !e.get(L).error && e.get(L).manifesto) {
-      const s = p.pendingSearchQuery;
-      p.pendingSearchQuery = null, console.log("[Viewer] Manifest loaded, triggering deferred search:", s), p.search(s);
+    if (m.pendingSearchQuery && e.get(L) && !e.get(L).isFetching && !e.get(L).error && e.get(L).manifesto) {
+      const s = m.pendingSearchQuery;
+      m.pendingSearchQuery = null, console.log("[Viewer] Manifest loaded, triggering deferred search:", s), m.search(s);
     }
   }), e.user_effect(() => {
     var s;
-    e.get(P) && e.get(P).length > 0 && !p.canvasId && !((s = e.get(L)) != null && s.isFetching) && (console.log("[Viewer] Auto-selecting first canvas:", e.get(P)[0].id), p.setCanvas(e.get(P)[0].id));
+    e.get(P) && e.get(P).length > 0 && !m.canvasId && !((s = e.get(L)) != null && s.isFetching) && (console.log("[Viewer] Auto-selecting first canvas:", e.get(P)[0].id), m.setCanvas(e.get(P)[0].id));
   });
   let o = e.derived(() => {
     var V, q;
@@ -5388,8 +5390,8 @@ function jc(a, t) {
       return (V = e.get(L)) != null && V.isFetching || console.log("TriiiceratopsViewer: No canvas found"), null;
     const s = e.get(P)[e.get(n)];
     let _ = s.getImages();
-    if (p.viewingMode === "paged") {
-      const F = p.pagedOffset;
+    if (m.viewingMode === "paged") {
+      const F = m.pagedOffset;
       if (e.get(n) >= F) {
         const Y = e.get(n) + 1;
         if (Y < e.get(P).length) {
@@ -5398,9 +5400,9 @@ function jc(a, t) {
         }
       }
     }
-    return (!_ || !_.length) && s.getContent && (_ = s.getContent()), !_ || !_.length ? (s.__jsonld && s.__jsonld.items, (q = e.get(L)) != null && q.isFetching || console.log("TriiiceratopsViewer: No images/content in canvas"), null) : _.map((F) => m(F));
+    return (!_ || !_.length) && s.getContent && (_ = s.getContent()), !_ || !_.length ? (s.__jsonld && s.__jsonld.items, (q = e.get(L)) != null && q.isFetching || console.log("TriiiceratopsViewer: No images/content in canvas"), null) : _.map((F) => b(F));
   });
-  function m(s) {
+  function b(s) {
     let _ = s.getResource ? s.getResource() : null;
     if (!_ && s.getBody) {
       const B = s.getBody();
@@ -5445,7 +5447,7 @@ function jc(a, t) {
         };
         e.if(I, (W) => {
           var X;
-          p.showSearchPanel && ((X = p.config.search) == null ? void 0 : X.position) === "left" && W(V);
+          m.showSearchPanel && ((X = m.config.search) == null ? void 0 : X.position) === "left" && W(V);
         });
       }
       var q = e.sibling(I, 2);
@@ -5456,14 +5458,14 @@ function jc(a, t) {
             get canvases() {
               return e.get(P);
             }
-          }), e.reset(X), e.template_effect(() => e.set_style(X, `width: ${p.galleryFixedHeight + 40}px`)), e.append(W, X);
+          }), e.reset(X), e.template_effect(() => e.set_style(X, `width: ${m.galleryFixedHeight + 40}px`)), e.append(W, X);
         };
         e.if(q, (W) => {
-          p.showThumbnailGallery && p.dockSide === "left" && W(F);
+          m.showThumbnailGallery && m.dockSide === "left" && W(F);
         });
       }
       var Y = e.sibling(q, 2);
-      e.each(Y, 17, () => p.pluginPanels, (W) => W.id, (W, X) => {
+      e.each(Y, 17, () => m.pluginPanels, (W) => W.id, (W, X) => {
         var B = e.comment(), $ = e.first_child(B);
         {
           var re = (ae) => {
@@ -5481,7 +5483,7 @@ function jc(a, t) {
           });
         }
         e.append(W, B);
-      }), e.reset(_), e.template_effect(() => e.set_class(_, 1, `flex-none flex flex-row z-20 transition-all ${p.config.transparentBackground ? "" : "bg-base-200 border-r border-base-300"}`)), e.append(s, _);
+      }), e.reset(_), e.template_effect(() => e.set_class(_, 1, `flex-none flex flex-row z-20 transition-all ${m.config.transparentBackground ? "" : "bg-base-200 border-r border-base-300"}`)), e.append(s, _);
     };
     e.if(k, (s) => {
       e.get(G) && s(l);
@@ -5495,13 +5497,13 @@ function jc(a, t) {
         get canvases() {
           return e.get(P);
         }
-      }), e.reset(_), e.template_effect(() => e.set_style(_, `height: ${p.galleryFixedHeight + 50}px`)), e.append(s, _);
+      }), e.reset(_), e.template_effect(() => e.set_style(_, `height: ${m.galleryFixedHeight + 50}px`)), e.append(s, _);
     };
     e.if(N, (s) => {
-      p.showThumbnailGallery && p.dockSide === "top" && s(Q);
+      m.showThumbnailGallery && m.dockSide === "top" && s(Q);
     });
   }
-  var x = e.sibling(N, 2), c = e.child(x);
+  var A = e.sibling(N, 2), c = e.child(A);
   {
     var f = (s) => {
       var _ = mc();
@@ -5525,7 +5527,7 @@ function jc(a, t) {
                   return e.get(o);
                 },
                 get viewerState() {
-                  return p;
+                  return m;
                 }
               });
             }, B = ($) => {
@@ -5571,14 +5573,14 @@ function jc(a, t) {
       (_ = e.get(L)) != null && _.isFetching ? s(f) : s(T, !1);
     });
   }
-  var R = e.sibling(c, 2);
-  o0(R, {});
-  var O = e.sibling(R, 2);
+  var D = e.sibling(c, 2);
+  o0(D, {});
+  var O = e.sibling(D, 2);
   tc(O, {});
   var g = e.sibling(O, 2);
   W1(g, {});
   var u = e.sibling(g, 2);
-  e.each(u, 17, () => p.pluginPanels, (s) => s.id, (s, _) => {
+  e.each(u, 17, () => m.pluginPanels, (s) => s.id, (s, _) => {
     var I = e.comment(), V = e.first_child(I);
     {
       var q = (F) => {
@@ -5602,12 +5604,12 @@ function jc(a, t) {
     var E = (s) => {
       Ms(s, {
         get viewerState() {
-          return p;
+          return m;
         }
       });
     };
     e.if(H, (s) => {
-      (e.get(P).length > 1 && p.showCanvasNav || (p.config.showZoomControls ?? !0)) && s(E);
+      (e.get(P).length > 1 && m.showCanvasNav || (m.config.showZoomControls ?? !0)) && s(E);
     });
   }
   var j = e.sibling(H, 2);
@@ -5620,11 +5622,11 @@ function jc(a, t) {
       });
     };
     e.if(j, (s) => {
-      p.showThumbnailGallery && p.dockSide === "none" && s(h);
+      m.showThumbnailGallery && m.dockSide === "none" && s(h);
     });
   }
-  e.reset(x);
-  var Z = e.sibling(x, 2);
+  e.reset(A);
+  var Z = e.sibling(A, 2);
   {
     var U = (s) => {
       var _ = xc(), I = e.child(_);
@@ -5632,14 +5634,14 @@ function jc(a, t) {
         get canvases() {
           return e.get(P);
         }
-      }), e.reset(_), e.template_effect(() => e.set_style(_, `height: ${p.galleryFixedHeight + 50}px`)), e.append(s, _);
+      }), e.reset(_), e.template_effect(() => e.set_style(_, `height: ${m.galleryFixedHeight + 50}px`)), e.append(s, _);
     };
     e.if(Z, (s) => {
-      p.showThumbnailGallery && p.dockSide === "bottom" && s(U);
+      m.showThumbnailGallery && m.dockSide === "bottom" && s(U);
     });
   }
   var K = e.sibling(Z, 2);
-  e.each(K, 17, () => p.pluginPanels, (s) => s.id, (s, _) => {
+  e.each(K, 17, () => m.pluginPanels, (s) => s.id, (s, _) => {
     var I = e.comment(), V = e.first_child(I);
     {
       var q = (F) => {
@@ -5669,7 +5671,7 @@ function jc(a, t) {
         };
         e.if(I, (W) => {
           var X;
-          p.showSearchPanel && ((X = p.config.search) == null ? void 0 : X.position) !== "left" && W(V);
+          m.showSearchPanel && ((X = m.config.search) == null ? void 0 : X.position) !== "left" && W(V);
         });
       }
       var q = e.sibling(I, 2);
@@ -5680,14 +5682,14 @@ function jc(a, t) {
             get canvases() {
               return e.get(P);
             }
-          }), e.reset(X), e.template_effect(() => e.set_style(X, `width: ${p.galleryFixedHeight + 40}px`)), e.append(W, X);
+          }), e.reset(X), e.template_effect(() => e.set_style(X, `width: ${m.galleryFixedHeight + 40}px`)), e.append(W, X);
         };
         e.if(q, (W) => {
-          p.showThumbnailGallery && p.dockSide === "right" && W(F);
+          m.showThumbnailGallery && m.dockSide === "right" && W(F);
         });
       }
       var Y = e.sibling(q, 2);
-      e.each(Y, 17, () => p.pluginPanels, (W) => W.id, (W, X) => {
+      e.each(Y, 17, () => m.pluginPanels, (W) => W.id, (W, X) => {
         var B = e.comment(), $ = e.first_child(B);
         {
           var re = (ae) => {
@@ -5705,14 +5707,14 @@ function jc(a, t) {
           });
         }
         e.append(W, B);
-      }), e.reset(_), e.template_effect(() => e.set_class(_, 1, `flex-none flex flex-row z-20 transition-all ${p.config.transparentBackground ? "" : "bg-base-100"}`)), e.append(s, _);
+      }), e.reset(_), e.template_effect(() => e.set_class(_, 1, `flex-none flex flex-row z-20 transition-all ${m.config.transparentBackground ? "" : "bg-base-100"}`)), e.append(s, _);
     };
     e.if(J, (s) => {
-      e.get(D) && s(v);
+      e.get(R) && s(v);
     });
   }
   e.reset(z), e.bind_this(z, (s) => e.set(w, s), () => e.get(w)), e.template_effect(() => {
-    e.set_class(z, 1, `flex w-full h-full relative overflow-hidden ${p.config.transparentBackground ? "" : "bg-base-100"}`), e.set_class(x, 1, `flex-1 relative min-h-0 w-full h-full ${p.config.transparentBackground ? "" : "bg-base-100"}`);
+    e.set_class(z, 1, `flex w-full h-full relative overflow-hidden ${m.config.transparentBackground ? "" : "bg-base-100"}`), e.set_class(A, 1, `flex-1 relative min-h-0 w-full h-full ${m.config.transparentBackground ? "" : "bg-base-100"}`);
   }), e.append(a, z), e.pop();
 }
 export {