@janbox/storefront-builder 1.0.6 → 1.0.7

package/dist/editor.js

@@ -1,17 +1,36 @@
 import { jsx as n, Fragment as ye, jsxs as k } from "@emotion/react/jsx-runtime";
-import { u as ze, a as te, b as re, D as Ve, c as _e, W as j, d as E, e as qe, f as Ge, g as Ne, h as Le, i as Ue, j as Ze, k as ue, l as Qe, m as we, n as ie, A as Ee, o as Ye, C as Se, p as Me, q as Ke, r as Xe, T as Je, s as fe, R as et } from "./index-BU9pvpw_.js";
-import { t as zr } from "./index-BU9pvpw_.js";
-import { useRef as Re, useState as F, useEffect as _, createElement as $e, Fragment as J, Suspense as tt } from "react";
-import { c as I, N as pe, B as ge, g as rt, a as nt, u as W, W as st, b as je, i as ot, P as it } from "./countdown-timer.node-CAsCNVin.js";
-import { useToggle as Ae } from "usehooks-ts";
-import { CacheProvider as ct, Global as at, createElement as lt } from "@emotion/react";
-import { useFloating as dt, autoUpdate as ht, flip as ut, size as wt, useHover as ft, safePolygon as pt, useFocus as gt, useDismiss as mt, useRole as kt, useInteractions as vt, FloatingPortal as De } from "@floating-ui/react";
-import { ThemeProvider as bt, FLOATING_Z_INDEX as Ct, breakpoint as xt } from "@janbox/storefront-ui/theme";
-import { useNode as yt, ROOT_NODE as B, serializeNode as Nt } from "@craftjs/core";
-import { throttle as Lt, isFunction as me, isNumber as ke } from "lodash-es";
-import Et, { useFrame as St } from "react-frame-component";
-import { Layers as Mt, useLayer as Rt } from "@craftjs/layers";
-class $t {
+import { Q as _e, W as re, c as P, X as we, Y as fe, x as ze, y as Ge, N as F, J as L, i as qe, P as Ue, V as Ze, S as Qe, G as Ye, f as Xe, h as Ke, F as Je, l as et, e as tt, j as rt, I as nt, L as st, s as ot, r as it, B as ct, a as at, g as lt, Z as A, _ as E, $ as Le, a0 as Ie, a1 as dt, a2 as ht, a3 as ut, a4 as wt, v as Ee, z as ft, a5 as pt, m as mt } from "./countdown-timer.node-CGKz1DZI.js";
+import { useNode as gt, ROOT_NODE as W, serializeNode as kt } from "@craftjs/core";
+import { useRef as Se, useState as O, useEffect as G, createElement as Me, Fragment as ee, Suspense as vt } from "react";
+import "flat";
+import { throttle as bt, isFunction as pe, isNumber as me } from "lodash-es";
+import "@janbox/storefront-ui";
+import { Q as ne, R as Ct, W as xt, f as Nt, H as yt, h as Lt, P as It, k as Et, i as St, G as Mt, b as Rt, e as $t, F as At, M as jt, a as Tt, g as Pt, I as Dt, L as Bt, U as Ft, T as Wt, B as Ht, A as Ot, d as Vt, X as _t, Y as zt, Z as Gt, _ as qt, $ as ge, a0 as Ut, a1 as ke, a2 as ce, a3 as Re, c as $e, C as Ae, a4 as Zt, a5 as ve } from "./index-Du5uN6Rq.js";
+import { a6 as Un } from "./index-Du5uN6Rq.js";
+import "@janbox/storefront-ui/hooks";
+import { ThemeProvider as Qt, FLOATING_Z_INDEX as Yt, breakpoint as Xt } from "@janbox/storefront-ui/theme";
+import "@janbox/storefront-ui/utils";
+import { useFloating as Kt, autoUpdate as Jt, flip as er, size as tr, useHover as rr, safePolygon as nr, useFocus as sr, useDismiss as or, useRole as ir, useInteractions as cr, FloatingPortal as je } from "@floating-ui/react";
+import "react-use";
+import "react-colorful";
+import "overlayscrollbars-react";
+import "@tanstack/react-virtual";
+import "react-dropzone";
+import "react-datepicker/dist/react-datepicker.css";
+import "react-datepicker";
+import "@tiptap/extension-text-style";
+import "@tiptap/react";
+import "@tiptap/react/menus";
+import "@tiptap/starter-kit";
+import ar, { useFrame as lr } from "react-frame-component";
+import { CacheProvider as dr, Global as hr, createElement as ur } from "@emotion/react";
+import "@hello-pangea/dnd";
+import "clsx";
+import "tailwind-merge";
+import "react-router";
+import { useToggle as Te } from "usehooks-ts";
+import { Layers as wr, useLayer as fr } from "@craftjs/layers";
+class pr {
   constructor() {
     this.componentControls = /* @__PURE__ */ new Set();
   }
@@ -44,22 +63,22 @@ class $t {
     });
   }
 }
-const jt = () => new $t();
-function At() {
-  return ze(jt);
+const mr = () => new pr();
+function gr() {
+  return _e(mr);
 }
-function Dt(e) {
+function kr(e) {
   if (e.sheet)
     return e.sheet;
   for (var t = 0; t < document.styleSheets.length; t++)
     if (document.styleSheets[t].ownerNode === e)
       return document.styleSheets[t];
 }
-function It(e) {
+function vr(e) {
   var t = document.createElement("style");
   return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
 }
-var Tt = /* @__PURE__ */ (function() {
+var br = /* @__PURE__ */ (function() {
   function e(s) {
     var r = this;
     this._insertTag = function(i) {
@@ -71,10 +90,10 @@ var Tt = /* @__PURE__ */ (function() {
   return t.hydrate = function(r) {
     r.forEach(this._insertTag);
   }, t.insert = function(r) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(It(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(vr(this));
     var i = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var o = Dt(i);
+      var o = kr(i);
       try {
         o.insertRule(r, o.cssRules.length);
       } catch {
@@ -88,66 +107,66 @@ var Tt = /* @__PURE__ */ (function() {
       return (i = r.parentNode) == null ? void 0 : i.removeChild(r);
     }), this.tags = [], this.ctr = 0;
   }, e;
-})(), S = "-ms-", ee = "-moz-", p = "-webkit-", Ie = "comm", le = "rule", de = "decl", Pt = "@import", Te = "@keyframes", Wt = "@layer", Bt = Math.abs, ne = String.fromCharCode, Ot = Object.assign;
-function Ft(e, t) {
-  return L(e, 0) ^ 45 ? (((t << 2 ^ L(e, 0)) << 2 ^ L(e, 1)) << 2 ^ L(e, 2)) << 2 ^ L(e, 3) : 0;
+})(), S = "-ms-", te = "-moz-", p = "-webkit-", Pe = "comm", de = "rule", he = "decl", Cr = "@import", De = "@keyframes", xr = "@layer", Nr = Math.abs, se = String.fromCharCode, yr = Object.assign;
+function Lr(e, t) {
+  return I(e, 0) ^ 45 ? (((t << 2 ^ I(e, 0)) << 2 ^ I(e, 1)) << 2 ^ I(e, 2)) << 2 ^ I(e, 3) : 0;
 }
-function Pe(e) {
+function Be(e) {
   return e.trim();
 }
-function Ht(e, t) {
+function Ir(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function g(e, t, s) {
+function m(e, t, s) {
   return e.replace(t, s);
 }
-function ce(e, t) {
+function ae(e, t) {
   return e.indexOf(t);
 }
-function L(e, t) {
+function I(e, t) {
   return e.charCodeAt(t) | 0;
 }
 function q(e, t, s) {
   return e.slice(t, s);
 }
-function D(e) {
+function T(e) {
   return e.length;
 }
-function he(e) {
+function ue(e) {
   return e.length;
 }
-function Q(e, t) {
+function Y(e, t) {
   return t.push(e), e;
 }
-function zt(e, t) {
+function Er(e, t) {
   return e.map(t).join("");
 }
-var se = 1, H = 1, We = 0, R = 0, y = 0, z = "";
-function oe(e, t, s, r, i, o, h) {
-  return { value: e, root: t, parent: s, type: r, props: i, children: o, line: se, column: H, length: h, return: "" };
+var oe = 1, V = 1, Fe = 0, R = 0, N = 0, _ = "";
+function ie(e, t, s, r, i, o, h) {
+  return { value: e, root: t, parent: s, type: r, props: i, children: o, line: oe, column: V, length: h, return: "" };
 }
-function V(e, t) {
-  return Ot(oe("", null, null, "", null, null, 0), e, { length: -e.length }, t);
+function z(e, t) {
+  return yr(ie("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
-function Vt() {
-  return y;
+function Sr() {
+  return N;
 }
-function _t() {
-  return y = R > 0 ? L(z, --R) : 0, H--, y === 10 && (H = 1, se--), y;
+function Mr() {
+  return N = R > 0 ? I(_, --R) : 0, V--, N === 10 && (V = 1, oe--), N;
 }
 function $() {
-  return y = R < We ? L(z, R++) : 0, H++, y === 10 && (H = 1, se++), y;
+  return N = R < Fe ? I(_, R++) : 0, V++, N === 10 && (V = 1, oe++), N;
 }
-function T() {
-  return L(z, R);
+function D() {
+  return I(_, R);
 }
-function Y() {
+function X() {
   return R;
 }
-function U(e, t) {
-  return q(z, e, t);
+function Z(e, t) {
+  return q(_, e, t);
 }
-function G(e) {
+function U(e) {
   switch (e) {
     // \0 \t \n \r \s whitespace token
     case 0:
@@ -185,39 +204,39 @@ function G(e) {
   }
   return 0;
 }
-function Be(e) {
-  return se = H = 1, We = D(z = e), R = 0, [];
+function We(e) {
+  return oe = V = 1, Fe = T(_ = e), R = 0, [];
 }
-function Oe(e) {
-  return z = "", e;
+function He(e) {
+  return _ = "", e;
 }
 function K(e) {
-  return Pe(U(R - 1, ae(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Be(Z(R - 1, le(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function qt(e) {
-  for (; (y = T()) && y < 33; )
+function Rr(e) {
+  for (; (N = D()) && N < 33; )
     $();
-  return G(e) > 2 || G(y) > 3 ? "" : " ";
+  return U(e) > 2 || U(N) > 3 ? "" : " ";
 }
-function Gt(e, t) {
-  for (; --t && $() && !(y < 48 || y > 102 || y > 57 && y < 65 || y > 70 && y < 97); )
+function $r(e, t) {
+  for (; --t && $() && !(N < 48 || N > 102 || N > 57 && N < 65 || N > 70 && N < 97); )
     ;
-  return U(e, Y() + (t < 6 && T() == 32 && $() == 32));
+  return Z(e, X() + (t < 6 && D() == 32 && $() == 32));
 }
-function ae(e) {
+function le(e) {
   for (; $(); )
-    switch (y) {
+    switch (N) {
       // ] ) " '
       case e:
         return R;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && ae(y);
+        e !== 34 && e !== 39 && le(N);
         break;
       // (
       case 40:
-        e === 41 && ae(e);
+        e === 41 && le(e);
         break;
       // \
       case 92:
@@ -226,27 +245,27 @@ function ae(e) {
     }
   return R;
 }
-function Ut(e, t) {
-  for (; $() && e + y !== 57; )
-    if (e + y === 84 && T() === 47)
+function Ar(e, t) {
+  for (; $() && e + N !== 57; )
+    if (e + N === 84 && D() === 47)
       break;
-  return "/*" + U(t, R - 1) + "*" + ne(e === 47 ? e : $());
+  return "/*" + Z(t, R - 1) + "*" + se(e === 47 ? e : $());
 }
-function Zt(e) {
-  for (; !G(T()); )
+function jr(e) {
+  for (; !U(D()); )
     $();
-  return U(e, R);
+  return Z(e, R);
 }
-function Qt(e) {
-  return Oe(X("", null, null, null, [""], e = Be(e), 0, [0], e));
+function Tr(e) {
+  return He(J("", null, null, null, [""], e = We(e), 0, [0], e));
 }
-function X(e, t, s, r, i, o, h, c, u) {
-  for (var b = 0, l = 0, a = h, f = 0, v = 0, w = 0, d = 1, N = 1, m = 1, x = 0, M = "", Z = i, P = o, A = r, C = M; N; )
+function J(e, t, s, r, i, o, h, c, u) {
+  for (var b = 0, l = 0, a = h, f = 0, v = 0, w = 0, d = 1, y = 1, g = 1, x = 0, M = "", Q = i, B = o, j = r, C = M; y; )
     switch (w = x, x = $()) {
       // (
       case 40:
-        if (w != 108 && L(C, a - 1) == 58) {
-          ce(C += g(K(x), "&", "&\f"), "&\f") != -1 && (m = -1);
+        if (w != 108 && I(C, a - 1) == 58) {
+          ae(C += m(K(x), "&", "&\f"), "&\f") != -1 && (g = -1);
           break;
         }
       // " ' [
@@ -260,18 +279,18 @@ function X(e, t, s, r, i, o, h, c, u) {
       case 10:
       case 13:
       case 32:
-        C += qt(w);
+        C += Rr(w);
         break;
       // \
       case 92:
-        C += Gt(Y() - 1, 7);
+        C += $r(X() - 1, 7);
         continue;
       // /
       case 47:
-        switch (T()) {
+        switch (D()) {
           case 42:
           case 47:
-            Q(Yt(Ut($(), Y()), t, s), u);
+            Y(Pr(Ar($(), X()), t, s), u);
             break;
           default:
             C += "/";
@@ -279,7 +298,7 @@ function X(e, t, s, r, i, o, h, c, u) {
         break;
       // {
       case 123 * d:
-        c[b++] = D(C) * m;
+        c[b++] = T(C) * g;
       // } ; \0
       case 125 * d:
       case 59:
@@ -288,151 +307,151 @@ function X(e, t, s, r, i, o, h, c, u) {
           // \0 }
           case 0:
           case 125:
-            N = 0;
+            y = 0;
           // ;
           case 59 + l:
-            m == -1 && (C = g(C, /\f/g, "")), v > 0 && D(C) - a && Q(v > 32 ? be(C + ";", r, s, a - 1) : be(g(C, " ", "") + ";", r, s, a - 2), u);
+            g == -1 && (C = m(C, /\f/g, "")), v > 0 && T(C) - a && Y(v > 32 ? Ce(C + ";", r, s, a - 1) : Ce(m(C, " ", "") + ";", r, s, a - 2), u);
             break;
           // @ ;
           case 59:
             C += ";";
           // { rule/at-rule
           default:
-            if (Q(A = ve(C, t, s, b, l, i, c, M, Z = [], P = [], a), o), x === 123)
+            if (Y(j = be(C, t, s, b, l, i, c, M, Q = [], B = [], a), o), x === 123)
               if (l === 0)
-                X(C, t, A, A, Z, o, a, c, P);
+                J(C, t, j, j, Q, o, a, c, B);
               else
-                switch (f === 99 && L(C, 3) === 110 ? 100 : f) {
+                switch (f === 99 && I(C, 3) === 110 ? 100 : f) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    X(e, A, A, r && Q(ve(e, A, A, 0, 0, i, c, M, i, Z = [], a), P), i, P, a, c, r ? Z : P);
+                    J(e, j, j, r && Y(be(e, j, j, 0, 0, i, c, M, i, Q = [], a), B), i, B, a, c, r ? Q : B);
                     break;
                   default:
-                    X(C, A, A, A, [""], P, 0, c, P);
+                    J(C, j, j, j, [""], B, 0, c, B);
                 }
         }
-        b = l = v = 0, d = m = 1, M = C = "", a = h;
+        b = l = v = 0, d = g = 1, M = C = "", a = h;
         break;
       // :
       case 58:
-        a = 1 + D(C), v = w;
+        a = 1 + T(C), v = w;
       default:
         if (d < 1) {
           if (x == 123)
             --d;
-          else if (x == 125 && d++ == 0 && _t() == 125)
+          else if (x == 125 && d++ == 0 && Mr() == 125)
             continue;
         }
-        switch (C += ne(x), x * d) {
+        switch (C += se(x), x * d) {
           // &
           case 38:
-            m = l > 0 ? 1 : (C += "\f", -1);
+            g = l > 0 ? 1 : (C += "\f", -1);
             break;
           // ,
           case 44:
-            c[b++] = (D(C) - 1) * m, m = 1;
+            c[b++] = (T(C) - 1) * g, g = 1;
             break;
           // @
           case 64:
-            T() === 45 && (C += K($())), f = T(), l = a = D(M = C += Zt(Y())), x++;
+            D() === 45 && (C += K($())), f = D(), l = a = T(M = C += jr(X())), x++;
             break;
           // -
           case 45:
-            w === 45 && D(C) == 2 && (d = 0);
+            w === 45 && T(C) == 2 && (d = 0);
         }
     }
   return o;
 }
-function ve(e, t, s, r, i, o, h, c, u, b, l) {
-  for (var a = i - 1, f = i === 0 ? o : [""], v = he(f), w = 0, d = 0, N = 0; w < r; ++w)
-    for (var m = 0, x = q(e, a + 1, a = Bt(d = h[w])), M = e; m < v; ++m)
-      (M = Pe(d > 0 ? f[m] + " " + x : g(x, /&\f/g, f[m]))) && (u[N++] = M);
-  return oe(e, t, s, i === 0 ? le : c, u, b, l);
+function be(e, t, s, r, i, o, h, c, u, b, l) {
+  for (var a = i - 1, f = i === 0 ? o : [""], v = ue(f), w = 0, d = 0, y = 0; w < r; ++w)
+    for (var g = 0, x = q(e, a + 1, a = Nr(d = h[w])), M = e; g < v; ++g)
+      (M = Be(d > 0 ? f[g] + " " + x : m(x, /&\f/g, f[g]))) && (u[y++] = M);
+  return ie(e, t, s, i === 0 ? de : c, u, b, l);
 }
-function Yt(e, t, s) {
-  return oe(e, t, s, Ie, ne(Vt()), q(e, 2, -2), 0);
+function Pr(e, t, s) {
+  return ie(e, t, s, Pe, se(Sr()), q(e, 2, -2), 0);
 }
-function be(e, t, s, r) {
-  return oe(e, t, s, de, q(e, 0, r), q(e, r + 1, -1), r);
+function Ce(e, t, s, r) {
+  return ie(e, t, s, he, q(e, 0, r), q(e, r + 1, -1), r);
 }
-function O(e, t) {
-  for (var s = "", r = he(e), i = 0; i < r; i++)
+function H(e, t) {
+  for (var s = "", r = ue(e), i = 0; i < r; i++)
     s += t(e[i], i, e, t) || "";
   return s;
 }
-function Kt(e, t, s, r) {
+function Dr(e, t, s, r) {
   switch (e.type) {
-    case Wt:
+    case xr:
       if (e.children.length) break;
-    case Pt:
-    case de:
+    case Cr:
+    case he:
       return e.return = e.return || e.value;
-    case Ie:
+    case Pe:
       return "";
-    case Te:
-      return e.return = e.value + "{" + O(e.children, r) + "}";
-    case le:
+    case De:
+      return e.return = e.value + "{" + H(e.children, r) + "}";
+    case de:
       e.value = e.props.join(",");
   }
-  return D(s = O(e.children, r)) ? e.return = e.value + "{" + s + "}" : "";
+  return T(s = H(e.children, r)) ? e.return = e.value + "{" + s + "}" : "";
 }
-function Xt(e) {
-  var t = he(e);
+function Br(e) {
+  var t = ue(e);
   return function(s, r, i, o) {
     for (var h = "", c = 0; c < t; c++)
       h += e[c](s, r, i, o) || "";
     return h;
   };
 }
-function Jt(e) {
+function Fr(e) {
   return function(t) {
     t.root || (t = t.return) && e(t);
   };
 }
-var er = function(t, s, r) {
-  for (var i = 0, o = 0; i = o, o = T(), i === 38 && o === 12 && (s[r] = 1), !G(o); )
+var Wr = function(t, s, r) {
+  for (var i = 0, o = 0; i = o, o = D(), i === 38 && o === 12 && (s[r] = 1), !U(o); )
     $();
-  return U(t, R);
-}, tr = function(t, s) {
+  return Z(t, R);
+}, Hr = function(t, s) {
   var r = -1, i = 44;
   do
-    switch (G(i)) {
+    switch (U(i)) {
       case 0:
-        i === 38 && T() === 12 && (s[r] = 1), t[r] += er(R - 1, s, r);
+        i === 38 && D() === 12 && (s[r] = 1), t[r] += Wr(R - 1, s, r);
         break;
       case 2:
         t[r] += K(i);
         break;
       case 4:
         if (i === 44) {
-          t[++r] = T() === 58 ? "&\f" : "", s[r] = t[r].length;
+          t[++r] = D() === 58 ? "&\f" : "", s[r] = t[r].length;
           break;
         }
       // fallthrough
       default:
-        t[r] += ne(i);
+        t[r] += se(i);
     }
   while (i = $());
   return t;
-}, rr = function(t, s) {
-  return Oe(tr(Be(t), s));
-}, Ce = /* @__PURE__ */ new WeakMap(), nr = function(t) {
+}, Or = function(t, s) {
+  return He(Hr(We(t), s));
+}, xe = /* @__PURE__ */ new WeakMap(), Vr = function(t) {
   if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
   t.length < 1)) {
     for (var s = t.value, r = t.parent, i = t.column === r.column && t.line === r.line; r.type !== "rule"; )
       if (r = r.parent, !r) return;
-    if (!(t.props.length === 1 && s.charCodeAt(0) !== 58 && !Ce.get(r)) && !i) {
-      Ce.set(t, !0);
-      for (var o = [], h = rr(s, o), c = r.props, u = 0, b = 0; u < h.length; u++)
+    if (!(t.props.length === 1 && s.charCodeAt(0) !== 58 && !xe.get(r)) && !i) {
+      xe.set(t, !0);
+      for (var o = [], h = Or(s, o), c = r.props, u = 0, b = 0; u < h.length; u++)
         for (var l = 0; l < c.length; l++, b++)
           t.props[b] = o[u] ? h[u].replace(/&\f/g, c[l]) : c[l] + " " + h[u];
     }
   }
-}, sr = function(t) {
+}, _r = function(t) {
   if (t.type === "decl") {
     var s = t.value;
     // charcode for l
@@ -440,8 +459,8 @@ var er = function(t, s, r) {
     s.charCodeAt(2) === 98 && (t.return = "", t.value = "");
   }
 };
-function Fe(e, t) {
-  switch (Ft(e, t)) {
+function Oe(e, t) {
+  switch (Lr(e, t)) {
     // color-adjust
     case 5103:
       return p + "print-" + e + e;
@@ -481,7 +500,7 @@ function Fe(e, t) {
     case 4810:
     case 6968:
     case 2756:
-      return p + e + ee + e + S + e + e;
+      return p + e + te + e + S + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
@@ -491,41 +510,41 @@ function Fe(e, t) {
       return p + e + S + "flex-" + e + e;
     // align-items
     case 5187:
-      return p + e + g(e, /(\w+).+(:[^]+)/, p + "box-$1$2" + S + "flex-$1$2") + e;
+      return p + e + m(e, /(\w+).+(:[^]+)/, p + "box-$1$2" + S + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return p + e + S + "flex-item-" + g(e, /flex-|-self/, "") + e;
+      return p + e + S + "flex-item-" + m(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return p + e + S + "flex-line-pack" + g(e, /align-content|flex-|-self/, "") + e;
+      return p + e + S + "flex-line-pack" + m(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return p + e + S + g(e, "shrink", "negative") + e;
+      return p + e + S + m(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return p + e + S + g(e, "basis", "preferred-size") + e;
+      return p + e + S + m(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return p + "box-" + g(e, "-grow", "") + p + e + S + g(e, "grow", "positive") + e;
+      return p + "box-" + m(e, "-grow", "") + p + e + S + m(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return p + g(e, /([^-])(transform)/g, "$1" + p + "$2") + e;
+      return p + m(e, /([^-])(transform)/g, "$1" + p + "$2") + e;
     // cursor
     case 6187:
-      return g(g(g(e, /(zoom-|grab)/, p + "$1"), /(image-set)/, p + "$1"), e, "") + e;
+      return m(m(m(e, /(zoom-|grab)/, p + "$1"), /(image-set)/, p + "$1"), e, "") + e;
     // background, background-image
     case 5495:
     case 3959:
-      return g(e, /(image-set\([^]*)/, p + "$1$`$1");
+      return m(e, /(image-set\([^]*)/, p + "$1$`$1");
     // justify-content
     case 4968:
-      return g(g(e, /(.+:)(flex-)?(.*)/, p + "box-pack:$3" + S + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + p + e + e;
+      return m(m(e, /(.+:)(flex-)?(.*)/, p + "box-pack:$3" + S + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + p + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return g(e, /(.+)-inline(.+)/, p + "$1$2") + e;
+      return m(e, /(.+)-inline(.+)/, p + "$1$2") + e;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -539,114 +558,114 @@ function Fe(e, t) {
     case 5789:
     case 5021:
     case 4765:
-      if (D(e) - 1 - t > 6) switch (L(e, t + 1)) {
+      if (T(e) - 1 - t > 6) switch (I(e, t + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if (L(e, t + 4) !== 45) break;
+          if (I(e, t + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return g(e, /(.+:)(.+)-([^]+)/, "$1" + p + "$2-$3$1" + ee + (L(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return m(e, /(.+:)(.+)-([^]+)/, "$1" + p + "$2-$3$1" + te + (I(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~ce(e, "stretch") ? Fe(g(e, "stretch", "fill-available"), t) + e : e;
+          return ~ae(e, "stretch") ? Oe(m(e, "stretch", "fill-available"), t) + e : e;
       }
       break;
     // position: sticky
     case 4949:
-      if (L(e, t + 1) !== 115) break;
+      if (I(e, t + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (L(e, D(e) - 3 - (~ce(e, "!important") && 10))) {
+      switch (I(e, T(e) - 3 - (~ae(e, "!important") && 10))) {
         // stic(k)y
         case 107:
-          return g(e, ":", ":" + p) + e;
+          return m(e, ":", ":" + p) + e;
         // (inline-)?fl(e)x
         case 101:
-          return g(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + p + (L(e, 14) === 45 ? "inline-" : "") + "box$3$1" + p + "$2$3$1" + S + "$2box$3") + e;
+          return m(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + p + (I(e, 14) === 45 ? "inline-" : "") + "box$3$1" + p + "$2$3$1" + S + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch (L(e, t + 11)) {
+      switch (I(e, t + 11)) {
         // vertical-l(r)
         case 114:
-          return p + e + S + g(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return p + e + S + m(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return p + e + S + g(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return p + e + S + m(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return p + e + S + g(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return p + e + S + m(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
       return p + e + S + e + e;
   }
   return e;
 }
-var or = function(t, s, r, i) {
+var zr = function(t, s, r, i) {
   if (t.length > -1 && !t.return) switch (t.type) {
-    case de:
-      t.return = Fe(t.value, t.length);
+    case he:
+      t.return = Oe(t.value, t.length);
       break;
-    case Te:
-      return O([V(t, {
-        value: g(t.value, "@", "@" + p)
+    case De:
+      return H([z(t, {
+        value: m(t.value, "@", "@" + p)
       })], i);
-    case le:
-      if (t.length) return zt(t.props, function(o) {
-        switch (Ht(o, /(::plac\w+|:read-\w+)/)) {
+    case de:
+      if (t.length) return Er(t.props, function(o) {
+        switch (Ir(o, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
-            return O([V(t, {
-              props: [g(o, /:(read-\w+)/, ":" + ee + "$1")]
+            return H([z(t, {
+              props: [m(o, /:(read-\w+)/, ":" + te + "$1")]
             })], i);
           // :placeholder
           case "::placeholder":
-            return O([V(t, {
-              props: [g(o, /:(plac\w+)/, ":" + p + "input-$1")]
-            }), V(t, {
-              props: [g(o, /:(plac\w+)/, ":" + ee + "$1")]
-            }), V(t, {
-              props: [g(o, /:(plac\w+)/, S + "input-$1")]
+            return H([z(t, {
+              props: [m(o, /:(plac\w+)/, ":" + p + "input-$1")]
+            }), z(t, {
+              props: [m(o, /:(plac\w+)/, ":" + te + "$1")]
+            }), z(t, {
+              props: [m(o, /:(plac\w+)/, S + "input-$1")]
             })], i);
         }
         return "";
       });
   }
-}, ir = [or], cr = function(t) {
+}, Gr = [zr], qr = function(t) {
   var s = t.key;
   if (s === "css") {
     var r = document.querySelectorAll("style[data-emotion]:not([data-s])");
     Array.prototype.forEach.call(r, function(d) {
-      var N = d.getAttribute("data-emotion");
-      N.indexOf(" ") !== -1 && (document.head.appendChild(d), d.setAttribute("data-s", ""));
+      var y = d.getAttribute("data-emotion");
+      y.indexOf(" ") !== -1 && (document.head.appendChild(d), d.setAttribute("data-s", ""));
     });
   }
-  var i = t.stylisPlugins || ir, o = {}, h, c = [];
+  var i = t.stylisPlugins || Gr, o = {}, h, c = [];
   h = t.container || document.head, Array.prototype.forEach.call(
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + s + ' "]'),
     function(d) {
-      for (var N = d.getAttribute("data-emotion").split(" "), m = 1; m < N.length; m++)
-        o[N[m]] = !0;
+      for (var y = d.getAttribute("data-emotion").split(" "), g = 1; g < y.length; g++)
+        o[y[g]] = !0;
       c.push(d);
     }
   );
-  var u, b = [nr, sr];
+  var u, b = [Vr, _r];
   {
-    var l, a = [Kt, Jt(function(d) {
+    var l, a = [Dr, Fr(function(d) {
       l.insert(d);
-    })], f = Xt(b.concat(i, a)), v = function(N) {
-      return O(Qt(N), f);
+    })], f = Br(b.concat(i, a)), v = function(y) {
+      return H(Tr(y), f);
     };
-    u = function(N, m, x, M) {
-      l = x, v(N ? N + "{" + m.styles + "}" : m.styles), M && (w.inserted[m.name] = !0);
+    u = function(y, g, x, M) {
+      l = x, v(y ? y + "{" + g.styles + "}" : g.styles), M && (w.inserted[g.name] = !0);
     };
   }
   var w = {
     key: s,
-    sheet: new Tt({
+    sheet: new br({
       key: s,
       container: h,
       nonce: t.nonce,
@@ -661,16 +680,16 @@ var or = function(t, s, r, i) {
   };
   return w.sheet.hydrate(c), w;
 };
-const He = ({ children: e, viewport: t, containerProps: s }) => {
-  const r = Re(null), { theme: i } = te(), [o, h] = F({
+const Ve = ({ children: e, viewport: t, containerProps: s }) => {
+  const r = Se(null), { theme: i } = re(), [o, h] = O({
     width: 0,
     height: 0
   });
-  _(() => {
-    const w = Lt((N) => {
-      const m = N.at(0)?.target;
-      if (!m) return;
-      const { width: x, height: M } = m.getBoundingClientRect();
+  G(() => {
+    const w = bt((y) => {
+      const g = y.at(0)?.target;
+      if (!g) return;
+      const { width: x, height: M } = g.getBoundingClientRect();
       h(() => ({
         width: x,
         height: M
@@ -678,8 +697,8 @@ const He = ({ children: e, viewport: t, containerProps: s }) => {
     }, 200), d = new ResizeObserver(w);
     return r.current && d.observe(r.current), () => d.disconnect();
   }, []);
-  const c = me(t?.width) ? t.width(o.width) : t?.width, u = me(t?.height) ? t.height(o.height) : t?.height, b = ke(c) ? o.width / c : 1, l = ke(u) ? o.height / u : 1, a = Math.min(b, l, 1), f = (u ?? o.height / a) || 0, v = (c ?? o.width / a) || 0;
-  return /* @__PURE__ */ n("div", { ...s, className: I("tw:w-full tw:h-full tw:p-2 tw:bg-ic-ink-1s", s?.className), children: /* @__PURE__ */ n("div", { className: I("tw:w-full tw:h-full tw:overflow-hidden tw:relative"), ref: r, children: /* @__PURE__ */ n(
+  const c = pe(t?.width) ? t.width(o.width) : t?.width, u = pe(t?.height) ? t.height(o.height) : t?.height, b = me(c) ? o.width / c : 1, l = me(u) ? o.height / u : 1, a = Math.min(b, l, 1), f = (u ?? o.height / a) || 0, v = (c ?? o.width / a) || 0;
+  return /* @__PURE__ */ n("div", { ...s, className: P("tw:w-full tw:h-full tw:p-2 tw:bg-ic-ink-1s", s?.className), children: /* @__PURE__ */ n("div", { className: P("tw:w-full tw:h-full tw:overflow-hidden tw:relative"), ref: r, children: /* @__PURE__ */ n(
     "div",
     {
       style: {
@@ -691,20 +710,20 @@ const He = ({ children: e, viewport: t, containerProps: s }) => {
       },
       className: "tw:absolute",
       children: /* @__PURE__ */ n(
-        Et,
+        ar,
         {
           sandbox: "allow-same-origin allow-scripts allow-popups allow-presentation",
           allow: "autoplay; encrypted-media",
           width: c ?? "100%",
           height: u ?? "100%",
-          children: /* @__PURE__ */ n(ar, { theme: i, children: e })
+          children: /* @__PURE__ */ n(Ur, { theme: i, children: e })
         }
       )
     }
   ) }) });
-}, ar = ({ children: e, theme: t }) => {
-  const { document: s, window: r } = St(), [i, o] = F(!1), h = Re(window.customElements.define.bind(window.customElements));
-  _(() => {
+}, Ur = ({ children: e, theme: t }) => {
+  const { document: s, window: r } = lr(), [i, o] = O(!1), h = Se(window.customElements.define.bind(window.customElements));
+  G(() => {
     const u = h.current;
     return r && (window.customElements.define = function(b, l, a) {
       window.customElements.get(b) || r.customElements.define(b, l, a), u(b, l, a);
@@ -712,13 +731,13 @@ const He = ({ children: e, viewport: t, containerProps: s }) => {
       window.customElements.define = u;
     };
   }, [s, r]);
-  const c = cr({
+  const c = qr({
     key: "css",
     container: s?.head
   });
-  return i ? /* @__PURE__ */ n(ye, { children: /* @__PURE__ */ k(ct, { value: c, children: [
+  return i ? /* @__PURE__ */ n(ye, { children: /* @__PURE__ */ k(dr, { value: c, children: [
     /* @__PURE__ */ n(
-      at,
+      hr,
       {
         styles: {
           ".frame-content": {
@@ -727,41 +746,60 @@ const He = ({ children: e, viewport: t, containerProps: s }) => {
             minHeight: "100vh",
             justifyContent: "center"
           },
-          [`& *[${pe.DATA_NODE_DROP_TARGET}=${ge.True}]`]: {
+          [`& *[${we.DATA_NODE_DROP_TARGET}=${fe.True}]`]: {
             outlineWidth: 1,
             outlineStyle: "solid",
             outlineOffset: -1,
             outlineColor: "green"
           },
-          [`& *[${pe.DATA_NODE_DROP_TARGET_ERROR}=${ge.True}]`]: {
+          [`& *[${we.DATA_NODE_DROP_TARGET_ERROR}=${fe.True}]`]: {
             outlineColor: "red"
           }
         }
       }
     ),
-    /* @__PURE__ */ n(bt, { theme: t, children: e })
+    /* @__PURE__ */ n(Qt, { theme: t, children: e })
   ] }) }) : null;
-}, lr = ({ render: e }) => {
-  const { id: t, renderer: s } = yt((o) => ({
-    resolvedId: nt(o),
-    renderer: rt(o).renderer
+}, Zr = ({ render: e }) => {
+  const { id: t, renderer: s } = gt((o) => ({
+    resolvedId: Ge(o),
+    renderer: ze(o).renderer
   })), {
     queryParams: { mode: r }
-  } = re(), { isActive: i } = W((o, h) => ({
-    isActive: h.getEvent("selected").contains(t) && t !== B
+  } = ne(), { isActive: i } = F((o, h) => ({
+    isActive: h.getEvent("selected").contains(t) && t !== W
   }));
-  return s ? $e(s, { render: e }) : /* @__PURE__ */ k(J, { children: [
-    i && r === "full" && /* @__PURE__ */ k(J, { children: [
-      /* @__PURE__ */ n(Ve, {}),
-      /* @__PURE__ */ n(_e, {})
+  return s ? Me(s, { render: e }) : /* @__PURE__ */ k(ee, { children: [
+    i && r === "full" && /* @__PURE__ */ k(ee, { children: [
+      /* @__PURE__ */ n(Ct, {}),
+      /* @__PURE__ */ n(xt, {})
     ] }),
     e
   ] });
-}, xe = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+};
+L(qe, { inspector: yt, renderer: Nt });
+L(Ue, { inspector: It, renderer: Lt });
+L(Ze, { inspector: Et });
+L(Qe, { inspector: St });
+L(Ye, { inspector: Mt });
+L(Xe, { inspector: Rt });
+L(Ke, { inspector: $t });
+L(Je, { inspector: At });
+L(et, { inspector: jt });
+L(tt, { inspector: Tt });
+L(rt, { inspector: Pt });
+L(nt, { inspector: Dt });
+L(st, { inspector: Bt });
+L(ot, { inspector: Ft });
+L(it, { inspector: Wt });
+L(ct, { inspector: Ht });
+L(at, { inspector: Ot });
+L(lt, { inspector: Vt });
+const Ne = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 5L5 8L8 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M5 8H14C17.314 8 20 10.462 20 13.5V13.5C20 16.538 17.314 19 14 19H6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, dr = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Qr = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 19.0004C11.158 19.0004 10.315 18.8224 9.496 18.5054" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M20.882 12.4678C18.99 15.9668 15.495 18.9998 12 18.9998" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M19.079 8.9209C19.77 9.7299 20.384 10.6119 20.882 11.5329C21.039 11.8239 21.039 12.1769 20.882 12.4679" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -769,15 +807,15 @@ const He = ({ children: e, viewport: t, containerProps: s }) => {
 <path d="M9.77299 14.2271C8.54299 12.9971 8.54299 11.0021 9.77299 9.77211C11.003 8.54211 12.998 8.54211 14.228 9.77211" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M17.044 6.956C15.497 5.759 13.748 5 12 5C8.50499 5 5.00999 8.033 3.11799 11.533C2.96099 11.824 2.96099 12.177 3.11799 12.468C4.06399 14.217 5.40999 15.849 6.95599 17.045" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, hr = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Yr = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M3.11799 12.467C2.96099 12.176 2.96099 11.823 3.11799 11.532C5.00999 8.033 8.50499 5 12 5C15.495 5 18.99 8.033 20.882 11.533C21.039 11.824 21.039 12.177 20.882 12.468C18.99 15.967 15.495 19 12 19C8.50499 19 5.00999 15.967 3.11799 12.467Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M14.1213 9.87868C15.2929 11.0502 15.2929 12.9497 14.1213 14.1213C12.9497 15.2929 11.0502 15.2929 9.87866 14.1213C8.70709 12.9497 8.70709 11.0502 9.87866 9.87868C11.0502 8.70711 12.9497 8.70711 14.1213 9.87868" stroke="currentColor" stroke-width="1.4286" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, ur = '<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class=""><path d="M9.75 3C8.50736 3 7.5 4.00736 7.5 5.25C7.5 5.66421 7.83579 6 8.25 6C8.66421 6 9 5.66421 9 5.25C9 4.83579 9.33579 4.5 9.75 4.5H13.75C14.1642 4.5 14.5 4.83579 14.5 5.25V14.75C14.5 15.1642 14.1642 15.5 13.75 15.5H9.75C9.33579 15.5 9 15.1642 9 14.75C9 14.3358 8.66421 14 8.25 14C7.83579 14 7.5 14.3358 7.5 14.75C7.5 15.9926 8.50736 17 9.75 17H13.75C14.9926 17 16 15.9926 16 14.75V5.25C16 4.00736 14.9926 3 13.75 3H9.75Z" fill="currentColor"></path><path d="M12.25 10.75C12.6642 10.75 13 10.4142 13 10C13 9.58579 12.6642 9.25 12.25 9.25L6.56066 9.25L7.53033 8.28033C7.82322 7.98744 7.82322 7.51256 7.53033 7.21967C7.23744 6.92678 6.76256 6.92678 6.46967 7.21967L4.21967 9.46967C4.07902 9.61032 4 9.80109 4 10C4 10.1989 4.07902 10.3897 4.21967 10.5303L6.46967 12.7803C6.76256 13.0732 7.23744 13.0732 7.53033 12.7803C7.82322 12.4874 7.82322 12.0126 7.53033 11.7197L6.56066 10.75H12.25Z" fill="currentColor"></path></svg>', wr = () => {
+`, Xr = '<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class=""><path d="M9.75 3C8.50736 3 7.5 4.00736 7.5 5.25C7.5 5.66421 7.83579 6 8.25 6C8.66421 6 9 5.66421 9 5.25C9 4.83579 9.33579 4.5 9.75 4.5H13.75C14.1642 4.5 14.5 4.83579 14.5 5.25V14.75C14.5 15.1642 14.1642 15.5 13.75 15.5H9.75C9.33579 15.5 9 15.1642 9 14.75C9 14.3358 8.66421 14 8.25 14C7.83579 14 7.5 14.3358 7.5 14.75C7.5 15.9926 8.50736 17 9.75 17H13.75C14.9926 17 16 15.9926 16 14.75V5.25C16 4.00736 14.9926 3 13.75 3H9.75Z" fill="currentColor"></path><path d="M12.25 10.75C12.6642 10.75 13 10.4142 13 10C13 9.58579 12.6642 9.25 12.25 9.25L6.56066 9.25L7.53033 8.28033C7.82322 7.98744 7.82322 7.51256 7.53033 7.21967C7.23744 6.92678 6.76256 6.92678 6.46967 7.21967L4.21967 9.46967C4.07902 9.61032 4 9.80109 4 10C4 10.1989 4.07902 10.3897 4.21967 10.5303L6.46967 12.7803C6.76256 13.0732 7.23744 13.0732 7.53033 12.7803C7.82322 12.4874 7.82322 12.0126 7.53033 11.7197L6.56066 10.75H12.25Z" fill="currentColor"></path></svg>', Kr = () => {
   const {
     queryParams: { mode: e, screen: t },
     setQueryParams: s
-  } = re(), [r, i] = F(!1), { handlers: o } = te(), { actions: h, canRedo: c, canUndo: u, query: b } = W((w, d) => ({
+  } = ne(), [r, i] = O(!1), { handlers: o } = re(), { actions: h, canRedo: c, canUndo: u, query: b } = F((w, d) => ({
     enabled: w.options.enabled,
     canUndo: d.history.canUndo(),
     canRedo: d.history.canRedo()
@@ -800,62 +838,62 @@ const He = ({ children: e, viewport: t, containerProps: s }) => {
   return /* @__PURE__ */ k(
     "div",
     {
-      className: I(
+      className: P(
         "tw:flex tw:items-center tw:gap-4 tw:p-2 tw:justify-between tw:bg-ic-ink-6s tw:text-ic-white-6s tw:text-sm"
       ),
       children: [
         /* @__PURE__ */ k("div", { className: "tw:flex tw:items-center tw:gap-3", children: [
-          /* @__PURE__ */ n(j, { size: "32", onClick: f, children: /* @__PURE__ */ n(E, { source: ur }) }),
-          /* @__PURE__ */ n(qe, { onSelectionChange: l, value: t, children: Ge.map(({ icon: w, size: d }) => /* @__PURE__ */ n(j, { value: d, children: /* @__PURE__ */ n(E, { source: w }) }, d)) }),
+          /* @__PURE__ */ n(A, { size: "32", onClick: f, children: /* @__PURE__ */ n(E, { source: Xr }) }),
+          /* @__PURE__ */ n(_t, { onSelectionChange: l, value: t, children: zt.map(({ icon: w, size: d }) => /* @__PURE__ */ n(A, { value: d, children: /* @__PURE__ */ n(E, { source: w }) }, d)) }),
           /* @__PURE__ */ k("div", { className: "tw:p-1 tw:flex tw:items-center tw:gap-2 tw:bg-ic-white-1s tw:rounded-lg", children: [
-            /* @__PURE__ */ n(j, { onClick: h.history.undo, disabled: !u, children: /* @__PURE__ */ n(E, { source: xe }) }),
-            /* @__PURE__ */ n(j, { onClick: h.history.redo, disabled: !c, children: /* @__PURE__ */ n(E, { source: xe, className: "tw:rotate-180" }) })
+            /* @__PURE__ */ n(A, { onClick: h.history.undo, disabled: !u, children: /* @__PURE__ */ n(E, { source: Ne }) }),
+            /* @__PURE__ */ n(A, { onClick: h.history.redo, disabled: !c, children: /* @__PURE__ */ n(E, { source: Ne, className: "tw:rotate-180" }) })
           ] }),
-          /* @__PURE__ */ n("div", { className: "tw:p-1 tw:flex tw:items-center tw:gap-2 tw:bg-ic-white-1s tw:rounded-lg", children: /* @__PURE__ */ n(j, { onClick: a, children: /* @__PURE__ */ n(E, { source: e === "full" ? hr : dr }) }) })
+          /* @__PURE__ */ n("div", { className: "tw:p-1 tw:flex tw:items-center tw:gap-2 tw:bg-ic-white-1s tw:rounded-lg", children: /* @__PURE__ */ n(A, { onClick: a, children: /* @__PURE__ */ n(E, { source: e === "full" ? Yr : Qr }) }) })
         ] }),
-        /* @__PURE__ */ n("div", { className: "tw:flex tw:items-center tw:gap-3", children: /* @__PURE__ */ n(Ne, { isLoading: r, onClick: v, children: "Save" }) })
+        /* @__PURE__ */ n("div", { className: "tw:flex tw:items-center tw:gap-3", children: /* @__PURE__ */ n(Le, { isLoading: r, onClick: v, children: "Save" }) })
       ]
     }
   );
-}, fr = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+}, Jr = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M20 19.9997L16.3763 16.376" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M4 11.25C4 15.2541 7.24594 18.5 11.25 18.5C15.2541 18.5 18.5 15.2541 18.5 11.25C18.5 7.24594 15.2541 4 11.25 4V4C7.24606 4.00029 4.00029 7.24606 4 11.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, pr = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, en = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M15 6L9 12L15 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, gr = ({ elements: e, sections: t }) => /* @__PURE__ */ k("div", { className: "tw:flex tw:flex-col tw:h-full", children: [
-  /* @__PURE__ */ n("div", { className: "tw:flex tw:items-center tw:p-2 tw:gap-3", children: /* @__PURE__ */ n(Le, { fullWidth: !0, placeholder: "Search...", prefix: /* @__PURE__ */ n(E, { source: fr }) }) }),
-  /* @__PURE__ */ k(Ue, { defaultIndex: 1, className: "tw:flex-1 tw:overflow-hidden tw:border-t tw:border-ic-white-1s", children: [
-    /* @__PURE__ */ k(Ze, { children: [
-      /* @__PURE__ */ n(ue, { className: "tw:flex-1", children: "Sections" }),
-      /* @__PURE__ */ n(ue, { className: "tw:flex-1", children: "Elements" })
+`, tn = ({ elements: e, sections: t }) => /* @__PURE__ */ k("div", { className: "tw:flex tw:flex-col tw:h-full", children: [
+  /* @__PURE__ */ n("div", { className: "tw:flex tw:items-center tw:p-2 tw:gap-3", children: /* @__PURE__ */ n(Ie, { fullWidth: !0, placeholder: "Search...", prefix: /* @__PURE__ */ n(E, { source: Jr }) }) }),
+  /* @__PURE__ */ k(Gt, { defaultIndex: 1, className: "tw:flex-1 tw:overflow-hidden tw:border-t tw:border-ic-white-1s", children: [
+    /* @__PURE__ */ k(qt, { children: [
+      /* @__PURE__ */ n(ge, { className: "tw:flex-1", children: "Sections" }),
+      /* @__PURE__ */ n(ge, { className: "tw:flex-1", children: "Elements" })
     ] }),
-    /* @__PURE__ */ k(Qe, { className: "tw:flex-1 tw:overflow-hidden", children: [
-      /* @__PURE__ */ n(we, { children: /* @__PURE__ */ n(ie, { className: "tw:h-full tw:py-2", children: t?.map((s, r) => /* @__PURE__ */ n(kr, { group: s }, r)) }) }),
-      /* @__PURE__ */ n(we, { className: "tw:h-full tw:overflow-hidden", children: /* @__PURE__ */ n(ie, { className: "tw:h-full tw:py-2", children: e?.map((s, r) => /* @__PURE__ */ n(mr, { group: s }, r)) }) })
+    /* @__PURE__ */ k(Ut, { className: "tw:flex-1 tw:overflow-hidden", children: [
+      /* @__PURE__ */ n(ke, { children: /* @__PURE__ */ n(ce, { className: "tw:h-full tw:py-2", children: t?.map((s, r) => /* @__PURE__ */ n(nn, { group: s }, r)) }) }),
+      /* @__PURE__ */ n(ke, { className: "tw:h-full tw:overflow-hidden", children: /* @__PURE__ */ n(ce, { className: "tw:h-full tw:py-2", children: e?.map((s, r) => /* @__PURE__ */ n(rn, { group: s }, r)) }) })
     ] })
   ] })
-] }), mr = ({ group: e }) => {
-  const [t, s] = Ae(!0), { actions: r, connectors: i } = W();
+] }), rn = ({ group: e }) => {
+  const [t, s] = Te(!0), { actions: r, connectors: i } = F();
   return /* @__PURE__ */ k("div", { className: "tw:flex tw:flex-col tw:text-sm", children: [
-    /* @__PURE__ */ n(Ne, { onClick: s, className: "tw:bg-transparent", children: /* @__PURE__ */ k("div", { className: "tw:flex tw:items-center tw:justify-between tw:flex-1 tw:text-sm", children: [
+    /* @__PURE__ */ n(Le, { onClick: s, className: "tw:bg-transparent", children: /* @__PURE__ */ k("div", { className: "tw:flex tw:items-center tw:justify-between tw:flex-1 tw:text-sm", children: [
       e.name,
       /* @__PURE__ */ n(
         E,
         {
-          source: Ee,
-          className: I("tw:transition-transform", {
+          source: Re,
+          className: P("tw:transition-transform", {
             "tw:rotate-180": !t
           })
         }
       )
     ] }) }),
-    /* @__PURE__ */ n(Ye, { open: t, children: /* @__PURE__ */ n("div", { className: "tw:px-4 tw:py-2 tw:grid tw:grid-cols-2 tw:gap-4", children: e.elements.map((o, h) => /* @__PURE__ */ k("div", { className: "tw:space-y-1", children: [
+    /* @__PURE__ */ n(dt, { open: t, children: /* @__PURE__ */ n("div", { className: "tw:px-4 tw:py-2 tw:grid tw:grid-cols-2 tw:gap-4", children: e.elements.map((o, h) => /* @__PURE__ */ k("div", { className: "tw:space-y-1", children: [
       /* @__PURE__ */ n(
         "div",
         {
-          className: I(
+          className: P(
             "tw:bg-ic-ink-6s tw:relative tw:transition-transform tw:rounded-lg tw:hover:scale-105 tw:pointer-events-auto tw:aspect-video tw:overflow-hidden",
             "tw:cursor-grabbing tw:flex tw:flex-col tw:gap-1 tw:items-center tw:justify-center tw:p-1 tw:opacity-100 tw:text-ic-white-5s",
             "tw:after:absolute tw:after:inset-0 tw:after:content-empty tw:after:bg-ic-white-1s"
@@ -867,40 +905,40 @@ const He = ({ children: e, viewport: t, containerProps: s }) => {
               }
             });
           },
-          children: /* @__PURE__ */ n(st, { width: void 0, height: void 0, ...o.icon })
+          children: /* @__PURE__ */ n(ht, { width: void 0, height: void 0, ...o.icon })
         }
       ),
       /* @__PURE__ */ n("p", { className: "tw:text-xs tw:mx-auto tw:text-center", children: o.name })
     ] }, h)) }) })
   ] });
-}, kr = ({ group: e }) => {
-  const [t, s] = F(!1), { refs: r, floatingStyles: i, context: o } = dt({
+}, nn = ({ group: e }) => {
+  const [t, s] = O(!1), { refs: r, floatingStyles: i, context: o } = Kt({
     open: t,
     onOpenChange: s,
     placement: "right-start",
     middleware: [
-      ut(),
-      wt({
+      er(),
+      tr({
         apply({ elements: f }) {
           const v = {
-            zIndex: `${Ct}`,
+            zIndex: `${Yt}`,
             height: `${f.reference.getBoundingClientRect().height}px`
           };
           Object.assign(f.floating.style, v);
         }
       })
     ],
-    whileElementsMounted: ht
+    whileElementsMounted: Jt
   });
-  _(() => {
+  G(() => {
     r.setPositionReference(document.querySelector("aside"));
   }, [r]);
-  const h = ft(o, { move: !1, handleClose: pt() }), c = gt(o), u = mt(o), b = kt(o), { getReferenceProps: l, getFloatingProps: a } = vt([h, c, u, b]);
-  return /* @__PURE__ */ k(J, { children: [
+  const h = rr(o, { move: !1, handleClose: nr() }), c = sr(o), u = or(o), b = ir(o), { getReferenceProps: l, getFloatingProps: a } = cr([h, c, u, b]);
+  return /* @__PURE__ */ k(ee, { children: [
     /* @__PURE__ */ k(
       "button",
       {
-        className: I(
+        className: P(
           "tw:w-full tw:text-left tw:flex tw:items-center tw:text-ic-white-5s tw:gap-2 tw:p-2 tw:rounded-lg",
           "tw:hover:text-ic-white-6s tw:hover:bg-ic-white-1s tw:hover:font-medium"
         ),
@@ -909,29 +947,29 @@ const He = ({ children: e, viewport: t, containerProps: s }) => {
         children: [
           /* @__PURE__ */ n("div", { className: "tw:bg-ic-white-1s tw:p-1.5 tw:rounded-lg", children: /* @__PURE__ */ n(E, { ...e.icon }) }),
           /* @__PURE__ */ n("span", { className: "tw:flex-1 tw:truncate", children: e.name }),
-          /* @__PURE__ */ n(E, { className: "tw:rotate-180", source: pr })
+          /* @__PURE__ */ n(E, { className: "tw:rotate-180", source: en })
         ]
       }
     ),
-    t && /* @__PURE__ */ n(De, { children: /* @__PURE__ */ n("div", { style: i, ...a(), ref: r.setFloating, children: /* @__PURE__ */ k("div", { className: "tw:h-full tw:flex tw:flex-col tw:border-l tw:border-t tw:border-ic-white-2s tw:bg-ic-ink-6s tw:text-ic-white-6s tw:text-sm", children: [
+    t && /* @__PURE__ */ n(je, { children: /* @__PURE__ */ n("div", { style: i, ...a(), ref: r.setFloating, children: /* @__PURE__ */ k("div", { className: "tw:h-full tw:flex tw:flex-col tw:border-l tw:border-t tw:border-ic-white-2s tw:bg-ic-ink-6s tw:text-ic-white-6s tw:text-sm", children: [
       /* @__PURE__ */ n("div", { className: "tw:h-12 tw:px-2 tw:flex tw:items-center", children: /* @__PURE__ */ n("h6", { className: "tw:font-medium", children: e.name }) }),
-      /* @__PURE__ */ n(ie, { className: "tw:flex-1 tw:px-3", children: /* @__PURE__ */ n("div", { className: "tw:flex tw:flex-col tw:gap-4", children: e.sections.map((f, v) => /* @__PURE__ */ lt(vr, { ...f, key: v })) }) })
+      /* @__PURE__ */ n(ce, { className: "tw:flex-1 tw:px-3", children: /* @__PURE__ */ n("div", { className: "tw:flex tw:flex-col tw:gap-4", children: e.sections.map((f, v) => /* @__PURE__ */ ur(sn, { ...f, key: v })) }) })
     ] }) }) })
   ] });
-}, vr = ({ template: e, autoFocus: t = !0, onCreate: s }) => {
-  const [, r] = F(!1), i = te(), { actions: o, connectors: h, resolver: c, query: u } = W((l) => ({
+}, sn = ({ template: e, autoFocus: t = !0, onCreate: s }) => {
+  const [, r] = O(!1), i = re(), { actions: o, connectors: h, resolver: c, query: u } = F((l) => ({
     resolver: l.options.resolver
-  })), b = F(() => {
+  })), b = O(() => {
     const l = typeof e == "function" ? e() : e;
     let a;
     "rootNodeId" in l ? a = l : a = u.parseReactElement(l).toNodeTree();
     const { rootNodeId: f, nodes: v } = a, w = {};
-    return Object.entries(v).forEach(([d, N]) => {
-      const m = Nt(N.data, c), x = d === f ? B : d;
+    return Object.entries(v).forEach(([d, y]) => {
+      const g = kt(y.data, c), x = d === f ? W : d;
       w[x] = {
-        ...m,
-        parent: m.parent === f ? B : m.parent,
-        nodes: m.nodes?.map((M) => M === f ? B : M)
+        ...g,
+        parent: g.parent === f ? W : g.parent,
+        nodes: g.nodes?.map((M) => M === f ? W : M)
       };
     }), w;
   })[0];
@@ -949,20 +987,20 @@ const He = ({ children: e, viewport: t, containerProps: s }) => {
       onDragStart: () => r(!0),
       onDragEnd: () => r(!1),
       children: /* @__PURE__ */ n("div", { className: "tw:relative tw:aspect-video tw:rounded-lg tw:overflow-hidden tw:w-60 tw:pointer-events-none", children: /* @__PURE__ */ n("div", { className: "tw:absolute tw:inset-0", children: /* @__PURE__ */ n(
-        He,
+        Ve,
         {
           containerProps: {
             style: {
               backgroundColor: i.theme.palette.background.default
             }
           },
-          viewport: { width: xt.md.minWidth },
-          children: /* @__PURE__ */ n(Se, { resolver: c, children: /* @__PURE__ */ n(Me, { data: b }) })
+          viewport: { width: Xt.md.minWidth },
+          children: /* @__PURE__ */ n($e, { resolver: c, children: /* @__PURE__ */ n(Ae, { data: b }) })
         }
       ) }) })
     }
   );
-}, br = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+}, on = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.5 2H9.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M2 9.5V12.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M10.257 16.6214L7.075 13.4394C6.489 12.8534 6.489 11.9034 7.075 11.3184V11.3184C7.661 10.7324 8.611 10.7324 9.196 11.3184" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -973,39 +1011,39 @@ const He = ({ children: e, viewport: t, containerProps: s }) => {
 <path d="M2 17V18C2 19.105 2.895 20 4 20H5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M20 5V4C20 2.895 19.105 2 18 2H17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, Cr = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, cn = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="6.49771" cy="5.49762" r="2.50104" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <circle cx="6.49771" cy="18.503" r="2.50104" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M6.49771 7.99854V16.0019" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <circle cx="17.5023" cy="13.0006" r="2.50104" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M6.49771 7.99854V7.99854C6.49771 10.7611 8.73722 13.0006 11.4998 13.0006H15.0013" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, xr = (e) => {
-  const { query: t, actions: s } = W(), {
+`, an = (e) => {
+  const { query: t, actions: s } = F(), {
     id: r,
     expanded: i,
     actions: o,
     displayName: h,
     children: c,
     depth: u
-  } = Rt((v) => ({
+  } = fr((v) => ({
     expanded: v.expanded,
-    displayName: je(t.node(v.id).get())
-  })), { selected: b, selectable: l } = W((v, w) => {
+    displayName: Ee(t.node(v.id).get())
+  })), { selected: b, selectable: l } = F((v, w) => {
     const d = w.node(r).get();
     return {
       selected: w.getEvent("selected").contains(r),
       nodeDOM: d.dom,
-      selectable: ot(d)
+      selectable: ft(d)
     };
   });
-  _(() => {
-    r === B && o.setExpandedState(!0);
-  }, [o, r]), _(() => {
+  G(() => {
+    r === W && o.setExpandedState(!0);
+  }, [o, r]), G(() => {
     if (c.length === 0) return;
     c.some((w) => {
       const d = t.getEvent("selected").all();
-      return d.includes(w) ? !0 : t.node(w).descendants(!0).some((m) => d.includes(m));
+      return d.includes(w) ? !0 : t.node(w).descendants(!0).some((g) => d.includes(g));
     }) && o.setExpandedState(!0);
   }, [c, o, t]);
   const a = () => {
@@ -1025,29 +1063,29 @@ const He = ({ children: e, viewport: t, containerProps: s }) => {
             style: {
               paddingLeft: Math.max(0, u - 1) * 16
             },
-            className: I(
+            className: P(
               "tw:flex tw:items-center tw:gap-0.5 tw:cursor-pointer tw:rounded-1 tw:pr-2 tw:py-1 tw:border tw:border-ic-white-1s tw:hover:bg-ic-white-1s",
               {
-                hidden: r === B,
+                hidden: r === W,
                 "tw:bg-ic-black-7s": b,
                 "tw:pointer-events-none": !l
               }
             ),
             children: [
-              c.length ? /* @__PURE__ */ n(j, { className: "tw:pointer-events-auto", onClick: f, children: /* @__PURE__ */ n(
+              c.length ? /* @__PURE__ */ n(A, { className: "tw:pointer-events-auto", onClick: f, children: /* @__PURE__ */ n(
                 E,
                 {
-                  className: I("tw:transition-transform tw:-rotate-90", {
+                  className: P("tw:transition-transform tw:-rotate-90", {
                     "tw:rotate-0": i
                   }),
                   size: 16,
-                  source: Ee
+                  source: Re
                 }
-              ) }) : /* @__PURE__ */ n("div", { className: "tw:p-1", children: /* @__PURE__ */ n(E, { size: 16, source: Cr }) }),
+              ) }) : /* @__PURE__ */ n("div", { className: "tw:p-1", children: /* @__PURE__ */ n(E, { size: 16, source: cn }) }),
               /* @__PURE__ */ n(
                 "span",
                 {
-                  className: I("tw:flex-1 tw:truncate", {
+                  className: P("tw:flex-1 tw:truncate", {
                     "tw:text-ic-white-3s": !l
                   }),
                   children: h
@@ -1060,12 +1098,12 @@ const He = ({ children: e, viewport: t, containerProps: s }) => {
       ]
     }
   );
-}, yr = ({ onClose: e }) => {
-  const t = At(), s = (r) => {
+}, ln = ({ onClose: e }) => {
+  const t = gr(), s = (r) => {
     t.start(r);
   };
-  return /* @__PURE__ */ n(De, { children: /* @__PURE__ */ k(
-    Ke.div,
+  return /* @__PURE__ */ n(je, { children: /* @__PURE__ */ k(
+    ut.div,
     {
       drag: !0,
       dragControls: t,
@@ -1080,35 +1118,35 @@ const He = ({ children: e, viewport: t, containerProps: s }) => {
             className: "tw:py-2 tw:cursor-grab tw:flex tw:items-center tw:justify-between tw:px-4",
             children: [
               /* @__PURE__ */ k("div", { className: "tw:flex tw:items-center tw:gap-2", children: [
-                /* @__PURE__ */ n(E, { source: br }),
+                /* @__PURE__ */ n(E, { source: on }),
                 /* @__PURE__ */ n("p", { className: "tw:text-sm tw:font-medium", children: "Layers" })
               ] }),
-              /* @__PURE__ */ n(j, { onClick: e, children: /* @__PURE__ */ n(E, { source: Xe }) })
+              /* @__PURE__ */ n(A, { onClick: e, children: /* @__PURE__ */ n(E, { source: wt }) })
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { className: "tw:flex-1 tw:overflow-auto tw:border-t tw:border-ic-white-1s tw:p-2", children: /* @__PURE__ */ n(Mt, { renderLayer: xr }) })
+        /* @__PURE__ */ n("div", { className: "tw:flex-1 tw:overflow-auto tw:border-t tw:border-ic-white-1s tw:p-2", children: /* @__PURE__ */ n(wr, { renderLayer: an }) })
       ]
     }
   ) });
-}, Nr = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+}, dn = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M3 7.024L11.987 11.049L21 7.024L12.013 3L3 7.024Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M15.436 14.484L21 16.976L11.987 21L3 16.976L8.564 14.491" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M15.436 9.50903L21 12L11.987 16.024L3 12L8.564 9.51603" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, Lr = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, hn = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5 12H19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M10 7L5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M10 17L5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, Er = ({ insert: e }) => {
-  const [t, s] = Ae(!1), {
+`, un = ({ insert: e }) => {
+  const [t, s] = Te(!1), {
     queryParams: {
       action: r = "insert"
       /* Insert */
     },
     setQueryParams: i
-  } = re(), { actions: o, isDeletable: h, focusedNode: c } = W((a, f) => {
+  } = ne(), { actions: o, isDeletable: h, focusedNode: c } = F((a, f) => {
     const v = f.getEvent("selected").first(), w = v ? f.node(v) : null;
     return {
       enabled: a.options.enabled,
@@ -1125,12 +1163,12 @@ const He = ({ children: e, viewport: t, containerProps: s }) => {
       action: f
     }));
   };
-  return /* @__PURE__ */ k(J, { children: [
+  return /* @__PURE__ */ k(ee, { children: [
     /* @__PURE__ */ k("aside", { className: "tw:flex tw:items-stretch tw:bg-ic-ink-6s tw:relative tw:border-t tw:border-ic-white-2s tw:text-ic-white-6s tw:text-sm", children: [
       /* @__PURE__ */ k("div", { className: "tw:px-1 tw:flex tw:flex-col tw:gap-1", children: [
         !!e && /* @__PURE__ */ k(ye, { children: [
           /* @__PURE__ */ n(
-            j,
+            A,
             {
               tooltip: {
                 content: "Insert",
@@ -1140,13 +1178,13 @@ const He = ({ children: e, viewport: t, containerProps: s }) => {
               value: "insert",
               className: "tw:relative",
               size: "32",
-              children: /* @__PURE__ */ n(E, { source: it })
+              children: /* @__PURE__ */ n(E, { source: pt })
             }
           ),
           /* @__PURE__ */ n("hr", { className: "tw:border-ic-white-2s" })
         ] }),
         /* @__PURE__ */ n(
-          j,
+          A,
           {
             tooltip: {
               content: "Layers",
@@ -1156,56 +1194,56 @@ const He = ({ children: e, viewport: t, containerProps: s }) => {
             value: "layers",
             className: "tw:relative",
             size: "32",
-            children: /* @__PURE__ */ n(E, { source: Nr })
+            children: /* @__PURE__ */ n(E, { source: dn })
           }
         )
       ] }),
       /* @__PURE__ */ k(
         "div",
         {
-          className: I("tw:relative tw:flex tw:flex-col tw:border-l tw:border-ic-white-1s tw:w-72 tw:overflow-auto"),
+          className: P("tw:relative tw:flex tw:flex-col tw:border-l tw:border-ic-white-1s tw:w-72 tw:overflow-auto"),
           children: [
-            !c?.related.inspector && /* @__PURE__ */ n("div", { className: "tw:flex-1 tw:overflow-auto scrollbar", children: r === "insert" && !!e && /* @__PURE__ */ n(gr, { elements: e.elements, sections: e.sections }) }),
+            !c?.related.inspector && /* @__PURE__ */ n("div", { className: "tw:flex-1 tw:overflow-auto scrollbar", children: r === "insert" && !!e && /* @__PURE__ */ n(tn, { elements: e.elements, sections: e.sections }) }),
             !!c?.related?.inspector && /* @__PURE__ */ k("div", { className: "tw:flex tw:flex-col tw:flex-1 tw:overflow-hidden", children: [
               /* @__PURE__ */ k("div", { className: "tw:flex tw:items-center tw:gap-2 tw:px-2 tw:py-2", children: [
-                /* @__PURE__ */ n(j, { onClick: u, children: /* @__PURE__ */ n(E, { source: Lr }) }),
-                /* @__PURE__ */ n("div", { className: "tw:flex-1 tw:overflow-hidden", children: /* @__PURE__ */ n(Le, { fullWidth: !0, value: je(c), size: "32" }) }),
-                h && /* @__PURE__ */ n(j, { value: c.id, onClick: b, children: /* @__PURE__ */ n(E, { className: "tw:text-ic-red-4s", source: Je }) })
+                /* @__PURE__ */ n(A, { onClick: u, children: /* @__PURE__ */ n(E, { source: hn }) }),
+                /* @__PURE__ */ n("div", { className: "tw:flex-1 tw:overflow-hidden", children: /* @__PURE__ */ n(Ie, { fullWidth: !0, value: Ee(c), size: "32" }) }),
+                h && /* @__PURE__ */ n(A, { value: c.id, onClick: b, children: /* @__PURE__ */ n(E, { className: "tw:text-ic-red-4s", source: Zt }) })
               ] }),
-              /* @__PURE__ */ n("div", { className: "tw:flex-1 tw:overflow-auto tw:border-t tw:border-ic-white-1s scrollbar-hidden", children: /* @__PURE__ */ n(tt, { fallback: null, children: $e(c.related.inspector) }) })
+              /* @__PURE__ */ n("div", { className: "tw:flex-1 tw:overflow-auto tw:border-t tw:border-ic-white-1s scrollbar-hidden", children: /* @__PURE__ */ n(vt, { fallback: null, children: Me(c.related.inspector) }) })
             ] })
           ]
         }
       )
     ] }),
-    t && /* @__PURE__ */ n(yr, { onClose: s })
+    t && /* @__PURE__ */ n(ln, { onClose: s })
   ] });
-}, Or = ({ theme: e, insert: t, resolver: s, handlers: r }) => {
+}, zn = ({ theme: e, insert: t, resolver: s, handlers: r }) => {
   const {
     queryParams: { screen: i }
-  } = re();
-  return te({
+  } = ne();
+  return re({
     theme: e,
     handlers: r
-  }), /* @__PURE__ */ n(Se, { enabled: !0, onRender: lr, resolver: s, children: /* @__PURE__ */ k("div", { className: "tw:flex tw:flex-col tw:w-screen tw:h-screen tw:bg-ic-ink-6s tw:text-ic-white-6s", children: [
-    /* @__PURE__ */ n(wr, {}),
+  }), /* @__PURE__ */ n($e, { enabled: !0, onRender: Zr, resolver: s, children: /* @__PURE__ */ k("div", { className: "tw:flex tw:flex-col tw:w-screen tw:h-screen tw:bg-ic-ink-6s tw:text-ic-white-6s", children: [
+    /* @__PURE__ */ n(Kr, {}),
     /* @__PURE__ */ k("div", { className: "tw:flex-1 tw:overflow-hidden tw:flex", children: [
-      /* @__PURE__ */ n(Er, { insert: t }),
+      /* @__PURE__ */ n(un, { insert: t }),
       /* @__PURE__ */ n(
-        He,
+        Ve,
         {
           viewport: {
-            width: (o) => i === "lg" ? Math.max(o, fe[i]) : fe[i]
+            width: (o) => i === "lg" ? Math.max(o, ve[i]) : ve[i]
           },
-          children: /* @__PURE__ */ n(Me, { children: /* @__PURE__ */ n(et, {}) })
+          children: /* @__PURE__ */ n(Ae, { children: /* @__PURE__ */ n(mt, {}) })
         }
       )
     ] })
   ] }) });
 };
 export {
-  Or as Editor,
-  te as useEditor,
-  re as useEditorQueryParams,
-  zr as useEditorResponsive
+  zn as Editor,
+  re as useEditor,
+  ne as useEditorQueryParams,
+  Un as useEditorResponsive
 };