@tech_carthagos/page-builder 1.0.52 → 1.0.53

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsx as h, Fragment as Qt, jsxs as k } from "react/jsx-runtime";
 import * as y from "react";
-import P, { createContext as Pn, useContext as ir, forwardRef as Ki, createElement as Xa, useMemo as Re, useRef as Ye, useCallback as Ka, useEffect as Me, useState as be, isValidElement as io, cloneElement as kp, Fragment as Pp, Children as _p, useLayoutEffect as Rp, Suspense as Ip } from "react";
+import _, { createContext as Pn, useContext as ir, forwardRef as Ki, createElement as Xa, useMemo as Re, useRef as Ye, useCallback as Ka, useEffect as Me, useState as be, isValidElement as io, cloneElement as kp, Fragment as Pp, Children as _p, useLayoutEffect as Rp, Suspense as Ip } from "react";
 import * as Ec from "react-dom";
 import Nc from "react-dom";
 import { useQuery as Dp } from "@tanstack/react-query";
@@ -194,9 +194,9 @@ const Ji = "-", Mp = (t) => {
     if (a.includes(x))
       continue;
     a.push(x);
-    const S = o(g, b);
-    for (let w = 0; w < S.length; ++w) {
-      const T = S[w];
+    const w = o(g, b);
+    for (let C = 0; C < w.length; ++C) {
+      const T = w[C];
       a.push(v + T);
     }
     u = l + (u.length > 0 ? " " + u : u);
@@ -246,7 +246,7 @@ const ue = (t) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Jp.test(t) && !Zp.test(t)
 ), _c = () => !1, lh = (t) => Qp.test(t), ch = (t) => eh.test(t), dh = () => {
-  const t = ue("colors"), e = ue("spacing"), r = ue("blur"), n = ue("brightness"), o = ue("borderColor"), a = ue("borderRadius"), i = ue("borderSpacing"), u = ue("borderWidth"), s = ue("contrast"), l = ue("grayscale"), c = ue("hueRotate"), p = ue("invert"), f = ue("gap"), d = ue("gradientColorStops"), b = ue("gradientColorStopPositions"), g = ue("inset"), m = ue("margin"), v = ue("opacity"), x = ue("padding"), S = ue("saturate"), w = ue("scale"), T = ue("sepia"), _ = ue("skew"), I = ue("space"), L = ue("translate"), $ = () => ["auto", "contain", "none"], B = () => ["auto", "hidden", "clip", "visible", "scroll"], C = () => ["auto", G, e], N = () => [G, e], R = () => ["", bt, It], M = () => ["auto", Sr, G], E = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], O = () => ["solid", "dashed", "dotted", "double", "none"], A = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], j = () => ["", "0", G], U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], pe = () => [Sr, G];
+  const t = ue("colors"), e = ue("spacing"), r = ue("blur"), n = ue("brightness"), o = ue("borderColor"), a = ue("borderRadius"), i = ue("borderSpacing"), u = ue("borderWidth"), s = ue("contrast"), l = ue("grayscale"), c = ue("hueRotate"), p = ue("invert"), f = ue("gap"), d = ue("gradientColorStops"), b = ue("gradientColorStopPositions"), g = ue("inset"), m = ue("margin"), v = ue("opacity"), x = ue("padding"), w = ue("saturate"), C = ue("scale"), T = ue("sepia"), P = ue("skew"), I = ue("space"), L = ue("translate"), $ = () => ["auto", "contain", "none"], B = () => ["auto", "hidden", "clip", "visible", "scroll"], S = () => ["auto", G, e], N = () => [G, e], R = () => ["", bt, It], M = () => ["auto", Sr, G], E = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], O = () => ["solid", "dashed", "dotted", "double", "none"], A = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], j = () => ["", "0", G], U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], pe = () => [Sr, G];
   return {
     cacheSize: 500,
     separator: ":",
@@ -266,8 +266,8 @@ const ue = (t) => {
       gap: N(),
       gradientColorStops: [t],
       gradientColorStopPositions: [th, It],
-      inset: C(),
-      margin: C(),
+      inset: S(),
+      margin: S(),
       opacity: pe(),
       padding: N(),
       saturate: pe(),
@@ -499,7 +499,7 @@ const ue = (t) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: C()
+        basis: S()
       }],
       /**
        * Flex Direction
@@ -1712,7 +1712,7 @@ const ue = (t) => {
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [S]
+        saturate: [w]
       }],
       /**
        * Sepia
@@ -1783,7 +1783,7 @@ const ue = (t) => {
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [S]
+        "backdrop-saturate": [w]
       }],
       /**
        * Backdrop Sepia
@@ -1884,21 +1884,21 @@ const ue = (t) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [w]
+        scale: [C]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [w]
+        "scale-x": [C]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [w]
+        "scale-y": [C]
       }],
       /**
        * Rotate
@@ -1926,14 +1926,14 @@ const ue = (t) => {
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [_]
+        "skew-x": [P]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [_]
+        "skew-y": [P]
       }],
       /**
        * Transform Origin
@@ -3261,8 +3261,8 @@ function tm() {
             l.push({ op: "replace", path: v, value: e(d[m]) }), c.push({ op: "replace", path: v, value: e(p[m]) });
           }
           for (var x = p.length; x < d.length; x++) {
-            var S = s.concat([x]);
-            l.push({ op: r, path: S, value: e(d[x]) });
+            var w = s.concat([x]);
+            l.push({ op: r, path: w, value: e(d[x]) });
           }
           p.length < d.length && c.push({ op: "replace", path: s.concat(["length"]), value: p.length });
         }(n, o, a, i);
@@ -3489,10 +3489,10 @@ var sm = function() {
         return function(g) {
           var m = this;
           g === void 0 && (g = u);
-          for (var v = arguments.length, x = Array(v > 1 ? v - 1 : 0), S = 1; S < v; S++) x[S - 1] = arguments[S];
-          return s.produce(g, function(w) {
+          for (var v = arguments.length, x = Array(v > 1 ? v - 1 : 0), w = 1; w < v; w++) x[w - 1] = arguments[w];
+          return s.produce(g, function(C) {
             var T;
-            return (T = a).call.apply(T, [m, w].concat(x));
+            return (T = a).call.apply(T, [m, C].concat(x));
           });
         };
       }
@@ -4101,16 +4101,16 @@ function e2(t, e, r, n, o, a) {
     f = u[p];
     var v = t[f], x = e[f];
     if (n)
-      var S = i ? n(x, v, f, e, t, a) : n(v, x, f, t, e, a);
-    if (!(S === void 0 ? v === x || o(v, x, r, n, a) : S)) {
+      var w = i ? n(x, v, f, e, t, a) : n(v, x, f, t, e, a);
+    if (!(w === void 0 ? v === x || o(v, x, r, n, a) : w)) {
       g = !1;
       break;
     }
     m || (m = f == "constructor");
   }
   if (g && !m) {
-    var w = t.constructor, T = e.constructor;
-    w != T && "constructor" in t && "constructor" in e && !(typeof w == "function" && w instanceof w && typeof T == "function" && T instanceof T) && (g = !1);
+    var C = t.constructor, T = e.constructor;
+    C != T && "constructor" in t && "constructor" in e && !(typeof C == "function" && C instanceof C && typeof T == "function" && T instanceof T) && (g = !1);
   }
   return a.delete(t), a.delete(e), g;
 }
@@ -4382,32 +4382,32 @@ function ix(t, e, r, n) {
   s.current = n;
   var l = Ye(e), c = Re(function() {
     var m = u.current, v = i.current, x = s.current;
-    return function(S, w) {
-      var T, _ = r && ml(r, function() {
-        return S;
-      }, a), I = ud($s(S, function(C) {
+    return function(w, C) {
+      var T, P = r && ml(r, function() {
+        return w;
+      }, a), I = ud($s(w, function(S) {
         var N, R;
-        switch (w.type) {
+        switch (C.type) {
           case he.UNDO:
-            return a.undo(C);
+            return a.undo(S);
           case he.REDO:
-            return a.redo(C);
+            return a.redo(S);
           case he.CLEAR:
-            return a.clear(), $e({}, C);
+            return a.clear(), $e({}, S);
           case he.IGNORE:
           case he.MERGE:
           case he.THROTTLE:
-            var M, E = sd(R = w.payload) || ld(R) || yu(R) || cd(), O = E[0], A = E.slice(1);
-            (M = o(C, _))[O].apply(M, Ae(A));
+            var M, E = sd(R = C.payload) || ld(R) || yu(R) || cd(), O = E[0], A = E.slice(1);
+            (M = o(S, P))[O].apply(M, Ae(A));
             break;
           default:
-            (N = o(C, _))[w.type].apply(N, Ae(w.payload));
+            (N = o(S, P))[C.type].apply(N, Ae(C.payload));
         }
       }), 3), L = I[0], $ = I[1], B = I[2];
-      return T = L, x && x(L, S, { type: w.type, params: w.payload, patches: $ }, _, function(C) {
-        var N = $s(L, C);
+      return T = L, x && x(L, w, { type: C.type, params: C.payload, patches: $ }, P, function(S) {
+        var N = $s(L, S);
         T = N[0], $ = [].concat(Ae($), Ae(N[1])), B = [].concat(Ae(N[2]), Ae(B));
-      }), [he.UNDO, he.REDO].includes(w.type) && m && (T = lm(T, m)), [].concat(Ae(v), [he.UNDO, he.REDO, he.IGNORE, he.CLEAR]).includes(w.type) || (w.type === he.THROTTLE ? a.throttleAdd($, B, w.config && w.config.rate) : w.type === he.MERGE ? a.merge($, B) : a.add($, B)), T;
+      }), [he.UNDO, he.REDO].includes(C.type) && m && (T = lm(T, m)), [].concat(Ae(v), [he.UNDO, he.REDO, he.IGNORE, he.CLEAR]).includes(C.type) || (C.type === he.THROTTLE ? a.throttleAdd($, B, C.config && C.config.rate) : C.type === he.MERGE ? a.merge($, B) : a.add($, B)), T;
     };
   }, [a, o, r]), p = Ka(function() {
     return l.current;
@@ -4426,10 +4426,10 @@ function ix(t, e, r, n) {
     }, a) : [];
   }, [a, r]), g = Re(function() {
     var m = Object.keys(o(null, null)), v = i.current;
-    return $e($e({}, m.reduce(function(x, S) {
-      return x[S] = function() {
-        for (var w = arguments.length, T = new Array(w), _ = 0; _ < w; _++) T[_] = arguments[_];
-        return d({ type: S, payload: T });
+    return $e($e({}, m.reduce(function(x, w) {
+      return x[w] = function() {
+        for (var C = arguments.length, T = new Array(C), P = 0; P < C; P++) T[P] = arguments[P];
+        return d({ type: w, payload: T });
       }, x;
     }, {})), {}, { history: { undo: function() {
       return d({ type: he.UNDO });
@@ -4438,30 +4438,30 @@ function ix(t, e, r, n) {
     }, clear: function() {
       return d({ type: he.CLEAR });
     }, throttle: function(x) {
-      return $e({}, m.filter(function(S) {
-        return !v.includes(S);
-      }).reduce(function(S, w) {
-        return S[w] = function() {
-          for (var T = arguments.length, _ = new Array(T), I = 0; I < T; I++) _[I] = arguments[I];
-          return d({ type: he.THROTTLE, payload: [w].concat(_), config: { rate: x } });
-        }, S;
+      return $e({}, m.filter(function(w) {
+        return !v.includes(w);
+      }).reduce(function(w, C) {
+        return w[C] = function() {
+          for (var T = arguments.length, P = new Array(T), I = 0; I < T; I++) P[I] = arguments[I];
+          return d({ type: he.THROTTLE, payload: [C].concat(P), config: { rate: x } });
+        }, w;
       }, {}));
     }, ignore: function() {
       return $e({}, m.filter(function(x) {
         return !v.includes(x);
-      }).reduce(function(x, S) {
-        return x[S] = function() {
-          for (var w = arguments.length, T = new Array(w), _ = 0; _ < w; _++) T[_] = arguments[_];
-          return d({ type: he.IGNORE, payload: [S].concat(T) });
+      }).reduce(function(x, w) {
+        return x[w] = function() {
+          for (var C = arguments.length, T = new Array(C), P = 0; P < C; P++) T[P] = arguments[P];
+          return d({ type: he.IGNORE, payload: [w].concat(T) });
         }, x;
       }, {}));
     }, merge: function() {
       return $e({}, m.filter(function(x) {
         return !v.includes(x);
-      }).reduce(function(x, S) {
-        return x[S] = function() {
-          for (var w = arguments.length, T = new Array(w), _ = 0; _ < w; _++) T[_] = arguments[_];
-          return d({ type: he.MERGE, payload: [S].concat(T) });
+      }).reduce(function(x, w) {
+        return x[w] = function() {
+          for (var C = arguments.length, T = new Array(C), P = 0; P < C; P++) T[P] = arguments[P];
+          return d({ type: he.MERGE, payload: [w].concat(T) });
         }, x;
       }, {}));
     } } });
@@ -4760,7 +4760,7 @@ function hd(t) {
   return Object.keys(t).reduce((e, r) => (e[r] = px((...n) => t[r](...n)), e), {});
 }
 const hx = ({ style: t, className: e, parentDom: r }) => {
-  const n = P.createElement("div", { className: e, style: { position: "fixed", display: "block", opacity: 1, borderStyle: "solid", borderWidth: "1px", borderColor: "transparent", zIndex: 99999, ...t } });
+  const n = _.createElement("div", { className: e, style: { position: "fixed", display: "block", opacity: 1, borderStyle: "solid", borderWidth: "1px", borderColor: "transparent", zIndex: 99999, ...t } });
   return r && r.ownerDocument !== document ? Nc.createPortal(n, r.ownerDocument.body) : n;
 };
 var Ht = function(t, e) {
@@ -4800,7 +4800,7 @@ yl && yl.isMap;
 var xl = vu;
 xl && xl.isSet;
 typeof window < "u" && (window.__CRAFTJS__ || (window.__CRAFTJS__ = {}), window.__CRAFTJS__["@craftjs/core"] = "0.2.12");
-const bd = P.createContext(null), gd = ({ id: t, related: e = !1, children: r }) => P.createElement(bd.Provider, { value: { id: t, related: e } }, r);
+const bd = _.createContext(null), gd = ({ id: t, related: e = !1, children: r }) => _.createElement(bd.Provider, { value: { id: t, related: e } }, r);
 function wl(t, e) {
   var r = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
@@ -5012,19 +5012,19 @@ function ae(t) {
 }
 const wx = ({ render: t }) => {
   const { connectors: { connect: e, drag: r } } = ae();
-  return typeof t.type == "string" ? e(r(P.cloneElement(t))) : t;
+  return typeof t.type == "string" ? e(r(_.cloneElement(t))) : t;
 }, Sx = () => {
   const { type: t, props: e, nodes: r, hydrationTimestamp: n } = oa((o) => ({ type: o.data.type, props: o.data.props, nodes: o.data.nodes, hydrationTimestamp: o._hydrationTimestamp }));
   return Re(() => {
     let o = e.children;
-    r && r.length > 0 && (o = P.createElement(P.Fragment, null, r.map((i) => P.createElement(Eu, { id: i, key: i }))));
-    const a = P.createElement(t, e, o);
-    return typeof t == "string" ? P.createElement(wx, { render: a }) : a;
+    r && r.length > 0 && (o = _.createElement(_.Fragment, null, r.map((i) => _.createElement(Eu, { id: i, key: i }))));
+    const a = _.createElement(t, e, o);
+    return typeof t == "string" ? _.createElement(wx, { render: a }) : a;
   }, [t, e, n, r]);
 }, Cx = ({ render: t }) => {
   const { hidden: e } = oa((n) => ({ hidden: n.data.hidden })), { onRender: r } = sr((n) => ({ onRender: n.options.onRender }));
-  return e ? null : P.createElement(r, { render: t || P.createElement(Sx, null) });
-}, Eu = ({ id: t, render: e }) => P.createElement(gd, { id: t }, P.createElement(Cx, { render: e })), pi = { is: "div", canvas: !1, custom: {}, hidden: !1 }, Ex = { is: "type", canvas: "isCanvas" };
+  return e ? null : _.createElement(r, { render: t || _.createElement(Sx, null) });
+}, Eu = ({ id: t, render: e }) => _.createElement(gd, { id: t }, _.createElement(Cx, { render: e })), pi = { is: "div", canvas: !1, custom: {}, hidden: !1 }, Ex = { is: "type", canvas: "isCanvas" };
 function jt({ id: t, children: e, ...r }) {
   const { is: n } = { ...pi, ...r }, { query: o, actions: a } = sr(), { id: i, inNodeContext: u } = oa(), [s] = be(() => {
     ie(!!t, V2);
@@ -5032,20 +5032,20 @@ function jt({ id: t, children: e, ...r }) {
     if (u) {
       const c = l.data.linkedNodes[t] ? o.node(l.data.linkedNodes[t]).get() : null;
       if (c && c.data.type === n) return c.id;
-      const p = P.createElement(jt, r, e), f = o.parseReactElement(p).toNodeTree();
+      const p = _.createElement(jt, r, e), f = o.parseReactElement(p).toNodeTree();
       return a.history.ignore().addLinkedNodeFromTree(f, i, t), f.rootNodeId;
     }
     return null;
   });
-  return s ? P.createElement(Eu, { id: s }) : null;
+  return s ? _.createElement(Eu, { id: s }) : null;
 }
 const Cd = () => Ht("<Canvas />", { suggest: "<Element canvas={true} />" });
 function hi({ ...t }) {
-  return Me(() => Cd(), []), P.createElement(jt, { ...t, canvas: !0 });
+  return Me(() => Cd(), []), _.createElement(jt, { ...t, canvas: !0 });
 }
 const Nx = () => {
   const { timestamp: t } = sr((e) => ({ timestamp: e.nodes[St] && e.nodes[St]._hydrationTimestamp }));
-  return t ? P.createElement(Eu, { id: St, key: t }) : null;
+  return t ? _.createElement(Eu, { id: St, key: t }) : null;
 }, Nu = ({ children: t, json: e, data: r }) => {
   const { actions: n, query: o } = sr();
   e && Ht("<Frame json={...} />", { suggest: "<Frame data={...} />" });
@@ -5054,12 +5054,12 @@ const Nx = () => {
     const i = r || e;
     if (i) n.history.ignore().deserialize(i);
     else if (t) {
-      const u = P.Children.only(t), s = o.parseReactElement(u).toNodeTree((l, c) => (c === u && (l.id = St), l));
+      const u = _.Children.only(t), s = o.parseReactElement(u).toNodeTree((l, c) => (c === u && (l.id = St), l));
       n.history.ignore().addNodeTree(s);
     }
     a.current = !0;
   }
-  return P.createElement(Nx, null);
+  return _.createElement(Nx, null);
 };
 var Sl;
 (function(t) {
@@ -5245,7 +5245,7 @@ function Cl(t, e) {
       var i = { id: n.id, related: !0 };
       Object.keys(a.related).forEach(function(u) {
         n.related[u] = function(s) {
-          return P.createElement(gd, i, P.createElement(a.related[u], s));
+          return _.createElement(gd, i, _.createElement(a.related[u], s));
         };
       });
     }
@@ -5261,7 +5261,7 @@ const gi = (t, e, r) => {
     const l = o[s];
     return u[s] = l == null ? null : typeof l == "object" && l.resolvedName ? gi(l, e) : s === "children" && Array.isArray(l) ? l.map((c) => typeof c == "string" ? c : gi(c, e)) : l, u;
   }, {});
-  const i = { ...P.createElement(a, { ...o }) };
+  const i = { ..._.createElement(a, { ...o }) };
   return { ...i, name: To(e, i.type) };
 }, kx = (t, e) => {
   const { type: r, props: n, ...o } = t;
@@ -5320,14 +5320,14 @@ function Td(t) {
   }, parseReactElement: (n) => ({ toNodeTree(o) {
     let a = function(u, s) {
       let l = u;
-      return typeof l == "string" && (l = P.createElement(Pp, {}, l)), Cl({ data: { type: l.type, props: { ...l.props } } }, (c) => {
+      return typeof l == "string" && (l = _.createElement(Pp, {}, l)), Cl({ data: { type: l.type, props: { ...l.props } } }, (c) => {
         s && s(c, l);
       });
     }(n, (u, s) => {
       const l = To(t.options.resolver, u.data.type);
       u.data.displayName = u.data.displayName || l, u.data.name = l, o && o(u, s);
     }), i = [];
-    return n.props && n.props.children && (i = P.Children.toArray(n.props.children).reduce((u, s) => (P.isValidElement(s) && u.push(r().parseReactElement(s).toNodeTree(o)), u), [])), _x(a, i);
+    return n.props && n.props.children && (i = _.Children.toArray(n.props.children).reduce((u, s) => (_.isValidElement(s) && u.push(r().parseReactElement(s).toNodeTree(o)), u), [])), _x(a, i);
   } }), parseSerializedNode: (n) => ({ toNode(o) {
     const a = kx(n, t.options.resolver);
     ie(a.type, Co);
@@ -5522,7 +5522,7 @@ var Nl = function(t, e) {
         var p;
         if (c.craft.stopPropagation(), typeof i == "function") {
           var f = i();
-          p = P.isValidElement(f) ? o.query.parseReactElement(f).toNodeTree() : f;
+          p = _.isValidElement(f) ? o.query.parseReactElement(f).toNodeTree() : f;
         } else p = o.query.parseReactElement(i).toNodeTree();
         n.draggedElementShadow = Nl(c, [c.currentTarget], r.forceSingleDragShadow), n.dragTarget = { type: "new", tree: p }, n.positioner = new vi(n.options.store, n.dragTarget);
       }), l = n.addCraftEventListener(a, "dragend", function(c) {
@@ -5551,10 +5551,10 @@ const Dx = () => {
   const { indicator: t, indicatorOptions: e, enabled: r } = sr((o) => ({ indicator: o.indicator, indicatorOptions: o.options.indicator, enabled: o.options.enabled })), n = Sd();
   return Me(() => {
     n && (r ? n.enable() : n.disable());
-  }, [r, n]), t ? P.createElement(hx, { className: e.className, style: { ...Ix(t.placement, mn(t.placement.parent.dom), t.placement.currentNode && mn(t.placement.currentNode.dom), e.thickness), backgroundColor: t.error ? e.error : e.success, transition: e.transition || "0.2s ease-in", ...e.style ?? {} }, parentDom: t.placement.parent.dom }) : null;
+  }, [r, n]), t ? _.createElement(hx, { className: e.className, style: { ...Ix(t.placement, mn(t.placement.parent.dom), t.placement.currentNode && mn(t.placement.currentNode.dom), e.thickness), backgroundColor: t.error ? e.error : e.success, transition: e.transition || "0.2s ease-in", ...e.style ?? {} }, parentDom: t.placement.parent.dom }) : null;
 }, Mx = ({ children: t }) => {
   const e = ir(Cu), r = Re(() => e.query.getOptions().handlers(e), [e]);
-  return r ? P.createElement(wd.Provider, { value: r }, P.createElement(Dx, null), t) : null;
+  return r ? _.createElement(wd.Provider, { value: r }, _.createElement(Dx, null), t) : null;
 }, Tl = { nodes: {}, events: { dragged: /* @__PURE__ */ new Set(), selected: /* @__PURE__ */ new Set(), hovered: /* @__PURE__ */ new Set() }, indicator: null, options: { onNodesChange: () => null, onRender: ({ render: t }) => t, onBeforeMoveEnd: () => null, resolver: {}, enabled: !0, indicator: { error: "red", success: "rgb(98, 196, 98)" }, handlers: (t) => new Ad({ store: t, removeHoverOnMouseleave: !1, isMultiSelectEnabled: (e) => !!e.metaKey }), normalizeNodes: () => {
 } } }, Lx = { methods: function(t, e) {
   return le(le({}, /* @__PURE__ */ function(r, n) {
@@ -5629,13 +5629,13 @@ const Dx = () => {
       var c = wt(r.nodes, u, { existOnly: !0 }), p = r.nodes[s], f = /* @__PURE__ */ new Set();
       c.forEach(function(d, b) {
         var g = d.node, m = g.id, v = g.data.parent;
-        n.node(s).isDroppable([m], function(w) {
-          throw new Error(w);
+        n.node(s).isDroppable([m], function(C) {
+          throw new Error(C);
         }), r.options.onBeforeMoveEnd(g, p, r.nodes[v]);
         var x = r.nodes[v].data.nodes;
         f.add(x);
-        var S = x.indexOf(m);
-        x[S] = "$$", p.data.nodes.splice(l + b, 0, m), r.nodes[m].data.parent = s;
+        var w = x.indexOf(m);
+        x[w] = "$$", p.data.nodes.splice(l + b, 0, m), r.nodes[m].data.parent = s;
       }), f.forEach(function(d) {
         var b = d.length;
         bn(d).reverse().forEach(function(g, m) {
@@ -5901,10 +5901,10 @@ var Yx = "DismissableLayer", wi = "dismissableLayer.update", Xx = "dismissableLa
       onInteractOutside: i,
       onDismiss: u,
       ...s
-    } = t, l = y.useContext(kd), [c, p] = y.useState(null), f = (c == null ? void 0 : c.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, d] = y.useState({}), b = Ee(e, (I) => p(I)), g = Array.from(l.layers), [m] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), v = g.indexOf(m), x = c ? g.indexOf(c) : -1, S = l.layersWithOutsidePointerEventsDisabled.size > 0, w = x >= v, T = Qx((I) => {
+    } = t, l = y.useContext(kd), [c, p] = y.useState(null), f = (c == null ? void 0 : c.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, d] = y.useState({}), b = Ee(e, (I) => p(I)), g = Array.from(l.layers), [m] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), v = g.indexOf(m), x = c ? g.indexOf(c) : -1, w = l.layersWithOutsidePointerEventsDisabled.size > 0, C = x >= v, T = Qx((I) => {
       const L = I.target, $ = [...l.branches].some((B) => B.contains(L));
-      !w || $ || (o == null || o(I), i == null || i(I), I.defaultPrevented || u == null || u());
-    }, f), _ = ew((I) => {
+      !C || $ || (o == null || o(I), i == null || i(I), I.defaultPrevented || u == null || u());
+    }, f), P = ew((I) => {
       const L = I.target;
       [...l.branches].some((B) => B.contains(L)) || (a == null || a(I), i == null || i(I), I.defaultPrevented || u == null || u());
     }, f);
@@ -5926,11 +5926,11 @@ var Yx = "DismissableLayer", wi = "dismissableLayer.update", Xx = "dismissableLa
         ...s,
         ref: b,
         style: {
-          pointerEvents: S ? w ? "auto" : "none" : void 0,
+          pointerEvents: w ? C ? "auto" : "none" : void 0,
           ...t.style
         },
-        onFocusCapture: ce(t.onFocusCapture, _.onFocusCapture),
-        onBlurCapture: ce(t.onBlurCapture, _.onBlurCapture),
+        onFocusCapture: ce(t.onFocusCapture, P.onFocusCapture),
+        onBlurCapture: ce(t.onBlurCapture, P.onBlurCapture),
         onPointerDownCapture: ce(
           t.onPointerDownCapture,
           T.onPointerDownCapture
@@ -6187,8 +6187,8 @@ const hw = async (t, e, r) => {
       fn: v
     } = u[g], {
       x,
-      y: S,
-      data: w,
+      y: w,
+      data: C,
       reset: T
     } = await v({
       x: c,
@@ -6204,11 +6204,11 @@ const hw = async (t, e, r) => {
         floating: e
       }
     });
-    c = x ?? c, p = S ?? p, d = {
+    c = x ?? c, p = w ?? p, d = {
       ...d,
       [m]: {
         ...d[m],
-        ...w
+        ...C
       }
     }, T && b <= 50 && (b++, typeof T == "object" && (T.placement && (f = T.placement), T.rects && (l = T.rects === !0 ? await i.getElementRects({
       reference: t,
@@ -6253,7 +6253,7 @@ async function gn(t, e) {
     y: o,
     width: i.floating.width,
     height: i.floating.height
-  } : i.reference, S = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u.floating)), w = await (a.isElement == null ? void 0 : a.isElement(S)) ? await (a.getScale == null ? void 0 : a.getScale(S)) || {
+  } : i.reference, w = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u.floating)), C = await (a.isElement == null ? void 0 : a.isElement(w)) ? await (a.getScale == null ? void 0 : a.getScale(w)) || {
     x: 1,
     y: 1
   } : {
@@ -6262,14 +6262,14 @@ async function gn(t, e) {
   }, T = ko(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: u,
     rect: x,
-    offsetParent: S,
+    offsetParent: w,
     strategy: s
   }) : x);
   return {
-    top: (v.top - T.top + b.top) / w.y,
-    bottom: (T.bottom - v.bottom + b.bottom) / w.y,
-    left: (v.left - T.left + b.left) / w.x,
-    right: (T.right - v.right + b.right) / w.x
+    top: (v.top - T.top + b.top) / C.y,
+    bottom: (T.bottom - v.bottom + b.bottom) / C.y,
+    left: (v.left - T.left + b.left) / C.x,
+    right: (T.right - v.right + b.right) / C.x
   };
 }
 const mw = (t) => ({
@@ -6293,10 +6293,10 @@ const mw = (t) => ({
     const p = Id(c), f = {
       x: r,
       y: n
-    }, d = Ou(o), b = Au(d), g = await i.getDimensions(l), m = d === "y", v = m ? "top" : "left", x = m ? "bottom" : "right", S = m ? "clientHeight" : "clientWidth", w = a.reference[b] + a.reference[d] - f[d] - a.floating[b], T = f[d] - a.reference[d], _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(l));
-    let I = _ ? _[S] : 0;
-    (!I || !await (i.isElement == null ? void 0 : i.isElement(_))) && (I = u.floating[S] || a.floating[b]);
-    const L = w / 2 - T / 2, $ = I / 2 - g[b] / 2 - 1, B = Ft(p[v], $), C = Ft(p[x], $), N = B, R = I - g[b] - C, M = I / 2 - g[b] / 2 + L, E = Si(N, M, R), O = !s.arrow && Wr(o) != null && M !== E && a.reference[b] / 2 - (M < N ? B : C) - g[b] / 2 < 0, A = O ? M < N ? M - N : M - R : 0;
+    }, d = Ou(o), b = Au(d), g = await i.getDimensions(l), m = d === "y", v = m ? "top" : "left", x = m ? "bottom" : "right", w = m ? "clientHeight" : "clientWidth", C = a.reference[b] + a.reference[d] - f[d] - a.floating[b], T = f[d] - a.reference[d], P = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(l));
+    let I = P ? P[w] : 0;
+    (!I || !await (i.isElement == null ? void 0 : i.isElement(P))) && (I = u.floating[w] || a.floating[b]);
+    const L = C / 2 - T / 2, $ = I / 2 - g[b] / 2 - 1, B = Ft(p[v], $), S = Ft(p[x], $), N = B, R = I - g[b] - S, M = I / 2 - g[b] / 2 + L, E = Si(N, M, R), O = !s.arrow && Wr(o) != null && M !== E && a.reference[b] / 2 - (M < N ? B : S) - g[b] / 2 < 0, A = O ? M < N ? M - N : M - R : 0;
     return {
       [d]: f[d] + A,
       data: {
@@ -6333,20 +6333,20 @@ const mw = (t) => ({
       } = Et(t, e);
       if ((r = a.arrow) != null && r.alignmentOffset)
         return {};
-      const v = Nt(o), x = rt(u), S = Nt(u) === u, w = await (s.isRTL == null ? void 0 : s.isRTL(l.floating)), T = f || (S || !g ? [Oo(u)] : sw(u)), _ = b !== "none";
-      !f && _ && T.push(...fw(u, g, b, w));
+      const v = Nt(o), x = rt(u), w = Nt(u) === u, C = await (s.isRTL == null ? void 0 : s.isRTL(l.floating)), T = f || (w || !g ? [Oo(u)] : sw(u)), P = b !== "none";
+      !f && P && T.push(...fw(u, g, b, C));
       const I = [u, ...T], L = await gn(e, m), $ = [];
       let B = ((n = a.flip) == null ? void 0 : n.overflows) || [];
       if (c && $.push(L[v]), p) {
-        const M = uw(o, i, w);
+        const M = uw(o, i, C);
         $.push(L[M[0]], L[M[1]]);
       }
       if (B = [...B, {
         placement: o,
         overflows: $
       }], !$.every((M) => M <= 0)) {
-        var C, N;
-        const M = (((C = a.flip) == null ? void 0 : C.index) || 0) + 1, E = I[M];
+        var S, N;
+        const M = (((S = a.flip) == null ? void 0 : S.index) || 0) + 1, E = I[M];
         if (E && (!(p === "alignment" ? x !== rt(E) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         B.every((D) => rt(D.placement) === x ? D.overflows[0] > 0 : !0)))
@@ -6365,7 +6365,7 @@ const mw = (t) => ({
             case "bestFit": {
               var R;
               const A = (R = B.filter((D) => {
-                if (_) {
+                if (P) {
                   const j = rt(D.placement);
                   return j === x || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
@@ -6524,12 +6524,12 @@ const yw = function(t) {
       }, c = await gn(e, s), p = rt(Nt(o)), f = Tu(p);
       let d = l[f], b = l[p];
       if (a) {
-        const m = f === "y" ? "top" : "left", v = f === "y" ? "bottom" : "right", x = d + c[m], S = d - c[v];
-        d = Si(x, d, S);
+        const m = f === "y" ? "top" : "left", v = f === "y" ? "bottom" : "right", x = d + c[m], w = d - c[v];
+        d = Si(x, d, w);
       }
       if (i) {
-        const m = p === "y" ? "top" : "left", v = p === "y" ? "bottom" : "right", x = b + c[m], S = b - c[v];
-        b = Si(x, b, S);
+        const m = p === "y" ? "top" : "left", v = p === "y" ? "bottom" : "right", x = b + c[m], w = b - c[v];
+        b = Si(x, b, w);
       }
       const g = u.fn({
         ...e,
@@ -6577,13 +6577,13 @@ const yw = function(t) {
         ...g
       };
       if (s) {
-        const S = f === "y" ? "height" : "width", w = a.reference[f] - a.floating[S] + m.mainAxis, T = a.reference[f] + a.reference[S] - m.mainAxis;
-        d < w ? d = w : d > T && (d = T);
+        const w = f === "y" ? "height" : "width", C = a.reference[f] - a.floating[w] + m.mainAxis, T = a.reference[f] + a.reference[w] - m.mainAxis;
+        d < C ? d = C : d > T && (d = T);
       }
       if (l) {
         var v, x;
-        const S = f === "y" ? "width" : "height", w = Dd.has(Nt(o)), T = a.reference[p] - a.floating[S] + (w && ((v = i.offset) == null ? void 0 : v[p]) || 0) + (w ? 0 : m.crossAxis), _ = a.reference[p] + a.reference[S] + (w ? 0 : ((x = i.offset) == null ? void 0 : x[p]) || 0) - (w ? m.crossAxis : 0);
-        b < T ? b = T : b > _ && (b = _);
+        const w = f === "y" ? "width" : "height", C = Dd.has(Nt(o)), T = a.reference[p] - a.floating[w] + (C && ((v = i.offset) == null ? void 0 : v[p]) || 0) + (C ? 0 : m.crossAxis), P = a.reference[p] + a.reference[w] + (C ? 0 : ((x = i.offset) == null ? void 0 : x[p]) || 0) - (C ? m.crossAxis : 0);
+        b < T ? b = T : b > P && (b = P);
       }
       return {
         [f]: d,
@@ -6612,11 +6612,11 @@ const yw = function(t) {
       } = a.floating;
       let m, v;
       p === "top" || p === "bottom" ? (m = p, v = f === (await (i.isRTL == null ? void 0 : i.isRTL(u.floating)) ? "start" : "end") ? "left" : "right") : (v = p, m = f === "end" ? "top" : "bottom");
-      const x = g - c.top - c.bottom, S = b - c.left - c.right, w = Ft(g - c[m], x), T = Ft(b - c[v], S), _ = !e.middlewareData.shift;
-      let I = w, L = T;
-      if ((r = e.middlewareData.shift) != null && r.enabled.x && (L = S), (n = e.middlewareData.shift) != null && n.enabled.y && (I = x), _ && !f) {
-        const B = Ie(c.left, 0), C = Ie(c.right, 0), N = Ie(c.top, 0), R = Ie(c.bottom, 0);
-        d ? L = b - 2 * (B !== 0 || C !== 0 ? B + C : Ie(c.left, c.right)) : I = g - 2 * (N !== 0 || R !== 0 ? N + R : Ie(c.top, c.bottom));
+      const x = g - c.top - c.bottom, w = b - c.left - c.right, C = Ft(g - c[m], x), T = Ft(b - c[v], w), P = !e.middlewareData.shift;
+      let I = C, L = T;
+      if ((r = e.middlewareData.shift) != null && r.enabled.x && (L = w), (n = e.middlewareData.shift) != null && n.enabled.y && (I = x), P && !f) {
+        const B = Ie(c.left, 0), S = Ie(c.right, 0), N = Ie(c.top, 0), R = Ie(c.bottom, 0);
+        d ? L = b - 2 * (B !== 0 || S !== 0 ? B + S : Ie(c.left, c.right)) : I = g - 2 * (N !== 0 || R !== 0 ? N + R : Ie(c.top, c.bottom));
       }
       await s({
         ...e,
@@ -6796,8 +6796,8 @@ function rr(t, e, r, n) {
     const f = De(a), d = n && Xe(n) ? De(n) : n;
     let b = f, g = Ei(b);
     for (; g && n && d !== b; ) {
-      const m = Er(g), v = g.getBoundingClientRect(), x = Ke(g), S = v.left + (g.clientLeft + parseFloat(x.paddingLeft)) * m.x, w = v.top + (g.clientTop + parseFloat(x.paddingTop)) * m.y;
-      s *= m.x, l *= m.y, c *= m.x, p *= m.y, s += S, l += w, b = De(g), g = Ei(b);
+      const m = Er(g), v = g.getBoundingClientRect(), x = Ke(g), w = v.left + (g.clientLeft + parseFloat(x.paddingLeft)) * m.x, C = v.top + (g.clientTop + parseFloat(x.paddingTop)) * m.y;
+      s *= m.x, l *= m.y, c *= m.x, p *= m.y, s += w, l += C, b = De(g), g = Ei(b);
     }
   }
   return ko({
@@ -7054,30 +7054,30 @@ function Gw(t, e) {
     } = l;
     if (u || e(), !f || !d)
       return;
-    const b = Gn(p), g = Gn(o.clientWidth - (c + f)), m = Gn(o.clientHeight - (p + d)), v = Gn(c), S = {
+    const b = Gn(p), g = Gn(o.clientWidth - (c + f)), m = Gn(o.clientHeight - (p + d)), v = Gn(c), w = {
       rootMargin: -b + "px " + -g + "px " + -m + "px " + -v + "px",
       threshold: Ie(0, Ft(1, s)) || 1
     };
-    let w = !0;
-    function T(_) {
-      const I = _[0].intersectionRatio;
+    let C = !0;
+    function T(P) {
+      const I = P[0].intersectionRatio;
       if (I !== s) {
-        if (!w)
+        if (!C)
           return i();
         I ? i(!1, I) : n = setTimeout(() => {
           i(!1, 1e-7);
         }, 1e3);
       }
-      I === 1 && !Fd(l, t.getBoundingClientRect()) && i(), w = !1;
+      I === 1 && !Fd(l, t.getBoundingClientRect()) && i(), C = !1;
     }
     try {
       r = new IntersectionObserver(T, {
-        ...S,
+        ...w,
         // Handle <iframe>s
         root: o.ownerDocument
       });
     } catch {
-      r = new IntersectionObserver(T, S);
+      r = new IntersectionObserver(T, w);
     }
     r.observe(t);
   }
@@ -7102,8 +7102,8 @@ function Yw(t, e, r, n) {
   i && (d = new ResizeObserver((v) => {
     let [x] = v;
     x && x.target === l && d && (d.unobserve(e), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
-      var S;
-      (S = d) == null || S.observe(e);
+      var w;
+      (w = d) == null || w.observe(e);
     })), r();
   }), l && !s && d.observe(l), d.observe(e));
   let b, g = s ? rr(t) : null;
@@ -7201,18 +7201,18 @@ function o3(t) {
   }), [f, d] = y.useState(n);
   Po(f, n) || d(n);
   const [b, g] = y.useState(null), [m, v] = y.useState(null), x = y.useCallback((D) => {
-    D !== _.current && (_.current = D, g(D));
-  }, []), S = y.useCallback((D) => {
+    D !== P.current && (P.current = D, g(D));
+  }, []), w = y.useCallback((D) => {
     D !== I.current && (I.current = D, v(D));
-  }, []), w = a || b, T = i || m, _ = y.useRef(null), I = y.useRef(null), L = y.useRef(c), $ = s != null, B = za(s), C = za(o), N = za(l), R = y.useCallback(() => {
-    if (!_.current || !I.current)
+  }, []), C = a || b, T = i || m, P = y.useRef(null), I = y.useRef(null), L = y.useRef(c), $ = s != null, B = za(s), S = za(o), N = za(l), R = y.useCallback(() => {
+    if (!P.current || !I.current)
       return;
     const D = {
       placement: e,
       strategy: r,
       middleware: f
     };
-    C.current && (D.platform = C.current), t3(_.current, I.current, D).then((j) => {
+    S.current && (D.platform = S.current), t3(P.current, I.current, D).then((j) => {
       const U = {
         ...j,
         // The floating element's position may be recomputed while it's closed
@@ -7225,7 +7225,7 @@ function o3(t) {
         p(U);
       }));
     });
-  }, [f, e, r, C, N]);
+  }, [f, e, r, S, N]);
   so(() => {
     l === !1 && L.current.isPositioned && (L.current.isPositioned = !1, p((D) => ({
       ...D,
@@ -7236,21 +7236,21 @@ function o3(t) {
   so(() => (M.current = !0, () => {
     M.current = !1;
   }), []), so(() => {
-    if (w && (_.current = w), T && (I.current = T), w && T) {
+    if (C && (P.current = C), T && (I.current = T), C && T) {
       if (B.current)
-        return B.current(w, T, R);
+        return B.current(C, T, R);
       R();
     }
-  }, [w, T, R, B, $]);
+  }, [C, T, R, B, $]);
   const E = y.useMemo(() => ({
-    reference: _,
+    reference: P,
     floating: I,
     setReference: x,
-    setFloating: S
-  }), [x, S]), O = y.useMemo(() => ({
-    reference: w,
+    setFloating: w
+  }), [x, w]), O = y.useMemo(() => ({
+    reference: C,
     floating: T
-  }), [w, T]), A = y.useMemo(() => {
+  }), [C, T]), A = y.useMemo(() => {
     const D = {
       position: r,
       left: 0,
@@ -7394,9 +7394,9 @@ var Iu = "PopperContent", [b3, g3] = Wd(Iu), Zd = y.forwardRef(
       updatePositionStrategy: d = "optimized",
       onPlaced: b,
       ...g
-    } = t, m = Yd(Iu, r), [v, x] = y.useState(null), S = Ee(e, (Qe) => x(Qe)), [w, T] = y.useState(null), _ = Vd(w), I = (_ == null ? void 0 : _.width) ?? 0, L = (_ == null ? void 0 : _.height) ?? 0, $ = n + (a !== "center" ? "-" + a : ""), B = typeof c == "number" ? c : { top: 0, right: 0, bottom: 0, left: 0, ...c }, C = Array.isArray(l) ? l : [l], N = C.length > 0, R = {
+    } = t, m = Yd(Iu, r), [v, x] = y.useState(null), w = Ee(e, (Qe) => x(Qe)), [C, T] = y.useState(null), P = Vd(C), I = (P == null ? void 0 : P.width) ?? 0, L = (P == null ? void 0 : P.height) ?? 0, $ = n + (a !== "center" ? "-" + a : ""), B = typeof c == "number" ? c : { top: 0, right: 0, bottom: 0, left: 0, ...c }, S = Array.isArray(l) ? l : [l], N = S.length > 0, R = {
       padding: B,
-      boundary: C.filter(y3),
+      boundary: S.filter(y3),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: N
     }, { refs: M, floatingStyles: E, placement: O, isPositioned: A, middlewareData: D } = o3({
@@ -7425,7 +7425,7 @@ var Iu = "PopperContent", [b3, g3] = Wd(Iu), Zd = y.forwardRef(
             pr.setProperty("--radix-popper-available-width", `${Na}px`), pr.setProperty("--radix-popper-available-height", `${zn}px`), pr.setProperty("--radix-popper-anchor-width", `${Ta}px`), pr.setProperty("--radix-popper-anchor-height", `${Jr}px`);
           }
         }),
-        w && f3({ element: w, padding: u }),
+        C && f3({ element: C, padding: u }),
         x3({ arrowWidth: I, arrowHeight: L }),
         f && d3({ strategy: "referenceHidden", ...R })
       ]
@@ -7475,7 +7475,7 @@ var Iu = "PopperContent", [b3, g3] = Wd(Iu), Zd = y.forwardRef(
                 "data-side": j,
                 "data-align": U,
                 ...g,
-                ref: S,
+                ref: w,
                 style: {
                   ...g.style,
                   // if the PopperContent hasn't been placed yet (not all measurements done)
@@ -7757,11 +7757,11 @@ var yn = "Tooltip", [$3, da] = la(yn), af = (t) => {
       I ? (s.onOpen(), document.dispatchEvent(new CustomEvent(Ni))) : s.onClose(), a == null || a(I);
     },
     caller: yn
-  }), S = y.useMemo(() => v ? m.current ? "delayed-open" : "instant-open" : "closed", [v]), w = y.useCallback(() => {
+  }), w = y.useMemo(() => v ? m.current ? "delayed-open" : "instant-open" : "closed", [v]), C = y.useCallback(() => {
     window.clearTimeout(d.current), d.current = 0, m.current = !1, x(!0);
   }, [x]), T = y.useCallback(() => {
     window.clearTimeout(d.current), d.current = 0, x(!1);
-  }, [x]), _ = y.useCallback(() => {
+  }, [x]), P = y.useCallback(() => {
     window.clearTimeout(d.current), d.current = window.setTimeout(() => {
       m.current = !0, x(!0), d.current = 0;
     }, g);
@@ -7774,16 +7774,16 @@ var yn = "Tooltip", [$3, da] = la(yn), af = (t) => {
       scope: e,
       contentId: f,
       open: v,
-      stateAttribute: S,
+      stateAttribute: w,
       trigger: c,
       onTriggerChange: p,
       onTriggerEnter: y.useCallback(() => {
-        s.isOpenDelayedRef.current ? _() : w();
-      }, [s.isOpenDelayedRef, _, w]),
+        s.isOpenDelayedRef.current ? P() : C();
+      }, [s.isOpenDelayedRef, P, C]),
       onTriggerLeave: y.useCallback(() => {
         b ? T() : (window.clearTimeout(d.current), d.current = 0);
       }, [T, b]),
-      onOpen: w,
+      onOpen: C,
       onClose: T,
       disableHoverableContent: b,
       children: r
@@ -7832,7 +7832,7 @@ var B3 = "TooltipPortal", [kC, H3] = la(B3, {
     u(null), p(!1);
   }, [p]), d = y.useCallback(
     (b, g) => {
-      const m = b.currentTarget, v = { x: b.clientX, y: b.clientY }, x = W3(v, m.getBoundingClientRect()), S = G3(v, x), w = Y3(g.getBoundingClientRect()), T = K3([...S, ...w]);
+      const m = b.currentTarget, v = { x: b.clientX, y: b.clientY }, x = W3(v, m.getBoundingClientRect()), w = G3(v, x), C = Y3(g.getBoundingClientRect()), T = K3([...w, ...C]);
       u(T), p(!0);
     },
     [p]
@@ -7847,8 +7847,8 @@ var B3 = "TooltipPortal", [kC, H3] = la(B3, {
   }, [s, c, d, f]), y.useEffect(() => {
     if (i) {
       const b = (g) => {
-        const m = g.target, v = { x: g.clientX, y: g.clientY }, x = (s == null ? void 0 : s.contains(m)) || (c == null ? void 0 : c.contains(m)), S = !X3(v, i);
-        x ? f() : S && (f(), l());
+        const m = g.target, v = { x: g.clientX, y: g.clientY }, x = (s == null ? void 0 : s.contains(m)) || (c == null ? void 0 : c.contains(m)), w = !X3(v, i);
+        x ? f() : w && (f(), l());
       };
       return document.addEventListener("pointermove", b), () => document.removeEventListener("pointermove", b);
     }
@@ -8096,7 +8096,7 @@ const Nr = {
           {
             onClick: () => l(!s),
             className: `p-1 rounded transition-colors ${s || b ? "bg-primary/10 text-primary" : "text-muted-foreground hover:text-foreground"}`,
-            children: P.createElement(Nr[u].icon, {
+            children: _.createElement(Nr[u].icon, {
               className: "h-3 w-3"
             })
           }
@@ -8106,7 +8106,7 @@ const Nr = {
     ] }),
     s ? /* @__PURE__ */ h("div", { className: "space-y-1.5 pl-2 border-l-2 border-primary/20", children: Ge.map((g) => {
       const m = Nr[g].icon, v = c[g], x = v === void 0 ? Ge.find(
-        (S) => Ge.indexOf(S) > Ge.indexOf(g) && c[S] !== void 0
+        (w) => Ge.indexOf(w) > Ge.indexOf(g) && c[w] !== void 0
       ) || "desktop" : null;
       return /* @__PURE__ */ k("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ h(xn, { children: /* @__PURE__ */ k(Pr, { children: [
@@ -8125,9 +8125,9 @@ const Nr = {
             type: "number",
             value: v ?? "",
             placeholder: x ? `${c[x] ?? i}` : "",
-            onChange: (S) => {
-              const w = S.target.value === "" ? void 0 : parseInt(S.target.value) || 0;
-              f(g, w);
+            onChange: (w) => {
+              const C = w.target.value === "" ? void 0 : parseInt(w.target.value) || 0;
+              f(g, C);
             },
             min: n,
             max: o,
@@ -8343,7 +8343,7 @@ const Nr = {
             {
               onClick: () => l(!s),
               className: `p-1 rounded transition-colors ${s || d ? "bg-primary/10 text-primary" : "text-muted-foreground hover:text-foreground"}`,
-              children: P.createElement(Nr[u].icon, {
+              children: _.createElement(Nr[u].icon, {
                 className: "h-3 w-3"
               })
             }
@@ -8412,34 +8412,34 @@ const Nr = {
   opacity: g = 100
 }) => {
   const m = Te();
-  let v, x, S;
+  let v, x, w;
   try {
     const { connectors: M, events: E } = ae((O) => ({
       events: O.events
     }));
-    v = M.connect, x = M.drag, S = E.selected;
+    v = M.connect, x = M.drag, w = E.selected;
   } catch {
   }
-  const w = {
+  const C = {
     sm: { px: 12, py: 6, fs: 14 },
     md: { px: 16, py: 10, fs: 16 },
     lg: { px: 24, py: 14, fs: 18 }
-  }, T = w[r] || w.md, _ = p === "auto" ? T.px : p, I = f === "auto" ? T.py : f, L = l === "auto" ? T.fs : l, $ = typeof d[m] == "object" ? `${d[m].top}px ${d[m].right}px ${d[m].bottom}px ${d[m].left}px` : `${d[m]}px`, B = e === "outline" ? "transparent" : n, C = e === "outline" ? n : o, N = e === "outline" ? 2 : i, R = e === "outline" ? n : a;
+  }, T = C[r] || C.md, P = p === "auto" ? T.px : p, I = f === "auto" ? T.py : f, L = l === "auto" ? T.fs : l, $ = typeof d[m] == "object" ? `${d[m].top}px ${d[m].right}px ${d[m].bottom}px ${d[m].left}px` : `${d[m]}px`, B = e === "outline" ? "transparent" : n, S = e === "outline" ? n : o, N = e === "outline" ? 2 : i, R = e === "outline" ? n : a;
   return /* @__PURE__ */ h(
     "button",
     {
       ref: (M) => M && v && x && (v == null ? void 0 : v(x == null ? void 0 : x(M))),
-      className: `cursor-move transition-all hover:opacity-90 ${S ? "ring-2 ring-primary ring-offset-2" : ""}`,
+      className: `cursor-move transition-all hover:opacity-90 ${w ? "ring-2 ring-primary ring-offset-2" : ""}`,
       style: {
         backgroundColor: B,
-        color: C,
+        color: S,
         borderWidth: `${N}px`,
         borderColor: R,
         borderStyle: "solid",
         borderRadius: `${u}px`,
         fontWeight: s,
         fontSize: `${L}px`,
-        padding: `${I}px ${_}px`,
+        padding: `${I}px ${P}px`,
         margin: $,
         width: c === "full" ? "100%" : "auto",
         boxShadow: b === "none" ? "none" : b,
@@ -8659,7 +8659,7 @@ Mu.craft = {
     settings: t6
   }
 };
-const Z = (t, e) => t[e] || t.desktop || t.small || t.tablet || t.mobile || t || "", vr = ({ label: t, value: e, onChange: r, max: n = 1e4 }) => {
+const Z = (t, e) => t && (t[e] || t.desktop || t.small || t.tablet || t.mobile || t) || "", vr = ({ label: t, value: e, onChange: r, max: n = 1e4 }) => {
   var p, f, d;
   const o = Te(), a = ((p = e == null ? void 0 : e[o]) == null ? void 0 : p.type) || "custom", i = (f = e == null ? void 0 : e[o]) == null ? void 0 : f.value, u = ((d = e == null ? void 0 : e[o]) == null ? void 0 : d.unit) || "%";
   return /* @__PURE__ */ k("div", { className: "space-y-2", children: [
@@ -9237,25 +9237,25 @@ var Oi = {};
   t.default = o;
 })(Oi);
 (function(t) {
-  var e = q && q.__createBinding || (Object.create ? function(C, N, R, M) {
+  var e = q && q.__createBinding || (Object.create ? function(S, N, R, M) {
     M === void 0 && (M = R);
     var E = Object.getOwnPropertyDescriptor(N, R);
     (!E || ("get" in E ? !N.__esModule : E.writable || E.configurable)) && (E = { enumerable: !0, get: function() {
       return N[R];
-    } }), Object.defineProperty(C, M, E);
-  } : function(C, N, R, M) {
-    M === void 0 && (M = R), C[M] = N[R];
-  }), r = q && q.__setModuleDefault || (Object.create ? function(C, N) {
-    Object.defineProperty(C, "default", { enumerable: !0, value: N });
-  } : function(C, N) {
-    C.default = N;
-  }), n = q && q.__importStar || function(C) {
-    if (C && C.__esModule) return C;
+    } }), Object.defineProperty(S, M, E);
+  } : function(S, N, R, M) {
+    M === void 0 && (M = R), S[M] = N[R];
+  }), r = q && q.__setModuleDefault || (Object.create ? function(S, N) {
+    Object.defineProperty(S, "default", { enumerable: !0, value: N });
+  } : function(S, N) {
+    S.default = N;
+  }), n = q && q.__importStar || function(S) {
+    if (S && S.__esModule) return S;
     var N = {};
-    if (C != null) for (var R in C) R !== "default" && Object.prototype.hasOwnProperty.call(C, R) && e(N, C, R);
-    return r(N, C), N;
-  }, o = q && q.__importDefault || function(C) {
-    return C && C.__esModule ? C : { default: C };
+    if (S != null) for (var R in S) R !== "default" && Object.prototype.hasOwnProperty.call(S, R) && e(N, S, R);
+    return r(N, S), N;
+  }, o = q && q.__importDefault || function(S) {
+    return S && S.__esModule ? S : { default: S };
   };
   Object.defineProperty(t, "__esModule", { value: !0 }), t.decodeXML = t.decodeHTMLStrict = t.decodeHTMLAttribute = t.decodeHTML = t.determineBranch = t.EntityDecoder = t.DecodingMode = t.BinTrieFlags = t.fromCodePoint = t.replaceCodePoint = t.decodeCodePoint = t.xmlDecodeTree = t.htmlDecodeTree = void 0;
   var a = o($u);
@@ -9271,42 +9271,42 @@ var Oi = {};
     return s.fromCodePoint;
   } });
   var l;
-  (function(C) {
-    C[C.NUM = 35] = "NUM", C[C.SEMI = 59] = "SEMI", C[C.EQUALS = 61] = "EQUALS", C[C.ZERO = 48] = "ZERO", C[C.NINE = 57] = "NINE", C[C.LOWER_A = 97] = "LOWER_A", C[C.LOWER_F = 102] = "LOWER_F", C[C.LOWER_X = 120] = "LOWER_X", C[C.LOWER_Z = 122] = "LOWER_Z", C[C.UPPER_A = 65] = "UPPER_A", C[C.UPPER_F = 70] = "UPPER_F", C[C.UPPER_Z = 90] = "UPPER_Z";
+  (function(S) {
+    S[S.NUM = 35] = "NUM", S[S.SEMI = 59] = "SEMI", S[S.EQUALS = 61] = "EQUALS", S[S.ZERO = 48] = "ZERO", S[S.NINE = 57] = "NINE", S[S.LOWER_A = 97] = "LOWER_A", S[S.LOWER_F = 102] = "LOWER_F", S[S.LOWER_X = 120] = "LOWER_X", S[S.LOWER_Z = 122] = "LOWER_Z", S[S.UPPER_A = 65] = "UPPER_A", S[S.UPPER_F = 70] = "UPPER_F", S[S.UPPER_Z = 90] = "UPPER_Z";
   })(l || (l = {}));
   var c = 32, p;
-  (function(C) {
-    C[C.VALUE_LENGTH = 49152] = "VALUE_LENGTH", C[C.BRANCH_LENGTH = 16256] = "BRANCH_LENGTH", C[C.JUMP_TABLE = 127] = "JUMP_TABLE";
+  (function(S) {
+    S[S.VALUE_LENGTH = 49152] = "VALUE_LENGTH", S[S.BRANCH_LENGTH = 16256] = "BRANCH_LENGTH", S[S.JUMP_TABLE = 127] = "JUMP_TABLE";
   })(p = t.BinTrieFlags || (t.BinTrieFlags = {}));
-  function f(C) {
-    return C >= l.ZERO && C <= l.NINE;
+  function f(S) {
+    return S >= l.ZERO && S <= l.NINE;
   }
-  function d(C) {
-    return C >= l.UPPER_A && C <= l.UPPER_F || C >= l.LOWER_A && C <= l.LOWER_F;
+  function d(S) {
+    return S >= l.UPPER_A && S <= l.UPPER_F || S >= l.LOWER_A && S <= l.LOWER_F;
   }
-  function b(C) {
-    return C >= l.UPPER_A && C <= l.UPPER_Z || C >= l.LOWER_A && C <= l.LOWER_Z || f(C);
+  function b(S) {
+    return S >= l.UPPER_A && S <= l.UPPER_Z || S >= l.LOWER_A && S <= l.LOWER_Z || f(S);
   }
-  function g(C) {
-    return C === l.EQUALS || b(C);
+  function g(S) {
+    return S === l.EQUALS || b(S);
   }
   var m;
-  (function(C) {
-    C[C.EntityStart = 0] = "EntityStart", C[C.NumericStart = 1] = "NumericStart", C[C.NumericDecimal = 2] = "NumericDecimal", C[C.NumericHex = 3] = "NumericHex", C[C.NamedEntity = 4] = "NamedEntity";
+  (function(S) {
+    S[S.EntityStart = 0] = "EntityStart", S[S.NumericStart = 1] = "NumericStart", S[S.NumericDecimal = 2] = "NumericDecimal", S[S.NumericHex = 3] = "NumericHex", S[S.NamedEntity = 4] = "NamedEntity";
   })(m || (m = {}));
   var v;
-  (function(C) {
-    C[C.Legacy = 0] = "Legacy", C[C.Strict = 1] = "Strict", C[C.Attribute = 2] = "Attribute";
+  (function(S) {
+    S[S.Legacy = 0] = "Legacy", S[S.Strict = 1] = "Strict", S[S.Attribute = 2] = "Attribute";
   })(v = t.DecodingMode || (t.DecodingMode = {}));
   var x = (
     /** @class */
     function() {
-      function C(N, R, M) {
+      function S(N, R, M) {
         this.decodeTree = N, this.emitCodePoint = R, this.errors = M, this.state = m.EntityStart, this.consumed = 1, this.result = 0, this.treeIndex = 0, this.excess = 1, this.decodeMode = v.Strict;
       }
-      return C.prototype.startEntity = function(N) {
+      return S.prototype.startEntity = function(N) {
         this.decodeMode = N, this.state = m.EntityStart, this.result = 0, this.treeIndex = 0, this.excess = 1, this.consumed = 1;
-      }, C.prototype.write = function(N, R) {
+      }, S.prototype.write = function(N, R) {
         switch (this.state) {
           case m.EntityStart:
             return N.charCodeAt(R) === l.NUM ? (this.state = m.NumericStart, this.consumed += 1, this.stateNumericStart(N, R + 1)) : (this.state = m.NamedEntity, this.stateNamedEntity(N, R));
@@ -9319,14 +9319,14 @@ var Oi = {};
           case m.NamedEntity:
             return this.stateNamedEntity(N, R);
         }
-      }, C.prototype.stateNumericStart = function(N, R) {
+      }, S.prototype.stateNumericStart = function(N, R) {
         return R >= N.length ? -1 : (N.charCodeAt(R) | c) === l.LOWER_X ? (this.state = m.NumericHex, this.consumed += 1, this.stateNumericHex(N, R + 1)) : (this.state = m.NumericDecimal, this.stateNumericDecimal(N, R));
-      }, C.prototype.addToNumericResult = function(N, R, M, E) {
+      }, S.prototype.addToNumericResult = function(N, R, M, E) {
         if (R !== M) {
           var O = M - R;
           this.result = this.result * Math.pow(E, O) + parseInt(N.substr(R, O), E), this.consumed += O;
         }
-      }, C.prototype.stateNumericHex = function(N, R) {
+      }, S.prototype.stateNumericHex = function(N, R) {
         for (var M = R; R < N.length; ) {
           var E = N.charCodeAt(R);
           if (f(E) || d(E))
@@ -9335,7 +9335,7 @@ var Oi = {};
             return this.addToNumericResult(N, M, R, 16), this.emitNumericEntity(E, 3);
         }
         return this.addToNumericResult(N, M, R, 16), -1;
-      }, C.prototype.stateNumericDecimal = function(N, R) {
+      }, S.prototype.stateNumericDecimal = function(N, R) {
         for (var M = R; R < N.length; ) {
           var E = N.charCodeAt(R);
           if (f(E))
@@ -9344,7 +9344,7 @@ var Oi = {};
             return this.addToNumericResult(N, M, R, 10), this.emitNumericEntity(E, 2);
         }
         return this.addToNumericResult(N, M, R, 10), -1;
-      }, C.prototype.emitNumericEntity = function(N, R) {
+      }, S.prototype.emitNumericEntity = function(N, R) {
         var M;
         if (this.consumed <= R)
           return (M = this.errors) === null || M === void 0 || M.absenceOfDigitsInNumericCharacterReference(this.consumed), 0;
@@ -9353,10 +9353,10 @@ var Oi = {};
         else if (this.decodeMode === v.Strict)
           return 0;
         return this.emitCodePoint((0, u.replaceCodePoint)(this.result), this.consumed), this.errors && (N !== l.SEMI && this.errors.missingSemicolonAfterCharacterReference(), this.errors.validateNumericCharacterReference(this.result)), this.consumed;
-      }, C.prototype.stateNamedEntity = function(N, R) {
+      }, S.prototype.stateNamedEntity = function(N, R) {
         for (var M = this.decodeTree, E = M[this.treeIndex], O = (E & p.VALUE_LENGTH) >> 14; R < N.length; R++, this.excess++) {
           var A = N.charCodeAt(R);
-          if (this.treeIndex = w(M, E, this.treeIndex + Math.max(1, O), A), this.treeIndex < 0)
+          if (this.treeIndex = C(M, E, this.treeIndex + Math.max(1, O), A), this.treeIndex < 0)
             return this.result === 0 || // If we are parsing an attribute
             this.decodeMode === v.Attribute && // We shouldn't have consumed any characters after the entity,
             (O === 0 || // And there should be no invalid characters.
@@ -9368,13 +9368,13 @@ var Oi = {};
           }
         }
         return -1;
-      }, C.prototype.emitNotTerminatedNamedEntity = function() {
+      }, S.prototype.emitNotTerminatedNamedEntity = function() {
         var N, R = this, M = R.result, E = R.decodeTree, O = (E[M] & p.VALUE_LENGTH) >> 14;
         return this.emitNamedEntityData(M, O, this.consumed), (N = this.errors) === null || N === void 0 || N.missingSemicolonAfterCharacterReference(), this.consumed;
-      }, C.prototype.emitNamedEntityData = function(N, R, M) {
+      }, S.prototype.emitNamedEntityData = function(N, R, M) {
         var E = this.decodeTree;
         return this.emitCodePoint(R === 1 ? E[N] & ~p.VALUE_LENGTH : E[N + 1], M), R === 3 && this.emitCodePoint(E[N + 2], M), M;
-      }, C.prototype.end = function() {
+      }, S.prototype.end = function() {
         var N;
         switch (this.state) {
           case m.NamedEntity:
@@ -9388,12 +9388,12 @@ var Oi = {};
           case m.EntityStart:
             return 0;
         }
-      }, C;
+      }, S;
     }()
   );
   t.EntityDecoder = x;
-  function S(C) {
-    var N = "", R = new x(C, function(M) {
+  function w(S) {
+    var N = "", R = new x(S, function(M) {
       return N += (0, u.fromCodePoint)(M);
     });
     return function(E, O) {
@@ -9414,41 +9414,41 @@ var Oi = {};
       return N = "", U;
     };
   }
-  function w(C, N, R, M) {
+  function C(S, N, R, M) {
     var E = (N & p.BRANCH_LENGTH) >> 7, O = N & p.JUMP_TABLE;
     if (E === 0)
       return O !== 0 && M === O ? R : -1;
     if (O) {
       var A = M - O;
-      return A < 0 || A >= E ? -1 : C[R + A] - 1;
+      return A < 0 || A >= E ? -1 : S[R + A] - 1;
     }
     for (var D = R, j = D + E - 1; D <= j; ) {
-      var U = D + j >>> 1, pe = C[U];
+      var U = D + j >>> 1, pe = S[U];
       if (pe < M)
         D = U + 1;
       else if (pe > M)
         j = U - 1;
       else
-        return C[U + E];
+        return S[U + E];
     }
     return -1;
   }
-  t.determineBranch = w;
-  var T = S(a.default), _ = S(i.default);
-  function I(C, N) {
-    return N === void 0 && (N = v.Legacy), T(C, N);
+  t.determineBranch = C;
+  var T = w(a.default), P = w(i.default);
+  function I(S, N) {
+    return N === void 0 && (N = v.Legacy), T(S, N);
   }
   t.decodeHTML = I;
-  function L(C) {
-    return T(C, v.Attribute);
+  function L(S) {
+    return T(S, v.Attribute);
   }
   t.decodeHTMLAttribute = L;
-  function $(C) {
-    return T(C, v.Strict);
+  function $(S) {
+    return T(S, v.Strict);
   }
   t.decodeHTMLStrict = $;
-  function B(C) {
-    return _(C, v.Strict);
+  function B(S) {
+    return P(S, v.Strict);
   }
   t.decodeXML = B;
 })(Cn);
@@ -11315,14 +11315,14 @@ function m4(t) {
   } });
 })(lo);
 (function(t) {
-  var e = q && q.__createBinding || (Object.create ? function(v, x, S, w) {
-    w === void 0 && (w = S);
-    var T = Object.getOwnPropertyDescriptor(x, S);
+  var e = q && q.__createBinding || (Object.create ? function(v, x, w, C) {
+    C === void 0 && (C = w);
+    var T = Object.getOwnPropertyDescriptor(x, w);
     (!T || ("get" in T ? !x.__esModule : T.writable || T.configurable)) && (T = { enumerable: !0, get: function() {
-      return x[S];
-    } }), Object.defineProperty(v, w, T);
-  } : function(v, x, S, w) {
-    w === void 0 && (w = S), v[w] = x[S];
+      return x[w];
+    } }), Object.defineProperty(v, C, T);
+  } : function(v, x, w, C) {
+    C === void 0 && (C = w), v[C] = x[w];
   }), r = q && q.__setModuleDefault || (Object.create ? function(v, x) {
     Object.defineProperty(v, "default", { enumerable: !0, value: x });
   } : function(v, x) {
@@ -11330,7 +11330,7 @@ function m4(t) {
   }), n = q && q.__importStar || function(v) {
     if (v && v.__esModule) return v;
     var x = {};
-    if (v != null) for (var S in v) S !== "default" && Object.prototype.hasOwnProperty.call(v, S) && e(x, v, S);
+    if (v != null) for (var w in v) w !== "default" && Object.prototype.hasOwnProperty.call(v, w) && e(x, v, w);
     return r(x, v), x;
   }, o = q && q.__importDefault || function(v) {
     return v && v.__esModule ? v : { default: v };
@@ -11347,17 +11347,17 @@ function m4(t) {
     return s.DomHandler;
   } });
   function l(v, x) {
-    var S = new u.DomHandler(void 0, x);
-    return new a.Parser(S, x).end(v), S.root;
+    var w = new u.DomHandler(void 0, x);
+    return new a.Parser(w, x).end(v), w.root;
   }
   t.parseDocument = l;
   function c(v, x) {
     return l(v, x).children;
   }
   t.parseDOM = c;
-  function p(v, x, S) {
-    var w = new u.DomHandler(v, x, S);
-    return new a.Parser(w, x);
+  function p(v, x, w) {
+    var C = new u.DomHandler(v, x, w);
+    return new a.Parser(C, x);
   }
   t.createDomStream = p;
   var f = ju;
@@ -11469,23 +11469,23 @@ var P4 = Ir, _4 = P4, Hf = { exports: {} };
     t.exports ? t.exports = r() : e.parseSrcset = r();
   })(q, function() {
     return function(e) {
-      function r(w) {
-        return w === " " || // space
-        w === "	" || // horizontal tab
-        w === `
+      function r(C) {
+        return C === " " || // space
+        C === "	" || // horizontal tab
+        C === `
 ` || // new line
-        w === "\f" || // form feed
-        w === "\r";
+        C === "\f" || // form feed
+        C === "\r";
       }
-      function n(w) {
-        var T, _ = w.exec(e.substring(m));
-        if (_)
-          return T = _[0], m += T.length, T;
+      function n(C) {
+        var T, P = C.exec(e.substring(m));
+        if (P)
+          return T = P[0], m += T.length, T;
       }
       for (var o = e.length, a = /^[ \t\n\r\u000c]+/, i = /^[, \t\n\r\u000c]+/, u = /^[^ \t\n\r\u000c]+/, s = /[,]+$/, l = /^\d+$/, c = /^-?(?:[0-9]+|[0-9]*\.[0-9]+)(?:[eE][+-]?[0-9]+)?$/, p, f, d, b, g, m = 0, v = []; ; ) {
         if (n(i), m >= o)
           return v;
-        p = n(u), f = [], p.slice(-1) === "," ? (p = p.replace(s, ""), S()) : x();
+        p = n(u), f = [], p.slice(-1) === "," ? (p = p.replace(s, ""), w()) : x();
       }
       function x() {
         for (n(a), d = "", b = "in descriptor"; ; ) {
@@ -11493,12 +11493,12 @@ var P4 = Ir, _4 = P4, Hf = { exports: {} };
             if (r(g))
               d && (f.push(d), d = "", b = "after descriptor");
             else if (g === ",") {
-              m += 1, d && f.push(d), S();
+              m += 1, d && f.push(d), w();
               return;
             } else if (g === "(")
               d = d + g, b = "in parens";
             else if (g === "") {
-              d && f.push(d), S();
+              d && f.push(d), w();
               return;
             } else
               d = d + g;
@@ -11506,24 +11506,24 @@ var P4 = Ir, _4 = P4, Hf = { exports: {} };
             if (g === ")")
               d = d + g, b = "in descriptor";
             else if (g === "") {
-              f.push(d), S();
+              f.push(d), w();
               return;
             } else
               d = d + g;
           else if (b === "after descriptor" && !r(g))
             if (g === "") {
-              S();
+              w();
               return;
             } else
               b = "in descriptor", m -= 1;
           m += 1;
         }
       }
-      function S() {
-        var w = !1, T, _, I, L, $ = {}, B, C, N, R, M;
+      function w() {
+        var C = !1, T, P, I, L, $ = {}, B, S, N, R, M;
         for (L = 0; L < f.length; L++)
-          B = f[L], C = B[B.length - 1], N = B.substring(0, B.length - 1), R = parseInt(N, 10), M = parseFloat(N), l.test(N) && C === "w" ? ((T || _) && (w = !0), R === 0 ? w = !0 : T = R) : c.test(N) && C === "x" ? ((T || _ || I) && (w = !0), M < 0 ? w = !0 : _ = M) : l.test(N) && C === "h" ? ((I || _) && (w = !0), R === 0 ? w = !0 : I = R) : w = !0;
-        w ? console && console.log && console.log("Invalid srcset descriptor found in '" + e + "' at '" + B + "'.") : ($.url = p, T && ($.w = T), _ && ($.d = _), I && ($.h = I), v.push($));
+          B = f[L], S = B[B.length - 1], N = B.substring(0, B.length - 1), R = parseInt(N, 10), M = parseFloat(N), l.test(N) && S === "w" ? ((T || P) && (C = !0), R === 0 ? C = !0 : T = R) : c.test(N) && S === "x" ? ((T || P || I) && (C = !0), M < 0 ? C = !0 : P = M) : l.test(N) && S === "h" ? ((I || P) && (C = !0), R === 0 ? C = !0 : I = R) : C = !0;
+        C ? console && console.log && console.log("Invalid srcset descriptor found in '" + e + "' at '" + B + "'.") : ($.url = p, T && ($.w = T), P && ($.d = P), I && ($.h = I), v.push($));
       }
     };
   });
@@ -11562,9 +11562,9 @@ let Kl = I4, Jl = Je, _i = class Ff extends Error {
           let g = 20, m = Math.max(0, this.column - g), v = Math.max(
             this.column + g,
             this.endColumn + g
-          ), x = c.slice(m, v), S = n(d.replace(/\d/g, " ")) + c.slice(0, Math.min(this.column - 1, g - 1)).replace(/[^\t]/g, " ");
+          ), x = c.slice(m, v), w = n(d.replace(/\d/g, " ")) + c.slice(0, Math.min(this.column - 1, g - 1)).replace(/[^\t]/g, " ");
           return o(">") + n(d) + a(x) + `
- ` + S + o("^");
+ ` + w + o("^");
         }
         let b = n(d.replace(/\d/g, " ")) + c.slice(0, this.column - 1).replace(/[^\t]/g, " ");
         return o(">") + n(d) + a(c) + `
@@ -12774,16 +12774,16 @@ var f0 = b8;
 const Wa = 39, ic = 34, Zn = 92, uc = 47, Qn = 10, nn = 32, eo = 12, to = 9, ro = 13, g8 = 91, v8 = 93, y8 = 40, x8 = 41, w8 = 123, S8 = 125, C8 = 59, E8 = 42, N8 = 58, T8 = 64, no = /[\t\n\f\r "#'()/;[\\\]{}]/g, oo = /[\t\n\f\r !"#'():;@[\\\]{}]|\/(?=\*)/g, A8 = /.[\r\n"'(/\\]/, sc = /[\da-f]/i;
 var O8 = function(e, r = {}) {
   let n = e.css.valueOf(), o = r.ignoreErrors, a, i, u, s, l, c, p, f, d, b, g = n.length, m = 0, v = [], x = [];
-  function S() {
+  function w() {
     return m;
   }
-  function w(L) {
+  function C(L) {
     throw e.error("Unclosed " + L, m);
   }
   function T() {
     return x.length === 0 && m >= g;
   }
-  function _(L) {
+  function P(L) {
     if (x.length) return x.pop();
     if (m >= g) return;
     let $ = L ? L.ignoreUnclosed : !1;
@@ -12820,7 +12820,7 @@ var O8 = function(e, r = {}) {
                 s = m;
                 break;
               } else
-                w("bracket");
+                C("bracket");
             for (f = s; n.charCodeAt(f - 1) === Zn; )
               f -= 1, p = !p;
           } while (p);
@@ -12838,7 +12838,7 @@ var O8 = function(e, r = {}) {
               s = m + 1;
               break;
             } else
-              w("string");
+              C("string");
           for (f = s; n.charCodeAt(f - 1) === Zn; )
             f -= 1, p = !p;
         } while (p);
@@ -12861,7 +12861,7 @@ var O8 = function(e, r = {}) {
         break;
       }
       default: {
-        a === uc && n.charCodeAt(m + 1) === E8 ? (s = n.indexOf("*/", m + 2) + 1, s === 0 && (o || $ ? s = n.length : w("comment")), c = ["comment", n.slice(m, s + 1), m, s], m = s) : (oo.lastIndex = m + 1, oo.test(n), oo.lastIndex === 0 ? s = n.length - 1 : s = oo.lastIndex - 2, c = ["word", n.slice(m, s + 1), m, s], v.push(c), m = s);
+        a === uc && n.charCodeAt(m + 1) === E8 ? (s = n.indexOf("*/", m + 2) + 1, s === 0 && (o || $ ? s = n.length : C("comment")), c = ["comment", n.slice(m, s + 1), m, s], m = s) : (oo.lastIndex = m + 1, oo.test(n), oo.lastIndex === 0 ? s = n.length - 1 : s = oo.lastIndex - 2, c = ["word", n.slice(m, s + 1), m, s], v.push(c), m = s);
         break;
       }
     }
@@ -12873,8 +12873,8 @@ var O8 = function(e, r = {}) {
   return {
     back: I,
     endOfFile: T,
-    nextToken: _,
-    position: S
+    nextToken: P,
+    position: w
   };
 };
 let k8 = Ju, P8 = ya, _8 = xa, R8 = $n, lc = Qu, I8 = O8;
@@ -13841,12 +13841,12 @@ and ensure you are accounting for this risk.
     let A;
     typeof E == "function" ? A = E : typeof E == "string" && (A = kn.simpleTransform(E)), O === "*" ? b = A : d[O] = A;
   });
-  let g, m, v, x, S, w, T = !1;
+  let g, m, v, x, w, C, T = !1;
   I();
-  const _ = new w5.Parser({
+  const P = new w5.Parser({
     onopentag: function(E, O) {
-      if (e.onOpenTag && e.onOpenTag(E, O), e.enforceHtmlBoundary && E === "html" && I(), S) {
-        w++;
+      if (e.onOpenTag && e.onOpenTag(E, O), e.enforceHtmlBoundary && E === "html" && I(), w) {
+        C++;
         return;
       }
       const A = new a(E, O);
@@ -13854,7 +13854,7 @@ and ensure you are accounting for this risk.
       let D = !1;
       const j = !!A.text;
       let U;
-      if (yt(d, E) && (U = d[E](E, O), A.attribs = O = U.attribs, U.text !== void 0 && (A.innerText = U.text), E !== U.tagName && (A.name = E = U.tagName, x[g] = U.tagName)), b && (U = b(E, O), A.attribs = O = U.attribs, E !== U.tagName && (A.name = E = U.tagName, x[g] = U.tagName)), (!i(E) || e.disallowedTagsMode === "recursiveEscape" && !A5(v) || e.nestingLimit != null && g >= e.nestingLimit) && (D = !0, v[g] = !0, (e.disallowedTagsMode === "discard" || e.disallowedTagsMode === "completelyDiscard") && u.indexOf(E) !== -1 && (S = !0, w = 1)), g++, D) {
+      if (yt(d, E) && (U = d[E](E, O), A.attribs = O = U.attribs, U.text !== void 0 && (A.innerText = U.text), E !== U.tagName && (A.name = E = U.tagName, x[g] = U.tagName)), b && (U = b(E, O), A.attribs = O = U.attribs, E !== U.tagName && (A.name = E = U.tagName, x[g] = U.tagName)), (!i(E) || e.disallowedTagsMode === "recursiveEscape" && !A5(v) || e.nestingLimit != null && g >= e.nestingLimit) && (D = !0, v[g] = !0, (e.disallowedTagsMode === "discard" || e.disallowedTagsMode === "completelyDiscard") && u.indexOf(E) !== -1 && (w = !0, C = 1)), g++, D) {
         if (e.disallowedTagsMode === "discard" || e.disallowedTagsMode === "completelyDiscard") {
           if (A.innerText && !j) {
             const H = L(A.innerText);
@@ -13972,7 +13972,7 @@ and ensure you are accounting for this risk.
           if (z === "style") {
             if (e.parseStyleAttributes)
               try {
-                const K = E5(E + " {" + H + "}", { map: !1 }), F = C(K, e.allowedStyles);
+                const K = E5(E + " {" + H + "}", { map: !1 }), F = S(K, e.allowedStyles);
                 if (H = N(F), H.length === 0) {
                   delete A.attribs[z];
                   return;
@@ -13990,7 +13990,7 @@ and ensure you are accounting for this risk.
       }), e.selfClosing.indexOf(E) !== -1 ? n += " />" : (n += ">", A.innerText && !j && !e.textFilter && (n += L(A.innerText), T = !0)), D && (n = o + L(n), o = ""), A.openingTagLength = n.length - A.tagPosition;
     },
     ontext: function(E) {
-      if (S)
+      if (w)
         return;
       const O = m[m.length - 1];
       let A;
@@ -14008,9 +14008,9 @@ and ensure you are accounting for this risk.
       }
     },
     onclosetag: function(E, O) {
-      if (e.onCloseTag && e.onCloseTag(E, O), S)
-        if (w--, !w)
-          S = !1;
+      if (e.onCloseTag && e.onCloseTag(E, O), w)
+        if (C--, !C)
+          w = !1;
         else
           return;
       const A = m.pop();
@@ -14020,7 +14020,7 @@ and ensure you are accounting for this risk.
         m.push(A);
         return;
       }
-      S = e.enforceHtmlBoundary ? E === "html" : !1, g--;
+      w = e.enforceHtmlBoundary ? E === "html" : !1, g--;
       const D = v[g];
       if (D) {
         if (delete v[g], e.disallowedTagsMode === "discard" || e.disallowedTagsMode === "completelyDiscard") {
@@ -14048,9 +14048,9 @@ and ensure you are accounting for this risk.
       n += "</" + E + ">", D && (n = o + L(n), o = ""), T = !1;
     }
   }, e.parser);
-  return _.write(t), _.end(), n;
+  return P.write(t), P.end(), n;
   function I() {
-    n = "", g = 0, m = [], v = {}, x = {}, S = !1, w = 0;
+    n = "", g = 0, m = [], v = {}, x = {}, w = !1, C = 0;
   }
   function L(E, O) {
     return typeof E != "string" && (E = E + ""), e.parser.decodeEntities && (E = E.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), O && (E = E.replace(/"/g, "&quot;"))), E = E.replace(/&(?![a-zA-Z0-9#]{1,20};)/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), O && (E = E.replace(/"/g, "&quot;")), E;
@@ -14083,7 +14083,7 @@ and ensure you are accounting for this risk.
       url: A
     };
   }
-  function C(E, O) {
+  function S(E, O) {
     if (!O)
       return E;
     const A = E.nodes[0];
@@ -14495,8 +14495,8 @@ const E0 = /* @__PURE__ */ Yo(k5), R5 = [
           "button",
           {
             type: "button",
-            onMouseDown: (S) => {
-              S.preventDefault(), l(m);
+            onMouseDown: (w) => {
+              w.preventDefault(), l(m);
             },
             className: `p-1.5 rounded hover:bg-background transition-colors ${g(m) ? "bg-background text-primary" : "text-muted-foreground"}`,
             children: /* @__PURE__ */ h(v, { className: "h-3.5 w-3.5" })
@@ -14618,21 +14618,21 @@ const E0 = /* @__PURE__ */ Yo(k5), R5 = [
     g = L.connect, m = L.drag, v = $.selected;
   } catch {
   }
-  const x = Ai(t, b), S = typeof Z(l, d) == "object" ? `${Z(l, d).top}px ${Z(l, d).right}px ${Z(l, d).bottom}px ${Z(l, d).left}px` : `${Z(l, d)}px`, w = Mt(r, d, 16), T = Mt(a, d, 150) / 100, _ = Mt(i, d, 0), I = /<[^>]+>/.test(x);
+  const x = Ai(t, b), w = typeof Z(l, d) == "object" ? `${Z(l, d).top}px ${Z(l, d).right}px ${Z(l, d).bottom}px ${Z(l, d).left}px` : `${Z(l, d)}px`, C = Mt(r, d, 16), T = Mt(a, d, 150) / 100, P = Mt(i, d, 0), I = /<[^>]+>/.test(x);
   return /* @__PURE__ */ h(
     "div",
     {
       ref: (L) => L && g && m && g(m(L)),
       className: `cursor-move ${v ? "outline outline-blue-500" : ""}`,
       style: {
-        fontSize: `${w}px`,
+        fontSize: `${C}px`,
         fontWeight: n,
         fontFamily: o,
         lineHeight: T,
-        letterSpacing: `${_}px`,
+        letterSpacing: `${P}px`,
         textAlign: u,
         color: s,
-        margin: S,
+        margin: w,
         textDecoration: c,
         textTransform: p,
         opacity: f / 100
@@ -14852,40 +14852,40 @@ const fn = {
   const f = Te(), d = Uo();
   let b, g, m;
   try {
-    const { connectors: C, events: N } = ae((R) => ({
+    const { connectors: S, events: N } = ae((R) => ({
       events: R.events
     }));
-    b = C.connect, g = C.drag, m = N.selected;
+    b = S.connect, g = S.drag, m = N.selected;
   } catch {
   }
   const v = Ai(t, d), x = `h${e}`;
-  let S;
-  i === "auto" ? S = ((L = fn[e]) == null ? void 0 : L[f]) || (($ = fn[e]) == null ? void 0 : $.desktop) || 36 : S = Mt(
+  let w;
+  i === "auto" ? w = ((L = fn[e]) == null ? void 0 : L[f]) || (($ = fn[e]) == null ? void 0 : $.desktop) || 36 : w = Mt(
     i,
     f,
     ((B = fn[e]) == null ? void 0 : B.desktop) || 36
   );
-  const w = Mt(u, f, 120) / 100, T = Mt(
+  const C = Mt(u, f, 120) / 100, T = Mt(
     s,
     f,
     -0.5
-  ), _ = Mt(p, f, 100), I = typeof Z(l, f) == "object" ? `${Z(l, f).top}px ${Z(l, f).right}px ${Z(l, f).bottom}px ${Z(l, f).left}px` : `${Z(l, f)}px`;
+  ), P = Mt(p, f, 100), I = typeof Z(l, f) == "object" ? `${Z(l, f).top}px ${Z(l, f).right}px ${Z(l, f).bottom}px ${Z(l, f).left}px` : `${Z(l, f)}px`;
   return /* @__PURE__ */ h(
     x,
     {
-      ref: (C) => C && b && g && b(g(C)),
+      ref: (S) => S && b && g && b(g(S)),
       className: `cursor-move ${m ? "outline outline-blue-500" : ""}`,
       style: {
         textAlign: r,
         color: n,
         fontWeight: o,
         fontFamily: a,
-        fontSize: `${S}px`,
-        lineHeight: w,
+        fontSize: `${w}px`,
+        lineHeight: C,
         letterSpacing: `${T}px`,
         margin: I,
         textTransform: c,
-        opacity: _ / 100
+        opacity: P / 100
       },
       children: v
     }
@@ -15547,10 +15547,10 @@ function Y5(t) {
     defaultProp: o ?? !1,
     onChange: s,
     caller: Sa
-  }), [b, g] = y.useState(null), [m, v] = y.useState(null), x = y.useRef(!1), S = b ? !!i || !!b.closest("form") : (
+  }), [b, g] = y.useState(null), [m, v] = y.useState(null), x = y.useRef(!1), w = b ? !!i || !!b.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
-  ), w = {
+  ), C = {
     checked: f,
     disabled: a,
     setChecked: d,
@@ -15562,7 +15562,7 @@ function Y5(t) {
     hasConsumerStoppedPropagationRef: x,
     required: l,
     defaultChecked: $t(o) ? !1 : o,
-    isFormControl: S,
+    isFormControl: w,
     bubbleInput: m,
     setBubbleInput: v
   };
@@ -15570,8 +15570,8 @@ function Y5(t) {
     G5,
     {
       scope: e,
-      ...w,
-      children: X5(p) ? p(w) : n
+      ...C,
+      children: X5(p) ? p(C) : n
     }
   );
 }
@@ -15706,12 +15706,12 @@ var k0 = "CheckboxBubbleInput", P0 = y.forwardRef(
     y.useEffect(() => {
       const x = f;
       if (!x) return;
-      const S = window.HTMLInputElement.prototype, T = Object.getOwnPropertyDescriptor(
-        S,
+      const w = window.HTMLInputElement.prototype, T = Object.getOwnPropertyDescriptor(
+        w,
         "checked"
-      ).set, _ = !o.current;
+      ).set, P = !o.current;
       if (g !== a && T) {
-        const I = new Event("click", { bubbles: _ });
+        const I = new Event("click", { bubbles: P });
         x.indeterminate = $t(a), T.call(x, $t(a) ? !1 : a), x.dispatchEvent(I);
       }
     }, [f, g, a, o]);
@@ -15879,7 +15879,7 @@ const Z5 = (t, e) => {
   editorEnabled: r,
   videoTitle: n
 }) => {
-  const o = P.useRef(null), { data: a, isLoading: i, error: u } = Dp({
+  const o = _.useRef(null), { data: a, isLoading: i, error: u } = Dp({
     queryKey: ["video", t, e],
     queryFn: () => U5(t, e),
     enabled: !!t
@@ -16679,15 +16679,15 @@ const L0 = ({
   children: m
 }) => {
   Te();
-  let v, x, S;
+  let v, x, w;
   try {
     const { connectors: I, events: L } = ae(($) => ({
       events: $.events
     }));
-    v = I.connect, x = I.drag, S = L.selected;
+    v = I.connect, x = I.drag, w = L.selected;
   } catch {
   }
-  const w = typeof Z(e) == "object" ? `${Z(e).top}px ${Z(e).right}px ${Z(e).bottom}px ${Z(e).left}px` : `${Z(e)}px`, T = typeof Z(r) == "object" ? `${Z(r).top}px ${Z(r).right}px ${Z(r).bottom}px ${Z(r).left}px` : `${Z(r)}px`, _ = [
+  const C = typeof Z(e) == "object" ? `${Z(e).top}px ${Z(e).right}px ${Z(e).bottom}px ${Z(e).left}px` : `${Z(e)}px`, T = typeof Z(r) == "object" ? `${Z(r).top}px ${Z(r).right}px ${Z(r).bottom}px ${Z(r).left}px` : `${Z(r)}px`, P = [
     {
       url: "https://myracereel.com/privacy-data-privacy",
       name: "Privacy & Data Policy"
@@ -16704,7 +16704,7 @@ const L0 = ({
     {
       style: {
         backgroundColor: t,
-        padding: w,
+        padding: C,
         margin: T,
         width: n === "auto" ? "100%" : n,
         minHeight: `${o}px`,
@@ -16724,7 +16724,7 @@ const L0 = ({
       ref: (I) => I && v && x && v(x(I)),
       children: /* @__PURE__ */ h("div", { className: "flex justify-center w-full", children: /* @__PURE__ */ k("div", { className: "w-full flex flex-col py-10 gap-y-3.5 ", children: [
         /* @__PURE__ */ h("div", { className: "flex w-full gap-x-1 justify-center items-center", children: /* @__PURE__ */ h("div", { className: "text-white text-sm", children: "Powered by MyRaceReel" }) }),
-        /* @__PURE__ */ h("div", { className: "flex @md:flex-row @max-md:flex-col md:flex-row justify-center items-center gap-x-6 gap-y-2 w-full flex-col", children: _.map((I) => /* @__PURE__ */ h(
+        /* @__PURE__ */ h("div", { className: "flex @md:flex-row @max-md:flex-col md:flex-row justify-center items-center gap-x-6 gap-y-2 w-full flex-col", children: P.map((I) => /* @__PURE__ */ h(
           "a",
           {
             className: "text-white",
@@ -16864,7 +16864,7 @@ var hs = "ScrollArea", [j0] = lr(hs), [sS, ze] = j0(hs), $0 = y.forwardRef(
       dir: o,
       scrollHideDelay: a = 600,
       ...i
-    } = t, [u, s] = y.useState(null), [l, c] = y.useState(null), [p, f] = y.useState(null), [d, b] = y.useState(null), [g, m] = y.useState(null), [v, x] = y.useState(0), [S, w] = y.useState(0), [T, _] = y.useState(!1), [I, L] = y.useState(!1), $ = Ee(e, (C) => s(C)), B = ps(o);
+    } = t, [u, s] = y.useState(null), [l, c] = y.useState(null), [p, f] = y.useState(null), [d, b] = y.useState(null), [g, m] = y.useState(null), [v, x] = y.useState(0), [w, C] = y.useState(0), [T, P] = y.useState(!1), [I, L] = y.useState(!1), $ = Ee(e, (S) => s(S)), B = ps(o);
     return /* @__PURE__ */ h(
       sS,
       {
@@ -16880,13 +16880,13 @@ var hs = "ScrollArea", [j0] = lr(hs), [sS, ze] = j0(hs), $0 = y.forwardRef(
         scrollbarX: d,
         onScrollbarXChange: b,
         scrollbarXEnabled: T,
-        onScrollbarXEnabledChange: _,
+        onScrollbarXEnabledChange: P,
         scrollbarY: g,
         onScrollbarYChange: m,
         scrollbarYEnabled: I,
         onScrollbarYEnabledChange: L,
         onCornerWidthChange: x,
-        onCornerHeightChange: w,
+        onCornerHeightChange: C,
         children: /* @__PURE__ */ h(
           ve.div,
           {
@@ -16897,7 +16897,7 @@ var hs = "ScrollArea", [j0] = lr(hs), [sS, ze] = j0(hs), $0 = y.forwardRef(
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
               "--radix-scroll-area-corner-width": v + "px",
-              "--radix-scroll-area-corner-height": S + "px",
+              "--radix-scroll-area-corner-height": w + "px",
               ...t.style
             }
           }
@@ -17186,20 +17186,20 @@ var lS = y.forwardRef((t, e) => {
     onWheelScroll: c,
     onResize: p,
     ...f
-  } = t, d = ze(ht, r), [b, g] = y.useState(null), m = Ee(e, ($) => g($)), v = y.useRef(null), x = y.useRef(""), S = d.viewport, w = n.content - n.viewport, T = Be(c), _ = Be(s), I = Ea(p, 10);
+  } = t, d = ze(ht, r), [b, g] = y.useState(null), m = Ee(e, ($) => g($)), v = y.useRef(null), x = y.useRef(""), w = d.viewport, C = n.content - n.viewport, T = Be(c), P = Be(s), I = Ea(p, 10);
   function L($) {
     if (v.current) {
-      const B = $.clientX - v.current.left, C = $.clientY - v.current.top;
-      l({ x: B, y: C });
+      const B = $.clientX - v.current.left, S = $.clientY - v.current.top;
+      l({ x: B, y: S });
     }
   }
   return y.useEffect(() => {
     const $ = (B) => {
-      const C = B.target;
-      (b == null ? void 0 : b.contains(C)) && T(B, w);
+      const S = B.target;
+      (b == null ? void 0 : b.contains(S)) && T(B, C);
     };
     return document.addEventListener("wheel", $, { passive: !1 }), () => document.removeEventListener("wheel", $, { passive: !1 });
-  }, [S, b, w, T]), y.useEffect(_, [n, _]), jr(b, I), jr(d.content, I), /* @__PURE__ */ h(
+  }, [w, b, C, T]), y.useEffect(P, [n, P]), jr(b, I), jr(d.content, I), /* @__PURE__ */ h(
     pS,
     {
       scope: r,
@@ -17207,7 +17207,7 @@ var lS = y.forwardRef((t, e) => {
       hasThumb: o,
       onThumbChange: Be(a),
       onThumbPointerUp: Be(i),
-      onThumbPositionChange: _,
+      onThumbPositionChange: P,
       onThumbPointerDown: Be(u),
       children: /* @__PURE__ */ h(
         ve.div,
@@ -17414,7 +17414,7 @@ const xS = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ h(vs, { className: "flex-1 -mr-4 pr-4", children: t.settings && P.createElement(t.settings) })
+    /* @__PURE__ */ h(vs, { className: "flex-1 -mr-4 pr-4", children: t.settings && _.createElement(t.settings) })
   ] }) : /* @__PURE__ */ h("div", { className: "text-center py-8", children: /* @__PURE__ */ h("p", { className: "text-sm text-muted-foreground", children: "Select an element to edit its properties" }) }) });
 }, wS = (t) => {
   switch (t) {
@@ -17453,7 +17453,7 @@ const xS = () => {
     };
   }), [p, f] = be(!0), [d, b] = be(!1);
   if (!i) return null;
-  const g = i.data.displayName || i.data.name || "Unknown", m = l.length > 0, v = s === t, x = t === "ROOT", S = wS(g), w = a === t, T = i.data.isCanvas, _ = (N) => {
+  const g = i.data.displayName || i.data.name || "Unknown", m = l.length > 0, v = s === t, x = t === "ROOT", w = wS(g), C = a === t, T = i.data.isCanvas, P = (N) => {
     N.stopPropagation(), x || u.selectNode(t);
   }, I = (N) => {
     N.stopPropagation(), f(!p);
@@ -17467,25 +17467,25 @@ const xS = () => {
     N.preventDefault(), N.stopPropagation(), a && a !== t && T && b(!0);
   }, B = (N) => {
     N.stopPropagation(), b(!1);
-  }, C = (N) => {
+  }, S = (N) => {
     N.preventDefault(), N.stopPropagation(), b(!1), a && a !== t && o(t);
   };
   return /* @__PURE__ */ k("div", { className: "select-none", children: [
     /* @__PURE__ */ k(
       "div",
       {
-        className: `flex items-center gap-1 py-1 px-1 rounded cursor-pointer text-sm transition-colors ${v ? "bg-primary/10 text-primary" : "hover:bg-secondary/50"} ${w ? "opacity-50" : ""} ${d ? "bg-primary/20 ring-1 ring-primary" : ""}`,
+        className: `flex items-center gap-1 py-1 px-1 rounded cursor-pointer text-sm transition-colors ${v ? "bg-primary/10 text-primary" : "hover:bg-secondary/50"} ${C ? "opacity-50" : ""} ${d ? "bg-primary/20 ring-1 ring-primary" : ""}`,
         style: { paddingLeft: `${e * 12 + 4}px` },
-        onClick: _,
+        onClick: P,
         draggable: !x,
         onDragStart: L,
         onDragOver: $,
         onDragLeave: B,
-        onDrop: C,
+        onDrop: S,
         children: [
           !x && /* @__PURE__ */ h(Nh, { className: "h-3 w-3 text-muted-foreground/50 cursor-grab active:cursor-grabbing" }),
           m ? /* @__PURE__ */ h("button", { onClick: I, className: "p-0.5 hover:bg-secondary rounded", children: p ? /* @__PURE__ */ h(ru, { className: "h-3 w-3" }) : /* @__PURE__ */ h(nu, { className: "h-3 w-3" }) }) : /* @__PURE__ */ h("span", { className: "w-4" }),
-          /* @__PURE__ */ h(S, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ h(w, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
           /* @__PURE__ */ h("span", { className: `truncate ${x ? "font-medium" : ""}`, children: x ? "Root" : g })
         ]
       }
@@ -17582,32 +17582,32 @@ function OS(t) {
     e,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), i = (g) => {
-    const { scope: m, children: v } = g, x = P.useRef(null), S = P.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ h(o, { scope: m, itemMap: S, collectionRef: x, children: v });
+    const { scope: m, children: v } = g, x = _.useRef(null), w = _.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ h(o, { scope: m, itemMap: w, collectionRef: x, children: v });
   };
   i.displayName = e;
-  const u = t + "CollectionSlot", s = /* @__PURE__ */ yc(u), l = P.forwardRef(
+  const u = t + "CollectionSlot", s = /* @__PURE__ */ yc(u), l = _.forwardRef(
     (g, m) => {
-      const { scope: v, children: x } = g, S = a(u, v), w = Ee(m, S.collectionRef);
-      return /* @__PURE__ */ h(s, { ref: w, children: x });
+      const { scope: v, children: x } = g, w = a(u, v), C = Ee(m, w.collectionRef);
+      return /* @__PURE__ */ h(s, { ref: C, children: x });
     }
   );
   l.displayName = u;
-  const c = t + "CollectionItemSlot", p = "data-radix-collection-item", f = /* @__PURE__ */ yc(c), d = P.forwardRef(
+  const c = t + "CollectionItemSlot", p = "data-radix-collection-item", f = /* @__PURE__ */ yc(c), d = _.forwardRef(
     (g, m) => {
-      const { scope: v, children: x, ...S } = g, w = P.useRef(null), T = Ee(m, w), _ = a(c, v);
-      return P.useEffect(() => (_.itemMap.set(w, { ref: w, ...S }), () => void _.itemMap.delete(w))), /* @__PURE__ */ h(f, { [p]: "", ref: T, children: x });
+      const { scope: v, children: x, ...w } = g, C = _.useRef(null), T = Ee(m, C), P = a(c, v);
+      return _.useEffect(() => (P.itemMap.set(C, { ref: C, ...w }), () => void P.itemMap.delete(C))), /* @__PURE__ */ h(f, { [p]: "", ref: T, children: x });
     }
   );
   d.displayName = c;
   function b(g) {
     const m = a(t + "CollectionConsumer", g);
-    return P.useCallback(() => {
+    return _.useCallback(() => {
       const x = m.collectionRef.current;
       if (!x) return [];
-      const S = Array.from(x.querySelectorAll(`[${p}]`));
+      const w = Array.from(x.querySelectorAll(`[${p}]`));
       return Array.from(m.itemMap.values()).sort(
-        (_, I) => S.indexOf(_.ref.current) - S.indexOf(I.ref.current)
+        (P, I) => w.indexOf(P.ref.current) - w.indexOf(I.ref.current)
       );
     }, [m.collectionRef, m.itemMap]);
   }
@@ -17641,12 +17641,12 @@ var DS = y.forwardRef((t, e) => {
     defaultProp: u ?? null,
     onChange: s,
     caller: Bn
-  }), [v, x] = y.useState(!1), S = Be(l), w = Z0(r), T = y.useRef(!1), [_, I] = y.useState(0);
+  }), [v, x] = y.useState(!1), w = Be(l), C = Z0(r), T = y.useRef(!1), [P, I] = y.useState(0);
   return y.useEffect(() => {
     const L = f.current;
     if (L)
-      return L.addEventListener(Ga, S), () => L.removeEventListener(Ga, S);
-  }, [S]), /* @__PURE__ */ h(
+      return L.addEventListener(Ga, w), () => L.removeEventListener(Ga, w);
+  }, [w]), /* @__PURE__ */ h(
     RS,
     {
       scope: r,
@@ -17670,7 +17670,7 @@ var DS = y.forwardRef((t, e) => {
       children: /* @__PURE__ */ h(
         ve.div,
         {
-          tabIndex: v || _ === 0 ? -1 : 0,
+          tabIndex: v || P === 0 ? -1 : 0,
           "data-orientation": n,
           ...p,
           ref: d,
@@ -17683,7 +17683,7 @@ var DS = y.forwardRef((t, e) => {
             if (L.target === L.currentTarget && $ && !v) {
               const B = new CustomEvent(Ga, kS);
               if (L.currentTarget.dispatchEvent(B), !B.defaultPrevented) {
-                const C = w().filter((O) => O.focusable), N = C.find((O) => O.active), R = C.find((O) => O.id === g), E = [N, R, ...C].filter(
+                const S = C().filter((O) => O.focusable), N = S.find((O) => O.active), R = S.find((O) => O.id === g), E = [N, R, ...S].filter(
                   Boolean
                 ).map((O) => O.ref.current);
                 np(E, c);
@@ -17737,14 +17737,14 @@ var DS = y.forwardRef((t, e) => {
               if (v !== void 0) {
                 if (m.metaKey || m.ctrlKey || m.altKey || m.shiftKey) return;
                 m.preventDefault();
-                let S = f().filter((w) => w.focusable).map((w) => w.ref.current);
-                if (v === "last") S.reverse();
+                let w = f().filter((C) => C.focusable).map((C) => C.ref.current);
+                if (v === "last") w.reverse();
                 else if (v === "prev" || v === "next") {
-                  v === "prev" && S.reverse();
-                  const w = S.indexOf(m.currentTarget);
-                  S = c.loop ? $S(S, w + 1) : S.slice(w + 1);
+                  v === "prev" && w.reverse();
+                  const C = w.indexOf(m.currentTarget);
+                  w = c.loop ? $S(w, C + 1) : w.slice(C + 1);
                 }
-                setTimeout(() => np(S));
+                setTimeout(() => np(w));
               }
             }),
             children: typeof i == "function" ? i({ isCurrentTabStop: p, hasTabStop: g != null }) : i
@@ -17806,7 +17806,7 @@ var BS = ep, HS = rp, op = "Toggle", ys = y.forwardRef((t, e) => {
 ys.displayName = op;
 var ap = ys, Yt = "ToggleGroup", [ip] = lr(Yt, [
   Q0
-]), up = Q0(), xs = P.forwardRef((t, e) => {
+]), up = Q0(), xs = _.forwardRef((t, e) => {
   const { type: r, ...n } = t;
   if (r === "single")
     return /* @__PURE__ */ h(zS, { ...n, ref: e });
@@ -17815,7 +17815,7 @@ var ap = ys, Yt = "ToggleGroup", [ip] = lr(Yt, [
   throw new Error(`Missing prop \`type\` expected on \`${Yt}\``);
 });
 xs.displayName = Yt;
-var [sp, lp] = ip(Yt), zS = P.forwardRef((t, e) => {
+var [sp, lp] = ip(Yt), zS = _.forwardRef((t, e) => {
   const {
     value: r,
     defaultValue: n,
@@ -17833,13 +17833,13 @@ var [sp, lp] = ip(Yt), zS = P.forwardRef((t, e) => {
     {
       scope: t.__scopeToggleGroup,
       type: "single",
-      value: P.useMemo(() => i ? [i] : [], [i]),
+      value: _.useMemo(() => i ? [i] : [], [i]),
       onItemActivate: u,
-      onItemDeactivate: P.useCallback(() => u(""), [u]),
+      onItemDeactivate: _.useCallback(() => u(""), [u]),
       children: /* @__PURE__ */ h(cp, { ...a, ref: e })
     }
   );
-}), FS = P.forwardRef((t, e) => {
+}), FS = _.forwardRef((t, e) => {
   const {
     value: r,
     defaultValue: n,
@@ -17851,10 +17851,10 @@ var [sp, lp] = ip(Yt), zS = P.forwardRef((t, e) => {
     defaultProp: n ?? [],
     onChange: o,
     caller: Yt
-  }), s = P.useCallback(
+  }), s = _.useCallback(
     (c) => u((p = []) => [...p, c]),
     [u]
-  ), l = P.useCallback(
+  ), l = _.useCallback(
     (c) => u((p = []) => p.filter((f) => f !== c)),
     [u]
   );
@@ -17871,7 +17871,7 @@ var [sp, lp] = ip(Yt), zS = P.forwardRef((t, e) => {
   );
 });
 xs.displayName = Yt;
-var [qS, US] = ip(Yt), cp = P.forwardRef(
+var [qS, US] = ip(Yt), cp = _.forwardRef(
   (t, e) => {
     const {
       __scopeToggleGroup: r,
@@ -17894,9 +17894,9 @@ var [qS, US] = ip(Yt), cp = P.forwardRef(
       }
     ) : /* @__PURE__ */ h(ve.div, { ...p, ref: e }) });
   }
-), qo = "ToggleGroupItem", dp = P.forwardRef(
+), qo = "ToggleGroupItem", dp = _.forwardRef(
   (t, e) => {
-    const r = lp(qo, t.__scopeToggleGroup), n = US(qo, t.__scopeToggleGroup), o = up(t.__scopeToggleGroup), a = r.value.includes(t.value), i = n.disabled || t.disabled, u = { ...t, pressed: a, disabled: i }, s = P.useRef(null);
+    const r = lp(qo, t.__scopeToggleGroup), n = US(qo, t.__scopeToggleGroup), o = up(t.__scopeToggleGroup), a = r.value.includes(t.value), i = n.disabled || t.disabled, u = { ...t, pressed: a, disabled: i }, s = _.useRef(null);
     return n.rovingFocus ? /* @__PURE__ */ h(
       HS,
       {
@@ -17911,7 +17911,7 @@ var [qS, US] = ip(Yt), cp = P.forwardRef(
   }
 );
 dp.displayName = qo;
-var xc = P.forwardRef(
+var xc = _.forwardRef(
   (t, e) => {
     const { __scopeToggleGroup: r, value: n, ...o } = t, a = lp(qo, r), i = { role: "radio", "aria-checked": t.pressed, "aria-pressed": void 0 }, u = a.type === "single" ? i : void 0;
     return /* @__PURE__ */ h(
@@ -17985,9 +17985,9 @@ var WS = (t) => {
     default:
       return null;
   }
-}, GS = Array(12).fill(0), YS = ({ visible: t, className: e }) => P.createElement("div", { className: ["sonner-loading-wrapper", e].filter(Boolean).join(" "), "data-visible": t }, P.createElement("div", { className: "sonner-spinner" }, GS.map((r, n) => P.createElement("div", { className: "sonner-loading-bar", key: `spinner-bar-${n}` })))), XS = P.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "20", width: "20" }, P.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", clipRule: "evenodd" })), KS = P.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", height: "20", width: "20" }, P.createElement("path", { fillRule: "evenodd", d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z", clipRule: "evenodd" })), JS = P.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "20", width: "20" }, P.createElement("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z", clipRule: "evenodd" })), ZS = P.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "20", width: "20" }, P.createElement("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z", clipRule: "evenodd" })), QS = P.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, P.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), P.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })), eC = () => {
-  let [t, e] = P.useState(document.hidden);
-  return P.useEffect(() => {
+}, GS = Array(12).fill(0), YS = ({ visible: t, className: e }) => _.createElement("div", { className: ["sonner-loading-wrapper", e].filter(Boolean).join(" "), "data-visible": t }, _.createElement("div", { className: "sonner-spinner" }, GS.map((r, n) => _.createElement("div", { className: "sonner-loading-bar", key: `spinner-bar-${n}` })))), XS = _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "20", width: "20" }, _.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", clipRule: "evenodd" })), KS = _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", height: "20", width: "20" }, _.createElement("path", { fillRule: "evenodd", d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z", clipRule: "evenodd" })), JS = _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "20", width: "20" }, _.createElement("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z", clipRule: "evenodd" })), ZS = _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "20", width: "20" }, _.createElement("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z", clipRule: "evenodd" })), QS = _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, _.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })), eC = () => {
+  let [t, e] = _.useState(document.hidden);
+  return _.useEffect(() => {
     let r = () => {
       e(document.hidden);
     };
@@ -18013,7 +18013,7 @@ var WS = (t) => {
       let r;
       e.loading !== void 0 && (r = this.create({ ...e, promise: t, type: "loading", message: e.loading, description: typeof e.description != "function" ? e.description : void 0 }));
       let n = t instanceof Promise ? t : t(), o = r !== void 0, a, i = n.then(async (s) => {
-        if (a = ["resolve", s], P.isValidElement(s)) o = !1, this.create({ id: r, type: "default", message: s });
+        if (a = ["resolve", s], _.isValidElement(s)) o = !1, this.create({ id: r, type: "default", message: s });
         else if (nC(s) && !s.ok) {
           o = !1;
           let l = typeof e.error == "function" ? await e.error(`HTTP error! status: ${s.status}`) : e.error, c = typeof e.description == "function" ? await e.description(`HTTP error! status: ${s.status}`) : e.description;
@@ -18063,33 +18063,33 @@ function bC(t) {
 }
 var gC = (t) => {
   var e, r, n, o, a, i, u, s, l, c, p;
-  let { invert: f, toast: d, unstyled: b, interacting: g, setHeights: m, visibleToasts: v, heights: x, index: S, toasts: w, expanded: T, removeToast: _, defaultRichColors: I, closeButton: L, style: $, cancelButtonStyle: B, actionButtonStyle: C, className: N = "", descriptionClassName: R = "", duration: M, position: E, gap: O, loadingIcon: A, expandByDefault: D, classNames: j, icons: U, closeButtonAriaLabel: pe = "Close toast", pauseWhenPageIsHidden: ee } = t, [H, z] = P.useState(null), [ge, K] = P.useState(null), [F, Oe] = P.useState(!1), [Se, ye] = P.useState(!1), [Ze, mt] = P.useState(!1), [Qe, Hn] = P.useState(!1), [Na, zn] = P.useState(!1), [Ta, Jr] = P.useState(0), [pr, ws] = P.useState(0), Zr = P.useRef(d.duration || M || wc), Ss = P.useRef(null), Xt = P.useRef(null), xp = S === 0, wp = S + 1 <= v, je = d.type, hr = d.dismissible !== !1, Sp = d.className || "", Cp = d.descriptionClassName || "", Fn = P.useMemo(() => x.findIndex((V) => V.toastId === d.id) || 0, [x, d.id]), Ep = P.useMemo(() => {
+  let { invert: f, toast: d, unstyled: b, interacting: g, setHeights: m, visibleToasts: v, heights: x, index: w, toasts: C, expanded: T, removeToast: P, defaultRichColors: I, closeButton: L, style: $, cancelButtonStyle: B, actionButtonStyle: S, className: N = "", descriptionClassName: R = "", duration: M, position: E, gap: O, loadingIcon: A, expandByDefault: D, classNames: j, icons: U, closeButtonAriaLabel: pe = "Close toast", pauseWhenPageIsHidden: ee } = t, [H, z] = _.useState(null), [ge, K] = _.useState(null), [F, Oe] = _.useState(!1), [Se, ye] = _.useState(!1), [Ze, mt] = _.useState(!1), [Qe, Hn] = _.useState(!1), [Na, zn] = _.useState(!1), [Ta, Jr] = _.useState(0), [pr, ws] = _.useState(0), Zr = _.useRef(d.duration || M || wc), Ss = _.useRef(null), Xt = _.useRef(null), xp = w === 0, wp = w + 1 <= v, je = d.type, hr = d.dismissible !== !1, Sp = d.className || "", Cp = d.descriptionClassName || "", Fn = _.useMemo(() => x.findIndex((V) => V.toastId === d.id) || 0, [x, d.id]), Ep = _.useMemo(() => {
     var V;
     return (V = d.closeButton) != null ? V : L;
-  }, [d.closeButton, L]), Cs = P.useMemo(() => d.duration || M || wc, [d.duration, M]), Aa = P.useRef(0), mr = P.useRef(0), Es = P.useRef(0), br = P.useRef(null), [Np, Tp] = E.split("-"), Ns = P.useMemo(() => x.reduce((V, ne, de) => de >= Fn ? V : V + ne.height, 0), [x, Fn]), Ts = eC(), Ap = d.invert || f, Oa = je === "loading";
-  mr.current = P.useMemo(() => Fn * O + Ns, [Fn, Ns]), P.useEffect(() => {
+  }, [d.closeButton, L]), Cs = _.useMemo(() => d.duration || M || wc, [d.duration, M]), Aa = _.useRef(0), mr = _.useRef(0), Es = _.useRef(0), br = _.useRef(null), [Np, Tp] = E.split("-"), Ns = _.useMemo(() => x.reduce((V, ne, de) => de >= Fn ? V : V + ne.height, 0), [x, Fn]), Ts = eC(), Ap = d.invert || f, Oa = je === "loading";
+  mr.current = _.useMemo(() => Fn * O + Ns, [Fn, Ns]), _.useEffect(() => {
     Zr.current = Cs;
-  }, [Cs]), P.useEffect(() => {
+  }, [Cs]), _.useEffect(() => {
     Oe(!0);
-  }, []), P.useEffect(() => {
+  }, []), _.useEffect(() => {
     let V = Xt.current;
     if (V) {
       let ne = V.getBoundingClientRect().height;
       return ws(ne), m((de) => [{ toastId: d.id, height: ne, position: d.position }, ...de]), () => m((de) => de.filter((Fe) => Fe.toastId !== d.id));
     }
-  }, [m, d.id]), P.useLayoutEffect(() => {
+  }, [m, d.id]), _.useLayoutEffect(() => {
     if (!F) return;
     let V = Xt.current, ne = V.style.height;
     V.style.height = "auto";
     let de = V.getBoundingClientRect().height;
     V.style.height = ne, ws(de), m((Fe) => Fe.find((qe) => qe.toastId === d.id) ? Fe.map((qe) => qe.toastId === d.id ? { ...qe, height: de } : qe) : [{ toastId: d.id, height: de, position: d.position }, ...Fe]);
   }, [F, d.title, d.description, m, d.id]);
-  let Pt = P.useCallback(() => {
+  let Pt = _.useCallback(() => {
     ye(!0), Jr(mr.current), m((V) => V.filter((ne) => ne.toastId !== d.id)), setTimeout(() => {
-      _(d);
+      P(d);
     }, mC);
-  }, [d, _, m, mr]);
-  P.useEffect(() => {
+  }, [d, P, m, mr]);
+  _.useEffect(() => {
     if (d.promise && je === "loading" || d.duration === 1 / 0 || d.type === "loading") return;
     let V;
     return T || g || ee && Ts ? (() => {
@@ -18102,14 +18102,14 @@ var gC = (t) => {
       var ne;
       (ne = d.onAutoClose) == null || ne.call(d, d), Pt();
     }, Zr.current)), () => clearTimeout(V);
-  }, [T, g, d, je, ee, Ts, Pt]), P.useEffect(() => {
+  }, [T, g, d, je, ee, Ts, Pt]), _.useEffect(() => {
     d.delete && Pt();
   }, [Pt, d.delete]);
   function Op() {
     var V, ne, de;
-    return U != null && U.loading ? P.createElement("div", { className: Ve(j == null ? void 0 : j.loader, (V = d == null ? void 0 : d.classNames) == null ? void 0 : V.loader, "sonner-loader"), "data-visible": je === "loading" }, U.loading) : A ? P.createElement("div", { className: Ve(j == null ? void 0 : j.loader, (ne = d == null ? void 0 : d.classNames) == null ? void 0 : ne.loader, "sonner-loader"), "data-visible": je === "loading" }, A) : P.createElement(YS, { className: Ve(j == null ? void 0 : j.loader, (de = d == null ? void 0 : d.classNames) == null ? void 0 : de.loader), visible: je === "loading" });
+    return U != null && U.loading ? _.createElement("div", { className: Ve(j == null ? void 0 : j.loader, (V = d == null ? void 0 : d.classNames) == null ? void 0 : V.loader, "sonner-loader"), "data-visible": je === "loading" }, U.loading) : A ? _.createElement("div", { className: Ve(j == null ? void 0 : j.loader, (ne = d == null ? void 0 : d.classNames) == null ? void 0 : ne.loader, "sonner-loader"), "data-visible": je === "loading" }, A) : _.createElement(YS, { className: Ve(j == null ? void 0 : j.loader, (de = d == null ? void 0 : d.classNames) == null ? void 0 : de.loader), visible: je === "loading" });
   }
-  return P.createElement("li", { tabIndex: 0, ref: Xt, className: Ve(N, Sp, j == null ? void 0 : j.toast, (e = d == null ? void 0 : d.classNames) == null ? void 0 : e.toast, j == null ? void 0 : j.default, j == null ? void 0 : j[je], (r = d == null ? void 0 : d.classNames) == null ? void 0 : r[je]), "data-sonner-toast": "", "data-rich-colors": (n = d.richColors) != null ? n : I, "data-styled": !(d.jsx || d.unstyled || b), "data-mounted": F, "data-promise": !!d.promise, "data-swiped": Na, "data-removed": Se, "data-visible": wp, "data-y-position": Np, "data-x-position": Tp, "data-index": S, "data-front": xp, "data-swiping": Ze, "data-dismissible": hr, "data-type": je, "data-invert": Ap, "data-swipe-out": Qe, "data-swipe-direction": ge, "data-expanded": !!(T || D && F), style: { "--index": S, "--toasts-before": S, "--z-index": w.length - S, "--offset": `${Se ? Ta : mr.current}px`, "--initial-height": D ? "auto" : `${pr}px`, ...$, ...d.style }, onDragEnd: () => {
+  return _.createElement("li", { tabIndex: 0, ref: Xt, className: Ve(N, Sp, j == null ? void 0 : j.toast, (e = d == null ? void 0 : d.classNames) == null ? void 0 : e.toast, j == null ? void 0 : j.default, j == null ? void 0 : j[je], (r = d == null ? void 0 : d.classNames) == null ? void 0 : r[je]), "data-sonner-toast": "", "data-rich-colors": (n = d.richColors) != null ? n : I, "data-styled": !(d.jsx || d.unstyled || b), "data-mounted": F, "data-promise": !!d.promise, "data-swiped": Na, "data-removed": Se, "data-visible": wp, "data-y-position": Np, "data-x-position": Tp, "data-index": w, "data-front": xp, "data-swiping": Ze, "data-dismissible": hr, "data-type": je, "data-invert": Ap, "data-swipe-out": Qe, "data-swipe-direction": ge, "data-expanded": !!(T || D && F), style: { "--index": w, "--toasts-before": w, "--z-index": C.length - w, "--offset": `${Se ? Ta : mr.current}px`, "--initial-height": D ? "auto" : `${pr}px`, ...$, ...d.style }, onDragEnd: () => {
     mt(!1), z(null), br.current = null;
   }, onPointerDown: (V) => {
     Oa || !hr || (Ss.current = /* @__PURE__ */ new Date(), Jr(mr.current), V.target.setPointerCapture(V.pointerId), V.target.tagName !== "BUTTON" && (mt(!0), br.current = { x: V.clientX, y: V.clientY }));
@@ -18130,14 +18130,14 @@ var gC = (t) => {
     !H && (Math.abs(Kt) > 1 || Math.abs(_t) > 1) && z(Math.abs(Kt) > Math.abs(_t) ? "x" : "y");
     let Rt = { x: 0, y: 0 };
     H === "y" ? (Ue.includes("top") || Ue.includes("bottom")) && (Ue.includes("top") && _t < 0 || Ue.includes("bottom") && _t > 0) && (Rt.y = _t) : H === "x" && (Ue.includes("left") || Ue.includes("right")) && (Ue.includes("left") && Kt < 0 || Ue.includes("right") && Kt > 0) && (Rt.x = Kt), (Math.abs(Rt.x) > 0 || Math.abs(Rt.y) > 0) && zn(!0), (Fe = Xt.current) == null || Fe.style.setProperty("--swipe-amount-x", `${Rt.x}px`), (qe = Xt.current) == null || qe.style.setProperty("--swipe-amount-y", `${Rt.y}px`);
-  } }, Ep && !d.jsx ? P.createElement("button", { "aria-label": pe, "data-disabled": Oa, "data-close-button": !0, onClick: Oa || !hr ? () => {
+  } }, Ep && !d.jsx ? _.createElement("button", { "aria-label": pe, "data-disabled": Oa, "data-close-button": !0, onClick: Oa || !hr ? () => {
   } : () => {
     var V;
     Pt(), (V = d.onDismiss) == null || V.call(d, d);
-  }, className: Ve(j == null ? void 0 : j.closeButton, (o = d == null ? void 0 : d.classNames) == null ? void 0 : o.closeButton) }, (a = U == null ? void 0 : U.close) != null ? a : QS) : null, d.jsx || io(d.title) ? d.jsx ? d.jsx : typeof d.title == "function" ? d.title() : d.title : P.createElement(P.Fragment, null, je || d.icon || d.promise ? P.createElement("div", { "data-icon": "", className: Ve(j == null ? void 0 : j.icon, (i = d == null ? void 0 : d.classNames) == null ? void 0 : i.icon) }, d.promise || d.type === "loading" && !d.icon ? d.icon || Op() : null, d.type !== "loading" ? d.icon || (U == null ? void 0 : U[je]) || WS(je) : null) : null, P.createElement("div", { "data-content": "", className: Ve(j == null ? void 0 : j.content, (u = d == null ? void 0 : d.classNames) == null ? void 0 : u.content) }, P.createElement("div", { "data-title": "", className: Ve(j == null ? void 0 : j.title, (s = d == null ? void 0 : d.classNames) == null ? void 0 : s.title) }, typeof d.title == "function" ? d.title() : d.title), d.description ? P.createElement("div", { "data-description": "", className: Ve(R, Cp, j == null ? void 0 : j.description, (l = d == null ? void 0 : d.classNames) == null ? void 0 : l.description) }, typeof d.description == "function" ? d.description() : d.description) : null), io(d.cancel) ? d.cancel : d.cancel && ao(d.cancel) ? P.createElement("button", { "data-button": !0, "data-cancel": !0, style: d.cancelButtonStyle || B, onClick: (V) => {
+  }, className: Ve(j == null ? void 0 : j.closeButton, (o = d == null ? void 0 : d.classNames) == null ? void 0 : o.closeButton) }, (a = U == null ? void 0 : U.close) != null ? a : QS) : null, d.jsx || io(d.title) ? d.jsx ? d.jsx : typeof d.title == "function" ? d.title() : d.title : _.createElement(_.Fragment, null, je || d.icon || d.promise ? _.createElement("div", { "data-icon": "", className: Ve(j == null ? void 0 : j.icon, (i = d == null ? void 0 : d.classNames) == null ? void 0 : i.icon) }, d.promise || d.type === "loading" && !d.icon ? d.icon || Op() : null, d.type !== "loading" ? d.icon || (U == null ? void 0 : U[je]) || WS(je) : null) : null, _.createElement("div", { "data-content": "", className: Ve(j == null ? void 0 : j.content, (u = d == null ? void 0 : d.classNames) == null ? void 0 : u.content) }, _.createElement("div", { "data-title": "", className: Ve(j == null ? void 0 : j.title, (s = d == null ? void 0 : d.classNames) == null ? void 0 : s.title) }, typeof d.title == "function" ? d.title() : d.title), d.description ? _.createElement("div", { "data-description": "", className: Ve(R, Cp, j == null ? void 0 : j.description, (l = d == null ? void 0 : d.classNames) == null ? void 0 : l.description) }, typeof d.description == "function" ? d.description() : d.description) : null), io(d.cancel) ? d.cancel : d.cancel && ao(d.cancel) ? _.createElement("button", { "data-button": !0, "data-cancel": !0, style: d.cancelButtonStyle || B, onClick: (V) => {
     var ne, de;
     ao(d.cancel) && hr && ((de = (ne = d.cancel).onClick) == null || de.call(ne, V), Pt());
-  }, className: Ve(j == null ? void 0 : j.cancelButton, (c = d == null ? void 0 : d.classNames) == null ? void 0 : c.cancelButton) }, d.cancel.label) : null, io(d.action) ? d.action : d.action && ao(d.action) ? P.createElement("button", { "data-button": !0, "data-action": !0, style: d.actionButtonStyle || C, onClick: (V) => {
+  }, className: Ve(j == null ? void 0 : j.cancelButton, (c = d == null ? void 0 : d.classNames) == null ? void 0 : c.cancelButton) }, d.cancel.label) : null, io(d.action) ? d.action : d.action && ao(d.action) ? _.createElement("button", { "data-button": !0, "data-action": !0, style: d.actionButtonStyle || S, onClick: (V) => {
     var ne, de;
     ao(d.action) && ((de = (ne = d.action).onClick) == null || de.call(ne, V), !V.defaultPrevented && Pt());
   }, className: Ve(j == null ? void 0 : j.actionButton, (p = d == null ? void 0 : d.classNames) == null ? void 0 : p.actionButton) }, d.action.label) : null));
@@ -18162,13 +18162,13 @@ function vC(t, e) {
   }), r;
 }
 Ki(function(t, e) {
-  let { invert: r, position: n = "bottom-right", hotkey: o = ["altKey", "KeyT"], expand: a, closeButton: i, className: u, offset: s, mobileOffset: l, theme: c = "light", richColors: p, duration: f, style: d, visibleToasts: b = lC, toastOptions: g, dir: m = Sc(), gap: v = pC, loadingIcon: x, icons: S, containerAriaLabel: w = "Notifications", pauseWhenPageIsHidden: T } = t, [_, I] = P.useState([]), L = P.useMemo(() => Array.from(new Set([n].concat(_.filter((ee) => ee.position).map((ee) => ee.position)))), [_, n]), [$, B] = P.useState([]), [C, N] = P.useState(!1), [R, M] = P.useState(!1), [E, O] = P.useState(c !== "system" ? c : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), A = P.useRef(null), D = o.join("+").replace(/Key/g, "").replace(/Digit/g, ""), j = P.useRef(null), U = P.useRef(!1), pe = P.useCallback((ee) => {
+  let { invert: r, position: n = "bottom-right", hotkey: o = ["altKey", "KeyT"], expand: a, closeButton: i, className: u, offset: s, mobileOffset: l, theme: c = "light", richColors: p, duration: f, style: d, visibleToasts: b = lC, toastOptions: g, dir: m = Sc(), gap: v = pC, loadingIcon: x, icons: w, containerAriaLabel: C = "Notifications", pauseWhenPageIsHidden: T } = t, [P, I] = _.useState([]), L = _.useMemo(() => Array.from(new Set([n].concat(P.filter((ee) => ee.position).map((ee) => ee.position)))), [P, n]), [$, B] = _.useState([]), [S, N] = _.useState(!1), [R, M] = _.useState(!1), [E, O] = _.useState(c !== "system" ? c : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), A = _.useRef(null), D = o.join("+").replace(/Key/g, "").replace(/Digit/g, ""), j = _.useRef(null), U = _.useRef(!1), pe = _.useCallback((ee) => {
     I((H) => {
       var z;
       return (z = H.find((ge) => ge.id === ee.id)) != null && z.delete || ke.dismiss(ee.id), H.filter(({ id: ge }) => ge !== ee.id);
     });
   }, []);
-  return P.useEffect(() => ke.subscribe((ee) => {
+  return _.useEffect(() => ke.subscribe((ee) => {
     if (ee.dismiss) {
       I((H) => H.map((z) => z.id === ee.id ? { ...z, delete: !0 } : z));
       return;
@@ -18181,7 +18181,7 @@ Ki(function(t, e) {
         });
       });
     });
-  }), []), P.useEffect(() => {
+  }), []), _.useEffect(() => {
     if (c !== "system") {
       O(c);
       return;
@@ -18201,22 +18201,22 @@ Ki(function(t, e) {
         }
       });
     }
-  }, [c]), P.useEffect(() => {
-    _.length <= 1 && N(!1);
-  }, [_]), P.useEffect(() => {
+  }, [c]), _.useEffect(() => {
+    P.length <= 1 && N(!1);
+  }, [P]), _.useEffect(() => {
     let ee = (H) => {
       var z, ge;
       o.every((K) => H[K] || H.code === K) && (N(!0), (z = A.current) == null || z.focus()), H.code === "Escape" && (document.activeElement === A.current || (ge = A.current) != null && ge.contains(document.activeElement)) && N(!1);
     };
     return document.addEventListener("keydown", ee), () => document.removeEventListener("keydown", ee);
-  }, [o]), P.useEffect(() => {
+  }, [o]), _.useEffect(() => {
     if (A.current) return () => {
       j.current && (j.current.focus({ preventScroll: !0 }), j.current = null, U.current = !1);
     };
-  }, [A.current]), P.createElement("section", { ref: e, "aria-label": `${w} ${D}`, tabIndex: -1, "aria-live": "polite", "aria-relevant": "additions text", "aria-atomic": "false", suppressHydrationWarning: !0 }, L.map((ee, H) => {
+  }, [A.current]), _.createElement("section", { ref: e, "aria-label": `${C} ${D}`, tabIndex: -1, "aria-live": "polite", "aria-relevant": "additions text", "aria-atomic": "false", suppressHydrationWarning: !0 }, L.map((ee, H) => {
     var z;
     let [ge, K] = ee.split("-");
-    return _.length ? P.createElement("ol", { key: ee, dir: m === "auto" ? Sc() : m, tabIndex: -1, ref: A, className: u, "data-sonner-toaster": !0, "data-theme": E, "data-y-position": ge, "data-lifted": C && _.length > 1 && !a, "data-x-position": K, style: { "--front-toast-height": `${((z = $[0]) == null ? void 0 : z.height) || 0}px`, "--width": `${fC}px`, "--gap": `${v}px`, ...d, ...vC(s, l) }, onBlur: (F) => {
+    return P.length ? _.createElement("ol", { key: ee, dir: m === "auto" ? Sc() : m, tabIndex: -1, ref: A, className: u, "data-sonner-toaster": !0, "data-theme": E, "data-y-position": ge, "data-lifted": S && P.length > 1 && !a, "data-x-position": K, style: { "--front-toast-height": `${((z = $[0]) == null ? void 0 : z.height) || 0}px`, "--width": `${fC}px`, "--gap": `${v}px`, ...d, ...vC(s, l) }, onBlur: (F) => {
       U.current && !F.currentTarget.contains(F.relatedTarget) && (U.current = !1, j.current && (j.current.focus({ preventScroll: !0 }), j.current = null));
     }, onFocus: (F) => {
       F.target instanceof HTMLElement && F.target.dataset.dismissible === "false" || U.current || (U.current = !0, j.current = F.relatedTarget);
@@ -18224,9 +18224,9 @@ Ki(function(t, e) {
       R || N(!1);
     }, onDragEnd: () => N(!1), onPointerDown: (F) => {
       F.target instanceof HTMLElement && F.target.dataset.dismissible === "false" || M(!0);
-    }, onPointerUp: () => M(!1) }, _.filter((F) => !F.position && H === 0 || F.position === ee).map((F, Oe) => {
+    }, onPointerUp: () => M(!1) }, P.filter((F) => !F.position && H === 0 || F.position === ee).map((F, Oe) => {
       var Se, ye;
-      return P.createElement(gC, { key: F.id, icons: S, index: Oe, toast: F, defaultRichColors: p, duration: (Se = g == null ? void 0 : g.duration) != null ? Se : f, className: g == null ? void 0 : g.className, descriptionClassName: g == null ? void 0 : g.descriptionClassName, invert: r, visibleToasts: b, closeButton: (ye = g == null ? void 0 : g.closeButton) != null ? ye : i, interacting: R, position: ee, style: g == null ? void 0 : g.style, unstyled: g == null ? void 0 : g.unstyled, classNames: g == null ? void 0 : g.classNames, cancelButtonStyle: g == null ? void 0 : g.cancelButtonStyle, actionButtonStyle: g == null ? void 0 : g.actionButtonStyle, removeToast: pe, toasts: _.filter((Ze) => Ze.position == F.position), heights: $.filter((Ze) => Ze.position == F.position), setHeights: B, expandByDefault: a, gap: v, loadingIcon: x, expanded: C, pauseWhenPageIsHidden: T, swipeDirections: t.swipeDirections });
+      return _.createElement(gC, { key: F.id, icons: w, index: Oe, toast: F, defaultRichColors: p, duration: (Se = g == null ? void 0 : g.duration) != null ? Se : f, className: g == null ? void 0 : g.className, descriptionClassName: g == null ? void 0 : g.descriptionClassName, invert: r, visibleToasts: b, closeButton: (ye = g == null ? void 0 : g.closeButton) != null ? ye : i, interacting: R, position: ee, style: g == null ? void 0 : g.style, unstyled: g == null ? void 0 : g.unstyled, classNames: g == null ? void 0 : g.classNames, cancelButtonStyle: g == null ? void 0 : g.cancelButtonStyle, actionButtonStyle: g == null ? void 0 : g.actionButtonStyle, removeToast: pe, toasts: P.filter((Ze) => Ze.position == F.position), heights: $.filter((Ze) => Ze.position == F.position), setHeights: B, expandByDefault: a, gap: v, loadingIcon: x, expanded: S, pauseWhenPageIsHidden: T, swipeDirections: t.swipeDirections });
     })) : null;
   }));
 });
@@ -18441,71 +18441,72 @@ const Cc = ({ htmlJson: t, editorState: e }) => {
 }, wC = ({
   handleSavePopup: t,
   popupEditorState: e,
-  handleStateChangePopup: r,
-  editorState: n,
-  setIsOpen: o,
-  initialData: a,
-  onSave: i,
-  onStateChange: u,
-  enabled: s = !0
+  popupHtmlJson: r,
+  handleStateChangePopup: n,
+  editorState: o,
+  setIsOpen: a,
+  initialData: i,
+  onSave: u,
+  onStateChange: s,
+  enabled: l = !0
 }) => {
-  var S;
-  const l = Uo(), [c, p] = be("desktop"), [f, d] = be(!1), b = Ye(f);
-  b.current = f;
-  const [g, m] = be(
-    ((S = Yi[c]) == null ? void 0 : S.width) || "100%"
+  var C;
+  const c = Uo(), [p, f] = be("desktop"), [d, b] = be(!1), g = Ye(d);
+  g.current = d;
+  const [m, v] = be(
+    ((C = Yi[p]) == null ? void 0 : C.width) || "100%"
   );
   Me(() => {
-    var T;
-    const w = ((T = Yi[c]) == null ? void 0 : T.width) || "100%";
-    m(w);
-  }, [c]), Me(() => {
-    if (!s) {
-      const w = () => {
-        const T = window.innerWidth;
-        T < 640 ? p("mobile") : T < 1024 ? p("tablet") : T < 1280 ? p("small") : p("desktop");
+    var P;
+    const T = ((P = Yi[p]) == null ? void 0 : P.width) || "100%";
+    v(T);
+  }, [p]), Me(() => {
+    if (!l) {
+      const T = () => {
+        const P = window.innerWidth;
+        P < 640 ? f("mobile") : P < 1024 ? f("tablet") : P < 1280 ? f("small") : f("desktop");
       };
-      return window.addEventListener("resize", w), () => window.removeEventListener("resize", w);
+      return window.addEventListener("resize", T), () => window.removeEventListener("resize", T);
     }
-  }, [s]);
-  const v = (w) => {
-    if (u)
+  }, [l]);
+  const x = (T) => {
+    if (s)
       try {
-        const T = w.serialize();
-        u(T);
-      } catch (T) {
-        console.log(T);
+        const P = T.serialize();
+        s(P);
+      } catch (P) {
+        console.log(P);
       }
-  }, x = (w) => {
-    if (r)
+  }, w = (T) => {
+    if (n)
       try {
-        const T = w.serialize();
-        r(T);
-      } catch (T) {
-        console.log(T);
+        const P = T.serialize();
+        n(P);
+      } catch (P) {
+        console.log(P);
       }
   };
-  return s ? /* @__PURE__ */ h(
+  return l ? /* @__PURE__ */ h(
     yi,
     {
       resolver: Xi,
-      enabled: s,
-      onNodesChange: (w) => {
-        b.current ? x(w) : v(w);
+      enabled: l,
+      onNodesChange: (T) => {
+        g.current ? w(T) : x(T);
       },
-      children: /* @__PURE__ */ h(xi, { value: c, children: /* @__PURE__ */ h(ho, { value: l, children: /* @__PURE__ */ k("div", { className: "flex flex-col h-full", children: [
+      children: /* @__PURE__ */ h(xi, { value: p, children: /* @__PURE__ */ h(ho, { value: c, children: /* @__PURE__ */ k("div", { className: "flex flex-col h-full", children: [
         /* @__PURE__ */ k("div", { className: "flex items-center justify-between pb-4 border-b border-border", children: [
-          /* @__PURE__ */ h("h2", { className: "text-lg font-semibold", children: f ? "Popup Builder" : "Page Builder" }),
+          /* @__PURE__ */ h("h2", { className: "text-lg font-semibold", children: d ? "Popup Builder" : "Page Builder" }),
           /* @__PURE__ */ h(
             yC,
             {
-              setIsOpen: o,
-              onSave: i,
+              setIsOpen: a,
+              onSave: u,
               handleSavePopup: t,
-              deviceSize: c,
-              onDeviceSizeChange: p,
-              editPopup: f,
-              setEditPopup: d
+              deviceSize: p,
+              onDeviceSizeChange: f,
+              editPopup: d,
+              setEditPopup: b
             }
           )
         ] }),
@@ -18519,20 +18520,21 @@ const Cc = ({ htmlJson: t, editorState: e }) => {
             {
               className: "bg-white rounded-lg min-h-full border border-dashed transition-all duration-300 ",
               style: {
-                width: typeof g == "number" ? `${g}px` : g,
+                width: typeof m == "number" ? `${m}px` : m,
                 maxWidth: "100%"
               },
-              children: f ? /* @__PURE__ */ h(
+              children: d ? /* @__PURE__ */ h(
                 xC,
                 {
                   popupEditorState: e,
-                  enabled: s
+                  enabled: l,
+                  htmlJson: r
                 }
               ) : /* @__PURE__ */ h(
                 Cc,
                 {
-                  editorState: n,
-                  htmlJson: a
+                  editorState: o,
+                  htmlJson: i
                 }
               )
             }
@@ -18541,7 +18543,7 @@ const Cc = ({ htmlJson: t, editorState: e }) => {
         ] })
       ] }) }) })
     }
-  ) : /* @__PURE__ */ h(xi, { value: c, children: /* @__PURE__ */ h(ho, { value: l, children: /* @__PURE__ */ h(yi, { resolver: Xi, enabled: s, children: /* @__PURE__ */ h(Cc, { htmlJson: a }) }) }) });
+  ) : /* @__PURE__ */ h(xi, { value: p, children: /* @__PURE__ */ h(ho, { value: c, children: /* @__PURE__ */ h(yi, { resolver: Xi, enabled: l, children: /* @__PURE__ */ h(Cc, { htmlJson: i }) }) }) });
 }, Ya = {
   mobile: { width: 375, label: "Mobile", icon: iu },
   tablet: { width: 768, label: "Tablet", icon: uu },
@@ -18624,16 +18626,17 @@ const Cc = ({ htmlJson: t, editorState: e }) => {
 }, XC = ({
   handleSavePopup: t,
   popupEditorState: e,
-  handleStateChangePopup: r,
-  editorState: n,
-  initialData: o,
-  onSave: a,
-  onStateChange: i,
-  eventData: u,
-  enabled: s = !0
+  popupHtmlJson: r,
+  handleStateChangePopup: n,
+  editorState: o,
+  initialData: a,
+  onSave: i,
+  onStateChange: u,
+  eventData: s,
+  enabled: l = !0
 }) => {
-  const [l, c] = P.useState(!1);
-  return /* @__PURE__ */ h(ho, { value: u, children: /* @__PURE__ */ k(
+  const [c, p] = _.useState(!1);
+  return /* @__PURE__ */ h(ho, { value: s, children: /* @__PURE__ */ k(
     Ip,
     {
       fallback: /* @__PURE__ */ h(sn, { children: /* @__PURE__ */ h(ln, { className: "p-4", children: /* @__PURE__ */ k("div", { className: "space-y-4", children: [
@@ -18648,25 +18651,26 @@ const Cc = ({ htmlJson: t, editorState: e }) => {
         /* @__PURE__ */ h(
           wC,
           {
+            popupHtmlJson: r,
             popupEditorState: e,
-            handleStateChangePopup: r,
-            editorState: n,
-            enabled: s,
-            setIsOpen: c,
-            initialData: o,
-            onSave: a,
+            handleStateChangePopup: n,
+            editorState: o,
+            enabled: l,
+            setIsOpen: p,
+            initialData: a,
+            onSave: i,
             handleSavePopup: t,
-            onStateChange: i
+            onStateChange: u
           }
         ),
-        s ? /* @__PURE__ */ h(
+        l ? /* @__PURE__ */ h(
           EC,
           {
             popupEditorState: e,
-            eventData: u,
-            editorState: n,
-            isOpen: l,
-            onClose: () => c(!1)
+            eventData: s,
+            editorState: o,
+            isOpen: c,
+            onClose: () => p(!1)
           }
         ) : null
       ]