@snowcone-app/canvas 0.27.0 → 0.28.0

package/dist/{UnifiedFontService-CHVYDBDW.js → UnifiedFontService-BJzoqfBF.js}

@@ -1,14 +1,14 @@
 import { jsx as f, jsxs as j, Fragment as nn } from "react/jsx-runtime";
-import * as O from "react";
-import te, { useRef as G, useState as H, useCallback as N, useMemo as q, useEffect as W, forwardRef as In, createElement as yn, useLayoutEffect as Nn, memo as Go, useReducer as Wo, useContext as je, createContext as Xe, cloneElement as _o, useId as Lr, useSyncExternalStore as Rr } from "react";
-import { u as On, h as qo, g as Pt, r as Yo, j as Ko, k as Tr, d as Xo } from "./editorErrors-BhrZ_nwj.js";
-import { G as Ie, c as ot, C as rn } from "./FontAnalyzer-EF3gLPr8.js";
-import { g as Jo, I as on, E as sn } from "./ExportManager-BTcyj4cf.js";
-import { createPortal as zn, unstable_batchedUpdates as Nt } from "react-dom";
+import * as z from "react";
+import te, { useRef as G, useState as B, useCallback as N, useMemo as q, useEffect as W, forwardRef as In, createElement as yn, useLayoutEffect as Nn, memo as Go, useReducer as Wo, useContext as je, createContext as Xe, cloneElement as _o, useId as Lr, useSyncExternalStore as Rr } from "react";
+import { u as zn, h as qo, g as Pt, r as Yo, j as Ko, k as Tr, d as Xo } from "./editorErrors-8uDRMhow.js";
+import { G as Ie, c as ot, C as rn } from "./FontAnalyzer-PE6nysqE.js";
+import { g as Jo, I as on, E as sn } from "./ExportManager-J2xK86uq.js";
+import { createPortal as On, unstable_batchedUpdates as Nt } from "react-dom";
 import { clsx as Ir } from "clsx";
 import { extendTailwindMerge as Nr } from "tailwind-merge";
 import { Slot as Qo } from "@radix-ui/react-slot";
-import { cva as Or } from "class-variance-authority";
+import { cva as zr } from "class-variance-authority";
 import * as tt from "@radix-ui/react-tooltip";
 const Zo = {
   "eos-icons:loading": {
@@ -101,6 +101,46 @@ const Zo = {
     width: 24,
     height: 24
   },
+  "gravity-ui:objects-align-bottom": {
+    body: '<path fill="currentColor" fill-rule="evenodd" d="M1.75 14a.75.75 0 0 1 0-1.5h12.5a.75.75 0 0 1 0 1.5zM5.5 9.5H4a.5.5 0 0 1-.5-.5V3.5A.5.5 0 0 1 4 3h1.5a.5.5 0 0 1 .5.5V9a.5.5 0 0 1-.5.5M4 11a2 2 0 0 1-2-2V3.5a2 2 0 0 1 2-2h1.5a2 2 0 0 1 2 2V9a2 2 0 0 1-2 2zm8-1.5h-1.5A.5.5 0 0 1 10 9V7a.5.5 0 0 1 .5-.5H12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5M10.5 11a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2H12a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2z" clip-rule="evenodd"/>',
+    width: 24,
+    height: 24
+  },
+  "gravity-ui:objects-align-center-horizontal": {
+    body: '<path fill="currentColor" fill-rule="evenodd" d="M13 5.5V4a.5.5 0 0 0-.5-.5h-9A.5.5 0 0 0 3 4v1.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5m-4.25 2h3.75a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8.75v-.25a.75.75 0 0 0-1.5 0V2H3.5a2 2 0 0 0-2 2v1.5a2 2 0 0 0 2 2h3.75v1H6a2 2 0 0 0-2 2V12a2 2 0 0 0 2 2h1.25v.25a.75.75 0 0 0 1.5 0V14H10a2 2 0 0 0 2-2v-1.5a2 2 0 0 0-2-2H8.75zM8 10H6a.5.5 0 0 0-.5.5V12a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-1.5a.5.5 0 0 0-.5-.5z" clip-rule="evenodd"/>',
+    width: 24,
+    height: 24
+  },
+  "gravity-ui:objects-align-center-vertical": {
+    body: '<path fill="currentColor" fill-rule="evenodd" d="M5.5 3H4a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h1.5a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5m2 4.25V3.5a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v3.75h-.25a.75.75 0 0 0 0 1.5H2v3.75a2 2 0 0 0 2 2h1.5a2 2 0 0 0 2-2V8.75h1V10a2 2 0 0 0 2 2H12a2 2 0 0 0 2-2V8.75h.25a.75.75 0 0 0 0-1.5H14V6a2 2 0 0 0-2-2h-1.5a2 2 0 0 0-2 2v1.25zM10 8v2a.5.5 0 0 0 .5.5H12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5h-1.5a.5.5 0 0 0-.5.5z" clip-rule="evenodd"/>',
+    width: 24,
+    height: 24
+  },
+  "gravity-ui:objects-align-justify-horizontal": {
+    body: '<path fill="currentColor" fill-rule="evenodd" d="M14.25 1a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-1.5 0V1.75a.75.75 0 0 1 .75-.75M11 4v1.5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5V4a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5m-.5-2a2 2 0 0 1 2 2v1.5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm.5 8.5V12a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 12v-1.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5m-.5-2a2 2 0 0 1 2 2V12a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-1.5a2 2 0 0 1 2-2zM1 1.75a.75.75 0 0 1 1.5 0v12.5a.75.75 0 0 1-1.5 0z" clip-rule="evenodd"/>',
+    width: 24,
+    height: 24
+  },
+  "gravity-ui:objects-align-justify-vertical": {
+    body: '<path fill="currentColor" fill-rule="evenodd" d="M15 14.25a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1 0-1.5h12.5a.75.75 0 0 1 .75.75M12 11h-1.5a.5.5 0 0 1-.5-.5v-5a.5.5 0 0 1 .5-.5H12a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5m2-.5a2 2 0 0 1-2 2h-1.5a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2H12a2 2 0 0 1 2 2zm-8.5.5H4a.5.5 0 0 1-.5-.5v-5A.5.5 0 0 1 4 5h1.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5m2-.5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h1.5a2 2 0 0 1 2 2zM14.25 1a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5z" clip-rule="evenodd"/>',
+    width: 24,
+    height: 24
+  },
+  "gravity-ui:objects-align-left": {
+    body: '<path fill="currentColor" fill-rule="evenodd" d="M2 1.75a.75.75 0 0 1 1.5 0v12.5a.75.75 0 0 1-1.5 0zM6.5 5.5V4a.5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5M5 4a2 2 0 0 1 2-2h5.5a2 2 0 0 1 2 2v1.5a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zm1.5 8v-1.5A.5.5 0 0 1 7 10h2a.5.5 0 0 1 .5.5V12a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5M5 10.5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2V12a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z" clip-rule="evenodd"/>',
+    width: 24,
+    height: 24
+  },
+  "gravity-ui:objects-align-right": {
+    body: '<path fill="currentColor" fill-rule="evenodd" d="M14 1.75a.75.75 0 0 0-1.5 0v12.5a.75.75 0 0 0 1.5 0zM9.5 5.5V4a.5.5 0 0 0-.5-.5H3.5A.5.5 0 0 0 3 4v1.5a.5.5 0 0 0 .5.5H9a.5.5 0 0 0 .5-.5M11 4a2 2 0 0 0-2-2H3.5a2 2 0 0 0-2 2v1.5a2 2 0 0 0 2 2H9a2 2 0 0 0 2-2zm-1.5 8v-1.5A.5.5 0 0 0 9 10H7a.5.5 0 0 0-.5.5V12a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5m1.5-1.5a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2V12a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2z" clip-rule="evenodd"/>',
+    width: 24,
+    height: 24
+  },
+  "gravity-ui:objects-align-top": {
+    body: '<path fill="currentColor" fill-rule="evenodd" d="M1.75 2a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5zM5.5 6.5H4a.5.5 0 0 0-.5.5v5.5a.5.5 0 0 0 .5.5h1.5a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5M4 5a2 2 0 0 0-2 2v5.5a2 2 0 0 0 2 2h1.5a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm8 1.5h-1.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5H12a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5M10.5 5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2H12a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z" clip-rule="evenodd"/>',
+    width: 24,
+    height: 24
+  },
   "gravity-ui:pencil": {
     body: '<path fill="currentColor" fill-rule="evenodd" d="M11.423 1A3.577 3.577 0 0 1 15 4.577c0 .27-.108.53-.3.722l-.528.529l-1.971 1.971l-5.059 5.059a3 3 0 0 1-1.533.82l-2.638.528a1 1 0 0 1-1.177-1.177l.528-2.638a3 3 0 0 1 .82-1.533l5.059-5.059l2.5-2.5c.191-.191.451-.299.722-.299m-2.31 4.009l-4.91 4.91a1.5 1.5 0 0 0-.41.766l-.38 1.903l1.902-.38a1.5 1.5 0 0 0 .767-.41l4.91-4.91a2.08 2.08 0 0 0-1.88-1.88m3.098.658a3.6 3.6 0 0 0-1.878-1.879l1.28-1.28c.995.09 1.788.884 1.878 1.88z" clip-rule="evenodd"/>',
     width: 24,
@@ -476,16 +516,16 @@ const Zo = {
     width: 15,
     height: 15
   }
-}, zr = typeof window < "u";
+}, Or = typeof window < "u";
 async function ei() {
-  if (!zr) return;
+  if (!Or) return;
   const { addIcon: e } = await Promise.resolve().then(() => Qi);
   for (const [t, n] of Object.entries(Zo))
     e(t, n);
 }
 let an = !1;
 function Pl() {
-  an || !zr || (an = !0, ei().catch(() => {
+  an || !Or || (an = !0, ei().catch(() => {
     an = !1;
   }));
 }
@@ -559,112 +599,112 @@ function ni(e = {}) {
     executeAddElement: g,
     executeRemoveElement: x,
     executeReorderElement: w
-  } = On(), p = G(/* @__PURE__ */ new Map()), [m, E] = H(0), A = c.getActiveArtboardId(), M = t !== void 0 ? t : A, T = M ? (ce = c.getArtboard) == null ? void 0 : ce.call(c, M) : null, y = o ?? (T == null ? void 0 : T.backgroundColor) ?? "transparent", S = N(async (k) => {
-    const C = s.find((z) => z.id === k);
-    if (!C) return;
-    const I = await er(C, r, y);
-    p.current.set(k, I), E((z) => z + 1);
+  } = zn(), p = G(/* @__PURE__ */ new Map()), [m, E] = B(0), A = c.getActiveArtboardId(), D = t !== void 0 ? t : A, T = D ? (ce = c.getArtboard) == null ? void 0 : ce.call(c, D) : null, y = o ?? (T == null ? void 0 : T.backgroundColor) ?? "transparent", S = N(async (C) => {
+    const k = s.find((O) => O.id === C);
+    if (!k) return;
+    const I = await er(k, r, y);
+    p.current.set(C, I), E((O) => O + 1);
   }, [s, r, y]), v = q(() => {
-    let k = s;
-    if (M) {
-      const C = c.getElementsOnArtboard(M);
-      k = k.filter((I) => C.includes(I.id));
+    let C = s;
+    if (D) {
+      const k = c.getElementsOnArtboard(D);
+      C = C.filter((I) => k.includes(I.id));
     }
-    return n || (k = k.filter((C) => C.visible !== !1)), k;
-  }, [s, M, n, c]), L = q(() => Fr(
+    return n || (C = C.filter((k) => k.visible !== !1)), C;
+  }, [s, D, n, c]), L = q(() => Fr(
     v,
     a,
     l,
     p.current,
     S
-  ), [v, a, l, S, m]), b = q(() => Pr(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]), F = N((k) => {
-    h(k);
+  ), [v, a, l, S, m]), b = q(() => Pr(L), [L]), M = q(() => b.filter((C) => C.isSelected), [b]), R = N((C, k = !1) => {
+    k ? l.includes(C) ? h(l.filter((I) => I !== C)) : h([...l, C]) : u(C);
+  }, [l, h, u]), F = N((C) => {
+    h(C);
   }, [h]), X = N(() => {
     u(null), h([]);
-  }, [u, h]), pe = N((k) => {
-    const C = s.find((z) => z.id === k);
-    if (!C) return;
-    const I = C.clone();
-    I.visible = !(C.visible ?? !0), d(I);
-  }, [s, d]), J = N((k) => {
-    const C = s.find((z) => z.id === k);
-    if (!C) return;
-    const I = C.clone();
-    I.locked = !(C.locked ?? !1), d(I);
-  }, [s, d]), re = N((k, C) => {
-    const I = s.find((K) => K.id === k);
+  }, [u, h]), pe = N((C) => {
+    const k = s.find((O) => O.id === C);
+    if (!k) return;
+    const I = k.clone();
+    I.visible = !(k.visible ?? !0), d(I);
+  }, [s, d]), J = N((C) => {
+    const k = s.find((O) => O.id === C);
+    if (!k) return;
+    const I = k.clone();
+    I.locked = !(k.locked ?? !1), d(I);
+  }, [s, d]), re = N((C, k) => {
+    const I = s.find((K) => K.id === C);
     if (!I) return;
-    const z = I.clone();
-    z.name = C, d(z);
-  }, [s, d]), Y = N((k) => {
-    const C = s.find((I) => I.id === k);
-    if (!C) {
-      ie.warn(`Element ${k} not found for deletion`);
+    const O = I.clone();
+    O.name = k, d(O);
+  }, [s, d]), Y = N((C) => {
+    const k = s.find((I) => I.id === C);
+    if (!k) {
+      ie.warn(`Element ${C} not found for deletion`);
       return;
     }
-    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`);
+    x(k), (a === C || l.includes(C)) && (u(null), h(l.filter((I) => I !== C)));
+  }, [s, x, a, l, u, h]), ee = N((C) => {
+    const k = s.find((ae) => ae.id === C);
+    if (!k) {
+      ie.warn(`Element ${C} not found for duplication`);
       return;
     }
-    const z = C.clone().toJSON();
-    delete z.id;
-    const K = C.constructor, P = new K(z);
-    P.x = C.x + 20, P.y = C.y + 20;
-    const Z = c.getArtboardIdForElement(k);
+    const O = k.clone().toJSON();
+    delete O.id;
+    const K = k.constructor, P = new K(O);
+    P.x = k.x + 20, P.y = k.y + 20;
+    const Z = c.getArtboardIdForElement(C);
     if (!Z) {
-      ie.warn(`Element ${k} not associated with any artboard`);
+      ie.warn(`Element ${C} not associated with any artboard`);
       return;
     }
-    g(P, Z, k), u(P.id);
-  }, [s, c, g, u]), ge = N((k, C) => {
-    if (k === C) return;
-    if (k < 0 || k >= v.length) {
-      ie.warn(`Invalid fromIndex: ${k}`);
+    g(P, Z, C), u(P.id);
+  }, [s, c, g, u]), ge = N((C, k) => {
+    if (C === k) return;
+    if (C < 0 || C >= v.length) {
+      ie.warn(`Invalid fromIndex: ${C}`);
       return;
     }
-    if (C < 0 || C >= v.length) {
-      ie.warn(`Invalid toIndex: ${C}`);
+    if (k < 0 || k >= v.length) {
+      ie.warn(`Invalid toIndex: ${k}`);
       return;
     }
-    const I = v[k], z = v[C], K = k < C ? "after" : "before";
-    w(I.id, z.id, K);
-  }, [v, w]), we = N((k) => {
-    const C = b.findIndex((I) => I.id === k);
-    if (C < 0) {
-      ie.warn(`Layer ${k} not found`);
+    const I = v[C], O = v[k], K = C < k ? "after" : "before";
+    w(I.id, O.id, K);
+  }, [v, w]), we = N((C) => {
+    const k = b.findIndex((I) => I.id === C);
+    if (k < 0) {
+      ie.warn(`Layer ${C} not found`);
       return;
     }
-    C >= b.length - 1 || ge(C, C + 1);
-  }, [b, ge]), oe = N((k) => {
-    const C = b.findIndex((I) => I.id === k);
-    if (C < 0) {
-      ie.warn(`Layer ${k} not found`);
+    k >= b.length - 1 || ge(k, k + 1);
+  }, [b, ge]), oe = N((C) => {
+    const k = b.findIndex((I) => I.id === C);
+    if (k < 0) {
+      ie.warn(`Layer ${C} not found`);
       return;
     }
-    C <= 0 || ge(C, C - 1);
-  }, [b, ge]), ue = N((k) => {
-    if (k.length < 2) {
+    k <= 0 || ge(k, k - 1);
+  }, [b, ge]), ue = N((C) => {
+    if (C.length < 2) {
       ie.warn("Need at least 2 elements to create a group");
       return;
     }
-    const C = s.filter(
-      (ne) => k.includes(ne.id) && ne.transformType !== "shape"
+    const k = s.filter(
+      (ne) => C.includes(ne.id) && ne.transformType !== "shape"
     );
-    if (C.length < 2) {
+    if (k.length < 2) {
       ie.warn("Need at least 2 groupable elements (shapes cannot be grouped)");
       return;
     }
-    const I = C.map((ne) => c.getArtboardIdForElement(ne.id)), z = [...new Set(I)];
-    if (z.length !== 1 || !z[0]) {
+    const I = k.map((ne) => c.getArtboardIdForElement(ne.id)), O = [...new Set(I)];
+    if (O.length !== 1 || !O[0]) {
       ie.warn("All elements must be on the same artboard to group");
       return;
     }
-    const K = z[0], P = C.map((ne) => ne.getBoundingBox()).filter(Boolean);
+    const K = O[0], P = k.map((ne) => ne.getBoundingBox()).filter(Boolean);
     if (P.length === 0) {
       ie.warn("Could not calculate bounding boxes for group");
       return;
@@ -673,138 +713,138 @@ function ni(e = {}) {
       x: Z,
       y: ae
     });
-    me.children = C.map((ne) => {
-      const $e = ne.clone();
-      return $e.x = ne.x - Z, $e.y = ne.y - ae, $e;
-    }), C.forEach((ne) => x(ne)), g(me, K), u(me.id), h([]);
-  }, [s, c, x, g, u, h]), Oe = N((k) => {
-    const C = s.find((P) => P.id === k);
-    if (!C) {
-      ie.warn(`Element ${k} not found for ungrouping`);
+    me.children = k.map((ne) => {
+      const He = ne.clone();
+      return He.x = ne.x - Z, He.y = ne.y - ae, He;
+    }), k.forEach((ne) => x(ne)), g(me, K), u(me.id), h([]);
+  }, [s, c, x, g, u, h]), ze = N((C) => {
+    const k = s.find((P) => P.id === C);
+    if (!k) {
+      ie.warn(`Element ${C} not found for ungrouping`);
       return;
     }
-    if (!(C instanceof Ie)) {
-      ie.warn(`Element ${k} is not a group`);
+    if (!(k instanceof Ie)) {
+      ie.warn(`Element ${C} is not a group`);
       return;
     }
-    const I = C;
+    const I = k;
     if (!I.children || I.children.length === 0) {
-      ie.warn(`Group ${k} has no children`);
+      ie.warn(`Group ${C} has no children`);
       return;
     }
-    const z = c.getArtboardIdForElement(k);
-    if (!z) {
-      ie.warn(`Group ${k} not associated with any artboard`);
+    const O = c.getArtboardIdForElement(C);
+    if (!O) {
+      ie.warn(`Group ${C} not associated with any artboard`);
       return;
     }
     const K = I.children.map((P) => {
       const Z = P.clone();
       return Z.x = P.x + I.x, Z.y = P.y + I.y, Z;
     });
-    x(I), K.forEach((P) => g(P, z)), K.length > 0 && u(K[0].id), h([]);
-  }, [s, c, x, g, u, h]), Se = N(async (k = r) => {
-    const C = async (I) => {
-      for (const z of I) {
-        const K = await er(z, k, y);
-        p.current.set(z.id, K), z instanceof Ie && z.children.length > 0 && await C(z.children);
+    x(I), K.forEach((P) => g(P, O)), K.length > 0 && u(K[0].id), h([]);
+  }, [s, c, x, g, u, h]), Se = N(async (C = r) => {
+    const k = async (I) => {
+      for (const O of I) {
+        const K = await er(O, C, y);
+        p.current.set(O.id, K), O instanceof Ie && O.children.length > 0 && await k(O.children);
       }
     };
-    await C(v), E((I) => I + 1);
+    await k(v), E((I) => I + 1);
   }, [r, y, v]);
   W(() => {
     if (!i) return;
-    const k = setTimeout(() => {
+    const C = setTimeout(() => {
       Se();
     }, ti);
-    return () => clearTimeout(k);
+    return () => clearTimeout(C);
   }, [i, Se]);
   const le = N(() => {
     p.current.clear();
-  }, []), ze = N(
-    (k, C, I) => {
-      w(k, C, I);
+  }, []), Oe = N(
+    (C, k, I) => {
+      w(C, k, I);
     },
     [w]
   ), Q = N(
-    (k, C, I, z) => {
-      const K = s.find((Te) => Te.id === z);
+    (C, k, I, O) => {
+      const K = s.find((Te) => Te.id === O);
       if (!K || !(K instanceof Ie)) {
-        ie.warn(`Group ${z} not found for reorder`);
+        ie.warn(`Group ${O} not found for reorder`);
         return;
       }
-      const P = K.clone(), Z = P.children.findIndex((Te) => Te.id === k), ae = P.children.findIndex((Te) => Te.id === C);
+      const P = K.clone(), Z = P.children.findIndex((Te) => Te.id === C), ae = P.children.findIndex((Te) => Te.id === k);
       if (Z === -1 || ae === -1) {
-        ie.warn(`Children not found in group for reorder: ${k}, ${C}`);
+        ie.warn(`Children not found in group for reorder: ${C}, ${k}`);
         return;
       }
-      const [me] = P.children.splice(Z, 1), ne = P.children.findIndex((Te) => Te.id === C), $e = I === "before" ? ne : ne + 1;
-      P.children.splice($e, 0, me), d(P);
+      const [me] = P.children.splice(Z, 1), ne = P.children.findIndex((Te) => Te.id === k), He = I === "before" ? ne : ne + 1;
+      P.children.splice(He, 0, me), d(P);
     },
     [s, d]
   ), se = N(
-    (k) => {
-      for (const C of s) {
-        if (C.id === k) return C;
-        if (C instanceof Ie) {
-          const I = C.children.find((z) => z.id === k);
+    (C) => {
+      for (const k of s) {
+        if (k.id === C) return k;
+        if (k instanceof Ie) {
+          const I = k.children.find((O) => O.id === C);
           if (I) return I;
         }
       }
       return null;
     },
     [s]
-  ), $ = N(
-    (k) => {
-      for (const C of s)
-        if (C instanceof Ie && C.children.some((I) => I.id === k))
-          return C;
+  ), H = N(
+    (C) => {
+      for (const k of s)
+        if (k instanceof Ie && k.children.some((I) => I.id === C))
+          return k;
       return null;
     },
     [s]
   ), xe = N(
-    (k, C) => {
-      const I = s.find((ae) => ae.id === k), z = s.find((ae) => ae.id === C);
-      if (!I || !z || !(z instanceof Ie)) {
-        ie.warn(`Cannot add ${k} to group ${C}`);
+    (C, k) => {
+      const I = s.find((ae) => ae.id === C), O = s.find((ae) => ae.id === k);
+      if (!I || !O || !(O instanceof Ie)) {
+        ie.warn(`Cannot add ${C} to group ${k}`);
         return;
       }
-      if (!c.getArtboardIdForElement(k)) return;
-      const P = z.clone(), Z = I.clone();
+      if (!c.getArtboardIdForElement(C)) return;
+      const P = O.clone(), Z = I.clone();
       Z.x = I.x, Z.y = I.y, P.addChild(Z), x(I), d(P);
     },
     [s, c, x, d]
-  ), Ce = N(
-    (k, C, I) => {
-      const z = $(k);
-      if (!z) {
-        ie.warn(`Element ${k} is not inside a group`);
+  ), ke = N(
+    (C, k, I) => {
+      const O = H(C);
+      if (!O) {
+        ie.warn(`Element ${C} is not inside a group`);
         return;
       }
-      const K = z.children.find((me) => me.id === k);
+      const K = O.children.find((me) => me.id === C);
       if (!K) return;
-      const P = c.getArtboardIdForElement(z.id);
+      const P = c.getArtboardIdForElement(O.id);
       if (!P) return;
-      const Z = K.clone(), ae = z.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, z.id), u(Z.id);
+      const Z = K.clone(), ae = O.clone();
+      ae.removeChild(C), d(ae), k && I ? g(Z, P, I === "after" ? k : void 0, I === "before" ? k : void 0) : g(Z, P, void 0, O.id), u(Z.id);
     },
-    [$, c, x, d, g, u]
+    [H, c, x, d, g, u]
   ), Je = N(() => {
-    const k = c.getActiveArtboardId();
-    if (!k) {
+    const C = c.getActiveArtboardId();
+    if (!C) {
       ie.warn("No active artboard for creating a group");
       return;
     }
-    const C = new Ie({
+    const k = new Ie({
       x: 0,
       y: 0,
       name: "New Group"
     });
-    g(C, k), u(C.id);
+    g(k, C), u(k.id);
   }, [c, g, u]);
   return {
     layers: L,
     flatLayers: b,
-    selectedLayers: D,
+    selectedLayers: M,
     selectLayer: R,
     selectMultipleLayers: F,
     clearSelection: X,
@@ -814,20 +854,20 @@ function ni(e = {}) {
     deleteLayer: Y,
     duplicateLayer: ee,
     reorderLayers: ge,
-    reorderById: ze,
+    reorderById: Oe,
     reorderWithinGroup: Q,
     moveLayerForward: we,
     moveLayerBackward: oe,
     groupLayers: ue,
-    ungroupLayer: Oe,
+    ungroupLayer: ze,
     addToGroup: xe,
-    removeFromGroup: Ce,
+    removeFromGroup: ke,
     createEmptyGroup: Je,
     findElementById: se,
-    findParentGroup: $,
+    findParentGroup: H,
     generateAllPreviews: Se,
     clearPreviewCache: le,
-    artboardId: M,
+    artboardId: D,
     artboardManager: c,
     layerCount: b.length
   };
@@ -881,7 +921,7 @@ function ii(e, t, n) {
   }
   return s(t), n.forEach(s), tr(e, i);
 }
-function $r(e, t) {
+function Hr(e, t) {
   const n = [];
   if (typeof e != "object" || typeof e.icons != "object") return n;
   e.not_found instanceof Array && e.not_found.forEach((o) => {
@@ -904,7 +944,7 @@ function ln(e, t) {
   for (const n in t) if (n in e && typeof e[n] != typeof t[n]) return !1;
   return !0;
 }
-function Br(e) {
+function $r(e) {
   if (typeof e != "object" || e === null) return null;
   const t = e;
   if (typeof t.prefix != "string" || !e.icons || typeof e.icons != "object" || !ln(e, si)) return null;
@@ -933,8 +973,8 @@ function nt(e, t) {
   const n = nr[e] || (nr[e] = /* @__PURE__ */ Object.create(null));
   return n[t] || (n[t] = ai(e, t));
 }
-function Hr(e, t) {
-  return Br(t) ? $r(t, (n, r) => {
+function Br(e, t) {
+  return $r(t) ? Hr(t, (n, r) => {
     r ? e.icons[n] = r : e.missing.add(n);
   }) : [];
 }
@@ -946,7 +986,7 @@ function li(e, t, n) {
   }
   return !1;
 }
-const Ur = /^[a-z0-9]+(-[a-z0-9]+)*$/, Wt = (e, t, n, r = "") => {
+const Vr = /^[a-z0-9]+(-[a-z0-9]+)*$/, Wt = (e, t, n, r = "") => {
   const o = e.split(":");
   if (e.slice(0, 1) === "@") {
     if (o.length < 2 || o.length > 3) return null;
@@ -959,7 +999,7 @@ const Ur = /^[a-z0-9]+(-[a-z0-9]+)*$/, Wt = (e, t, n, r = "") => {
       prefix: l,
       name: a
     };
-    return t && !Ot(c) ? null : c;
+    return t && !zt(c) ? null : c;
   }
   const i = o[0], s = i.split("-");
   if (s.length > 1) {
@@ -968,7 +1008,7 @@ const Ur = /^[a-z0-9]+(-[a-z0-9]+)*$/, Wt = (e, t, n, r = "") => {
       prefix: s.shift(),
       name: s.join("-")
     };
-    return t && !Ot(a) ? null : a;
+    return t && !zt(a) ? null : a;
   }
   if (n && r === "") {
     const a = {
@@ -976,12 +1016,12 @@ const Ur = /^[a-z0-9]+(-[a-z0-9]+)*$/, Wt = (e, t, n, r = "") => {
       prefix: "",
       name: i
     };
-    return t && !Ot(a, n) ? null : a;
+    return t && !zt(a, n) ? null : a;
   }
   return null;
-}, Ot = (e, t) => e ? !!((t && e.prefix === "" || e.prefix) && e.name) : !1;
+}, zt = (e, t) => e ? !!((t && e.prefix === "" || e.prefix) && e.name) : !1;
 let yt = !1;
-function Vr(e) {
+function Ur(e) {
   return typeof e == "boolean" && (yt = e), yt;
 }
 function rr(e) {
@@ -1001,17 +1041,17 @@ function Wr(e, t) {
   if (typeof e != "object") return !1;
   if (typeof t != "string" && (t = e.provider || ""), yt && !t && !e.prefix) {
     let o = !1;
-    return Br(e) && (e.prefix = "", $r(e, (i, s) => {
+    return $r(e) && (e.prefix = "", Hr(e, (i, s) => {
       Gr(i, s) && (o = !0);
     })), o;
   }
   const n = e.prefix;
-  if (!Ot({
+  if (!zt({
     prefix: n,
     name: "a"
   })) return !1;
   const r = nt(t, n);
-  return !!Hr(r, e);
+  return !!Br(r, e);
 }
 const _r = Object.freeze({
   width: null,
@@ -1078,19 +1118,19 @@ function Yr(e, t) {
     const p = [], m = w.hFlip, E = w.vFlip;
     let A = w.rotate;
     m ? E ? A += 2 : (p.push("translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"), p.push("scale(-1 1)"), o.top = o.left = 0) : E && (p.push("translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"), p.push("scale(1 -1)"), o.top = o.left = 0);
-    let M;
+    let D;
     switch (A < 0 && (A -= Math.floor(A / 4) * 4), A = A % 4, A) {
       case 1:
-        M = o.height / 2 + o.top, p.unshift("rotate(90 " + M.toString() + " " + M.toString() + ")");
+        D = o.height / 2 + o.top, p.unshift("rotate(90 " + D.toString() + " " + D.toString() + ")");
         break;
       case 2:
         p.unshift("rotate(180 " + (o.width / 2 + o.left).toString() + " " + (o.height / 2 + o.top).toString() + ")");
         break;
       case 3:
-        M = o.width / 2 + o.left, p.unshift("rotate(-90 " + M.toString() + " " + M.toString() + ")");
+        D = o.width / 2 + o.left, p.unshift("rotate(-90 " + D.toString() + " " + D.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 = hi(i, '<g transform="' + p.join(" ") + '">', "</g>"));
+    A % 2 === 1 && (o.left !== o.top && (D = o.left, o.left = o.top, o.top = D), o.width !== o.height && (D = o.width, o.width = o.height, o.height = D)), p.length && (i = hi(i, '<g transform="' + p.join(" ") + '">', "</g>"));
   });
   const s = r.width, a = r.height, l = o.width, c = o.height;
   let u, d;
@@ -1128,7 +1168,7 @@ const xn = /* @__PURE__ */ Object.create(null);
 function yi(e, t) {
   xn[e] = t;
 }
-function kn(e) {
+function Cn(e) {
   return xn[e] || xn[""];
 }
 function Pn(e) {
@@ -1146,14 +1186,14 @@ function Pn(e) {
     dataAfterTimeout: e.dataAfterTimeout !== !1
   };
 }
-const jn = /* @__PURE__ */ Object.create(null), ut = ["https://api.simplesvg.com", "https://api.unisvg.com"], zt = [];
-for (; ut.length > 0; ) ut.length === 1 || Math.random() > 0.5 ? zt.push(ut.shift()) : zt.push(ut.pop());
-jn[""] = Pn({ resources: ["https://api.iconify.design"].concat(zt) });
+const jn = /* @__PURE__ */ Object.create(null), ut = ["https://api.simplesvg.com", "https://api.unisvg.com"], Ot = [];
+for (; ut.length > 0; ) ut.length === 1 || Math.random() > 0.5 ? Ot.push(ut.shift()) : Ot.push(ut.pop());
+jn[""] = Pn({ resources: ["https://api.iconify.design"].concat(Ot) });
 function Xr(e, t) {
   const n = Pn(t);
   return n === null ? !1 : (jn[e] = n, !0);
 }
-function $n(e) {
+function Hn(e) {
   return jn[e];
 }
 const bi = () => {
@@ -1165,7 +1205,7 @@ const bi = () => {
 };
 let or = bi();
 function wi(e, t) {
-  const n = $n(e);
+  const n = Hn(e);
   if (!n) return 0;
   let r;
   if (!n.maxURL) r = 0;
@@ -1182,7 +1222,7 @@ function wi(e, t) {
 function xi(e) {
   return e === 404;
 }
-const ki = (e, t, n) => {
+const Ci = (e, t, n) => {
   const r = [], o = wi(e, t), i = "icons";
   let s = {
     type: i,
@@ -1199,9 +1239,9 @@ const ki = (e, t, n) => {
     }, a = l.length), s.icons.push(l);
   }), r.push(s), r;
 };
-function Ci(e) {
+function ki(e) {
   if (typeof e == "string") {
-    const t = $n(e);
+    const t = Hn(e);
     if (t) return t.path;
   }
   return "/";
@@ -1211,7 +1251,7 @@ const Si = (e, t, n) => {
     n("abort", 424);
     return;
   }
-  let r = Ci(t.provider);
+  let r = ki(t.provider);
   switch (t.type) {
     case "icons": {
       const i = t.prefix, a = t.icons.join(","), l = new URLSearchParams({ icons: a });
@@ -1251,7 +1291,7 @@ const Si = (e, t, n) => {
     n("next", o);
   });
 }, Ei = {
-  prepare: ki,
+  prepare: Ci,
   send: Si
 };
 function Jr(e, t) {
@@ -1289,9 +1329,9 @@ function Ai(e) {
     });
   }));
 }
-let Di = 0;
-function Mi(e, t, n) {
-  const r = Di++, o = Jr.bind(null, n, r);
+let Mi = 0;
+function Di(e, t, n) {
+  const r = Mi++, o = Jr.bind(null, n, r);
   if (!t.pending.length) return o;
   const i = {
     id: r,
@@ -1390,7 +1430,7 @@ function Ii(e, t, n, r) {
       y.status === "pending" && (y.status = "aborted");
     }), h = [];
   }
-  function M(y, S, v) {
+  function D(y, S, v) {
     const L = S !== "success";
     switch (h = h.filter((b) => b !== y), l) {
       case "pending":
@@ -1435,7 +1475,7 @@ function Ii(e, t, n, r) {
       status: "pending",
       resource: y,
       callback: (v, L) => {
-        M(S, v, L);
+        D(S, v, L);
       }
     };
     h.push(S), c++, d = setTimeout(T, e.rotate), n(y, t, S.callback);
@@ -1475,7 +1515,7 @@ function ir() {
 const cn = /* @__PURE__ */ Object.create(null);
 function Ni(e) {
   if (!cn[e]) {
-    const t = $n(e);
+    const t = Hn(e);
     if (!t) return;
     const n = Qr(t), r = {
       config: t,
@@ -1485,10 +1525,10 @@ function Ni(e) {
   }
   return cn[e];
 }
-function Oi(e, t, n) {
+function zi(e, t, n) {
   let r, o;
   if (typeof e == "string") {
-    const i = kn(e);
+    const i = Cn(e);
     if (!i)
       return n(void 0, 424), ir;
     o = i.send;
@@ -1498,7 +1538,7 @@ function Oi(e, t, n) {
     const i = Pn(e);
     if (i) {
       r = Qr(i);
-      const s = e.resources ? e.resources[0] : "", a = kn(s);
+      const s = e.resources ? e.resources[0] : "", a = Cn(s);
       a && (o = a.send);
     }
   }
@@ -1506,7 +1546,7 @@ function Oi(e, t, n) {
 }
 function sr() {
 }
-function zi(e) {
+function Oi(e) {
   e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
     e.iconsLoaderFlag = !1, Ai(e);
   }));
@@ -1514,7 +1554,7 @@ function zi(e) {
 function Fi(e) {
   const t = [], n = [];
   return e.forEach((r) => {
-    (r.match(Ur) ? t : n).push(r);
+    (r.match(Vr) ? t : n).push(r);
   }), {
     valid: t,
     invalid: n
@@ -1528,14 +1568,14 @@ function ft(e, t, n) {
     });
   }
   if (n && typeof n == "object") try {
-    if (!Hr(e, n).length) {
+    if (!Br(e, n).length) {
       r();
       return;
     }
   } catch (o) {
     console.error(o);
   }
-  r(), zi(e);
+  r(), Oi(e);
 }
 function ar(e, t) {
   e instanceof Promise ? e.then((n) => {
@@ -1571,20 +1611,20 @@ function Pi(e, t) {
     }
     const { valid: s, invalid: a } = Fi(o);
     if (a.length && ft(e, a, null), !s.length) return;
-    const l = r.match(Ur) ? kn(n) : null;
+    const l = r.match(Vr) ? Cn(n) : null;
     if (!l) {
       ft(e, s, null);
       return;
     }
     l.prepare(n, r, s).forEach((u) => {
-      Oi(n, u, (d) => {
+      zi(n, u, (d) => {
         ft(e, u.icons, d);
       });
     });
   }));
 }
 const Zr = (e, t) => {
-  const n = Ri(e, !0, Vr()), r = Li(n);
+  const n = Ri(e, !0, Ur()), r = Li(n);
   if (!r.pending.length) {
     let l = !0;
     return t && setTimeout(() => {
@@ -1607,7 +1647,7 @@ const Zr = (e, t) => {
   }), i.forEach((l) => {
     const c = o[l.provider][l.prefix];
     c.length && Pi(l, c);
-  }), t ? Mi(t, r, i) : sr;
+  }), t ? Di(t, r, i) : sr;
 };
 function ji(e, t) {
   const n = { ...e };
@@ -1617,9 +1657,9 @@ function ji(e, t) {
   }
   return n;
 }
-const $i = /[\s,]+/;
-function Bi(e, t) {
-  t.split($i).forEach((n) => {
+const Hi = /[\s,]+/;
+function $i(e, t) {
+  t.split(Hi).forEach((n) => {
     switch (n.trim()) {
       case "horizontal":
         e.hFlip = !0;
@@ -1630,7 +1670,7 @@ function Bi(e, t) {
     }
   });
 }
-function Hi(e, t = 0) {
+function Bi(e, t = 0) {
   const n = e.replace(/^-?[0-9.]*/, "");
   function r(o) {
     for (; o < 0; ) o += 4;
@@ -1655,16 +1695,16 @@ function Hi(e, t = 0) {
   }
   return t;
 }
-function Ui(e, t) {
+function Vi(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 Vi(e) {
+function Ui(e) {
   return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
 }
 function Gi(e) {
-  return "data:image/svg+xml," + Vi(e);
+  return "data:image/svg+xml," + Ui(e);
 }
 function Wi(e) {
   return 'url("' + Gi(e) + '")';
@@ -1690,7 +1730,7 @@ const eo = {
   role: "img"
 }, Ki = {
   display: "inline-block"
-}, Cn = {
+}, kn = {
   backgroundColor: "currentColor"
 }, to = {
   backgroundColor: "transparent"
@@ -1699,8 +1739,8 @@ const eo = {
   Repeat: "no-repeat",
   Size: "100% 100%"
 }, cr = {
-  WebkitMask: Cn,
-  mask: Cn,
+  WebkitMask: kn,
+  mask: kn,
   background: to
 };
 for (const e in cr) {
@@ -1760,7 +1800,7 @@ const Ji = (e, t, n) => {
           break;
         // Flip as string: 'horizontal,vertical'
         case "flip":
-          typeof m == "string" && Bi(o, m);
+          typeof m == "string" && $i(o, m);
           break;
         // Color: copy to style
         case "color":
@@ -1768,7 +1808,7 @@ const Ji = (e, t, n) => {
           break;
         // Rotation as string
         case "rotate":
-          typeof m == "string" ? o[p] = Hi(m) : typeof m == "number" && (o[p] = m);
+          typeof m == "string" ? o[p] = Bi(m) : typeof m == "number" && (o[p] = m);
           break;
         // Remove aria-hidden
         case "ariaHidden":
@@ -1791,7 +1831,7 @@ const Ji = (e, t, n) => {
       __html: qi(Kr(c.body, m ? () => m + "ID" + p++ : "iconifyReact"))
     }, yn("svg", l);
   }
-  const { body: d, width: h, height: g } = e, x = i === "mask" || (i === "bg" ? !1 : d.indexOf("currentColor") !== -1), w = Ui(d, {
+  const { body: d, width: h, height: g } = e, x = i === "mask" || (i === "bg" ? !1 : d.indexOf("currentColor") !== -1), w = Vi(d, {
     ...u,
     width: h + "",
     height: g + ""
@@ -1802,11 +1842,11 @@ const Ji = (e, t, n) => {
     width: dr(u.width),
     height: dr(u.height),
     ...Ki,
-    ...x ? Cn : to,
+    ...x ? kn : to,
     ...a
   }, yn("span", l);
 };
-Vr(!0);
+Ur(!0);
 yi("", Ei);
 if (typeof document < "u" && typeof window < "u") {
   const e = window;
@@ -1840,7 +1880,7 @@ if (typeof document < "u" && typeof window < "u") {
   }
 }
 function no(e) {
-  const [t, n] = H(!!e.ssr), [r, o] = H({});
+  const [t, n] = B(!!e.ssr), [r, o] = B({});
   function i(g) {
     if (g) {
       const x = e.icon;
@@ -1860,7 +1900,7 @@ function no(e) {
       name: ""
     };
   }
-  const [s, a] = H(i(!!e.ssr));
+  const [s, a] = B(i(!!e.ssr));
   function l() {
     const g = r.callback;
     g && (g(), o({}));
@@ -1900,7 +1940,7 @@ function no(e) {
     ...h
   }, e, d) : e.children ? e.children : e.fallback ? e.fallback : yn("span", {});
 }
-const B = In((e, t) => no({
+const $ = In((e, t) => no({
   ...e,
   _ref: t
 }));
@@ -1911,7 +1951,7 @@ In((e, t) => no({
 }));
 const Qi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Icon: B,
+  Icon: $,
   addAPIProvider: Xr,
   addCollection: Wr,
   addIcon: Gr,
@@ -1960,11 +2000,11 @@ const es = new Zi(), ts = Nr({ prefix: "sc" });
 function Le(...e) {
   return ts(Ir(e));
 }
-const ro = O.createContext({ variant: "transparent" });
+const ro = z.createContext({ variant: "transparent" });
 function ns() {
-  return O.useContext(ro);
+  return z.useContext(ro);
 }
-const rs = Or("", {
+const rs = zr("", {
   variants: {
     variant: {
       transparent: "sc:bg-transparent",
@@ -1975,14 +2015,14 @@ const rs = Or("", {
   defaultVariants: {
     variant: "default"
   }
-}), oo = O.forwardRef(
+}), oo = z.forwardRef(
   ({ className: e, variant: t = "default", asChild: n = !1, children: r, ...o }, i) => {
     const s = n ? Qo : "div";
     return /* @__PURE__ */ f(ro.Provider, { value: { variant: t ?? "default" }, children: /* @__PURE__ */ f(s, { ref: i, className: Le(rs({ variant: t }), e), ...o, children: r }) });
   }
 );
 oo.displayName = "Surface";
-const os = Or(
+const os = zr(
   "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: {
@@ -2027,7 +2067,7 @@ const os = Or(
       size: "default"
     }
   }
-), rt = O.forwardRef(
+), rt = z.forwardRef(
   ({ className: e, variant: t, size: n, onPress: r, isPending: o, onClick: i, disabled: s, selected: a, children: l, ...c }, u) => {
     const { variant: d } = ns(), h = d === "default", g = d === "secondary", x = (p) => {
       r && r(p), i && i(p);
@@ -2059,9 +2099,9 @@ const os = Or(
   }
 );
 rt.displayName = "Button";
-const io = O.createContext(null);
-function Bn() {
-  const e = O.useContext(io);
+const io = z.createContext(null);
+function $n() {
+  const e = z.useContext(io);
   if (!e)
     throw new Error("Drawer components must be used within a Drawer");
   return e;
@@ -2072,13 +2112,13 @@ function so({
   onOpenChange: n,
   children: r
 }) {
-  const [o, i] = O.useState(t), s = e !== void 0, a = s ? e : o, l = O.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 = O.useRef(!1);
-  return O.useLayoutEffect(() => {
+  ), c = 10, u = z.useRef(!1);
+  return z.useLayoutEffect(() => {
     if (a) {
       u.current = !0, document.documentElement.setAttribute("data-drawer-open", "true");
       const d = setTimeout(() => {
@@ -2089,12 +2129,12 @@ function so({
   }, [a]), /* @__PURE__ */ f(io.Provider, { value: { open: a, onOpenChange: l }, children: r });
 }
 so.displayName = "Drawer";
-const is = O.forwardRef(
+const is = z.forwardRef(
   ({ asChild: e, onClick: t, children: n, ...r }, o) => {
-    const { onOpenChange: i } = Bn(), s = (a) => {
+    const { onOpenChange: i } = $n(), s = (a) => {
       t == null || t(a), i(!0);
     };
-    return e && O.isValidElement(n) ? O.cloneElement(
+    return e && z.isValidElement(n) ? z.cloneElement(
       n,
       {
         onClick: s
@@ -2103,12 +2143,12 @@ const is = O.forwardRef(
   }
 );
 is.displayName = "DrawerTrigger";
-const ss = O.forwardRef(
+const ss = z.forwardRef(
   ({ asChild: e, onClick: t, children: n, ...r }, o) => {
-    const { onOpenChange: i } = Bn(), s = (a) => {
+    const { onOpenChange: i } = $n(), s = (a) => {
       t == null || t(a), i(!1);
     };
-    return e && O.isValidElement(n) ? O.cloneElement(
+    return e && z.isValidElement(n) ? z.cloneElement(
       n,
       {
         onClick: s
@@ -2117,7 +2157,7 @@ const ss = O.forwardRef(
   }
 );
 ss.displayName = "DrawerClose";
-const ao = O.forwardRef(
+const ao = z.forwardRef(
   ({
     className: e,
     children: t,
@@ -2139,38 +2179,38 @@ const ao = O.forwardRef(
     safeAreaPadding: m = !1,
     ...E
   }, A) => {
-    const { open: M, onOpenChange: T } = Bn(), [y, S] = O.useState(!1), [v, L] = O.useState(0), [b, D] = O.useState(!1), [R, F] = O.useState(!1), [X, pe] = O.useState(!1), [J, re] = O.useState(!1), Y = O.useRef(null), ee = O.useRef(null), ge = O.useRef(0), we = O.useRef(0), [oe, ue] = O.useState(!1), [Oe, Se] = O.useState(!1), le = O.useRef(!1), ze = O.useRef(!0), Q = O.useRef(null), se = 120;
-    O.useEffect(() => {
-      if (M) {
+    const { open: D, onOpenChange: T } = $n(), [y, S] = z.useState(!1), [v, L] = z.useState(0), [b, M] = z.useState(!1), [R, F] = 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), Oe = z.useRef(!0), Q = z.useRef(null), se = 120;
+    z.useEffect(() => {
+      if (D) {
         const _ = setTimeout(() => re(!0), se);
         return () => clearTimeout(_);
       } else
         re(!1);
-    }, [M]);
-    const $ = O.useCallback(
+    }, [D]);
+    const H = z.useCallback(
       (_) => {
         const fe = _.target, ye = fe.scrollHeight - fe.scrollTop - fe.clientHeight < 20;
         pe(ye);
       },
       []
     );
-    O.useImperativeHandle(A, () => Y.current), O.useEffect(() => {
+    z.useImperativeHandle(A, () => Y.current), z.useEffect(() => {
       S(!0), L(document.body.clientHeight);
       const _ = () => L(document.body.clientHeight);
       return window.addEventListener("resize", _), () => {
         window.removeEventListener("resize", _);
       };
-    }, []), O.useEffect(() => (M && u ? document.body.style.overflow = "hidden" : u && (document.body.style.overflow = ""), () => {
+    }, []), z.useEffect(() => (D && u ? document.body.style.overflow = "hidden" : u && (document.body.style.overflow = ""), () => {
       u && (document.body.style.overflow = "");
-    }), [M, u]), O.useLayoutEffect(() => {
-      if (!M) {
-        le.current = !1, ze.current = !0, ue(!1);
+    }), [D, u]), z.useLayoutEffect(() => {
+      if (!D) {
+        le.current = !1, Oe.current = !0, ue(!1);
         return;
       }
       const _ = setTimeout(() => {
-        le.current = !0, ze.current = !1;
+        le.current = !0, Oe.current = !1;
       }, 200), fe = () => {
-        !le.current || ze.current || (Q.current && clearTimeout(Q.current), Se(!0), ue(!0), Q.current = setTimeout(() => {
+        !le.current || Oe.current || (Q.current && clearTimeout(Q.current), Se(!0), ue(!0), Q.current = setTimeout(() => {
           Se(!1), Q.current = null;
         }, 60));
       }, ye = () => {
@@ -2179,77 +2219,77 @@ const ao = O.forwardRef(
       return window.addEventListener("drawer-open", fe), window.addEventListener("drawer-close", ye), () => {
         clearTimeout(_), Q.current && (clearTimeout(Q.current), Q.current = null), window.removeEventListener("drawer-open", fe), window.removeEventListener("drawer-close", ye);
       };
-    }, [M]);
-    const xe = oe ? 10 : 0, Ce = 50, Je = 10, ce = O.useRef(null), k = O.useCallback(
+    }, [D]);
+    const xe = oe ? 10 : 0, ke = 50, Je = 10, ce = z.useRef(null), C = z.useCallback(
       (_, fe) => {
-        const ye = window.scrollY, Mt = _ - ye, en = performance.now(), Lt = (at) => {
+        const ye = window.scrollY, Dt = _ - ye, en = performance.now(), Lt = (at) => {
           const Rt = at - en, Tt = Math.min(Rt / fe, 1), It = 1 - Math.pow(1 - Tt, 3);
-          window.scrollTo(0, ye + Mt * It), Tt < 1 && requestAnimationFrame(Lt);
+          window.scrollTo(0, ye + Dt * It), Tt < 1 && requestAnimationFrame(Lt);
         };
         requestAnimationFrame(Lt);
       },
       []
-    ), C = 10;
-    O.useEffect(() => {
-      if (M && !b) {
-        if (ce.current = document.documentElement.scrollTop, ce.current > Ce)
+    ), k = 10;
+    z.useEffect(() => {
+      if (D && !b) {
+        if (ce.current = document.documentElement.scrollTop, ce.current > ke)
           return;
         const _ = setTimeout(() => {
-          k(
-            ce.current + Ce,
+          C(
+            ce.current + ke,
             Je
           );
-        }, C);
+        }, k);
         return () => clearTimeout(_);
       }
-    }, [M, b, k]), O.useEffect(() => {
-      if (!M && !b && ce.current !== null) {
+    }, [D, b, C]), z.useEffect(() => {
+      if (!D && !b && ce.current !== null) {
         const _ = ce.current;
         ce.current = null, document.body.style.overflow = "", window.scrollTo(0, _);
       }
-    }, [M, b]);
-    const I = 300, z = 200, K = 250, P = 150, Z = K + P, ae = 50, me = O.useCallback(() => {
+    }, [D, b]);
+    const I = 300, O = 200, K = 250, P = 150, Z = K + P, ae = 50, me = z.useCallback(() => {
       setTimeout(() => {
-        D(!0), setTimeout(() => {
+        M(!0), setTimeout(() => {
           document.body.style.overflow = "";
           const fe = ce.current;
           fe !== null && (ce.current = null, window.scrollTo(0, fe));
         }, 150), setTimeout(() => {
           document.documentElement.removeAttribute("data-drawer-open"), window.dispatchEvent(new CustomEvent("drawer-close"));
-        }, z), setTimeout(() => {
+        }, O), setTimeout(() => {
           F(!0);
         }, K), setTimeout(() => {
-          D(!1), F(!1), T(!1);
+          M(!1), F(!1), T(!1);
         }, Z);
       }, ae);
     }, [T]);
-    O.useEffect(() => {
+    z.useEffect(() => {
       const _ = (fe) => {
-        fe.key === "Escape" && M && !b && me();
+        fe.key === "Escape" && D && !b && me();
       };
       return document.addEventListener("keydown", _), () => document.removeEventListener("keydown", _);
-    }, [M, b, me]);
-    const ne = O.useCallback(
+    }, [D, b, me]);
+    const ne = z.useCallback(
       (_) => {
         h || (ge.current = _.touches[0].clientY, we.current = 0, Y.current && (Y.current.style.transition = "none"));
       },
       [h]
-    ), $e = O.useCallback(
+    ), He = z.useCallback(
       (_) => {
         if (h) return;
         const fe = _.touches[0].clientY - ge.current;
         we.current = Math.max(0, fe), Y.current && (Y.current.style.transform = `translateY(${we.current}px)`);
       },
       [h]
-    ), Te = O.useCallback(() => {
+    ), Te = z.useCallback(() => {
       if (h) return;
       Y.current && (Y.current.style.transition = `transform ${g}ms cubic-bezier(0.32, 0.72, 0, 1)`, Y.current.style.transform = ""), we.current > 100 && me();
     }, [h, me, g]);
-    if (!y || !M && !b) return null;
-    const Ve = J || b, Ge = {
+    if (!y || !D && !b) return null;
+    const Ue = J || b, Ge = {
       "--animation-duration": `${g}ms`
     };
-    return zn(
+    return On(
       // The .sc-root wrapper is load-bearing: a body portal escapes the
       // editor's .sc-root scope, so without it every scoped theme token
       // (--sc-spacing-*, --sc-color-*, --sc-z-*) inside the drawer resolves
@@ -2282,7 +2322,7 @@ const ao = O.forwardRef(
                 "aria-hidden": "true"
               }
             ),
-            Oe && /* @__PURE__ */ f(
+            ze && /* @__PURE__ */ f(
               "div",
               {
                 className: "sc:fixed sc:w-full sc:bg-surface",
@@ -2294,7 +2334,7 @@ const ao = O.forwardRef(
                 }
               }
             ),
-            Ve && /* @__PURE__ */ f(
+            Ue && /* @__PURE__ */ f(
               "div",
               {
                 className: Le(
@@ -2351,7 +2391,7 @@ const ao = O.forwardRef(
                         "div",
                         {
                           onTouchStart: ne,
-                          onTouchMove: $e,
+                          onTouchMove: He,
                           onTouchEnd: Te,
                           className: Le(
                             "sc:cursor-grab sc:active:cursor-grabbing sc:flex-shrink-0",
@@ -2377,7 +2417,7 @@ const ao = O.forwardRef(
                               WebkitOverflowScrolling: "touch",
                               overscrollBehavior: "contain"
                             },
-                            onScroll: $,
+                            onScroll: H,
                             children: t
                           }
                         ),
@@ -2415,7 +2455,7 @@ const ao = O.forwardRef(
   }
 );
 ao.displayName = "DrawerContent";
-const lo = O.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
+const lo = z.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
   "h2",
   {
     ref: n,
@@ -2427,7 +2467,7 @@ const lo = O.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
   }
 ));
 lo.displayName = "DrawerTitle";
-const co = O.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
+const co = z.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
   "p",
   {
     ref: n,
@@ -2436,7 +2476,7 @@ const co = O.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
   }
 ));
 co.displayName = "DrawerDescription";
-const as = tt.Provider, ls = tt.Root, _t = tt.Trigger, Ct = O.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ f(tt.Portal, { children: /* @__PURE__ */ f(
+const as = tt.Provider, ls = tt.Root, _t = tt.Trigger, kt = z.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ f(tt.Portal, { children: /* @__PURE__ */ f(
   tt.Content,
   {
     ref: r,
@@ -2450,10 +2490,10 @@ const as = tt.Provider, ls = tt.Root, _t = tt.Trigger, Ct = O.forwardRef(({ clas
     ...n
   }
 ) }));
-Ct.displayName = tt.Content.displayName;
-const cs = ({ children: e, delayDuration: t, delay: n, ...r }) => /* @__PURE__ */ f(as, { children: /* @__PURE__ */ f(ls, { delayDuration: n ?? t ?? 200, ...r, children: e }) }), Hn = Object.assign(cs, {
+kt.displayName = tt.Content.displayName;
+const cs = ({ children: e, delayDuration: t, delay: n, ...r }) => /* @__PURE__ */ f(as, { children: /* @__PURE__ */ f(ls, { delayDuration: n ?? t ?? 200, ...r, children: e }) }), Bn = Object.assign(cs, {
   Trigger: _t,
-  Content: Ct
+  Content: kt
 }), ds = Nr({ prefix: "sc" });
 function Sn(...e) {
   return ds(Ir(e));
@@ -2524,7 +2564,7 @@ const uo = ({
           height: `${l}px`
         },
         children: /* @__PURE__ */ f(
-          B,
+          $,
           {
             icon: e,
             width: "100%",
@@ -2545,7 +2585,7 @@ const uo = ({
       className: Sn("sc:inline-flex", n),
       style: { width: `${s}px`, height: `${s}px` },
       children: /* @__PURE__ */ f(
-        B,
+        $,
         {
           icon: e,
           width: "100%",
@@ -2568,12 +2608,13 @@ const En = te.forwardRef(
     "aria-label": s,
     disabled: a = !1,
     className: l,
-    onMouseLeave: c
-  }, u) => {
-    const d = /* @__PURE__ */ f(
+    onMouseLeave: c,
+    "data-testid": u
+  }, d) => {
+    const h = /* @__PURE__ */ f(
       rt,
       {
-        ref: u,
+        ref: d,
         variant: "ghost",
         size: "toolbar",
         onClick: t,
@@ -2581,19 +2622,20 @@ const En = te.forwardRef(
         "aria-label": s || r,
         "aria-pressed": n,
         "data-active": n,
+        "data-testid": u,
         onMouseLeave: c,
         className: Sn(l),
         children: typeof e == "string" ? /* @__PURE__ */ f(uo, { icon: e, size: "toolbar" }) : e
       }
     );
-    return !r || i ? d : /* @__PURE__ */ j(Hn, { delay: o, children: [
-      /* @__PURE__ */ f(_t, { asChild: !0, children: d }),
-      /* @__PURE__ */ f(Ct, { children: r })
+    return !r || i ? h : /* @__PURE__ */ j(Bn, { delay: o, children: [
+      /* @__PURE__ */ f(_t, { asChild: !0, children: h }),
+      /* @__PURE__ */ f(kt, { children: r })
     ] });
   }
 );
 En.displayName = "ToolbarButton";
-const V = {
+const U = {
   // Navigation/Actions
   plus: "lucide:plus",
   minus: "lucide:minus",
@@ -2658,7 +2700,7 @@ const V = {
     refreshArtboards: n,
     setSelectedId: r,
     setMultiSelection: o
-  } = On(), i = t.getActiveArtboardId(), s = t.getActiveArtboard(), a = q(() => e.map((p) => {
+  } = zn(), i = t.getActiveArtboardId(), s = t.getActiveArtboard(), a = q(() => e.map((p) => {
     const E = t.getElementsOnArtboard(p.id).length;
     return {
       id: p.id,
@@ -2749,32 +2791,32 @@ function it(e) {
   return t === "[object Window]" || // In Electron context the Window object serializes to [object global]
   t === "[object global]";
 }
-function Un(e) {
+function Vn(e) {
   return "nodeType" in e;
 }
-function ke(e) {
+function Ce(e) {
   var t, n;
-  return e ? it(e) ? e : Un(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
+  return e ? it(e) ? e : Vn(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
 }
-function Vn(e) {
+function Un(e) {
   const {
     Document: t
-  } = ke(e);
+  } = Ce(e);
   return e instanceof t;
 }
 function St(e) {
-  return it(e) ? !1 : e instanceof ke(e).HTMLElement;
+  return it(e) ? !1 : e instanceof Ce(e).HTMLElement;
 }
 function fo(e) {
-  return e instanceof ke(e).SVGElement;
+  return e instanceof Ce(e).SVGElement;
 }
 function st(e) {
-  return e ? it(e) ? e.document : Un(e) ? Vn(e) ? e : St(e) || fo(e) ? e.ownerDocument : document : document : document;
+  return e ? it(e) ? e.document : Vn(e) ? Un(e) ? e : St(e) || fo(e) ? e.ownerDocument : document : document : document;
 }
-const Ue = qt ? Nn : W;
+const Ve = qt ? Nn : W;
 function Yt(e) {
   const t = G(e);
-  return Ue(() => {
+  return Ve(() => {
     t.current = e;
   }), N(function() {
     for (var n = arguments.length, r = new Array(n), o = 0; o < n; o++)
@@ -2793,7 +2835,7 @@ function bs() {
 function bt(e, t) {
   t === void 0 && (t = [e]);
   const n = G(e);
-  return Ue(() => {
+  return Ve(() => {
     n.current !== e && (n.current = e);
   }, t), n;
 }
@@ -2808,7 +2850,7 @@ function Et(e, t) {
     [...t]
   );
 }
-function $t(e) {
+function Ht(e) {
   const t = Yt(e), n = G(null), r = N(
     (o) => {
       o !== n.current && (t == null || t(o, n.current)), n.current = o;
@@ -2818,7 +2860,7 @@ function $t(e) {
   );
   return [n, r];
 }
-function Bt(e) {
+function $t(e) {
   const t = G();
   return W(() => {
     t.current = e;
@@ -2858,7 +2900,7 @@ function Gn(e) {
     return !1;
   const {
     KeyboardEvent: t
-  } = ke(e.target);
+  } = Ce(e.target);
   return t && e instanceof t;
 }
 function xs(e) {
@@ -2866,10 +2908,10 @@ function xs(e) {
     return !1;
   const {
     TouchEvent: t
-  } = ke(e.target);
+  } = Ce(e.target);
   return t && e instanceof t;
 }
-function Ht(e) {
+function Bt(e) {
   if (xs(e)) {
     if (e.touches && e.touches.length) {
       const {
@@ -2936,10 +2978,10 @@ const xt = /* @__PURE__ */ Object.freeze({
     }
   }
 }), ur = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
-function ks(e) {
+function Cs(e) {
   return e.matches(ur) ? e : e.querySelector(ur);
 }
-const Cs = {
+const ks = {
   display: "none"
 };
 function Ss(e) {
@@ -2949,7 +2991,7 @@ function Ss(e) {
   } = e;
   return te.createElement("div", {
     id: t,
-    style: Cs
+    style: ks
   }, n);
 }
 function Es(e) {
@@ -2981,7 +3023,7 @@ function Es(e) {
   }, n);
 }
 function As() {
-  const [e, t] = H("");
+  const [e, t] = B("");
   return {
     announce: N((r) => {
       r != null && t(r);
@@ -2990,7 +3032,7 @@ function As() {
   };
 }
 const po = /* @__PURE__ */ Xe(null);
-function Ds(e) {
+function Ms(e) {
   const t = je(po);
   W(() => {
     if (!t)
@@ -2998,8 +3040,8 @@ function Ds(e) {
     return t(e);
   }, [e, t]);
 }
-function Ms() {
-  const [e] = H(() => /* @__PURE__ */ new Set()), t = N((r) => (e.add(r), () => e.delete(r)), [e]);
+function Ds() {
+  const [e] = B(() => /* @__PURE__ */ new Set()), t = N((r) => (e.add(r), () => e.delete(r)), [e]);
   return [N((r) => {
     let {
       type: o,
@@ -3055,10 +3097,10 @@ function Ts(e) {
   const {
     announce: i,
     announcement: s
-  } = As(), a = Kt("DndLiveRegion"), [l, c] = H(!1);
+  } = As(), a = Kt("DndLiveRegion"), [l, c] = B(!1);
   if (W(() => {
     c(!0);
-  }, []), Ds(q(() => ({
+  }, []), Ms(q(() => ({
     onDragStart(d) {
       let {
         active: h
@@ -3116,13 +3158,13 @@ function Ts(e) {
     id: a,
     announcement: s
   }));
-  return n ? zn(u, n) : u;
+  return n ? On(u, n) : u;
 }
 var de;
 (function(e) {
   e.DragStart = "dragStart", e.DragMove = "dragMove", e.DragEnd = "dragEnd", e.DragCancel = "dragCancel", e.DragOver = "dragOver", e.RegisterDroppable = "registerDroppable", e.SetDroppableDisabled = "setDroppableDisabled", e.UnregisterDroppable = "unregisterDroppable";
 })(de || (de = {}));
-function Ut() {
+function Vt() {
 }
 function fr(e, t) {
   return q(
@@ -3151,7 +3193,7 @@ function Wn(e, t) {
   return Math.sqrt(Math.pow(e.x - t.x, 2) + Math.pow(e.y - t.y, 2));
 }
 function Ns(e, t) {
-  const n = Ht(e);
+  const n = Bt(e);
   if (!n)
     return "0 0";
   const r = {
@@ -3172,7 +3214,7 @@ function _n(e, t) {
   } = t;
   return n - r;
 }
-function Os(e, t) {
+function zs(e, t) {
   let {
     data: {
       value: n
@@ -3217,7 +3259,7 @@ function hr(e, t, n) {
     y: n + e.height * 0.5
   };
 }
-const zs = (e) => {
+const Os = (e) => {
   let {
     collisionRect: t,
     droppableRects: n,
@@ -3294,9 +3336,9 @@ const js = (e) => {
       });
     }
   }
-  return o.sort(Os);
+  return o.sort(zs);
 };
-function $s(e, t) {
+function Hs(e, t) {
   const {
     top: n,
     left: r,
@@ -3305,7 +3347,7 @@ function $s(e, t) {
   } = t;
   return n <= e.y && e.y <= o && r <= e.x && e.x <= i;
 }
-const Bs = (e) => {
+const $s = (e) => {
   let {
     droppableContainers: t,
     droppableRects: n,
@@ -3318,7 +3360,7 @@ const Bs = (e) => {
     const {
       id: s
     } = i, a = n.get(s);
-    if (a && $s(r, a)) {
+    if (a && Hs(r, a)) {
       const c = An(a).reduce((d, h) => d + Wn(r, h), 0), u = Number((c / 4).toFixed(4));
       o.push({
         id: s,
@@ -3331,7 +3373,7 @@ const Bs = (e) => {
   }
   return o.sort(_n);
 };
-function Hs(e, t, n) {
+function Bs(e, t, n) {
   return {
     ...e,
     scaleX: t && n ? t.width / n.width : 1,
@@ -3344,7 +3386,7 @@ function mo(e, t) {
     y: e.top - t.top
   } : Ne;
 }
-function Us(e) {
+function Vs(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];
@@ -3359,7 +3401,7 @@ function Us(e) {
     });
   };
 }
-const Vs = /* @__PURE__ */ Us(1);
+const Us = /* @__PURE__ */ Vs(1);
 function vo(e) {
   if (e.startsWith("matrix3d(")) {
     const t = e.slice(9, -1).split(/, /);
@@ -3409,7 +3451,7 @@ function At(e, t) {
     const {
       transform: c,
       transformOrigin: u
-    } = ke(e).getComputedStyle(e);
+    } = Ce(e).getComputedStyle(e);
     c && (n = Gs(n, c, u));
   }
   const {
@@ -3446,10 +3488,10 @@ function _s(e) {
   };
 }
 function qs(e, t) {
-  return t === void 0 && (t = ke(e).getComputedStyle(e)), t.position === "fixed";
+  return t === void 0 && (t = Ce(e).getComputedStyle(e)), t.position === "fixed";
 }
 function Ys(e, t) {
-  t === void 0 && (t = ke(e).getComputedStyle(e));
+  t === void 0 && (t = Ce(e).getComputedStyle(e));
   const n = /(auto|scroll|overlay)/;
   return ["overflow", "overflowX", "overflowY"].some((o) => {
     const i = t[o];
@@ -3461,11 +3503,11 @@ function Xt(e, t) {
   function r(o) {
     if (t != null && n.length >= t || !o)
       return n;
-    if (Vn(o) && o.scrollingElement != null && !n.includes(o.scrollingElement))
+    if (Un(o) && o.scrollingElement != null && !n.includes(o.scrollingElement))
       return n.push(o.scrollingElement), n;
     if (!St(o) || fo(o) || n.includes(o))
       return n;
-    const i = ke(e).getComputedStyle(o);
+    const i = Ce(e).getComputedStyle(o);
     return o !== e && Ys(o, i) && n.push(o), qs(o, i) ? n : r(o.parentNode);
   }
   return e ? r(e) : n;
@@ -3475,7 +3517,7 @@ function yo(e) {
   return t ?? null;
 }
 function hn(e) {
-  return !qt || !e ? null : it(e) ? e : Un(e) ? Vn(e) || e === st(e).scrollingElement ? window : St(e) ? e : null : null;
+  return !qt || !e ? null : it(e) ? e : Vn(e) ? Un(e) || e === st(e).scrollingElement ? window : St(e) ? e : null : null;
 }
 function bo(e) {
   return it(e) ? e.scrollX : e.scrollLeft;
@@ -3483,7 +3525,7 @@ function bo(e) {
 function wo(e) {
   return it(e) ? e.scrollY : e.scrollTop;
 }
-function Dn(e) {
+function Mn(e) {
   return {
     x: bo(e),
     y: wo(e)
@@ -3496,7 +3538,7 @@ var he;
 function xo(e) {
   return !qt || !e ? !1 : e === document.scrollingElement;
 }
-function ko(e) {
+function Co(e) {
   const t = {
     x: 0,
     y: 0
@@ -3536,7 +3578,7 @@ function Xs(e, t, n, r, o) {
     isBottom: u,
     isLeft: d,
     isRight: h
-  } = ko(e), g = {
+  } = Co(e), g = {
     x: 0,
     y: 0
   }, x = {
@@ -3581,8 +3623,8 @@ function Js(e) {
     height: e.clientHeight
   };
 }
-function Co(e) {
-  return e.reduce((t, n) => et(t, Dn(n)), Ne);
+function ko(e) {
+  return e.reduce((t, n) => et(t, Mn(n)), Ne);
 }
 function Qs(e) {
   return e.reduce((t, n) => t + bo(n), 0);
@@ -3608,7 +3650,7 @@ const ea = [["x", ["left", "right"], Qs], ["y", ["top", "bottom"], Zs]];
 class qn {
   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;
-    const r = Xt(n), o = Co(r);
+    const r = Xt(n), o = ko(r);
     this.rect = {
       ...t
     }, this.width = t.width, this.height = t.height;
@@ -3643,7 +3685,7 @@ class gt {
 function ta(e) {
   const {
     EventTarget: t
-  } = ke(e);
+  } = Ce(e);
   return e instanceof t ? e : st(e);
 }
 function pn(e, t) {
@@ -3660,35 +3702,35 @@ function gr(e) {
 function na(e) {
   e.stopPropagation();
 }
-var U;
+var V;
 (function(e) {
   e.Space = "Space", e.Down = "ArrowDown", e.Right = "ArrowRight", e.Left = "ArrowLeft", e.Up = "ArrowUp", e.Esc = "Escape", e.Enter = "Enter", e.Tab = "Tab";
-})(U || (U = {}));
+})(V || (V = {}));
 const Eo = {
-  start: [U.Space, U.Enter],
-  cancel: [U.Esc],
-  end: [U.Space, U.Enter, U.Tab]
+  start: [V.Space, V.Enter],
+  cancel: [V.Esc],
+  end: [V.Space, V.Enter, V.Tab]
 }, ra = (e, t) => {
   let {
     currentCoordinates: n
   } = t;
   switch (e.code) {
-    case U.Right:
+    case V.Right:
       return {
         ...n,
         x: n.x + 25
       };
-    case U.Left:
+    case V.Left:
       return {
         ...n,
         x: n.x - 25
       };
-    case U.Down:
+    case V.Down:
       return {
         ...n,
         y: n.y + 25
       };
-    case U.Up:
+    case V.Up:
       return {
         ...n,
         y: n.y - 25
@@ -3703,7 +3745,7 @@ class Yn {
         target: n
       }
     } = t;
-    this.props = t, this.listeners = new gt(st(n)), this.windowListeners = new gt(ke(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+    this.props = t, this.listeners = new gt(st(n)), this.windowListeners = new gt(Ce(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
   }
   attach() {
     this.handleStart(), this.windowListeners.add(Re.Resize, this.handleCancel), this.windowListeners.add(Re.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(Re.Keydown, this.handleKeyDown));
@@ -3760,37 +3802,37 @@ class Yn {
             isTop: m,
             isRight: E,
             isLeft: A,
-            isBottom: M,
+            isBottom: D,
             maxScroll: T,
             minScroll: y
-          } = ko(w), S = Js(w), v = {
-            x: Math.min(p === U.Right ? S.right - S.width / 2 : S.right, Math.max(p === U.Right ? S.left : S.left + S.width / 2, d.x)),
-            y: Math.min(p === U.Down ? S.bottom - S.height / 2 : S.bottom, Math.max(p === U.Down ? S.top : S.top + S.height / 2, d.y))
-          }, L = p === U.Right && !E || p === U.Left && !A, b = p === U.Down && !M || p === U.Up && !m;
+          } = Co(w), S = Js(w), v = {
+            x: Math.min(p === V.Right ? S.right - S.width / 2 : S.right, Math.max(p === V.Right ? S.left : S.left + S.width / 2, d.x)),
+            y: Math.min(p === V.Down ? S.bottom - S.height / 2 : S.bottom, Math.max(p === V.Down ? S.top : S.top + S.height / 2, d.y))
+          }, L = p === V.Right && !E || p === V.Left && !A, b = p === V.Down && !D || p === V.Up && !m;
           if (L && v.x !== d.x) {
-            const D = w.scrollLeft + h.x, R = p === U.Right && D <= T.x || p === U.Left && D >= y.x;
+            const M = w.scrollLeft + h.x, R = p === V.Right && M <= T.x || p === V.Left && M >= y.x;
             if (R && !h.y) {
               w.scrollTo({
-                left: D,
+                left: M,
                 behavior: a
               });
               return;
             }
-            R ? g.x = w.scrollLeft - D : g.x = p === U.Right ? w.scrollLeft - T.x : w.scrollLeft - y.x, g.x && w.scrollBy({
+            R ? g.x = w.scrollLeft - M : g.x = p === V.Right ? w.scrollLeft - T.x : w.scrollLeft - y.x, g.x && w.scrollBy({
               left: -g.x,
               behavior: a
             });
             break;
           } else if (b && v.y !== d.y) {
-            const D = w.scrollTop + h.y, R = p === U.Down && D <= T.y || p === U.Up && D >= y.y;
+            const M = w.scrollTop + h.y, R = p === V.Down && M <= T.y || p === V.Up && M >= y.y;
             if (R && !h.x) {
               w.scrollTo({
-                top: D,
+                top: M,
                 behavior: a
               });
               return;
             }
-            R ? g.y = w.scrollTop - D : g.y = p === U.Down ? w.scrollTop - T.y : w.scrollTop - y.y, g.y && w.scrollBy({
+            R ? g.y = w.scrollTop - M : g.y = p === V.Down ? w.scrollTop - T.y : w.scrollTop - y.y, g.y && w.scrollBy({
               top: -g.y,
               behavior: a
             });
@@ -3859,7 +3901,7 @@ class Kn {
     } = t, {
       target: s
     } = i;
-    this.props = t, this.events = n, this.document = st(s), this.documentListeners = new gt(this.document), this.listeners = new gt(r), this.windowListeners = new gt(ke(s)), this.initialCoordinates = (o = Ht(i)) != null ? o : Ne, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
+    this.props = t, this.events = n, this.document = st(s), this.documentListeners = new gt(this.document), this.listeners = new gt(r), this.windowListeners = new gt(Ce(s)), this.initialCoordinates = (o = Bt(i)) != null ? o : Ne, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
   }
   attach() {
     const {
@@ -3925,7 +3967,7 @@ class Kn {
     } = i;
     if (!o)
       return;
-    const l = (n = Ht(t)) != null ? n : Ne, c = wt(o, l);
+    const l = (n = Bt(t)) != null ? n : Ne, c = wt(o, l);
     if (!r && a) {
       if (mr(a)) {
         if (a.tolerance != null && pn(c, a.tolerance))
@@ -3955,7 +3997,7 @@ class Kn {
     this.detach(), this.activated || t(this.props.active), n();
   }
   handleKeydown(t) {
-    t.code === U.Esc && this.handleCancel();
+    t.code === V.Esc && this.handleCancel();
   }
   removeTextSelection() {
     var t;
@@ -4002,10 +4044,10 @@ const ia = {
     name: "mouseup"
   }
 };
-var Mn;
+var Dn;
 (function(e) {
   e[e.RightClick = 2] = "RightClick";
-})(Mn || (Mn = {}));
+})(Dn || (Dn = {}));
 class sa extends Kn {
   constructor(t) {
     super(t, ia, st(t.event.target));
@@ -4019,7 +4061,7 @@ sa.activators = [{
     } = e, {
       onActivation: r
     } = t;
-    return n.button === Mn.RightClick ? !1 : (r == null || r({
+    return n.button === Dn.RightClick ? !1 : (r == null || r({
       event: n
     }), !0);
   }
@@ -4070,10 +4112,10 @@ var mt;
 (function(e) {
   e[e.Pointer = 0] = "Pointer", e[e.DraggableRect = 1] = "DraggableRect";
 })(mt || (mt = {}));
-var Vt;
+var Ut;
 (function(e) {
   e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
-})(Vt || (Vt = {}));
+})(Ut || (Ut = {}));
 function la(e) {
   let {
     acceleration: t,
@@ -4082,7 +4124,7 @@ function la(e) {
     draggingRect: o,
     enabled: i,
     interval: s = 5,
-    order: a = Vt.TreeOrder,
+    order: a = Ut.TreeOrder,
     pointerCoordinates: l,
     scrollableAncestors: c,
     scrollableAncestorRects: u,
@@ -4110,13 +4152,13 @@ function la(e) {
       case mt.DraggableRect:
         return o;
     }
-  }, [n, o, l]), A = G(null), M = N(() => {
+  }, [n, o, l]), A = G(null), D = 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(() => a === Vt.TreeOrder ? [...c].reverse() : c, [a, c]);
+  }, []), T = q(() => a === Ut.TreeOrder ? [...c].reverse() : c, [a, c]);
   W(
     () => {
       if (!i || !c.length || !E) {
@@ -4133,10 +4175,10 @@ function la(e) {
           direction: L,
           speed: b
         } = Xs(y, v, E, t, h);
-        for (const D of ["x", "y"])
-          g[D][L[D]] || (b[D] = 0, L[D] = 0);
+        for (const M of ["x", "y"])
+          g[M][L[M]] || (b[M] = 0, L[M] = 0);
         if (b.x > 0 || b.y > 0) {
-          w(), A.current = y, x(M, s), p.current = b, m.current = L;
+          w(), A.current = y, x(D, s), p.current = b, m.current = L;
           return;
         }
       }
@@ -4151,7 +4193,7 @@ function la(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       t,
-      M,
+      D,
       r,
       w,
       i,
@@ -4184,7 +4226,7 @@ function da(e) {
     delta: t,
     disabled: n
   } = e;
-  const r = Bt(t);
+  const r = $t(t);
   return Et((o) => {
     if (n || !r || !o)
       return ca;
@@ -4222,10 +4264,10 @@ function fa(e, t) {
     return [...n, ...i];
   }, []), [e, t]);
 }
-var kt;
+var Ct;
 (function(e) {
   e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
-})(kt || (kt = {}));
+})(Ct || (Ct = {}));
 var Ln;
 (function(e) {
   e.Optimized = "optimized";
@@ -4237,7 +4279,7 @@ function ha(e, t) {
     dependencies: r,
     config: o
   } = t;
-  const [i, s] = H(null), {
+  const [i, s] = B(null), {
     frequency: a,
     measure: l,
     strategy: c
@@ -4255,7 +4297,7 @@ function ha(e, t) {
           E.set(A.id, A.rect.current);
           continue;
         }
-        const M = A.node.current, T = M ? new qn(l(M), M) : null;
+        const D = A.node.current, T = D ? new qn(l(D), D) : null;
         A.rect.current = T, T && E.set(A.id, T);
       }
       return E;
@@ -4291,9 +4333,9 @@ function ha(e, t) {
   };
   function p() {
     switch (c) {
-      case kt.Always:
+      case Ct.Always:
         return !1;
-      case kt.BeforeDragging:
+      case Ct.BeforeDragging:
         return n;
       default:
         return !n;
@@ -4345,7 +4387,7 @@ function ma(e) {
 }
 function br(e, t, n) {
   t === void 0 && (t = ma);
-  const [r, o] = H(null);
+  const [r, o] = B(null);
   function i() {
     o((l) => {
       if (!e)
@@ -4375,7 +4417,7 @@ function br(e, t, n) {
   }), a = Jt({
     callback: i
   });
-  return Ue(() => {
+  return Ve(() => {
     i(), e ? (a == null || a.observe(e), s == null || s.observe(document.body, {
       childList: !0,
       subtree: !0
@@ -4394,9 +4436,9 @@ function ya(e) {
   }, [e]), n;
 }
 function ba(e) {
-  const [t, n] = H(null), r = G(e), o = N((i) => {
+  const [t, n] = B(null), r = G(e), o = N((i) => {
     const s = hn(i.target);
-    s && n((a) => a ? (a.set(s, Dn(s)), new Map(a)) : null);
+    s && n((a) => a ? (a.set(s, Mn(s)), new Map(a)) : null);
   }, []);
   return W(() => {
     const i = r.current;
@@ -4406,7 +4448,7 @@ function ba(e) {
         const c = hn(l);
         return c ? (c.addEventListener("scroll", o, {
           passive: !0
-        }), [c, Dn(c)]) : null;
+        }), [c, Mn(c)]) : null;
       }).filter((l) => l != null);
       n(a.length ? new Map(a) : null), r.current = e;
     }
@@ -4419,7 +4461,7 @@ function ba(e) {
         c == null || c.removeEventListener("scroll", o);
       });
     }
-  }, [o, e]), q(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => et(i, s), Ne) : Co(e) : Ne, [e, t]);
+  }, [o, e]), q(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => et(i, s), Ne) : ko(e) : Ne, [e, t]);
 }
 function xr(e, t) {
   t === void 0 && (t = []);
@@ -4475,21 +4517,21 @@ function xa(e, t) {
 function Ao(e) {
   return q(() => e ? _s(e) : null, [e]);
 }
-const kr = [];
-function ka(e, t) {
+const Cr = [];
+function Ca(e, t) {
   t === void 0 && (t = At);
-  const [n] = e, r = Ao(n ? ke(n) : null), [o, i] = H(kr);
+  const [n] = e, r = Ao(n ? Ce(n) : null), [o, i] = B(Cr);
   function s() {
-    i(() => e.length ? e.map((l) => xo(l) ? r : new qn(t(l), l)) : kr);
+    i(() => e.length ? e.map((l) => xo(l) ? r : new qn(t(l), l)) : Cr);
   }
   const a = Jt({
     callback: s
   });
-  return Ue(() => {
+  return Ve(() => {
     a == null || a.disconnect(), s(), e.forEach((l) => a == null ? void 0 : a.observe(l));
   }, [e]), o;
 }
-function Do(e) {
+function Mo(e) {
   if (!e)
     return null;
   if (e.children.length > 1)
@@ -4497,11 +4539,11 @@ function Do(e) {
   const t = e.children[0];
   return St(t) ? t : e;
 }
-function Ca(e) {
+function ka(e) {
   let {
     measure: t
   } = e;
-  const [n, r] = H(null), o = N((c) => {
+  const [n, r] = B(null), o = N((c) => {
     for (const {
       target: u
     } of c)
@@ -4519,9 +4561,9 @@ function Ca(e) {
   }, [t]), i = Jt({
     callback: o
   }), s = N((c) => {
-    const u = Do(c);
+    const u = Mo(c);
     i == null || i.disconnect(), u && (i == null || i.observe(u)), r(u ? t(u) : null);
-  }, [t, i]), [a, l] = $t(s);
+  }, [t, i]), [a, l] = Ht(s);
   return q(() => ({
     nodeRef: a,
     rect: n,
@@ -4542,7 +4584,7 @@ const Sa = [{
   },
   droppable: {
     measure: pr,
-    strategy: kt.WhileDragging,
+    strategy: Ct.WhileDragging,
     frequency: Ln.Optimized
   },
   dragOverlay: {
@@ -4586,15 +4628,15 @@ const Aa = {
       current: null
     },
     rect: null,
-    setRef: Ut
+    setRef: Vt
   },
   scrollableAncestors: [],
   scrollableAncestorRects: [],
   measuringConfiguration: Ft,
-  measureDroppableContainers: Ut,
+  measureDroppableContainers: Vt,
   windowRect: null,
   measuringScheduled: !1
-}, Mo = {
+}, Do = {
   activatorEvent: null,
   activators: [],
   active: null,
@@ -4602,12 +4644,12 @@ const Aa = {
   ariaDescribedById: {
     draggable: ""
   },
-  dispatch: Ut,
+  dispatch: Vt,
   draggableNodes: /* @__PURE__ */ new Map(),
   over: null,
-  measureDroppableContainers: Ut
-}, Dt = /* @__PURE__ */ Xe(Mo), Lo = /* @__PURE__ */ Xe(Aa);
-function Da() {
+  measureDroppableContainers: Vt
+}, Mt = /* @__PURE__ */ Xe(Do), Lo = /* @__PURE__ */ Xe(Aa);
+function Ma() {
   return {
     draggable: {
       active: null,
@@ -4626,7 +4668,7 @@ function Da() {
     }
   };
 }
-function Ma(e, t) {
+function Da(e, t) {
   switch (t.type) {
     case de.DragStart:
       return {
@@ -4727,7 +4769,7 @@ function La(e) {
     active: n,
     activatorEvent: r,
     draggableNodes: o
-  } = je(Dt), i = Bt(r), s = Bt(n == null ? void 0 : n.id);
+  } = je(Mt), i = $t(r), s = $t(n == null ? void 0 : n.id);
   return W(() => {
     if (!t && !r && i && s != null) {
       if (!Gn(i) || document.activeElement === i.target)
@@ -4745,7 +4787,7 @@ function La(e) {
         for (const u of [l.current, c.current]) {
           if (!u)
             continue;
-          const d = ks(u);
+          const d = Cs(u);
           if (d) {
             d.focus();
             break;
@@ -4799,7 +4841,7 @@ function Ta(e) {
     x: o,
     y: o
   } : o;
-  Ue(() => {
+  Ve(() => {
     if (!s && !a || !t) {
       i.current = !1;
       return;
@@ -4841,7 +4883,7 @@ const Ia = /* @__PURE__ */ Go(function(t) {
     modifiers: g,
     ...x
   } = t;
-  const w = Wo(Ma, void 0, Da), [p, m] = w, [E, A] = Ms(), [M, T] = H(Ye.Uninitialized), y = M === Ye.Initialized, {
+  const w = Wo(Da, void 0, Ma), [p, m] = w, [E, A] = Ds(), [D, T] = B(Ye.Uninitialized), y = D === Ye.Initialized, {
     draggable: {
       active: S,
       nodes: v,
@@ -4850,7 +4892,7 @@ const Ia = /* @__PURE__ */ Go(function(t) {
     droppable: {
       containers: b
     }
-  } = p, D = S != null ? v.get(S) : null, R = G({
+  } = p, M = S != null ? v.get(S) : null, R = G({
     initial: null,
     translated: null
   }), F = q(() => {
@@ -4858,25 +4900,25 @@ const Ia = /* @__PURE__ */ Go(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 : Ea,
+      data: (be = M == null ? void 0 : M.data) != null ? be : Ea,
       rect: R
     } : null;
-  }, [S, D]), X = G(null), [pe, J] = H(null), [re, Y] = H(null), ee = bt(x, Object.values(x)), ge = Kt("DndDescribedBy", s), we = q(() => b.getEnabled(), [b]), oe = Ra(h), {
+  }, [S, M]), X = G(null), [pe, J] = B(null), [re, Y] = B(null), ee = bt(x, Object.values(x)), ge = Kt("DndDescribedBy", s), we = q(() => b.getEnabled(), [b]), oe = Ra(h), {
     droppableRects: ue,
-    measureDroppableContainers: Oe,
+    measureDroppableContainers: ze,
     measuringScheduled: Se
   } = ha(we, {
     dragging: y,
     dependencies: [L.x, L.y],
     config: oe.droppable
-  }), le = ua(v, S), ze = q(() => re ? Ht(re) : null, [re]), Q = Vo(), se = pa(le, oe.draggable.measure);
+  }), le = ua(v, S), Oe = q(() => re ? Bt(re) : null, [re]), Q = Uo(), se = pa(le, oe.draggable.measure);
   Ta({
     activeNode: S != null ? v.get(S) : null,
     config: Q.layoutShiftCompensation,
     initialRect: se,
     measure: oe.draggable.measure
   });
-  const $ = br(le, oe.draggable.measure, se), xe = br(le ? le.parentElement : null), Ce = G({
+  const H = br(le, oe.draggable.measure, se), xe = br(le ? le.parentElement : null), ke = G({
     activatorEvent: null,
     active: null,
     activeNode: le,
@@ -4890,32 +4932,32 @@ const Ia = /* @__PURE__ */ Go(function(t) {
     over: null,
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
-  }), Je = b.getNodeFor((n = Ce.current.over) == null ? void 0 : n.id), ce = Ca({
+  }), Je = b.getNodeFor((n = ke.current.over) == null ? void 0 : n.id), ce = ka({
     measure: oe.dragOverlay.measure
-  }), k = (r = ce.nodeRef.current) != null ? r : le, C = y ? (o = ce.rect) != null ? o : $ : null, I = !!(ce.nodeRef.current && ce.rect), z = va(I ? null : $), K = Ao(k ? ke(k) : null), P = ya(y ? Je ?? le : null), Z = ka(P), ae = Ro(g, {
+  }), C = (r = ce.nodeRef.current) != null ? r : le, k = y ? (o = ce.rect) != null ? o : H : null, I = !!(ce.nodeRef.current && ce.rect), O = va(I ? null : H), K = Ao(C ? Ce(C) : null), P = ya(y ? Je ?? le : null), Z = Ca(P), ae = Ro(g, {
     transform: {
-      x: L.x - z.x,
-      y: L.y - z.y,
+      x: L.x - O.x,
+      y: L.y - O.y,
       scaleX: 1,
       scaleY: 1
     },
     activatorEvent: re,
     active: F,
-    activeNodeRect: $,
+    activeNodeRect: H,
     containerNodeRect: xe,
-    draggingNodeRect: C,
-    over: Ce.current.over,
+    draggingNodeRect: k,
+    over: ke.current.over,
     overlayNodeRect: ce.rect,
     scrollableAncestors: P,
     scrollableAncestorRects: Z,
     windowRect: K
-  }), me = ze ? et(ze, L) : null, ne = ba(P), $e = xr(ne), Te = xr(ne, [$]), Ve = et(ae, $e), Ge = C ? Vs(C, ae) : null, _ = F && Ge ? d({
+  }), me = Oe ? et(Oe, L) : null, ne = ba(P), He = xr(ne), Te = xr(ne, [H]), Ue = et(ae, He), Ge = k ? Us(k, ae) : null, _ = F && Ge ? d({
     active: F,
     collisionRect: Ge,
     droppableRects: ue,
     droppableContainers: we,
     pointerCoordinates: me
-  }) : null, fe = go(_, "id"), [ye, Mt] = H(null), en = I ? ae : et(ae, Te), Lt = Hs(en, (i = ye == null ? void 0 : ye.rect) != null ? i : null, $), at = G(null), Rt = N(
+  }) : null, fe = go(_, "id"), [ye, Dt] = B(null), en = I ? ae : et(ae, Te), Lt = Bs(en, (i = ye == null ? void 0 : ye.rect) != null ? i : null, H), at = G(null), Rt = N(
     (be, Ee) => {
       let {
         sensor: Ae,
@@ -4923,31 +4965,31 @@ const Ia = /* @__PURE__ */ Go(function(t) {
       } = Ee;
       if (X.current == null)
         return;
-      const Me = v.get(X.current);
-      if (!Me)
+      const De = v.get(X.current);
+      if (!De)
         return;
-      const De = be.nativeEvent, Fe = new Ae({
+      const Me = be.nativeEvent, Fe = new Ae({
         active: X.current,
-        activeNode: Me,
-        event: De,
+        activeNode: De,
+        event: Me,
         options: We,
         // Sensors need to be instantiated with refs for arguments that change over time
         // otherwise they are frozen in time with the stale arguments
-        context: Ce,
+        context: ke,
         onAbort(ve) {
           if (!v.get(ve))
             return;
           const {
             onDragAbort: Pe
-          } = ee.current, Be = {
+          } = ee.current, $e = {
             id: ve
           };
-          Pe == null || Pe(Be), E({
+          Pe == null || Pe($e), E({
             type: "onDragAbort",
-            event: Be
+            event: $e
           });
         },
-        onPending(ve, _e, Pe, Be) {
+        onPending(ve, _e, Pe, $e) {
           if (!v.get(ve))
             return;
           const {
@@ -4956,7 +4998,7 @@ const Ia = /* @__PURE__ */ Go(function(t) {
             id: ve,
             constraint: _e,
             initialCoordinates: Pe,
-            offset: Be
+            offset: $e
           };
           ct == null || ct(qe), E({
             type: "onDragPending",
@@ -4971,9 +5013,9 @@ const Ia = /* @__PURE__ */ Go(function(t) {
           if (!Pe)
             return;
           const {
-            onDragStart: Be
+            onDragStart: $e
           } = ee.current, lt = {
-            activatorEvent: De,
+            activatorEvent: Me,
             active: {
               id: _e,
               data: Pe.data,
@@ -4981,14 +5023,14 @@ const Ia = /* @__PURE__ */ Go(function(t) {
             }
           };
           Nt(() => {
-            Be == null || Be(lt), T(Ye.Initializing), m({
+            $e == null || $e(lt), T(Ye.Initializing), m({
               type: de.DragStart,
               initialCoordinates: ve,
               active: _e
             }), E({
               type: "onDragStart",
               event: lt
-            }), J(at.current), Y(De);
+            }), J(at.current), Y(Me);
           });
         },
         onMove(ve) {
@@ -5005,19 +5047,19 @@ const Ia = /* @__PURE__ */ Go(function(t) {
         return async function() {
           const {
             active: Pe,
-            collisions: Be,
+            collisions: $e,
             over: lt,
             scrollAdjustedTranslate: ct
-          } = Ce.current;
+          } = ke.current;
           let qe = null;
           if (Pe && ct) {
             const {
               cancelDrop: dt
             } = ee.current;
             qe = {
-              activatorEvent: De,
+              activatorEvent: Me,
               active: Pe,
-              collisions: Be,
+              collisions: $e,
               delta: ct,
               over: lt
             }, ve === de.DragEnd && typeof dt == "function" && await Promise.resolve(dt(qe)) && (ve = de.DragCancel);
@@ -5025,7 +5067,7 @@ const Ia = /* @__PURE__ */ Go(function(t) {
           X.current = null, Nt(() => {
             m({
               type: ve
-            }), T(Ye.Uninitialized), Mt(null), J(null), Y(null), at.current = null;
+            }), T(Ye.Uninitialized), Dt(null), J(null), Y(null), at.current = null;
             const dt = ve === de.DragEnd ? "onDragEnd" : "onDragCancel";
             if (qe) {
               const tn = ee.current[dt];
@@ -5041,24 +5083,24 @@ const Ia = /* @__PURE__ */ Go(function(t) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [v]
   ), Tt = N((be, Ee) => (Ae, We) => {
-    const Me = Ae.nativeEvent, De = v.get(We);
+    const De = Ae.nativeEvent, Me = v.get(We);
     if (
       // Another sensor is already instantiating
       X.current !== null || // No active draggable
-      !De || // Event has already been captured
-      Me.dndKit || Me.defaultPrevented
+      !Me || // Event has already been captured
+      De.dndKit || De.defaultPrevented
     )
       return;
     const Fe = {
-      active: De
+      active: Me
     };
-    be(Ae, Ee.options, Fe) === !0 && (Me.dndKit = {
+    be(Ae, Ee.options, Fe) === !0 && (De.dndKit = {
       capturedBy: Ee.sensor
     }, X.current = We, Rt(Ae, Ee));
   }, [v, Rt]), It = fa(u, Tt);
-  wa(u), Ue(() => {
-    $ && M === Ye.Initializing && T(Ye.Initialized);
-  }, [$, M]), W(
+  wa(u), Ve(() => {
+    H && D === Ye.Initializing && T(Ye.Initialized);
+  }, [H, D]), W(
     () => {
       const {
         onDragMove: be
@@ -5066,29 +5108,29 @@ const Ia = /* @__PURE__ */ Go(function(t) {
         active: Ee,
         activatorEvent: Ae,
         collisions: We,
-        over: Me
-      } = Ce.current;
+        over: De
+      } = ke.current;
       if (!Ee || !Ae)
         return;
-      const De = {
+      const Me = {
         active: Ee,
         activatorEvent: Ae,
         collisions: We,
         delta: {
-          x: Ve.x,
-          y: Ve.y
+          x: Ue.x,
+          y: Ue.y
         },
-        over: Me
+        over: De
       };
       Nt(() => {
-        be == null || be(De), E({
+        be == null || be(Me), E({
           type: "onDragMove",
-          event: De
+          event: Me
         });
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [Ve.x, Ve.y]
+    [Ue.x, Ue.y]
   ), W(
     () => {
       const {
@@ -5096,12 +5138,12 @@ const Ia = /* @__PURE__ */ Go(function(t) {
         activatorEvent: Ee,
         collisions: Ae,
         droppableContainers: We,
-        scrollAdjustedTranslate: Me
-      } = Ce.current;
-      if (!be || X.current == null || !Ee || !Me)
+        scrollAdjustedTranslate: De
+      } = ke.current;
+      if (!be || X.current == null || !Ee || !De)
         return;
       const {
-        onDragOver: De
+        onDragOver: Me
       } = ee.current, Fe = We.get(fe), Qe = Fe && Fe.rect.current ? {
         id: Fe.id,
         rect: Fe.rect.current,
@@ -5112,13 +5154,13 @@ const Ia = /* @__PURE__ */ Go(function(t) {
         activatorEvent: Ee,
         collisions: Ae,
         delta: {
-          x: Me.x,
-          y: Me.y
+          x: De.x,
+          y: De.y
         },
         over: Qe
       };
       Nt(() => {
-        Mt(Qe), De == null || De(ve), E({
+        Dt(Qe), Me == null || Me(ve), E({
           type: "onDragOver",
           event: ve
         });
@@ -5126,8 +5168,8 @@ const Ia = /* @__PURE__ */ Go(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [fe]
-  ), Ue(() => {
-    Ce.current = {
+  ), Ve(() => {
+    ke.current = {
       activatorEvent: re,
       active: F,
       activeNode: le,
@@ -5135,17 +5177,17 @@ const Ia = /* @__PURE__ */ Go(function(t) {
       collisions: _,
       droppableRects: ue,
       draggableNodes: v,
-      draggingNode: k,
-      draggingNodeRect: C,
+      draggingNode: C,
+      draggingNodeRect: k,
       droppableContainers: b,
       over: ye,
       scrollableAncestors: P,
-      scrollAdjustedTranslate: Ve
+      scrollAdjustedTranslate: Ue
     }, R.current = {
-      initial: C,
+      initial: k,
       translated: Ge
     };
-  }, [F, le, _, Ge, v, k, C, ue, b, ye, P, Ve]), la({
+  }, [F, le, _, Ge, v, C, k, ue, b, ye, P, Ue]), la({
     ...Q,
     delta: L,
     draggingRect: Ge,
@@ -5153,10 +5195,10 @@ const Ia = /* @__PURE__ */ Go(function(t) {
     scrollableAncestors: P,
     scrollableAncestorRects: Z
   });
-  const Ho = q(() => ({
+  const Bo = q(() => ({
     active: F,
     activeNode: le,
-    activeNodeRect: $,
+    activeNodeRect: H,
     activatorEvent: re,
     collisions: _,
     containerNodeRect: xe,
@@ -5165,31 +5207,31 @@ const Ia = /* @__PURE__ */ Go(function(t) {
     droppableContainers: b,
     droppableRects: ue,
     over: ye,
-    measureDroppableContainers: Oe,
+    measureDroppableContainers: ze,
     scrollableAncestors: P,
     scrollableAncestorRects: Z,
     measuringConfiguration: oe,
     measuringScheduled: Se,
     windowRect: K
-  }), [F, le, $, re, _, xe, ce, v, b, ue, ye, Oe, P, Z, oe, Se, K]), Uo = q(() => ({
+  }), [F, le, H, re, _, xe, ce, v, b, ue, ye, ze, P, Z, oe, Se, K]), Vo = q(() => ({
     activatorEvent: re,
     activators: It,
     active: F,
-    activeNodeRect: $,
+    activeNodeRect: H,
     ariaDescribedById: {
       draggable: ge
     },
     dispatch: m,
     draggableNodes: v,
     over: ye,
-    measureDroppableContainers: Oe
-  }), [re, It, F, $, m, ge, v, ye, Oe]);
+    measureDroppableContainers: ze
+  }), [re, It, F, H, m, ge, v, ye, ze]);
   return te.createElement(po.Provider, {
     value: A
-  }, te.createElement(Dt.Provider, {
-    value: Uo
+  }, te.createElement(Mt.Provider, {
+    value: Vo
   }, te.createElement(Lo.Provider, {
-    value: Ho
+    value: Bo
   }, te.createElement(Qt.Provider, {
     value: Lt
   }, c)), te.createElement(La, {
@@ -5198,7 +5240,7 @@ const Ia = /* @__PURE__ */ Go(function(t) {
     ...a,
     hiddenTextDescribedById: ge
   }));
-  function Vo() {
+  function Uo() {
     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,
@@ -5207,15 +5249,15 @@ const Ia = /* @__PURE__ */ Go(function(t) {
       enabled: Ae
     };
   }
-}), Na = /* @__PURE__ */ Xe(null), Cr = "button", Oa = "Draggable";
-function za(e) {
+}), Na = /* @__PURE__ */ Xe(null), kr = "button", za = "Draggable";
+function Oa(e) {
   let {
     id: t,
     data: n,
     disabled: r = !1,
     attributes: o
   } = e;
-  const i = Kt(Oa), {
+  const i = Kt(za), {
     activators: s,
     activatorEvent: a,
     active: l,
@@ -5223,17 +5265,17 @@ function za(e) {
     ariaDescribedById: u,
     draggableNodes: d,
     over: h
-  } = je(Dt), {
-    role: g = Cr,
+  } = je(Mt), {
+    role: g = kr,
     roleDescription: x = "draggable",
     tabIndex: w = 0
-  } = o ?? {}, p = (l == null ? void 0 : l.id) === t, m = je(p ? Qt : Na), [E, A] = $t(), [M, T] = $t(), y = xa(s, t), S = bt(n);
-  Ue(
+  } = o ?? {}, p = (l == null ? void 0 : l.id) === t, m = je(p ? Qt : Na), [E, A] = Ht(), [D, T] = Ht(), y = xa(s, t), S = bt(n);
+  Ve(
     () => (d.set(t, {
       id: t,
       key: i,
       node: E,
-      activatorNode: M,
+      activatorNode: D,
       data: S
     }), () => {
       const L = d.get(t);
@@ -5246,7 +5288,7 @@ function za(e) {
     role: g,
     tabIndex: w,
     "aria-disabled": r,
-    "aria-pressed": p && g === Cr ? !0 : void 0,
+    "aria-pressed": p && g === kr ? !0 : void 0,
     "aria-roledescription": x,
     "aria-describedby": u.draggable
   }), [r, g, w, p, x, u.draggable]);
@@ -5282,7 +5324,7 @@ function To(e) {
     dispatch: a,
     over: l,
     measureDroppableContainers: c
-  } = je(Dt), u = G({
+  } = je(Mt), u = G({
     disabled: n
   }), d = G(!1), h = G(null), g = G(null), {
     disabled: x,
@@ -5306,9 +5348,9 @@ function To(e) {
   ), A = Jt({
     callback: E,
     disabled: x || !s
-  }), M = N((v, L) => {
+  }), D = N((v, L) => {
     A && (L && (A.unobserve(L), d.current = !1), v && A.observe(v));
-  }, [A]), [T, y] = $t(M), S = bt(t);
+  }, [A]), [T, y] = Ht(D), S = bt(t);
   return W(() => {
     !A || !T.current || (A.disconnect(), d.current = !1, A.observe(T.current));
   }, [T, A]), W(
@@ -5345,13 +5387,13 @@ function To(e) {
     setNodeRef: y
   };
 }
-function $a(e) {
+function Ha(e) {
   let {
     animation: t,
     children: n
   } = e;
-  const [r, o] = H(null), [i, s] = H(null), a = Bt(n);
-  return !n && !r && a && o(a), Ue(() => {
+  const [r, o] = B(null), [i, s] = B(null), a = $t(n);
+  return !n && !r && a && o(a), Ve(() => {
     if (!i)
       return;
     const l = r == null ? void 0 : r.key, c = r == null ? void 0 : r.props.id;
@@ -5366,26 +5408,26 @@ function $a(e) {
     ref: s
   }) : null);
 }
-const Ba = {
+const $a = {
   x: 0,
   y: 0,
   scaleX: 1,
   scaleY: 1
 };
-function Ha(e) {
+function Ba(e) {
   let {
     children: t
   } = e;
-  return te.createElement(Dt.Provider, {
-    value: Mo
+  return te.createElement(Mt.Provider, {
+    value: Do
   }, te.createElement(Qt.Provider, {
-    value: Ba
+    value: $a
   }, t));
 }
-const Ua = {
+const Va = {
   position: "fixed",
   touchAction: "none"
-}, Va = (e) => Gn(e) ? "transform 250ms ease" : void 0, Ga = /* @__PURE__ */ In((e, t) => {
+}, Ua = (e) => Gn(e) ? "transform 250ms ease" : void 0, Ga = /* @__PURE__ */ In((e, t) => {
   let {
     as: n,
     activatorEvent: r,
@@ -5395,7 +5437,7 @@ const Ua = {
     rect: a,
     style: l,
     transform: c,
-    transition: u = Va
+    transition: u = Ua
   } = e;
   if (!a)
     return null;
@@ -5404,7 +5446,7 @@ const Ua = {
     scaleX: 1,
     scaleY: 1
   }, h = {
-    ...Ua,
+    ...Va,
     width: a.width,
     height: a.height,
     top: a.top,
@@ -5479,12 +5521,12 @@ function Ya(e) {
     const l = a.node.current;
     if (!l)
       return;
-    const c = Do(s);
+    const c = Mo(s);
     if (!c)
       return;
     const {
       transform: u
-    } = ke(s).getComputedStyle(s), d = vo(u);
+    } = Ce(s).getComputedStyle(s), d = vo(u);
     if (!d)
       return;
     const h = typeof t == "function" ? t : Ka(t);
@@ -5592,7 +5634,7 @@ const Ja = /* @__PURE__ */ te.memo((e) => {
     over: m,
     measuringConfiguration: E,
     scrollableAncestors: A,
-    scrollableAncestorRects: M,
+    scrollableAncestorRects: D,
     windowRect: T
   } = Fa(), y = je(Qt), S = Xa(d == null ? void 0 : d.id), v = Ro(s, {
     activatorEvent: u,
@@ -5603,7 +5645,7 @@ const Ja = /* @__PURE__ */ te.memo((e) => {
     over: m,
     overlayNodeRect: p.rect,
     scrollableAncestors: A,
-    scrollableAncestorRects: M,
+    scrollableAncestorRects: D,
     transform: y,
     windowRect: T
   }), L = Jn(h), b = Ya({
@@ -5611,13 +5653,13 @@ const Ja = /* @__PURE__ */ te.memo((e) => {
     draggableNodes: x,
     droppableContainers: w,
     measuringConfiguration: E
-  }), D = L ? p.setRef : void 0;
-  return te.createElement(Ha, null, te.createElement($a, {
+  }), M = L ? p.setRef : void 0;
+  return te.createElement(Ba, null, te.createElement(Ha, {
     animation: b
   }, d && S ? te.createElement(Ga, {
     key: S,
     id: d.id,
-    ref: D,
+    ref: M,
     as: a,
     activatorEvent: u,
     adjustScale: t,
@@ -5637,7 +5679,7 @@ function Gt(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 Qa = [U.Down, U.Right, U.Up, U.Left], Za = (e, t) => {
+const Qa = [V.Down, V.Right, V.Up, V.Left], Za = (e, t) => {
   let {
     context: {
       active: n,
@@ -5658,16 +5700,16 @@ const Qa = [U.Down, U.Right, U.Up, U.Left], Za = (e, t) => {
       const h = o.get(d.id);
       if (h)
         switch (e.code) {
-          case U.Down:
+          case V.Down:
             r.top < h.top && l.push(d);
             break;
-          case U.Up:
+          case V.Up:
             r.top > h.top && l.push(d);
             break;
-          case U.Left:
+          case V.Left:
             r.left > h.left && l.push(d);
             break;
-          case U.Right:
+          case V.Right:
             r.left < h.left && l.push(d);
             break;
         }
@@ -5687,11 +5729,11 @@ const Qa = [U.Down, U.Right, U.Up, U.Left], Za = (e, t) => {
         } : {
           x: E ? r.width - g.width : 0,
           y: E ? r.height - g.height : 0
-        }, M = {
+        }, D = {
           x: g.left,
           y: g.top
         };
-        return A.x && A.y ? M : wt(M, A);
+        return A.x && A.y ? D : wt(D, A);
       }
     }
   }
@@ -5716,7 +5758,7 @@ function tl(e) {
     onDropIntoGroupAtPosition: o,
     onRemoveFromGroup: i,
     findParentGroup: s
-  } = e, [a, l] = H(null), [c, u] = H(null), [d, h] = H(null), g = G(null), x = Is(
+  } = e, [a, l] = B(null), [c, u] = B(null), [d, h] = B(null), g = G(null), x = Is(
     fr(Xn, {
       activationConstraint: {
         distance: 5
@@ -5752,15 +5794,15 @@ function tl(e) {
       }
       const L = String(y.id), b = String(S.id);
       if (b.startsWith("group-footer::")) {
-        const D = b.replace("group-footer::", ""), R = s == null ? void 0 : s(L);
-        R && R.id === D ? i == null || i(L) : t(L, D, "before"), E();
+        const M = b.replace("group-footer::", ""), R = s == null ? void 0 : s(L);
+        R && R.id === M ? i == null || i(L) : t(L, M, "before"), E();
         return;
       }
       if (v === "into")
         r == null || r(L, b);
       else {
-        const D = v === "before" ? "after" : "before", R = s == null ? void 0 : s(L), F = s == null ? void 0 : s(b);
-        R && F && R.id === F.id ? n == null || n(L, b, D, R.id) : !R && F && o ? o(L, F.id, b, D) : t(L, b, D);
+        const M = v === "before" ? "after" : "before", R = s == null ? void 0 : s(L), F = s == null ? void 0 : s(b);
+        R && F && R.id === F.id ? n == null || n(L, b, M, R.id) : !R && F && o ? o(L, F.id, b, M) : t(L, b, M);
       }
       E();
     },
@@ -5773,7 +5815,7 @@ function tl(e) {
       s,
       E
     ]
-  ), M = N(() => {
+  ), D = N(() => {
     E();
   }, [E]);
   return {
@@ -5785,14 +5827,14 @@ function tl(e) {
     onDragMove: m,
     onDragOver: p,
     onDragEnd: A,
-    onDragCancel: M
+    onDragCancel: D
   };
 }
 const nl = (e) => {
   var h, g;
   const { pointerCoordinates: t, droppableContainers: n, droppableRects: r } = e;
-  let o = Bs(e);
-  if (o.length === 0 && (o = zs(e)), o.length === 0 || !t) return o;
+  let o = $s(e);
+  if (o.length === 0 && (o = Os(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" } }];
@@ -5818,11 +5860,11 @@ const nl = (e) => {
   onDelete: u,
   deleteSuppressed: d
 }) => {
-  const { attributes: h, listeners: g, setNodeRef: x, isDragging: w } = za({ id: e.id }), { setNodeRef: p } = To({ id: e.id, data: { isGroup: !!e.isGroup } }), m = N((L) => {
+  const { attributes: h, listeners: g, setNodeRef: x, isDragging: w } = Oa({ id: e.id }), { setNodeRef: p } = To({ 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 = {
+  }, [x, p]), E = e.isGroup, A = e.depth > 0, D = A ? e.depth * 24 : 0, T = {
     opacity: w ? 0.3 : 1,
-    paddingLeft: M + 8,
+    paddingLeft: D + 8,
     paddingRight: 8,
     paddingTop: E ? 6 : 8,
     paddingBottom: E ? 6 : 8,
@@ -5862,13 +5904,13 @@ const nl = (e) => {
         color: "var(--text-secondary, #888)",
         opacity: 0.6
       },
-      children: /* @__PURE__ */ f(B, { icon: "lucide:grip-vertical", style: { fontSize: 24 } })
+      children: /* @__PURE__ */ f($, { icon: "lucide:grip-vertical", style: { fontSize: 24 } })
     }
   );
   return E ? /* @__PURE__ */ j("div", { ref: m, style: T, ...h, children: [
     v,
     /* @__PURE__ */ f(
-      B,
+      $,
       {
         icon: "lucide:folder-open",
         style: { fontSize: 18, color: "var(--text-secondary, #888)", flexShrink: 0 }
@@ -5892,12 +5934,12 @@ const nl = (e) => {
       }
     ),
     !r && !d && (!e.children || e.children.length === 0) && /* @__PURE__ */ f("div", { style: { display: "flex", gap: 4, flexShrink: 0 }, children: /* @__PURE__ */ f(
-      He,
+      Be,
       {
         title: "Delete Group",
         onClick: () => u(e.id),
         style: { color: "var(--error, #ef4444)" },
-        children: /* @__PURE__ */ f(B, { icon: V.trash, className: "sc:size-6" })
+        children: /* @__PURE__ */ f($, { icon: U.trash, className: "sc:size-6" })
       }
     ) })
   ] }) : /* @__PURE__ */ j("div", { ref: m, style: T, ...h, children: [
@@ -5937,42 +5979,42 @@ const nl = (e) => {
           ...y
         },
         onClick: S,
-        children: /* @__PURE__ */ f(B, { icon: V.fileText })
+        children: /* @__PURE__ */ f($, { icon: U.fileText })
       }
     ),
     /* @__PURE__ */ f("div", { style: { flex: 1, minWidth: 0 }, onClick: S }),
     !r && /* @__PURE__ */ j("div", { style: { display: "flex", gap: 4, flexShrink: 0 }, children: [
       /* @__PURE__ */ f(
-        He,
+        Be,
         {
           title: e.visible ? "Hide" : "Show",
           onClick: () => a(e.id),
           style: { opacity: e.visible ? 1 : 0.4 },
-          children: /* @__PURE__ */ f(B, { icon: e.visible ? V.eye : V.eyeOff, className: "sc:size-6" })
+          children: /* @__PURE__ */ f($, { icon: e.visible ? U.eye : U.eyeOff, className: "sc:size-6" })
         }
       ),
       /* @__PURE__ */ f(
-        He,
+        Be,
         {
           title: e.locked ? "Unlock" : "Lock",
           onClick: () => l(e.id),
           style: { opacity: e.locked ? 1 : 0.4 },
-          children: /* @__PURE__ */ f(B, { icon: e.locked ? V.lock : V.lockOpen, className: "sc:size-6" })
+          children: /* @__PURE__ */ f($, { icon: e.locked ? U.lock : U.lockOpen, className: "sc:size-6" })
         }
       ),
-      /* @__PURE__ */ f(He, { title: "Duplicate", onClick: () => c(e.id), children: /* @__PURE__ */ f(B, { icon: V.copy, className: "sc:size-6" }) }),
+      /* @__PURE__ */ f(Be, { title: "Duplicate", onClick: () => c(e.id), children: /* @__PURE__ */ f($, { icon: U.copy, className: "sc:size-6" }) }),
       !d && /* @__PURE__ */ f(
-        He,
+        Be,
         {
           title: "Delete",
           onClick: () => u(e.id),
           style: { color: "var(--error, #ef4444)" },
-          children: /* @__PURE__ */ f(B, { icon: V.trash, className: "sc:size-6" })
+          children: /* @__PURE__ */ f($, { icon: U.trash, className: "sc:size-6" })
         }
       )
     ] })
   ] });
-}, He = ({ title: e, onClick: t, style: n, children: r }) => /* @__PURE__ */ f(
+}, Be = ({ title: e, onClick: t, style: n, children: r }) => /* @__PURE__ */ f(
   "button",
   {
     onClick: (o) => {
@@ -6022,7 +6064,7 @@ const nl = (e) => {
       opacity: 0.9
     },
     children: [
-      e.isGroup ? /* @__PURE__ */ f(B, { icon: "lucide:folder-open", style: { fontSize: 18, color: "var(--text-secondary, #888)" } }) : t && e.previewUrl ? /* @__PURE__ */ f(
+      e.isGroup ? /* @__PURE__ */ f($, { icon: "lucide:folder-open", style: { fontSize: 18, color: "var(--text-secondary, #888)" } }) : t && e.previewUrl ? /* @__PURE__ */ f(
         "img",
         {
           src: e.previewUrl,
@@ -6049,7 +6091,7 @@ const nl = (e) => {
             border: "1px solid var(--border-primary, #e5e5e5)",
             borderRadius: 4
           },
-          children: /* @__PURE__ */ f(B, { icon: V.fileText })
+          children: /* @__PURE__ */ f($, { icon: U.fileText })
         }
       ),
       /* @__PURE__ */ f("span", { style: { fontSize: 13, color: "var(--foreground, #333)" }, children: e.name })
@@ -6074,22 +6116,22 @@ const nl = (e) => {
     toggleLock: m,
     deleteLayer: E,
     duplicateLayer: A,
-    reorderById: M,
+    reorderById: D,
     reorderWithinGroup: T,
     addToGroup: y,
     removeFromGroup: S,
     createEmptyGroup: v,
     findElementById: L,
     findParentGroup: b,
-    generateAllPreviews: D
+    generateAllPreviews: M
   } = ni({
     ...l,
     previewSize: h,
     previewBackgroundColor: u
   });
   W(() => {
-    n && x.length > 0 && D();
-  }, [n, x.length, u, D]);
+    n && x.length > 0 && M();
+  }, [n, x.length, u, M]);
   const R = qo(), F = N(
     (Q) => {
       var se;
@@ -6097,17 +6139,17 @@ const nl = (e) => {
     },
     [R, L]
   ), X = q(() => {
-    const Q = /* @__PURE__ */ new Map(), se = ($) => {
-      for (const xe of $)
+    const Q = /* @__PURE__ */ new Map(), se = (H) => {
+      for (const xe of H)
         Q.set(xe.id, xe), xe.children && se(xe.children);
     };
     return se(g), Q;
   }, [g]), pe = N(
-    (Q, se, $) => {
-      const xe = b(Q), Ce = b(se);
-      xe && !Ce ? S(Q, se, $) : M(Q, se, $);
+    (Q, se, H) => {
+      const xe = b(Q), ke = b(se);
+      xe && !ke ? S(Q, se, H) : D(Q, se, H);
     },
-    [b, S, M]
+    [b, S, D]
   ), J = tl({
     onReorder: pe,
     onDropIntoGroup: y,
@@ -6115,13 +6157,13 @@ const nl = (e) => {
     onGroupReorder: T,
     onRemoveFromGroup: S,
     findParentGroup: b
-  }), re = (Q) => [...Q].reverse().map(($) => /* @__PURE__ */ j(te.Fragment, { children: [
+  }), re = (Q) => [...Q].reverse().map((H) => /* @__PURE__ */ j(te.Fragment, { children: [
     /* @__PURE__ */ f(
       rl,
       {
-        layer: $,
-        isOver: J.overId === $.id,
-        dropPosition: J.overId === $.id ? J.dropPosition : null,
+        layer: H,
+        isOver: J.overId === H.id,
+        dropPosition: J.overId === H.id ? J.dropPosition : null,
         isDragActive: !!J.activeId,
         showPreviewImages: n,
         previewDisplaySize: d,
@@ -6130,23 +6172,23 @@ const nl = (e) => {
         onToggleLock: m,
         onDuplicate: A,
         onDelete: E,
-        deleteSuppressed: F($)
+        deleteSuppressed: F(H)
       }
     ),
-    $.children && re($.children),
-    $.isGroup && /* @__PURE__ */ f(
+    H.children && re(H.children),
+    H.isGroup && /* @__PURE__ */ f(
       ol,
       {
-        groupId: $.id,
-        isOver: J.overId === `group-footer::${$.id}`,
-        depth: $.depth
+        groupId: H.id,
+        isOver: J.overId === `group-footer::${H.id}`,
+        depth: H.depth
       }
     )
-  ] }, $.id)), Y = (Q) => [...Q].reverse().map(($) => /* @__PURE__ */ j(te.Fragment, { children: [
+  ] }, H.id)), Y = (Q) => [...Q].reverse().map((H) => /* @__PURE__ */ j(te.Fragment, { children: [
     /* @__PURE__ */ f(
       al,
       {
-        layer: $,
+        layer: H,
         showPreviewImages: n,
         previewDisplaySize: d,
         onSelect: w,
@@ -6154,19 +6196,19 @@ const nl = (e) => {
         onToggleLock: m,
         onDuplicate: A,
         onDelete: E,
-        deleteSuppressed: F($)
+        deleteSuppressed: F(H)
       }
     ),
-    $.children && Y($.children)
-  ] }, $.id)), ee = J.activeId ? X.get(J.activeId) : null, { width: ge, height: we, flex: oe, ...ue } = i, Oe = ge || (s.includes("w-full") ? "100%" : e ? `${e}px` : void 0), Se = t || we || void 0, ze = oe !== void 0 ? oe : Se === "100%" || Se === "100vh" ? 1 : void 0;
+    H.children && Y(H.children)
+  ] }, H.id)), ee = J.activeId ? X.get(J.activeId) : null, { width: ge, height: we, flex: oe, ...ue } = i, ze = ge || (s.includes("w-full") ? "100%" : e ? `${e}px` : void 0), Se = t || we || void 0, Oe = oe !== void 0 ? oe : Se === "100%" || Se === "100vh" ? 1 : void 0;
   return /* @__PURE__ */ j(
     "div",
     {
       className: `sc-layers-panel ${s}`,
       style: {
-        width: Oe,
+        width: ze,
         height: Se,
-        flex: ze,
+        flex: Oe,
         display: "flex",
         flexDirection: "column",
         backgroundColor: "transparent",
@@ -6211,7 +6253,7 @@ const nl = (e) => {
                     gap: 4
                   },
                   children: [
-                    /* @__PURE__ */ f(B, { icon: "lucide:folder-plus", style: { fontSize: 16 } }),
+                    /* @__PURE__ */ f($, { icon: "lucide:folder-plus", style: { fontSize: 16 } }),
                     "Add Group"
                   ]
                 }
@@ -6283,7 +6325,7 @@ const nl = (e) => {
     cursor: "pointer"
   };
   return (c || e.isGroup) && (h.backgroundColor = "var(--surface-secondary, rgba(0,0,0,0.04))"), e.isGroup ? /* @__PURE__ */ j("div", { style: h, children: [
-    /* @__PURE__ */ f(B, { icon: "lucide:folder-open", style: { fontSize: 18, color: "var(--text-secondary, #888)" } }),
+    /* @__PURE__ */ f($, { icon: "lucide:folder-open", style: { fontSize: 18, color: "var(--text-secondary, #888)" } }),
     /* @__PURE__ */ f("span", { onClick: () => r(e.id), style: { fontSize: 13, fontWeight: 600, flex: 1 }, children: e.name })
   ] }, e.id) : /* @__PURE__ */ j("div", { style: h, children: [
     t && e.previewUrl ? /* @__PURE__ */ f(
@@ -6319,37 +6361,37 @@ const nl = (e) => {
           ...d
         },
         onClick: () => r(e.id),
-        children: /* @__PURE__ */ f(B, { icon: V.fileText })
+        children: /* @__PURE__ */ f($, { icon: U.fileText })
       }
     ),
     /* @__PURE__ */ f("div", { style: { flex: 1 }, onClick: () => r(e.id) }),
     /* @__PURE__ */ j("div", { style: { display: "flex", gap: 4 }, children: [
       /* @__PURE__ */ f(
-        He,
+        Be,
         {
           title: e.visible ? "Hide" : "Show",
           onClick: () => o(e.id),
           style: { opacity: e.visible ? 1 : 0.4 },
-          children: /* @__PURE__ */ f(B, { icon: e.visible ? V.eye : V.eyeOff, className: "sc:size-6" })
+          children: /* @__PURE__ */ f($, { icon: e.visible ? U.eye : U.eyeOff, className: "sc:size-6" })
         }
       ),
       /* @__PURE__ */ f(
-        He,
+        Be,
         {
           title: e.locked ? "Unlock" : "Lock",
           onClick: () => i(e.id),
           style: { opacity: e.locked ? 1 : 0.4 },
-          children: /* @__PURE__ */ f(B, { icon: e.locked ? V.lock : V.lockOpen, className: "sc:size-6" })
+          children: /* @__PURE__ */ f($, { icon: e.locked ? U.lock : U.lockOpen, className: "sc:size-6" })
         }
       ),
-      /* @__PURE__ */ f(He, { title: "Duplicate", onClick: () => s(e.id), children: /* @__PURE__ */ f(B, { icon: V.copy, className: "sc:size-6" }) }),
+      /* @__PURE__ */ f(Be, { title: "Duplicate", onClick: () => s(e.id), children: /* @__PURE__ */ f($, { icon: U.copy, className: "sc:size-6" }) }),
       !l && /* @__PURE__ */ f(
-        He,
+        Be,
         {
           title: "Delete",
           onClick: () => a(e.id),
           style: { color: "var(--error, #ef4444)" },
-          children: /* @__PURE__ */ f(B, { icon: V.trash, className: "sc:size-6" })
+          children: /* @__PURE__ */ f($, { icon: U.trash, className: "sc:size-6" })
         }
       )
     ] })
@@ -6487,7 +6529,7 @@ function Zt(e, t) {
       return r.registerPart(o, e, a);
   }, [r, o, e, a]);
 }
-function $l(e) {
+function Hl(e) {
   return {
     reportInvariant(t) {
       if (Ko()) throw t;
@@ -6520,7 +6562,7 @@ function cl(e) {
   return Rr(e.subscribe, n, n);
 }
 function dl(e) {
-  return e === "image" ? V.image : e === "shape" ? V.shapes : e === "group" ? "lucide:folder-open" : V.text;
+  return e === "image" ? U.image : e === "shape" ? U.shapes : e === "group" ? "lucide:folder-open" : U.text;
 }
 function ul({
   store: e,
@@ -6550,7 +6592,7 @@ function ul({
             opacity: o.visible ? 1 : 0.4
           },
           children: [
-            /* @__PURE__ */ f(B, { icon: dl(o.kind), style: { fontSize: 18, color: "var(--text-secondary, #888)", flexShrink: 0 } }),
+            /* @__PURE__ */ f($, { icon: dl(o.kind), style: { fontSize: 18, color: "var(--text-secondary, #888)", flexShrink: 0 } }),
             /* @__PURE__ */ f(
               "span",
               {
@@ -6571,7 +6613,7 @@ function ul({
     }
   );
 }
-function Bl({
+function $l({
   direction: e = "vertical",
   className: t,
   style: n
@@ -6585,7 +6627,7 @@ function Bl({
   );
   return /* @__PURE__ */ f("div", { "data-sc-part": "layers", "data-sc-direction": e, className: t, style: n, children: i ? /* @__PURE__ */ f(sl, { style: { width: "100%" } }) : /* @__PURE__ */ f(ul, { store: r.store, direction: e }) });
 }
-const Oo = ({
+const zo = ({
   trigger: e,
   children: t,
   isOpen: n,
@@ -6597,30 +6639,30 @@ const Oo = ({
   className: l = "",
   contentClassName: c = ""
 }) => {
-  const u = G(null), d = G(null), h = G(null), [g, x] = H({}), [w, p] = H(!1), m = (A) => {
+  const u = G(null), d = G(null), h = G(null), [g, x] = B({}), [w, p] = B(!1), m = (A) => {
     A.stopPropagation(), !n && a && es.protectNextClick(), r(!n);
   };
   W(() => {
     if (!n) return;
     let A = () => {
     };
-    const M = setTimeout(() => {
+    const D = setTimeout(() => {
       const T = (y) => {
-        var b, D;
-        const S = y.target, v = (b = u.current) == null ? void 0 : b.contains(S), L = (D = h.current) == null ? void 0 : D.contains(S);
+        var b, M;
+        const S = y.target, v = (b = u.current) == null ? void 0 : b.contains(S), L = (M = h.current) == null ? void 0 : M.contains(S);
         !v && !L && r(!1);
       };
       document.addEventListener("mousedown", T), A = () => document.removeEventListener("mousedown", T);
     }, 0);
     return () => {
-      clearTimeout(M), A();
+      clearTimeout(D), A();
     };
   }, [n, r]), W(() => {
     if (!n) return;
-    const A = (M) => {
+    const A = (D) => {
       var T;
-      if (M.key === "Escape") {
-        M.stopPropagation(), M.preventDefault(), r(!1);
+      if (D.key === "Escape") {
+        D.stopPropagation(), D.preventDefault(), r(!1);
         const y = (T = d.current) == null ? void 0 : T.querySelector(
           'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
         );
@@ -6633,19 +6675,19 @@ const Oo = ({
   }, [n]), W(() => {
     if (!n || !d.current || !h.current) return;
     requestAnimationFrame(() => {
-      const M = d.current, T = h.current;
-      if (!M || !T) return;
-      const y = M.getBoundingClientRect(), S = T.getBoundingClientRect(), v = window.innerWidth, L = window.innerHeight, b = 16;
-      let D = 0, R = 0;
-      if (o === "bottom" || o === "top" ? (o === "bottom" ? D = y.bottom + s : D = y.top - S.height - s, i === "start" ? R = y.left : i === "end" ? R = y.right - S.width : i === "center" && (R = y.left + (y.width - S.width) / 2)) : (o === "left" || o === "right") && (o === "left" ? R = y.left - S.width - s : R = y.right + s, i === "start" ? D = y.top : i === "end" ? D = y.bottom - S.height : i === "center" && (D = y.top + (y.height - S.height) / 2)), i !== "end" && R + S.width > v - b && (R = v - S.width - b), R < b && (R = b), D + S.height > L - b) {
+      const D = d.current, T = h.current;
+      if (!D || !T) return;
+      const y = D.getBoundingClientRect(), S = T.getBoundingClientRect(), v = window.innerWidth, L = window.innerHeight, b = 16;
+      let M = 0, R = 0;
+      if (o === "bottom" || o === "top" ? (o === "bottom" ? M = y.bottom + s : M = y.top - S.height - s, i === "start" ? R = y.left : i === "end" ? R = y.right - S.width : i === "center" && (R = y.left + (y.width - S.width) / 2)) : (o === "left" || o === "right") && (o === "left" ? R = y.left - S.width - s : R = y.right + s, i === "start" ? M = y.top : i === "end" ? M = y.bottom - S.height : i === "center" && (M = y.top + (y.height - S.height) / 2)), i !== "end" && R + S.width > v - b && (R = v - S.width - b), R < b && (R = b), M + S.height > L - b) {
         const X = y.top, pe = L - y.bottom;
-        X > pe && (D = y.top - S.height - s);
+        X > pe && (M = y.top - S.height - s);
       }
-      D < b && (D = b);
+      M < b && (M = b);
       const F = v - b * 2;
       p(!0), x({
         position: "fixed",
-        top: `${D}px`,
+        top: `${M}px`,
         left: `${R}px`,
         maxWidth: `${F}px`,
         visibility: "visible"
@@ -6670,7 +6712,7 @@ const Oo = ({
   );
   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 && zn(
+    E && On(
       /* @__PURE__ */ f("div", { className: "sc-root", style: { display: "contents" }, children: E }),
       document.body
     )
@@ -6718,13 +6760,13 @@ const Oo = ({
     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" }) })
   ] });
-}, zo = [
-  { type: "custom", label: "Text", icon: /* @__PURE__ */ f(B, { icon: V.text, className: "sc:size-[18px]" }) },
-  { type: "image", label: "Image", icon: /* @__PURE__ */ f(B, { icon: V.image, className: "sc:size-[18px]" }) },
-  { type: "shape", label: "Shape", icon: /* @__PURE__ */ f(B, { icon: V.shapes, className: "sc:size-[18px]" }) },
-  { type: "circle", label: "Circle Text", icon: /* @__PURE__ */ f(B, { icon: "lucide:circle", className: "sc:size-[18px]" }) },
-  { 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]" }) }
+}, Oo = [
+  { type: "custom", label: "Text", icon: /* @__PURE__ */ f($, { icon: U.text, className: "sc:size-[18px]" }) },
+  { type: "image", label: "Image", icon: /* @__PURE__ */ f($, { icon: U.image, className: "sc:size-[18px]" }) },
+  { type: "shape", label: "Shape", icon: /* @__PURE__ */ f($, { icon: U.shapes, className: "sc:size-[18px]" }) },
+  { type: "circle", label: "Circle Text", icon: /* @__PURE__ */ f($, { icon: "lucide:circle", className: "sc:size-[18px]" }) },
+  { type: "wave", label: "Wave Text", icon: /* @__PURE__ */ f($, { icon: "lucide:waves", className: "sc:size-[18px]" }) },
+  { type: "arch", label: "Arch Text", icon: /* @__PURE__ */ f($, { icon: "lucide:arrow-up-from-dot", className: "sc:size-[18px]" }) }
 ];
 function fl() {
   const [e, t] = te.useState(!1);
@@ -6763,7 +6805,7 @@ const hl = ({
     so,
     {
       open: e,
-      onOpenChange: (M) => !M && t(),
+      onOpenChange: (D) => !D && t(),
       children: /* @__PURE__ */ j(
         ao,
         {
@@ -6800,7 +6842,7 @@ const hl = ({
                         onClick: t,
                         className: "sc:min-w-8 sc:px-2",
                         "aria-label": "Close drawer",
-                        children: /* @__PURE__ */ f(B, { icon: V.close, className: "sc:size-6" })
+                        children: /* @__PURE__ */ f($, { icon: U.close, className: "sc:size-6" })
                       }
                     )
                   ] })
@@ -6822,7 +6864,7 @@ const hl = ({
                         onClick: t,
                         className: "sc:min-w-8 sc:px-2",
                         "aria-label": "Close drawer",
-                        children: /* @__PURE__ */ f(B, { icon: V.close, className: "sc:size-6" })
+                        children: /* @__PURE__ */ f($, { icon: U.close, className: "sc:size-6" })
                       }
                     )
                   ] })
@@ -6897,7 +6939,7 @@ const hl = ({
               onClick: t,
               className: "sc:size-11 sc:rounded-full sc:hover:bg-foreground/[0.06] sc:flex sc:items-center sc:justify-center sc:text-foreground/70 sc:-mr-2",
               "aria-label": "Close",
-              children: /* @__PURE__ */ f(B, { icon: V.close, className: "sc:size-5" })
+              children: /* @__PURE__ */ f($, { icon: U.close, className: "sc:size-5" })
             }
           )
         ] }),
@@ -6921,7 +6963,7 @@ const hl = ({
                       "span",
                       {
                         className: l ? "sc:text-primary" : "sc:text-foreground/85",
-                        children: a.reactIcon ? a.reactIcon : /* @__PURE__ */ f(B, { icon: a.icon, className: Tn })
+                        children: a.reactIcon ? a.reactIcon : /* @__PURE__ */ f($, { icon: a.icon, className: Tn })
                       }
                     ),
                     /* @__PURE__ */ f(
@@ -6946,15 +6988,15 @@ const hl = ({
   onToggleLayersPanel: t,
   onOpenImageBrowser: n,
   additionalItems: r,
-  icon: o = /* @__PURE__ */ f(B, { icon: V.menu, className: "sc:size-6" }),
+  icon: o = /* @__PURE__ */ f($, { icon: U.menu, className: "sc:size-6" }),
   tooltip: i = "Menu",
   className: s
 }) => {
   var S;
-  const { get: a } = Tr(), [l, c] = H(!1), [u, d] = H(!1), [h, g] = H(!1), x = G(null), w = async () => {
+  const { get: a } = Tr(), [l, c] = B(!1), [u, d] = B(!1), [h, g] = B(!1), x = G(null), w = async () => {
     try {
-      const { ExportManager: v } = await import("./ExportManager-BTcyj4cf.js").then((R) => R.S), { artboardManager: L, elements: b } = a(), D = L.getAllArtboards();
-      v.exportToJSON(D, b, L), c(!1);
+      const { ExportManager: v } = await import("./ExportManager-J2xK86uq.js").then((R) => R.S), { artboardManager: L, elements: b } = a(), M = L.getAllArtboards();
+      v.exportToJSON(M, b, L), c(!1);
     } catch (v) {
       mn.error("Failed to save workspace:", v), alert("Failed to save workspace. Please try again.");
     }
@@ -6966,9 +7008,9 @@ const hl = ({
     const L = (b = v.target.files) == null ? void 0 : b[0];
     if (L) {
       try {
-        const D = await on.importFromJSON(L);
-        if (D.success && D.artboards && D.elements) {
-          const R = on.validateImportedData(D.artboards, D.elements);
+        const M = await on.importFromJSON(L);
+        if (M.success && M.artboards && M.elements) {
+          const R = on.validateImportedData(M.artboards, M.elements);
           if (!R.valid && !confirm(
             `Found ${R.errors.length} issue(s) in the file:
 
@@ -6979,7 +7021,7 @@ const hl = ({
 Do you want to load anyway?`
           ))
             return;
-          const F = on.getImportSummary(D.artboards, D.elements);
+          const F = on.getImportSummary(M.artboards, M.elements);
           confirm(
             `Load workspace with:
 
@@ -6987,11 +7029,11 @@ Do you want to load anyway?`
 • ${F.elementCount} element(s)
 
 This will replace your current workspace. Continue?`
-          ) && a().handleLoadWorkspace(D.artboards, D.elements, D.activeArtboardId || null);
+          ) && a().handleLoadWorkspace(M.artboards, M.elements, M.activeArtboardId || null);
         } else
-          alert(`Failed to load: ${D.error || "Unknown error"}`);
-      } catch (D) {
-        mn.error("Failed to load workspace:", D), alert("Failed to load workspace. Please check the file and try again.");
+          alert(`Failed to load: ${M.error || "Unknown error"}`);
+      } catch (M) {
+        mn.error("Failed to load workspace:", M), alert("Failed to load workspace. Please check the file and try again.");
       }
       x.current && (x.current.value = "");
     }
@@ -7001,14 +7043,14 @@ This will replace your current workspace. Continue?`
       alert("Canvas not available for export");
       return;
     }
-    const D = v.getActiveArtboard();
-    if (!D) {
+    const M = v.getActiveArtboard();
+    if (!M) {
       alert("No active artboard to export");
       return;
     }
     try {
-      const { ExportManager: R } = await import("./ExportManager-BTcyj4cf.js").then((F) => F.S);
-      await R.exportArtboardToImage(D, L, b.current, {
+      const { ExportManager: R } = await import("./ExportManager-J2xK86uq.js").then((F) => F.S);
+      await R.exportArtboardToImage(M, L, b.current, {
         format: "png",
         scale: 2,
         transparentBackground: !1
@@ -7026,14 +7068,14 @@ This will replace your current workspace. Continue?`
       return;
     }
     await a().handleAddElement(v), c(!1), d(!1);
-  }, M = async (v) => {
+  }, D = async (v) => {
     g(!1), await a().handleAddElement("shape", { shapeType: v });
-  }, T = zo, y = () => /* @__PURE__ */ f("div", { className: "sc:my-xs sc:h-px sc:bg-border-primary" });
+  }, T = Oo, y = () => /* @__PURE__ */ f("div", { className: "sc:my-xs sc:h-px sc:bg-border-primary" });
   return /* @__PURE__ */ j(nn, { children: [
     /* @__PURE__ */ f(
-      Oo,
+      zo,
       {
-        trigger: /* @__PURE__ */ j(Hn, { delayDuration: 0, children: [
+        trigger: /* @__PURE__ */ j(Bn, { delayDuration: 0, children: [
           /* @__PURE__ */ f(_t, { asChild: !0, children: /* @__PURE__ */ f(
             rt,
             {
@@ -7044,7 +7086,7 @@ This will replace your current workspace. Continue?`
               children: o
             }
           ) }),
-          /* @__PURE__ */ f(Ct, { children: /* @__PURE__ */ f("p", { children: i }) })
+          /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f("p", { children: i }) })
         ] }),
         isOpen: l,
         onToggle: c,
@@ -7058,7 +7100,7 @@ This will replace your current workspace. Continue?`
               onMouseEnter: () => d(!0),
               onMouseLeave: () => d(!1),
               children: [
-                /* @__PURE__ */ f(Ke, { icon: /* @__PURE__ */ f(B, { icon: V.plus, className: "sc:size-[18px]" }), label: "Add Element" }),
+                /* @__PURE__ */ f(Ke, { icon: /* @__PURE__ */ f($, { icon: U.plus, className: "sc:size-[18px]" }), label: "Add Element" }),
                 u && /* @__PURE__ */ f(
                   "div",
                   {
@@ -7083,12 +7125,12 @@ This will replace your current workspace. Continue?`
             }
           ),
           /* @__PURE__ */ f(y, {}),
-          /* @__PURE__ */ f(Ke, { icon: /* @__PURE__ */ f(B, { icon: V.save, className: "sc:size-[18px]" }), label: "Save", onClick: w }),
-          /* @__PURE__ */ f(Ke, { icon: /* @__PURE__ */ f(B, { icon: V.folderOpen, className: "sc:size-[18px]" }), label: "Open", onClick: p }),
+          /* @__PURE__ */ f(Ke, { icon: /* @__PURE__ */ f($, { icon: U.save, className: "sc:size-[18px]" }), label: "Save", onClick: w }),
+          /* @__PURE__ */ f(Ke, { icon: /* @__PURE__ */ f($, { icon: U.folderOpen, className: "sc:size-[18px]" }), label: "Open", onClick: p }),
           /* @__PURE__ */ f(
             Ke,
             {
-              icon: /* @__PURE__ */ f(B, { icon: V.download, className: "sc:size-[18px]" }),
+              icon: /* @__PURE__ */ f($, { icon: U.download, className: "sc:size-[18px]" }),
               label: "Export Image",
               onClick: E,
               disabled: !((S = a().canvasRef) != null && S.current)
@@ -7099,7 +7141,7 @@ This will replace your current workspace. Continue?`
             /* @__PURE__ */ f(
               Ke,
               {
-                icon: /* @__PURE__ */ f(B, { icon: V.layers, className: "sc:size-[18px]" }),
+                icon: /* @__PURE__ */ f($, { icon: U.layers, className: "sc:size-[18px]" }),
                 label: `${e ? "Hide" : "Show"} Layers`,
                 onClick: () => {
                   t(), c(!1);
@@ -7129,7 +7171,7 @@ This will replace your current workspace. Continue?`
       {
         isOpen: h,
         onClose: () => g(!1),
-        onSelectType: M
+        onSelectType: D
       }
     )
   ] });
@@ -7139,11 +7181,11 @@ function Po({
   isOpen: t,
   onOpenChange: n
 }) {
-  const r = Qn(e), [o, i] = H(null);
+  const r = Qn(e), [o, i] = B(null);
   return W(() => {
     if (!t || o) return;
     let s = !1;
-    return import("./ImagePanel-CIk6z41z.js").then(
+    return import("./ImagePanel-CmQCxBGm.js").then(
       (a) => {
         s || i(() => a.ImagePanel);
       },
@@ -7161,9 +7203,9 @@ function Po({
     };
   }, [t, o, r]), o ? /* @__PURE__ */ f(o, { isOpen: t, onOpenChange: n }) : null;
 }
-function Hl({ className: e, style: t }) {
+function Bl({ className: e, style: t }) {
   Zn("Editor.Menu"), Zt("Editor.Menu");
-  const [n, r] = H(!1);
+  const [n, r] = B(!1);
   return /* @__PURE__ */ j("div", { "data-sc-part": "menu", className: e, style: t, children: [
     /* @__PURE__ */ f(vl, { onOpenImageBrowser: () => r(!0) }),
     /* @__PURE__ */ f(
@@ -7182,7 +7224,7 @@ const yl = () => {
     /* @__PURE__ */ f(
       En,
       {
-        icon: V.undo,
+        icon: U.undo,
         onClick: e,
         disabled: !n,
         tooltip: "Undo",
@@ -7192,7 +7234,7 @@ const yl = () => {
     /* @__PURE__ */ f(
       En,
       {
-        icon: V.redo,
+        icon: U.redo,
         onClick: t,
         disabled: !r,
         tooltip: "Redo",
@@ -7201,12 +7243,12 @@ const yl = () => {
     )
   ] });
 };
-function Ul({ className: e, style: t }) {
+function Vl({ className: e, style: t }) {
   return Zn("Editor.History"), Zt("Editor.History"), /* @__PURE__ */ f("div", { "data-sc-part": "history", className: e, style: t, children: /* @__PURE__ */ f(yl, {}) });
 }
-function Vl({ className: e, style: t }) {
+function Ul({ className: e, style: t }) {
   Zn("Editor.Add"), Zt("Editor.Add");
-  const { get: n } = Tr(), [r, o] = H(!1), [i, s] = H(!1), [a, l] = H(!1), c = async (d) => {
+  const { get: n } = Tr(), [r, o] = B(!1), [i, s] = B(!1), [a, l] = B(!1), c = async (d) => {
     if (o(!1), d === "shape") {
       s(!0);
       return;
@@ -7221,17 +7263,17 @@ function Vl({ className: e, style: t }) {
   };
   return /* @__PURE__ */ j("div", { "data-sc-part": "add", className: e, style: t, children: [
     /* @__PURE__ */ f(
-      Oo,
+      zo,
       {
-        trigger: /* @__PURE__ */ j(Hn, { delayDuration: 0, children: [
-          /* @__PURE__ */ f(_t, { asChild: !0, children: /* @__PURE__ */ f(rt, { variant: "ghost", size: "icon", "aria-label": "Add element", children: /* @__PURE__ */ f(B, { icon: V.plus, className: "sc:size-6" }) }) }),
-          /* @__PURE__ */ f(Ct, { children: /* @__PURE__ */ f("p", { children: "Add element" }) })
+        trigger: /* @__PURE__ */ j(Bn, { delayDuration: 0, children: [
+          /* @__PURE__ */ f(_t, { asChild: !0, children: /* @__PURE__ */ f(rt, { variant: "ghost", size: "icon", "aria-label": "Add element", children: /* @__PURE__ */ f($, { icon: U.plus, className: "sc:size-6" }) }) }),
+          /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f("p", { children: "Add element" }) })
         ] }),
         isOpen: r,
         onToggle: o,
         position: "bottom",
         align: "start",
-        children: /* @__PURE__ */ f(Rn, { minWidth: "180px", children: zo.map((d) => /* @__PURE__ */ f(
+        children: /* @__PURE__ */ f(Rn, { minWidth: "180px", children: Oo.map((d) => /* @__PURE__ */ f(
           Ke,
           {
             icon: d.icon,
@@ -7267,7 +7309,7 @@ function Gl() {
     artboardManager: t,
     elements: n,
     canvasRef: r
-  } = On(), [o, i] = H(!1), [s, a] = H(!1), [l, c] = H([]), [u, d] = H({}), [h, g] = H({
+  } = zn(), [o, i] = B(!1), [s, a] = B(!1), [l, c] = B([]), [u, d] = B({}), [h, g] = B({
     totalExports: 0,
     avgExportTime: 0,
     isWorkerActive: !1
@@ -7278,14 +7320,14 @@ function Gl() {
     if (!r.current)
       throw new Error("[useExport] Canvas ref not available");
     i(!0);
-    const D = {
+    const M = {
       artboardId: v,
       artboardName: b.name,
       status: "rendering",
       progress: 0,
       timestamp: Date.now()
     };
-    c((R) => [...R, D]);
+    c((R) => [...R, M]);
     try {
       const R = Date.now(), F = A.current, X = t.getElementsOnArtboard(v), pe = F.filter((Y) => X.includes(Y.id)), J = await sn.exportArtboardToDataURL(
         b,
@@ -7318,24 +7360,24 @@ function Gl() {
       const L = e.map(async (R) => {
         const F = await m(R.id, v);
         return { id: R.id, dataUrl: F };
-      }), b = await Promise.all(L), D = {};
+      }), b = await Promise.all(L), M = {};
       for (const { id: R, dataUrl: F } of b)
-        D[R] = F;
-      return D;
+        M[R] = F;
+      return M;
     } finally {
       i(!1);
     }
   }, [e, m]), A = G(n);
   A.current = n;
-  const M = N(async (v, L = {}) => {
-    const b = e.find((D) => D.id === v);
+  const D = N(async (v, L = {}) => {
+    const b = e.find((M) => M.id === v);
     if (!b)
       throw new Error(`[useExport] Artboard ${v} not found`);
     if (!r.current)
       throw new Error("[useExport] Canvas ref not available");
     i(!0);
     try {
-      const D = A.current, R = t.getElementsOnArtboard(v), F = D.filter((pe) => R.includes(pe.id));
+      const M = A.current, R = t.getElementsOnArtboard(v), F = M.filter((pe) => R.includes(pe.id));
       return await sn.exportArtboardToBlob(
         b,
         F,
@@ -7354,16 +7396,16 @@ function Gl() {
     i(!0);
     try {
       const L = e.map(async (R) => {
-        const F = await M(R.id, v);
+        const F = await D(R.id, v);
         return { id: R.id, blob: F };
-      }), b = await Promise.all(L), D = {};
+      }), b = await Promise.all(L), M = {};
       for (const { id: R, blob: F } of b)
-        D[R] = F;
-      return D;
+        M[R] = F;
+      return M;
     } finally {
       i(!1);
     }
-  }, [e, M]), y = N(() => {
+  }, [e, D]), y = N(() => {
     x.current++, a(!1), w.current = null;
   }, []), S = N((v) => {
     x.current++;
@@ -7371,7 +7413,7 @@ function Gl() {
     w.current = v, a(!0);
     const {
       artboardIds: b,
-      interval: D = 500,
+      interval: M = 500,
       scale: R = 3,
       format: F = "png",
       onChange: X
@@ -7393,7 +7435,7 @@ function Gl() {
       }
     };
     (async () => {
-      for (await re(); J() && (await new Promise((ee) => setTimeout(ee, D)), !!J()); )
+      for (await re(); J() && (await new Promise((ee) => setTimeout(ee, M)), !!J()); )
         await re();
     })();
   }, [e, m]);
@@ -7401,7 +7443,7 @@ function Gl() {
     y();
   }, [y]), {
     exportArtboard: m,
-    exportArtboardAsBlob: M,
+    exportArtboardAsBlob: D,
     exportAllArtboards: E,
     exportAllArtboardsAsBlobs: T,
     startContinuousExport: S,
@@ -7473,7 +7515,7 @@ function xl(e) {
     }
   };
 }
-function kl(e) {
+function Cl(e) {
   const t = "/api/image-proxy?url=";
   if (!e || !e.startsWith(t)) return e;
   try {
@@ -7482,9 +7524,9 @@ function kl(e) {
     return e;
   }
 }
-function Cl(e) {
+function kl(e) {
   return async function(n) {
-    const r = kl(n);
+    const r = Cl(n);
     if (!/^https?:\/\//.test(r))
       throw new Error("Background removal isn't available for this image yet");
     const o = await fetch(e, {
@@ -7498,14 +7540,14 @@ function Cl(e) {
     return i.imageUrl;
   };
 }
-const $o = {}, Bo = Xe($o);
+const Ho = {}, $o = Xe(Ho);
 function Wl({ services: e, children: t }) {
   const n = q(() => e ? {
     imageSearch: e.imageSearch ?? (e.imageSearchUrl ? wl(e.imageSearchUrl) : void 0),
     generate: e.generate ?? (e.generateUrl ? xl(e.generateUrl) : void 0),
     vectors: e.vectors,
-    removeBackground: e.removeBackground ?? (e.bgRemoveUrl ? Cl(e.bgRemoveUrl) : void 0)
-  } : $o, [
+    removeBackground: e.removeBackground ?? (e.bgRemoveUrl ? kl(e.bgRemoveUrl) : void 0)
+  } : Ho, [
     e == null ? void 0 : e.imageSearch,
     e == null ? void 0 : e.imageSearchUrl,
     e == null ? void 0 : e.generate,
@@ -7514,10 +7556,10 @@ function Wl({ services: e, children: t }) {
     e == null ? void 0 : e.bgRemoveUrl,
     e == null ? void 0 : e.removeBackground
   ]);
-  return /* @__PURE__ */ f(Bo.Provider, { value: n, children: t });
+  return /* @__PURE__ */ f($o.Provider, { value: n, children: t });
 }
 function _l() {
-  return je(Bo);
+  return je($o);
 }
 const Ar = ot("GoogleFontsService");
 let Ze = [], ht = null;
@@ -7540,7 +7582,7 @@ function vn() {
 function El() {
   return Ze.length > 0;
 }
-function Dr(e) {
+function Mr(e) {
   return {
     "sans serif": "sans-serif",
     serif: "serif",
@@ -7549,7 +7591,7 @@ function Dr(e) {
     monospace: "monospace"
   }[e.toLowerCase()] || "display";
 }
-const Mr = ot("UnifiedFontService");
+const Dr = ot("UnifiedFontService");
 class Al {
   constructor() {
     this.searchCache = /* @__PURE__ */ new Map(), this.previewFontLinks = /* @__PURE__ */ new Set();
@@ -7564,7 +7606,7 @@ class Al {
     try {
       await Sl();
     } catch (t) {
-      Mr.error("Failed to initialize UnifiedFontService:", t);
+      Dr.error("Failed to initialize UnifiedFontService:", t);
     }
   }
   /**
@@ -7614,7 +7656,7 @@ class Al {
     const n = `category:${t}`;
     if (this.searchCache.has(n))
       return this.searchCache.get(n);
-    const r = vn().filter((i) => Dr(i.category) === t).map((i) => this.mapGoogleFont(i)), o = this.mergeFonts(r);
+    const r = vn().filter((i) => Mr(i.category) === t).map((i) => this.mapGoogleFont(i)), o = this.mergeFonts(r);
     return this.searchCache.set(n, o), o;
   }
   /**
@@ -7637,7 +7679,7 @@ class Al {
     try {
       t.googleFont && this.loadGoogleFont(t.name);
     } catch (n) {
-      Mr.error(`Failed to load font ${t.name}:`, n);
+      Dr.error(`Failed to load font ${t.name}:`, n);
     }
   }
   /**
@@ -7698,7 +7740,7 @@ class Al {
     var n;
     return {
       name: t.family,
-      category: Dr(t.category),
+      category: Mr(t.category),
       googleFont: !0,
       source: "google",
       weights: ((n = t.variants) == null ? void 0 : n.map((r) => {
@@ -7760,13 +7802,13 @@ export {
   as as A,
   rt as B,
   Wl as C,
-  Oo as D,
+  zo as D,
   jl as E,
   so as F,
   ao as G,
   lo as H,
-  B as I,
-  V as J,
+  $ as I,
+  U as J,
   hl as K,
   sl as L,
   vl as M,
@@ -7774,33 +7816,33 @@ export {
   Sn as O,
   En as P,
   Fo as S,
-  Hn as T,
+  Bn as T,
   ql as U,
   xl as a,
   wl as b,
-  Cl as c,
+  kl as c,
   _l as d,
   Pl as e,
   Gl as f,
   ni as g,
   _t as h,
-  Ct as i,
+  kt as i,
   es as j,
   Rn as k,
   Ke as l,
   oo as m,
   ns as n,
-  $l as o,
+  Hl as o,
   No as p,
   Qn as q,
   Zt as r,
   rs as s,
   Zn as t,
   ys as u,
-  Vl as v,
-  Hl as w,
-  Ul as x,
-  Bl as y,
+  Ul as v,
+  Bl as w,
+  Vl as x,
+  $l as y,
   Le as z
 };
-//# sourceMappingURL=UnifiedFontService-CHVYDBDW.js.map
+//# sourceMappingURL=UnifiedFontService-BJzoqfBF.js.map