@snowcone-app/canvas 0.37.1 → 0.38.0

package/dist/{useCommands-CQi4Pyd2.js → useCommands-x8J7_Mzy.js}

@@ -1,9 +1,9 @@
 import { jsx as f, jsxs as j, Fragment as an } from "react/jsx-runtime";
 import * as F from "react";
-import ne, { useRef as V, useState as B, useCallback as N, useMemo as J, useEffect as Y, forwardRef as $n, createElement as En, useLayoutEffect as Hn, memo as ei, useReducer as ti, useContext as Be, createContext as Xe, cloneElement as ni, useId as Pr, useSyncExternalStore as $r } from "react";
-import { u as qt, k as ri, r as oi, m as Hr, f as ii, i as si } from "./design-builder-CqgTpp9B.js";
-import { G as Ie, c as Qe, E as rt, D as ai, H as ln, I as li, P as ci, S as di, T as ui, J as fi, C as hi, K as gi, L as pi, U as sr } from "./FontAnalyzer-CEYA_6fY.js";
-import { g as mi, I as cn, E as dn } from "./ExportManager-CDX5_up8.js";
+import ne, { useRef as V, useState as B, useCallback as N, useMemo as X, useEffect as q, forwardRef as $n, createElement as En, useLayoutEffect as Hn, memo as ei, useReducer as ti, useContext as Be, createContext as Je, cloneElement as ni, useId as Pr, useSyncExternalStore as $r } from "react";
+import { b as Yt, o as ri, n as oi, q as Hr, k as ii, i as si } from "./design-builder-CoCtjIwj.js";
+import { G as Ie, c as Qe, t as rt, X as ai, aU as ln, I as li, P as ci, S as di, T as ui, aV as fi, x as hi, aW as gi, aX as pi, U as sr } from "./FontAnalyzer-DWHS41ba.js";
+import { Q as mi, I as cn, a as dn } from "./ExportManager-BbBfO22S.js";
 import { createPortal as Bn, unstable_batchedUpdates as Ft } from "react-dom";
 import { clsx as Br } from "clsx";
 import { extendTailwindMerge as Vr } from "tailwind-merge";
@@ -619,25 +619,25 @@ function xi(e = {}) {
     executeAddElement: p,
     executeRemoveElement: k,
     executeReorderElement: y
-  } = qt(), g = V(/* @__PURE__ */ new Map()), [m, S] = B(0), M = c.getActiveArtboardId(), L = t !== void 0 ? t : M, I = L ? (Oe = c.getArtboard) == null ? void 0 : Oe.call(c, L) : null, b = o ?? (I == null ? void 0 : I.backgroundColor) ?? "transparent", E = N(async (x) => {
+  } = Yt(), g = V(/* @__PURE__ */ new Map()), [m, S] = B(0), M = c.getActiveArtboardId(), L = t !== void 0 ? t : M, I = L ? (Oe = c.getArtboard) == null ? void 0 : Oe.call(c, L) : null, b = o ?? (I == null ? void 0 : I.backgroundColor) ?? "transparent", E = N(async (x) => {
     const C = s.find((z) => z.id === x);
     if (!C) return;
     const R = await ar(C, r, b);
     g.current.set(x, R), S((z) => z + 1);
-  }, [s, r, b]), v = J(() => {
+  }, [s, r, b]), v = X(() => {
     let x = s;
     if (L) {
       const C = c.getElementsOnArtboard(L);
       x = x.filter((R) => C.includes(R.id));
     }
     return n || (x = x.filter((C) => C.visible !== !1)), x;
-  }, [s, L, n, c]), D = J(() => _r(
+  }, [s, L, n, c]), D = X(() => _r(
     v,
     a,
     l,
     g.current,
     E
-  ), [v, a, l, E, m]), w = J(() => Wr(D), [D]), A = J(() => w.filter((x) => x.isSelected), [w]), T = N((x, C = !1) => {
+  ), [v, a, l, E, m]), w = X(() => Wr(D), [D]), A = X(() => w.filter((x) => x.isSelected), [w]), T = N((x, C = !1) => {
     C ? l.includes(x) ? h(l.filter((R) => R !== x)) : h([...l, x]) : u(x);
   }, [l, h, u]), O = N((x) => {
     h(x);
@@ -653,12 +653,12 @@ function xi(e = {}) {
     if (!C) return;
     const R = C.clone();
     R.locked = !(C.locked ?? !1), d(R);
-  }, [s, d]), X = N((x, C) => {
+  }, [s, d]), J = N((x, C) => {
     const R = s.find((Z) => Z.id === x);
     if (!R) return;
     const z = R.clone();
     z.name = C, d(z);
-  }, [s, d]), q = N((x) => {
+  }, [s, d]), Y = N((x) => {
     const C = s.find((R) => R.id === x);
     if (!C) {
       re.warn(`Element ${x} not found for deletion`);
@@ -797,7 +797,7 @@ function xi(e = {}) {
     };
     await C(v), S((R) => R + 1);
   }, [r, b, v]);
-  Y(() => {
+  q(() => {
     if (!i) return;
     const x = setTimeout(() => {
       De();
@@ -896,8 +896,8 @@ function xi(e = {}) {
     clearSelection: W,
     toggleVisibility: ae,
     toggleLock: _,
-    renameLayer: X,
-    deleteLayer: q,
+    renameLayer: J,
+    deleteLayer: Y,
     duplicateLayer: te,
     reorderLayers: pe,
     reorderById: se,
@@ -933,7 +933,7 @@ function ki(e, t) {
   }
   return Object.keys(n).concat(Object.keys(r)).forEach(i), o;
 }
-const Yr = Object.freeze({
+const qr = Object.freeze({
   left: 0,
   top: 0,
   width: 16,
@@ -943,7 +943,7 @@ const Yr = Object.freeze({
   vFlip: !1,
   hFlip: !1
 }), Vn = Object.freeze({
-  ...Yr,
+  ...qr,
   ...Bt
 }), An = Object.freeze({
   ...Vn,
@@ -969,7 +969,7 @@ function Si(e, t, n) {
   }
   return s(t), n.forEach(s), lr(e, i);
 }
-function qr(e, t) {
+function Yr(e, t) {
   const n = [];
   if (typeof e != "object" || typeof e.icons != "object") return n;
   e.not_found instanceof Array && e.not_found.forEach((o) => {
@@ -986,7 +986,7 @@ const Ei = {
   provider: "",
   aliases: {},
   not_found: {},
-  ...Yr
+  ...qr
 };
 function fn(e, t) {
   for (const n in t) if (n in e && typeof e[n] != typeof t[n]) return !1;
@@ -1021,8 +1021,8 @@ function it(e, t) {
   const n = cr[e] || (cr[e] = /* @__PURE__ */ Object.create(null));
   return n[t] || (n[t] = Ai(e, t));
 }
-function Jr(e, t) {
-  return Kr(t) ? qr(t, (n, r) => {
+function Xr(e, t) {
+  return Kr(t) ? Yr(t, (n, r) => {
     r ? e.icons[n] = r : e.missing.add(n);
   }) : [];
 }
@@ -1034,7 +1034,7 @@ function Mi(e, t, n) {
   }
   return !1;
 }
-const Xr = /^[a-z0-9]+(-[a-z0-9]+)*$/, Kt = (e, t, n, r = "") => {
+const Jr = /^[a-z0-9]+(-[a-z0-9]+)*$/, Kt = (e, t, n, r = "") => {
   const o = e.split(":");
   if (e.slice(0, 1) === "@") {
     if (o.length < 2 || o.length > 3) return null;
@@ -1089,7 +1089,7 @@ function eo(e, t) {
   if (typeof e != "object") return !1;
   if (typeof t != "string" && (t = e.provider || ""), xt && !t && !e.prefix) {
     let o = !1;
-    return Kr(e) && (e.prefix = "", qr(e, (i, s) => {
+    return Kr(e) && (e.prefix = "", Yr(e, (i, s) => {
       Zr(i, s) && (o = !0);
     })), o;
   }
@@ -1099,7 +1099,7 @@ function eo(e, t) {
     name: "a"
   })) return !1;
   const r = it(t, n);
-  return !!Jr(r, e);
+  return !!Xr(r, e);
 }
 const to = Object.freeze({
   width: null,
@@ -1378,7 +1378,7 @@ function _i(e) {
   }));
 }
 let Wi = 0;
-function Yi(e, t, n) {
+function qi(e, t, n) {
   const r = Wi++, o = so.bind(null, n, r);
   if (!t.pending.length) return o;
   const i = {
@@ -1391,7 +1391,7 @@ function Yi(e, t, n) {
     (s.loaderCallbacks || (s.loaderCallbacks = [])).push(i);
   }), o;
 }
-function qi(e) {
+function Yi(e) {
   const t = {
     loaded: [],
     missing: [],
@@ -1424,7 +1424,7 @@ function Ki(e, t = !0, n = !1) {
     i && r.push(i);
   }), r;
 }
-const Ji = {
+const Xi = {
   resources: [],
   index: 0,
   timeout: 2e3,
@@ -1432,7 +1432,7 @@ const Ji = {
   random: !1,
   dataAfterTimeout: !1
 };
-function Xi(e, t, n, r) {
+function Ji(e, t, n, r) {
   const o = e.resources.length, i = e.random ? Math.floor(Math.random() * o) : e.index;
   let s;
   if (e.random) {
@@ -1532,7 +1532,7 @@ function Xi(e, t, n, r) {
 }
 function ao(e) {
   const t = {
-    ...Ji,
+    ...Xi,
     ...e
   };
   let n = [];
@@ -1540,7 +1540,7 @@ function ao(e) {
     n = n.filter((a) => a().status === "pending");
   }
   function o(a, l, c) {
-    const u = Xi(t, a, l, (d, h) => {
+    const u = Ji(t, a, l, (d, h) => {
       r(), c && c(d, h);
     });
     return n.push(u), u;
@@ -1602,7 +1602,7 @@ function es(e) {
 function ts(e) {
   const t = [], n = [];
   return e.forEach((r) => {
-    (r.match(Xr) ? t : n).push(r);
+    (r.match(Jr) ? t : n).push(r);
   }), {
     valid: t,
     invalid: n
@@ -1616,7 +1616,7 @@ function gt(e, t, n) {
     });
   }
   if (n && typeof n == "object") try {
-    if (!Jr(e, n).length) {
+    if (!Xr(e, n).length) {
       r();
       return;
     }
@@ -1659,7 +1659,7 @@ function ns(e, t) {
     }
     const { valid: s, invalid: a } = ts(o);
     if (a.length && gt(e, a, null), !s.length) return;
-    const l = r.match(Xr) ? Ln(n) : null;
+    const l = r.match(Jr) ? Ln(n) : null;
     if (!l) {
       gt(e, s, null);
       return;
@@ -1672,7 +1672,7 @@ function ns(e, t) {
   }));
 }
 const lo = (e, t) => {
-  const n = Ki(e, !0, Qr()), r = qi(n);
+  const n = Ki(e, !0, Qr()), r = Yi(n);
   if (!r.pending.length) {
     let l = !0;
     return t && setTimeout(() => {
@@ -1695,7 +1695,7 @@ const lo = (e, t) => {
   }), i.forEach((l) => {
     const c = o[l.provider][l.prefix];
     c.length && ns(l, c);
-  }), t ? Yi(t, r, i) : hr;
+  }), t ? qi(t, r, i) : hr;
 };
 function rs(e, t) {
   const n = { ...e };
@@ -1979,7 +1979,7 @@ function fo(e) {
         });
       } else y && ((p = e.onLoad) === null || p === void 0 || p.call(e, k));
   }
-  Y(() => (n(!0), l), []), Y(() => {
+  q(() => (n(!0), l), []), q(() => {
     t && u();
   }, [e.icon, t]);
   const { name: d, data: h } = s;
@@ -2227,13 +2227,13 @@ const vo = F.forwardRef(
     safeAreaPadding: m = !1,
     ...S
   }, M) => {
-    const { open: L, onOpenChange: I } = Wn(), [b, E] = F.useState(!1), [v, D] = F.useState(0), [w, A] = F.useState(!1), [T, O] = F.useState(!1), [W, ae] = F.useState(!1), [_, X] = F.useState(!1), q = F.useRef(null), te = F.useRef(null), pe = F.useRef(0), xe = F.useRef(0), [ie, de] = F.useState(!1), [je, ze] = F.useState(!1), le = F.useRef(!1), De = F.useRef(!0), ee = F.useRef(null), se = 120;
+    const { open: L, onOpenChange: I } = Wn(), [b, E] = F.useState(!1), [v, D] = F.useState(0), [w, A] = F.useState(!1), [T, O] = F.useState(!1), [W, ae] = F.useState(!1), [_, J] = F.useState(!1), Y = F.useRef(null), te = F.useRef(null), pe = F.useRef(0), xe = F.useRef(0), [ie, de] = F.useState(!1), [je, ze] = F.useState(!1), le = F.useRef(!1), De = F.useRef(!0), ee = F.useRef(null), se = 120;
     F.useEffect(() => {
       if (L) {
-        const K = setTimeout(() => X(!0), se);
+        const K = setTimeout(() => J(!0), se);
         return () => clearTimeout(K);
       } else
-        X(!1);
+        J(!1);
     }, [L]);
     const P = F.useCallback(
       (K) => {
@@ -2242,7 +2242,7 @@ const vo = F.forwardRef(
       },
       []
     );
-    F.useImperativeHandle(M, () => q.current), F.useEffect(() => {
+    F.useImperativeHandle(M, () => Y.current), F.useEffect(() => {
       E(!0), D(document.body.clientHeight);
       const K = () => D(document.body.clientHeight);
       return window.addEventListener("resize", K), () => {
@@ -2319,19 +2319,19 @@ const vo = F.forwardRef(
     }, [L, w, Q]);
     const fe = F.useCallback(
       (K) => {
-        h || (pe.current = K.touches[0].clientY, xe.current = 0, q.current && (q.current.style.transition = "none"));
+        h || (pe.current = K.touches[0].clientY, xe.current = 0, Y.current && (Y.current.style.transition = "none"));
       },
       [h]
     ), Le = F.useCallback(
       (K) => {
         if (h) return;
         const he = K.touches[0].clientY - pe.current;
-        xe.current = Math.max(0, he), q.current && (q.current.style.transform = `translateY(${xe.current}px)`);
+        xe.current = Math.max(0, he), Y.current && (Y.current.style.transform = `translateY(${xe.current}px)`);
       },
       [h]
     ), oe = F.useCallback(() => {
       if (h) return;
-      q.current && (q.current.style.transition = `transform ${p}ms cubic-bezier(0.32, 0.72, 0, 1)`, q.current.style.transform = ""), xe.current > 100 && Q();
+      Y.current && (Y.current.style.transition = `transform ${p}ms cubic-bezier(0.32, 0.72, 0, 1)`, Y.current.style.transform = ""), xe.current > 100 && Q();
     }, [h, Q, p]);
     if (!b || !L && !w) return null;
     const Se = _ || w, ye = {
@@ -2400,7 +2400,7 @@ const vo = F.forwardRef(
                 children: /* @__PURE__ */ f(go, { asChild: !0, variant: "default", children: /* @__PURE__ */ j(
                   "div",
                   {
-                    ref: q,
+                    ref: Y,
                     className: Re(
                       "sc:flex sc:flex-col sc:shadow-2xl sc:pointer-events-auto",
                       // Bottom drawer: rounded top, full width
@@ -2524,7 +2524,7 @@ const bo = F.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
   }
 ));
 bo.displayName = "DrawerDescription";
-const As = ot.Provider, Ms = ot.Root, Jt = ot.Trigger, At = F.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ f(ot.Portal, { children: /* @__PURE__ */ f(
+const As = ot.Provider, Ms = ot.Root, Xt = ot.Trigger, At = F.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ f(ot.Portal, { children: /* @__PURE__ */ f(
   ot.Content,
   {
     ref: r,
@@ -2539,8 +2539,8 @@ const As = ot.Provider, Ms = ot.Root, Jt = ot.Trigger, At = F.forwardRef(({ clas
   }
 ) }));
 At.displayName = ot.Content.displayName;
-const Ds = ({ children: e, delayDuration: t, delay: n, ...r }) => /* @__PURE__ */ f(As, { children: /* @__PURE__ */ f(Ms, { delayDuration: n ?? t ?? 200, ...r, children: e }) }), Yn = Object.assign(Ds, {
-  Trigger: Jt,
+const Ds = ({ children: e, delayDuration: t, delay: n, ...r }) => /* @__PURE__ */ f(As, { children: /* @__PURE__ */ f(Ms, { delayDuration: n ?? t ?? 200, ...r, children: e }) }), qn = Object.assign(Ds, {
+  Trigger: Xt,
   Content: At
 }), Ls = Vr({ prefix: "sc" });
 function In(...e) {
@@ -2676,8 +2676,8 @@ const Rn = ne.forwardRef(
         children: typeof e == "string" ? /* @__PURE__ */ f(wo, { icon: e, size: "toolbar" }) : e
       }
     );
-    return !r || i ? h : /* @__PURE__ */ j(Yn, { delay: o, children: [
-      /* @__PURE__ */ f(Jt, { asChild: !0, children: h }),
+    return !r || i ? h : /* @__PURE__ */ j(qn, { delay: o, children: [
+      /* @__PURE__ */ f(Xt, { asChild: !0, children: h }),
       /* @__PURE__ */ f(At, { children: r })
     ] });
   }
@@ -2749,7 +2749,7 @@ const G = {
   arrowDown: "lucide:arrow-down",
   // Special purpose
   wand: "lucide:wand-2"
-}, Je = ({
+}, Xe = ({
   icon: e,
   label: t,
   shortcut: n,
@@ -2788,7 +2788,7 @@ const G = {
     refreshArtboards: n,
     setSelectedId: r,
     setMultiSelection: o
-  } = qt(), i = t.getActiveArtboardId(), s = t.getActiveArtboard(), a = J(() => e.map((g) => {
+  } = Yt(), i = t.getActiveArtboardId(), s = t.getActiveArtboard(), a = X(() => e.map((g) => {
     const S = t.getElementsOnArtboard(g.id).length;
     return {
       id: g.id,
@@ -2802,7 +2802,7 @@ const G = {
       isActive: g.id === i,
       elementCount: S
     };
-  }), [e, t, i]), l = J(() => {
+  }), [e, t, i]), l = X(() => {
     if (!s) return null;
     const m = t.getElementsOnArtboard(s.id).length;
     return {
@@ -2873,18 +2873,18 @@ const G = {
     reorderArtboards: y,
     count: e.length
   };
-}, Xt = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+}, Jt = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
 function at(e) {
   const t = Object.prototype.toString.call(e);
   return t === "[object Window]" || // In Electron context the Window object serializes to [object global]
   t === "[object global]";
 }
-function qn(e) {
+function Yn(e) {
   return "nodeType" in e;
 }
 function Ce(e) {
   var t, n;
-  return e ? at(e) ? e : qn(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
+  return e ? at(e) ? e : Yn(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
 }
 function Kn(e) {
   const {
@@ -2899,9 +2899,9 @@ function xo(e) {
   return e instanceof Ce(e).SVGElement;
 }
 function lt(e) {
-  return e ? at(e) ? e.document : qn(e) ? Kn(e) ? e : Mt(e) || xo(e) ? e.ownerDocument : document : document : document;
+  return e ? at(e) ? e.document : Yn(e) ? Kn(e) ? e : Mt(e) || xo(e) ? e.ownerDocument : document : document : document;
 }
-const _e = Xt ? Hn : Y;
+const _e = Jt ? Hn : q;
 function Qt(e) {
   const t = V(e);
   return _e(() => {
@@ -2929,7 +2929,7 @@ function kt(e, t) {
 }
 function Dt(e, t) {
   const n = V();
-  return J(
+  return X(
     () => {
       const r = e(n.current);
       return n.current = r, r;
@@ -2950,13 +2950,13 @@ function Vt(e) {
 }
 function Ut(e) {
   const t = V();
-  return Y(() => {
+  return q(() => {
     t.current = e;
   }, [e]), t.current;
 }
 let mn = {};
 function Zt(e, t) {
-  return J(() => {
+  return X(() => {
     if (t)
       return t;
     const n = mn[e] == null ? 0 : mn[e] + 1;
@@ -2983,7 +2983,7 @@ const nt = /* @__PURE__ */ ko(1), Ct = /* @__PURE__ */ ko(-1);
 function $s(e) {
   return "clientX" in e && "clientY" in e;
 }
-function Jn(e) {
+function Xn(e) {
   if (!e)
     return !1;
   const {
@@ -3119,16 +3119,16 @@ function _s() {
     announcement: e
   };
 }
-const Co = /* @__PURE__ */ Xe(null);
+const Co = /* @__PURE__ */ Je(null);
 function Ws(e) {
   const t = Be(Co);
-  Y(() => {
+  q(() => {
     if (!t)
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
     return t(e);
   }, [e, t]);
 }
-function Ys() {
+function qs() {
   const [e] = B(() => /* @__PURE__ */ new Set()), t = N((r) => (e.add(r), () => e.delete(r)), [e]);
   return [N((r) => {
     let {
@@ -3141,7 +3141,7 @@ function Ys() {
     });
   }, [e]), t];
 }
-const qs = {
+const Ys = {
   draggable: `
     To pick up a draggable item, press the space bar.
     While dragging, use the arrow keys to move the item.
@@ -3175,20 +3175,20 @@ const qs = {
     return "Dragging was cancelled. Draggable item " + t.id + " was dropped.";
   }
 };
-function Js(e) {
+function Xs(e) {
   let {
     announcements: t = Ks,
     container: n,
     hiddenTextDescribedById: r,
-    screenReaderInstructions: o = qs
+    screenReaderInstructions: o = Ys
   } = e;
   const {
     announce: i,
     announcement: s
   } = _s(), a = Zt("DndLiveRegion"), [l, c] = B(!1);
-  if (Y(() => {
+  if (q(() => {
     c(!0);
-  }, []), Ws(J(() => ({
+  }, []), Ws(X(() => ({
     onDragStart(d) {
       let {
         active: h
@@ -3255,7 +3255,7 @@ var ce;
 function _t() {
 }
 function br(e, t) {
-  return J(
+  return X(
     () => ({
       sensor: e,
       options: t ?? {}
@@ -3264,10 +3264,10 @@ function br(e, t) {
     [e, t]
   );
 }
-function Xs() {
+function Js() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
-  return J(
+  return X(
     () => [...t].filter((r) => r != null),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [...t]
@@ -3277,7 +3277,7 @@ const Fe = /* @__PURE__ */ Object.freeze({
   x: 0,
   y: 0
 });
-function Xn(e, t) {
+function Jn(e, t) {
   return Math.sqrt(Math.pow(e.x - t.x, 2) + Math.pow(e.y - t.y, 2));
 }
 function Qs(e, t) {
@@ -3359,7 +3359,7 @@ const ea = (e) => {
       id: a
     } = s, l = n.get(a);
     if (l) {
-      const c = Xn(wr(l), o);
+      const c = Jn(wr(l), o);
       i.push({
         id: a,
         data: {
@@ -3382,7 +3382,7 @@ const ea = (e) => {
       id: a
     } = s, l = n.get(a);
     if (l) {
-      const c = Nn(l), u = o.reduce((h, p, k) => h + Xn(c[k], p), 0), d = Number((u / 4).toFixed(4));
+      const c = Nn(l), u = o.reduce((h, p, k) => h + Jn(c[k], p), 0), d = Number((u / 4).toFixed(4));
       i.push({
         id: a,
         data: {
@@ -3449,7 +3449,7 @@ const ia = (e) => {
       id: s
     } = i, a = n.get(s);
     if (a && oa(r, a)) {
-      const c = Nn(a).reduce((d, h) => d + Xn(r, h), 0), u = Number((c / 4).toFixed(4));
+      const c = Nn(a).reduce((d, h) => d + Jn(r, h), 0), u = Number((c / 4).toFixed(4));
       o.push({
         id: s,
         data: {
@@ -3605,7 +3605,7 @@ function Mo(e) {
   return t ?? null;
 }
 function vn(e) {
-  return !Xt || !e ? null : at(e) ? e : qn(e) ? Kn(e) || e === lt(e).scrollingElement ? window : Mt(e) ? e : null : null;
+  return !Jt || !e ? null : at(e) ? e : Yn(e) ? Kn(e) || e === lt(e).scrollingElement ? window : Mt(e) ? e : null : null;
 }
 function Do(e) {
   return at(e) ? e.scrollX : e.scrollLeft;
@@ -3624,7 +3624,7 @@ var ge;
   e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
 })(ge || (ge = {}));
 function To(e) {
-  return !Xt || !e ? !1 : e === document.scrollingElement;
+  return !Jt || !e ? !1 : e === document.scrollingElement;
 }
 function Io(e) {
   const t = {
@@ -3846,7 +3846,7 @@ class er {
     r && No(r), n(Fe);
   }
   handleKeyDown(t) {
-    if (Jn(t)) {
+    if (Xn(t)) {
       const {
         active: n,
         context: r,
@@ -4228,7 +4228,7 @@ function Ma(e) {
   }), m = V({
     x: 0,
     y: 0
-  }), S = J(() => {
+  }), S = X(() => {
     switch (n) {
       case bt.Pointer:
         return l ? {
@@ -4246,8 +4246,8 @@ function Ma(e) {
       return;
     const E = g.current.x * m.current.x, v = g.current.y * m.current.y;
     b.scrollBy(E, v);
-  }, []), I = J(() => a === Wt.TreeOrder ? [...c].reverse() : c, [a, c]);
-  Y(
+  }, []), I = X(() => a === Wt.TreeOrder ? [...c].reverse() : c, [a, c]);
+  q(
     () => {
       if (!i || !c.length || !S) {
         y();
@@ -4342,7 +4342,7 @@ function Ta(e, t) {
   }, [r, t]);
 }
 function Ia(e, t) {
-  return J(() => e.reduce((n, r) => {
+  return X(() => e.reduce((n, r) => {
     const {
       sensor: o
     } = r, i = o.activators.map((s) => ({
@@ -4392,21 +4392,21 @@ function Ra(e, t) {
     }
     return m;
   }, [e, i, n, d, l]);
-  return Y(() => {
+  return q(() => {
     u.current = e;
-  }, [e]), Y(
+  }, [e]), q(
     () => {
       d || p();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, d]
-  ), Y(
+  ), q(
     () => {
       i && i.length > 0 && s(null);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(i)]
-  ), Y(
+  ), q(
     () => {
       d || typeof a != "number" || k.current !== null || (k.current = setTimeout(() => {
         p(), k.current = null;
@@ -4441,7 +4441,7 @@ function za(e) {
     callback: t,
     disabled: n
   } = e;
-  const r = Qt(t), o = J(() => {
+  const r = Qt(t), o = X(() => {
     if (n || typeof window > "u" || typeof window.MutationObserver > "u")
       return;
     const {
@@ -4449,14 +4449,14 @@ function za(e) {
     } = window;
     return new i(r);
   }, [r, n]);
-  return Y(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
+  return q(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
 }
 function tn(e) {
   let {
     callback: t,
     disabled: n
   } = e;
-  const r = Qt(t), o = J(
+  const r = Qt(t), o = X(
     () => {
       if (n || typeof window > "u" || typeof window.ResizeObserver > "u")
         return;
@@ -4468,7 +4468,7 @@ function tn(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n]
   );
-  return Y(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
+  return q(() => () => o == null ? void 0 : o.disconnect(), [o]), o;
 }
 function Oa(e) {
   return new Zn(Lt(e), e);
@@ -4519,7 +4519,7 @@ function Fa(e) {
 const Mr = [];
 function ja(e) {
   const t = V(e), n = Dt((r) => e ? r && r !== Mr && e && t.current && e.parentNode === t.current.parentNode ? r : en(e) : Mr, [e]);
-  return Y(() => {
+  return q(() => {
     t.current = e;
   }, [e]), n;
 }
@@ -4528,7 +4528,7 @@ function Pa(e) {
     const s = vn(i.target);
     s && n((a) => a ? (a.set(s, zn(s)), new Map(a)) : null);
   }, []);
-  return Y(() => {
+  return q(() => {
     const i = r.current;
     if (e !== i) {
       s(i);
@@ -4549,26 +4549,26 @@ function Pa(e) {
         c == null || c.removeEventListener("scroll", o);
       });
     }
-  }, [o, e]), J(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => nt(i, s), Fe) : Ro(e) : Fe, [e, t]);
+  }, [o, e]), X(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => nt(i, s), Fe) : Ro(e) : Fe, [e, t]);
 }
 function Dr(e, t) {
   t === void 0 && (t = []);
   const n = V(null);
-  return Y(
+  return q(
     () => {
       n.current = null;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
-  ), Y(() => {
+  ), q(() => {
     const r = e !== Fe;
     r && !n.current && (n.current = e), !r && n.current && (n.current = null);
   }, [e]), n.current ? Ct(e, n.current) : Fe;
 }
 function $a(e) {
-  Y(
+  q(
     () => {
-      if (!Xt)
+      if (!Jt)
         return;
       const t = e.map((n) => {
         let {
@@ -4592,7 +4592,7 @@ function $a(e) {
   );
 }
 function Ha(e, t) {
-  return J(() => e.reduce((n, r) => {
+  return X(() => e.reduce((n, r) => {
     let {
       eventName: o,
       handler: i
@@ -4603,7 +4603,7 @@ function Ha(e, t) {
   }, {}), [e, t]);
 }
 function Oo(e) {
-  return J(() => e ? ua(e) : null, [e]);
+  return X(() => e ? ua(e) : null, [e]);
 }
 const Lr = [];
 function Ba(e, t) {
@@ -4652,7 +4652,7 @@ function Va(e) {
     const u = Fo(c);
     i == null || i.disconnect(), u && (i == null || i.observe(u)), r(u ? t(u) : null);
   }, [t, i]), [a, l] = Vt(s);
-  return J(() => ({
+  return X(() => ({
     nodeRef: a,
     rect: n,
     setRef: l
@@ -4736,7 +4736,7 @@ const _a = {
   draggableNodes: /* @__PURE__ */ new Map(),
   over: null,
   measureDroppableContainers: _t
-}, Tt = /* @__PURE__ */ Xe(jo), Po = /* @__PURE__ */ Xe(_a);
+}, Tt = /* @__PURE__ */ Je(jo), Po = /* @__PURE__ */ Je(_a);
 function Wa() {
   return {
     draggable: {
@@ -4756,7 +4756,7 @@ function Wa() {
     }
   };
 }
-function Ya(e, t) {
+function qa(e, t) {
   switch (t.type) {
     case ce.DragStart:
       return {
@@ -4849,7 +4849,7 @@ function Ya(e, t) {
       return e;
   }
 }
-function qa(e) {
+function Ya(e) {
   let {
     disabled: t
   } = e;
@@ -4858,9 +4858,9 @@ function qa(e) {
     activatorEvent: r,
     draggableNodes: o
   } = Be(Tt), i = Ut(r), s = Ut(n == null ? void 0 : n.id);
-  return Y(() => {
+  return q(() => {
     if (!t && !r && i && s != null) {
-      if (!Jn(i) || document.activeElement === i.target)
+      if (!Xn(i) || document.activeElement === i.target)
         return;
       const a = o.get(s);
       if (!a)
@@ -4896,7 +4896,7 @@ function $o(e, t) {
   }), n) : n;
 }
 function Ka(e) {
-  return J(
+  return X(
     () => ({
       draggable: {
         ...Ht.draggable,
@@ -4915,7 +4915,7 @@ function Ka(e) {
     [e == null ? void 0 : e.draggable, e == null ? void 0 : e.droppable, e == null ? void 0 : e.dragOverlay]
   );
 }
-function Ja(e) {
+function Xa(e) {
   let {
     activeNode: t,
     measure: n,
@@ -4949,7 +4949,7 @@ function Ja(e) {
     }
   }, [t, s, a, r, n]);
 }
-const nn = /* @__PURE__ */ Xe({
+const nn = /* @__PURE__ */ Je({
   ...Fe,
   scaleX: 1,
   scaleY: 1
@@ -4958,7 +4958,7 @@ var Ke;
 (function(e) {
   e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
 })(Ke || (Ke = {}));
-const Xa = /* @__PURE__ */ ei(function(t) {
+const Ja = /* @__PURE__ */ ei(function(t) {
   var n, r, o, i;
   let {
     id: s,
@@ -4971,7 +4971,7 @@ const Xa = /* @__PURE__ */ ei(function(t) {
     modifiers: p,
     ...k
   } = t;
-  const y = ti(Ya, void 0, Wa), [g, m] = y, [S, M] = Ys(), [L, I] = B(Ke.Uninitialized), b = L === Ke.Initialized, {
+  const y = ti(qa, void 0, Wa), [g, m] = y, [S, M] = qs(), [L, I] = B(Ke.Uninitialized), b = L === Ke.Initialized, {
     draggable: {
       active: E,
       nodes: v,
@@ -4983,7 +4983,7 @@ const Xa = /* @__PURE__ */ ei(function(t) {
   } = g, A = E != null ? v.get(E) : null, T = V({
     initial: null,
     translated: null
-  }), O = J(() => {
+  }), O = X(() => {
     var we;
     return E != null ? {
       id: E,
@@ -4991,7 +4991,7 @@ const Xa = /* @__PURE__ */ ei(function(t) {
       data: (we = A == null ? void 0 : A.data) != null ? we : Ga,
       rect: T
     } : null;
-  }, [E, A]), W = V(null), [ae, _] = B(null), [X, q] = B(null), te = kt(k, Object.values(k)), pe = Zt("DndDescribedBy", s), xe = J(() => w.getEnabled(), [w]), ie = Ka(h), {
+  }, [E, A]), W = V(null), [ae, _] = B(null), [J, Y] = B(null), te = kt(k, Object.values(k)), pe = Zt("DndDescribedBy", s), xe = X(() => w.getEnabled(), [w]), ie = Ka(h), {
     droppableRects: de,
     measureDroppableContainers: je,
     measuringScheduled: ze
@@ -4999,8 +4999,8 @@ const Xa = /* @__PURE__ */ ei(function(t) {
     dragging: b,
     dependencies: [D.x, D.y],
     config: ie.droppable
-  }), le = Ta(v, E), De = J(() => X ? Gt(X) : null, [X]), ee = Zo(), se = Na(le, ie.draggable.measure);
-  Ja({
+  }), le = Ta(v, E), De = X(() => J ? Gt(J) : null, [J]), ee = Zo(), se = Na(le, ie.draggable.measure);
+  Xa({
     activeNode: E != null ? v.get(E) : null,
     config: ee.layoutShiftCompensation,
     initialRect: se,
@@ -5029,7 +5029,7 @@ const Xa = /* @__PURE__ */ ei(function(t) {
       scaleX: 1,
       scaleY: 1
     },
-    activatorEvent: X,
+    activatorEvent: J,
     active: O,
     activeNodeRect: P,
     containerNodeRect: ke,
@@ -5077,27 +5077,27 @@ const Xa = /* @__PURE__ */ ei(function(t) {
             event: Ue
           });
         },
-        onPending(me, Ye, $e, Ue) {
+        onPending(me, qe, $e, Ue) {
           if (!v.get(me))
             return;
           const {
             onDragPending: ut
-          } = te.current, qe = {
+          } = te.current, Ye = {
             id: me,
-            constraint: Ye,
+            constraint: qe,
             initialCoordinates: $e,
             offset: Ue
           };
-          ut == null || ut(qe), S({
+          ut == null || ut(Ye), S({
             type: "onDragPending",
-            event: qe
+            event: Ye
           });
         },
         onStart(me) {
-          const Ye = W.current;
-          if (Ye == null)
+          const qe = W.current;
+          if (qe == null)
             return;
-          const $e = v.get(Ye);
+          const $e = v.get(qe);
           if (!$e)
             return;
           const {
@@ -5105,7 +5105,7 @@ const Xa = /* @__PURE__ */ ei(function(t) {
           } = te.current, dt = {
             activatorEvent: Me,
             active: {
-              id: Ye,
+              id: qe,
               data: $e.data,
               rect: T
             }
@@ -5114,11 +5114,11 @@ const Xa = /* @__PURE__ */ ei(function(t) {
             Ue == null || Ue(dt), I(Ke.Initializing), m({
               type: ce.DragStart,
               initialCoordinates: me,
-              active: Ye
+              active: qe
             }), S({
               type: "onDragStart",
               event: dt
-            }), _(ct.current), q(Me);
+            }), _(ct.current), Y(Me);
           });
         },
         onMove(me) {
@@ -5139,29 +5139,29 @@ const Xa = /* @__PURE__ */ ei(function(t) {
             over: dt,
             scrollAdjustedTranslate: ut
           } = ve.current;
-          let qe = null;
+          let Ye = null;
           if ($e && ut) {
             const {
               cancelDrop: ft
             } = te.current;
-            qe = {
+            Ye = {
               activatorEvent: Me,
               active: $e,
               collisions: Ue,
               delta: ut,
               over: dt
-            }, me === ce.DragEnd && typeof ft == "function" && await Promise.resolve(ft(qe)) && (me = ce.DragCancel);
+            }, me === ce.DragEnd && typeof ft == "function" && await Promise.resolve(ft(Ye)) && (me = ce.DragCancel);
           }
           W.current = null, Ft(() => {
             m({
               type: me
-            }), I(Ke.Uninitialized), It(null), _(null), q(null), ct.current = null;
+            }), I(Ke.Uninitialized), It(null), _(null), Y(null), ct.current = null;
             const ft = me === ce.DragEnd ? "onDragEnd" : "onDragCancel";
-            if (qe) {
+            if (Ye) {
               const sn = te.current[ft];
-              sn == null || sn(qe), S({
+              sn == null || sn(Ye), S({
                 type: ft,
-                event: qe
+                event: Ye
               });
             }
           });
@@ -5188,7 +5188,7 @@ const Xa = /* @__PURE__ */ ei(function(t) {
   }, [v, Nt]), Ot = Ia(u, zt);
   $a(u), _e(() => {
     P && L === Ke.Initializing && I(Ke.Initialized);
-  }, [P, L]), Y(
+  }, [P, L]), q(
     () => {
       const {
         onDragMove: we
@@ -5219,7 +5219,7 @@ const Xa = /* @__PURE__ */ ei(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [Se.x, Se.y]
-  ), Y(
+  ), q(
     () => {
       const {
         active: we,
@@ -5258,7 +5258,7 @@ const Xa = /* @__PURE__ */ ei(function(t) {
     [he]
   ), _e(() => {
     ve.current = {
-      activatorEvent: X,
+      activatorEvent: J,
       active: O,
       activeNode: le,
       collisionRect: ye,
@@ -5283,11 +5283,11 @@ const Xa = /* @__PURE__ */ ei(function(t) {
     scrollableAncestors: z,
     scrollableAncestorRects: Z
   });
-  const Xo = J(() => ({
+  const Jo = X(() => ({
     active: O,
     activeNode: le,
     activeNodeRect: P,
-    activatorEvent: X,
+    activatorEvent: J,
     collisions: K,
     containerNodeRect: ke,
     dragOverlay: ue,
@@ -5301,8 +5301,8 @@ const Xa = /* @__PURE__ */ ei(function(t) {
     measuringConfiguration: ie,
     measuringScheduled: ze,
     windowRect: R
-  }), [O, le, P, X, K, ke, ue, v, w, de, be, je, z, Z, ie, ze, R]), Qo = J(() => ({
-    activatorEvent: X,
+  }), [O, le, P, J, K, ke, ue, v, w, de, be, je, z, Z, ie, ze, R]), Qo = X(() => ({
+    activatorEvent: J,
     activators: Ot,
     active: O,
     activeNodeRect: P,
@@ -5313,18 +5313,18 @@ const Xa = /* @__PURE__ */ ei(function(t) {
     draggableNodes: v,
     over: be,
     measureDroppableContainers: je
-  }), [X, Ot, O, P, m, pe, v, be, je]);
+  }), [J, Ot, O, P, m, pe, v, be, je]);
   return ne.createElement(Co.Provider, {
     value: M
   }, ne.createElement(Tt.Provider, {
     value: Qo
   }, ne.createElement(Po.Provider, {
-    value: Xo
+    value: Jo
   }, ne.createElement(nn.Provider, {
     value: Rt
-  }, c)), ne.createElement(qa, {
+  }, c)), ne.createElement(Ya, {
     disabled: (a == null ? void 0 : a.restoreFocus) === !1
-  })), ne.createElement(Js, {
+  })), ne.createElement(Xs, {
     ...a,
     hiddenTextDescribedById: pe
   }));
@@ -5337,7 +5337,7 @@ const Xa = /* @__PURE__ */ ei(function(t) {
       enabled: Ae
     };
   }
-}), Qa = /* @__PURE__ */ Xe(null), Tr = "button", Za = "Draggable";
+}), Qa = /* @__PURE__ */ Je(null), Tr = "button", Za = "Draggable";
 function el(e) {
   let {
     id: t,
@@ -5372,7 +5372,7 @@ function el(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [d, t]
   );
-  const v = J(() => ({
+  const v = X(() => ({
     role: p,
     tabIndex: y,
     "aria-disabled": r,
@@ -5439,9 +5439,9 @@ function Ho(e) {
   }), L = N((v, D) => {
     M && (D && (M.unobserve(D), d.current = !1), v && M.observe(v));
   }, [M]), [I, b] = Vt(L), E = kt(t);
-  return Y(() => {
+  return q(() => {
     !M || !I.current || (M.disconnect(), d.current = !1, M.observe(I.current));
-  }, [I, M]), Y(
+  }, [I, M]), q(
     () => (a({
       type: ce.RegisterDroppable,
       element: {
@@ -5459,7 +5459,7 @@ function Ho(e) {
     })),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [r]
-  ), Y(() => {
+  ), q(() => {
     n !== u.current.disabled && (a({
       type: ce.SetDroppableDisabled,
       id: r,
@@ -5515,7 +5515,7 @@ function sl(e) {
 const al = {
   position: "fixed",
   touchAction: "none"
-}, ll = (e) => Jn(e) ? "transform 250ms ease" : void 0, cl = /* @__PURE__ */ $n((e, t) => {
+}, ll = (e) => Xn(e) ? "transform 250ms ease" : void 0, cl = /* @__PURE__ */ $n((e, t) => {
   let {
     as: n,
     activatorEvent: r,
@@ -5694,7 +5694,7 @@ function gl(e) {
 }
 let Ir = 0;
 function pl(e) {
-  return J(() => {
+  return X(() => {
     if (e != null)
       return Ir++, Ir;
   }, [e]);
@@ -5761,7 +5761,7 @@ const ml = /* @__PURE__ */ ne.memo((e) => {
     transform: v
   }, n) : null));
 });
-function Yt(e) {
+function qt(e) {
   if (!e)
     return !1;
   const t = e.data.current;
@@ -5827,10 +5827,10 @@ const vl = [U.Down, U.Right, U.Up, U.Left], yl = (e, t) => {
   }
 };
 function Bo(e, t) {
-  return !Yt(e) || !Yt(t) ? !1 : e.data.current.sortable.containerId === t.data.current.sortable.containerId;
+  return !qt(e) || !qt(t) ? !1 : e.data.current.sortable.containerId === t.data.current.sortable.containerId;
 }
 function bl(e, t) {
-  return !Yt(e) || !Yt(t) || !Bo(e, t) ? !1 : e.data.current.sortable.index < t.data.current.sortable.index;
+  return !qt(e) || !qt(t) || !Bo(e, t) ? !1 : e.data.current.sortable.index < t.data.current.sortable.index;
 }
 function Rr(e) {
   var n;
@@ -5846,7 +5846,7 @@ function wl(e) {
     onDropIntoGroupAtPosition: o,
     onRemoveFromGroup: i,
     findParentGroup: s
-  } = e, [a, l] = B(null), [c, u] = B(null), [d, h] = B(null), p = V(null), k = Xs(
+  } = e, [a, l] = B(null), [c, u] = B(null), [d, h] = B(null), p = V(null), k = Js(
     br(nr, {
       activationConstraint: {
         distance: 5
@@ -6217,7 +6217,7 @@ const xl = (e) => {
     previewSize: h,
     previewBackgroundColor: u
   });
-  Y(() => {
+  q(() => {
     n && k.length > 0 && A();
   }, [n, k.length, u, A]);
   const T = ri(), O = N(
@@ -6226,7 +6226,7 @@ const xl = (e) => {
       return T((se = D(ee.id)) == null ? void 0 : se.name);
     },
     [T, D]
-  ), W = J(() => {
+  ), W = X(() => {
     const ee = /* @__PURE__ */ new Map(), se = (P) => {
       for (const ke of P)
         ee.set(ke.id, ke), ke.children && se(ke.children);
@@ -6245,7 +6245,7 @@ const xl = (e) => {
     onGroupReorder: I,
     onRemoveFromGroup: E,
     findParentGroup: w
-  }), X = (ee) => [...ee].reverse().map((P) => /* @__PURE__ */ j(ne.Fragment, { children: [
+  }), J = (ee) => [...ee].reverse().map((P) => /* @__PURE__ */ j(ne.Fragment, { children: [
     /* @__PURE__ */ f(
       kl,
       {
@@ -6263,7 +6263,7 @@ const xl = (e) => {
         deleteSuppressed: O(P)
       }
     ),
-    P.children && X(P.children),
+    P.children && J(P.children),
     P.isGroup && /* @__PURE__ */ f(
       Cl,
       {
@@ -6272,7 +6272,7 @@ const xl = (e) => {
         depth: P.depth
       }
     )
-  ] }, P.id)), q = (ee) => [...ee].reverse().map((P) => /* @__PURE__ */ j(ne.Fragment, { children: [
+  ] }, P.id)), Y = (ee) => [...ee].reverse().map((P) => /* @__PURE__ */ j(ne.Fragment, { children: [
     /* @__PURE__ */ f(
       Al,
       {
@@ -6287,7 +6287,7 @@ const xl = (e) => {
         deleteSuppressed: O(P)
       }
     ),
-    P.children && q(P.children)
+    P.children && Y(P.children)
   ] }, P.id)), te = _.activeId ? W.get(_.activeId) : null, { width: pe, height: xe, flex: ie, ...de } = i, je = pe || (s.includes("w-full") ? "100%" : e ? `${e}px` : void 0), ze = t || xe || void 0, De = ie !== void 0 ? ie : ze === "100%" || ze === "100vh" ? 1 : void 0;
   return /* @__PURE__ */ j(
     "div",
@@ -6351,7 +6351,7 @@ const xl = (e) => {
         ),
         /* @__PURE__ */ j("div", { style: { flex: 1, overflow: "auto", minHeight: 0 }, children: [
           p.length > 0 ? r ? /* @__PURE__ */ j(
-            Xa,
+            Ja,
             {
               sensors: _.sensors,
               collisionDetection: xl,
@@ -6361,7 +6361,7 @@ const xl = (e) => {
               onDragEnd: _.onDragEnd,
               onDragCancel: _.onDragCancel,
               children: [
-                X(p),
+                J(p),
                 /* @__PURE__ */ f(ml, { dropAnimation: null, children: te ? /* @__PURE__ */ f(
                   Sl,
                   {
@@ -6372,7 +6372,7 @@ const xl = (e) => {
                 ) : null })
               ]
             }
-          ) : q(p) : /* @__PURE__ */ f(
+          ) : Y(p) : /* @__PURE__ */ f(
             "div",
             {
               style: {
@@ -6586,7 +6586,7 @@ class mc {
     for (const t of [...this.listeners]) t();
   }
 }
-const Vo = Xe(null);
+const Vo = Je(null);
 function or(e) {
   const t = Be(Vo);
   if (!t)
@@ -6605,7 +6605,7 @@ function ir(e) {
   );
 }
 function rn(e, t) {
-  const n = Be(Vo), r = (n == null ? void 0 : n.registry) ?? null, o = Pr(), i = t == null ? void 0 : t.mockupId, s = t == null ? void 0 : t.floatingToolbar, a = J(
+  const n = Be(Vo), r = (n == null ? void 0 : n.registry) ?? null, o = Pr(), i = t == null ? void 0 : t.mockupId, s = t == null ? void 0 : t.floatingToolbar, a = X(
     () => ({
       ...i !== void 0 ? { mockupId: i } : {},
       ...s !== void 0 ? { floatingToolbar: s } : {}
@@ -6730,7 +6730,7 @@ const Uo = ({
   const u = V(null), d = V(null), h = V(null), [p, k] = B({}), [y, g] = B(!1), m = (M) => {
     M.stopPropagation(), !n && a && bs.protectNextClick(), r(!n);
   };
-  Y(() => {
+  q(() => {
     if (!n) return;
     let M = () => {
     };
@@ -6745,7 +6745,7 @@ const Uo = ({
     return () => {
       clearTimeout(L), M();
     };
-  }, [n, r]), Y(() => {
+  }, [n, r]), q(() => {
     if (!n) return;
     const M = (L) => {
       var I;
@@ -6758,9 +6758,9 @@ const Uo = ({
       }
     };
     return document.addEventListener("keydown", M), () => document.removeEventListener("keydown", M);
-  }, [n, r]), Y(() => {
+  }, [n, r]), q(() => {
     n || g(!1);
-  }, [n]), Y(() => {
+  }, [n]), q(() => {
     if (!n || !d.current || !h.current) return;
     requestAnimationFrame(() => {
       const L = d.current, I = h.current;
@@ -7051,7 +7051,7 @@ const Rl = ({
   var E;
   const { get: a } = Hr(), [l, c] = B(!1), [u, d] = B(!1), [h, p] = B(!1), k = V(null), y = async () => {
     try {
-      const { ExportManager: v } = await import("./ExportManager-CDX5_up8.js").then((T) => T.Z), { artboardManager: D, elements: w } = a(), A = D.getAllArtboards();
+      const { ExportManager: v } = await import("./ExportManager-BbBfO22S.js").then((T) => T.Z), { artboardManager: D, elements: w } = a(), A = D.getAllArtboards();
       v.exportToJSON(A, w, D), c(!1);
     } catch (v) {
       wn.error("Failed to save workspace:", v), alert("Failed to save workspace. Please try again.");
@@ -7105,7 +7105,7 @@ This will replace your current workspace. Continue?`
       return;
     }
     try {
-      const { ExportManager: T } = await import("./ExportManager-CDX5_up8.js").then((O) => O.Z);
+      const { ExportManager: T } = await import("./ExportManager-BbBfO22S.js").then((O) => O.Z);
       await T.exportArtboardToImage(A, D, w.current, {
         format: "png",
         scale: 2,
@@ -7131,8 +7131,8 @@ This will replace your current workspace. Continue?`
     /* @__PURE__ */ f(
       Uo,
       {
-        trigger: /* @__PURE__ */ j(Yn, { delayDuration: 0, children: [
-          /* @__PURE__ */ f(Jt, { asChild: !0, children: /* @__PURE__ */ f(
+        trigger: /* @__PURE__ */ j(qn, { delayDuration: 0, children: [
+          /* @__PURE__ */ f(Xt, { asChild: !0, children: /* @__PURE__ */ f(
             st,
             {
               variant: "ghost",
@@ -7156,7 +7156,7 @@ This will replace your current workspace. Continue?`
               onMouseEnter: () => d(!0),
               onMouseLeave: () => d(!1),
               children: [
-                /* @__PURE__ */ f(Je, { icon: /* @__PURE__ */ f($, { icon: G.plus, className: "sc:size-[18px]" }), label: "Add Element" }),
+                /* @__PURE__ */ f(Xe, { icon: /* @__PURE__ */ f($, { icon: G.plus, className: "sc:size-[18px]" }), label: "Add Element" }),
                 u && /* @__PURE__ */ f(
                   "div",
                   {
@@ -7167,7 +7167,7 @@ This will replace your current workspace. Continue?`
                       zIndex: "var(--sc-z-sticky)"
                     },
                     children: /* @__PURE__ */ f(jn, { minWidth: "180px", children: I.map((v) => /* @__PURE__ */ f(
-                      Je,
+                      Xe,
                       {
                         icon: v.icon,
                         label: v.label,
@@ -7181,10 +7181,10 @@ This will replace your current workspace. Continue?`
             }
           ),
           /* @__PURE__ */ f(b, {}),
-          /* @__PURE__ */ f(Je, { icon: /* @__PURE__ */ f($, { icon: G.save, className: "sc:size-[18px]" }), label: "Save", onClick: y }),
-          /* @__PURE__ */ f(Je, { icon: /* @__PURE__ */ f($, { icon: G.folderOpen, className: "sc:size-[18px]" }), label: "Open", onClick: g }),
+          /* @__PURE__ */ f(Xe, { icon: /* @__PURE__ */ f($, { icon: G.save, className: "sc:size-[18px]" }), label: "Save", onClick: y }),
+          /* @__PURE__ */ f(Xe, { icon: /* @__PURE__ */ f($, { icon: G.folderOpen, className: "sc:size-[18px]" }), label: "Open", onClick: g }),
           /* @__PURE__ */ f(
-            Je,
+            Xe,
             {
               icon: /* @__PURE__ */ f($, { icon: G.download, className: "sc:size-[18px]" }),
               label: "Export Image",
@@ -7195,7 +7195,7 @@ This will replace your current workspace. Continue?`
           t && /* @__PURE__ */ j(an, { children: [
             /* @__PURE__ */ f(b, {}),
             /* @__PURE__ */ f(
-              Je,
+              Xe,
               {
                 icon: /* @__PURE__ */ f($, { icon: G.layers, className: "sc:size-[18px]" }),
                 label: `${e ? "Hide" : "Show"} Layers`,
@@ -7238,10 +7238,10 @@ function Wo({
   onOpenChange: n
 }) {
   const r = or(e), [o, i] = B(null);
-  return Y(() => {
+  return q(() => {
     if (!t || o) return;
     let s = !1;
-    return import("./ImagePanel-DLxIDKV-.js").then(
+    return import("./ImagePanel-BaX0UE-L.js").then(
       (a) => {
         s || i(() => a.ImagePanel);
       },
@@ -7321,8 +7321,8 @@ function xc({ className: e, style: t }) {
     /* @__PURE__ */ f(
       Uo,
       {
-        trigger: /* @__PURE__ */ j(Yn, { delayDuration: 0, children: [
-          /* @__PURE__ */ f(Jt, { asChild: !0, children: /* @__PURE__ */ f(st, { variant: "ghost", size: "icon", "aria-label": "Add element", children: /* @__PURE__ */ f($, { icon: G.plus, className: "sc:size-6" }) }) }),
+        trigger: /* @__PURE__ */ j(qn, { delayDuration: 0, children: [
+          /* @__PURE__ */ f(Xt, { asChild: !0, children: /* @__PURE__ */ f(st, { variant: "ghost", size: "icon", "aria-label": "Add element", children: /* @__PURE__ */ f($, { icon: G.plus, className: "sc:size-6" }) }) }),
           /* @__PURE__ */ f(At, { children: /* @__PURE__ */ f("p", { children: "Add element" }) })
         ] }),
         isOpen: r,
@@ -7330,7 +7330,7 @@ function xc({ className: e, style: t }) {
         position: "bottom",
         align: "start",
         children: /* @__PURE__ */ f(jn, { minWidth: "180px", children: Go.map((d) => /* @__PURE__ */ f(
-          Je,
+          Xe,
           {
             icon: d.icon,
             label: d.label,
@@ -7365,7 +7365,7 @@ function kc() {
     artboardManager: t,
     elements: n,
     canvasRef: r
-  } = qt(), [o, i] = B(!1), [s, a] = B(!1), [l, c] = B([]), [u, d] = B({}), [h, p] = B({
+  } = Yt(), [o, i] = B(!1), [s, a] = B(!1), [l, c] = B([]), [u, d] = B({}), [h, p] = B({
     totalExports: 0,
     avgExportTime: 0,
     isWorkerActive: !1
@@ -7385,7 +7385,7 @@ function kc() {
     };
     c((T) => [...T, A]);
     try {
-      const T = Date.now(), O = M.current, W = t.getElementsOnArtboard(v), ae = O.filter((q) => W.includes(q.id)), _ = await dn.exportArtboardToDataURL(
+      const T = Date.now(), O = M.current, W = t.getElementsOnArtboard(v), ae = O.filter((Y) => W.includes(Y.id)), _ = await dn.exportArtboardToDataURL(
         w,
         ae,
         r.current,
@@ -7395,12 +7395,12 @@ function kc() {
           transparentBackground: D.transparentBackground ?? !0,
           ...D
         }
-      ), X = Date.now() - T;
-      return c((q) => q.map(
+      ), J = Date.now() - T;
+      return c((Y) => Y.map(
         (te) => te.artboardId === v ? { ...te, status: "complete", progress: 100, dataUrl: _, timestamp: Date.now() } : te
-      )), d((q) => ({ ...q, [v]: _ })), p((q) => ({
-        totalExports: q.totalExports + 1,
-        avgExportTime: (q.avgExportTime * q.totalExports + X) / (q.totalExports + 1),
+      )), d((Y) => ({ ...Y, [v]: _ })), p((Y) => ({
+        totalExports: Y.totalExports + 1,
+        avgExportTime: (Y.avgExportTime * Y.totalExports + J) / (Y.totalExports + 1),
         isWorkerActive: g
       })), _;
     } catch (T) {
@@ -7473,7 +7473,7 @@ function kc() {
       scale: T = 3,
       format: O = "png",
       onChange: W
-    } = v, ae = w ? e.filter((te) => w.includes(te.id)) : e, _ = () => k.current === D, X = async () => {
+    } = v, ae = w ? e.filter((te) => w.includes(te.id)) : e, _ = () => k.current === D, J = async () => {
       try {
         const te = ae.map(async (ie) => {
           const de = await m(ie.id, {
@@ -7491,11 +7491,11 @@ function kc() {
       }
     };
     (async () => {
-      for (await X(); _() && (await new Promise((te) => setTimeout(te, A)), !!_()); )
-        await X();
+      for (await J(); _() && (await new Promise((te) => setTimeout(te, A)), !!_()); )
+        await J();
     })();
   }, [e, m]);
-  return Y(() => () => {
+  return q(() => () => {
     b();
   }, [b]), {
     exportArtboard: m,
@@ -7512,7 +7512,7 @@ function kc() {
     workerStats: h
   };
 }
-async function Yo(e, t) {
+async function qo(e, t) {
   try {
     const n = await e.json();
     if (n && typeof n == "object") {
@@ -7536,7 +7536,7 @@ function $l(e) {
         credentials: "same-origin"
       });
       if (!s.ok)
-        throw new Error(await Yo(s, `Image search failed (${s.status})`));
+        throw new Error(await qo(s, `Image search failed (${s.status})`));
       return await s.json();
     },
     trackSelect(t) {
@@ -7565,7 +7565,7 @@ function Hl(e) {
         body: JSON.stringify({ prompt: t, width: n, height: r, numberResults: o })
       });
       if (!i.ok)
-        throw new Error(await Yo(i, `Image generation failed (${i.status})`));
+        throw new Error(await qo(i, `Image generation failed (${i.status})`));
       const s = await i.json();
       return { images: s.images ?? (s.imageUrl ? [{ imageUrl: s.imageUrl }] : []) };
     }
@@ -7610,16 +7610,16 @@ function Ul(e) {
     return o.imageUrl;
   };
 }
-const qo = {}, Ko = Xe(qo);
+const Yo = {}, Ko = Je(Yo);
 function Cc({ services: e, children: t }) {
-  const n = J(() => e ? {
+  const n = X(() => e ? {
     imageSearch: e.imageSearch ?? (e.imageSearchUrl ? $l(e.imageSearchUrl) : void 0),
     generate: e.generate ?? (e.generateUrl ? Hl(e.generateUrl) : void 0),
     vectors: e.vectors,
     removeBackground: e.removeBackground ?? (e.bgRemoveUrl ? Vl(e.bgRemoveUrl) : void 0),
     ingestImage: e.ingestImage ?? (e.ingestImageUrl ? Ul(e.ingestImageUrl) : void 0),
     onFontUpload: e.onFontUpload
-  } : qo, [
+  } : Yo, [
     e == null ? void 0 : e.imageSearch,
     e == null ? void 0 : e.imageSearchUrl,
     e == null ? void 0 : e.generate,
@@ -7873,23 +7873,23 @@ class Wl {
   }
 }
 const Ec = new Wl();
-function Jo(e) {
+function Xo(e) {
   return e instanceof ui;
 }
-function Yl(e) {
+function ql(e) {
   return e instanceof li;
 }
-function ql(e) {
+function Yl(e) {
   return e instanceof di;
 }
 function Kl(e) {
   return e instanceof Ie;
 }
-function Jl(e) {
+function Xl(e) {
   return e instanceof ci;
 }
-function Xl(e) {
-  return Jo(e) ? "text" : Yl(e) ? "image" : ql(e) ? "shape" : Kl(e) ? "group" : Jl(e) ? "path" : null;
+function Jl(e) {
+  return Xo(e) ? "text" : ql(e) ? "image" : Yl(e) ? "shape" : Kl(e) ? "group" : Xl(e) ? "path" : null;
 }
 const mt = ["x", "y", "rotation", "opacity", "name", "visible", "locked"], Ql = ["text", "fontSize", "color", "fontFamily", "bold", "italic", "textAlign"], Zl = ["fillColor", "fill", "width", "height"], ec = ["imageUrl", "width", "height", "adjustments"], tc = {
   text: [...mt, ...Ql],
@@ -7931,7 +7931,7 @@ function nc(e, t) {
   );
 }
 function rc(e, t) {
-  const n = Xl(e);
+  const n = Jl(e);
   if (!n)
     throw He("target is not a patchable editor element.", { kind: null });
   const r = tc[n];
@@ -8014,7 +8014,7 @@ function rc(e, t) {
 }
 function oc(e, t) {
   let n = !1;
-  if (t.x !== void 0 && (e.x = t.x), t.y !== void 0 && (e.y = t.y), t.rotation !== void 0 && e.setRotation(t.rotation), t.opacity !== void 0 && (e.opacity = t.opacity), t.name !== void 0 && (e.name = t.name), t.visible !== void 0 && (e.visible = t.visible), t.locked !== void 0 && (e.locked = t.locked), Jo(e))
+  if (t.x !== void 0 && (e.x = t.x), t.y !== void 0 && (e.y = t.y), t.rotation !== void 0 && e.setRotation(t.rotation), t.opacity !== void 0 && (e.opacity = t.opacity), t.name !== void 0 && (e.name = t.name), t.visible !== void 0 && (e.visible = t.visible), t.locked !== void 0 && (e.locked = t.locked), Xo(e))
     return t.text !== void 0 && e.setText(t.text), t.fontSize !== void 0 && e.setFontSize(t.fontSize), t.color !== void 0 && e.setColor(t.color), t.fontFamily !== void 0 && t.fontFamily !== e.fontFamily && (hi.clearCache(e.fontFamily), e.fontFamily = t.fontFamily), t.bold !== void 0 && (e.bold = t.bold), t.italic !== void 0 && (e.italic = t.italic), t.textAlign !== void 0 && (e.textAlign = t.textAlign), { needsImageLoad: n };
   const r = e;
   if (t.width !== void 0 && (r.transformData.width = t.width), t.height !== void 0 && (r.transformData.height = t.height), t.fillColor !== void 0) {
@@ -8033,7 +8033,7 @@ function oc(e, t) {
 }
 const jr = Qe("useCommands");
 function Ac() {
-  const e = qt(), {
+  const e = Yt(), {
     undo: t,
     redo: n,
     canUndo: r,
@@ -8062,10 +8062,10 @@ function Ac() {
       O instanceof sr && O.elementId === A.id && O.newElement && (A = O.newElement), rc(A, v);
       const W = A.clone(), { needsImageLoad: ae } = oc(W, v);
       if (ae) {
-        const X = W;
-        X.onLoadCallback = (q) => {
-          S.current(A, q);
-        }, M.current = null, X.loadImage(X.imageUrl);
+        const J = W;
+        J.onLoadCallback = (Y) => {
+          S.current(A, Y);
+        }, M.current = null, J.loadImage(J.imageUrl);
         return;
       }
       const _ = M.current;
@@ -8074,8 +8074,8 @@ function Ac() {
         return;
       }
       if (S.current(A, W), D != null && D.coalesce && T) {
-        const X = g.peekArtboard(T);
-        M.current = X instanceof sr ? { elementId: A.id, command: X } : null;
+        const J = g.peekArtboard(T);
+        M.current = J instanceof sr ? { elementId: A.id, command: J } : null;
       } else
         M.current = null;
     },
@@ -8110,58 +8110,58 @@ function Ac() {
   };
 }
 export {
-  Xl as A,
+  ir as A,
   st as B,
   Cc as C,
-  Uo as D,
-  mc as E,
-  Kl as F,
-  Yl as G,
-  Jl as H,
+  Rl as D,
+  Vo as E,
+  xc as F,
+  bc as G,
+  wc as H,
   $ as I,
-  ql as J,
-  Jo as K,
+  yc as J,
+  Jl as K,
   El as L,
   Fl as M,
-  Re as N,
-  G as O,
-  As as P,
-  mo as Q,
-  vo as R,
+  Kl as N,
+  ql as O,
+  Xl as P,
+  Yl as Q,
+  Xo as R,
   _o as S,
-  Yn as T,
+  qn as T,
   Ec as U,
-  yo as V,
-  Rl as W,
-  Ul as X,
-  ho as Y,
-  In as Z,
-  Rn as _,
-  Hl as a,
-  $l as b,
-  Vl as c,
-  Sc as d,
+  ho as V,
+  As as W,
+  Rn as X,
+  mo as Y,
+  vo as Z,
+  yo as _,
+  Sc as a,
+  js as b,
+  Re as c,
+  Ul as d,
   pc as e,
-  Ac as f,
-  kc as g,
-  xi as h,
-  Jt as i,
-  At as j,
-  bs as k,
-  jn as l,
-  Je as m,
-  go as n,
-  xs as o,
-  vc as p,
-  Vo as q,
-  or as r,
-  ks as s,
-  rn as t,
-  js as u,
-  ir as v,
-  xc as w,
-  bc as x,
-  wc as y,
-  yc as z
+  Vl as f,
+  Hl as g,
+  $l as h,
+  G as i,
+  Ac as j,
+  kc as k,
+  xi as l,
+  In as m,
+  mc as n,
+  vc as o,
+  Uo as p,
+  Xt as q,
+  At as r,
+  bs as s,
+  jn as t,
+  xs as u,
+  Xe as v,
+  go as w,
+  ks as x,
+  or as y,
+  rn as z
 };
-//# sourceMappingURL=useCommands-CQi4Pyd2.js.map
+//# sourceMappingURL=useCommands-x8J7_Mzy.js.map