@snowcone-app/canvas 0.29.0 → 0.30.0

package/dist/{UnifiedFontService-CgYnYTj7.js → UnifiedFontService-Co9tQ59z.js}

@@ -1,9 +1,9 @@
-import { jsx as f, jsxs as j, Fragment as nn } from "react/jsx-runtime";
-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-CCvoKj_P.js";
-import { G as Ie, c as ot, C as rn } from "./FontAnalyzer-D4Sg-P6_.js";
-import { g as Jo, I as on, E as sn } from "./ExportManager-B8Td7uR5.js";
+import { jsx as f, jsxs as P, Fragment as nn } from "react/jsx-runtime";
+import * as O 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 $e, createContext as Xe, cloneElement as _o, useId as Lr, useSyncExternalStore as Rr } from "react";
+import { u as zn, g as qo, r as Yo, h as Tr, d as Ko } from "./editorErrors-WzaNxU1Y.js";
+import { G as Oe, c as ot, E as Pt, D as Xo, H as rn } from "./FontAnalyzer-DKG5JK0x.js";
+import { g as Jo, I as on, E as sn } from "./ExportManager-DUdis6se.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";
@@ -476,6 +476,11 @@ const Zo = {
     width: 24,
     height: 24
   },
+  "lucide:upload": {
+    body: '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v12m5-7l-5-5l-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>',
+    width: 24,
+    height: 24
+  },
   "lucide:venetian-mask": {
     body: '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M18 11c-1.5 0-2.5.5-3 2"/><path d="M4 6a2 2 0 0 0-2 2v4a5 5 0 0 0 5 5a8 8 0 0 1 5 2a8 8 0 0 1 5-2a5 5 0 0 0 5-5V8a2 2 0 0 0-2-2h-3a8 8 0 0 0-5 2a8 8 0 0 0-5-2z"/><path d="M6 11c1.5 0 2.5.5 3 2"/></g>',
     width: 24,
@@ -529,7 +534,7 @@ function Pl() {
     an = !1;
   }));
 }
-const ie = ot("Layers"), ti = 150;
+const ne = ot("Layers"), ti = 150;
 async function er(e, t = 64, n = "transparent") {
   try {
     const r = Jo();
@@ -540,15 +545,15 @@ async function er(e, t = 64, n = "transparent") {
       backgroundColor: n
     }) || null;
   } catch (r) {
-    return ie.error("Failed to generate preview:", r), null;
+    return ne.error("Failed to generate preview:", r), null;
   }
 }
 function Fr(e, t, n, r, o, i = 0, s = null) {
   return (i > 0 ? e : e.filter((l) => {
     const c = l.parentId ?? null;
-    return l instanceof Ie, c === null;
+    return l instanceof Oe, c === null;
   })).map((l) => {
-    const c = l instanceof Ie, u = t === l.id || n.includes(l.id), d = {
+    const c = l instanceof Oe, u = t === l.id || n.includes(l.id), d = {
       id: l.id,
       name: l.name || `Layer ${l.id.slice(0, 8)}`,
       type: l.transformType,
@@ -563,7 +568,7 @@ function Fr(e, t, n, r, o, i = 0, s = null) {
         await o(l.id);
       }
     };
-    return c && l instanceof Ie && (d.children = Fr(
+    return c && l instanceof Oe && (d.children = Fr(
       l.children,
       t,
       n,
@@ -581,7 +586,7 @@ function Pr(e) {
   return t;
 }
 function ni(e = {}) {
-  var ce;
+  var ze;
   const {
     artboardId: t,
     includeHidden: n = !0,
@@ -597,279 +602,307 @@ function ni(e = {}) {
     handleElementUpdate: d,
     setMultiSelection: h,
     executeAddElement: g,
-    executeRemoveElement: x,
+    executeRemoveElement: C,
     executeReorderElement: w
-  } = 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);
+  } = zn(), p = G(/* @__PURE__ */ new Map()), [m, E] = B(0), A = c.getActiveArtboardId(), D = t !== void 0 ? t : A, T = D ? (ze = c.getArtboard) == null ? void 0 : ze.call(c, D) : null, y = o ?? (T == null ? void 0 : T.backgroundColor) ?? "transparent", S = N(async (b) => {
+    const k = s.find((z) => z.id === b);
     if (!k) return;
     const I = await er(k, r, y);
-    p.current.set(C, I), E((O) => O + 1);
+    p.current.set(b, I), E((z) => z + 1);
   }, [s, r, y]), v = q(() => {
-    let C = s;
+    let b = s;
     if (D) {
       const k = c.getElementsOnArtboard(D);
-      C = C.filter((I) => k.includes(I.id));
+      b = b.filter((I) => k.includes(I.id));
     }
-    return n || (C = C.filter((k) => k.visible !== !1)), C;
+    return n || (b = b.filter((k) => k.visible !== !1)), b;
   }, [s, D, n, c]), L = q(() => Fr(
     v,
     a,
     l,
     p.current,
     S
-  ), [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(() => {
+  ), [v, a, l, S, m]), x = q(() => Pr(L), [L]), M = q(() => x.filter((b) => b.isSelected), [x]), R = N((b, k = !1) => {
+    k ? l.includes(b) ? h(l.filter((I) => I !== b)) : h([...l, b]) : u(b);
+  }, [l, h, u]), F = N((b) => {
+    h(b);
+  }, [h]), J = N(() => {
     u(null), h([]);
-  }, [u, h]), pe = N((C) => {
-    const k = s.find((O) => O.id === C);
+  }, [u, h]), pe = N((b) => {
+    const k = s.find((z) => z.id === b);
     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);
+  }, [s, d]), Q = N((b) => {
+    const k = s.find((z) => z.id === b);
     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);
+  }, [s, d]), oe = N((b, k) => {
+    const I = s.find((X) => X.id === b);
     if (!I) return;
-    const O = I.clone();
-    O.name = k, d(O);
-  }, [s, d]), Y = N((C) => {
-    const k = s.find((I) => I.id === C);
+    const z = I.clone();
+    z.name = k, d(z);
+  }, [s, d]), Y = N((b) => {
+    const k = s.find((I) => I.id === b);
     if (!k) {
-      ie.warn(`Element ${C} not found for deletion`);
+      ne.warn(`Element ${b} not found for deletion`);
       return;
     }
-    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);
+    C(k), (a === b || l.includes(b)) && (u(null), h(l.filter((I) => I !== b)));
+  }, [s, C, a, l, u, h]), ee = N((b) => {
+    const k = s.find((ue) => ue.id === b);
     if (!k) {
-      ie.warn(`Element ${C} not found for duplication`);
+      ne.warn(`Element ${b} not found for duplication`);
       return;
     }
-    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 ${C} not associated with any artboard`);
+    const z = k.clone().toJSON();
+    delete z.id;
+    const X = k.constructor, $ = new X(z);
+    $.x = k.x + 20, $.y = k.y + 20;
+    const K = c.getArtboardIdForElement(b);
+    if (!K) {
+      ne.warn(`Element ${b} not associated with any artboard`);
       return;
     }
-    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}`);
+    g($, K, b), u($.id);
+  }, [s, c, g, u]), ge = N((b, k) => {
+    if (b === k) return;
+    if (b < 0 || b >= v.length) {
+      ne.warn(`Invalid fromIndex: ${b}`);
       return;
     }
     if (k < 0 || k >= v.length) {
-      ie.warn(`Invalid toIndex: ${k}`);
+      ne.warn(`Invalid toIndex: ${k}`);
       return;
     }
-    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);
+    const I = v[b], z = v[k], X = b < k ? "after" : "before";
+    w(I.id, z.id, X);
+  }, [v, w]), xe = N((b) => {
+    const k = x.findIndex((I) => I.id === b);
     if (k < 0) {
-      ie.warn(`Layer ${C} not found`);
+      ne.warn(`Layer ${b} not found`);
       return;
     }
-    k >= b.length - 1 || ge(k, k + 1);
-  }, [b, ge]), oe = N((C) => {
-    const k = b.findIndex((I) => I.id === C);
+    k >= x.length - 1 || ge(k, k + 1);
+  }, [x, ge]), ie = N((b) => {
+    const k = x.findIndex((I) => I.id === b);
     if (k < 0) {
-      ie.warn(`Layer ${C} not found`);
+      ne.warn(`Layer ${b} not found`);
       return;
     }
     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");
+  }, [x, ge]), ce = N((b) => {
+    const k = v[v.length - 1];
+    if (!k) {
+      ne.warn(`Layer ${b} not found`);
+      return;
+    }
+    if (k.id !== b) {
+      if (!v.some((I) => I.id === b)) {
+        ne.warn(`Layer ${b} not found`);
+        return;
+      }
+      w(b, k.id, "after");
+    }
+  }, [v, w]), Pe = N((b) => {
+    const k = v[0];
+    if (!k) {
+      ne.warn(`Layer ${b} not found`);
+      return;
+    }
+    if (k.id !== b) {
+      if (!v.some((I) => I.id === b)) {
+        ne.warn(`Layer ${b} not found`);
+        return;
+      }
+      w(b, k.id, "before");
+    }
+  }, [v, w]), Ne = N((b) => {
+    if (b.length < 2) {
+      ne.warn("Need at least 2 elements to create a group");
       return;
     }
     const k = s.filter(
-      (ne) => C.includes(ne.id) && ne.transformType !== "shape"
+      (re) => b.includes(re.id) && re.transformType !== "shape"
     );
     if (k.length < 2) {
-      ie.warn("Need at least 2 groupable elements (shapes cannot be grouped)");
+      ne.warn("Need at least 2 groupable elements (shapes cannot be grouped)");
       return;
     }
-    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");
+    const I = k.map((re) => c.getArtboardIdForElement(re.id)), z = [...new Set(I)];
+    if (z.length !== 1 || !z[0]) {
+      ne.warn("All elements must be on the same artboard to group");
       return;
     }
-    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");
+    const X = z[0], $ = k.map((re) => re.getBoundingBox()).filter(Boolean);
+    if ($.length === 0) {
+      ne.warn("Could not calculate bounding boxes for group");
       return;
     }
-    const Z = Math.min(...P.map((ne) => ne.x)), ae = Math.min(...P.map((ne) => ne.y)), me = new Ie({
-      x: Z,
-      y: ae
+    const K = Math.min(...$.map((re) => re.x)), ue = Math.min(...$.map((re) => re.y)), Le = new Oe({
+      x: K,
+      y: ue
     });
-    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);
+    Le.children = k.map((re) => {
+      const Se = re.clone();
+      return Se.x = re.x - K, Se.y = re.y - ue, Se;
+    }), k.forEach((re) => C(re)), g(Le, X), u(Le.id), h([]);
+  }, [s, c, C, g, u, h]), ae = N((b) => {
+    const k = s.find(($) => $.id === b);
     if (!k) {
-      ie.warn(`Element ${C} not found for ungrouping`);
+      ne.warn(`Element ${b} not found for ungrouping`);
       return;
     }
-    if (!(k instanceof Ie)) {
-      ie.warn(`Element ${C} is not a group`);
+    if (!(k instanceof Oe)) {
+      ne.warn(`Element ${b} is not a group`);
       return;
     }
     const I = k;
     if (!I.children || I.children.length === 0) {
-      ie.warn(`Group ${C} has no children`);
+      ne.warn(`Group ${b} has no children`);
       return;
     }
-    const O = c.getArtboardIdForElement(C);
-    if (!O) {
-      ie.warn(`Group ${C} not associated with any artboard`);
+    const z = c.getArtboardIdForElement(b);
+    if (!z) {
+      ne.warn(`Group ${b} 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;
+    const X = I.children.map(($) => {
+      const K = $.clone();
+      return K.x = $.x + I.x, K.y = $.y + I.y, K;
     });
-    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) => {
+    C(I), X.forEach(($) => g($, z)), X.length > 0 && u(X[0].id), h([]);
+  }, [s, c, C, g, u, h]), De = N(async (b = 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);
+      for (const z of I) {
+        const X = await er(z, b, y);
+        p.current.set(z.id, X), z instanceof Oe && z.children.length > 0 && await k(z.children);
       }
     };
     await k(v), E((I) => I + 1);
   }, [r, y, v]);
   W(() => {
     if (!i) return;
-    const C = setTimeout(() => {
-      Se();
+    const b = setTimeout(() => {
+      De();
     }, ti);
-    return () => clearTimeout(C);
-  }, [i, Se]);
-  const le = N(() => {
+    return () => clearTimeout(b);
+  }, [i, De]);
+  const Z = N(() => {
     p.current.clear();
-  }, []), Oe = N(
-    (C, k, I) => {
-      w(C, k, I);
+  }, []), se = N(
+    (b, k, I) => {
+      w(b, k, I);
     },
     [w]
-  ), Q = N(
-    (C, k, I, O) => {
-      const K = s.find((Te) => Te.id === O);
-      if (!K || !(K instanceof Ie)) {
-        ie.warn(`Group ${O} not found for reorder`);
+  ), j = N(
+    (b, k, I, z) => {
+      const X = s.find((ye) => ye.id === z);
+      if (!X || !(X instanceof Oe)) {
+        ne.warn(`Group ${z} not found for reorder`);
         return;
       }
-      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: ${C}, ${k}`);
+      const $ = X.clone(), K = $.children.findIndex((ye) => ye.id === b), ue = $.children.findIndex((ye) => ye.id === k);
+      if (K === -1 || ue === -1) {
+        ne.warn(`Children not found in group for reorder: ${b}, ${k}`);
         return;
       }
-      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);
+      const [Le] = $.children.splice(K, 1), re = $.children.findIndex((ye) => ye.id === k), Se = I === "before" ? re : re + 1;
+      $.children.splice(Se, 0, Le), d($);
     },
     [s, d]
-  ), se = N(
-    (C) => {
+  ), ke = N(
+    (b) => {
       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 (k.id === b) return k;
+        if (k instanceof Oe) {
+          const I = k.children.find((z) => z.id === b);
           if (I) return I;
         }
       }
       return null;
     },
     [s]
-  ), H = N(
-    (C) => {
+  ), ve = N(
+    (b) => {
       for (const k of s)
-        if (k instanceof Ie && k.children.some((I) => I.id === C))
+        if (k instanceof Oe && k.children.some((I) => I.id === b))
           return k;
       return null;
     },
     [s]
-  ), xe = N(
-    (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}`);
+  ), Je = N(
+    (b, k) => {
+      const I = s.find((ue) => ue.id === b), z = s.find((ue) => ue.id === k);
+      if (!I || !z || !(z instanceof Oe)) {
+        ne.warn(`Cannot add ${b} to group ${k}`);
         return;
       }
-      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);
+      if (!c.getArtboardIdForElement(b)) return;
+      const $ = z.clone(), K = I.clone();
+      K.x = I.x, K.y = I.y, $.addChild(K), C(I), d($);
     },
-    [s, c, x, d]
-  ), ke = N(
-    (C, k, I) => {
-      const O = H(C);
-      if (!O) {
-        ie.warn(`Element ${C} is not inside a group`);
+    [s, c, C, d]
+  ), de = N(
+    (b, k, I) => {
+      const z = ve(b);
+      if (!z) {
+        ne.warn(`Element ${b} is not inside a group`);
         return;
       }
-      const K = O.children.find((me) => me.id === C);
-      if (!K) return;
-      const P = c.getArtboardIdForElement(O.id);
-      if (!P) return;
-      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);
+      const X = z.children.find((Le) => Le.id === b);
+      if (!X) return;
+      const $ = c.getArtboardIdForElement(z.id);
+      if (!$) return;
+      const K = X.clone(), ue = z.clone();
+      ue.removeChild(b), d(ue), k && I ? g(K, $, I === "after" ? k : void 0, I === "before" ? k : void 0) : g(K, $, void 0, z.id), u(K.id);
     },
-    [H, c, x, d, g, u]
-  ), Je = N(() => {
-    const C = c.getActiveArtboardId();
-    if (!C) {
-      ie.warn("No active artboard for creating a group");
+    [ve, c, C, d, g, u]
+  ), Be = N(() => {
+    const b = c.getActiveArtboardId();
+    if (!b) {
+      ne.warn("No active artboard for creating a group");
       return;
     }
-    const k = new Ie({
+    const k = new Oe({
       x: 0,
       y: 0,
       name: "New Group"
     });
-    g(k, C), u(k.id);
+    g(k, b), u(k.id);
   }, [c, g, u]);
   return {
     layers: L,
-    flatLayers: b,
+    flatLayers: x,
     selectedLayers: M,
     selectLayer: R,
     selectMultipleLayers: F,
-    clearSelection: X,
+    clearSelection: J,
     toggleVisibility: pe,
-    toggleLock: J,
-    renameLayer: re,
+    toggleLock: Q,
+    renameLayer: oe,
     deleteLayer: Y,
     duplicateLayer: ee,
     reorderLayers: ge,
-    reorderById: Oe,
-    reorderWithinGroup: Q,
-    moveLayerForward: we,
-    moveLayerBackward: oe,
-    groupLayers: ue,
-    ungroupLayer: ze,
-    addToGroup: xe,
-    removeFromGroup: ke,
-    createEmptyGroup: Je,
-    findElementById: se,
-    findParentGroup: H,
-    generateAllPreviews: Se,
-    clearPreviewCache: le,
+    reorderById: se,
+    reorderWithinGroup: j,
+    moveLayerForward: xe,
+    moveLayerBackward: ie,
+    bringToFront: ce,
+    sendToBack: Pe,
+    groupLayers: Ne,
+    ungroupLayer: ae,
+    addToGroup: Je,
+    removeFromGroup: de,
+    createEmptyGroup: Be,
+    findElementById: ke,
+    findParentGroup: ve,
+    generateAllPreviews: De,
+    clearPreviewCache: Z,
     artboardId: D,
     artboardManager: c,
-    layerCount: b.length
+    layerCount: x.length
   };
 }
 function ri(e, t) {
@@ -1139,15 +1172,15 @@ function Yr(e, t) {
     pi(p) || (h[w] = p.toString());
   };
   g("width", u), g("height", d);
-  const x = [
+  const C = [
     o.left,
     o.top,
     l,
     c
   ];
-  return h.viewBox = x.join(" "), {
+  return h.viewBox = C.join(" "), {
     attributes: h,
-    viewBox: x,
+    viewBox: C,
     body: i
   };
 }
@@ -1168,7 +1201,7 @@ const xn = /* @__PURE__ */ Object.create(null);
 function yi(e, t) {
   xn[e] = t;
 }
-function Cn(e) {
+function kn(e) {
   return xn[e] || xn[""];
 }
 function Pn(e) {
@@ -1222,7 +1255,7 @@ function wi(e, t) {
 function xi(e) {
   return e === 404;
 }
-const Ci = (e, t, n) => {
+const ki = (e, t, n) => {
   const r = [], o = wi(e, t), i = "icons";
   let s = {
     type: i,
@@ -1239,7 +1272,7 @@ const Ci = (e, t, n) => {
     }, a = l.length), s.icons.push(l);
   }), r.push(s), r;
 };
-function ki(e) {
+function Ci(e) {
   if (typeof e == "string") {
     const t = Hn(e);
     if (t) return t.path;
@@ -1251,7 +1284,7 @@ const Si = (e, t, n) => {
     n("abort", 424);
     return;
   }
-  let r = ki(t.provider);
+  let r = Ci(t.provider);
   switch (t.type) {
     case "icons": {
       const i = t.prefix, a = t.icons.join(","), l = new URLSearchParams({ icons: a });
@@ -1291,7 +1324,7 @@ const Si = (e, t, n) => {
     n("next", o);
   });
 }, Ei = {
-  prepare: Ci,
+  prepare: ki,
   send: Si
 };
 function Jr(e, t) {
@@ -1398,11 +1431,11 @@ function Ii(e, t, n, r) {
   const a = Date.now();
   let l = "pending", c = 0, u, d = null, h = [], g = [];
   typeof r == "function" && g.push(r);
-  function x() {
+  function C() {
     d && (clearTimeout(d), d = null);
   }
   function w() {
-    l === "pending" && (l = "aborted"), x(), h.forEach((y) => {
+    l === "pending" && (l = "aborted"), C(), h.forEach((y) => {
       y.status === "pending" && (y.status = "aborted");
     }), h = [];
   }
@@ -1432,7 +1465,7 @@ function Ii(e, t, n, r) {
   }
   function D(y, S, v) {
     const L = S !== "success";
-    switch (h = h.filter((b) => b !== y), l) {
+    switch (h = h.filter((x) => x !== y), l) {
       case "pending":
         break;
       case "failed":
@@ -1449,22 +1482,22 @@ function Ii(e, t, n, r) {
       u = v, h.length || (s.length ? T() : E());
       return;
     }
-    if (x(), A(), !e.random) {
-      const b = e.resources.indexOf(y.resource);
-      b !== -1 && b !== e.index && (e.index = b);
+    if (C(), A(), !e.random) {
+      const x = e.resources.indexOf(y.resource);
+      x !== -1 && x !== e.index && (e.index = x);
     }
-    l = "completed", g.forEach((b) => {
-      b(v);
+    l = "completed", g.forEach((x) => {
+      x(v);
     });
   }
   function T() {
     if (l !== "pending") return;
-    x();
+    C();
     const y = s.shift();
     if (y === void 0) {
       if (h.length) {
         d = setTimeout(() => {
-          x(), l === "pending" && (A(), E());
+          C(), l === "pending" && (A(), E());
         }, e.timeout);
         return;
       }
@@ -1528,7 +1561,7 @@ function Ni(e) {
 function zi(e, t, n) {
   let r, o;
   if (typeof e == "string") {
-    const i = Cn(e);
+    const i = kn(e);
     if (!i)
       return n(void 0, 424), ir;
     o = i.send;
@@ -1538,7 +1571,7 @@ function zi(e, t, n) {
     const i = Pn(e);
     if (i) {
       r = Qr(i);
-      const s = e.resources ? e.resources[0] : "", a = Cn(s);
+      const s = e.resources ? e.resources[0] : "", a = kn(s);
       a && (o = a.send);
     }
   }
@@ -1611,7 +1644,7 @@ 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(Vr) ? Cn(n) : null;
+    const l = r.match(Vr) ? kn(n) : null;
     if (!l) {
       ft(e, s, null);
       return;
@@ -1730,7 +1763,7 @@ const eo = {
   role: "img"
 }, Ki = {
   display: "inline-block"
-}, kn = {
+}, Cn = {
   backgroundColor: "currentColor"
 }, to = {
   backgroundColor: "transparent"
@@ -1739,8 +1772,8 @@ const eo = {
   Repeat: "no-repeat",
   Size: "100% 100%"
 }, cr = {
-  WebkitMask: kn,
-  mask: kn,
+  WebkitMask: Cn,
+  mask: Cn,
   background: to
 };
 for (const e in cr) {
@@ -1831,7 +1864,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 = Vi(d, {
+  const { body: d, width: h, height: g } = e, C = i === "mask" || (i === "bg" ? !1 : d.indexOf("currentColor") !== -1), w = Vi(d, {
     ...u,
     width: h + "",
     height: g + ""
@@ -1842,7 +1875,7 @@ const Ji = (e, t, n) => {
     width: dr(u.width),
     height: dr(u.height),
     ...Ki,
-    ...x ? kn : to,
+    ...C ? Cn : to,
     ...a
   }, yn("span", l);
 };
@@ -1883,16 +1916,16 @@ function no(e) {
   const [t, n] = B(!!e.ssr), [r, o] = B({});
   function i(g) {
     if (g) {
-      const x = e.icon;
-      if (typeof x == "object")
+      const C = e.icon;
+      if (typeof C == "object")
         return {
           name: "",
-          data: x
+          data: C
         };
-      const w = rr(x);
+      const w = rr(C);
       if (w)
         return {
-          name: x,
+          name: C,
           data: w
         };
     }
@@ -1911,25 +1944,25 @@ function no(e) {
   }
   function u() {
     var g;
-    const x = e.icon;
-    if (typeof x == "object") {
+    const C = e.icon;
+    if (typeof C == "object") {
       c({
         name: "",
-        data: x
+        data: C
       });
       return;
     }
-    const w = rr(x);
+    const w = rr(C);
     if (c({
-      name: x,
+      name: C,
       data: w
     }))
       if (w === void 0) {
-        const p = Zr([x], u);
+        const p = Zr([C], u);
         o({
           callback: p
         });
-      } else w && ((g = e.onLoad) === null || g === void 0 || g.call(e, x));
+      } else w && ((g = e.onLoad) === null || g === void 0 || g.call(e, C));
   }
   W(() => (n(!0), l), []), W(() => {
     t && u();
@@ -1940,7 +1973,7 @@ function no(e) {
     ...h
   }, e, d) : e.children ? e.children : e.fallback ? e.fallback : yn("span", {});
 }
-const $ = In((e, t) => no({
+const H = In((e, t) => no({
   ...e,
   _ref: t
 }));
@@ -1951,7 +1984,7 @@ In((e, t) => no({
 }));
 const Qi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Icon: $,
+  Icon: H,
   addAPIProvider: Xr,
   addCollection: Wr,
   addIcon: Gr,
@@ -1997,12 +2030,12 @@ class Zi {
   }
 }
 const es = new Zi(), ts = Nr({ prefix: "sc" });
-function Le(...e) {
+function Te(...e) {
   return ts(Ir(e));
 }
-const ro = z.createContext({ variant: "transparent" });
+const ro = O.createContext({ variant: "transparent" });
 function ns() {
-  return z.useContext(ro);
+  return O.useContext(ro);
 }
 const rs = zr("", {
   variants: {
@@ -2015,10 +2048,10 @@ const rs = zr("", {
   defaultVariants: {
     variant: "default"
   }
-}), oo = z.forwardRef(
+}), oo = O.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 }) });
+    return /* @__PURE__ */ f(ro.Provider, { value: { variant: t ?? "default" }, children: /* @__PURE__ */ f(s, { ref: i, className: Te(rs({ variant: t }), e), ...o, children: r }) });
   }
 );
 oo.displayName = "Surface";
@@ -2067,9 +2100,9 @@ const os = zr(
       size: "default"
     }
   }
-), rt = z.forwardRef(
+), rt = O.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) => {
+    const { variant: d } = ns(), h = d === "default", g = d === "secondary", C = (p) => {
       r && r(p), i && i(p);
     }, w = {
       secondary: t === "secondary" && (g ? "sc:bg-[var(--color-default-on-surface)] sc:hover:bg-[var(--color-default-on-surface)]/80" : h ? "sc:dark:bg-[var(--color-default-on-surface)] sc:dark:hover:bg-[var(--color-default-on-surface)]/80" : !1),
@@ -2080,7 +2113,7 @@ const os = zr(
     return /* @__PURE__ */ f(
       "button",
       {
-        className: Le(
+        className: Te(
           os({ variant: t, size: n }),
           w.secondary,
           w.field,
@@ -2089,7 +2122,7 @@ const os = zr(
           e
         ),
         ref: u,
-        onClick: x,
+        onClick: C,
         disabled: s || o,
         "data-selected": a,
         ...c,
@@ -2099,9 +2132,9 @@ const os = zr(
   }
 );
 rt.displayName = "Button";
-const io = z.createContext(null);
+const io = O.createContext(null);
 function $n() {
-  const e = z.useContext(io);
+  const e = O.useContext(io);
   if (!e)
     throw new Error("Drawer components must be used within a Drawer");
   return e;
@@ -2112,13 +2145,13 @@ function so({
   onOpenChange: n,
   children: r
 }) {
-  const [o, i] = z.useState(t), s = e !== void 0, a = s ? e : o, l = z.useCallback(
+  const [o, i] = O.useState(t), s = e !== void 0, a = s ? e : o, l = O.useCallback(
     (d) => {
       s || i(d), n == null || n(d);
     },
     [s, n]
-  ), c = 10, u = z.useRef(!1);
-  return z.useLayoutEffect(() => {
+  ), c = 10, u = O.useRef(!1);
+  return O.useLayoutEffect(() => {
     if (a) {
       u.current = !0, document.documentElement.setAttribute("data-drawer-open", "true");
       const d = setTimeout(() => {
@@ -2129,12 +2162,12 @@ function so({
   }, [a]), /* @__PURE__ */ f(io.Provider, { value: { open: a, onOpenChange: l }, children: r });
 }
 so.displayName = "Drawer";
-const is = z.forwardRef(
+const is = O.forwardRef(
   ({ asChild: e, onClick: t, children: n, ...r }, o) => {
     const { onOpenChange: i } = $n(), s = (a) => {
       t == null || t(a), i(!0);
     };
-    return e && z.isValidElement(n) ? z.cloneElement(
+    return e && O.isValidElement(n) ? O.cloneElement(
       n,
       {
         onClick: s
@@ -2143,12 +2176,12 @@ const is = z.forwardRef(
   }
 );
 is.displayName = "DrawerTrigger";
-const ss = z.forwardRef(
+const ss = O.forwardRef(
   ({ asChild: e, onClick: t, children: n, ...r }, o) => {
     const { onOpenChange: i } = $n(), s = (a) => {
       t == null || t(a), i(!1);
     };
-    return e && z.isValidElement(n) ? z.cloneElement(
+    return e && O.isValidElement(n) ? O.cloneElement(
       n,
       {
         onClick: s
@@ -2157,7 +2190,7 @@ const ss = z.forwardRef(
   }
 );
 ss.displayName = "DrawerClose";
-const ao = z.forwardRef(
+const ao = O.forwardRef(
   ({
     className: e,
     children: t,
@@ -2173,120 +2206,120 @@ const ao = z.forwardRef(
     useDialogRole: d = !0,
     disableSwipeGestures: h = !1,
     animationDuration: g = 500,
-    showScrollFade: x = !0,
+    showScrollFade: C = !0,
     scrollFadeColor: w,
     heightRatio: p,
     safeAreaPadding: m = !1,
     ...E
   }, A) => {
-    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(() => {
+    const { open: D, onOpenChange: T } = $n(), [y, S] = O.useState(!1), [v, L] = O.useState(0), [x, M] = O.useState(!1), [R, F] = O.useState(!1), [J, pe] = O.useState(!1), [Q, oe] = O.useState(!1), Y = O.useRef(null), ee = O.useRef(null), ge = O.useRef(0), xe = O.useRef(0), [ie, ce] = O.useState(!1), [Pe, Ne] = O.useState(!1), ae = O.useRef(!1), De = O.useRef(!0), Z = O.useRef(null), se = 120;
+    O.useEffect(() => {
       if (D) {
-        const _ = setTimeout(() => re(!0), se);
+        const _ = setTimeout(() => oe(!0), se);
         return () => clearTimeout(_);
       } else
-        re(!1);
+        oe(!1);
     }, [D]);
-    const H = z.useCallback(
+    const j = O.useCallback(
       (_) => {
-        const fe = _.target, ye = fe.scrollHeight - fe.scrollTop - fe.clientHeight < 20;
-        pe(ye);
+        const fe = _.target, be = fe.scrollHeight - fe.scrollTop - fe.clientHeight < 20;
+        pe(be);
       },
       []
     );
-    z.useImperativeHandle(A, () => Y.current), z.useEffect(() => {
+    O.useImperativeHandle(A, () => Y.current), O.useEffect(() => {
       S(!0), L(document.body.clientHeight);
       const _ = () => L(document.body.clientHeight);
       return window.addEventListener("resize", _), () => {
         window.removeEventListener("resize", _);
       };
-    }, []), z.useEffect(() => (D && u ? document.body.style.overflow = "hidden" : u && (document.body.style.overflow = ""), () => {
+    }, []), O.useEffect(() => (D && u ? document.body.style.overflow = "hidden" : u && (document.body.style.overflow = ""), () => {
       u && (document.body.style.overflow = "");
-    }), [D, u]), z.useLayoutEffect(() => {
+    }), [D, u]), O.useLayoutEffect(() => {
       if (!D) {
-        le.current = !1, Oe.current = !0, ue(!1);
+        ae.current = !1, De.current = !0, ce(!1);
         return;
       }
       const _ = setTimeout(() => {
-        le.current = !0, Oe.current = !1;
+        ae.current = !0, De.current = !1;
       }, 200), fe = () => {
-        !le.current || Oe.current || (Q.current && clearTimeout(Q.current), Se(!0), ue(!0), Q.current = setTimeout(() => {
-          Se(!1), Q.current = null;
+        !ae.current || De.current || (Z.current && clearTimeout(Z.current), Ne(!0), ce(!0), Z.current = setTimeout(() => {
+          Ne(!1), Z.current = null;
         }, 60));
-      }, ye = () => {
-        le.current && ue(!1);
+      }, be = () => {
+        ae.current && ce(!1);
       };
-      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);
+      return window.addEventListener("drawer-open", fe), window.addEventListener("drawer-close", be), () => {
+        clearTimeout(_), Z.current && (clearTimeout(Z.current), Z.current = null), window.removeEventListener("drawer-open", fe), window.removeEventListener("drawer-close", be);
       };
     }, [D]);
-    const xe = oe ? 10 : 0, ke = 50, Je = 10, ce = z.useRef(null), C = z.useCallback(
+    const ke = ie ? 10 : 0, ve = 50, Je = 10, de = O.useRef(null), Be = O.useCallback(
       (_, fe) => {
-        const ye = window.scrollY, Dt = _ - ye, en = performance.now(), Lt = (at) => {
+        const be = window.scrollY, Dt = _ - be, 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 + Dt * It), Tt < 1 && requestAnimationFrame(Lt);
+          window.scrollTo(0, be + Dt * It), Tt < 1 && requestAnimationFrame(Lt);
         };
         requestAnimationFrame(Lt);
       },
       []
-    ), k = 10;
-    z.useEffect(() => {
-      if (D && !b) {
-        if (ce.current = document.documentElement.scrollTop, ce.current > ke)
+    ), ze = 10;
+    O.useEffect(() => {
+      if (D && !x) {
+        if (de.current = document.documentElement.scrollTop, de.current > ve)
           return;
         const _ = setTimeout(() => {
-          C(
-            ce.current + ke,
+          Be(
+            de.current + ve,
             Je
           );
-        }, k);
+        }, ze);
         return () => clearTimeout(_);
       }
-    }, [D, b, C]), z.useEffect(() => {
-      if (!D && !b && ce.current !== null) {
-        const _ = ce.current;
-        ce.current = null, document.body.style.overflow = "", window.scrollTo(0, _);
+    }, [D, x, Be]), O.useEffect(() => {
+      if (!D && !x && de.current !== null) {
+        const _ = de.current;
+        de.current = null, document.body.style.overflow = "", window.scrollTo(0, _);
       }
-    }, [D, b]);
-    const I = 300, O = 200, K = 250, P = 150, Z = K + P, ae = 50, me = z.useCallback(() => {
+    }, [D, x]);
+    const b = 300, k = 200, I = 250, z = 150, X = I + z, $ = 50, K = O.useCallback(() => {
       setTimeout(() => {
         M(!0), setTimeout(() => {
           document.body.style.overflow = "";
-          const fe = ce.current;
-          fe !== null && (ce.current = null, window.scrollTo(0, fe));
+          const fe = de.current;
+          fe !== null && (de.current = null, window.scrollTo(0, fe));
         }, 150), setTimeout(() => {
           document.documentElement.removeAttribute("data-drawer-open"), window.dispatchEvent(new CustomEvent("drawer-close"));
-        }, O), setTimeout(() => {
+        }, k), setTimeout(() => {
           F(!0);
-        }, K), setTimeout(() => {
+        }, I), setTimeout(() => {
           M(!1), F(!1), T(!1);
-        }, Z);
-      }, ae);
+        }, X);
+      }, $);
     }, [T]);
-    z.useEffect(() => {
+    O.useEffect(() => {
       const _ = (fe) => {
-        fe.key === "Escape" && D && !b && me();
+        fe.key === "Escape" && D && !x && K();
       };
       return document.addEventListener("keydown", _), () => document.removeEventListener("keydown", _);
-    }, [D, b, me]);
-    const ne = z.useCallback(
+    }, [D, x, K]);
+    const ue = O.useCallback(
       (_) => {
-        h || (ge.current = _.touches[0].clientY, we.current = 0, Y.current && (Y.current.style.transition = "none"));
+        h || (ge.current = _.touches[0].clientY, xe.current = 0, Y.current && (Y.current.style.transition = "none"));
       },
       [h]
-    ), He = z.useCallback(
+    ), Le = O.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)`);
+        xe.current = Math.max(0, fe), Y.current && (Y.current.style.transform = `translateY(${xe.current}px)`);
       },
       [h]
-    ), Te = z.useCallback(() => {
+    ), re = O.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 || !D && !b) return null;
-    const Ue = J || b, Ge = {
+      Y.current && (Y.current.style.transition = `transform ${g}ms cubic-bezier(0.32, 0.72, 0, 1)`, Y.current.style.transform = ""), xe.current > 100 && K();
+    }, [h, K, g]);
+    if (!y || !D && !x) return null;
+    const Se = Q || x, ye = {
       "--animation-duration": `${g}ms`
     };
     return On(
@@ -2294,7 +2327,7 @@ const ao = z.forwardRef(
       // editor's .sc-root scope, so without it every scoped theme token
       // (--sc-spacing-*, --sc-color-*, --sc-z-*) inside the drawer resolves
       // to nothing. display:contents keeps it box-less.
-      /* @__PURE__ */ f("div", { className: "sc-root", style: { display: "contents" }, children: /* @__PURE__ */ j(
+      /* @__PURE__ */ f("div", { className: "sc-root", style: { display: "contents" }, children: /* @__PURE__ */ P(
         "div",
         {
           style: {
@@ -2310,34 +2343,34 @@ const ao = z.forwardRef(
             a && /* @__PURE__ */ f(
               "div",
               {
-                onClick: me,
-                className: Le(
+                onClick: K,
+                className: Te(
                   "sc:absolute sc:inset-0 sc:backdrop-blur-lg",
                   R && "sc:animate-out sc:fade-out"
                 ),
                 style: {
                   backgroundColor: `rgba(0,0,0,${c})`,
-                  animationDuration: R ? `${P}ms` : void 0
+                  animationDuration: R ? `${z}ms` : void 0
                 },
                 "aria-hidden": "true"
               }
             ),
-            ze && /* @__PURE__ */ f(
+            Pe && /* @__PURE__ */ f(
               "div",
               {
                 className: "sc:fixed sc:w-full sc:bg-surface",
                 style: {
                   top: 0,
                   left: 0,
-                  height: xe || 10,
+                  height: ke || 10,
                   zIndex: 10000001
                 }
               }
             ),
-            Ue && /* @__PURE__ */ f(
+            Se && /* @__PURE__ */ f(
               "div",
               {
-                className: Le(
+                className: Te(
                   "sc:sticky sc:left-0 sc:w-full sc:flex sc:pointer-events-none",
                   n === "bottom" && "sc:items-end sc:justify-center",
                   // Side drawers: stretch to full height unless custom height is set (then top-align with padding)
@@ -2346,25 +2379,25 @@ const ao = z.forwardRef(
                 ),
                 style: {
                   height: "100dvh",
-                  top: n === "bottom" ? xe : 0,
+                  top: n === "bottom" ? ke : 0,
                   transition: "top 10ms ease-out"
                 },
-                children: /* @__PURE__ */ f(oo, { asChild: !0, variant: "default", children: /* @__PURE__ */ j(
+                children: /* @__PURE__ */ f(oo, { asChild: !0, variant: "default", children: /* @__PURE__ */ P(
                   "div",
                   {
                     ref: Y,
-                    className: Le(
+                    className: Te(
                       "sc:flex sc:flex-col sc:shadow-2xl sc:pointer-events-auto",
                       // Bottom drawer: rounded top, full width
                       n === "bottom" && "sc:rounded-t-3xl sc:w-full",
                       // Left drawer: rounded right side, full height unless custom height
-                      n === "left" && Le("sc:rounded-r-2xl", !r && "sc:h-full"),
+                      n === "left" && Te("sc:rounded-r-2xl", !r && "sc:h-full"),
                       // Right drawer: rounded left side, full height unless custom height
-                      n === "right" && Le("sc:rounded-l-2xl", !r && "sc:h-full"),
+                      n === "right" && Te("sc:rounded-l-2xl", !r && "sc:h-full"),
                       // Animations based on placement
-                      n === "bottom" && (b ? "sc:animate-out sc:slide-out-to-bottom" : "sc:animate-in sc:slide-in-from-bottom"),
-                      n === "left" && (b ? "sc:animate-out sc:slide-out-to-left" : "sc:animate-in sc:slide-in-from-left"),
-                      n === "right" && (b ? "sc:animate-out sc:slide-out-to-right" : "sc:animate-in sc:slide-in-from-right"),
+                      n === "bottom" && (x ? "sc:animate-out sc:slide-out-to-bottom" : "sc:animate-in sc:slide-in-from-bottom"),
+                      n === "left" && (x ? "sc:animate-out sc:slide-out-to-left" : "sc:animate-in sc:slide-in-from-left"),
+                      n === "right" && (x ? "sc:animate-out sc:slide-out-to-right" : "sc:animate-in sc:slide-in-from-right"),
                       e
                     ),
                     style: {
@@ -2379,10 +2412,10 @@ const ao = z.forwardRef(
                         maxWidth: s,
                         height: r || "100%"
                       } : {},
-                      animationDuration: b ? `${I}ms` : `${g}ms`,
-                      animationTimingFunction: b ? "ease-in" : "cubic-bezier(0.32, 0.72, 0, 1)",
+                      animationDuration: x ? `${b}ms` : `${g}ms`,
+                      animationTimingFunction: x ? "ease-in" : "cubic-bezier(0.32, 0.72, 0, 1)",
                       animationFillMode: "forwards",
-                      ...Ge
+                      ...ye
                     },
                     onClick: (_) => _.stopPropagation(),
                     ...E,
@@ -2390,10 +2423,10 @@ const ao = z.forwardRef(
                       n === "bottom" && !h && /* @__PURE__ */ f(
                         "div",
                         {
-                          onTouchStart: ne,
-                          onTouchMove: He,
-                          onTouchEnd: Te,
-                          className: Le(
+                          onTouchStart: ue,
+                          onTouchMove: Le,
+                          onTouchEnd: re,
+                          className: Te(
                             "sc:cursor-grab sc:active:cursor-grabbing sc:flex-shrink-0",
                             l && "sc:absolute sc:top-0 sc:left-0 sc:right-0 sc:h-8 sc:z-10"
                           ),
@@ -2407,7 +2440,7 @@ const ao = z.forwardRef(
                           ) })
                         }
                       ),
-                      /* @__PURE__ */ j("div", { className: "sc:flex-1 sc:overflow-hidden sc:flex sc:flex-col sc:relative sc:min-h-0", children: [
+                      /* @__PURE__ */ P("div", { className: "sc:flex-1 sc:overflow-hidden sc:flex sc:flex-col sc:relative sc:min-h-0", children: [
                         /* @__PURE__ */ f(
                           "div",
                           {
@@ -2417,16 +2450,16 @@ const ao = z.forwardRef(
                               WebkitOverflowScrolling: "touch",
                               overscrollBehavior: "contain"
                             },
-                            onScroll: H,
+                            onScroll: j,
                             children: t
                           }
                         ),
-                        x && /* @__PURE__ */ f(
+                        C && /* @__PURE__ */ f(
                           "div",
                           {
-                            className: Le(
+                            className: Te(
                               "sc:absolute sc:bottom-0 sc:left-0 sc:right-0 sc:h-20 sc:pointer-events-none sc:transition-opacity sc:duration-300 sc:z-10",
-                              X ? "sc:opacity-0" : "sc:opacity-100"
+                              J ? "sc:opacity-0" : "sc:opacity-100"
                             ),
                             style: {
                               background: w ? `linear-gradient(to top, ${w}, transparent)` : "linear-gradient(to top, var(--color-drawer-bg, var(--surface)), transparent)"
@@ -2455,11 +2488,11 @@ const ao = z.forwardRef(
   }
 );
 ao.displayName = "DrawerContent";
-const lo = z.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
+const lo = O.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
   "h2",
   {
     ref: n,
-    className: Le(
+    className: Te(
       "sc:text-lg sc:font-semibold sc:leading-none sc:tracking-tight",
       e
     ),
@@ -2467,21 +2500,21 @@ const lo = z.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
   }
 ));
 lo.displayName = "DrawerTitle";
-const co = z.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
+const co = O.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
   "p",
   {
     ref: n,
-    className: Le("sc:text-sm sc:text-muted-foreground", e),
+    className: Te("sc:text-sm sc:text-muted-foreground", e),
     ...t
   }
 ));
 co.displayName = "DrawerDescription";
-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(
+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(
   tt.Content,
   {
     ref: r,
     sideOffset: t,
-    className: Le(
+    className: Te(
       "sc:z-tooltip sc:overflow-hidden sc:rounded-tooltip sc:bg-popover sc:px-3 sc:py-1.5 sc:text-xs sc:text-popover-foreground sc:shadow-md sc:animate-in sc:fade-in-0 sc:zoom-in-95 sc:font-caption",
       "sc:data-[state=closed]:animate-out sc:data-[state=closed]:fade-out-0 sc:data-[state=closed]:zoom-out-95",
       "sc:data-[side=bottom]:slide-in-from-top-2 sc:data-[side=left]:slide-in-from-right-2 sc:data-[side=right]:slide-in-from-left-2 sc:data-[side=top]:slide-in-from-bottom-2",
@@ -2490,10 +2523,10 @@ const as = tt.Provider, ls = tt.Root, _t = tt.Trigger, kt = z.forwardRef(({ clas
     ...n
   }
 ) }));
-kt.displayName = tt.Content.displayName;
+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 }) }), Bn = Object.assign(cs, {
   Trigger: _t,
-  Content: kt
+  Content: Ct
 }), ds = Nr({ prefix: "sc" });
 function Sn(...e) {
   return ds(Ir(e));
@@ -2564,7 +2597,7 @@ const uo = ({
           height: `${l}px`
         },
         children: /* @__PURE__ */ f(
-          $,
+          H,
           {
             icon: e,
             width: "100%",
@@ -2585,7 +2618,7 @@ const uo = ({
       className: Sn("sc:inline-flex", n),
       style: { width: `${s}px`, height: `${s}px` },
       children: /* @__PURE__ */ f(
-        $,
+        H,
         {
           icon: e,
           width: "100%",
@@ -2628,9 +2661,9 @@ const En = te.forwardRef(
         children: typeof e == "string" ? /* @__PURE__ */ f(uo, { icon: e, size: "toolbar" }) : e
       }
     );
-    return !r || i ? h : /* @__PURE__ */ j(Bn, { delay: o, children: [
+    return !r || i ? h : /* @__PURE__ */ P(Bn, { delay: o, children: [
       /* @__PURE__ */ f(_t, { asChild: !0, children: h }),
-      /* @__PURE__ */ f(kt, { children: r })
+      /* @__PURE__ */ f(Ct, { children: r })
     ] });
   }
 );
@@ -2651,6 +2684,8 @@ const U = {
   // Actions
   trash: "lucide:trash-2",
   copy: "lucide:copy",
+  paste: "lucide:clipboard-paste",
+  selectAll: "lucide:box-select",
   pencil: "lucide:pencil",
   scissors: "lucide:scissors",
   // File operations
@@ -2684,15 +2719,53 @@ const U = {
   // Misc
   grip: "lucide:grip-vertical",
   fileText: "lucide:file-text",
+  // Layer operations
+  layerForward: "lucide:bring-to-front",
+  layerBackward: "lucide:send-to-back",
   group: "lucide:group",
+  ungroup: "lucide:ungroup",
   // Undo/Redo
   undo: "lucide:undo-2",
   redo: "lucide:redo-2",
   fitScreen: "lucide:scan",
   maximize: "lucide:maximize",
   alertCircle: "lucide:alert-circle",
+  arrowUp: "lucide:arrow-up",
+  arrowDown: "lucide:arrow-down",
   // Special purpose
   wand: "lucide:wand-2"
+}, Ke = ({
+  icon: e,
+  label: t,
+  shortcut: n,
+  active: r = !1,
+  disabled: o = !1,
+  onClick: i,
+  className: s = "",
+  children: a,
+  ...l
+}) => {
+  const c = [
+    "sc:flex sc:items-center sc:gap-md",
+    "sc:px-lg sc:py-md",
+    "sc:bg-transparent sc:border-none",
+    "sc:rounded-lg",
+    "sc:text-text-primary sc:text-base sc:font-normal",
+    "sc:cursor-pointer",
+    "sc:transition-all sc:duration-fast",
+    "sc:text-left sc:w-full"
+  ], u = [
+    r ? "sc:bg-accent-light sc:font-medium" : "",
+    o ? "sc:opacity-disabled sc:cursor-not-allowed" : "sc:hover:bg-bg-hover"
+  ], d = [...c, ...u, s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ P("button", { role: "menuitem", className: d, onClick: () => {
+    !o && i && i();
+  }, disabled: o, type: "button", ...l, children: [
+    e && /* @__PURE__ */ f("span", { className: "sc:flex sc:shrink-0 sc:items-center", children: e }),
+    /* @__PURE__ */ f("span", { className: "sc:flex-1", children: a || t }),
+    n && /* @__PURE__ */ f("span", { className: "sc:ml-auto sc:text-sm sc:text-text-muted", children: n }),
+    r && !n && /* @__PURE__ */ f("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "sc:ml-auto sc:shrink-0", children: /* @__PURE__ */ f("path", { d: "M13 4L6 11L3 8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+  ] });
 }, un = ot("useArtboards"), ys = () => {
   const {
     artboards: e,
@@ -2765,7 +2838,7 @@ const U = {
       return;
     }
     m.name !== void 0 && (E.name = m.name), m.width !== void 0 && (E.width = m.width), m.height !== void 0 && (E.height = m.height), m.backgroundColor !== void 0 && (E.backgroundColor = m.backgroundColor), m.clipShape !== void 0 && (E.clipShape = m.clipShape), "distressTexture" in m && (E.distressTexture = m.distressTexture ? { ...m.distressTexture } : void 0), n();
-  }, [e, n]), x = N((p) => {
+  }, [e, n]), C = N((p) => {
     r(null), o([]), t.setActiveArtboard(p), n();
   }, [t, n, r, o]), w = N((p, m) => {
     p !== m && (p < 0 || p >= e.length || m < 0 || m >= e.length || ([...e], t.reorderArtboards(p, m), n()));
@@ -2781,7 +2854,7 @@ const U = {
     duplicateArtboard: d,
     renameArtboard: h,
     updateArtboard: g,
-    selectArtboard: x,
+    selectArtboard: C,
     reorderArtboards: w,
     count: e.length
   };
@@ -2813,10 +2886,10 @@ function fo(e) {
 function st(e) {
   return e ? it(e) ? e.document : Vn(e) ? Un(e) ? e : St(e) || fo(e) ? e.ownerDocument : document : document : document;
 }
-const Ve = qt ? Nn : W;
+const Ge = qt ? Nn : W;
 function Yt(e) {
   const t = G(e);
-  return Ve(() => {
+  return Ge(() => {
     t.current = e;
   }), N(function() {
     for (var n = arguments.length, r = new Array(n), o = 0; o < n; o++)
@@ -2835,7 +2908,7 @@ function bs() {
 function bt(e, t) {
   t === void 0 && (t = [e]);
   const n = G(e);
-  return Ve(() => {
+  return Ge(() => {
     n.current !== e && (n.current = e);
   }, t), n;
 }
@@ -2978,10 +3051,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 Cs(e) {
+function ks(e) {
   return e.matches(ur) ? e : e.querySelector(ur);
 }
-const ks = {
+const Cs = {
   display: "none"
 };
 function Ss(e) {
@@ -2991,7 +3064,7 @@ function Ss(e) {
   } = e;
   return te.createElement("div", {
     id: t,
-    style: ks
+    style: Cs
   }, n);
 }
 function Es(e) {
@@ -3033,7 +3106,7 @@ function As() {
 }
 const po = /* @__PURE__ */ Xe(null);
 function Ms(e) {
-  const t = je(po);
+  const t = $e(po);
   W(() => {
     if (!t)
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
@@ -3160,10 +3233,10 @@ function Ts(e) {
   }));
   return n ? On(u, n) : u;
 }
-var de;
+var le;
 (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 = {}));
+})(le || (le = {}));
 function Vt() {
 }
 function fr(e, t) {
@@ -3185,7 +3258,7 @@ function Is() {
     [...t]
   );
 }
-const Ne = /* @__PURE__ */ Object.freeze({
+const Fe = /* @__PURE__ */ Object.freeze({
   x: 0,
   y: 0
 });
@@ -3294,7 +3367,7 @@ const Os = (e) => {
       id: a
     } = s, l = n.get(a);
     if (l) {
-      const c = An(l), u = o.reduce((h, g, x) => h + Wn(c[x], g), 0), d = Number((u / 4).toFixed(4));
+      const c = An(l), u = o.reduce((h, g, C) => h + Wn(c[C], g), 0), d = Number((u / 4).toFixed(4));
       i.push({
         id: a,
         data: {
@@ -3384,7 +3457,7 @@ function mo(e, t) {
   return e && t ? {
     x: e.left - t.left,
     y: e.top - t.top
-  } : Ne;
+  } : Fe;
 }
 function Vs(e) {
   return function(n) {
@@ -3538,7 +3611,7 @@ var he;
 function xo(e) {
   return !qt || !e ? !1 : e === document.scrollingElement;
 }
-function Co(e) {
+function ko(e) {
   const t = {
     x: 0,
     y: 0
@@ -3578,19 +3651,19 @@ function Xs(e, t, n, r, o) {
     isBottom: u,
     isLeft: d,
     isRight: h
-  } = Co(e), g = {
+  } = ko(e), g = {
     x: 0,
     y: 0
-  }, x = {
+  }, C = {
     x: 0,
     y: 0
   }, w = {
     height: t.height * o.y,
     width: t.width * o.x
   };
-  return !c && i <= t.top + w.height ? (g.y = he.Backward, x.y = r * Math.abs((t.top + w.height - i) / w.height)) : !u && l >= t.bottom - w.height && (g.y = he.Forward, x.y = r * Math.abs((t.bottom - w.height - l) / w.height)), !h && a >= t.right - w.width ? (g.x = he.Forward, x.x = r * Math.abs((t.right - w.width - a) / w.width)) : !d && s <= t.left + w.width && (g.x = he.Backward, x.x = r * Math.abs((t.left + w.width - s) / w.width)), {
+  return !c && i <= t.top + w.height ? (g.y = he.Backward, C.y = r * Math.abs((t.top + w.height - i) / w.height)) : !u && l >= t.bottom - w.height && (g.y = he.Forward, C.y = r * Math.abs((t.bottom - w.height - l) / w.height)), !h && a >= t.right - w.width ? (g.x = he.Forward, C.x = r * Math.abs((t.right - w.width - a) / w.width)) : !d && s <= t.left + w.width && (g.x = he.Backward, C.x = r * Math.abs((t.left + w.width - s) / w.width)), {
     direction: g,
-    speed: x
+    speed: C
   };
 }
 function Js(e) {
@@ -3623,8 +3696,8 @@ function Js(e) {
     height: e.clientHeight
   };
 }
-function ko(e) {
-  return e.reduce((t, n) => et(t, Mn(n)), Ne);
+function Co(e) {
+  return e.reduce((t, n) => et(t, Mn(n)), Fe);
 }
 function Qs(e) {
   return e.reduce((t, n) => t + bo(n), 0);
@@ -3650,7 +3723,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 = ko(r);
+    const r = Xt(n), o = Co(r);
     this.rect = {
       ...t
     }, this.width = t.width, this.height = t.height;
@@ -3692,10 +3765,10 @@ function pn(e, t) {
   const n = Math.abs(e.x), r = Math.abs(e.y);
   return typeof t == "number" ? Math.sqrt(n ** 2 + r ** 2) > t : "x" in t && "y" in t ? n > t.x && r > t.y : "x" in t ? n > t.x : "y" in t ? r > t.y : !1;
 }
-var Re;
+var Ie;
 (function(e) {
   e.Click = "click", e.DragStart = "dragstart", e.Keydown = "keydown", e.ContextMenu = "contextmenu", e.Resize = "resize", e.SelectionChange = "selectionchange", e.VisibilityChange = "visibilitychange";
-})(Re || (Re = {}));
+})(Ie || (Ie = {}));
 function gr(e) {
   e.preventDefault();
 }
@@ -3748,14 +3821,14 @@ class Yn {
     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));
+    this.handleStart(), this.windowListeners.add(Ie.Resize, this.handleCancel), this.windowListeners.add(Ie.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(Ie.Keydown, this.handleKeyDown));
   }
   handleStart() {
     const {
       activeNode: t,
       onStart: n
     } = this.props, r = t.node.current;
-    r && So(r), n(Ne);
+    r && So(r), n(Fe);
   }
   handleKeyDown(t) {
     if (Gn(t)) {
@@ -3783,7 +3856,7 @@ class Yn {
       } = r.current, u = c ? {
         x: c.left,
         y: c.top
-      } : Ne;
+      } : Fe;
       this.referenceCoordinates || (this.referenceCoordinates = u);
       const d = s(t, {
         active: n,
@@ -3795,9 +3868,9 @@ class Yn {
           x: 0,
           y: 0
         }, {
-          scrollableAncestors: x
+          scrollableAncestors: C
         } = r.current;
-        for (const w of x) {
+        for (const w of C) {
           const p = t.code, {
             isTop: m,
             isRight: E,
@@ -3805,10 +3878,10 @@ class Yn {
             isBottom: D,
             maxScroll: T,
             minScroll: y
-          } = Co(w), S = Js(w), v = {
+          } = ko(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;
+          }, L = p === V.Right && !E || p === V.Left && !A, x = p === V.Down && !D || p === V.Up && !m;
           if (L && v.x !== d.x) {
             const M = w.scrollLeft + h.x, R = p === V.Right && M <= T.x || p === V.Left && M >= y.x;
             if (R && !h.y) {
@@ -3823,7 +3896,7 @@ class Yn {
               behavior: a
             });
             break;
-          } else if (b && v.y !== d.y) {
+          } else if (x && v.y !== d.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({
@@ -3901,7 +3974,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(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();
+    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 : Fe, 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 {
@@ -3915,7 +3988,7 @@ class Kn {
     } = this;
     if (this.listeners.add(t.move.name, this.handleMove, {
       passive: !1
-    }), this.listeners.add(t.end.name, this.handleEnd), t.cancel && this.listeners.add(t.cancel.name, this.handleCancel), this.windowListeners.add(Re.Resize, this.handleCancel), this.windowListeners.add(Re.DragStart, gr), this.windowListeners.add(Re.VisibilityChange, this.handleCancel), this.windowListeners.add(Re.ContextMenu, gr), this.documentListeners.add(Re.Keydown, this.handleKeydown), n) {
+    }), this.listeners.add(t.end.name, this.handleEnd), t.cancel && this.listeners.add(t.cancel.name, this.handleCancel), this.windowListeners.add(Ie.Resize, this.handleCancel), this.windowListeners.add(Ie.DragStart, gr), this.windowListeners.add(Ie.VisibilityChange, this.handleCancel), this.windowListeners.add(Ie.ContextMenu, gr), this.documentListeners.add(Ie.Keydown, this.handleKeydown), n) {
       if (r != null && r({
         event: this.props.event,
         activeNode: this.props.activeNode,
@@ -3949,9 +4022,9 @@ class Kn {
     } = this, {
       onStart: n
     } = this.props;
-    t && (this.activated = !0, this.documentListeners.add(Re.Click, na, {
+    t && (this.activated = !0, this.documentListeners.add(Ie.Click, na, {
       capture: !0
-    }), this.removeTextSelection(), this.documentListeners.add(Re.SelectionChange, this.removeTextSelection), n(t));
+    }), this.removeTextSelection(), this.documentListeners.add(Ie.SelectionChange, this.removeTextSelection), n(t));
   }
   handleMove(t) {
     var n;
@@ -3967,7 +4040,7 @@ class Kn {
     } = i;
     if (!o)
       return;
-    const l = (n = Bt(t)) != null ? n : Ne, c = wt(o, l);
+    const l = (n = Bt(t)) != null ? n : Fe, c = wt(o, l);
     if (!r && a) {
       if (mr(a)) {
         if (a.tolerance != null && pn(c, a.tolerance))
@@ -4134,7 +4207,7 @@ function la(e) {
   const g = da({
     delta: d,
     disabled: !i
-  }), [x, w] = bs(), p = G({
+  }), [C, w] = bs(), p = G({
     x: 0,
     y: 0
   }), m = G({
@@ -4173,12 +4246,12 @@ function la(e) {
           continue;
         const {
           direction: L,
-          speed: b
+          speed: x
         } = Xs(y, v, E, t, h);
         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(D, s), p.current = b, m.current = L;
+          g[M][L[M]] || (x[M] = 0, L[M] = 0);
+        if (x.x > 0 || x.y > 0) {
+          w(), A.current = y, C(D, s), p.current = x, m.current = L;
           return;
         }
       }
@@ -4202,7 +4275,7 @@ function la(e) {
       JSON.stringify(E),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       JSON.stringify(g),
-      x,
+      C,
       c,
       T,
       u,
@@ -4264,10 +4337,10 @@ function fa(e, t) {
     return [...n, ...i];
   }, []), [e, t]);
 }
-var Ct;
+var kt;
 (function(e) {
   e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
-})(Ct || (Ct = {}));
+})(kt || (kt = {}));
 var Ln;
 (function(e) {
   e.Optimized = "optimized";
@@ -4285,7 +4358,7 @@ function ha(e, t) {
     strategy: c
   } = o, u = G(e), d = p(), h = bt(d), g = N(function(m) {
     m === void 0 && (m = []), !h.current && s((E) => E === null ? m : E.concat(m.filter((A) => !E.includes(A))));
-  }, [h]), x = G(null), w = Et((m) => {
+  }, [h]), C = G(null), w = Et((m) => {
     if (d && !n)
       return yr;
     if (!m || m === yr || u.current !== e || i != null) {
@@ -4320,8 +4393,8 @@ function ha(e, t) {
     [JSON.stringify(i)]
   ), W(
     () => {
-      d || typeof a != "number" || x.current !== null || (x.current = setTimeout(() => {
-        g(), x.current = null;
+      d || typeof a != "number" || C.current !== null || (C.current = setTimeout(() => {
+        g(), C.current = null;
       }, a));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -4333,9 +4406,9 @@ function ha(e, t) {
   };
   function p() {
     switch (c) {
-      case Ct.Always:
+      case kt.Always:
         return !1;
-      case Ct.BeforeDragging:
+      case kt.BeforeDragging:
         return n;
       default:
         return !n;
@@ -4417,7 +4490,7 @@ function br(e, t, n) {
   }), a = Jt({
     callback: i
   });
-  return Ve(() => {
+  return Ge(() => {
     i(), e ? (a == null || a.observe(e), s == null || s.observe(document.body, {
       childList: !0,
       subtree: !0
@@ -4461,7 +4534,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) : ko(e) : Ne, [e, t]);
+  }, [o, e]), q(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => et(i, s), Fe) : Co(e) : Fe, [e, t]);
 }
 function xr(e, t) {
   t === void 0 && (t = []);
@@ -4473,9 +4546,9 @@ function xr(e, t) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
   ), W(() => {
-    const r = e !== Ne;
+    const r = e !== Fe;
     r && !n.current && (n.current = e), !r && n.current && (n.current = null);
-  }, [e]), n.current ? wt(e, n.current) : Ne;
+  }, [e]), n.current ? wt(e, n.current) : Fe;
 }
 function wa(e) {
   W(
@@ -4517,17 +4590,17 @@ function xa(e, t) {
 function Ao(e) {
   return q(() => e ? _s(e) : null, [e]);
 }
-const Cr = [];
-function Ca(e, t) {
+const kr = [];
+function ka(e, t) {
   t === void 0 && (t = At);
-  const [n] = e, r = Ao(n ? Ce(n) : null), [o, i] = B(Cr);
+  const [n] = e, r = Ao(n ? Ce(n) : null), [o, i] = B(kr);
   function s() {
-    i(() => e.length ? e.map((l) => xo(l) ? r : new qn(t(l), l)) : Cr);
+    i(() => e.length ? e.map((l) => xo(l) ? r : new qn(t(l), l)) : kr);
   }
   const a = Jt({
     callback: s
   });
-  return Ve(() => {
+  return Ge(() => {
     a == null || a.disconnect(), s(), e.forEach((l) => a == null ? void 0 : a.observe(l));
   }, [e]), o;
 }
@@ -4539,7 +4612,7 @@ function Mo(e) {
   const t = e.children[0];
   return St(t) ? t : e;
 }
-function ka(e) {
+function Ca(e) {
   let {
     measure: t
   } = e;
@@ -4584,7 +4657,7 @@ const Sa = [{
   },
   droppable: {
     measure: pr,
-    strategy: Ct.WhileDragging,
+    strategy: kt.WhileDragging,
     frequency: Ln.Optimized
   },
   dragOverlay: {
@@ -4670,7 +4743,7 @@ function Ma() {
 }
 function Da(e, t) {
   switch (t.type) {
-    case de.DragStart:
+    case le.DragStart:
       return {
         ...e,
         draggable: {
@@ -4679,7 +4752,7 @@ function Da(e, t) {
           active: t.active
         }
       };
-    case de.DragMove:
+    case le.DragMove:
       return e.draggable.active == null ? e : {
         ...e,
         draggable: {
@@ -4690,8 +4763,8 @@ function Da(e, t) {
           }
         }
       };
-    case de.DragEnd:
-    case de.DragCancel:
+    case le.DragEnd:
+    case le.DragCancel:
       return {
         ...e,
         draggable: {
@@ -4707,7 +4780,7 @@ function Da(e, t) {
           }
         }
       };
-    case de.RegisterDroppable: {
+    case le.RegisterDroppable: {
       const {
         element: n
       } = t, {
@@ -4721,7 +4794,7 @@ function Da(e, t) {
         }
       };
     }
-    case de.SetDroppableDisabled: {
+    case le.SetDroppableDisabled: {
       const {
         id: n,
         key: r,
@@ -4741,7 +4814,7 @@ function Da(e, t) {
         }
       };
     }
-    case de.UnregisterDroppable: {
+    case le.UnregisterDroppable: {
       const {
         id: n,
         key: r
@@ -4769,7 +4842,7 @@ function La(e) {
     active: n,
     activatorEvent: r,
     draggableNodes: o
-  } = je(Mt), i = $t(r), s = $t(n == null ? void 0 : n.id);
+  } = $e(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)
@@ -4787,7 +4860,7 @@ function La(e) {
         for (const u of [l.current, c.current]) {
           if (!u)
             continue;
-          const d = Cs(u);
+          const d = ks(u);
           if (d) {
             d.focus();
             break;
@@ -4841,7 +4914,7 @@ function Ta(e) {
     x: o,
     y: o
   } : o;
-  Ve(() => {
+  Ge(() => {
     if (!s && !a || !t) {
       i.current = !1;
       return;
@@ -4862,7 +4935,7 @@ function Ta(e) {
   }, [t, s, a, r, n]);
 }
 const Qt = /* @__PURE__ */ Xe({
-  ...Ne,
+  ...Fe,
   scaleX: 1,
   scaleY: 1
 });
@@ -4881,7 +4954,7 @@ const Ia = /* @__PURE__ */ Go(function(t) {
     collisionDetection: d = js,
     measuring: h,
     modifiers: g,
-    ...x
+    ...C
   } = t;
   const w = Wo(Da, void 0, Ma), [p, m] = w, [E, A] = Ds(), [D, T] = B(Ye.Uninitialized), y = D === Ye.Initialized, {
     draggable: {
@@ -4890,185 +4963,185 @@ const Ia = /* @__PURE__ */ Go(function(t) {
       translate: L
     },
     droppable: {
-      containers: b
+      containers: x
     }
   } = p, M = S != null ? v.get(S) : null, R = G({
     initial: null,
     translated: null
   }), F = q(() => {
-    var be;
+    var we;
     return S != null ? {
       id: S,
       // It's possible for the active node to unmount while dragging
-      data: (be = M == null ? void 0 : M.data) != null ? be : Ea,
+      data: (we = M == null ? void 0 : M.data) != null ? we : Ea,
       rect: R
     } : null;
-  }, [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: ze,
-    measuringScheduled: Se
-  } = ha(we, {
+  }, [S, M]), J = G(null), [pe, Q] = B(null), [oe, Y] = B(null), ee = bt(C, Object.values(C)), ge = Kt("DndDescribedBy", s), xe = q(() => x.getEnabled(), [x]), ie = Ra(h), {
+    droppableRects: ce,
+    measureDroppableContainers: Pe,
+    measuringScheduled: Ne
+  } = ha(xe, {
     dragging: y,
     dependencies: [L.x, L.y],
-    config: oe.droppable
-  }), le = ua(v, S), Oe = q(() => re ? Bt(re) : null, [re]), Q = Uo(), se = pa(le, oe.draggable.measure);
+    config: ie.droppable
+  }), ae = ua(v, S), De = q(() => oe ? Bt(oe) : null, [oe]), Z = Uo(), se = pa(ae, ie.draggable.measure);
   Ta({
     activeNode: S != null ? v.get(S) : null,
-    config: Q.layoutShiftCompensation,
+    config: Z.layoutShiftCompensation,
     initialRect: se,
-    measure: oe.draggable.measure
+    measure: ie.draggable.measure
   });
-  const H = br(le, oe.draggable.measure, se), xe = br(le ? le.parentElement : null), ke = G({
+  const j = br(ae, ie.draggable.measure, se), ke = br(ae ? ae.parentElement : null), ve = G({
     activatorEvent: null,
     active: null,
-    activeNode: le,
+    activeNode: ae,
     collisionRect: null,
     collisions: null,
-    droppableRects: ue,
+    droppableRects: ce,
     draggableNodes: v,
     draggingNode: null,
     draggingNodeRect: null,
-    droppableContainers: b,
+    droppableContainers: x,
     over: null,
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
-  }), Je = b.getNodeFor((n = ke.current.over) == null ? void 0 : n.id), ce = ka({
-    measure: oe.dragOverlay.measure
-  }), 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, {
+  }), Je = x.getNodeFor((n = ve.current.over) == null ? void 0 : n.id), de = Ca({
+    measure: ie.dragOverlay.measure
+  }), Be = (r = de.nodeRef.current) != null ? r : ae, ze = y ? (o = de.rect) != null ? o : j : null, b = !!(de.nodeRef.current && de.rect), k = va(b ? null : j), I = Ao(Be ? Ce(Be) : null), z = ya(y ? Je ?? ae : null), X = ka(z), $ = Ro(g, {
     transform: {
-      x: L.x - O.x,
-      y: L.y - O.y,
+      x: L.x - k.x,
+      y: L.y - k.y,
       scaleX: 1,
       scaleY: 1
     },
-    activatorEvent: re,
+    activatorEvent: oe,
     active: F,
-    activeNodeRect: H,
-    containerNodeRect: xe,
-    draggingNodeRect: k,
-    over: ke.current.over,
-    overlayNodeRect: ce.rect,
-    scrollableAncestors: P,
-    scrollableAncestorRects: Z,
-    windowRect: K
-  }), 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({
+    activeNodeRect: j,
+    containerNodeRect: ke,
+    draggingNodeRect: ze,
+    over: ve.current.over,
+    overlayNodeRect: de.rect,
+    scrollableAncestors: z,
+    scrollableAncestorRects: X,
+    windowRect: I
+  }), K = De ? et(De, L) : null, ue = ba(z), Le = xr(ue), re = xr(ue, [j]), Se = et($, Le), ye = ze ? Us(ze, $) : null, _ = F && ye ? d({
     active: F,
-    collisionRect: Ge,
-    droppableRects: ue,
-    droppableContainers: we,
-    pointerCoordinates: me
-  }) : 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) => {
+    collisionRect: ye,
+    droppableRects: ce,
+    droppableContainers: xe,
+    pointerCoordinates: K
+  }) : null, fe = go(_, "id"), [be, Dt] = B(null), en = b ? $ : et($, re), Lt = Bs(en, (i = be == null ? void 0 : be.rect) != null ? i : null, j), at = G(null), Rt = N(
+    (we, Ee) => {
       let {
         sensor: Ae,
         options: We
       } = Ee;
-      if (X.current == null)
+      if (J.current == null)
         return;
-      const De = v.get(X.current);
-      if (!De)
+      const Re = v.get(J.current);
+      if (!Re)
         return;
-      const Me = be.nativeEvent, Fe = new Ae({
-        active: X.current,
-        activeNode: De,
+      const Me = we.nativeEvent, je = new Ae({
+        active: J.current,
+        activeNode: Re,
         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: ke,
-        onAbort(ve) {
-          if (!v.get(ve))
+        context: ve,
+        onAbort(me) {
+          if (!v.get(me))
             return;
           const {
-            onDragAbort: Pe
-          } = ee.current, $e = {
-            id: ve
+            onDragAbort: He
+          } = ee.current, Ve = {
+            id: me
           };
-          Pe == null || Pe($e), E({
+          He == null || He(Ve), E({
             type: "onDragAbort",
-            event: $e
+            event: Ve
           });
         },
-        onPending(ve, _e, Pe, $e) {
-          if (!v.get(ve))
+        onPending(me, _e, He, Ve) {
+          if (!v.get(me))
             return;
           const {
             onDragPending: ct
           } = ee.current, qe = {
-            id: ve,
+            id: me,
             constraint: _e,
-            initialCoordinates: Pe,
-            offset: $e
+            initialCoordinates: He,
+            offset: Ve
           };
           ct == null || ct(qe), E({
             type: "onDragPending",
             event: qe
           });
         },
-        onStart(ve) {
-          const _e = X.current;
+        onStart(me) {
+          const _e = J.current;
           if (_e == null)
             return;
-          const Pe = v.get(_e);
-          if (!Pe)
+          const He = v.get(_e);
+          if (!He)
             return;
           const {
-            onDragStart: $e
+            onDragStart: Ve
           } = ee.current, lt = {
             activatorEvent: Me,
             active: {
               id: _e,
-              data: Pe.data,
+              data: He.data,
               rect: R
             }
           };
           Nt(() => {
-            $e == null || $e(lt), T(Ye.Initializing), m({
-              type: de.DragStart,
-              initialCoordinates: ve,
+            Ve == null || Ve(lt), T(Ye.Initializing), m({
+              type: le.DragStart,
+              initialCoordinates: me,
               active: _e
             }), E({
               type: "onDragStart",
               event: lt
-            }), J(at.current), Y(Me);
+            }), Q(at.current), Y(Me);
           });
         },
-        onMove(ve) {
+        onMove(me) {
           m({
-            type: de.DragMove,
-            coordinates: ve
+            type: le.DragMove,
+            coordinates: me
           });
         },
-        onEnd: Qe(de.DragEnd),
-        onCancel: Qe(de.DragCancel)
+        onEnd: Qe(le.DragEnd),
+        onCancel: Qe(le.DragCancel)
       });
-      at.current = Fe;
-      function Qe(ve) {
+      at.current = je;
+      function Qe(me) {
         return async function() {
           const {
-            active: Pe,
-            collisions: $e,
+            active: He,
+            collisions: Ve,
             over: lt,
             scrollAdjustedTranslate: ct
-          } = ke.current;
+          } = ve.current;
           let qe = null;
-          if (Pe && ct) {
+          if (He && ct) {
             const {
               cancelDrop: dt
             } = ee.current;
             qe = {
               activatorEvent: Me,
-              active: Pe,
-              collisions: $e,
+              active: He,
+              collisions: Ve,
               delta: ct,
               over: lt
-            }, ve === de.DragEnd && typeof dt == "function" && await Promise.resolve(dt(qe)) && (ve = de.DragCancel);
+            }, me === le.DragEnd && typeof dt == "function" && await Promise.resolve(dt(qe)) && (me = le.DragCancel);
           }
-          X.current = null, Nt(() => {
+          J.current = null, Nt(() => {
             m({
-              type: ve
-            }), T(Ye.Uninitialized), Dt(null), J(null), Y(null), at.current = null;
-            const dt = ve === de.DragEnd ? "onDragEnd" : "onDragCancel";
+              type: me
+            }), T(Ye.Uninitialized), Dt(null), Q(null), Y(null), at.current = null;
+            const dt = me === le.DragEnd ? "onDragEnd" : "onDragCancel";
             if (qe) {
               const tn = ee.current[dt];
               tn == null || tn(qe), E({
@@ -5082,34 +5155,34 @@ const Ia = /* @__PURE__ */ Go(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [v]
-  ), Tt = N((be, Ee) => (Ae, We) => {
-    const De = Ae.nativeEvent, Me = v.get(We);
+  ), Tt = N((we, Ee) => (Ae, We) => {
+    const Re = Ae.nativeEvent, Me = v.get(We);
     if (
       // Another sensor is already instantiating
-      X.current !== null || // No active draggable
+      J.current !== null || // No active draggable
       !Me || // Event has already been captured
-      De.dndKit || De.defaultPrevented
+      Re.dndKit || Re.defaultPrevented
     )
       return;
-    const Fe = {
+    const je = {
       active: Me
     };
-    be(Ae, Ee.options, Fe) === !0 && (De.dndKit = {
+    we(Ae, Ee.options, je) === !0 && (Re.dndKit = {
       capturedBy: Ee.sensor
-    }, X.current = We, Rt(Ae, Ee));
+    }, J.current = We, Rt(Ae, Ee));
   }, [v, Rt]), It = fa(u, Tt);
-  wa(u), Ve(() => {
-    H && D === Ye.Initializing && T(Ye.Initialized);
-  }, [H, D]), W(
+  wa(u), Ge(() => {
+    j && D === Ye.Initializing && T(Ye.Initialized);
+  }, [j, D]), W(
     () => {
       const {
-        onDragMove: be
+        onDragMove: we
       } = ee.current, {
         active: Ee,
         activatorEvent: Ae,
         collisions: We,
-        over: De
-      } = ke.current;
+        over: Re
+      } = ve.current;
       if (!Ee || !Ae)
         return;
       const Me = {
@@ -5117,115 +5190,115 @@ const Ia = /* @__PURE__ */ Go(function(t) {
         activatorEvent: Ae,
         collisions: We,
         delta: {
-          x: Ue.x,
-          y: Ue.y
+          x: Se.x,
+          y: Se.y
         },
-        over: De
+        over: Re
       };
       Nt(() => {
-        be == null || be(Me), E({
+        we == null || we(Me), E({
           type: "onDragMove",
           event: Me
         });
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [Ue.x, Ue.y]
+    [Se.x, Se.y]
   ), W(
     () => {
       const {
-        active: be,
+        active: we,
         activatorEvent: Ee,
         collisions: Ae,
         droppableContainers: We,
-        scrollAdjustedTranslate: De
-      } = ke.current;
-      if (!be || X.current == null || !Ee || !De)
+        scrollAdjustedTranslate: Re
+      } = ve.current;
+      if (!we || J.current == null || !Ee || !Re)
         return;
       const {
         onDragOver: Me
-      } = ee.current, Fe = We.get(fe), Qe = Fe && Fe.rect.current ? {
-        id: Fe.id,
-        rect: Fe.rect.current,
-        data: Fe.data,
-        disabled: Fe.disabled
-      } : null, ve = {
-        active: be,
+      } = ee.current, je = We.get(fe), Qe = je && je.rect.current ? {
+        id: je.id,
+        rect: je.rect.current,
+        data: je.data,
+        disabled: je.disabled
+      } : null, me = {
+        active: we,
         activatorEvent: Ee,
         collisions: Ae,
         delta: {
-          x: De.x,
-          y: De.y
+          x: Re.x,
+          y: Re.y
         },
         over: Qe
       };
       Nt(() => {
-        Dt(Qe), Me == null || Me(ve), E({
+        Dt(Qe), Me == null || Me(me), E({
           type: "onDragOver",
-          event: ve
+          event: me
         });
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [fe]
-  ), Ve(() => {
-    ke.current = {
-      activatorEvent: re,
+  ), Ge(() => {
+    ve.current = {
+      activatorEvent: oe,
       active: F,
-      activeNode: le,
-      collisionRect: Ge,
+      activeNode: ae,
+      collisionRect: ye,
       collisions: _,
-      droppableRects: ue,
+      droppableRects: ce,
       draggableNodes: v,
-      draggingNode: C,
-      draggingNodeRect: k,
-      droppableContainers: b,
-      over: ye,
-      scrollableAncestors: P,
-      scrollAdjustedTranslate: Ue
+      draggingNode: Be,
+      draggingNodeRect: ze,
+      droppableContainers: x,
+      over: be,
+      scrollableAncestors: z,
+      scrollAdjustedTranslate: Se
     }, R.current = {
-      initial: k,
-      translated: Ge
+      initial: ze,
+      translated: ye
     };
-  }, [F, le, _, Ge, v, C, k, ue, b, ye, P, Ue]), la({
-    ...Q,
+  }, [F, ae, _, ye, v, Be, ze, ce, x, be, z, Se]), la({
+    ...Z,
     delta: L,
-    draggingRect: Ge,
-    pointerCoordinates: me,
-    scrollableAncestors: P,
-    scrollableAncestorRects: Z
+    draggingRect: ye,
+    pointerCoordinates: K,
+    scrollableAncestors: z,
+    scrollableAncestorRects: X
   });
   const Bo = q(() => ({
     active: F,
-    activeNode: le,
-    activeNodeRect: H,
-    activatorEvent: re,
+    activeNode: ae,
+    activeNodeRect: j,
+    activatorEvent: oe,
     collisions: _,
-    containerNodeRect: xe,
-    dragOverlay: ce,
+    containerNodeRect: ke,
+    dragOverlay: de,
     draggableNodes: v,
-    droppableContainers: b,
-    droppableRects: ue,
-    over: ye,
-    measureDroppableContainers: ze,
-    scrollableAncestors: P,
-    scrollableAncestorRects: Z,
-    measuringConfiguration: oe,
-    measuringScheduled: Se,
-    windowRect: K
-  }), [F, le, H, re, _, xe, ce, v, b, ue, ye, ze, P, Z, oe, Se, K]), Vo = q(() => ({
-    activatorEvent: re,
+    droppableContainers: x,
+    droppableRects: ce,
+    over: be,
+    measureDroppableContainers: Pe,
+    scrollableAncestors: z,
+    scrollableAncestorRects: X,
+    measuringConfiguration: ie,
+    measuringScheduled: Ne,
+    windowRect: I
+  }), [F, ae, j, oe, _, ke, de, v, x, ce, be, Pe, z, X, ie, Ne, I]), Vo = q(() => ({
+    activatorEvent: oe,
     activators: It,
     active: F,
-    activeNodeRect: H,
+    activeNodeRect: j,
     ariaDescribedById: {
       draggable: ge
     },
     dispatch: m,
     draggableNodes: v,
-    over: ye,
-    measureDroppableContainers: ze
-  }), [re, It, F, H, m, ge, v, ye, ze]);
+    over: be,
+    measureDroppableContainers: Pe
+  }), [oe, It, F, j, m, ge, v, be, Pe]);
   return te.createElement(po.Provider, {
     value: A
   }, te.createElement(Mt.Provider, {
@@ -5241,7 +5314,7 @@ const Ia = /* @__PURE__ */ Go(function(t) {
     hiddenTextDescribedById: ge
   }));
   function Uo() {
-    const be = (pe == null ? void 0 : pe.autoScrollEnabled) === !1, Ee = typeof l == "object" ? l.enabled === !1 : l === !1, Ae = y && !be && !Ee;
+    const we = (pe == null ? void 0 : pe.autoScrollEnabled) === !1, Ee = typeof l == "object" ? l.enabled === !1 : l === !1, Ae = y && !we && !Ee;
     return typeof l == "object" ? {
       ...l,
       enabled: Ae
@@ -5249,7 +5322,7 @@ const Ia = /* @__PURE__ */ Go(function(t) {
       enabled: Ae
     };
   }
-}), Na = /* @__PURE__ */ Xe(null), kr = "button", za = "Draggable";
+}), Na = /* @__PURE__ */ Xe(null), Cr = "button", za = "Draggable";
 function Oa(e) {
   let {
     id: t,
@@ -5265,12 +5338,12 @@ function Oa(e) {
     ariaDescribedById: u,
     draggableNodes: d,
     over: h
-  } = je(Mt), {
-    role: g = kr,
-    roleDescription: x = "draggable",
+  } = $e(Mt), {
+    role: g = Cr,
+    roleDescription: C = "draggable",
     tabIndex: w = 0
-  } = 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(
+  } = o ?? {}, p = (l == null ? void 0 : l.id) === t, m = $e(p ? Qt : Na), [E, A] = Ht(), [D, T] = Ht(), y = xa(s, t), S = bt(n);
+  Ge(
     () => (d.set(t, {
       id: t,
       key: i,
@@ -5288,10 +5361,10 @@ function Oa(e) {
     role: g,
     tabIndex: w,
     "aria-disabled": r,
-    "aria-pressed": p && g === kr ? !0 : void 0,
-    "aria-roledescription": x,
+    "aria-pressed": p && g === Cr ? !0 : void 0,
+    "aria-roledescription": C,
     "aria-describedby": u.draggable
-  }), [r, g, w, p, x, u.draggable]);
+  }), [r, g, w, p, C, u.draggable]);
   return {
     active: l,
     activatorEvent: a,
@@ -5307,7 +5380,7 @@ function Oa(e) {
   };
 }
 function Fa() {
-  return je(Lo);
+  return $e(Lo);
 }
 const Pa = "Droppable", ja = {
   timeout: 25
@@ -5324,10 +5397,10 @@ function To(e) {
     dispatch: a,
     over: l,
     measureDroppableContainers: c
-  } = je(Mt), u = G({
+  } = $e(Mt), u = G({
     disabled: n
   }), d = G(!1), h = G(null), g = G(null), {
-    disabled: x,
+    disabled: C,
     updateMeasurementsFor: w,
     timeout: p
   } = {
@@ -5347,7 +5420,7 @@ function To(e) {
     [p]
   ), A = Jt({
     callback: E,
-    disabled: x || !s
+    disabled: C || !s
   }), D = N((v, L) => {
     A && (L && (A.unobserve(L), d.current = !1), v && A.observe(v));
   }, [A]), [T, y] = Ht(D), S = bt(t);
@@ -5355,7 +5428,7 @@ function To(e) {
     !A || !T.current || (A.disconnect(), d.current = !1, A.observe(T.current));
   }, [T, A]), W(
     () => (a({
-      type: de.RegisterDroppable,
+      type: le.RegisterDroppable,
       element: {
         id: r,
         key: i,
@@ -5365,7 +5438,7 @@ function To(e) {
         data: S
       }
     }), () => a({
-      type: de.UnregisterDroppable,
+      type: le.UnregisterDroppable,
       key: i,
       id: r
     })),
@@ -5373,7 +5446,7 @@ function To(e) {
     [r]
   ), W(() => {
     n !== u.current.disabled && (a({
-      type: de.SetDroppableDisabled,
+      type: le.SetDroppableDisabled,
       id: r,
       key: i,
       disabled: n
@@ -5393,7 +5466,7 @@ function Ha(e) {
     children: n
   } = e;
   const [r, o] = B(null), [i, s] = B(null), a = $t(n);
-  return !n && !r && a && o(a), Ve(() => {
+  return !n && !r && a && o(a), Ge(() => {
     if (!i)
       return;
     const l = r == null ? void 0 : r.key, c = r == null ? void 0 : r.props.id;
@@ -5585,8 +5658,8 @@ function Ka(e) {
         initial: l,
         final: h
       }
-    }), [x] = g, w = g[g.length - 1];
-    if (JSON.stringify(x) === JSON.stringify(w))
+    }), [C] = g, w = g[g.length - 1];
+    if (JSON.stringify(C) === JSON.stringify(w))
       return;
     const p = r == null ? void 0 : r({
       active: s,
@@ -5628,7 +5701,7 @@ const Ja = /* @__PURE__ */ te.memo((e) => {
     active: d,
     activeNodeRect: h,
     containerNodeRect: g,
-    draggableNodes: x,
+    draggableNodes: C,
     droppableContainers: w,
     dragOverlay: p,
     over: m,
@@ -5636,7 +5709,7 @@ const Ja = /* @__PURE__ */ te.memo((e) => {
     scrollableAncestors: A,
     scrollableAncestorRects: D,
     windowRect: T
-  } = Fa(), y = je(Qt), S = Xa(d == null ? void 0 : d.id), v = Ro(s, {
+  } = Fa(), y = $e(Qt), S = Xa(d == null ? void 0 : d.id), v = Ro(s, {
     activatorEvent: u,
     active: d,
     activeNodeRect: h,
@@ -5648,14 +5721,14 @@ const Ja = /* @__PURE__ */ te.memo((e) => {
     scrollableAncestorRects: D,
     transform: y,
     windowRect: T
-  }), L = Jn(h), b = Ya({
+  }), L = Jn(h), x = Ya({
     config: r,
-    draggableNodes: x,
+    draggableNodes: C,
     droppableContainers: w,
     measuringConfiguration: E
   }), M = L ? p.setRef : void 0;
   return te.createElement(Ba, null, te.createElement(Ha, {
-    animation: b
+    animation: x
   }, d && S ? te.createElement(Ga, {
     key: S,
     id: d.id,
@@ -5721,9 +5794,9 @@ const Qa = [V.Down, V.Right, V.Up, V.Left], Za = (e, t) => {
     });
     let u = go(c, "id");
     if (u === (s == null ? void 0 : s.id) && c.length > 1 && (u = c[1].id), u != null) {
-      const d = i.get(n.id), h = i.get(u), g = h ? o.get(h.id) : null, x = h == null ? void 0 : h.node.current;
-      if (x && g && d && h) {
-        const p = Xt(x).some((y, S) => a[S] !== y), m = Io(d, h), E = el(d, h), A = p || !m ? {
+      const d = i.get(n.id), h = i.get(u), g = h ? o.get(h.id) : null, C = h == null ? void 0 : h.node.current;
+      if (C && g && d && h) {
+        const p = Xt(C).some((y, S) => a[S] !== y), m = Io(d, h), E = el(d, h), A = p || !m ? {
           x: 0,
           y: 0
         } : {
@@ -5758,7 +5831,7 @@ function tl(e) {
     onDropIntoGroupAtPosition: o,
     onRemoveFromGroup: i,
     findParentGroup: s
-  } = e, [a, l] = B(null), [c, u] = B(null), [d, h] = B(null), g = G(null), x = Is(
+  } = e, [a, l] = B(null), [c, u] = B(null), [d, h] = B(null), g = G(null), C = Is(
     fr(Xn, {
       activationConstraint: {
         distance: 5
@@ -5792,17 +5865,17 @@ function tl(e) {
         E();
         return;
       }
-      const L = String(y.id), b = String(S.id);
-      if (b.startsWith("group-footer::")) {
-        const M = b.replace("group-footer::", ""), R = s == null ? void 0 : s(L);
+      const L = String(y.id), x = String(S.id);
+      if (x.startsWith("group-footer::")) {
+        const M = x.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);
+        r == null || r(L, x);
       else {
-        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);
+        const M = v === "before" ? "after" : "before", R = s == null ? void 0 : s(L), F = s == null ? void 0 : s(x);
+        R && F && R.id === F.id ? n == null || n(L, x, M, R.id) : !R && F && o ? o(L, F.id, x, M) : t(L, x, M);
       }
       E();
     },
@@ -5822,7 +5895,7 @@ function tl(e) {
     activeId: a,
     overId: c,
     dropPosition: d,
-    sensors: x,
+    sensors: C,
     onDragStart: w,
     onDragMove: m,
     onDragOver: p,
@@ -5840,7 +5913,7 @@ const nl = (e) => {
     return [{ ...i, data: { ...i.data, zone: "after" } }];
   const s = r.get(i.id);
   if (!s) return o;
-  const a = t.y - s.top, l = s.height, c = n.find((x) => x.id === i.id), u = ((g = (h = c == null ? void 0 : c.data) == null ? void 0 : h.current) == null ? void 0 : g.isGroup) === !0;
+  const a = t.y - s.top, l = s.height, c = n.find((C) => C.id === i.id), u = ((g = (h = c == null ? void 0 : c.data) == null ? void 0 : h.current) == null ? void 0 : g.isGroup) === !0;
   let d;
   return u ? a < l * 0.25 ? d = "before" : a > l * 0.75 ? d = "after" : d = "into" : d = a < l / 2 ? "before" : "after", [{
     ...i,
@@ -5860,9 +5933,9 @@ const nl = (e) => {
   onDelete: u,
   deleteSuppressed: d
 }) => {
-  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, D = A ? e.depth * 24 : 0, T = {
+  const { attributes: h, listeners: g, setNodeRef: C, isDragging: w } = Oa({ id: e.id }), { setNodeRef: p } = To({ id: e.id, data: { isGroup: !!e.isGroup } }), m = N((L) => {
+    C(L), p(L);
+  }, [C, p]), E = e.isGroup, A = e.depth > 0, D = A ? e.depth * 24 : 0, T = {
     opacity: w ? 0.3 : 1,
     paddingLeft: D + 8,
     paddingRight: 8,
@@ -5904,13 +5977,13 @@ const nl = (e) => {
         color: "var(--text-secondary, #888)",
         opacity: 0.6
       },
-      children: /* @__PURE__ */ f($, { icon: "lucide:grip-vertical", style: { fontSize: 24 } })
+      children: /* @__PURE__ */ f(H, { icon: "lucide:grip-vertical", style: { fontSize: 24 } })
     }
   );
-  return E ? /* @__PURE__ */ j("div", { ref: m, style: T, ...h, children: [
+  return E ? /* @__PURE__ */ P("div", { ref: m, style: T, ...h, children: [
     v,
     /* @__PURE__ */ f(
-      $,
+      H,
       {
         icon: "lucide:folder-open",
         style: { fontSize: 18, color: "var(--text-secondary, #888)", flexShrink: 0 }
@@ -5934,15 +6007,15 @@ const nl = (e) => {
       }
     ),
     !r && !d && (!e.children || e.children.length === 0) && /* @__PURE__ */ f("div", { style: { display: "flex", gap: 4, flexShrink: 0 }, children: /* @__PURE__ */ f(
-      Be,
+      Ue,
       {
         title: "Delete Group",
         onClick: () => u(e.id),
         style: { color: "var(--error, #ef4444)" },
-        children: /* @__PURE__ */ f($, { icon: U.trash, className: "sc:size-6" })
+        children: /* @__PURE__ */ f(H, { icon: U.trash, className: "sc:size-6" })
       }
     ) })
-  ] }) : /* @__PURE__ */ j("div", { ref: m, style: T, ...h, children: [
+  ] }) : /* @__PURE__ */ P("div", { ref: m, style: T, ...h, children: [
     v,
     o && e.previewUrl ? /* @__PURE__ */ f(
       "img",
@@ -5979,42 +6052,42 @@ const nl = (e) => {
           ...y
         },
         onClick: S,
-        children: /* @__PURE__ */ f($, { icon: U.fileText })
+        children: /* @__PURE__ */ f(H, { 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: [
+    !r && /* @__PURE__ */ P("div", { style: { display: "flex", gap: 4, flexShrink: 0 }, children: [
       /* @__PURE__ */ f(
-        Be,
+        Ue,
         {
           title: e.visible ? "Hide" : "Show",
           onClick: () => a(e.id),
           style: { opacity: e.visible ? 1 : 0.4 },
-          children: /* @__PURE__ */ f($, { icon: e.visible ? U.eye : U.eyeOff, className: "sc:size-6" })
+          children: /* @__PURE__ */ f(H, { icon: e.visible ? U.eye : U.eyeOff, className: "sc:size-6" })
         }
       ),
       /* @__PURE__ */ f(
-        Be,
+        Ue,
         {
           title: e.locked ? "Unlock" : "Lock",
           onClick: () => l(e.id),
           style: { opacity: e.locked ? 1 : 0.4 },
-          children: /* @__PURE__ */ f($, { icon: e.locked ? U.lock : U.lockOpen, className: "sc:size-6" })
+          children: /* @__PURE__ */ f(H, { icon: e.locked ? U.lock : U.lockOpen, className: "sc:size-6" })
         }
       ),
-      /* @__PURE__ */ f(Be, { title: "Duplicate", onClick: () => c(e.id), children: /* @__PURE__ */ f($, { icon: U.copy, className: "sc:size-6" }) }),
+      /* @__PURE__ */ f(Ue, { title: "Duplicate", onClick: () => c(e.id), children: /* @__PURE__ */ f(H, { icon: U.copy, className: "sc:size-6" }) }),
       !d && /* @__PURE__ */ f(
-        Be,
+        Ue,
         {
           title: "Delete",
           onClick: () => u(e.id),
           style: { color: "var(--error, #ef4444)" },
-          children: /* @__PURE__ */ f($, { icon: U.trash, className: "sc:size-6" })
+          children: /* @__PURE__ */ f(H, { icon: U.trash, className: "sc:size-6" })
         }
       )
     ] })
   ] });
-}, Be = ({ title: e, onClick: t, style: n, children: r }) => /* @__PURE__ */ f(
+}, Ue = ({ title: e, onClick: t, style: n, children: r }) => /* @__PURE__ */ f(
   "button",
   {
     onClick: (o) => {
@@ -6047,7 +6120,7 @@ const nl = (e) => {
       }
     }
   );
-}, il = ({ layer: e, showPreviewImages: t, previewDisplaySize: n }) => /* @__PURE__ */ j(
+}, il = ({ layer: e, showPreviewImages: t, previewDisplaySize: n }) => /* @__PURE__ */ P(
   "div",
   {
     style: {
@@ -6064,7 +6137,7 @@ const nl = (e) => {
       opacity: 0.9
     },
     children: [
-      e.isGroup ? /* @__PURE__ */ f($, { icon: "lucide:folder-open", style: { fontSize: 18, color: "var(--text-secondary, #888)" } }) : t && e.previewUrl ? /* @__PURE__ */ f(
+      e.isGroup ? /* @__PURE__ */ f(H, { icon: "lucide:folder-open", style: { fontSize: 18, color: "var(--text-secondary, #888)" } }) : t && e.previewUrl ? /* @__PURE__ */ f(
         "img",
         {
           src: e.previewUrl,
@@ -6091,7 +6164,7 @@ const nl = (e) => {
             border: "1px solid var(--border-primary, #e5e5e5)",
             borderRadius: 4
           },
-          children: /* @__PURE__ */ f($, { icon: U.fileText })
+          children: /* @__PURE__ */ f(H, { icon: U.fileText })
         }
       ),
       /* @__PURE__ */ f("span", { style: { fontSize: 13, color: "var(--foreground, #333)" }, children: e.name })
@@ -6110,7 +6183,7 @@ const nl = (e) => {
 }) => {
   const { activeArtboard: c } = ys(), u = (c == null ? void 0 : c.previewBackgroundColor) || (c == null ? void 0 : c.backgroundColor) || "transparent", d = 80, h = 160, {
     layers: g,
-    flatLayers: x,
+    flatLayers: C,
     selectLayer: w,
     toggleVisibility: p,
     toggleLock: m,
@@ -6122,7 +6195,7 @@ const nl = (e) => {
     removeFromGroup: S,
     createEmptyGroup: v,
     findElementById: L,
-    findParentGroup: b,
+    findParentGroup: x,
     generateAllPreviews: M
   } = ni({
     ...l,
@@ -6130,41 +6203,41 @@ const nl = (e) => {
     previewBackgroundColor: u
   });
   W(() => {
-    n && x.length > 0 && M();
-  }, [n, x.length, u, M]);
+    n && C.length > 0 && M();
+  }, [n, C.length, u, M]);
   const R = qo(), F = N(
-    (Q) => {
+    (Z) => {
       var se;
-      return R((se = L(Q.id)) == null ? void 0 : se.name);
+      return R((se = L(Z.id)) == null ? void 0 : se.name);
     },
     [R, L]
-  ), X = q(() => {
-    const Q = /* @__PURE__ */ new Map(), se = (H) => {
-      for (const xe of H)
-        Q.set(xe.id, xe), xe.children && se(xe.children);
+  ), J = q(() => {
+    const Z = /* @__PURE__ */ new Map(), se = (j) => {
+      for (const ke of j)
+        Z.set(ke.id, ke), ke.children && se(ke.children);
     };
-    return se(g), Q;
+    return se(g), Z;
   }, [g]), pe = N(
-    (Q, se, H) => {
-      const xe = b(Q), ke = b(se);
-      xe && !ke ? S(Q, se, H) : D(Q, se, H);
+    (Z, se, j) => {
+      const ke = x(Z), ve = x(se);
+      ke && !ve ? S(Z, se, j) : D(Z, se, j);
     },
-    [b, S, D]
-  ), J = tl({
+    [x, S, D]
+  ), Q = tl({
     onReorder: pe,
     onDropIntoGroup: y,
-    onDropIntoGroupAtPosition: (Q, se) => y(Q, se),
+    onDropIntoGroupAtPosition: (Z, se) => y(Z, se),
     onGroupReorder: T,
     onRemoveFromGroup: S,
-    findParentGroup: b
-  }), re = (Q) => [...Q].reverse().map((H) => /* @__PURE__ */ j(te.Fragment, { children: [
+    findParentGroup: x
+  }), oe = (Z) => [...Z].reverse().map((j) => /* @__PURE__ */ P(te.Fragment, { children: [
     /* @__PURE__ */ f(
       rl,
       {
-        layer: H,
-        isOver: J.overId === H.id,
-        dropPosition: J.overId === H.id ? J.dropPosition : null,
-        isDragActive: !!J.activeId,
+        layer: j,
+        isOver: Q.overId === j.id,
+        dropPosition: Q.overId === j.id ? Q.dropPosition : null,
+        isDragActive: !!Q.activeId,
         showPreviewImages: n,
         previewDisplaySize: d,
         onSelect: w,
@@ -6172,23 +6245,23 @@ const nl = (e) => {
         onToggleLock: m,
         onDuplicate: A,
         onDelete: E,
-        deleteSuppressed: F(H)
+        deleteSuppressed: F(j)
       }
     ),
-    H.children && re(H.children),
-    H.isGroup && /* @__PURE__ */ f(
+    j.children && oe(j.children),
+    j.isGroup && /* @__PURE__ */ f(
       ol,
       {
-        groupId: H.id,
-        isOver: J.overId === `group-footer::${H.id}`,
-        depth: H.depth
+        groupId: j.id,
+        isOver: Q.overId === `group-footer::${j.id}`,
+        depth: j.depth
       }
     )
-  ] }, H.id)), Y = (Q) => [...Q].reverse().map((H) => /* @__PURE__ */ j(te.Fragment, { children: [
+  ] }, j.id)), Y = (Z) => [...Z].reverse().map((j) => /* @__PURE__ */ P(te.Fragment, { children: [
     /* @__PURE__ */ f(
       al,
       {
-        layer: H,
+        layer: j,
         showPreviewImages: n,
         previewDisplaySize: d,
         onSelect: w,
@@ -6196,27 +6269,27 @@ const nl = (e) => {
         onToggleLock: m,
         onDuplicate: A,
         onDelete: E,
-        deleteSuppressed: F(H)
+        deleteSuppressed: F(j)
       }
     ),
-    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(
+    j.children && Y(j.children)
+  ] }, j.id)), ee = Q.activeId ? J.get(Q.activeId) : null, { width: ge, height: xe, flex: ie, ...ce } = i, Pe = ge || (s.includes("w-full") ? "100%" : e ? `${e}px` : void 0), Ne = t || xe || void 0, De = ie !== void 0 ? ie : Ne === "100%" || Ne === "100vh" ? 1 : void 0;
+  return /* @__PURE__ */ P(
     "div",
     {
       className: `sc-layers-panel ${s}`,
       style: {
-        width: ze,
-        height: Se,
-        flex: Oe,
+        width: Pe,
+        height: Ne,
+        flex: De,
         display: "flex",
         flexDirection: "column",
         backgroundColor: "transparent",
         minHeight: 0,
-        ...ue
+        ...ce
       },
       children: [
-        (a || o) && /* @__PURE__ */ j(
+        (a || o) && /* @__PURE__ */ P(
           "div",
           {
             style: {
@@ -6231,13 +6304,13 @@ const nl = (e) => {
               justifyContent: "space-between"
             },
             children: [
-              a && /* @__PURE__ */ j("span", { children: [
+              a && /* @__PURE__ */ P("span", { children: [
                 "Layers (",
-                x.length,
+                C.length,
                 ")"
               ] }),
               !a && /* @__PURE__ */ f("span", {}),
-              o && /* @__PURE__ */ j(
+              o && /* @__PURE__ */ P(
                 "button",
                 {
                   onClick: v,
@@ -6253,7 +6326,7 @@ const nl = (e) => {
                     gap: 4
                   },
                   children: [
-                    /* @__PURE__ */ f($, { icon: "lucide:folder-plus", style: { fontSize: 16 } }),
+                    /* @__PURE__ */ f(H, { icon: "lucide:folder-plus", style: { fontSize: 16 } }),
                     "Add Group"
                   ]
                 }
@@ -6261,19 +6334,19 @@ const nl = (e) => {
             ]
           }
         ),
-        /* @__PURE__ */ j("div", { style: { flex: 1, overflow: "auto", minHeight: 0 }, children: [
-          g.length > 0 ? r ? /* @__PURE__ */ j(
+        /* @__PURE__ */ P("div", { style: { flex: 1, overflow: "auto", minHeight: 0 }, children: [
+          g.length > 0 ? r ? /* @__PURE__ */ P(
             Ia,
             {
-              sensors: J.sensors,
+              sensors: Q.sensors,
               collisionDetection: nl,
-              onDragStart: J.onDragStart,
-              onDragMove: J.onDragMove,
-              onDragOver: J.onDragOver,
-              onDragEnd: J.onDragEnd,
-              onDragCancel: J.onDragCancel,
+              onDragStart: Q.onDragStart,
+              onDragMove: Q.onDragMove,
+              onDragOver: Q.onDragOver,
+              onDragEnd: Q.onDragEnd,
+              onDragCancel: Q.onDragCancel,
               children: [
-                re(g),
+                oe(g),
                 /* @__PURE__ */ f(Ja, { dropAnimation: null, children: ee ? /* @__PURE__ */ f(
                   il,
                   {
@@ -6324,10 +6397,10 @@ const nl = (e) => {
     gap: 8,
     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($, { icon: "lucide:folder-open", style: { fontSize: 18, color: "var(--text-secondary, #888)" } }),
+  return (c || e.isGroup) && (h.backgroundColor = "var(--surface-secondary, rgba(0,0,0,0.04))"), e.isGroup ? /* @__PURE__ */ P("div", { style: h, children: [
+    /* @__PURE__ */ f(H, { 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: [
+  ] }, e.id) : /* @__PURE__ */ P("div", { style: h, children: [
     t && e.previewUrl ? /* @__PURE__ */ f(
       "img",
       {
@@ -6361,37 +6434,37 @@ const nl = (e) => {
           ...d
         },
         onClick: () => r(e.id),
-        children: /* @__PURE__ */ f($, { icon: U.fileText })
+        children: /* @__PURE__ */ f(H, { icon: U.fileText })
       }
     ),
     /* @__PURE__ */ f("div", { style: { flex: 1 }, onClick: () => r(e.id) }),
-    /* @__PURE__ */ j("div", { style: { display: "flex", gap: 4 }, children: [
+    /* @__PURE__ */ P("div", { style: { display: "flex", gap: 4 }, children: [
       /* @__PURE__ */ f(
-        Be,
+        Ue,
         {
           title: e.visible ? "Hide" : "Show",
           onClick: () => o(e.id),
           style: { opacity: e.visible ? 1 : 0.4 },
-          children: /* @__PURE__ */ f($, { icon: e.visible ? U.eye : U.eyeOff, className: "sc:size-6" })
+          children: /* @__PURE__ */ f(H, { icon: e.visible ? U.eye : U.eyeOff, className: "sc:size-6" })
         }
       ),
       /* @__PURE__ */ f(
-        Be,
+        Ue,
         {
           title: e.locked ? "Unlock" : "Lock",
           onClick: () => i(e.id),
           style: { opacity: e.locked ? 1 : 0.4 },
-          children: /* @__PURE__ */ f($, { icon: e.locked ? U.lock : U.lockOpen, className: "sc:size-6" })
+          children: /* @__PURE__ */ f(H, { icon: e.locked ? U.lock : U.lockOpen, className: "sc:size-6" })
         }
       ),
-      /* @__PURE__ */ f(Be, { title: "Duplicate", onClick: () => s(e.id), children: /* @__PURE__ */ f($, { icon: U.copy, className: "sc:size-6" }) }),
+      /* @__PURE__ */ f(Ue, { title: "Duplicate", onClick: () => s(e.id), children: /* @__PURE__ */ f(H, { icon: U.copy, className: "sc:size-6" }) }),
       !l && /* @__PURE__ */ f(
-        Be,
+        Ue,
         {
           title: "Delete",
           onClick: () => a(e.id),
           style: { color: "var(--error, #ef4444)" },
-          children: /* @__PURE__ */ f($, { icon: U.trash, className: "sc:size-6" })
+          children: /* @__PURE__ */ f(H, { icon: U.trash, className: "sc:size-6" })
         }
       )
     ] })
@@ -6500,7 +6573,7 @@ class jl {
 }
 const No = Xe(null);
 function Qn(e) {
-  const t = je(No);
+  const t = $e(No);
   if (!t)
     throw new Pt(
       "E_OUTSIDE_ROOT",
@@ -6517,7 +6590,7 @@ function Zn(e) {
   );
 }
 function Zt(e, t) {
-  const n = je(No), r = (n == null ? void 0 : n.registry) ?? null, o = Lr(), i = t == null ? void 0 : t.mockupId, s = t == null ? void 0 : t.floatingToolbar, a = q(
+  const n = $e(No), r = (n == null ? void 0 : n.registry) ?? null, o = Lr(), i = t == null ? void 0 : t.mockupId, s = t == null ? void 0 : t.floatingToolbar, a = q(
     () => ({
       ...i !== void 0 ? { mockupId: i } : {},
       ...s !== void 0 ? { floatingToolbar: s } : {}
@@ -6532,7 +6605,7 @@ function Zt(e, t) {
 function Hl(e) {
   return {
     reportInvariant(t) {
-      if (Ko()) throw t;
+      if (Xo()) throw t;
       e(t);
     },
     reportRuntimeError(t) {
@@ -6577,7 +6650,7 @@ function ul({
         flexDirection: t === "horizontal" ? "row" : "column",
         gap: 4
       },
-      children: r.length === 0 ? /* @__PURE__ */ f("div", { style: { padding: 12, fontSize: 12, color: "var(--text-secondary, #999)" }, children: "No layers" }) : r.map((o) => /* @__PURE__ */ j(
+      children: r.length === 0 ? /* @__PURE__ */ f("div", { style: { padding: 12, fontSize: 12, color: "var(--text-secondary, #999)" }, children: "No layers" }) : r.map((o) => /* @__PURE__ */ P(
         "div",
         {
           "data-sc-part": "layers-item",
@@ -6592,7 +6665,7 @@ function ul({
             opacity: o.visible ? 1 : 0.4
           },
           children: [
-            /* @__PURE__ */ f($, { icon: dl(o.kind), style: { fontSize: 18, color: "var(--text-secondary, #888)", flexShrink: 0 } }),
+            /* @__PURE__ */ f(H, { icon: dl(o.kind), style: { fontSize: 18, color: "var(--text-secondary, #888)", flexShrink: 0 } }),
             /* @__PURE__ */ f(
               "span",
               {
@@ -6639,7 +6712,7 @@ const zo = ({
   className: l = "",
   contentClassName: c = ""
 }) => {
-  const u = G(null), d = G(null), h = G(null), [g, x] = B({}), [w, p] = B(!1), m = (A) => {
+  const u = G(null), d = G(null), h = G(null), [g, C] = B({}), [w, p] = B(!1), m = (A) => {
     A.stopPropagation(), !n && a && es.protectNextClick(), r(!n);
   };
   W(() => {
@@ -6648,8 +6721,8 @@ const zo = ({
     };
     const D = setTimeout(() => {
       const T = (y) => {
-        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);
+        var x, M;
+        const S = y.target, v = (x = u.current) == null ? void 0 : x.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);
@@ -6677,15 +6750,15 @@ const zo = ({
     requestAnimationFrame(() => {
       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;
+      const y = D.getBoundingClientRect(), S = T.getBoundingClientRect(), v = window.innerWidth, L = window.innerHeight, x = 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 && (M = y.top - S.height - s);
+      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 - x && (R = v - S.width - x), R < x && (R = x), M + S.height > L - x) {
+        const J = y.top, pe = L - y.bottom;
+        J > pe && (M = y.top - S.height - s);
       }
-      M < b && (M = b);
-      const F = v - b * 2;
-      p(!0), x({
+      M < x && (M = x);
+      const F = v - x * 2;
+      p(!0), C({
         position: "fixed",
         top: `${M}px`,
         left: `${R}px`,
@@ -6710,7 +6783,7 @@ const zo = ({
       children: t
     }
   );
-  return /* @__PURE__ */ j("div", { className: `sc:relative sc:inline-flex ${l}`.trim(), ref: u, children: [
+  return /* @__PURE__ */ P("div", { className: `sc:relative sc:inline-flex ${l}`.trim(), ref: u, children: [
     /* @__PURE__ */ f("div", { ref: d, onClick: m, children: e }),
     E && On(
       /* @__PURE__ */ f("div", { className: "sc-root", style: { display: "contents" }, children: E }),
@@ -6728,45 +6801,13 @@ const zo = ({
       children: e
     }
   );
-}, Ke = ({
-  icon: e,
-  label: t,
-  shortcut: n,
-  active: r = !1,
-  disabled: o = !1,
-  onClick: i,
-  className: s = "",
-  children: a,
-  ...l
-}) => {
-  const c = [
-    "sc:flex sc:items-center sc:gap-md",
-    "sc:px-lg sc:py-md",
-    "sc:bg-transparent sc:border-none",
-    "sc:rounded-lg",
-    "sc:text-text-primary sc:text-base sc:font-normal",
-    "sc:cursor-pointer",
-    "sc:transition-all sc:duration-fast",
-    "sc:text-left sc:w-full"
-  ], u = [
-    r ? "sc:bg-accent-light sc:font-medium" : "",
-    o ? "sc:opacity-disabled sc:cursor-not-allowed" : "sc:hover:bg-bg-hover"
-  ], d = [...c, ...u, s].filter(Boolean).join(" ");
-  return /* @__PURE__ */ j("button", { role: "menuitem", className: d, onClick: () => {
-    !o && i && i();
-  }, disabled: o, type: "button", ...l, children: [
-    e && /* @__PURE__ */ f("span", { className: "sc:flex sc:shrink-0 sc:items-center", children: e }),
-    /* @__PURE__ */ f("span", { className: "sc:flex-1", children: a || t }),
-    n && /* @__PURE__ */ f("span", { className: "sc:ml-auto sc:text-sm sc:text-text-muted", children: n }),
-    r && !n && /* @__PURE__ */ f("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "sc:ml-auto sc:shrink-0", children: /* @__PURE__ */ f("path", { d: "M13 4L6 11L3 8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
-  ] });
 }, 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]" }) }
+  { type: "custom", label: "Text", icon: /* @__PURE__ */ f(H, { icon: U.text, className: "sc:size-[18px]" }) },
+  { type: "image", label: "Image", icon: /* @__PURE__ */ f(H, { icon: U.image, className: "sc:size-[18px]" }) },
+  { type: "shape", label: "Shape", icon: /* @__PURE__ */ f(H, { icon: U.shapes, className: "sc:size-[18px]" }) },
+  { type: "circle", label: "Circle Text", icon: /* @__PURE__ */ f(H, { icon: "lucide:circle", className: "sc:size-[18px]" }) },
+  { type: "wave", label: "Wave Text", icon: /* @__PURE__ */ f(H, { icon: "lucide:waves", className: "sc:size-[18px]" }) },
+  { type: "arch", label: "Arch Text", icon: /* @__PURE__ */ f(H, { icon: "lucide:arrow-up-from-dot", className: "sc:size-[18px]" }) }
 ];
 function fl() {
   const [e, t] = te.useState(!1);
@@ -6796,7 +6837,7 @@ const hl = ({
   headerActions: d,
   hideVisibleTitle: h = !1,
   hideHandle: g = !1,
-  disableScrollWrapper: x = !1,
+  disableScrollWrapper: C = !1,
   disableOverflowHidden: w = !1,
   "data-testid": p
 }) => {
@@ -6806,7 +6847,7 @@ const hl = ({
     {
       open: e,
       onOpenChange: (D) => !D && t(),
-      children: /* @__PURE__ */ j(
+      children: /* @__PURE__ */ P(
         ao,
         {
           placement: i,
@@ -6827,12 +6868,12 @@ const hl = ({
           children: [
             /* @__PURE__ */ f(lo, { className: "sc:sr-only", children: n }),
             r && /* @__PURE__ */ f(co, { className: "sc:sr-only", children: r }),
-            x ? (
+            C ? (
               // Custom scroll control - children manage their own scrolling
-              /* @__PURE__ */ j("div", { className: "sc:flex sc:flex-col sc:flex-1 sc:min-h-0", children: [
-                (!h || d || u) && /* @__PURE__ */ j("div", { className: "sc:border-border-primary sc:flex sc:shrink-0 sc:items-center sc:justify-between sc:gap-4 sc:border-b sc:px-6 sc:py-4", children: [
+              /* @__PURE__ */ P("div", { className: "sc:flex sc:flex-col sc:flex-1 sc:min-h-0", children: [
+                (!h || d || u) && /* @__PURE__ */ P("div", { className: "sc:border-border-primary sc:flex sc:shrink-0 sc:items-center sc:justify-between sc:gap-4 sc:border-b sc:px-6 sc:py-4", children: [
                   !h && /* @__PURE__ */ f("h2", { className: "sc:text-foreground sc:text-lg sc:font-semibold", children: n }),
-                  /* @__PURE__ */ j("div", { className: "sc:flex sc:items-center sc:gap-2", children: [
+                  /* @__PURE__ */ P("div", { className: "sc:flex sc:items-center sc:gap-2", children: [
                     d,
                     u && /* @__PURE__ */ f(
                       rt,
@@ -6842,7 +6883,7 @@ const hl = ({
                         onClick: t,
                         className: "sc:min-w-8 sc:px-2",
                         "aria-label": "Close drawer",
-                        children: /* @__PURE__ */ f($, { icon: U.close, className: "sc:size-6" })
+                        children: /* @__PURE__ */ f(H, { icon: U.close, className: "sc:size-6" })
                       }
                     )
                   ] })
@@ -6851,10 +6892,10 @@ const hl = ({
               ] })
             ) : (
               // Default: built-in overflow-y-auto wrapper
-              /* @__PURE__ */ j("div", { className: "sc:flex-1 sc:overflow-y-auto sc:min-h-0", children: [
-                (!h || d || u) && /* @__PURE__ */ j("div", { className: "sc:border-border-primary sc:flex sc:shrink-0 sc:items-center sc:justify-between sc:gap-4 sc:border-b sc:px-6 sc:py-4", children: [
+              /* @__PURE__ */ P("div", { className: "sc:flex-1 sc:overflow-y-auto sc:min-h-0", children: [
+                (!h || d || u) && /* @__PURE__ */ P("div", { className: "sc:border-border-primary sc:flex sc:shrink-0 sc:items-center sc:justify-between sc:gap-4 sc:border-b sc:px-6 sc:py-4", children: [
                   !h && /* @__PURE__ */ f("h2", { className: "sc:text-foreground sc:text-lg sc:font-semibold", children: n }),
-                  /* @__PURE__ */ j("div", { className: "sc:flex sc:items-center sc:gap-2", children: [
+                  /* @__PURE__ */ P("div", { className: "sc:flex sc:items-center sc:gap-2", children: [
                     d,
                     u && /* @__PURE__ */ f(
                       rt,
@@ -6864,7 +6905,7 @@ const hl = ({
                         onClick: t,
                         className: "sc:min-w-8 sc:px-2",
                         "aria-label": "Close drawer",
-                        children: /* @__PURE__ */ f($, { icon: U.close, className: "sc:size-6" })
+                        children: /* @__PURE__ */ f(H, { icon: U.close, className: "sc:size-6" })
                       }
                     )
                   ] })
@@ -6918,7 +6959,7 @@ const hl = ({
   const o = r ? "Change Shape" : "Select Shape", i = r ? "Select a new shape type" : "Choose a shape to add", s = (a) => {
     n(a), t();
   };
-  return /* @__PURE__ */ j(
+  return /* @__PURE__ */ P(
     hl,
     {
       isOpen: e,
@@ -6931,7 +6972,7 @@ const hl = ({
       showCloseButton: !1,
       "data-testid": "shape-type-drawer",
       children: [
-        /* @__PURE__ */ j("div", { className: "sc:px-6 sc:pt-1 sc:pb-2 sc:flex sc:items-center sc:justify-between", children: [
+        /* @__PURE__ */ P("div", { className: "sc:px-6 sc:pt-1 sc:pb-2 sc:flex sc:items-center sc:justify-between", children: [
           /* @__PURE__ */ f("h3", { className: "sc:text-lg sc:font-semibold sc:tracking-tight sc:text-foreground", children: o }),
           /* @__PURE__ */ f(
             "button",
@@ -6939,7 +6980,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($, { icon: U.close, className: "sc:size-5" })
+              children: /* @__PURE__ */ f(H, { icon: U.close, className: "sc:size-5" })
             }
           )
         ] }),
@@ -6950,7 +6991,7 @@ const hl = ({
             "data-testid": "shape-type-list",
             children: ml.map((a) => {
               const l = a.id === r;
-              return /* @__PURE__ */ j(
+              return /* @__PURE__ */ P(
                 "button",
                 {
                   type: "button",
@@ -6963,7 +7004,7 @@ const hl = ({
                       "span",
                       {
                         className: l ? "sc:text-primary" : "sc:text-foreground/85",
-                        children: a.reactIcon ? a.reactIcon : /* @__PURE__ */ f($, { icon: a.icon, className: Tn })
+                        children: a.reactIcon ? a.reactIcon : /* @__PURE__ */ f(H, { icon: a.icon, className: Tn })
                       }
                     ),
                     /* @__PURE__ */ f(
@@ -6988,24 +7029,24 @@ const hl = ({
   onToggleLayersPanel: t,
   onOpenImageBrowser: n,
   additionalItems: r,
-  icon: o = /* @__PURE__ */ f($, { icon: U.menu, className: "sc:size-6" }),
+  icon: o = /* @__PURE__ */ f(H, { icon: U.menu, className: "sc:size-6" }),
   tooltip: i = "Menu",
   className: s
 }) => {
   var S;
-  const { get: a } = Tr(), [l, c] = B(!1), [u, d] = B(!1), [h, g] = B(!1), x = G(null), w = async () => {
+  const { get: a } = Tr(), [l, c] = B(!1), [u, d] = B(!1), [h, g] = B(!1), C = G(null), w = async () => {
     try {
-      const { ExportManager: v } = await import("./ExportManager-B8Td7uR5.js").then((R) => R.S), { artboardManager: L, elements: b } = a(), M = L.getAllArtboards();
-      v.exportToJSON(M, b, L), c(!1);
+      const { ExportManager: v } = await import("./ExportManager-DUdis6se.js").then((R) => R.Y), { artboardManager: L, elements: x } = a(), M = L.getAllArtboards();
+      v.exportToJSON(M, x, L), c(!1);
     } catch (v) {
       mn.error("Failed to save workspace:", v), alert("Failed to save workspace. Please try again.");
     }
   }, p = () => {
     var v;
-    (v = x.current) == null || v.click(), c(!1);
+    (v = C.current) == null || v.click(), c(!1);
   }, m = async (v) => {
-    var b;
-    const L = (b = v.target.files) == null ? void 0 : b[0];
+    var x;
+    const L = (x = v.target.files) == null ? void 0 : x[0];
     if (L) {
       try {
         const M = await on.importFromJSON(L);
@@ -7035,11 +7076,11 @@ This will replace your current workspace. Continue?`
       } 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 = "");
+      C.current && (C.current.value = "");
     }
   }, E = async () => {
-    const { artboardManager: v, elements: L, canvasRef: b } = a();
-    if (!(b != null && b.current)) {
+    const { artboardManager: v, elements: L, canvasRef: x } = a();
+    if (!(x != null && x.current)) {
       alert("Canvas not available for export");
       return;
     }
@@ -7049,8 +7090,8 @@ This will replace your current workspace. Continue?`
       return;
     }
     try {
-      const { ExportManager: R } = await import("./ExportManager-B8Td7uR5.js").then((F) => F.S);
-      await R.exportArtboardToImage(M, L, b.current, {
+      const { ExportManager: R } = await import("./ExportManager-DUdis6se.js").then((F) => F.Y);
+      await R.exportArtboardToImage(M, L, x.current, {
         format: "png",
         scale: 2,
         transparentBackground: !1
@@ -7071,11 +7112,11 @@ This will replace your current workspace. Continue?`
   }, D = async (v) => {
     g(!1), await a().handleAddElement("shape", { shapeType: v });
   }, T = Oo, y = () => /* @__PURE__ */ f("div", { className: "sc:my-xs sc:h-px sc:bg-border-primary" });
-  return /* @__PURE__ */ j(nn, { children: [
+  return /* @__PURE__ */ P(nn, { children: [
     /* @__PURE__ */ f(
       zo,
       {
-        trigger: /* @__PURE__ */ j(Bn, { delayDuration: 0, children: [
+        trigger: /* @__PURE__ */ P(Bn, { delayDuration: 0, children: [
           /* @__PURE__ */ f(_t, { asChild: !0, children: /* @__PURE__ */ f(
             rt,
             {
@@ -7086,21 +7127,21 @@ This will replace your current workspace. Continue?`
               children: o
             }
           ) }),
-          /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f("p", { children: i }) })
+          /* @__PURE__ */ f(Ct, { children: /* @__PURE__ */ f("p", { children: i }) })
         ] }),
         isOpen: l,
         onToggle: c,
         position: "bottom",
         align: "end",
-        children: /* @__PURE__ */ j(Rn, { minWidth: "200px", children: [
-          /* @__PURE__ */ j(
+        children: /* @__PURE__ */ P(Rn, { minWidth: "200px", children: [
+          /* @__PURE__ */ P(
             "div",
             {
               style: { position: "relative" },
               onMouseEnter: () => d(!0),
               onMouseLeave: () => d(!1),
               children: [
-                /* @__PURE__ */ f(Ke, { icon: /* @__PURE__ */ f($, { icon: U.plus, className: "sc:size-[18px]" }), label: "Add Element" }),
+                /* @__PURE__ */ f(Ke, { icon: /* @__PURE__ */ f(H, { icon: U.plus, className: "sc:size-[18px]" }), label: "Add Element" }),
                 u && /* @__PURE__ */ f(
                   "div",
                   {
@@ -7125,23 +7166,23 @@ This will replace your current workspace. Continue?`
             }
           ),
           /* @__PURE__ */ f(y, {}),
-          /* @__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(H, { icon: U.save, className: "sc:size-[18px]" }), label: "Save", onClick: w }),
+          /* @__PURE__ */ f(Ke, { icon: /* @__PURE__ */ f(H, { icon: U.folderOpen, className: "sc:size-[18px]" }), label: "Open", onClick: p }),
           /* @__PURE__ */ f(
             Ke,
             {
-              icon: /* @__PURE__ */ f($, { icon: U.download, className: "sc:size-[18px]" }),
+              icon: /* @__PURE__ */ f(H, { icon: U.download, className: "sc:size-[18px]" }),
               label: "Export Image",
               onClick: E,
               disabled: !((S = a().canvasRef) != null && S.current)
             }
           ),
-          t && /* @__PURE__ */ j(nn, { children: [
+          t && /* @__PURE__ */ P(nn, { children: [
             /* @__PURE__ */ f(y, {}),
             /* @__PURE__ */ f(
               Ke,
               {
-                icon: /* @__PURE__ */ f($, { icon: U.layers, className: "sc:size-[18px]" }),
+                icon: /* @__PURE__ */ f(H, { icon: U.layers, className: "sc:size-[18px]" }),
                 label: `${e ? "Hide" : "Show"} Layers`,
                 onClick: () => {
                   t(), c(!1);
@@ -7149,7 +7190,7 @@ This will replace your current workspace. Continue?`
               }
             )
           ] }),
-          r && /* @__PURE__ */ j(nn, { children: [
+          r && /* @__PURE__ */ P(nn, { children: [
             /* @__PURE__ */ f(y, {}),
             r
           ] })
@@ -7159,7 +7200,7 @@ This will replace your current workspace. Continue?`
     /* @__PURE__ */ f(
       "input",
       {
-        ref: x,
+        ref: C,
         type: "file",
         accept: ".json",
         style: { display: "none" },
@@ -7185,7 +7226,7 @@ function Po({
   return W(() => {
     if (!t || o) return;
     let s = !1;
-    return import("./ImagePanel-CN2Bu3hf.js").then(
+    return import("./ImagePanel-CBgGqmVV.js").then(
       (a) => {
         s || i(() => a.ImagePanel);
       },
@@ -7206,7 +7247,7 @@ function Po({
 function Bl({ className: e, style: t }) {
   Zn("Editor.Menu"), Zt("Editor.Menu");
   const [n, r] = B(!1);
-  return /* @__PURE__ */ j("div", { "data-sc-part": "menu", className: e, style: t, children: [
+  return /* @__PURE__ */ P("div", { "data-sc-part": "menu", className: e, style: t, children: [
     /* @__PURE__ */ f(vl, { onOpenImageBrowser: () => r(!0) }),
     /* @__PURE__ */ f(
       Po,
@@ -7219,8 +7260,8 @@ function Bl({ className: e, style: t }) {
   ] });
 }
 const yl = () => {
-  const { undo: e, redo: t, canUndo: n, canRedo: r } = Xo();
-  return /* @__PURE__ */ j("div", { className: "sc-undo-redo", style: { display: "inline-flex", gap: 4 }, children: [
+  const { undo: e, redo: t, canUndo: n, canRedo: r } = Ko();
+  return /* @__PURE__ */ P("div", { className: "sc-undo-redo", style: { display: "inline-flex", gap: 4 }, children: [
     /* @__PURE__ */ f(
       En,
       {
@@ -7261,13 +7302,13 @@ function Ul({ className: e, style: t }) {
   }, u = async (d) => {
     s(!1), await n().handleAddElement("shape", { shapeType: d });
   };
-  return /* @__PURE__ */ j("div", { "data-sc-part": "add", className: e, style: t, children: [
+  return /* @__PURE__ */ P("div", { "data-sc-part": "add", className: e, style: t, children: [
     /* @__PURE__ */ f(
       zo,
       {
-        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" }) })
+        trigger: /* @__PURE__ */ P(Bn, { delayDuration: 0, children: [
+          /* @__PURE__ */ f(_t, { asChild: !0, children: /* @__PURE__ */ f(rt, { variant: "ghost", size: "icon", "aria-label": "Add element", children: /* @__PURE__ */ f(H, { icon: U.plus, className: "sc:size-6" }) }) }),
+          /* @__PURE__ */ f(Ct, { children: /* @__PURE__ */ f("p", { children: "Add element" }) })
         ] }),
         isOpen: r,
         onToggle: o,
@@ -7313,24 +7354,24 @@ function Gl() {
     totalExports: 0,
     avgExportTime: 0,
     isWorkerActive: !1
-  }), x = G(0), w = G(null), p = sn.supportsWorkerExport(), m = N(async (v, L = {}) => {
-    const b = e.find((R) => R.id === v);
-    if (!b)
+  }), C = G(0), w = G(null), p = sn.supportsWorkerExport(), m = N(async (v, L = {}) => {
+    const x = e.find((R) => R.id === v);
+    if (!x)
       throw new Error(`[useExport] Artboard ${v} not found`);
     if (!r.current)
       throw new Error("[useExport] Canvas ref not available");
     i(!0);
     const M = {
       artboardId: v,
-      artboardName: b.name,
+      artboardName: x.name,
       status: "rendering",
       progress: 0,
       timestamp: Date.now()
     };
     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,
+      const R = Date.now(), F = A.current, J = t.getElementsOnArtboard(v), pe = F.filter((Y) => J.includes(Y.id)), Q = await sn.exportArtboardToDataURL(
+        x,
         pe,
         r.current,
         {
@@ -7339,17 +7380,17 @@ function Gl() {
           transparentBackground: L.transparentBackground ?? !0,
           ...L
         }
-      ), re = Date.now() - R;
+      ), oe = Date.now() - R;
       return c((Y) => Y.map(
-        (ee) => ee.artboardId === v ? { ...ee, status: "complete", progress: 100, dataUrl: J, timestamp: Date.now() } : ee
-      )), d((Y) => ({ ...Y, [v]: J })), g((Y) => ({
+        (ee) => ee.artboardId === v ? { ...ee, status: "complete", progress: 100, dataUrl: Q, timestamp: Date.now() } : ee
+      )), d((Y) => ({ ...Y, [v]: Q })), g((Y) => ({
         totalExports: Y.totalExports + 1,
-        avgExportTime: (Y.avgExportTime * Y.totalExports + re) / (Y.totalExports + 1),
+        avgExportTime: (Y.avgExportTime * Y.totalExports + oe) / (Y.totalExports + 1),
         isWorkerActive: p
-      })), J;
+      })), Q;
     } catch (R) {
       throw c((F) => F.map(
-        (X) => X.artboardId === v ? { ...X, status: "error", error: R, timestamp: Date.now() } : X
+        (J) => J.artboardId === v ? { ...J, status: "error", error: R, timestamp: Date.now() } : J
       )), R;
     } finally {
       i(!1);
@@ -7360,8 +7401,8 @@ 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), M = {};
-      for (const { id: R, dataUrl: F } of b)
+      }), x = await Promise.all(L), M = {};
+      for (const { id: R, dataUrl: F } of x)
         M[R] = F;
       return M;
     } finally {
@@ -7370,8 +7411,8 @@ function Gl() {
   }, [e, m]), A = G(n);
   A.current = n;
   const D = N(async (v, L = {}) => {
-    const b = e.find((M) => M.id === v);
-    if (!b)
+    const x = e.find((M) => M.id === v);
+    if (!x)
       throw new Error(`[useExport] Artboard ${v} not found`);
     if (!r.current)
       throw new Error("[useExport] Canvas ref not available");
@@ -7379,7 +7420,7 @@ function Gl() {
     try {
       const M = A.current, R = t.getElementsOnArtboard(v), F = M.filter((pe) => R.includes(pe.id));
       return await sn.exportArtboardToBlob(
-        b,
+        x,
         F,
         r.current,
         {
@@ -7398,45 +7439,45 @@ function Gl() {
       const L = e.map(async (R) => {
         const F = await D(R.id, v);
         return { id: R.id, blob: F };
-      }), b = await Promise.all(L), M = {};
-      for (const { id: R, blob: F } of b)
+      }), x = await Promise.all(L), M = {};
+      for (const { id: R, blob: F } of x)
         M[R] = F;
       return M;
     } finally {
       i(!1);
     }
   }, [e, D]), y = N(() => {
-    x.current++, a(!1), w.current = null;
+    C.current++, a(!1), w.current = null;
   }, []), S = N((v) => {
-    x.current++;
-    const L = x.current;
+    C.current++;
+    const L = C.current;
     w.current = v, a(!0);
     const {
-      artboardIds: b,
+      artboardIds: x,
       interval: M = 500,
       scale: R = 3,
       format: F = "png",
-      onChange: X
-    } = v, pe = b ? e.filter((ee) => b.includes(ee.id)) : e, J = () => x.current === L, re = async () => {
+      onChange: J
+    } = v, pe = x ? e.filter((ee) => x.includes(ee.id)) : e, Q = () => C.current === L, oe = async () => {
       try {
-        const ee = pe.map(async (oe) => {
-          const ue = await m(oe.id, {
+        const ee = pe.map(async (ie) => {
+          const ce = await m(ie.id, {
             scale: R,
             format: F,
             transparentBackground: !0
           });
-          return { id: oe.id, dataUrl: ue };
-        }), ge = await Promise.all(ee), we = {};
-        for (const { id: oe, dataUrl: ue } of ge)
-          we[oe] = ue;
-        d((oe) => ({ ...oe, ...we })), X && X(we);
+          return { id: ie.id, dataUrl: ce };
+        }), ge = await Promise.all(ee), xe = {};
+        for (const { id: ie, dataUrl: ce } of ge)
+          xe[ie] = ce;
+        d((ie) => ({ ...ie, ...xe })), J && J(xe);
       } catch (ee) {
         bl.error("[useExport] Continuous export error:", ee);
       }
     };
     (async () => {
-      for (await re(); J() && (await new Promise((ee) => setTimeout(ee, M)), !!J()); )
-        await re();
+      for (await oe(); Q() && (await new Promise((ee) => setTimeout(ee, M)), !!Q()); )
+        await oe();
     })();
   }, [e, m]);
   return W(() => () => {
@@ -7515,7 +7556,7 @@ function xl(e) {
     }
   };
 }
-function Cl(e) {
+function kl(e) {
   const t = "/api/image-proxy?url=";
   if (!e || !e.startsWith(t)) return e;
   try {
@@ -7524,9 +7565,9 @@ function Cl(e) {
     return e;
   }
 }
-function kl(e) {
+function Cl(e) {
   return async function(n) {
-    const r = Cl(n);
+    const r = kl(n);
     if (!/^https?:\/\//.test(r))
       throw new Error("Background removal isn't available for this image yet");
     const o = await fetch(e, {
@@ -7546,7 +7587,8 @@ function Wl({ services: e, children: t }) {
     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 ? kl(e.bgRemoveUrl) : void 0)
+    removeBackground: e.removeBackground ?? (e.bgRemoveUrl ? Cl(e.bgRemoveUrl) : void 0),
+    onFontUpload: e.onFontUpload
   } : Ho, [
     e == null ? void 0 : e.imageSearch,
     e == null ? void 0 : e.imageSearchUrl,
@@ -7554,12 +7596,13 @@ function Wl({ services: e, children: t }) {
     e == null ? void 0 : e.generateUrl,
     e == null ? void 0 : e.vectors,
     e == null ? void 0 : e.bgRemoveUrl,
-    e == null ? void 0 : e.removeBackground
+    e == null ? void 0 : e.removeBackground,
+    e == null ? void 0 : e.onFontUpload
   ]);
   return /* @__PURE__ */ f($o.Provider, { value: n, children: t });
 }
 function _l() {
-  return je($o);
+  return $e($o);
 }
 const Ar = ot("GoogleFontsService");
 let Ze = [], ht = null;
@@ -7799,16 +7842,16 @@ class Al {
 }
 const ql = new Al();
 export {
-  as as A,
+  U as A,
   rt as B,
   Wl as C,
   zo as D,
   jl as E,
-  so as F,
-  ao as G,
-  lo as H,
-  $ as I,
-  U as J,
+  as as F,
+  so as G,
+  ao as H,
+  H as I,
+  lo as J,
   hl as K,
   sl as L,
   vl as M,
@@ -7820,13 +7863,13 @@ export {
   ql as U,
   xl as a,
   wl as b,
-  kl as c,
+  Cl as c,
   _l as d,
   Pl as e,
   Gl as f,
   ni as g,
   _t as h,
-  kt as i,
+  Ct as i,
   es as j,
   Rn as k,
   Ke as l,
@@ -7843,6 +7886,6 @@ export {
   Bl as w,
   Vl as x,
   $l as y,
-  Le as z
+  Te as z
 };
-//# sourceMappingURL=UnifiedFontService-CgYnYTj7.js.map
+//# sourceMappingURL=UnifiedFontService-Co9tQ59z.js.map