@snowcone-app/canvas 0.21.0 → 0.21.2

package/dist/{UnifiedFontService-B1PGVu8O.js → UnifiedFontService-C8gaspRD.js}

@@ -1,16 +1,16 @@
 import { jsx as f, jsxs as j, Fragment as en } from "react/jsx-runtime";
 import * as z from "react";
 import te, { useRef as G, useState as V, useCallback as N, useMemo as q, useEffect as _, forwardRef as Tn, createElement as mn, useLayoutEffect as Ar, memo as Bo, useReducer as Ho, useContext as He, createContext as Xe, cloneElement as Uo, useId as Vo, useSyncExternalStore as Dr } from "react";
-import { u as In, h as Go, g as vn, r as Wo, j as _o, k as Mr, d as qo } from "./editorErrors-CK1RISFa.js";
-import { G as Ie, c as ot, C as tn } from "./FontAnalyzer-BpsTYowD.js";
+import { u as In, h as Go, g as vn, r as Wo, j as _o, k as Mr, d as qo } from "./editorErrors-B2mb1sVN.js";
+import { G as Ie, c as ot, C as tn } from "./FontAnalyzer-CwIpgTGd.js";
+import { g as Yo, I as nn, E as rn } from "./ExportManager-DoU4VK6h.js";
 import { createPortal as Nn, unstable_batchedUpdates as Nt } from "react-dom";
-import { I as nn, E as rn } from "./ExportManager-DK7CdI-G.js";
 import { clsx as Lr } from "clsx";
 import { extendTailwindMerge as Rr } from "tailwind-merge";
-import { Slot as Yo } from "@radix-ui/react-slot";
+import { Slot as Ko } from "@radix-ui/react-slot";
 import { cva as Tr } from "class-variance-authority";
 import * as tt from "@radix-ui/react-tooltip";
-const Ko = {
+const Xo = {
   "eos-icons:loading": {
     body: '<path fill="currentColor" d="M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z" opacity=".5"/><path fill="currentColor" d="M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z"><animateTransform attributeName="transform" dur="1s" from="0 12 12" repeatCount="indefinite" to="360 12 12" type="rotate"/></path>',
     width: 24,
@@ -477,26 +477,22 @@ const Ko = {
     height: 15
   }
 }, Ir = typeof window < "u";
-async function Xo() {
+async function Jo() {
   if (!Ir) return;
-  const { addIcon: e } = await Promise.resolve().then(() => Xi);
-  for (const [t, n] of Object.entries(Ko))
+  const { addIcon: e } = await Promise.resolve().then(() => Ki);
+  for (const [t, n] of Object.entries(Xo))
     e(t, n);
 }
 let on = !1;
-function Oa() {
-  on || !Ir || (on = !0, Xo().catch(() => {
+function Fl() {
+  on || !Ir || (on = !0, Jo().catch(() => {
     on = !1;
   }));
 }
-let Jo = null;
-function Qo() {
-  return Jo;
-}
-const ie = ot("Layers"), Zo = 150;
+const ie = ot("Layers"), Qo = 150;
 async function Jn(e, t = 64, n = "transparent") {
   try {
-    const r = Qo();
+    const r = Yo();
     return r && r(e, {
       width: t,
       height: t,
@@ -508,33 +504,33 @@ async function Jn(e, t = 64, n = "transparent") {
   }
 }
 function Nr(e, t, n, r, o, i = 0, s = null) {
-  return (i > 0 ? e : e.filter((a) => {
-    const c = a.parentId ?? null;
-    return a instanceof Ie, c === null;
-  })).map((a) => {
-    const c = a instanceof Ie, u = t === a.id || n.includes(a.id), d = {
-      id: a.id,
-      name: a.name || `Layer ${a.id.slice(0, 8)}`,
-      type: a.transformType,
-      visible: a.visible ?? !0,
-      locked: a.locked ?? !1,
+  return (i > 0 ? e : e.filter((l) => {
+    const c = l.parentId ?? null;
+    return l instanceof Ie, c === null;
+  })).map((l) => {
+    const c = l instanceof Ie, u = t === l.id || n.includes(l.id), d = {
+      id: l.id,
+      name: l.name || `Layer ${l.id.slice(0, 8)}`,
+      type: l.transformType,
+      visible: l.visible ?? !0,
+      locked: l.locked ?? !1,
       isSelected: u,
       isGroup: c,
       depth: i,
       parentId: s,
-      previewUrl: r.get(a.id) || null,
+      previewUrl: r.get(l.id) || null,
       refreshPreview: async () => {
-        await o(a.id);
+        await o(l.id);
       }
     };
-    return c && a instanceof Ie && (d.children = Nr(
-      a.children,
+    return c && l instanceof Ie && (d.children = Nr(
+      l.children,
       t,
       n,
       r,
       o,
       i + 1,
-      a.id
+      l.id
     )), d;
   });
 }
@@ -544,7 +540,7 @@ function zr(e) {
     t.push(n), n.children && t.push(...zr(n.children));
   return t;
 }
-function ei(e = {}) {
+function Zo(e = {}) {
   var ce;
   const {
     artboardId: t,
@@ -554,8 +550,8 @@ function ei(e = {}) {
     autoRefreshPreviews: i = !1
   } = e, {
     elements: s,
-    selectedId: l,
-    multiSelection: a,
+    selectedId: a,
+    multiSelection: l,
     artboardManager: c,
     handleSelectionChange: u,
     handleElementUpdate: d,
@@ -577,13 +573,13 @@ function ei(e = {}) {
     return n || (k = k.filter((C) => C.visible !== !1)), k;
   }, [s, M, n, c]), L = q(() => Nr(
     v,
-    l,
     a,
+    l,
     p.current,
     S
-  ), [v, l, a, S, m]), b = q(() => zr(L), [L]), D = q(() => b.filter((k) => k.isSelected), [b]), R = N((k, C = !1) => {
-    C ? a.includes(k) ? h(a.filter((I) => I !== k)) : h([...a, k]) : u(k);
-  }, [a, h, u]), O = N((k) => {
+  ), [v, a, l, S, m]), b = q(() => zr(L), [L]), D = q(() => b.filter((k) => k.isSelected), [b]), R = N((k, C = !1) => {
+    C ? l.includes(k) ? h(l.filter((I) => I !== k)) : h([...l, k]) : u(k);
+  }, [l, h, u]), O = N((k) => {
     h(k);
   }, [h]), X = N(() => {
     u(null), h([]);
@@ -608,9 +604,9 @@ function ei(e = {}) {
       ie.warn(`Element ${k} not found for deletion`);
       return;
     }
-    x(C), (l === k || a.includes(k)) && (u(null), h(a.filter((I) => I !== k)));
-  }, [s, x, l, a, u, h]), ee = N((k) => {
-    const C = s.find((le) => le.id === k);
+    x(C), (a === k || l.includes(k)) && (u(null), h(l.filter((I) => I !== k)));
+  }, [s, x, a, l, u, h]), ee = N((k) => {
+    const C = s.find((ae) => ae.id === k);
     if (!C) {
       ie.warn(`Element ${k} not found for duplication`);
       return;
@@ -673,13 +669,13 @@ function ei(e = {}) {
       ie.warn("Could not calculate bounding boxes for group");
       return;
     }
-    const Z = Math.min(...P.map((ne) => ne.x)), le = Math.min(...P.map((ne) => ne.y)), me = new Ie({
+    const Z = Math.min(...P.map((ne) => ne.x)), ae = Math.min(...P.map((ne) => ne.y)), me = new Ie({
       x: Z,
-      y: le
+      y: ae
     });
     me.children = C.map((ne) => {
       const je = ne.clone();
-      return je.x = ne.x - Z, je.y = ne.y - le, je;
+      return je.x = ne.x - Z, je.y = ne.y - ae, je;
     }), C.forEach((ne) => x(ne)), g(me, K), u(me.id), h([]);
   }, [s, c, x, g, u, h]), ze = N((k) => {
     const C = s.find((P) => P.id === k);
@@ -719,10 +715,10 @@ function ei(e = {}) {
     if (!i) return;
     const k = setTimeout(() => {
       Se();
-    }, Zo);
+    }, Qo);
     return () => clearTimeout(k);
   }, [i, Se]);
-  const ae = N(() => {
+  const le = N(() => {
     p.current.clear();
   }, []), Fe = N(
     (k, C, I) => {
@@ -736,8 +732,8 @@ function ei(e = {}) {
         ie.warn(`Group ${F} not found for reorder`);
         return;
       }
-      const P = K.clone(), Z = P.children.findIndex((Te) => Te.id === k), le = P.children.findIndex((Te) => Te.id === C);
-      if (Z === -1 || le === -1) {
+      const P = K.clone(), Z = P.children.findIndex((Te) => Te.id === k), ae = P.children.findIndex((Te) => Te.id === C);
+      if (Z === -1 || ae === -1) {
         ie.warn(`Children not found in group for reorder: ${k}, ${C}`);
         return;
       }
@@ -767,7 +763,7 @@ function ei(e = {}) {
     [s]
   ), xe = N(
     (k, C) => {
-      const I = s.find((le) => le.id === k), F = s.find((le) => le.id === C);
+      const I = s.find((ae) => ae.id === k), F = s.find((ae) => ae.id === C);
       if (!I || !F || !(F instanceof Ie)) {
         ie.warn(`Cannot add ${k} to group ${C}`);
         return;
@@ -788,8 +784,8 @@ function ei(e = {}) {
       if (!K) return;
       const P = c.getArtboardIdForElement(F.id);
       if (!P) return;
-      const Z = K.clone(), le = F.clone();
-      le.removeChild(k), d(le), C && I ? g(Z, P, I === "after" ? C : void 0, I === "before" ? C : void 0) : g(Z, P, void 0, F.id), u(Z.id);
+      const Z = K.clone(), ae = F.clone();
+      ae.removeChild(k), d(ae), C && I ? g(Z, P, I === "after" ? C : void 0, I === "before" ? C : void 0) : g(Z, P, void 0, F.id), u(Z.id);
     },
     [$, c, x, d, g, u]
   ), Je = N(() => {
@@ -830,20 +826,20 @@ function ei(e = {}) {
     findElementById: se,
     findParentGroup: $,
     generateAllPreviews: Se,
-    clearPreviewCache: ae,
+    clearPreviewCache: le,
     artboardId: M,
     artboardManager: c,
     layerCount: b.length
   };
 }
-function ti(e, t) {
+function ei(e, t) {
   const n = e.icons, r = e.aliases || /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
   function i(s) {
     if (n[s]) return o[s] = [];
     if (!(s in o)) {
       o[s] = null;
-      const l = r[s] && r[s].parent, a = l && i(l);
-      a && (o[s] = [l].concat(a));
+      const a = r[s] && r[s].parent, l = a && i(a);
+      l && (o[s] = [a].concat(l));
     }
     return o[s];
   }
@@ -866,22 +862,22 @@ const Fr = Object.freeze({
   body: "",
   hidden: !1
 });
-function ni(e, t) {
+function ti(e, t) {
   const n = {};
   !e.hFlip != !t.hFlip && (n.hFlip = !0), !e.vFlip != !t.vFlip && (n.vFlip = !0);
   const r = ((e.rotate || 0) + (t.rotate || 0)) % 4;
   return r && (n.rotate = r), n;
 }
 function Qn(e, t) {
-  const n = ni(e, t);
+  const n = ti(e, t);
   for (const r in yn) r in Pt ? r in e && !(r in n) && (n[r] = Pt[r]) : r in t ? n[r] = t[r] : r in e && (n[r] = e[r]);
   return n;
 }
-function ri(e, t, n) {
+function ni(e, t, n) {
   const r = e.icons, o = e.aliases || /* @__PURE__ */ Object.create(null);
   let i = {};
-  function s(l) {
-    i = Qn(r[l] || o[l], i);
+  function s(a) {
+    i = Qn(r[a] || o[a], i);
   }
   return s(t), n.forEach(s), Qn(e, i);
 }
@@ -891,14 +887,14 @@ function Or(e, t) {
   e.not_found instanceof Array && e.not_found.forEach((o) => {
     t(o, null), n.push(o);
   });
-  const r = ti(e);
+  const r = ei(e);
   for (const o in r) {
     const i = r[o];
-    i && (t(o, ri(e, o, i)), n.push(o));
+    i && (t(o, ni(e, o, i)), n.push(o));
   }
   return n;
 }
-const oi = {
+const ri = {
   provider: "",
   aliases: {},
   not_found: {},
@@ -911,7 +907,7 @@ function sn(e, t) {
 function Pr(e) {
   if (typeof e != "object" || e === null) return null;
   const t = e;
-  if (typeof t.prefix != "string" || !e.icons || typeof e.icons != "object" || !sn(e, oi)) return null;
+  if (typeof t.prefix != "string" || !e.icons || typeof e.icons != "object" || !sn(e, ri)) return null;
   const n = t.icons;
   for (const o in n) {
     const i = n[o];
@@ -925,7 +921,7 @@ function Pr(e) {
   return t;
 }
 const Zn = /* @__PURE__ */ Object.create(null);
-function ii(e, t) {
+function oi(e, t) {
   return {
     provider: e,
     prefix: t,
@@ -935,14 +931,14 @@ function ii(e, t) {
 }
 function nt(e, t) {
   const n = Zn[e] || (Zn[e] = /* @__PURE__ */ Object.create(null));
-  return n[t] || (n[t] = ii(e, t));
+  return n[t] || (n[t] = oi(e, t));
 }
 function jr(e, t) {
   return Pr(t) ? Or(t, (n, r) => {
     r ? e.icons[n] = r : e.missing.add(n);
   }) : [];
 }
-function si(e, t, n) {
+function ii(e, t, n) {
   try {
     if (typeof n.body == "string")
       return e.icons[t] = { ...n }, !0;
@@ -958,29 +954,29 @@ const $r = /^[a-z0-9]+(-[a-z0-9]+)*$/, Gt = (e, t, n, r = "") => {
   }
   if (o.length > 3 || !o.length) return null;
   if (o.length > 1) {
-    const l = o.pop(), a = o.pop(), c = {
+    const a = o.pop(), l = o.pop(), c = {
       provider: o.length > 0 ? o[0] : r,
-      prefix: a,
-      name: l
+      prefix: l,
+      name: a
     };
     return t && !zt(c) ? null : c;
   }
   const i = o[0], s = i.split("-");
   if (s.length > 1) {
-    const l = {
+    const a = {
       provider: r,
       prefix: s.shift(),
       name: s.join("-")
     };
-    return t && !zt(l) ? null : l;
+    return t && !zt(a) ? null : a;
   }
   if (n && r === "") {
-    const l = {
+    const a = {
       provider: r,
       prefix: "",
       name: i
     };
-    return t && !zt(l, n) ? null : l;
+    return t && !zt(a, n) ? null : a;
   }
   return null;
 }, zt = (e, t) => e ? !!((t && e.prefix === "" || e.prefix) && e.name) : !1;
@@ -999,7 +995,7 @@ function Hr(e, t) {
   const n = Gt(e, !0, yt);
   if (!n) return !1;
   const r = nt(n.provider, n.prefix);
-  return t ? si(r, n.name, t) : (r.missing.add(n.name), !0);
+  return t ? ii(r, n.name, t) : (r.missing.add(n.name), !0);
 }
 function Ur(e, t) {
   if (typeof e != "object") return !1;
@@ -1023,25 +1019,25 @@ const Vr = Object.freeze({
 }), Gr = Object.freeze({
   ...Vr,
   ...Pt
-}), li = /(-?[0-9.]*[0-9]+[0-9.]*)/g, ai = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+}), si = /(-?[0-9.]*[0-9]+[0-9.]*)/g, ai = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function bn(e, t, n) {
   if (t === 1) return e;
   if (n = n || 100, typeof e == "number") return Math.ceil(e * t * n) / n;
   if (typeof e != "string") return e;
-  const r = e.split(li);
+  const r = e.split(si);
   if (r === null || !r.length) return e;
   const o = [];
   let i = r.shift(), s = ai.test(i);
   for (; ; ) {
     if (s) {
-      const l = parseFloat(i);
-      isNaN(l) ? o.push(i) : o.push(Math.ceil(l * t * n) / n);
+      const a = parseFloat(i);
+      isNaN(a) ? o.push(i) : o.push(Math.ceil(a * t * n) / n);
     } else o.push(i);
     if (i = r.shift(), i === void 0) return o.join("");
     s = !s;
   }
 }
-function ci(e, t = "defs") {
+function li(e, t = "defs") {
   let n = "";
   const r = e.indexOf("<" + t);
   for (; r >= 0; ) {
@@ -1056,14 +1052,14 @@ function ci(e, t = "defs") {
     content: e
   };
 }
-function di(e, t) {
+function ci(e, t) {
   return e ? "<defs>" + e + "</defs>" + t : t;
 }
-function ui(e, t, n) {
-  const r = ci(e);
-  return di(r.defs, t + r.content + n);
+function di(e, t, n) {
+  const r = li(e);
+  return ci(r.defs, t + r.content + n);
 }
-const fi = (e) => e === "unset" || e === "undefined" || e === "none";
+const ui = (e) => e === "unset" || e === "undefined" || e === "none";
 function Wr(e, t) {
   const n = {
     ...zn,
@@ -1094,19 +1090,19 @@ function Wr(e, t) {
         M = o.width / 2 + o.left, p.unshift("rotate(-90 " + M.toString() + " " + M.toString() + ")");
         break;
     }
-    A % 2 === 1 && (o.left !== o.top && (M = o.left, o.left = o.top, o.top = M), o.width !== o.height && (M = o.width, o.width = o.height, o.height = M)), p.length && (i = ui(i, '<g transform="' + p.join(" ") + '">', "</g>"));
+    A % 2 === 1 && (o.left !== o.top && (M = o.left, o.left = o.top, o.top = M), o.width !== o.height && (M = o.width, o.width = o.height, o.height = M)), p.length && (i = di(i, '<g transform="' + p.join(" ") + '">', "</g>"));
   });
-  const s = r.width, l = r.height, a = o.width, c = o.height;
+  const s = r.width, a = r.height, l = o.width, c = o.height;
   let u, d;
-  s === null ? (d = l === null ? "1em" : l === "auto" ? c : l, u = bn(d, a / c)) : (u = s === "auto" ? a : s, d = l === null ? bn(u, c / a) : l === "auto" ? c : l);
+  s === null ? (d = a === null ? "1em" : a === "auto" ? c : a, u = bn(d, l / c)) : (u = s === "auto" ? l : s, d = a === null ? bn(u, c / l) : a === "auto" ? c : a);
   const h = {}, g = (w, p) => {
-    fi(p) || (h[w] = p.toString());
+    ui(p) || (h[w] = p.toString());
   };
   g("width", u), g("height", d);
   const x = [
     o.left,
     o.top,
-    a,
+    l,
     c
   ];
   return h.viewBox = x.join(" "), {
@@ -1115,21 +1111,21 @@ function Wr(e, t) {
     body: i
   };
 }
-const hi = /\sid="(\S+)"/g, pi = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-let gi = 0;
-function _r(e, t = pi) {
+const fi = /\sid="(\S+)"/g, hi = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
+let pi = 0;
+function _r(e, t = hi) {
   const n = [];
   let r;
-  for (; r = hi.exec(e); ) n.push(r[1]);
+  for (; r = fi.exec(e); ) n.push(r[1]);
   if (!n.length) return e;
   const o = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
   return n.forEach((i) => {
-    const s = typeof t == "function" ? t(i) : t + (gi++).toString(), l = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    e = e.replace(new RegExp('([#;"])(' + l + ')([")]|\\.[a-z])', "g"), "$1" + s + o + "$3");
+    const s = typeof t == "function" ? t(i) : t + (pi++).toString(), a = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    e = e.replace(new RegExp('([#;"])(' + a + ')([")]|\\.[a-z])', "g"), "$1" + s + o + "$3");
   }), e = e.replace(new RegExp(o, "g"), ""), e;
 }
 const wn = /* @__PURE__ */ Object.create(null);
-function mi(e, t) {
+function gi(e, t) {
   wn[e] = t;
 }
 function xn(e) {
@@ -1160,15 +1156,15 @@ function qr(e, t) {
 function Pn(e) {
   return On[e];
 }
-const vi = () => {
+const mi = () => {
   let e;
   try {
     if (e = fetch, typeof e == "function") return e;
   } catch {
   }
 };
-let tr = vi();
-function yi(e, t) {
+let tr = mi();
+function vi(e, t) {
   const n = Pn(e);
   if (!n) return 0;
   let r;
@@ -1183,43 +1179,43 @@ function yi(e, t) {
   }
   return r;
 }
-function bi(e) {
+function yi(e) {
   return e === 404;
 }
-const wi = (e, t, n) => {
-  const r = [], o = yi(e, t), i = "icons";
+const bi = (e, t, n) => {
+  const r = [], o = vi(e, t), i = "icons";
   let s = {
     type: i,
     provider: e,
     prefix: t,
     icons: []
-  }, l = 0;
-  return n.forEach((a, c) => {
-    l += a.length + 1, l >= o && c > 0 && (r.push(s), s = {
+  }, a = 0;
+  return n.forEach((l, c) => {
+    a += l.length + 1, a >= o && c > 0 && (r.push(s), s = {
       type: i,
       provider: e,
       prefix: t,
       icons: []
-    }, l = a.length), s.icons.push(a);
+    }, a = l.length), s.icons.push(l);
   }), r.push(s), r;
 };
-function xi(e) {
+function wi(e) {
   if (typeof e == "string") {
     const t = Pn(e);
     if (t) return t.path;
   }
   return "/";
 }
-const ki = (e, t, n) => {
+const xi = (e, t, n) => {
   if (!tr) {
     n("abort", 424);
     return;
   }
-  let r = xi(t.provider);
+  let r = wi(t.provider);
   switch (t.type) {
     case "icons": {
-      const i = t.prefix, l = t.icons.join(","), a = new URLSearchParams({ icons: l });
-      r += i + ".json?" + a.toString();
+      const i = t.prefix, a = t.icons.join(","), l = new URLSearchParams({ icons: a });
+      r += i + ".json?" + l.toString();
       break;
     }
     case "custom": {
@@ -1236,7 +1232,7 @@ const ki = (e, t, n) => {
     const s = i.status;
     if (s !== 200) {
       setTimeout(() => {
-        n(bi(s) ? "abort" : "next", s);
+        n(yi(s) ? "abort" : "next", s);
       });
       return;
     }
@@ -1254,9 +1250,9 @@ const ki = (e, t, n) => {
   }).catch(() => {
     n("next", o);
   });
-}, Ci = {
-  prepare: wi,
-  send: ki
+}, ki = {
+  prepare: bi,
+  send: xi
 };
 function Yr(e, t) {
   e.forEach((n) => {
@@ -1264,7 +1260,7 @@ function Yr(e, t) {
     r && (n.loaderCallbacks = r.filter((o) => o.id !== t));
   });
 }
-function Si(e) {
+function Ci(e) {
   e.pendingCallbacksFlag || (e.pendingCallbacksFlag = !0, setTimeout(() => {
     e.pendingCallbacksFlag = !1;
     const t = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];
@@ -1272,10 +1268,10 @@ function Si(e) {
     let n = !1;
     const r = e.provider, o = e.prefix;
     t.forEach((i) => {
-      const s = i.icons, l = s.pending.length;
-      s.pending = s.pending.filter((a) => {
-        if (a.prefix !== o) return !0;
-        const c = a.name;
+      const s = i.icons, a = s.pending.length;
+      s.pending = s.pending.filter((l) => {
+        if (l.prefix !== o) return !0;
+        const c = l.name;
         if (e.icons[c]) s.loaded.push({
           provider: r,
           prefix: o,
@@ -1289,13 +1285,13 @@ function Si(e) {
         else
           return n = !0, !0;
         return !1;
-      }), s.pending.length !== l && (n || Yr([e], i.id), i.callback(s.loaded.slice(0), s.missing.slice(0), s.pending.slice(0), i.abort));
+      }), s.pending.length !== a && (n || Yr([e], i.id), i.callback(s.loaded.slice(0), s.missing.slice(0), s.pending.slice(0), i.abort));
     });
   }));
 }
-let Ei = 0;
-function Ai(e, t, n) {
-  const r = Ei++, o = Yr.bind(null, n, r);
+let Si = 0;
+function Ei(e, t, n) {
+  const r = Si++, o = Yr.bind(null, n, r);
   if (!t.pending.length) return o;
   const i = {
     id: r,
@@ -1307,7 +1303,7 @@ function Ai(e, t, n) {
     (s.loaderCallbacks || (s.loaderCallbacks = [])).push(i);
   }), o;
 }
-function Di(e) {
+function Ai(e) {
   const t = {
     loaded: [],
     missing: [],
@@ -1322,25 +1318,25 @@ function Di(e) {
   return e.forEach((o) => {
     if (r.name === o.name && r.prefix === o.prefix && r.provider === o.provider) return;
     r = o;
-    const i = o.provider, s = o.prefix, l = o.name, a = n[i] || (n[i] = /* @__PURE__ */ Object.create(null)), c = a[s] || (a[s] = nt(i, s));
+    const i = o.provider, s = o.prefix, a = o.name, l = n[i] || (n[i] = /* @__PURE__ */ Object.create(null)), c = l[s] || (l[s] = nt(i, s));
     let u;
-    l in c.icons ? u = t.loaded : s === "" || c.missing.has(l) ? u = t.missing : u = t.pending;
+    a in c.icons ? u = t.loaded : s === "" || c.missing.has(a) ? u = t.missing : u = t.pending;
     const d = {
       provider: i,
       prefix: s,
-      name: l
+      name: a
     };
     u.push(d);
   }), t;
 }
-function Mi(e, t = !0, n = !1) {
+function Di(e, t = !0, n = !1) {
   const r = [];
   return e.forEach((o) => {
     const i = typeof o == "string" ? Gt(o, t, n) : o;
     i && r.push(i);
   }), r;
 }
-const Li = {
+const Mi = {
   resources: [],
   index: 0,
   timeout: 2e3,
@@ -1348,7 +1344,7 @@ const Li = {
   random: !1,
   dataAfterTimeout: !1
 };
-function Ri(e, t, n, r) {
+function Li(e, t, n, r) {
   const o = e.resources.length, i = e.random ? Math.floor(Math.random() * o) : e.index;
   let s;
   if (e.random) {
@@ -1359,14 +1355,14 @@ function Ri(e, t, n, r) {
     }
     s = s.concat(y);
   } else s = e.resources.slice(i).concat(e.resources.slice(0, i));
-  const l = Date.now();
-  let a = "pending", c = 0, u, d = null, h = [], g = [];
+  const a = Date.now();
+  let l = "pending", c = 0, u, d = null, h = [], g = [];
   typeof r == "function" && g.push(r);
   function x() {
     d && (clearTimeout(d), d = null);
   }
   function w() {
-    a === "pending" && (a = "aborted"), x(), h.forEach((y) => {
+    l === "pending" && (l = "aborted"), x(), h.forEach((y) => {
       y.status === "pending" && (y.status = "aborted");
     }), h = [];
   }
@@ -1375,9 +1371,9 @@ function Ri(e, t, n, r) {
   }
   function m() {
     return {
-      startTime: l,
+      startTime: a,
       payload: t,
-      status: a,
+      status: l,
       queriesSent: c,
       queriesPending: h.length,
       subscribe: p,
@@ -1385,7 +1381,7 @@ function Ri(e, t, n, r) {
     };
   }
   function E() {
-    a = "failed", g.forEach((y) => {
+    l = "failed", g.forEach((y) => {
       y(void 0, u);
     });
   }
@@ -1396,7 +1392,7 @@ function Ri(e, t, n, r) {
   }
   function M(y, S, v) {
     const L = S !== "success";
-    switch (h = h.filter((b) => b !== y), a) {
+    switch (h = h.filter((b) => b !== y), l) {
       case "pending":
         break;
       case "failed":
@@ -1417,18 +1413,18 @@ function Ri(e, t, n, r) {
       const b = e.resources.indexOf(y.resource);
       b !== -1 && b !== e.index && (e.index = b);
     }
-    a = "completed", g.forEach((b) => {
+    l = "completed", g.forEach((b) => {
       b(v);
     });
   }
   function T() {
-    if (a !== "pending") return;
+    if (l !== "pending") return;
     x();
     const y = s.shift();
     if (y === void 0) {
       if (h.length) {
         d = setTimeout(() => {
-          x(), a === "pending" && (A(), E());
+          x(), l === "pending" && (A(), E());
         }, e.timeout);
         return;
       }
@@ -1448,27 +1444,27 @@ function Ri(e, t, n, r) {
 }
 function Kr(e) {
   const t = {
-    ...Li,
+    ...Mi,
     ...e
   };
   let n = [];
   function r() {
-    n = n.filter((l) => l().status === "pending");
+    n = n.filter((a) => a().status === "pending");
   }
-  function o(l, a, c) {
-    const u = Ri(t, l, a, (d, h) => {
+  function o(a, l, c) {
+    const u = Li(t, a, l, (d, h) => {
       r(), c && c(d, h);
     });
     return n.push(u), u;
   }
-  function i(l) {
-    return n.find((a) => l(a)) || null;
+  function i(a) {
+    return n.find((l) => a(l)) || null;
   }
   return {
     query: o,
     find: i,
-    setIndex: (l) => {
-      t.index = l;
+    setIndex: (a) => {
+      t.index = a;
     },
     getIndex: () => t.index,
     cleanup: r
@@ -1476,46 +1472,46 @@ function Kr(e) {
 }
 function nr() {
 }
-const ln = /* @__PURE__ */ Object.create(null);
-function Ti(e) {
-  if (!ln[e]) {
+const an = /* @__PURE__ */ Object.create(null);
+function Ri(e) {
+  if (!an[e]) {
     const t = Pn(e);
     if (!t) return;
     const n = Kr(t), r = {
       config: t,
       redundancy: n
     };
-    ln[e] = r;
+    an[e] = r;
   }
-  return ln[e];
+  return an[e];
 }
-function Ii(e, t, n) {
+function Ti(e, t, n) {
   let r, o;
   if (typeof e == "string") {
     const i = xn(e);
     if (!i)
       return n(void 0, 424), nr;
     o = i.send;
-    const s = Ti(e);
+    const s = Ri(e);
     s && (r = s.redundancy);
   } else {
     const i = Fn(e);
     if (i) {
       r = Kr(i);
-      const s = e.resources ? e.resources[0] : "", l = xn(s);
-      l && (o = l.send);
+      const s = e.resources ? e.resources[0] : "", a = xn(s);
+      a && (o = a.send);
     }
   }
   return !r || !o ? (n(void 0, 424), nr) : r.query(t, o, n)().abort;
 }
 function rr() {
 }
-function Ni(e) {
+function Ii(e) {
   e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
-    e.iconsLoaderFlag = !1, Si(e);
+    e.iconsLoaderFlag = !1, Ci(e);
   }));
 }
-function zi(e) {
+function Ni(e) {
   const t = [], n = [];
   return e.forEach((r) => {
     (r.match($r) ? t : n).push(r);
@@ -1539,7 +1535,7 @@ function ft(e, t, n) {
   } catch (o) {
     console.error(o);
   }
-  r(), Ni(e);
+  r(), Ii(e);
 }
 function or(e, t) {
   e instanceof Promise ? e.then((n) => {
@@ -1548,7 +1544,7 @@ function or(e, t) {
     t(null);
   }) : t(e);
 }
-function Fi(e, t) {
+function zi(e, t) {
   e.iconsToLoad ? e.iconsToLoad = e.iconsToLoad.concat(t).sort() : e.iconsToLoad = t, e.iconsQueueFlag || (e.iconsQueueFlag = !0, setTimeout(() => {
     e.iconsQueueFlag = !1;
     const { provider: n, prefix: r } = e, o = e.iconsToLoad;
@@ -1573,47 +1569,47 @@ function Fi(e, t) {
       });
       return;
     }
-    const { valid: s, invalid: l } = zi(o);
-    if (l.length && ft(e, l, null), !s.length) return;
-    const a = r.match($r) ? xn(n) : null;
-    if (!a) {
+    const { valid: s, invalid: a } = Ni(o);
+    if (a.length && ft(e, a, null), !s.length) return;
+    const l = r.match($r) ? xn(n) : null;
+    if (!l) {
       ft(e, s, null);
       return;
     }
-    a.prepare(n, r, s).forEach((u) => {
-      Ii(n, u, (d) => {
+    l.prepare(n, r, s).forEach((u) => {
+      Ti(n, u, (d) => {
         ft(e, u.icons, d);
       });
     });
   }));
 }
 const Xr = (e, t) => {
-  const n = Mi(e, !0, Br()), r = Di(n);
+  const n = Di(e, !0, Br()), r = Ai(n);
   if (!r.pending.length) {
-    let a = !0;
+    let l = !0;
     return t && setTimeout(() => {
-      a && t(r.loaded, r.missing, r.pending, rr);
+      l && t(r.loaded, r.missing, r.pending, rr);
     }), () => {
-      a = !1;
+      l = !1;
     };
   }
   const o = /* @__PURE__ */ Object.create(null), i = [];
-  let s, l;
-  return r.pending.forEach((a) => {
-    const { provider: c, prefix: u } = a;
-    if (u === l && c === s) return;
-    s = c, l = u, i.push(nt(c, u));
+  let s, a;
+  return r.pending.forEach((l) => {
+    const { provider: c, prefix: u } = l;
+    if (u === a && c === s) return;
+    s = c, a = u, i.push(nt(c, u));
     const d = o[c] || (o[c] = /* @__PURE__ */ Object.create(null));
     d[u] || (d[u] = []);
-  }), r.pending.forEach((a) => {
-    const { provider: c, prefix: u, name: d } = a, h = nt(c, u), g = h.pendingIcons || (h.pendingIcons = /* @__PURE__ */ new Set());
+  }), r.pending.forEach((l) => {
+    const { provider: c, prefix: u, name: d } = l, h = nt(c, u), g = h.pendingIcons || (h.pendingIcons = /* @__PURE__ */ new Set());
     g.has(d) || (g.add(d), o[c][u].push(d));
-  }), i.forEach((a) => {
-    const c = o[a.provider][a.prefix];
-    c.length && Fi(a, c);
-  }), t ? Ai(t, r, i) : rr;
+  }), i.forEach((l) => {
+    const c = o[l.provider][l.prefix];
+    c.length && zi(l, c);
+  }), t ? Ei(t, r, i) : rr;
 };
-function Oi(e, t) {
+function Fi(e, t) {
   const n = { ...e };
   for (const r in t) {
     const o = t[r], i = typeof o;
@@ -1621,9 +1617,9 @@ function Oi(e, t) {
   }
   return n;
 }
-const Pi = /[\s,]+/;
-function ji(e, t) {
-  t.split(Pi).forEach((n) => {
+const Oi = /[\s,]+/;
+function Pi(e, t) {
+  t.split(Oi).forEach((n) => {
     switch (n.trim()) {
       case "horizontal":
         e.hFlip = !0;
@@ -1634,7 +1630,7 @@ function ji(e, t) {
     }
   });
 }
-function $i(e, t = 0) {
+function ji(e, t = 0) {
   const n = e.replace(/^-?[0-9.]*/, "");
   function r(o) {
     for (; o < 0; ) o += 4;
@@ -1659,40 +1655,40 @@ function $i(e, t = 0) {
   }
   return t;
 }
-function Bi(e, t) {
+function $i(e, t) {
   let n = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
   for (const r in t) n += " " + r + '="' + t[r] + '"';
   return '<svg xmlns="http://www.w3.org/2000/svg"' + n + ">" + e + "</svg>";
 }
-function Hi(e) {
+function Bi(e) {
   return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
 }
-function Ui(e) {
-  return "data:image/svg+xml," + Hi(e);
+function Hi(e) {
+  return "data:image/svg+xml," + Bi(e);
 }
-function Vi(e) {
-  return 'url("' + Ui(e) + '")';
+function Ui(e) {
+  return 'url("' + Hi(e) + '")';
 }
 let pt;
-function Gi() {
+function Vi() {
   try {
     pt = window.trustedTypes.createPolicy("iconify", { createHTML: (e) => e });
   } catch {
     pt = null;
   }
 }
-function Wi(e) {
-  return pt === void 0 && Gi(), pt ? pt.createHTML(e) : e;
+function Gi(e) {
+  return pt === void 0 && Vi(), pt ? pt.createHTML(e) : e;
 }
 const Jr = {
   ...Gr,
   inline: !1
-}, _i = {
+}, Wi = {
   xmlns: "http://www.w3.org/2000/svg",
   xmlnsXlink: "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, qi = {
+}, _i = {
   display: "inline-block"
 }, kn = {
   backgroundColor: "currentColor"
@@ -1712,16 +1708,16 @@ for (const e in sr) {
   for (const n in ir)
     t[e + n] = ir[n];
 }
-const Yi = {
+const qi = {
   ...Jr,
   inline: !0
 };
-function lr(e) {
+function ar(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
-const Ki = (e, t, n) => {
-  const r = t.inline ? Yi : Jr, o = Oi(r, t), i = t.mode || "svg", s = {}, l = t.style || {}, a = {
-    ...i === "svg" ? _i : {}
+const Yi = (e, t, n) => {
+  const r = t.inline ? qi : Jr, o = Fi(r, t), i = t.mode || "svg", s = {}, a = t.style || {}, l = {
+    ...i === "svg" ? Wi : {}
   };
   if (n) {
     const p = Gt(n, !1, !0);
@@ -1732,7 +1728,7 @@ const Ki = (e, t, n) => {
       ];
       for (const A of E)
         p[A] && m.push("iconify--" + p[A]);
-      a.className = m.join(" ");
+      l.className = m.join(" ");
     }
   }
   for (let p in t) {
@@ -1750,11 +1746,11 @@ const Ki = (e, t, n) => {
           break;
         // Forward ref
         case "_ref":
-          a.ref = m;
+          l.ref = m;
           break;
         // Merge class names
         case "className":
-          a[p] = (a[p] ? a[p] + " " : "") + m;
+          l[p] = (l[p] ? l[p] + " " : "") + m;
           break;
         // Boolean attributes
         case "inline":
@@ -1764,7 +1760,7 @@ const Ki = (e, t, n) => {
           break;
         // Flip as string: 'horizontal,vertical'
         case "flip":
-          typeof m == "string" && ji(o, m);
+          typeof m == "string" && Pi(o, m);
           break;
         // Color: copy to style
         case "color":
@@ -1772,46 +1768,46 @@ const Ki = (e, t, n) => {
           break;
         // Rotation as string
         case "rotate":
-          typeof m == "string" ? o[p] = $i(m) : typeof m == "number" && (o[p] = m);
+          typeof m == "string" ? o[p] = ji(m) : typeof m == "number" && (o[p] = m);
           break;
         // Remove aria-hidden
         case "ariaHidden":
         case "aria-hidden":
-          m !== !0 && m !== "true" && delete a["aria-hidden"];
+          m !== !0 && m !== "true" && delete l["aria-hidden"];
           break;
         // Copy missing property if it does not exist in customisations
         default:
-          r[p] === void 0 && (a[p] = m);
+          r[p] === void 0 && (l[p] = m);
       }
   }
   const c = Wr(e, o), u = c.attributes;
   if (o.inline && (s.verticalAlign = "-0.125em"), i === "svg") {
-    a.style = {
+    l.style = {
       ...s,
-      ...l
-    }, Object.assign(a, u);
+      ...a
+    }, Object.assign(l, u);
     let p = 0, m = t.id;
-    return typeof m == "string" && (m = m.replace(/-/g, "_")), a.dangerouslySetInnerHTML = {
-      __html: Wi(_r(c.body, m ? () => m + "ID" + p++ : "iconifyReact"))
-    }, mn("svg", a);
+    return typeof m == "string" && (m = m.replace(/-/g, "_")), l.dangerouslySetInnerHTML = {
+      __html: Gi(_r(c.body, m ? () => m + "ID" + p++ : "iconifyReact"))
+    }, mn("svg", l);
   }
-  const { body: d, width: h, height: g } = e, x = i === "mask" || (i === "bg" ? !1 : d.indexOf("currentColor") !== -1), w = Bi(d, {
+  const { body: d, width: h, height: g } = e, x = i === "mask" || (i === "bg" ? !1 : d.indexOf("currentColor") !== -1), w = $i(d, {
     ...u,
     width: h + "",
     height: g + ""
   });
-  return a.style = {
+  return l.style = {
     ...s,
-    "--svg": Vi(w),
-    width: lr(u.width),
-    height: lr(u.height),
-    ...qi,
+    "--svg": Ui(w),
+    width: ar(u.width),
+    height: ar(u.height),
+    ..._i,
     ...x ? kn : Qr,
-    ...l
-  }, mn("span", a);
+    ...a
+  }, mn("span", l);
 };
 Br(!0);
-mi("", Ci);
+gi("", ki);
 if (typeof document < "u" && typeof window < "u") {
   const e = window;
   if (e.IconifyPreload !== void 0) {
@@ -1864,14 +1860,14 @@ function Zr(e) {
       name: ""
     };
   }
-  const [s, l] = V(i(!!e.ssr));
-  function a() {
+  const [s, a] = V(i(!!e.ssr));
+  function l() {
     const g = r.callback;
     g && (g(), o({}));
   }
   function c(g) {
     if (JSON.stringify(s) !== JSON.stringify(g))
-      return a(), l(g), !0;
+      return l(), a(g), !0;
   }
   function u() {
     var g;
@@ -1895,11 +1891,11 @@ function Zr(e) {
         });
       } else w && ((g = e.onLoad) === null || g === void 0 || g.call(e, x));
   }
-  _(() => (n(!0), a), []), _(() => {
+  _(() => (n(!0), l), []), _(() => {
     t && u();
   }, [e.icon, t]);
   const { name: d, data: h } = s;
-  return h ? Ki({
+  return h ? Yi({
     ...zn,
     ...h
   }, e, d) : e.children ? e.children : e.fallback ? e.fallback : mn("span", {});
@@ -1913,7 +1909,7 @@ Tn((e, t) => Zr({
   ...e,
   _ref: t
 }));
-const Xi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ki = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Icon: B,
   addAPIProvider: qr,
@@ -1924,7 +1920,7 @@ const Xi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   loadIcons: Xr,
   replaceIDs: _r
 }, Symbol.toStringTag, { value: "Module" }));
-class Ji {
+class Xi {
   constructor() {
     this.isProtectedFlag = !1, this.timeout = null, this.timeoutDuration = 5e3;
   }
@@ -1960,15 +1956,15 @@ class Ji {
     return this.isProtectedFlag;
   }
 }
-const Qi = new Ji(), Zi = Rr({ prefix: "sc" });
+const Ji = new Xi(), Qi = Rr({ prefix: "sc" });
 function Le(...e) {
-  return Zi(Lr(e));
+  return Qi(Lr(e));
 }
 const eo = z.createContext({ variant: "transparent" });
-function es() {
+function Zi() {
   return z.useContext(eo);
 }
-const ts = Tr("", {
+const es = Tr("", {
   variants: {
     variant: {
       transparent: "sc:bg-transparent",
@@ -1981,12 +1977,12 @@ const ts = Tr("", {
   }
 }), to = z.forwardRef(
   ({ className: e, variant: t = "default", asChild: n = !1, children: r, ...o }, i) => {
-    const s = n ? Yo : "div";
-    return /* @__PURE__ */ f(eo.Provider, { value: { variant: t ?? "default" }, children: /* @__PURE__ */ f(s, { ref: i, className: Le(ts({ variant: t }), e), ...o, children: r }) });
+    const s = n ? Ko : "div";
+    return /* @__PURE__ */ f(eo.Provider, { value: { variant: t ?? "default" }, children: /* @__PURE__ */ f(s, { ref: i, className: Le(es({ variant: t }), e), ...o, children: r }) });
   }
 );
 to.displayName = "Surface";
-const ns = Tr(
+const ts = Tr(
   "sc:inline-flex sc:items-center sc:justify-center sc:gap-2 sc:rounded-button sc:text-sm sc:transition-colors sc:focus-visible:outline-none sc:disabled:pointer-events-none sc:disabled:opacity-50 sc:font-button",
   {
     variants: {
@@ -2032,8 +2028,8 @@ const ns = Tr(
     }
   }
 ), rt = z.forwardRef(
-  ({ className: e, variant: t, size: n, onPress: r, isPending: o, onClick: i, disabled: s, selected: l, children: a, ...c }, u) => {
-    const { variant: d } = es(), h = d === "default", g = d === "secondary", x = (p) => {
+  ({ className: e, variant: t, size: n, onPress: r, isPending: o, onClick: i, disabled: s, selected: a, children: l, ...c }, u) => {
+    const { variant: d } = Zi(), h = d === "default", g = d === "secondary", x = (p) => {
       r && r(p), i && i(p);
     }, w = {
       secondary: t === "secondary" && (g ? "sc:bg-[var(--color-default-on-surface)] sc:hover:bg-[var(--color-default-on-surface)]/80" : h ? "sc:dark:bg-[var(--color-default-on-surface)] sc:dark:hover:bg-[var(--color-default-on-surface)]/80" : !1),
@@ -2045,7 +2041,7 @@ const ns = Tr(
       "button",
       {
         className: Le(
-          ns({ variant: t, size: n }),
+          ts({ variant: t, size: n }),
           w.secondary,
           w.field,
           w.ghost,
@@ -2055,9 +2051,9 @@ const ns = Tr(
         ref: u,
         onClick: x,
         disabled: s || o,
-        "data-selected": l,
+        "data-selected": a,
         ...c,
-        children: a
+        children: l
       }
     );
   }
@@ -2076,27 +2072,27 @@ function ro({
   onOpenChange: n,
   children: r
 }) {
-  const [o, i] = z.useState(t), s = e !== void 0, l = s ? e : o, a = z.useCallback(
+  const [o, i] = z.useState(t), s = e !== void 0, a = s ? e : o, l = z.useCallback(
     (d) => {
       s || i(d), n == null || n(d);
     },
     [s, n]
   ), c = 10, u = z.useRef(!1);
   return z.useLayoutEffect(() => {
-    if (l) {
+    if (a) {
       u.current = !0, document.documentElement.setAttribute("data-drawer-open", "true");
       const d = setTimeout(() => {
         window.dispatchEvent(new CustomEvent("drawer-open"));
       }, c);
       return () => clearTimeout(d);
     } else u.current && (u.current = !1, document.documentElement.hasAttribute("data-drawer-open") && (document.documentElement.removeAttribute("data-drawer-open"), window.dispatchEvent(new CustomEvent("drawer-close"))));
-  }, [l]), /* @__PURE__ */ f(no.Provider, { value: { open: l, onOpenChange: a }, children: r });
+  }, [a]), /* @__PURE__ */ f(no.Provider, { value: { open: a, onOpenChange: l }, children: r });
 }
 ro.displayName = "Drawer";
-const rs = z.forwardRef(
+const ns = z.forwardRef(
   ({ asChild: e, onClick: t, children: n, ...r }, o) => {
-    const { onOpenChange: i } = jn(), s = (l) => {
-      t == null || t(l), i(!0);
+    const { onOpenChange: i } = jn(), s = (a) => {
+      t == null || t(a), i(!0);
     };
     return e && z.isValidElement(n) ? z.cloneElement(
       n,
@@ -2106,11 +2102,11 @@ const rs = z.forwardRef(
     ) : /* @__PURE__ */ f("button", { ref: o, onClick: s, ...r, children: n });
   }
 );
-rs.displayName = "DrawerTrigger";
-const os = z.forwardRef(
+ns.displayName = "DrawerTrigger";
+const rs = z.forwardRef(
   ({ asChild: e, onClick: t, children: n, ...r }, o) => {
-    const { onOpenChange: i } = jn(), s = (l) => {
-      t == null || t(l), i(!1);
+    const { onOpenChange: i } = jn(), s = (a) => {
+      t == null || t(a), i(!1);
     };
     return e && z.isValidElement(n) ? z.cloneElement(
       n,
@@ -2120,7 +2116,7 @@ const os = z.forwardRef(
     ) : /* @__PURE__ */ f("button", { ref: o, onClick: s, ...r, children: n });
   }
 );
-os.displayName = "DrawerClose";
+rs.displayName = "DrawerClose";
 const oo = z.forwardRef(
   ({
     className: e,
@@ -2130,8 +2126,8 @@ const oo = z.forwardRef(
     maxHeight: o = "80dvh",
     width: i,
     maxWidth: s = "400px",
-    showOverlay: l = !0,
-    hideHandle: a = !1,
+    showOverlay: a = !0,
+    hideHandle: l = !1,
     overlayOpacity: c = 0.3,
     lockBodyScroll: u = !0,
     useDialogRole: d = !0,
@@ -2143,7 +2139,7 @@ const oo = z.forwardRef(
     safeAreaPadding: m = !1,
     ...E
   }, A) => {
-    const { open: M, onOpenChange: T } = jn(), [y, S] = z.useState(!1), [v, L] = z.useState(0), [b, D] = z.useState(!1), [R, O] = z.useState(!1), [X, pe] = z.useState(!1), [J, re] = z.useState(!1), Y = z.useRef(null), ee = z.useRef(null), ge = z.useRef(0), we = z.useRef(0), [oe, ue] = z.useState(!1), [ze, Se] = z.useState(!1), ae = z.useRef(!1), Fe = z.useRef(!0), Q = z.useRef(null), se = 120;
+    const { open: M, onOpenChange: T } = jn(), [y, S] = z.useState(!1), [v, L] = z.useState(0), [b, D] = z.useState(!1), [R, O] = z.useState(!1), [X, pe] = z.useState(!1), [J, re] = z.useState(!1), Y = z.useRef(null), ee = z.useRef(null), ge = z.useRef(0), we = z.useRef(0), [oe, ue] = z.useState(!1), [ze, Se] = z.useState(!1), le = z.useRef(!1), Fe = z.useRef(!0), Q = z.useRef(null), se = 120;
     z.useEffect(() => {
       if (M) {
         const W = setTimeout(() => re(!0), se);
@@ -2168,17 +2164,17 @@ const oo = z.forwardRef(
       u && (document.body.style.overflow = "");
     }), [M, u]), z.useLayoutEffect(() => {
       if (!M) {
-        ae.current = !1, Fe.current = !0, ue(!1);
+        le.current = !1, Fe.current = !0, ue(!1);
         return;
       }
       const W = setTimeout(() => {
-        ae.current = !0, Fe.current = !1;
+        le.current = !0, Fe.current = !1;
       }, 200), fe = () => {
-        !ae.current || Fe.current || (Q.current && clearTimeout(Q.current), Se(!0), ue(!0), Q.current = setTimeout(() => {
+        !le.current || Fe.current || (Q.current && clearTimeout(Q.current), Se(!0), ue(!0), Q.current = setTimeout(() => {
           Se(!1), Q.current = null;
         }, 60));
       }, ye = () => {
-        ae.current && ue(!1);
+        le.current && ue(!1);
       };
       return window.addEventListener("drawer-open", fe), window.addEventListener("drawer-close", ye), () => {
         clearTimeout(W), Q.current && (clearTimeout(Q.current), Q.current = null), window.removeEventListener("drawer-open", fe), window.removeEventListener("drawer-close", ye);
@@ -2186,8 +2182,8 @@ const oo = z.forwardRef(
     }, [M]);
     const xe = oe ? 10 : 0, Ce = 50, Je = 10, ce = z.useRef(null), k = z.useCallback(
       (W, fe) => {
-        const ye = window.scrollY, Mt = W - ye, Qt = performance.now(), Lt = (lt) => {
-          const Rt = lt - Qt, Tt = Math.min(Rt / fe, 1), It = 1 - Math.pow(1 - Tt, 3);
+        const ye = window.scrollY, Mt = W - ye, Qt = performance.now(), Lt = (at) => {
+          const Rt = at - Qt, Tt = Math.min(Rt / fe, 1), It = 1 - Math.pow(1 - Tt, 3);
           window.scrollTo(0, ye + Mt * It), Tt < 1 && requestAnimationFrame(Lt);
         };
         requestAnimationFrame(Lt);
@@ -2212,7 +2208,7 @@ const oo = z.forwardRef(
         ce.current = null, document.body.style.overflow = "", window.scrollTo(0, W);
       }
     }, [M, b]);
-    const I = 300, F = 200, K = 250, P = 150, Z = K + P, le = 50, me = z.useCallback(() => {
+    const I = 300, F = 200, K = 250, P = 150, Z = K + P, ae = 50, me = z.useCallback(() => {
       setTimeout(() => {
         D(!0), setTimeout(() => {
           document.body.style.overflow = "";
@@ -2225,7 +2221,7 @@ const oo = z.forwardRef(
         }, K), setTimeout(() => {
           D(!1), O(!1), T(!1);
         }, Z);
-      }, le);
+      }, ae);
     }, [T]);
     z.useEffect(() => {
       const W = (fe) => {
@@ -2267,7 +2263,7 @@ const oo = z.forwardRef(
           },
           ...d ? { role: "dialog", "aria-modal": !0 } : {},
           children: [
-            l && /* @__PURE__ */ f(
+            a && /* @__PURE__ */ f(
               "div",
               {
                 onClick: me,
@@ -2355,10 +2351,10 @@ const oo = z.forwardRef(
                           onTouchEnd: Te,
                           className: Le(
                             "sc:cursor-grab sc:active:cursor-grabbing sc:flex-shrink-0",
-                            a && "sc:absolute sc:top-0 sc:left-0 sc:right-0 sc:h-8 sc:z-10"
+                            l && "sc:absolute sc:top-0 sc:left-0 sc:right-0 sc:h-8 sc:z-10"
                           ),
                           style: { touchAction: "none" },
-                          children: !a && /* @__PURE__ */ f("div", { className: "sc:flex sc:justify-center sc:pt-3 sc:pb-2", children: /* @__PURE__ */ f(
+                          children: !l && /* @__PURE__ */ f("div", { className: "sc:flex sc:justify-center sc:pt-3 sc:pb-2", children: /* @__PURE__ */ f(
                             "div",
                             {
                               className: "sc:h-1 sc:w-10 sc:rounded-full sc:bg-muted-foreground/30",
@@ -2436,7 +2432,7 @@ const so = z.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
   }
 ));
 so.displayName = "DrawerDescription";
-const is = tt.Provider, ss = tt.Root, Wt = tt.Trigger, Ct = z.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ f(tt.Portal, { children: /* @__PURE__ */ f(
+const os = tt.Provider, is = tt.Root, Wt = tt.Trigger, Ct = z.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ f(tt.Portal, { children: /* @__PURE__ */ f(
   tt.Content,
   {
     ref: r,
@@ -2451,14 +2447,14 @@ const is = tt.Provider, ss = tt.Root, Wt = tt.Trigger, Ct = z.forwardRef(({ clas
   }
 ) }));
 Ct.displayName = tt.Content.displayName;
-const ls = ({ children: e, delayDuration: t, delay: n, ...r }) => /* @__PURE__ */ f(is, { children: /* @__PURE__ */ f(ss, { delayDuration: n ?? t ?? 200, ...r, children: e }) }), $n = Object.assign(ls, {
+const ss = ({ children: e, delayDuration: t, delay: n, ...r }) => /* @__PURE__ */ f(os, { children: /* @__PURE__ */ f(is, { delayDuration: n ?? t ?? 200, ...r, children: e }) }), $n = Object.assign(ss, {
   Trigger: Wt,
   Content: Ct
 }), as = Rr({ prefix: "sc" });
 function Cn(...e) {
   return as(Lr(e));
 }
-const cs = {
+const ls = {
   "gravity-ui": 1.2,
   // Thinner strokes need +20% (20px → 24px)
   lucide: 1,
@@ -2476,11 +2472,11 @@ const cs = {
   // Filled variants are heavy
   "simple-icons": 0.95,
   "eos-icons": 1
-}, ds = 1, us = {
+}, cs = 1, ds = {
   "gravity-ui:arrow-rotate-left": { x: 4, y: 4 },
   "gravity-ui:arrow-rotate-right": { x: -4, y: 4 },
   "gravity-ui:sparkles": { x: 2, y: -2 }
-}, fs = {
+}, us = {
   xs: 12,
   sm: 16,
   md: 20,
@@ -2488,40 +2484,40 @@ const cs = {
   xl: 32,
   toolbar: { mobile: 24, desktop: 20 }
 };
-function hs(e) {
+function fs(e) {
   const t = e.indexOf(":");
   return t === -1 ? "" : e.substring(0, t);
 }
-function ps(e) {
-  return cs[e] ?? ds;
+function hs(e) {
+  return ls[e] ?? cs;
 }
-function gs(e) {
-  return us[e] ?? null;
+function ps(e) {
+  return ds[e] ?? null;
 }
-function an(e, t) {
-  const n = ps(t);
+function ln(e, t) {
+  const n = hs(t);
   return Math.round(e * n);
 }
-const lo = ({
+const ao = ({
   icon: e,
   size: t = "md",
   className: n
 }) => {
-  const r = hs(e), o = fs[t], i = gs(e);
+  const r = fs(e), o = us[t], i = ps(e);
   if (typeof o == "object") {
-    const a = an(o.mobile, r), c = an(o.desktop, r), u = i ? {
-      x: i.x * a / 20,
-      y: i.y * a / 20
+    const l = ln(o.mobile, r), c = ln(o.desktop, r), u = i ? {
+      x: i.x * l / 20,
+      y: i.y * l / 20
     } : null;
     return /* @__PURE__ */ f(
       "span",
       {
         className: Cn("sc-normalized-icon-responsive sc:inline-flex", n),
         style: {
-          "--icon-size-mobile": `${a}px`,
+          "--icon-size-mobile": `${l}px`,
           "--icon-size-desktop": `${c}px`,
-          width: `${a}px`,
-          height: `${a}px`
+          width: `${l}px`,
+          height: `${l}px`
         },
         children: /* @__PURE__ */ f(
           B,
@@ -2535,7 +2531,7 @@ const lo = ({
       }
     );
   }
-  const s = an(o, r), l = i ? {
+  const s = ln(o, r), a = i ? {
     x: i.x * s / 20,
     y: i.y * s / 20
   } : null;
@@ -2550,13 +2546,13 @@ const lo = ({
           icon: e,
           width: "100%",
           height: "100%",
-          style: l ? { transform: `translate(${l.x}px, ${l.y}px)` } : void 0
+          style: a ? { transform: `translate(${a.x}px, ${a.y}px)` } : void 0
         }
       )
     }
   );
 };
-lo.displayName = "NormalizedIcon";
+ao.displayName = "NormalizedIcon";
 const Sn = te.forwardRef(
   ({
     icon: e,
@@ -2566,8 +2562,8 @@ const Sn = te.forwardRef(
     tooltipDelay: o = 300,
     tooltipDisabled: i = !1,
     "aria-label": s,
-    disabled: l = !1,
-    className: a,
+    disabled: a = !1,
+    className: l,
     onMouseLeave: c
   }, u) => {
     const d = /* @__PURE__ */ f(
@@ -2577,13 +2573,13 @@ const Sn = te.forwardRef(
         variant: "ghost",
         size: "toolbar",
         onClick: t,
-        disabled: l,
+        disabled: a,
         "aria-label": s || r,
         "aria-pressed": n,
         "data-active": n,
         onMouseLeave: c,
-        className: Cn(a),
-        children: typeof e == "string" ? /* @__PURE__ */ f(lo, { icon: e, size: "toolbar" }) : e
+        className: Cn(l),
+        children: typeof e == "string" ? /* @__PURE__ */ f(ao, { icon: e, size: "toolbar" }) : e
       }
     );
     return !r || i ? d : /* @__PURE__ */ j($n, { delay: o, children: [
@@ -2651,14 +2647,14 @@ const U = {
   alertCircle: "lucide:alert-circle",
   // Special purpose
   wand: "lucide:wand-2"
-}, cn = ot("useArtboards"), ms = () => {
+}, cn = ot("useArtboards"), gs = () => {
   const {
     artboards: e,
     artboardManager: t,
     refreshArtboards: n,
     setSelectedId: r,
     setMultiSelection: o
-  } = In(), i = t.getActiveArtboardId(), s = t.getActiveArtboard(), l = q(() => e.map((p) => {
+  } = In(), i = t.getActiveArtboardId(), s = t.getActiveArtboard(), a = q(() => e.map((p) => {
     const E = t.getElementsOnArtboard(p.id).length;
     return {
       id: p.id,
@@ -2672,7 +2668,7 @@ const U = {
       isActive: p.id === i,
       elementCount: E
     };
-  }), [e, t, i]), a = q(() => {
+  }), [e, t, i]), l = q(() => {
     if (!s) return null;
     const m = t.getElementsOnArtboard(s.id).length;
     return {
@@ -2730,10 +2726,10 @@ const U = {
   }, [e, t, n]);
   return {
     artboards: e,
-    artboardsInfo: l,
+    artboardsInfo: a,
     activeArtboard: s,
     activeArtboardId: i,
-    activeArtboardInfo: a,
+    activeArtboardInfo: l,
     createArtboard: c,
     deleteArtboard: u,
     duplicateArtboard: d,
@@ -2765,11 +2761,11 @@ function Hn(e) {
 function St(e) {
   return it(e) ? !1 : e instanceof ke(e).HTMLElement;
 }
-function ao(e) {
+function lo(e) {
   return e instanceof ke(e).SVGElement;
 }
 function st(e) {
-  return e ? it(e) ? e.document : Bn(e) ? Hn(e) ? e : St(e) || ao(e) ? e.ownerDocument : document : document : document;
+  return e ? it(e) ? e.document : Bn(e) ? Hn(e) ? e : St(e) || lo(e) ? e.ownerDocument : document : document : document;
 }
 const Ue = _t ? Ar : _;
 function qt(e) {
@@ -2782,7 +2778,7 @@ function qt(e) {
     return t.current == null ? void 0 : t.current(...r);
   }, []);
 }
-function vs() {
+function ms() {
   const e = G(null), t = N((r, o) => {
     e.current = setInterval(r, o);
   }, []), n = N(() => {
@@ -2838,10 +2834,10 @@ function co(e) {
     for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), o = 1; o < n; o++)
       r[o - 1] = arguments[o];
     return r.reduce((i, s) => {
-      const l = Object.entries(s);
-      for (const [a, c] of l) {
-        const u = i[a];
-        u != null && (i[a] = u + e * c);
+      const a = Object.entries(s);
+      for (const [l, c] of a) {
+        const u = i[l];
+        u != null && (i[l] = u + e * c);
       }
       return i;
     }, {
@@ -2850,7 +2846,7 @@ function co(e) {
   };
 }
 const et = /* @__PURE__ */ co(1), wt = /* @__PURE__ */ co(-1);
-function ys(e) {
+function vs(e) {
   return "clientX" in e && "clientY" in e;
 }
 function Un(e) {
@@ -2861,7 +2857,7 @@ function Un(e) {
   } = ke(e.target);
   return t && e instanceof t;
 }
-function bs(e) {
+function ys(e) {
   if (!e)
     return !1;
   const {
@@ -2870,7 +2866,7 @@ function bs(e) {
   return t && e instanceof t;
 }
 function Bt(e) {
-  if (bs(e)) {
+  if (ys(e)) {
     if (e.touches && e.touches.length) {
       const {
         clientX: t,
@@ -2891,7 +2887,7 @@ function Bt(e) {
       };
     }
   }
-  return ys(e) ? {
+  return vs(e) ? {
     x: e.clientX,
     y: e.clientY
   } : null;
@@ -2935,24 +2931,24 @@ const xt = /* @__PURE__ */ Object.freeze({
       return t + " " + n + "ms " + r;
     }
   }
-}), ar = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
-function ws(e) {
-  return e.matches(ar) ? e : e.querySelector(ar);
+}), lr = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
+function bs(e) {
+  return e.matches(lr) ? e : e.querySelector(lr);
 }
-const xs = {
+const ws = {
   display: "none"
 };
-function ks(e) {
+function xs(e) {
   let {
     id: t,
     value: n
   } = e;
   return te.createElement("div", {
     id: t,
-    style: xs
+    style: ws
   }, n);
 }
-function Cs(e) {
+function ks(e) {
   let {
     id: t,
     announcement: n,
@@ -2980,7 +2976,7 @@ function Cs(e) {
     "aria-atomic": !0
   }, n);
 }
-function Ss() {
+function Cs() {
   const [e, t] = V("");
   return {
     announce: N((r) => {
@@ -2990,7 +2986,7 @@ function Ss() {
   };
 }
 const uo = /* @__PURE__ */ Xe(null);
-function Es(e) {
+function Ss(e) {
   const t = He(uo);
   _(() => {
     if (!t)
@@ -2998,7 +2994,7 @@ function Es(e) {
     return t(e);
   }, [e, t]);
 }
-function As() {
+function Es() {
   const [e] = V(() => /* @__PURE__ */ new Set()), t = N((r) => (e.add(r), () => e.delete(r)), [e]);
   return [N((r) => {
     let {
@@ -3006,18 +3002,18 @@ function As() {
       event: i
     } = r;
     e.forEach((s) => {
-      var l;
-      return (l = s[o]) == null ? void 0 : l.call(s, i);
+      var a;
+      return (a = s[o]) == null ? void 0 : a.call(s, i);
     });
   }, [e]), t];
 }
-const Ds = {
+const As = {
   draggable: `
     To pick up a draggable item, press the space bar.
     While dragging, use the arrow keys to move the item.
     Press space again to drop the item in its new position, or press escape to cancel.
   `
-}, Ms = {
+}, Ds = {
   onDragStart(e) {
     let {
       active: t
@@ -3045,20 +3041,20 @@ const Ds = {
     return "Dragging was cancelled. Draggable item " + t.id + " was dropped.";
   }
 };
-function Ls(e) {
+function Ms(e) {
   let {
-    announcements: t = Ms,
+    announcements: t = Ds,
     container: n,
     hiddenTextDescribedById: r,
-    screenReaderInstructions: o = Ds
+    screenReaderInstructions: o = As
   } = e;
   const {
     announce: i,
     announcement: s
-  } = Ss(), l = Yt("DndLiveRegion"), [a, c] = V(!1);
+  } = Cs(), a = Yt("DndLiveRegion"), [l, c] = V(!1);
   if (_(() => {
     c(!0);
-  }, []), Es(q(() => ({
+  }, []), Ss(q(() => ({
     onDragStart(d) {
       let {
         active: h
@@ -3107,13 +3103,13 @@ function Ls(e) {
         over: g
       }));
     }
-  }), [i, t])), !a)
+  }), [i, t])), !l)
     return null;
-  const u = te.createElement(te.Fragment, null, te.createElement(ks, {
+  const u = te.createElement(te.Fragment, null, te.createElement(xs, {
     id: r,
     value: o.draggable
-  }), te.createElement(Cs, {
-    id: l,
+  }), te.createElement(ks, {
+    id: a,
     announcement: s
   }));
   return n ? Nn(u, n) : u;
@@ -3134,7 +3130,7 @@ function cr(e, t) {
     [e, t]
   );
 }
-function Rs() {
+function Ls() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
   return q(
@@ -3150,7 +3146,7 @@ const Ne = /* @__PURE__ */ Object.freeze({
 function Vn(e, t) {
   return Math.sqrt(Math.pow(e.x - t.x, 2) + Math.pow(e.y - t.y, 2));
 }
-function Ts(e, t) {
+function Rs(e, t) {
   const n = Bt(e);
   if (!n)
     return "0 0";
@@ -3172,7 +3168,7 @@ function Gn(e, t) {
   } = t;
   return n - r;
 }
-function Is(e, t) {
+function Ts(e, t) {
   let {
     data: {
       value: n
@@ -3217,7 +3213,7 @@ function dr(e, t, n) {
     y: n + e.height * 0.5
   };
 }
-const Ns = (e) => {
+const Is = (e) => {
   let {
     collisionRect: t,
     droppableRects: n,
@@ -3226,12 +3222,12 @@ const Ns = (e) => {
   const o = dr(t, t.left, t.top), i = [];
   for (const s of r) {
     const {
-      id: l
-    } = s, a = n.get(l);
-    if (a) {
-      const c = Vn(dr(a), o);
+      id: a
+    } = s, l = n.get(a);
+    if (l) {
+      const c = Vn(dr(l), o);
       i.push({
-        id: l,
+        id: a,
         data: {
           droppableContainer: s,
           value: c
@@ -3240,7 +3236,7 @@ const Ns = (e) => {
     }
   }
   return i.sort(Gn);
-}, zs = (e) => {
+}, Ns = (e) => {
   let {
     collisionRect: t,
     droppableRects: n,
@@ -3249,12 +3245,12 @@ const Ns = (e) => {
   const o = En(t), i = [];
   for (const s of r) {
     const {
-      id: l
-    } = s, a = n.get(l);
-    if (a) {
-      const c = En(a), u = o.reduce((h, g, x) => h + Vn(c[x], g), 0), d = Number((u / 4).toFixed(4));
+      id: a
+    } = s, l = n.get(a);
+    if (l) {
+      const c = En(l), u = o.reduce((h, g, x) => h + Vn(c[x], g), 0), d = Number((u / 4).toFixed(4));
       i.push({
-        id: l,
+        id: a,
         data: {
           droppableContainer: s,
           value: d
@@ -3264,15 +3260,15 @@ const Ns = (e) => {
   }
   return i.sort(Gn);
 };
-function Fs(e, t) {
-  const n = Math.max(t.top, e.top), r = Math.max(t.left, e.left), o = Math.min(t.left + t.width, e.left + e.width), i = Math.min(t.top + t.height, e.top + e.height), s = o - r, l = i - n;
+function zs(e, t) {
+  const n = Math.max(t.top, e.top), r = Math.max(t.left, e.left), o = Math.min(t.left + t.width, e.left + e.width), i = Math.min(t.top + t.height, e.top + e.height), s = o - r, a = i - n;
   if (r < o && n < i) {
-    const a = t.width * t.height, c = e.width * e.height, u = s * l, d = u / (a + c - u);
+    const l = t.width * t.height, c = e.width * e.height, u = s * a, d = u / (l + c - u);
     return Number(d.toFixed(4));
   }
   return 0;
 }
-const Os = (e) => {
+const Fs = (e) => {
   let {
     collisionRect: t,
     droppableRects: n,
@@ -3282,21 +3278,21 @@ const Os = (e) => {
   for (const i of r) {
     const {
       id: s
-    } = i, l = n.get(s);
-    if (l) {
-      const a = Fs(l, t);
-      a > 0 && o.push({
+    } = i, a = n.get(s);
+    if (a) {
+      const l = zs(a, t);
+      l > 0 && o.push({
         id: s,
         data: {
           droppableContainer: i,
-          value: a
+          value: l
         }
       });
     }
   }
-  return o.sort(Is);
+  return o.sort(Ts);
 };
-function Ps(e, t) {
+function Os(e, t) {
   const {
     top: n,
     left: r,
@@ -3305,7 +3301,7 @@ function Ps(e, t) {
   } = t;
   return n <= e.y && e.y <= o && r <= e.x && e.x <= i;
 }
-const js = (e) => {
+const Ps = (e) => {
   let {
     droppableContainers: t,
     droppableRects: n,
@@ -3317,9 +3313,9 @@ const js = (e) => {
   for (const i of t) {
     const {
       id: s
-    } = i, l = n.get(s);
-    if (l && Ps(r, l)) {
-      const c = En(l).reduce((d, h) => d + Vn(r, h), 0), u = Number((c / 4).toFixed(4));
+    } = i, a = n.get(s);
+    if (a && Os(r, a)) {
+      const c = En(a).reduce((d, h) => d + Vn(r, h), 0), u = Number((c / 4).toFixed(4));
       o.push({
         id: s,
         data: {
@@ -3331,7 +3327,7 @@ const js = (e) => {
   }
   return o.sort(Gn);
 };
-function $s(e, t, n) {
+function js(e, t, n) {
   return {
     ...e,
     scaleX: t && n ? t.width / n.width : 1,
@@ -3344,22 +3340,22 @@ function ho(e, t) {
     y: e.top - t.top
   } : Ne;
 }
-function Bs(e) {
+function $s(e) {
   return function(n) {
     for (var r = arguments.length, o = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
       o[i - 1] = arguments[i];
-    return o.reduce((s, l) => ({
+    return o.reduce((s, a) => ({
       ...s,
-      top: s.top + e * l.y,
-      bottom: s.bottom + e * l.y,
-      left: s.left + e * l.x,
-      right: s.right + e * l.x
+      top: s.top + e * a.y,
+      bottom: s.bottom + e * a.y,
+      left: s.left + e * a.x,
+      right: s.right + e * a.x
     }), {
       ...n
     });
   };
 }
-const Hs = /* @__PURE__ */ Bs(1);
+const Bs = /* @__PURE__ */ $s(1);
 function po(e) {
   if (e.startsWith("matrix3d(")) {
     const t = e.slice(9, -1).split(/, /);
@@ -3380,7 +3376,7 @@ function po(e) {
   }
   return null;
 }
-function Us(e, t, n) {
+function Hs(e, t, n) {
   const r = po(t);
   if (!r)
     return e;
@@ -3388,45 +3384,45 @@ function Us(e, t, n) {
     scaleX: o,
     scaleY: i,
     x: s,
-    y: l
-  } = r, a = e.left - s - (1 - o) * parseFloat(n), c = e.top - l - (1 - i) * parseFloat(n.slice(n.indexOf(" ") + 1)), u = o ? e.width / o : e.width, d = i ? e.height / i : e.height;
+    y: a
+  } = r, l = e.left - s - (1 - o) * parseFloat(n), c = e.top - a - (1 - i) * parseFloat(n.slice(n.indexOf(" ") + 1)), u = o ? e.width / o : e.width, d = i ? e.height / i : e.height;
   return {
     width: u,
     height: d,
     top: c,
-    right: a + u,
+    right: l + u,
     bottom: c + d,
-    left: a
+    left: l
   };
 }
-const Vs = {
+const Us = {
   ignoreTransform: !1
 };
 function At(e, t) {
-  t === void 0 && (t = Vs);
+  t === void 0 && (t = Us);
   let n = e.getBoundingClientRect();
   if (t.ignoreTransform) {
     const {
       transform: c,
       transformOrigin: u
     } = ke(e).getComputedStyle(e);
-    c && (n = Us(n, c, u));
+    c && (n = Hs(n, c, u));
   }
   const {
     top: r,
     left: o,
     width: i,
     height: s,
-    bottom: l,
-    right: a
+    bottom: a,
+    right: l
   } = n;
   return {
     top: r,
     left: o,
     width: i,
     height: s,
-    bottom: l,
-    right: a
+    bottom: a,
+    right: l
   };
 }
 function ur(e) {
@@ -3434,7 +3430,7 @@ function ur(e) {
     ignoreTransform: !0
   });
 }
-function Gs(e) {
+function Vs(e) {
   const t = e.innerWidth, n = e.innerHeight;
   return {
     top: 0,
@@ -3445,10 +3441,10 @@ function Gs(e) {
     height: n
   };
 }
-function Ws(e, t) {
+function Gs(e, t) {
   return t === void 0 && (t = ke(e).getComputedStyle(e)), t.position === "fixed";
 }
-function _s(e, t) {
+function Ws(e, t) {
   t === void 0 && (t = ke(e).getComputedStyle(e));
   const n = /(auto|scroll|overlay)/;
   return ["overflow", "overflowX", "overflowY"].some((o) => {
@@ -3463,10 +3459,10 @@ function Kt(e, t) {
       return n;
     if (Hn(o) && o.scrollingElement != null && !n.includes(o.scrollingElement))
       return n.push(o.scrollingElement), n;
-    if (!St(o) || ao(o) || n.includes(o))
+    if (!St(o) || lo(o) || n.includes(o))
       return n;
     const i = ke(e).getComputedStyle(o);
-    return o !== e && _s(o, i) && n.push(o), Ws(o, i) ? n : r(o.parentNode);
+    return o !== e && Ws(o, i) && n.push(o), Gs(o, i) ? n : r(o.parentNode);
   }
   return e ? r(e) : n;
 }
@@ -3509,28 +3505,28 @@ function bo(e) {
   }, r = {
     x: e.scrollWidth - n.width,
     y: e.scrollHeight - n.height
-  }, o = e.scrollTop <= t.y, i = e.scrollLeft <= t.x, s = e.scrollTop >= r.y, l = e.scrollLeft >= r.x;
+  }, o = e.scrollTop <= t.y, i = e.scrollLeft <= t.x, s = e.scrollTop >= r.y, a = e.scrollLeft >= r.x;
   return {
     isTop: o,
     isLeft: i,
     isBottom: s,
-    isRight: l,
+    isRight: a,
     maxScroll: r,
     minScroll: t
   };
 }
-const qs = {
+const _s = {
   x: 0.2,
   y: 0.2
 };
-function Ys(e, t, n, r, o) {
+function qs(e, t, n, r, o) {
   let {
     top: i,
     left: s,
-    right: l,
-    bottom: a
+    right: a,
+    bottom: l
   } = n;
-  r === void 0 && (r = 10), o === void 0 && (o = qs);
+  r === void 0 && (r = 10), o === void 0 && (o = _s);
   const {
     isTop: c,
     isBottom: u,
@@ -3546,12 +3542,12 @@ function Ys(e, t, n, r, o) {
     height: t.height * o.y,
     width: t.width * o.x
   };
-  return !c && i <= t.top + w.height ? (g.y = he.Backward, x.y = r * Math.abs((t.top + w.height - i) / w.height)) : !u && a >= t.bottom - w.height && (g.y = he.Forward, x.y = r * Math.abs((t.bottom - w.height - a) / w.height)), !h && l >= t.right - w.width ? (g.x = he.Forward, x.x = r * Math.abs((t.right - w.width - l) / w.width)) : !d && s <= t.left + w.width && (g.x = he.Backward, x.x = r * Math.abs((t.left + w.width - s) / w.width)), {
+  return !c && i <= t.top + w.height ? (g.y = he.Backward, x.y = r * Math.abs((t.top + w.height - i) / w.height)) : !u && l >= t.bottom - w.height && (g.y = he.Forward, x.y = r * Math.abs((t.bottom - w.height - l) / w.height)), !h && a >= t.right - w.width ? (g.x = he.Forward, x.x = r * Math.abs((t.right - w.width - a) / w.width)) : !d && s <= t.left + w.width && (g.x = he.Backward, x.x = r * Math.abs((t.left + w.width - s) / w.width)), {
     direction: g,
     speed: x
   };
 }
-function Ks(e) {
+function Ys(e) {
   if (e === document.scrollingElement) {
     const {
       innerWidth: i,
@@ -3584,10 +3580,10 @@ function Ks(e) {
 function wo(e) {
   return e.reduce((t, n) => et(t, An(n)), Ne);
 }
-function Xs(e) {
+function Ks(e) {
   return e.reduce((t, n) => t + mo(n), 0);
 }
-function Js(e) {
+function Xs(e) {
   return e.reduce((t, n) => t + vo(n), 0);
 }
 function xo(e, t) {
@@ -3604,7 +3600,7 @@ function xo(e, t) {
     inline: "center"
   });
 }
-const Qs = [["x", ["left", "right"], Xs], ["y", ["top", "bottom"], Js]];
+const Js = [["x", ["left", "right"], Ks], ["y", ["top", "bottom"], Xs]];
 class Wn {
   constructor(t, n) {
     this.rect = void 0, this.width = void 0, this.height = void 0, this.top = void 0, this.bottom = void 0, this.right = void 0, this.left = void 0;
@@ -3612,12 +3608,12 @@ class Wn {
     this.rect = {
       ...t
     }, this.width = t.width, this.height = t.height;
-    for (const [i, s, l] of Qs)
-      for (const a of s)
-        Object.defineProperty(this, a, {
+    for (const [i, s, a] of Js)
+      for (const l of s)
+        Object.defineProperty(this, l, {
           get: () => {
-            const c = l(r), u = o[i] - c;
-            return this.rect[a] + u;
+            const c = a(r), u = o[i] - c;
+            return this.rect[l] + u;
           },
           enumerable: !0
         });
@@ -3640,7 +3636,7 @@ class gt {
     (o = this.target) == null || o.addEventListener(t, n, r), this.listeners.push([t, n, r]);
   }
 }
-function Zs(e) {
+function Qs(e) {
   const {
     EventTarget: t
   } = ke(e);
@@ -3657,7 +3653,7 @@ var Re;
 function fr(e) {
   e.preventDefault();
 }
-function el(e) {
+function Zs(e) {
   e.stopPropagation();
 }
 var H;
@@ -3668,7 +3664,7 @@ const ko = {
   start: [H.Space, H.Enter],
   cancel: [H.Esc],
   end: [H.Space, H.Enter, H.Tab]
-}, tl = (e, t) => {
+}, ea = (e, t) => {
   let {
     currentCoordinates: n
   } = t;
@@ -3723,16 +3719,16 @@ class _n {
         options: o
       } = this.props, {
         keyboardCodes: i = ko,
-        coordinateGetter: s = tl,
-        scrollBehavior: l = "smooth"
+        coordinateGetter: s = ea,
+        scrollBehavior: a = "smooth"
       } = o, {
-        code: a
+        code: l
       } = t;
-      if (i.end.includes(a)) {
+      if (i.end.includes(l)) {
         this.handleEnd(t);
         return;
       }
-      if (i.cancel.includes(a)) {
+      if (i.cancel.includes(l)) {
         this.handleCancel(t);
         return;
       }
@@ -3763,7 +3759,7 @@ class _n {
             isBottom: M,
             maxScroll: T,
             minScroll: y
-          } = bo(w), S = Ks(w), v = {
+          } = bo(w), S = Ys(w), v = {
             x: Math.min(p === H.Right ? S.right - S.width / 2 : S.right, Math.max(p === H.Right ? S.left : S.left + S.width / 2, d.x)),
             y: Math.min(p === H.Down ? S.bottom - S.height / 2 : S.bottom, Math.max(p === H.Down ? S.top : S.top + S.height / 2, d.y))
           }, L = p === H.Right && !E || p === H.Left && !A, b = p === H.Down && !M || p === H.Up && !m;
@@ -3772,13 +3768,13 @@ class _n {
             if (R && !h.y) {
               w.scrollTo({
                 left: D,
-                behavior: l
+                behavior: a
               });
               return;
             }
             R ? g.x = w.scrollLeft - D : g.x = p === H.Right ? w.scrollLeft - T.x : w.scrollLeft - y.x, g.x && w.scrollBy({
               left: -g.x,
-              behavior: l
+              behavior: a
             });
             break;
           } else if (b && v.y !== d.y) {
@@ -3786,13 +3782,13 @@ class _n {
             if (R && !h.x) {
               w.scrollTo({
                 top: D,
-                behavior: l
+                behavior: a
               });
               return;
             }
             R ? g.y = w.scrollTop - D : g.y = p === H.Down ? w.scrollTop - T.y : w.scrollTop - y.y, g.y && w.scrollBy({
               top: -g.y,
-              behavior: l
+              behavior: a
             });
             break;
           }
@@ -3836,8 +3832,8 @@ _n.activators = [{
       code: s
     } = e.nativeEvent;
     if (r.start.includes(s)) {
-      const l = i.activatorNode.current;
-      return l && e.target !== l ? !1 : (e.preventDefault(), o == null || o({
+      const a = i.activatorNode.current;
+      return a && e.target !== a ? !1 : (e.preventDefault(), o == null || o({
         event: e.nativeEvent
       }), !0);
     }
@@ -3853,7 +3849,7 @@ function pr(e) {
 class qn {
   constructor(t, n, r) {
     var o;
-    r === void 0 && (r = Zs(t.event.target)), this.props = void 0, this.events = void 0, this.autoScrollEnabled = !0, this.document = void 0, this.activated = !1, this.initialCoordinates = void 0, this.timeoutId = null, this.listeners = void 0, this.documentListeners = void 0, this.windowListeners = void 0, this.props = t, this.events = n;
+    r === void 0 && (r = Qs(t.event.target)), this.props = void 0, this.events = void 0, this.autoScrollEnabled = !0, this.document = void 0, this.activated = !1, this.initialCoordinates = void 0, this.timeoutId = null, this.listeners = void 0, this.documentListeners = void 0, this.windowListeners = void 0, this.props = t, this.events = n;
     const {
       event: i
     } = t, {
@@ -3907,7 +3903,7 @@ class qn {
     } = this, {
       onStart: n
     } = this.props;
-    t && (this.activated = !0, this.documentListeners.add(Re.Click, el, {
+    t && (this.activated = !0, this.documentListeners.add(Re.Click, Zs, {
       capture: !0
     }), this.removeTextSelection(), this.documentListeners.add(Re.SelectionChange, this.removeTextSelection), n(t));
   }
@@ -3920,25 +3916,25 @@ class qn {
     } = this, {
       onMove: s,
       options: {
-        activationConstraint: l
+        activationConstraint: a
       }
     } = i;
     if (!o)
       return;
-    const a = (n = Bt(t)) != null ? n : Ne, c = wt(o, a);
-    if (!r && l) {
-      if (hr(l)) {
-        if (l.tolerance != null && fn(c, l.tolerance))
+    const l = (n = Bt(t)) != null ? n : Ne, c = wt(o, l);
+    if (!r && a) {
+      if (hr(a)) {
+        if (a.tolerance != null && fn(c, a.tolerance))
           return this.handleCancel();
-        if (fn(c, l.distance))
+        if (fn(c, a.distance))
           return this.handleStart();
       }
-      if (pr(l) && fn(c, l.tolerance))
+      if (pr(a) && fn(c, a.tolerance))
         return this.handleCancel();
-      this.handlePending(l, c);
+      this.handlePending(a, c);
       return;
     }
-    t.cancelable && t.preventDefault(), s(a);
+    t.cancelable && t.preventDefault(), s(l);
   }
   handleEnd() {
     const {
@@ -3962,7 +3958,7 @@ class qn {
     (t = this.document.getSelection()) == null || t.removeAllRanges();
   }
 }
-const nl = {
+const ta = {
   cancel: {
     name: "pointercancel"
   },
@@ -3978,7 +3974,7 @@ class Yn extends qn {
     const {
       event: n
     } = t, r = st(n.target);
-    super(t, nl, r);
+    super(t, ta, r);
   }
 }
 Yn.activators = [{
@@ -3994,7 +3990,7 @@ Yn.activators = [{
     }), !0);
   }
 }];
-const rl = {
+const na = {
   move: {
     name: "mousemove"
   },
@@ -4006,12 +4002,12 @@ var Dn;
 (function(e) {
   e[e.RightClick = 2] = "RightClick";
 })(Dn || (Dn = {}));
-class ol extends qn {
+class ra extends qn {
   constructor(t) {
-    super(t, rl, st(t.event.target));
+    super(t, na, st(t.event.target));
   }
 }
-ol.activators = [{
+ra.activators = [{
   eventName: "onMouseDown",
   handler: (e, t) => {
     let {
@@ -4035,7 +4031,7 @@ const hn = {
     name: "touchend"
   }
 };
-class il extends qn {
+class oa extends qn {
   constructor(t) {
     super(t, hn);
   }
@@ -4050,7 +4046,7 @@ class il extends qn {
     }
   }
 }
-il.activators = [{
+oa.activators = [{
   eventName: "onTouchStart",
   handler: (e, t) => {
     let {
@@ -4074,7 +4070,7 @@ var Ut;
 (function(e) {
   e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
 })(Ut || (Ut = {}));
-function sl(e) {
+function ia(e) {
   let {
     acceleration: t,
     activator: n = mt.Pointer,
@@ -4082,17 +4078,17 @@ function sl(e) {
     draggingRect: o,
     enabled: i,
     interval: s = 5,
-    order: l = Ut.TreeOrder,
-    pointerCoordinates: a,
+    order: a = Ut.TreeOrder,
+    pointerCoordinates: l,
     scrollableAncestors: c,
     scrollableAncestorRects: u,
     delta: d,
     threshold: h
   } = e;
-  const g = al({
+  const g = aa({
     delta: d,
     disabled: !i
-  }), [x, w] = vs(), p = G({
+  }), [x, w] = ms(), p = G({
     x: 0,
     y: 0
   }), m = G({
@@ -4101,22 +4097,22 @@ function sl(e) {
   }), E = q(() => {
     switch (n) {
       case mt.Pointer:
-        return a ? {
-          top: a.y,
-          bottom: a.y,
-          left: a.x,
-          right: a.x
+        return l ? {
+          top: l.y,
+          bottom: l.y,
+          left: l.x,
+          right: l.x
         } : null;
       case mt.DraggableRect:
         return o;
     }
-  }, [n, o, a]), A = G(null), M = N(() => {
+  }, [n, o, l]), A = G(null), M = N(() => {
     const y = A.current;
     if (!y)
       return;
     const S = p.current.x * m.current.x, v = p.current.y * m.current.y;
     y.scrollBy(S, v);
-  }, []), T = q(() => l === Ut.TreeOrder ? [...c].reverse() : c, [l, c]);
+  }, []), T = q(() => a === Ut.TreeOrder ? [...c].reverse() : c, [a, c]);
   _(
     () => {
       if (!i || !c.length || !E) {
@@ -4132,7 +4128,7 @@ function sl(e) {
         const {
           direction: L,
           speed: b
-        } = Ys(y, v, E, t, h);
+        } = qs(y, v, E, t, h);
         for (const D of ["x", "y"])
           g[D][L[D]] || (b[D] = 0, L[D] = 0);
         if (b.x > 0 || b.y > 0) {
@@ -4169,7 +4165,7 @@ function sl(e) {
     ]
   );
 }
-const ll = {
+const sa = {
   x: {
     [he.Backward]: !1,
     [he.Forward]: !1
@@ -4179,7 +4175,7 @@ const ll = {
     [he.Forward]: !1
   }
 };
-function al(e) {
+function aa(e) {
   let {
     delta: t,
     disabled: n
@@ -4187,7 +4183,7 @@ function al(e) {
   const r = $t(t);
   return Et((o) => {
     if (n || !r || !o)
-      return ll;
+      return sa;
     const i = {
       x: Math.sign(t.x - r.x),
       y: Math.sign(t.y - r.y)
@@ -4204,14 +4200,14 @@ function al(e) {
     };
   }, [n, t, r]);
 }
-function cl(e, t) {
+function la(e, t) {
   const n = t != null ? e.get(t) : void 0, r = n ? n.node.current : null;
   return Et((o) => {
     var i;
     return t == null ? null : (i = r ?? o) != null ? i : null;
   }, [r, t]);
 }
-function dl(e, t) {
+function ca(e, t) {
   return q(() => e.reduce((n, r) => {
     const {
       sensor: o
@@ -4231,15 +4227,15 @@ var Mn;
   e.Optimized = "optimized";
 })(Mn || (Mn = {}));
 const gr = /* @__PURE__ */ new Map();
-function ul(e, t) {
+function da(e, t) {
   let {
     dragging: n,
     dependencies: r,
     config: o
   } = t;
   const [i, s] = V(null), {
-    frequency: l,
-    measure: a,
+    frequency: a,
+    measure: l,
     strategy: c
   } = o, u = G(e), d = p(), h = bt(d), g = N(function(m) {
     m === void 0 && (m = []), !h.current && s((E) => E === null ? m : E.concat(m.filter((A) => !E.includes(A))));
@@ -4255,13 +4251,13 @@ function ul(e, t) {
           E.set(A.id, A.rect.current);
           continue;
         }
-        const M = A.node.current, T = M ? new Wn(a(M), M) : null;
+        const M = A.node.current, T = M ? new Wn(l(M), M) : null;
         A.rect.current = T, T && E.set(A.id, T);
       }
       return E;
     }
     return m;
-  }, [e, i, n, d, a]);
+  }, [e, i, n, d, l]);
   return _(() => {
     u.current = e;
   }, [e]), _(
@@ -4278,12 +4274,12 @@ function ul(e, t) {
     [JSON.stringify(i)]
   ), _(
     () => {
-      d || typeof l != "number" || x.current !== null || (x.current = setTimeout(() => {
+      d || typeof a != "number" || x.current !== null || (x.current = setTimeout(() => {
         g(), x.current = null;
-      }, l));
+      }, a));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [l, d, g, ...r]
+    [a, d, g, ...r]
   ), {
     droppableRects: w,
     measureDroppableContainers: g,
@@ -4303,10 +4299,10 @@ function ul(e, t) {
 function Kn(e, t) {
   return Et((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
 }
-function fl(e, t) {
+function ua(e, t) {
   return Kn(e, t);
 }
-function hl(e) {
+function fa(e) {
   let {
     callback: t,
     disabled: n
@@ -4340,28 +4336,28 @@ function Xt(e) {
   );
   return _(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
 }
-function pl(e) {
+function ha(e) {
   return new Wn(At(e), e);
 }
 function mr(e, t, n) {
-  t === void 0 && (t = pl);
+  t === void 0 && (t = ha);
   const [r, o] = V(null);
   function i() {
-    o((a) => {
+    o((l) => {
       if (!e)
         return null;
       if (e.isConnected === !1) {
         var c;
-        return (c = a ?? n) != null ? c : null;
+        return (c = l ?? n) != null ? c : null;
       }
       const u = t(e);
-      return JSON.stringify(a) === JSON.stringify(u) ? a : u;
+      return JSON.stringify(l) === JSON.stringify(u) ? l : u;
     });
   }
-  const s = hl({
-    callback(a) {
+  const s = fa({
+    callback(l) {
       if (e)
-        for (const c of a) {
+        for (const c of l) {
           const {
             type: u,
             target: d
@@ -4372,50 +4368,50 @@ function mr(e, t, n) {
           }
         }
     }
-  }), l = Xt({
+  }), a = Xt({
     callback: i
   });
   return Ue(() => {
-    i(), e ? (l == null || l.observe(e), s == null || s.observe(document.body, {
+    i(), e ? (a == null || a.observe(e), s == null || s.observe(document.body, {
       childList: !0,
       subtree: !0
-    })) : (l == null || l.disconnect(), s == null || s.disconnect());
+    })) : (a == null || a.disconnect(), s == null || s.disconnect());
   }, [e]), r;
 }
-function gl(e) {
+function pa(e) {
   const t = Kn(e);
   return ho(e, t);
 }
 const vr = [];
-function ml(e) {
+function ga(e) {
   const t = G(e), n = Et((r) => e ? r && r !== vr && e && t.current && e.parentNode === t.current.parentNode ? r : Kt(e) : vr, [e]);
   return _(() => {
     t.current = e;
   }, [e]), n;
 }
-function vl(e) {
+function ma(e) {
   const [t, n] = V(null), r = G(e), o = N((i) => {
     const s = un(i.target);
-    s && n((l) => l ? (l.set(s, An(s)), new Map(l)) : null);
+    s && n((a) => a ? (a.set(s, An(s)), new Map(a)) : null);
   }, []);
   return _(() => {
     const i = r.current;
     if (e !== i) {
       s(i);
-      const l = e.map((a) => {
-        const c = un(a);
+      const a = e.map((l) => {
+        const c = un(l);
         return c ? (c.addEventListener("scroll", o, {
           passive: !0
         }), [c, An(c)]) : null;
-      }).filter((a) => a != null);
-      n(l.length ? new Map(l) : null), r.current = e;
+      }).filter((l) => l != null);
+      n(a.length ? new Map(a) : null), r.current = e;
     }
     return () => {
       s(e), s(i);
     };
-    function s(l) {
-      l.forEach((a) => {
-        const c = un(a);
+    function s(a) {
+      a.forEach((l) => {
+        const c = un(l);
         c == null || c.removeEventListener("scroll", o);
       });
     }
@@ -4435,7 +4431,7 @@ function yr(e, t) {
     r && !n.current && (n.current = e), !r && n.current && (n.current = null);
   }, [e]), n.current ? wt(e, n.current) : Ne;
 }
-function yl(e) {
+function va(e) {
   _(
     () => {
       if (!_t)
@@ -4461,7 +4457,7 @@ function yl(e) {
     })
   );
 }
-function bl(e, t) {
+function ya(e, t) {
   return q(() => e.reduce((n, r) => {
     let {
       eventName: o,
@@ -4473,20 +4469,20 @@ function bl(e, t) {
   }, {}), [e, t]);
 }
 function Co(e) {
-  return q(() => e ? Gs(e) : null, [e]);
+  return q(() => e ? Vs(e) : null, [e]);
 }
 const br = [];
-function wl(e, t) {
+function ba(e, t) {
   t === void 0 && (t = At);
   const [n] = e, r = Co(n ? ke(n) : null), [o, i] = V(br);
   function s() {
-    i(() => e.length ? e.map((a) => yo(a) ? r : new Wn(t(a), a)) : br);
+    i(() => e.length ? e.map((l) => yo(l) ? r : new Wn(t(l), l)) : br);
   }
-  const l = Xt({
+  const a = Xt({
     callback: s
   });
   return Ue(() => {
-    l == null || l.disconnect(), s(), e.forEach((a) => l == null ? void 0 : l.observe(a));
+    a == null || a.disconnect(), s(), e.forEach((l) => a == null ? void 0 : a.observe(l));
   }, [e]), o;
 }
 function So(e) {
@@ -4497,7 +4493,7 @@ function So(e) {
   const t = e.children[0];
   return St(t) ? t : e;
 }
-function xl(e) {
+function wa(e) {
   let {
     measure: t
   } = e;
@@ -4521,20 +4517,20 @@ function xl(e) {
   }), s = N((c) => {
     const u = So(c);
     i == null || i.disconnect(), u && (i == null || i.observe(u)), r(u ? t(u) : null);
-  }, [t, i]), [l, a] = jt(s);
+  }, [t, i]), [a, l] = jt(s);
   return q(() => ({
-    nodeRef: l,
+    nodeRef: a,
     rect: n,
-    setRef: a
-  }), [n, l, a]);
+    setRef: l
+  }), [n, a, l]);
 }
-const kl = [{
+const xa = [{
   sensor: Yn,
   options: {}
 }, {
   sensor: _n,
   options: {}
-}], Cl = {
+}], ka = {
   current: {}
 }, Ot = {
   draggable: {
@@ -4570,7 +4566,7 @@ class vt extends Map {
     return (n = (r = this.get(t)) == null ? void 0 : r.node.current) != null ? n : void 0;
   }
 }
-const Sl = {
+const Ca = {
   activatorEvent: null,
   active: null,
   activeNode: null,
@@ -4606,8 +4602,8 @@ const Sl = {
   draggableNodes: /* @__PURE__ */ new Map(),
   over: null,
   measureDroppableContainers: Ht
-}, Dt = /* @__PURE__ */ Xe(Eo), Ao = /* @__PURE__ */ Xe(Sl);
-function El() {
+}, Dt = /* @__PURE__ */ Xe(Eo), Ao = /* @__PURE__ */ Xe(Ca);
+function Sa() {
   return {
     draggable: {
       active: null,
@@ -4626,7 +4622,7 @@ function El() {
     }
   };
 }
-function Al(e, t) {
+function Ea(e, t) {
   switch (t.type) {
     case de.DragStart:
       return {
@@ -4719,7 +4715,7 @@ function Al(e, t) {
       return e;
   }
 }
-function Dl(e) {
+function Aa(e) {
   let {
     disabled: t
   } = e;
@@ -4732,20 +4728,20 @@ function Dl(e) {
     if (!t && !r && i && s != null) {
       if (!Un(i) || document.activeElement === i.target)
         return;
-      const l = o.get(s);
-      if (!l)
+      const a = o.get(s);
+      if (!a)
         return;
       const {
-        activatorNode: a,
+        activatorNode: l,
         node: c
-      } = l;
-      if (!a.current && !c.current)
+      } = a;
+      if (!l.current && !c.current)
         return;
       requestAnimationFrame(() => {
-        for (const u of [a.current, c.current]) {
+        for (const u of [l.current, c.current]) {
           if (!u)
             continue;
-          const d = ws(u);
+          const d = bs(u);
           if (d) {
             d.focus();
             break;
@@ -4765,7 +4761,7 @@ function Do(e, t) {
     ...r
   }), n) : n;
 }
-function Ml(e) {
+function Da(e) {
   return q(
     () => ({
       draggable: {
@@ -4785,7 +4781,7 @@ function Ml(e) {
     [e == null ? void 0 : e.draggable, e == null ? void 0 : e.droppable, e == null ? void 0 : e.dragOverlay]
   );
 }
-function Ll(e) {
+function Ma(e) {
   let {
     activeNode: t,
     measure: n,
@@ -4794,13 +4790,13 @@ function Ll(e) {
   } = e;
   const i = G(!1), {
     x: s,
-    y: l
+    y: a
   } = typeof o == "boolean" ? {
     x: o,
     y: o
   } : o;
   Ue(() => {
-    if (!s && !l || !t) {
+    if (!s && !a || !t) {
       i.current = !1;
       return;
     }
@@ -4810,14 +4806,14 @@ function Ll(e) {
     if (!c || c.isConnected === !1)
       return;
     const u = n(c), d = ho(u, r);
-    if (s || (d.x = 0), l || (d.y = 0), i.current = !0, Math.abs(d.x) > 0 || Math.abs(d.y) > 0) {
+    if (s || (d.x = 0), a || (d.y = 0), i.current = !0, Math.abs(d.x) > 0 || Math.abs(d.y) > 0) {
       const h = go(c);
       h && h.scrollBy({
         top: d.y,
         left: d.x
       });
     }
-  }, [t, s, l, r, n]);
+  }, [t, s, a, r, n]);
 }
 const Jt = /* @__PURE__ */ Xe({
   ...Ne,
@@ -4828,20 +4824,20 @@ var Ye;
 (function(e) {
   e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
 })(Ye || (Ye = {}));
-const Rl = /* @__PURE__ */ Bo(function(t) {
+const La = /* @__PURE__ */ Bo(function(t) {
   var n, r, o, i;
   let {
     id: s,
-    accessibility: l,
-    autoScroll: a = !0,
+    accessibility: a,
+    autoScroll: l = !0,
     children: c,
-    sensors: u = kl,
-    collisionDetection: d = Os,
+    sensors: u = xa,
+    collisionDetection: d = Fs,
     measuring: h,
     modifiers: g,
     ...x
   } = t;
-  const w = Ho(Al, void 0, El), [p, m] = w, [E, A] = As(), [M, T] = V(Ye.Uninitialized), y = M === Ye.Initialized, {
+  const w = Ho(Ea, void 0, Sa), [p, m] = w, [E, A] = Es(), [M, T] = V(Ye.Uninitialized), y = M === Ye.Initialized, {
     draggable: {
       active: S,
       nodes: v,
@@ -4858,28 +4854,28 @@ const Rl = /* @__PURE__ */ Bo(function(t) {
     return S != null ? {
       id: S,
       // It's possible for the active node to unmount while dragging
-      data: (be = D == null ? void 0 : D.data) != null ? be : Cl,
+      data: (be = D == null ? void 0 : D.data) != null ? be : ka,
       rect: R
     } : null;
-  }, [S, D]), X = G(null), [pe, J] = V(null), [re, Y] = V(null), ee = bt(x, Object.values(x)), ge = Yt("DndDescribedBy", s), we = q(() => b.getEnabled(), [b]), oe = Ml(h), {
+  }, [S, D]), X = G(null), [pe, J] = V(null), [re, Y] = V(null), ee = bt(x, Object.values(x)), ge = Yt("DndDescribedBy", s), we = q(() => b.getEnabled(), [b]), oe = Da(h), {
     droppableRects: ue,
     measureDroppableContainers: ze,
     measuringScheduled: Se
-  } = ul(we, {
+  } = da(we, {
     dragging: y,
     dependencies: [L.x, L.y],
     config: oe.droppable
-  }), ae = cl(v, S), Fe = q(() => re ? Bt(re) : null, [re]), Q = $o(), se = fl(ae, oe.draggable.measure);
-  Ll({
+  }), le = la(v, S), Fe = q(() => re ? Bt(re) : null, [re]), Q = $o(), se = ua(le, oe.draggable.measure);
+  Ma({
     activeNode: S != null ? v.get(S) : null,
     config: Q.layoutShiftCompensation,
     initialRect: se,
     measure: oe.draggable.measure
   });
-  const $ = mr(ae, oe.draggable.measure, se), xe = mr(ae ? ae.parentElement : null), Ce = G({
+  const $ = mr(le, oe.draggable.measure, se), xe = mr(le ? le.parentElement : null), Ce = G({
     activatorEvent: null,
     active: null,
-    activeNode: ae,
+    activeNode: le,
     collisionRect: null,
     collisions: null,
     droppableRects: ue,
@@ -4890,9 +4886,9 @@ const Rl = /* @__PURE__ */ Bo(function(t) {
     over: null,
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
-  }), Je = b.getNodeFor((n = Ce.current.over) == null ? void 0 : n.id), ce = xl({
+  }), Je = b.getNodeFor((n = Ce.current.over) == null ? void 0 : n.id), ce = wa({
     measure: oe.dragOverlay.measure
-  }), k = (r = ce.nodeRef.current) != null ? r : ae, C = y ? (o = ce.rect) != null ? o : $ : null, I = !!(ce.nodeRef.current && ce.rect), F = gl(I ? null : $), K = Co(k ? ke(k) : null), P = ml(y ? Je ?? ae : null), Z = wl(P), le = Do(g, {
+  }), k = (r = ce.nodeRef.current) != null ? r : le, C = y ? (o = ce.rect) != null ? o : $ : null, I = !!(ce.nodeRef.current && ce.rect), F = pa(I ? null : $), K = Co(k ? ke(k) : null), P = ga(y ? Je ?? le : null), Z = ba(P), ae = Do(g, {
     transform: {
       x: L.x - F.x,
       y: L.y - F.y,
@@ -4909,13 +4905,13 @@ const Rl = /* @__PURE__ */ Bo(function(t) {
     scrollableAncestors: P,
     scrollableAncestorRects: Z,
     windowRect: K
-  }), me = Fe ? et(Fe, L) : null, ne = vl(P), je = yr(ne), Te = yr(ne, [$]), Ve = et(le, je), Ge = C ? Hs(C, le) : null, W = O && Ge ? d({
+  }), me = Fe ? et(Fe, L) : null, ne = ma(P), je = yr(ne), Te = yr(ne, [$]), Ve = et(ae, je), Ge = C ? Bs(C, ae) : null, W = O && Ge ? d({
     active: O,
     collisionRect: Ge,
     droppableRects: ue,
     droppableContainers: we,
     pointerCoordinates: me
-  }) : null, fe = fo(W, "id"), [ye, Mt] = V(null), Qt = I ? le : et(le, Te), Lt = $s(Qt, (i = ye == null ? void 0 : ye.rect) != null ? i : null, $), lt = G(null), Rt = N(
+  }) : null, fe = fo(W, "id"), [ye, Mt] = V(null), Qt = I ? ae : et(ae, Te), Lt = js(Qt, (i = ye == null ? void 0 : ye.rect) != null ? i : null, $), at = G(null), Rt = N(
     (be, Ee) => {
       let {
         sensor: Ae,
@@ -4972,7 +4968,7 @@ const Rl = /* @__PURE__ */ Bo(function(t) {
             return;
           const {
             onDragStart: $e
-          } = ee.current, at = {
+          } = ee.current, lt = {
             activatorEvent: De,
             active: {
               id: _e,
@@ -4981,14 +4977,14 @@ const Rl = /* @__PURE__ */ Bo(function(t) {
             }
           };
           Nt(() => {
-            $e == null || $e(at), T(Ye.Initializing), m({
+            $e == null || $e(lt), T(Ye.Initializing), m({
               type: de.DragStart,
               initialCoordinates: ve,
               active: _e
             }), E({
               type: "onDragStart",
-              event: at
-            }), J(lt.current), Y(De);
+              event: lt
+            }), J(at.current), Y(De);
           });
         },
         onMove(ve) {
@@ -5000,13 +4996,13 @@ const Rl = /* @__PURE__ */ Bo(function(t) {
         onEnd: Qe(de.DragEnd),
         onCancel: Qe(de.DragCancel)
       });
-      lt.current = Oe;
+      at.current = Oe;
       function Qe(ve) {
         return async function() {
           const {
             active: Pe,
             collisions: $e,
-            over: at,
+            over: lt,
             scrollAdjustedTranslate: ct
           } = Ce.current;
           let qe = null;
@@ -5019,13 +5015,13 @@ const Rl = /* @__PURE__ */ Bo(function(t) {
               active: Pe,
               collisions: $e,
               delta: ct,
-              over: at
+              over: lt
             }, ve === de.DragEnd && typeof dt == "function" && await Promise.resolve(dt(qe)) && (ve = de.DragCancel);
           }
           X.current = null, Nt(() => {
             m({
               type: ve
-            }), T(Ye.Uninitialized), Mt(null), J(null), Y(null), lt.current = null;
+            }), T(Ye.Uninitialized), Mt(null), J(null), Y(null), at.current = null;
             const dt = ve === de.DragEnd ? "onDragEnd" : "onDragCancel";
             if (qe) {
               const Zt = ee.current[dt];
@@ -5055,8 +5051,8 @@ const Rl = /* @__PURE__ */ Bo(function(t) {
     be(Ae, Ee.options, Oe) === !0 && (Me.dndKit = {
       capturedBy: Ee.sensor
     }, X.current = We, Rt(Ae, Ee));
-  }, [v, Rt]), It = dl(u, Tt);
-  yl(u), Ue(() => {
+  }, [v, Rt]), It = ca(u, Tt);
+  va(u), Ue(() => {
     $ && M === Ye.Initializing && T(Ye.Initialized);
   }, [$, M]), _(
     () => {
@@ -5130,7 +5126,7 @@ const Rl = /* @__PURE__ */ Bo(function(t) {
     Ce.current = {
       activatorEvent: re,
       active: O,
-      activeNode: ae,
+      activeNode: le,
       collisionRect: Ge,
       collisions: W,
       droppableRects: ue,
@@ -5145,7 +5141,7 @@ const Rl = /* @__PURE__ */ Bo(function(t) {
       initial: C,
       translated: Ge
     };
-  }, [O, ae, W, Ge, v, k, C, ue, b, ye, P, Ve]), sl({
+  }, [O, le, W, Ge, v, k, C, ue, b, ye, P, Ve]), ia({
     ...Q,
     delta: L,
     draggingRect: Ge,
@@ -5155,7 +5151,7 @@ const Rl = /* @__PURE__ */ Bo(function(t) {
   });
   const Po = q(() => ({
     active: O,
-    activeNode: ae,
+    activeNode: le,
     activeNodeRect: $,
     activatorEvent: re,
     collisions: W,
@@ -5171,7 +5167,7 @@ const Rl = /* @__PURE__ */ Bo(function(t) {
     measuringConfiguration: oe,
     measuringScheduled: Se,
     windowRect: K
-  }), [O, ae, $, re, W, xe, ce, v, b, ue, ye, ze, P, Z, oe, Se, K]), jo = q(() => ({
+  }), [O, le, $, re, W, xe, ce, v, b, ue, ye, ze, P, Z, oe, Se, K]), jo = q(() => ({
     activatorEvent: re,
     activators: It,
     active: O,
@@ -5192,33 +5188,33 @@ const Rl = /* @__PURE__ */ Bo(function(t) {
     value: Po
   }, te.createElement(Jt.Provider, {
     value: Lt
-  }, c)), te.createElement(Dl, {
-    disabled: (l == null ? void 0 : l.restoreFocus) === !1
-  })), te.createElement(Ls, {
-    ...l,
+  }, c)), te.createElement(Aa, {
+    disabled: (a == null ? void 0 : a.restoreFocus) === !1
+  })), te.createElement(Ms, {
+    ...a,
     hiddenTextDescribedById: ge
   }));
   function $o() {
-    const be = (pe == null ? void 0 : pe.autoScrollEnabled) === !1, Ee = typeof a == "object" ? a.enabled === !1 : a === !1, Ae = y && !be && !Ee;
-    return typeof a == "object" ? {
-      ...a,
+    const be = (pe == null ? void 0 : pe.autoScrollEnabled) === !1, Ee = typeof l == "object" ? l.enabled === !1 : l === !1, Ae = y && !be && !Ee;
+    return typeof l == "object" ? {
+      ...l,
       enabled: Ae
     } : {
       enabled: Ae
     };
   }
-}), Tl = /* @__PURE__ */ Xe(null), wr = "button", Il = "Draggable";
-function Nl(e) {
+}), Ra = /* @__PURE__ */ Xe(null), wr = "button", Ta = "Draggable";
+function Ia(e) {
   let {
     id: t,
     data: n,
     disabled: r = !1,
     attributes: o
   } = e;
-  const i = Yt(Il), {
+  const i = Yt(Ta), {
     activators: s,
-    activatorEvent: l,
-    active: a,
+    activatorEvent: a,
+    active: l,
     activeNodeRect: c,
     ariaDescribedById: u,
     draggableNodes: d,
@@ -5227,7 +5223,7 @@ function Nl(e) {
     role: g = wr,
     roleDescription: x = "draggable",
     tabIndex: w = 0
-  } = o ?? {}, p = (a == null ? void 0 : a.id) === t, m = He(p ? Jt : Tl), [E, A] = jt(), [M, T] = jt(), y = bl(s, t), S = bt(n);
+  } = o ?? {}, p = (l == null ? void 0 : l.id) === t, m = He(p ? Jt : Ra), [E, A] = jt(), [M, T] = jt(), y = ya(s, t), S = bt(n);
   Ue(
     () => (d.set(t, {
       id: t,
@@ -5251,8 +5247,8 @@ function Nl(e) {
     "aria-describedby": u.draggable
   }), [r, g, w, p, x, u.draggable]);
   return {
-    active: a,
-    activatorEvent: l,
+    active: l,
+    activatorEvent: a,
     activeNodeRect: c,
     attributes: v,
     isDragging: p,
@@ -5264,10 +5260,10 @@ function Nl(e) {
     transform: m
   };
 }
-function zl() {
+function Na() {
   return He(Ao);
 }
-const Fl = "Droppable", Ol = {
+const za = "Droppable", Fa = {
   timeout: 25
 };
 function Mo(e) {
@@ -5277,10 +5273,10 @@ function Mo(e) {
     id: r,
     resizeObserverConfig: o
   } = e;
-  const i = Yt(Fl), {
+  const i = Yt(za), {
     active: s,
-    dispatch: l,
-    over: a,
+    dispatch: a,
+    over: l,
     measureDroppableContainers: c
   } = He(Dt), u = G({
     disabled: n
@@ -5289,7 +5285,7 @@ function Mo(e) {
     updateMeasurementsFor: w,
     timeout: p
   } = {
-    ...Ol,
+    ...Fa,
     ...o
   }, m = bt(w ?? r), E = N(
     () => {
@@ -5312,7 +5308,7 @@ function Mo(e) {
   return _(() => {
     !A || !T.current || (A.disconnect(), d.current = !1, A.observe(T.current));
   }, [T, A]), _(
-    () => (l({
+    () => (a({
       type: de.RegisterDroppable,
       element: {
         id: r,
@@ -5322,7 +5318,7 @@ function Mo(e) {
         rect: h,
         data: S
       }
-    }), () => l({
+    }), () => a({
       type: de.UnregisterDroppable,
       key: i,
       id: r
@@ -5330,32 +5326,32 @@ function Mo(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [r]
   ), _(() => {
-    n !== u.current.disabled && (l({
+    n !== u.current.disabled && (a({
       type: de.SetDroppableDisabled,
       id: r,
       key: i,
       disabled: n
     }), u.current.disabled = n);
-  }, [r, i, n, l]), {
+  }, [r, i, n, a]), {
     active: s,
     rect: h,
-    isOver: (a == null ? void 0 : a.id) === r,
+    isOver: (l == null ? void 0 : l.id) === r,
     node: T,
-    over: a,
+    over: l,
     setNodeRef: y
   };
 }
-function Pl(e) {
+function Oa(e) {
   let {
     animation: t,
     children: n
   } = e;
-  const [r, o] = V(null), [i, s] = V(null), l = $t(n);
-  return !n && !r && l && o(l), Ue(() => {
+  const [r, o] = V(null), [i, s] = V(null), a = $t(n);
+  return !n && !r && a && o(a), Ue(() => {
     if (!i)
       return;
-    const a = r == null ? void 0 : r.key, c = r == null ? void 0 : r.props.id;
-    if (a == null || c == null) {
+    const l = r == null ? void 0 : r.key, c = r == null ? void 0 : r.props.id;
+    if (l == null || c == null) {
       o(null);
       return;
     }
@@ -5366,60 +5362,60 @@ function Pl(e) {
     ref: s
   }) : null);
 }
-const jl = {
+const Pa = {
   x: 0,
   y: 0,
   scaleX: 1,
   scaleY: 1
 };
-function $l(e) {
+function ja(e) {
   let {
     children: t
   } = e;
   return te.createElement(Dt.Provider, {
     value: Eo
   }, te.createElement(Jt.Provider, {
-    value: jl
+    value: Pa
   }, t));
 }
-const Bl = {
+const $a = {
   position: "fixed",
   touchAction: "none"
-}, Hl = (e) => Un(e) ? "transform 250ms ease" : void 0, Ul = /* @__PURE__ */ Tn((e, t) => {
+}, Ba = (e) => Un(e) ? "transform 250ms ease" : void 0, Ha = /* @__PURE__ */ Tn((e, t) => {
   let {
     as: n,
     activatorEvent: r,
     adjustScale: o,
     children: i,
     className: s,
-    rect: l,
-    style: a,
+    rect: a,
+    style: l,
     transform: c,
-    transition: u = Hl
+    transition: u = Ba
   } = e;
-  if (!l)
+  if (!a)
     return null;
   const d = o ? c : {
     ...c,
     scaleX: 1,
     scaleY: 1
   }, h = {
-    ...Bl,
-    width: l.width,
-    height: l.height,
-    top: l.top,
-    left: l.left,
+    ...$a,
+    width: a.width,
+    height: a.height,
+    top: a.top,
+    left: a.left,
     transform: xt.Transform.toString(d),
-    transformOrigin: o && r ? Ts(r, l) : void 0,
+    transformOrigin: o && r ? Rs(r, a) : void 0,
     transition: typeof u == "function" ? u(r) : u,
-    ...a
+    ...l
   };
   return te.createElement(n, {
     className: s,
     style: h,
     ref: t
   }, i);
-}), Vl = (e) => (t) => {
+}), Ua = (e) => (t) => {
   let {
     active: n,
     dragOverlay: r
@@ -5429,17 +5425,17 @@ const Bl = {
     className: s
   } = e;
   if (i != null && i.active)
-    for (const [l, a] of Object.entries(i.active))
-      a !== void 0 && (o[l] = n.node.style.getPropertyValue(l), n.node.style.setProperty(l, a));
+    for (const [a, l] of Object.entries(i.active))
+      l !== void 0 && (o[a] = n.node.style.getPropertyValue(a), n.node.style.setProperty(a, l));
   if (i != null && i.dragOverlay)
-    for (const [l, a] of Object.entries(i.dragOverlay))
-      a !== void 0 && r.node.style.setProperty(l, a);
+    for (const [a, l] of Object.entries(i.dragOverlay))
+      l !== void 0 && r.node.style.setProperty(a, l);
   return s != null && s.active && n.node.classList.add(s.active), s != null && s.dragOverlay && r.node.classList.add(s.dragOverlay), function() {
-    for (const [a, c] of Object.entries(o))
-      n.node.style.setProperty(a, c);
+    for (const [l, c] of Object.entries(o))
+      n.node.style.setProperty(l, c);
     s != null && s.active && n.node.classList.remove(s.active);
   };
-}, Gl = (e) => {
+}, Va = (e) => {
   let {
     transform: {
       initial: t,
@@ -5451,11 +5447,11 @@ const Bl = {
   }, {
     transform: xt.Transform.toString(n)
   }];
-}, Wl = {
+}, Ga = {
   duration: 250,
   easing: "ease",
-  keyframes: Gl,
-  sideEffects: /* @__PURE__ */ Vl({
+  keyframes: Va,
+  sideEffects: /* @__PURE__ */ Ua({
     styles: {
       active: {
         opacity: "0"
@@ -5463,7 +5459,7 @@ const Bl = {
     }
   })
 };
-function _l(e) {
+function Wa(e) {
   let {
     config: t,
     draggableNodes: n,
@@ -5473,12 +5469,12 @@ function _l(e) {
   return qt((i, s) => {
     if (t === null)
       return;
-    const l = n.get(i);
-    if (!l)
-      return;
-    const a = l.node.current;
+    const a = n.get(i);
     if (!a)
       return;
+    const l = a.node.current;
+    if (!l)
+      return;
     const c = So(s);
     if (!c)
       return;
@@ -5487,13 +5483,13 @@ function _l(e) {
     } = ke(s).getComputedStyle(s), d = po(u);
     if (!d)
       return;
-    const h = typeof t == "function" ? t : ql(t);
-    return xo(a, o.draggable.measure), h({
+    const h = typeof t == "function" ? t : _a(t);
+    return xo(l, o.draggable.measure), h({
       active: {
         id: i,
-        data: l.data,
-        node: a,
-        rect: o.draggable.measure(a)
+        data: a.data,
+        node: l,
+        rect: o.draggable.measure(l)
       },
       draggableNodes: n,
       dragOverlay: {
@@ -5506,41 +5502,41 @@ function _l(e) {
     });
   });
 }
-function ql(e) {
+function _a(e) {
   const {
     duration: t,
     easing: n,
     sideEffects: r,
     keyframes: o
   } = {
-    ...Wl,
+    ...Ga,
     ...e
   };
   return (i) => {
     let {
       active: s,
-      dragOverlay: l,
-      transform: a,
+      dragOverlay: a,
+      transform: l,
       ...c
     } = i;
     if (!t)
       return;
     const u = {
-      x: l.rect.left - s.rect.left,
-      y: l.rect.top - s.rect.top
+      x: a.rect.left - s.rect.left,
+      y: a.rect.top - s.rect.top
     }, d = {
-      scaleX: a.scaleX !== 1 ? s.rect.width * a.scaleX / l.rect.width : 1,
-      scaleY: a.scaleY !== 1 ? s.rect.height * a.scaleY / l.rect.height : 1
+      scaleX: l.scaleX !== 1 ? s.rect.width * l.scaleX / a.rect.width : 1,
+      scaleY: l.scaleY !== 1 ? s.rect.height * l.scaleY / a.rect.height : 1
     }, h = {
-      x: a.x - u.x,
-      y: a.y - u.y,
+      x: l.x - u.x,
+      y: l.y - u.y,
       ...d
     }, g = o({
       ...c,
       active: s,
-      dragOverlay: l,
+      dragOverlay: a,
       transform: {
-        initial: a,
+        initial: l,
         final: h
       }
     }), [x] = g, w = g[g.length - 1];
@@ -5548,9 +5544,9 @@ function ql(e) {
       return;
     const p = r == null ? void 0 : r({
       active: s,
-      dragOverlay: l,
+      dragOverlay: a,
       ...c
-    }), m = l.node.animate(g, {
+    }), m = a.node.animate(g, {
       duration: t,
       easing: n,
       fill: "forwards"
@@ -5563,13 +5559,13 @@ function ql(e) {
   };
 }
 let xr = 0;
-function Yl(e) {
+function qa(e) {
   return q(() => {
     if (e != null)
       return xr++, xr;
   }, [e]);
 }
-const Kl = /* @__PURE__ */ te.memo((e) => {
+const Ya = /* @__PURE__ */ te.memo((e) => {
   let {
     adjustScale: t = !1,
     children: n,
@@ -5577,8 +5573,8 @@ const Kl = /* @__PURE__ */ te.memo((e) => {
     style: o,
     transition: i,
     modifiers: s,
-    wrapperElement: l = "div",
-    className: a,
+    wrapperElement: a = "div",
+    className: l,
     zIndex: c = 999
   } = e;
   const {
@@ -5594,7 +5590,7 @@ const Kl = /* @__PURE__ */ te.memo((e) => {
     scrollableAncestors: A,
     scrollableAncestorRects: M,
     windowRect: T
-  } = zl(), y = He(Jt), S = Yl(d == null ? void 0 : d.id), v = Do(s, {
+  } = Na(), y = He(Jt), S = qa(d == null ? void 0 : d.id), v = Do(s, {
     activatorEvent: u,
     active: d,
     activeNodeRect: h,
@@ -5606,22 +5602,22 @@ const Kl = /* @__PURE__ */ te.memo((e) => {
     scrollableAncestorRects: M,
     transform: y,
     windowRect: T
-  }), L = Kn(h), b = _l({
+  }), L = Kn(h), b = Wa({
     config: r,
     draggableNodes: x,
     droppableContainers: w,
     measuringConfiguration: E
   }), D = L ? p.setRef : void 0;
-  return te.createElement($l, null, te.createElement(Pl, {
+  return te.createElement(ja, null, te.createElement(Oa, {
     animation: b
-  }, d && S ? te.createElement(Ul, {
+  }, d && S ? te.createElement(Ha, {
     key: S,
     id: d.id,
     ref: D,
-    as: l,
+    as: a,
     activatorEvent: u,
     adjustScale: t,
-    className: a,
+    className: l,
     transition: i,
     rect: L,
     style: {
@@ -5637,7 +5633,7 @@ function Vt(e) {
   const t = e.data.current;
   return !!(t && "sortable" in t && typeof t.sortable == "object" && "containerId" in t.sortable && "items" in t.sortable && "index" in t.sortable);
 }
-const Xl = [H.Down, H.Right, H.Up, H.Left], Jl = (e, t) => {
+const Ka = [H.Down, H.Right, H.Up, H.Left], Xa = (e, t) => {
   let {
     context: {
       active: n,
@@ -5645,13 +5641,13 @@ const Xl = [H.Down, H.Right, H.Up, H.Left], Jl = (e, t) => {
       droppableRects: o,
       droppableContainers: i,
       over: s,
-      scrollableAncestors: l
+      scrollableAncestors: a
     }
   } = t;
-  if (Xl.includes(e.code)) {
+  if (Ka.includes(e.code)) {
     if (e.preventDefault(), !n || !r)
       return;
-    const a = [];
+    const l = [];
     i.getEnabled().forEach((d) => {
       if (!d || d != null && d.disabled)
         return;
@@ -5659,29 +5655,29 @@ const Xl = [H.Down, H.Right, H.Up, H.Left], Jl = (e, t) => {
       if (h)
         switch (e.code) {
           case H.Down:
-            r.top < h.top && a.push(d);
+            r.top < h.top && l.push(d);
             break;
           case H.Up:
-            r.top > h.top && a.push(d);
+            r.top > h.top && l.push(d);
             break;
           case H.Left:
-            r.left > h.left && a.push(d);
+            r.left > h.left && l.push(d);
             break;
           case H.Right:
-            r.left < h.left && a.push(d);
+            r.left < h.left && l.push(d);
             break;
         }
     });
-    const c = zs({
+    const c = Ns({
       collisionRect: r,
       droppableRects: o,
-      droppableContainers: a
+      droppableContainers: l
     });
     let u = fo(c, "id");
     if (u === (s == null ? void 0 : s.id) && c.length > 1 && (u = c[1].id), u != null) {
       const d = i.get(n.id), h = i.get(u), g = h ? o.get(h.id) : null, x = h == null ? void 0 : h.node.current;
       if (x && g && d && h) {
-        const p = Kt(x).some((y, S) => l[S] !== y), m = Lo(d, h), E = Ql(d, h), A = p || !m ? {
+        const p = Kt(x).some((y, S) => a[S] !== y), m = Lo(d, h), E = Ja(d, h), A = p || !m ? {
           x: 0,
           y: 0
         } : {
@@ -5699,7 +5695,7 @@ const Xl = [H.Down, H.Right, H.Up, H.Left], Jl = (e, t) => {
 function Lo(e, t) {
   return !Vt(e) || !Vt(t) ? !1 : e.data.current.sortable.containerId === t.data.current.sortable.containerId;
 }
-function Ql(e, t) {
+function Ja(e, t) {
   return !Vt(e) || !Vt(t) || !Lo(e, t) ? !1 : e.data.current.sortable.index < t.data.current.sortable.index;
 }
 function kr(e) {
@@ -5708,7 +5704,7 @@ function kr(e) {
   const t = (n = e[0].data) == null ? void 0 : n.zone;
   return t === "before" || t === "after" || t === "into" ? t : null;
 }
-function Zl(e) {
+function Qa(e) {
   const {
     onReorder: t,
     onGroupReorder: n,
@@ -5716,17 +5712,17 @@ function Zl(e) {
     onDropIntoGroupAtPosition: o,
     onRemoveFromGroup: i,
     findParentGroup: s
-  } = e, [l, a] = V(null), [c, u] = V(null), [d, h] = V(null), g = G(null), x = Rs(
+  } = e, [a, l] = V(null), [c, u] = V(null), [d, h] = V(null), g = G(null), x = Ls(
     cr(Yn, {
       activationConstraint: {
         distance: 5
       }
     }),
     cr(_n, {
-      coordinateGetter: Jl
+      coordinateGetter: Xa
     })
   ), w = N((T) => {
-    a(String(T.active.id));
+    l(String(T.active.id));
   }, []), p = N(
     (T) => {
       const { over: y, collisions: S } = T;
@@ -5742,7 +5738,7 @@ function Zl(e) {
     },
     []
   ), E = N(() => {
-    g.current = null, a(null), u(null), h(null);
+    g.current = null, l(null), u(null), h(null);
   }, []), A = N(
     (T) => {
       const { active: y, over: S } = T, v = g.current;
@@ -5777,7 +5773,7 @@ function Zl(e) {
     E();
   }, [E]);
   return {
-    activeId: l,
+    activeId: a,
     overId: c,
     dropPosition: d,
     sensors: x,
@@ -5788,23 +5784,23 @@ function Zl(e) {
     onDragCancel: M
   };
 }
-const ea = (e) => {
+const Za = (e) => {
   var h, g;
   const { pointerCoordinates: t, droppableContainers: n, droppableRects: r } = e;
-  let o = js(e);
-  if (o.length === 0 && (o = Ns(e)), o.length === 0 || !t) return o;
+  let o = Ps(e);
+  if (o.length === 0 && (o = Is(e)), o.length === 0 || !t) return o;
   const i = o[0];
   if (String(i.id).startsWith("group-footer::"))
     return [{ ...i, data: { ...i.data, zone: "after" } }];
   const s = r.get(i.id);
   if (!s) return o;
-  const l = t.y - s.top, a = s.height, c = n.find((x) => x.id === i.id), u = ((g = (h = c == null ? void 0 : c.data) == null ? void 0 : h.current) == null ? void 0 : g.isGroup) === !0;
+  const a = t.y - s.top, l = s.height, c = n.find((x) => x.id === i.id), u = ((g = (h = c == null ? void 0 : c.data) == null ? void 0 : h.current) == null ? void 0 : g.isGroup) === !0;
   let d;
-  return u ? l < a * 0.25 ? d = "before" : l > a * 0.75 ? d = "after" : d = "into" : d = l < a / 2 ? "before" : "after", [{
+  return u ? a < l * 0.25 ? d = "before" : a > l * 0.75 ? d = "after" : d = "into" : d = a < l / 2 ? "before" : "after", [{
     ...i,
     data: { ...i.data, zone: d }
   }];
-}, ta = ({
+}, el = ({
   layer: e,
   isOver: t,
   dropPosition: n,
@@ -5812,13 +5808,13 @@ const ea = (e) => {
   showPreviewImages: o,
   previewDisplaySize: i,
   onSelect: s,
-  onToggleVisibility: l,
-  onToggleLock: a,
+  onToggleVisibility: a,
+  onToggleLock: l,
   onDuplicate: c,
   onDelete: u,
   deleteSuppressed: d
 }) => {
-  const { attributes: h, listeners: g, setNodeRef: x, isDragging: w } = Nl({ id: e.id }), { setNodeRef: p } = Mo({ id: e.id, data: { isGroup: !!e.isGroup } }), m = N((L) => {
+  const { attributes: h, listeners: g, setNodeRef: x, isDragging: w } = Ia({ id: e.id }), { setNodeRef: p } = Mo({ id: e.id, data: { isGroup: !!e.isGroup } }), m = N((L) => {
     x(L), p(L);
   }, [x, p]), E = e.isGroup, A = e.depth > 0, M = A ? e.depth * 24 : 0, T = {
     opacity: w ? 0.3 : 1,
@@ -5946,7 +5942,7 @@ const ea = (e) => {
         Be,
         {
           title: e.visible ? "Hide" : "Show",
-          onClick: () => l(e.id),
+          onClick: () => a(e.id),
           style: { opacity: e.visible ? 1 : 0.4 },
           children: /* @__PURE__ */ f(B, { icon: e.visible ? U.eye : U.eyeOff, className: "sc:size-6" })
         }
@@ -5955,7 +5951,7 @@ const ea = (e) => {
         Be,
         {
           title: e.locked ? "Unlock" : "Lock",
-          onClick: () => a(e.id),
+          onClick: () => l(e.id),
           style: { opacity: e.locked ? 1 : 0.4 },
           children: /* @__PURE__ */ f(B, { icon: e.locked ? U.lock : U.lockOpen, className: "sc:size-6" })
         }
@@ -5989,7 +5985,7 @@ const ea = (e) => {
     title: e,
     children: r
   }
-), na = ({ groupId: e, isOver: t, depth: n }) => {
+), tl = ({ groupId: e, isOver: t, depth: n }) => {
   const { setNodeRef: r } = Mo({ id: `group-footer::${e}` }), o = (n + 1) * 24;
   return /* @__PURE__ */ f(
     "div",
@@ -6005,7 +6001,7 @@ const ea = (e) => {
       }
     }
   );
-}, ra = ({ layer: e, showPreviewImages: t, previewDisplaySize: n }) => /* @__PURE__ */ j(
+}, nl = ({ layer: e, showPreviewImages: t, previewDisplaySize: n }) => /* @__PURE__ */ j(
   "div",
   {
     style: {
@@ -6055,7 +6051,7 @@ const ea = (e) => {
       /* @__PURE__ */ f("span", { style: { fontSize: 13, color: "var(--foreground, #333)" }, children: e.name })
     ]
   }
-), oa = ({
+), rl = ({
   width: e = 250,
   height: t,
   showPreviewImages: n = !0,
@@ -6063,10 +6059,10 @@ const ea = (e) => {
   enableGrouping: o = !1,
   style: i = {},
   className: s = "",
-  showHeader: l = !0,
-  ...a
+  showHeader: a = !0,
+  ...l
 }) => {
-  const { activeArtboard: c } = ms(), u = (c == null ? void 0 : c.previewBackgroundColor) || (c == null ? void 0 : c.backgroundColor) || "transparent", d = 80, h = 160, {
+  const { activeArtboard: c } = gs(), u = (c == null ? void 0 : c.previewBackgroundColor) || (c == null ? void 0 : c.backgroundColor) || "transparent", d = 80, h = 160, {
     layers: g,
     flatLayers: x,
     selectLayer: w,
@@ -6082,8 +6078,8 @@ const ea = (e) => {
     findElementById: L,
     findParentGroup: b,
     generateAllPreviews: D
-  } = ei({
-    ...a,
+  } = Zo({
+    ...l,
     previewSize: h,
     previewBackgroundColor: u
   });
@@ -6108,7 +6104,7 @@ const ea = (e) => {
       xe && !Ce ? S(Q, se, $) : M(Q, se, $);
     },
     [b, S, M]
-  ), J = Zl({
+  ), J = Qa({
     onReorder: pe,
     onDropIntoGroup: y,
     onDropIntoGroupAtPosition: (Q, se) => y(Q, se),
@@ -6117,7 +6113,7 @@ const ea = (e) => {
     findParentGroup: b
   }), re = (Q) => [...Q].reverse().map(($) => /* @__PURE__ */ j(te.Fragment, { children: [
     /* @__PURE__ */ f(
-      ta,
+      el,
       {
         layer: $,
         isOver: J.overId === $.id,
@@ -6135,7 +6131,7 @@ const ea = (e) => {
     ),
     $.children && re($.children),
     $.isGroup && /* @__PURE__ */ f(
-      na,
+      tl,
       {
         groupId: $.id,
         isOver: J.overId === `group-footer::${$.id}`,
@@ -6144,7 +6140,7 @@ const ea = (e) => {
     )
   ] }, $.id)), Y = (Q) => [...Q].reverse().map(($) => /* @__PURE__ */ j(te.Fragment, { children: [
     /* @__PURE__ */ f(
-      ia,
+      ol,
       {
         layer: $,
         showPreviewImages: n,
@@ -6174,7 +6170,7 @@ const ea = (e) => {
         ...ue
       },
       children: [
-        (l || o) && /* @__PURE__ */ j(
+        (a || o) && /* @__PURE__ */ j(
           "div",
           {
             style: {
@@ -6189,12 +6185,12 @@ const ea = (e) => {
               justifyContent: "space-between"
             },
             children: [
-              l && /* @__PURE__ */ j("span", { children: [
+              a && /* @__PURE__ */ j("span", { children: [
                 "Layers (",
                 x.length,
                 ")"
               ] }),
-              !l && /* @__PURE__ */ f("span", {}),
+              !a && /* @__PURE__ */ f("span", {}),
               o && /* @__PURE__ */ j(
                 "button",
                 {
@@ -6221,10 +6217,10 @@ const ea = (e) => {
         ),
         /* @__PURE__ */ j("div", { style: { flex: 1, overflow: "auto", minHeight: 0 }, children: [
           g.length > 0 ? r ? /* @__PURE__ */ j(
-            Rl,
+            La,
             {
               sensors: J.sensors,
-              collisionDetection: ea,
+              collisionDetection: Za,
               onDragStart: J.onDragStart,
               onDragMove: J.onDragMove,
               onDragOver: J.onDragOver,
@@ -6232,8 +6228,8 @@ const ea = (e) => {
               onDragCancel: J.onDragCancel,
               children: [
                 re(g),
-                /* @__PURE__ */ f(Kl, { dropAnimation: null, children: ee ? /* @__PURE__ */ f(
-                  ra,
+                /* @__PURE__ */ f(Ya, { dropAnimation: null, children: ee ? /* @__PURE__ */ f(
+                  nl,
                   {
                     layer: ee,
                     showPreviewImages: n,
@@ -6270,7 +6266,7 @@ const ea = (e) => {
       ]
     }
   );
-}, ia = ({ layer: e, showPreviewImages: t, previewDisplaySize: n, onSelect: r, onToggleVisibility: o, onToggleLock: i, onDuplicate: s, onDelete: l, deleteSuppressed: a }) => {
+}, ol = ({ layer: e, showPreviewImages: t, previewDisplaySize: n, onSelect: r, onToggleVisibility: o, onToggleLock: i, onDuplicate: s, onDelete: a, deleteSuppressed: l }) => {
   const c = e.depth > 0, u = c ? e.depth * 24 : 0, d = e.isSelected ? { outline: "3px solid var(--primary, var(--accent-primary, #007AFF))", outlineOffset: "2px" } : {}, h = {
     paddingLeft: u + 8,
     paddingRight: 8,
@@ -6343,11 +6339,11 @@ const ea = (e) => {
         }
       ),
       /* @__PURE__ */ f(Be, { title: "Duplicate", onClick: () => s(e.id), children: /* @__PURE__ */ f(B, { icon: U.copy, className: "sc:size-6" }) }),
-      !a && /* @__PURE__ */ f(
+      !l && /* @__PURE__ */ f(
         Be,
         {
           title: "Delete",
-          onClick: () => l(e.id),
+          onClick: () => a(e.id),
           style: { color: "var(--error, #ef4444)" },
           children: /* @__PURE__ */ f(B, { icon: U.trash, className: "sc:size-6" })
         }
@@ -6355,7 +6351,7 @@ const ea = (e) => {
     ] })
   ] }, e.id);
 };
-class Pa {
+class Ol {
   constructor() {
     this.canvasIds = /* @__PURE__ */ new Set(), this.requirements = /* @__PURE__ */ new Map(), this.textFields = /* @__PURE__ */ new Map(), this.controls = /* @__PURE__ */ new Map(), this.bridge = null, this.listeners = /* @__PURE__ */ new Set(), this.version = 0, this.getVersion = () => this.version, this.subscribe = (t) => (this.listeners.add(t), () => this.listeners.delete(t));
   }
@@ -6439,9 +6435,9 @@ class Pa {
     for (const t of [...this.listeners]) t();
   }
 }
-const sa = Xe(null);
+const il = Xe(null);
 function Ro(e) {
-  const t = He(sa);
+  const t = He(il);
   if (!t)
     throw new vn(
       "E_OUTSIDE_ROOT",
@@ -6457,7 +6453,7 @@ function Xn(e) {
     [t.registry, n, e]
   );
 }
-function ja(e) {
+function Pl(e) {
   return {
     reportInvariant(t) {
       if (_o()) throw t;
@@ -6468,7 +6464,7 @@ function ja(e) {
     }
   };
 }
-function la(e) {
+function sl(e) {
   const { elements: t } = e.getState();
   return t.map((n, r) => {
     const o = n, i = o.transformType ?? "custom", s = o.name ?? i.charAt(0).toUpperCase() + i.slice(1);
@@ -6480,23 +6476,23 @@ function la(e) {
     };
   });
 }
-function aa(e) {
+function al(e) {
   const t = G(null), n = () => {
     var i;
-    const r = la(e), o = r.map((s) => `${s.key}|${s.kind}|${s.visible}`).join(`
+    const r = sl(e), o = r.map((s) => `${s.key}|${s.kind}|${s.visible}`).join(`
 `);
     return ((i = t.current) == null ? void 0 : i.key) !== o && (t.current = { key: o, rows: r }), t.current.rows;
   };
   return Dr(e.subscribe, n, n);
 }
-function ca(e) {
+function ll(e) {
   return e === "image" ? U.image : e === "shape" ? U.shapes : e === "group" ? "lucide:folder-open" : U.text;
 }
-function da({
+function cl({
   store: e,
   direction: t
 }) {
-  const r = [...aa(e)].reverse();
+  const r = [...al(e)].reverse();
   return /* @__PURE__ */ f(
     "div",
     {
@@ -6520,7 +6516,7 @@ function da({
             opacity: o.visible ? 1 : 0.4
           },
           children: [
-            /* @__PURE__ */ f(B, { icon: ca(o.kind), style: { fontSize: 18, color: "var(--text-secondary, #888)", flexShrink: 0 } }),
+            /* @__PURE__ */ f(B, { icon: ll(o.kind), style: { fontSize: 18, color: "var(--text-secondary, #888)", flexShrink: 0 } }),
             /* @__PURE__ */ f(
               "span",
               {
@@ -6541,7 +6537,7 @@ function da({
     }
   );
 }
-function $a({
+function jl({
   direction: e = "vertical",
   className: t,
   style: n
@@ -6551,7 +6547,7 @@ function $a({
     () => o.hasCanvas(),
     () => o.hasCanvas()
   );
-  return /* @__PURE__ */ f("div", { "data-sc-part": "layers", "data-sc-direction": e, className: t, style: n, children: i ? /* @__PURE__ */ f(oa, { style: { width: "100%" } }) : /* @__PURE__ */ f(da, { store: r.store, direction: e }) });
+  return /* @__PURE__ */ f("div", { "data-sc-part": "layers", "data-sc-direction": e, className: t, style: n, children: i ? /* @__PURE__ */ f(rl, { style: { width: "100%" } }) : /* @__PURE__ */ f(cl, { store: r.store, direction: e }) });
 }
 const To = ({
   trigger: e,
@@ -6561,12 +6557,12 @@ const To = ({
   position: o = "bottom",
   align: i = "start",
   offset: s = 8,
-  protectClick: l = !0,
-  className: a = "",
+  protectClick: a = !0,
+  className: l = "",
   contentClassName: c = ""
 }) => {
   const u = G(null), d = G(null), h = G(null), [g, x] = V({}), [w, p] = V(!1), m = (A) => {
-    A.stopPropagation(), !n && l && Qi.protectNextClick(), r(!n);
+    A.stopPropagation(), !n && a && Ji.protectNextClick(), r(!n);
   };
   _(() => {
     if (!n) return;
@@ -6636,7 +6632,7 @@ const To = ({
       children: t
     }
   );
-  return /* @__PURE__ */ j("div", { className: `sc:relative sc:inline-flex ${a}`.trim(), ref: u, children: [
+  return /* @__PURE__ */ j("div", { className: `sc:relative sc:inline-flex ${l}`.trim(), ref: u, children: [
     /* @__PURE__ */ f("div", { ref: d, onClick: m, children: e }),
     E && Nn(E, document.body)
   ] });
@@ -6659,8 +6655,8 @@ const To = ({
   disabled: o = !1,
   onClick: i,
   className: s = "",
-  children: l,
-  ...a
+  children: a,
+  ...l
 }) => {
   const c = [
     "sc:flex sc:items-center sc:gap-md",
@@ -6677,9 +6673,9 @@ const To = ({
   ], d = [...c, ...u, s].filter(Boolean).join(" ");
   return /* @__PURE__ */ j("button", { role: "menuitem", className: d, onClick: () => {
     !o && i && i();
-  }, disabled: o, type: "button", ...a, children: [
+  }, disabled: o, type: "button", ...l, children: [
     e && /* @__PURE__ */ f("span", { className: "sc:flex sc:shrink-0 sc:items-center", children: e }),
-    /* @__PURE__ */ f("span", { className: "sc:flex-1", children: l || t }),
+    /* @__PURE__ */ f("span", { className: "sc:flex-1", children: a || t }),
     n && /* @__PURE__ */ f("span", { className: "sc:ml-auto sc:text-sm sc:text-text-muted", children: n }),
     r && !n && /* @__PURE__ */ f("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "sc:ml-auto sc:shrink-0", children: /* @__PURE__ */ f("path", { d: "M13 4L6 11L3 8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
   ] });
@@ -6691,7 +6687,7 @@ const To = ({
   { type: "wave", label: "Wave Text", icon: /* @__PURE__ */ f(B, { icon: "lucide:waves", className: "sc:size-[18px]" }) },
   { type: "arch", label: "Arch Text", icon: /* @__PURE__ */ f(B, { icon: "lucide:arrow-up-from-dot", className: "sc:size-[18px]" }) }
 ];
-function ua() {
+function dl() {
   const [e, t] = te.useState(!1);
   return te.useEffect(() => {
     if (typeof document > "u") return;
@@ -6704,7 +6700,7 @@ function ua() {
     }), () => r.disconnect();
   }, []), e;
 }
-const fa = ({
+const ul = ({
   isOpen: e,
   onClose: t,
   title: n,
@@ -6712,8 +6708,8 @@ const fa = ({
   children: o,
   placement: i = "bottom",
   height: s,
-  maxHeight: l = "70vh",
-  width: a,
+  maxHeight: a = "70vh",
+  width: l,
   maxWidth: c = "400px",
   showCloseButton: u = !0,
   headerActions: d,
@@ -6723,7 +6719,7 @@ const fa = ({
   disableOverflowHidden: w = !1,
   "data-testid": p
 }) => {
-  const m = i === "bottom" ? s || l : void 0, A = ua() ? 0.65 : 0.4;
+  const m = i === "bottom" ? s || a : void 0, A = dl() ? 0.65 : 0.4;
   return /* @__PURE__ */ f(
     ro,
     {
@@ -6733,7 +6729,7 @@ const fa = ({
         oo,
         {
           placement: i,
-          width: a,
+          width: l,
           maxWidth: c,
           hideHandle: g || i !== "bottom",
           showOverlay: !0,
@@ -6800,7 +6796,7 @@ const fa = ({
       )
     }
   );
-}, ha = ({ className: e }) => /* @__PURE__ */ f(
+}, fl = ({ className: e }) => /* @__PURE__ */ f(
   "svg",
   {
     className: e,
@@ -6813,7 +6809,7 @@ const fa = ({
     "aria-hidden": !0,
     children: /* @__PURE__ */ f("path", { d: "M12 2L21 8L18 19L6 19L3 8L12 2Z" })
   }
-), pa = ({ className: e }) => /* @__PURE__ */ f(
+), hl = ({ className: e }) => /* @__PURE__ */ f(
   "svg",
   {
     className: e,
@@ -6824,12 +6820,12 @@ const fa = ({
     "aria-hidden": !0,
     children: /* @__PURE__ */ f("ellipse", { cx: "12", cy: "12", rx: "9", ry: "6" })
   }
-), Rn = "sc:size-10", ga = [
+), Rn = "sc:size-10", pl = [
   { id: "rectangle", label: "Rectangle", icon: "lucide:square" },
   { id: "circle", label: "Circle", icon: "lucide:circle" },
-  { id: "ellipse", label: "Ellipse", reactIcon: /* @__PURE__ */ f(pa, { className: Rn }) },
+  { id: "ellipse", label: "Ellipse", reactIcon: /* @__PURE__ */ f(hl, { className: Rn }) },
   { id: "triangle", label: "Triangle", icon: "lucide:triangle" },
-  { id: "polygon", label: "Polygon", reactIcon: /* @__PURE__ */ f(ha, { className: Rn }) },
+  { id: "polygon", label: "Polygon", reactIcon: /* @__PURE__ */ f(fl, { className: Rn }) },
   { id: "star", label: "Star", icon: "lucide:star" },
   { id: "line", label: "Line", icon: "lucide:minus" }
 ], No = ({
@@ -6838,11 +6834,11 @@ const fa = ({
   onSelectType: n,
   currentType: r
 }) => {
-  const o = r ? "Change Shape" : "Select Shape", i = r ? "Select a new shape type" : "Choose a shape to add", s = (l) => {
-    n(l), t();
+  const o = r ? "Change Shape" : "Select Shape", i = r ? "Select a new shape type" : "Choose a shape to add", s = (a) => {
+    n(a), t();
   };
   return /* @__PURE__ */ j(
-    fa,
+    ul,
     {
       isOpen: e,
       onClose: t,
@@ -6871,34 +6867,34 @@ const fa = ({
           {
             className: "sc:grid sc:grid-cols-3 sc:gap-2 sc:p-4",
             "data-testid": "shape-type-list",
-            children: ga.map((l) => {
-              const a = l.id === r;
+            children: pl.map((a) => {
+              const l = a.id === r;
               return /* @__PURE__ */ j(
                 "button",
                 {
                   type: "button",
-                  onClick: () => s(l.id),
-                  "aria-pressed": a,
-                  "data-testid": `shape-type-${l.id}`,
-                  className: `sc:aspect-square sc:flex sc:flex-col sc:items-center sc:justify-center sc:gap-2.5 sc:rounded-xl sc:border sc:transition-colors ${a ? "sc:bg-primary/10 sc:border-primary/40" : "sc:bg-transparent sc:border-transparent sc:hover:bg-foreground/[0.04] sc:active:bg-foreground/[0.06]"}`,
+                  onClick: () => s(a.id),
+                  "aria-pressed": l,
+                  "data-testid": `shape-type-${a.id}`,
+                  className: `sc:aspect-square sc:flex sc:flex-col sc:items-center sc:justify-center sc:gap-2.5 sc:rounded-xl sc:border sc:transition-colors ${l ? "sc:bg-primary/10 sc:border-primary/40" : "sc:bg-transparent sc:border-transparent sc:hover:bg-foreground/[0.04] sc:active:bg-foreground/[0.06]"}`,
                   children: [
                     /* @__PURE__ */ f(
                       "span",
                       {
-                        className: a ? "sc:text-primary" : "sc:text-foreground/85",
-                        children: l.reactIcon ? l.reactIcon : /* @__PURE__ */ f(B, { icon: l.icon, className: Rn })
+                        className: l ? "sc:text-primary" : "sc:text-foreground/85",
+                        children: a.reactIcon ? a.reactIcon : /* @__PURE__ */ f(B, { icon: a.icon, className: Rn })
                       }
                     ),
                     /* @__PURE__ */ f(
                       "span",
                       {
-                        className: `sc:text-xs ${a ? "sc:text-primary sc:font-medium" : "sc:text-foreground/70"}`,
-                        children: l.label
+                        className: `sc:text-xs ${l ? "sc:text-primary sc:font-medium" : "sc:text-foreground/70"}`,
+                        children: a.label
                       }
                     )
                   ]
                 },
-                l.id
+                a.id
               );
             })
           }
@@ -6906,7 +6902,7 @@ const fa = ({
       ]
     }
   );
-}, pn = ot("MenuButton"), ma = ({
+}, pn = ot("MenuButton"), gl = ({
   isLayersPanelOpen: e = !1,
   onToggleLayersPanel: t,
   onOpenImageBrowser: n,
@@ -6916,9 +6912,9 @@ const fa = ({
   className: s
 }) => {
   var S;
-  const { get: l } = Mr(), [a, c] = V(!1), [u, d] = V(!1), [h, g] = V(!1), x = G(null), w = async () => {
+  const { get: a } = Mr(), [l, c] = V(!1), [u, d] = V(!1), [h, g] = V(!1), x = G(null), w = async () => {
     try {
-      const { ExportManager: v } = await import("./ExportManager-DK7CdI-G.js").then((R) => R.P), { artboardManager: L, elements: b } = l(), D = L.getAllArtboards();
+      const { ExportManager: v } = await import("./ExportManager-DoU4VK6h.js").then((R) => R.S), { artboardManager: L, elements: b } = a(), D = L.getAllArtboards();
       v.exportToJSON(D, b, L), c(!1);
     } catch (v) {
       pn.error("Failed to save workspace:", v), alert("Failed to save workspace. Please try again.");
@@ -6952,7 +6948,7 @@ Do you want to load anyway?`
 • ${O.elementCount} element(s)
 
 This will replace your current workspace. Continue?`
-          ) && l().handleLoadWorkspace(D.artboards, D.elements, D.activeArtboardId || null);
+          ) && a().handleLoadWorkspace(D.artboards, D.elements, D.activeArtboardId || null);
         } else
           alert(`Failed to load: ${D.error || "Unknown error"}`);
       } catch (D) {
@@ -6961,7 +6957,7 @@ This will replace your current workspace. Continue?`
       x.current && (x.current.value = "");
     }
   }, E = async () => {
-    const { artboardManager: v, elements: L, canvasRef: b } = l();
+    const { artboardManager: v, elements: L, canvasRef: b } = a();
     if (!(b != null && b.current)) {
       alert("Canvas not available for export");
       return;
@@ -6972,7 +6968,7 @@ This will replace your current workspace. Continue?`
       return;
     }
     try {
-      const { ExportManager: R } = await import("./ExportManager-DK7CdI-G.js").then((O) => O.P);
+      const { ExportManager: R } = await import("./ExportManager-DoU4VK6h.js").then((O) => O.S);
       await R.exportArtboardToImage(D, L, b.current, {
         format: "png",
         scale: 2,
@@ -6990,9 +6986,9 @@ This will replace your current workspace. Continue?`
       c(!1), d(!1), g(!0);
       return;
     }
-    await l().handleAddElement(v), c(!1), d(!1);
+    await a().handleAddElement(v), c(!1), d(!1);
   }, M = async (v) => {
-    g(!1), await l().handleAddElement("shape", { shapeType: v });
+    g(!1), await a().handleAddElement("shape", { shapeType: v });
   }, T = Io, y = () => /* @__PURE__ */ f("div", { className: "sc:my-xs sc:h-px sc:bg-border-primary" });
   return /* @__PURE__ */ j(en, { children: [
     /* @__PURE__ */ f(
@@ -7011,7 +7007,7 @@ This will replace your current workspace. Continue?`
           ) }),
           /* @__PURE__ */ f(Ct, { children: /* @__PURE__ */ f("p", { children: i }) })
         ] }),
-        isOpen: a,
+        isOpen: l,
         onToggle: c,
         position: "bottom",
         align: "end",
@@ -7056,7 +7052,7 @@ This will replace your current workspace. Continue?`
               icon: /* @__PURE__ */ f(B, { icon: U.download, className: "sc:size-[18px]" }),
               label: "Export Image",
               onClick: E,
-              disabled: !((S = l().canvasRef) != null && S.current)
+              disabled: !((S = a().canvasRef) != null && S.current)
             }
           ),
           t && /* @__PURE__ */ j(en, { children: [
@@ -7099,10 +7095,10 @@ This will replace your current workspace. Continue?`
     )
   ] });
 };
-function Ba({ className: e, style: t }) {
-  return Xn("Editor.Menu"), /* @__PURE__ */ f("div", { "data-sc-part": "menu", className: e, style: t, children: /* @__PURE__ */ f(ma, {}) });
+function $l({ className: e, style: t }) {
+  return Xn("Editor.Menu"), /* @__PURE__ */ f("div", { "data-sc-part": "menu", className: e, style: t, children: /* @__PURE__ */ f(gl, {}) });
 }
-const va = () => {
+const ml = () => {
   const { undo: e, redo: t, canUndo: n, canRedo: r } = qo();
   return /* @__PURE__ */ j("div", { className: "sc-undo-redo", style: { display: "inline-flex", gap: 4 }, children: [
     /* @__PURE__ */ f(
@@ -7127,18 +7123,18 @@ const va = () => {
     )
   ] });
 };
-function Ha({ className: e, style: t }) {
-  return Xn("Editor.History"), /* @__PURE__ */ f("div", { "data-sc-part": "history", className: e, style: t, children: /* @__PURE__ */ f(va, {}) });
+function Bl({ className: e, style: t }) {
+  return Xn("Editor.History"), /* @__PURE__ */ f("div", { "data-sc-part": "history", className: e, style: t, children: /* @__PURE__ */ f(ml, {}) });
 }
-function Ua({ className: e, style: t }) {
+function Hl({ className: e, style: t }) {
   Xn("Editor.Add");
-  const { get: n } = Mr(), [r, o] = V(!1), [i, s] = V(!1), l = async (c) => {
+  const { get: n } = Mr(), [r, o] = V(!1), [i, s] = V(!1), a = async (c) => {
     if (o(!1), c === "shape") {
       s(!0);
       return;
     }
     await n().handleAddElement(c);
-  }, a = async (c) => {
+  }, l = async (c) => {
     s(!1), await n().handleAddElement("shape", { shapeType: c });
   };
   return /* @__PURE__ */ j("div", { "data-sc-part": "add", className: e, style: t, children: [
@@ -7158,7 +7154,7 @@ function Ua({ className: e, style: t }) {
           {
             icon: c.icon,
             label: c.label,
-            onClick: () => l(c.type)
+            onClick: () => a(c.type)
           },
           c.type
         )) })
@@ -7169,19 +7165,19 @@ function Ua({ className: e, style: t }) {
       {
         isOpen: i,
         onClose: () => s(!1),
-        onSelectType: a
+        onSelectType: l
       }
     )
   ] });
 }
-const ya = ot("useExport");
-function Va() {
+const vl = ot("useExport");
+function Ul() {
   const {
     artboards: e,
     artboardManager: t,
     elements: n,
     canvasRef: r
-  } = In(), [o, i] = V(!1), [s, l] = V(!1), [a, c] = V([]), [u, d] = V({}), [h, g] = V({
+  } = In(), [o, i] = V(!1), [s, a] = V(!1), [l, c] = V([]), [u, d] = V({}), [h, g] = V({
     totalExports: 0,
     avgExportTime: 0,
     isWorkerActive: !1
@@ -7278,11 +7274,11 @@ function Va() {
       i(!1);
     }
   }, [e, M]), y = N(() => {
-    x.current++, l(!1), w.current = null;
+    x.current++, a(!1), w.current = null;
   }, []), S = N((v) => {
     x.current++;
     const L = x.current;
-    w.current = v, l(!0);
+    w.current = v, a(!0);
     const {
       artboardIds: b,
       interval: D = 500,
@@ -7303,7 +7299,7 @@ function Va() {
           we[oe] = ue;
         d((oe) => ({ ...oe, ...we })), X && X(we);
       } catch (ee) {
-        ya.error("[useExport] Continuous export error:", ee);
+        vl.error("[useExport] Continuous export error:", ee);
       }
     };
     (async () => {
@@ -7322,7 +7318,7 @@ function Va() {
     stopContinuousExport: y,
     isExporting: o,
     isContinuousExporting: s,
-    progress: a,
+    progress: l,
     latestExports: u,
     supportsWorkerExport: p,
     workerStats: h
@@ -7340,7 +7336,7 @@ async function zo(e, t) {
   }
   return t;
 }
-function ba(e) {
+function yl(e) {
   return {
     async search({ query: t, page: n, perPage: r = 30 }) {
       const o = new URLSearchParams({
@@ -7371,7 +7367,7 @@ function ba(e) {
     }
   };
 }
-function wa(e) {
+function bl(e) {
   return {
     async generate({ prompt: t, width: n, height: r, numberResults: o }) {
       const i = await fetch(e, {
@@ -7387,7 +7383,7 @@ function wa(e) {
     }
   };
 }
-function xa(e) {
+function wl(e) {
   const t = "/api/image-proxy?url=";
   if (!e || !e.startsWith(t)) return e;
   try {
@@ -7396,9 +7392,9 @@ function xa(e) {
     return e;
   }
 }
-function ka(e) {
+function xl(e) {
   return async function(n) {
-    const r = xa(n);
+    const r = wl(n);
     if (!/^https?:\/\//.test(r))
       throw new Error("Background removal isn't available for this image yet");
     const o = await fetch(e, {
@@ -7413,12 +7409,12 @@ function ka(e) {
   };
 }
 const Fo = {}, Oo = Xe(Fo);
-function Ga({ services: e, children: t }) {
+function Vl({ services: e, children: t }) {
   const n = q(() => e ? {
-    imageSearch: e.imageSearch ?? (e.imageSearchUrl ? ba(e.imageSearchUrl) : void 0),
-    generate: e.generate ?? (e.generateUrl ? wa(e.generateUrl) : void 0),
+    imageSearch: e.imageSearch ?? (e.imageSearchUrl ? yl(e.imageSearchUrl) : void 0),
+    generate: e.generate ?? (e.generateUrl ? bl(e.generateUrl) : void 0),
     vectors: e.vectors,
-    removeBackground: e.removeBackground ?? (e.bgRemoveUrl ? ka(e.bgRemoveUrl) : void 0)
+    removeBackground: e.removeBackground ?? (e.bgRemoveUrl ? xl(e.bgRemoveUrl) : void 0)
   } : Fo, [
     e == null ? void 0 : e.imageSearch,
     e == null ? void 0 : e.imageSearchUrl,
@@ -7430,12 +7426,12 @@ function Ga({ services: e, children: t }) {
   ]);
   return /* @__PURE__ */ f(Oo.Provider, { value: n, children: t });
 }
-function Wa() {
+function Gl() {
   return He(Oo);
 }
 const Cr = ot("GoogleFontsService");
 let Ze = [], ht = null;
-async function Ca() {
+async function kl() {
   return Ze.length > 0 ? Ze : ht || (ht = fetch("/google-fonts.json").then((e) => {
     if (!e.ok)
       throw new Error(`HTTP error! status: ${e.status}`);
@@ -7451,7 +7447,7 @@ async function Ca() {
 function gn() {
   return Ze;
 }
-function Sa() {
+function Cl() {
   return Ze.length > 0;
 }
 function Sr(e) {
@@ -7464,7 +7460,7 @@ function Sr(e) {
   }[e.toLowerCase()] || "display";
 }
 const Er = ot("UnifiedFontService");
-class Ea {
+class Sl {
   constructor() {
     this.searchCache = /* @__PURE__ */ new Map(), this.previewFontLinks = /* @__PURE__ */ new Set();
   }
@@ -7476,7 +7472,7 @@ class Ea {
    */
   async initialize() {
     try {
-      await Ca();
+      await kl();
     } catch (t) {
       Er.error("Failed to initialize UnifiedFontService:", t);
     }
@@ -7485,7 +7481,7 @@ class Ea {
    * Check if fonts are loaded
    */
   isFontsLoaded() {
-    return Sa();
+    return Cl();
   }
   // ========================================
   // Font Retrieval
@@ -7669,51 +7665,51 @@ class Ea {
     };
   }
 }
-const _a = new Ea();
+const Wl = new Sl();
 export {
   ro as A,
   rt as B,
-  Ga as C,
+  Vl as C,
   To as D,
-  Pa as E,
+  Ol as E,
   oo as F,
   io as G,
   U as H,
   B as I,
-  fa as J,
+  ul as J,
   eo as K,
-  oa as L,
-  ma as M,
+  rl as L,
+  gl as M,
   Cn as N,
   Sn as O,
   No as S,
   $n as T,
-  _a as U,
-  wa as a,
-  ba as b,
-  ka as c,
-  Wa as d,
-  Oa as e,
-  Va as f,
-  ei as g,
+  Wl as U,
+  bl as a,
+  yl as b,
+  xl as c,
+  Gl as d,
+  Fl as e,
+  Ul as f,
+  Zo as g,
   Wt as h,
   Ct as i,
-  Qi as j,
+  Ji as j,
   Ln as k,
   Ke as l,
   to as m,
-  es as n,
-  ja as o,
-  sa as p,
+  Zi as n,
+  Pl as o,
+  il as p,
   Ro as q,
   Xn as r,
-  ts as s,
-  Ua as t,
-  ms as u,
-  Ba as v,
-  Ha as w,
-  $a as x,
+  es as s,
+  Hl as t,
+  gs as u,
+  $l as v,
+  Bl as w,
+  jl as x,
   Le as y,
-  is as z
+  os as z
 };
-//# sourceMappingURL=UnifiedFontService-B1PGVu8O.js.map
+//# sourceMappingURL=UnifiedFontService-C8gaspRD.js.map