@chaibuilder/sdk 0.1.16 → 0.1.17

package/dist/{CanvasArea-a585620d.js → CanvasArea-d301c4ef.js}

@@ -3,27 +3,27 @@ var gt = (e, r, n) => r in e ? vt(e, r, { enumerable: !0, configurable: !0, writ
 var V = (e, r, n) => (gt(e, typeof r != "symbol" ? r + "" : r, n), n);
 import { j as t } from "./jsx-runtime-944c88e2.js";
 import G, { createElement as xt, useCallback as Q, useState as H, useEffect as F, Component as Xe, Children as bt, Suspense as Ze, useRef as Oe, useMemo as wt, lazy as Et } from "react";
-import { map as ie, includes as Me, toUpper as ye, round as St, isEmpty as ee, first as ce, get as $, memoize as Tt, find as jt, filter as Je, isString as Qe } from "lodash";
-import { ResetIcon as De, DotsVerticalIcon as Ct, MobileIcon as Be, LaptopIcon as kt, DesktopIcon as Rt, EraserIcon as At, ZoomInIcon as _t, ArrowUpIcon as Pt, CopyIcon as It, TrashIcon as Ot, DragHandleDots2Icon as Mt } from "@radix-ui/react-icons";
+import { map as ie, includes as Me, toUpper as ye, round as St, isEmpty as ee, first as ce, get as B, memoize as Tt, find as jt, filter as Je, isNull as Ct, isString as Qe } from "lodash";
+import { ResetIcon as De, DotsVerticalIcon as kt, MobileIcon as $e, LaptopIcon as Rt, DesktopIcon as At, EraserIcon as _t, ZoomInIcon as Pt, ArrowUpIcon as It, CopyIcon as Ot, TrashIcon as Mt, DragHandleDots2Icon as Dt } from "@radix-ui/react-icons";
 import { B as le, u as et, S as tt } from "./useBuilderProp-81a14920.js";
-import { c as ke, d as rt, e as Re, f as Dt, g as Bt, h as X, i as Z, j as $t, k as nt, l as ot, m as Nt, n as Lt, o as Ft, p as st, q as at, u as Wt, r as qt, s as Ut, t as Yt, v as zt, w as Ht, x as Ae, y as it, z as Kt, A as Vt, B as Gt, b as Xt, E as Zt } from "./index-8a7a37ce.js";
+import { c as ke, d as rt, e as Re, f as $t, g as Bt, h as X, i as Z, j as Nt, k as nt, l as ot, m as Lt, n as Ft, o as Wt, p as st, q as at, u as qt, r as Ut, s as Yt, t as zt, v as Ht, w as Kt, x as Ae, y as it, z as Vt, A as Gt, B as Xt, b as Zt, E as Jt } from "./index-95757b80.js";
 import { useTranslation as ct } from "react-i18next";
 import { S as se } from "./separator-a80d065b.js";
-import { S as Jt, D as Qt, c as er, d as tr, h as rr, i as nr, f as or, H as sr, a as ar, b as ir } from "./dropdown-menu-ae3ed09b.js";
-import { L as cr } from "./label-e770a087.js";
-import { A as lr, a as dr, b as ur, c as fr, e as pr, f as hr, d as mr, h as yr, g as vr } from "./alert-dialog-ee98f47e.js";
+import { S as Qt, D as er, c as tr, d as rr, h as nr, i as or, f as sr, H as ar, a as ir, b as cr } from "./dropdown-menu-ae3ed09b.js";
+import { L as lr } from "./label-e770a087.js";
+import { A as dr, a as ur, b as fr, c as pr, e as hr, f as mr, d as yr, h as vr, g as gr } from "./alert-dialog-ee98f47e.js";
 import { useAtom as te } from "jotai";
-import { flip as gr } from "@floating-ui/dom";
-import { useFloating as xr, shift as br } from "@floating-ui/react-dom";
-import { useDrag as wr } from "react-dnd";
-import { useResizeObserver as Er } from "@react-hookz/web";
-import { tailwindcssPaletteGenerator as Sr } from "@bobthered/tailwindcss-palette-generator";
-import { Provider as Tr } from "react-wrap-balancer";
-import { twMerge as jr } from "tailwind-merge";
-import { S as lt, a as $e } from "./MODIFIERS-c2e02614.js";
-import { getBlockComponent as Cr } from "@chaibuilder/blocks";
+import { flip as xr } from "@floating-ui/dom";
+import { useFloating as br, shift as wr } from "@floating-ui/react-dom";
+import { useDrag as Er } from "react-dnd";
+import { useResizeObserver as Sr } from "@react-hookz/web";
+import { tailwindcssPaletteGenerator as Tr } from "@bobthered/tailwindcss-palette-generator";
+import { Provider as jr } from "react-wrap-balancer";
+import { twMerge as Cr } from "tailwind-merge";
+import { S as lt, a as Be } from "./MODIFIERS-c2e02614.js";
+import { getBlockComponent as kr } from "@chaibuilder/blocks";
 import Ne from "react-dom";
-import { g as kr } from "./_commonjsHelpers-d4512b9c.js";
+import { g as Rr } from "./_commonjsHelpers-d4512b9c.js";
 import "@radix-ui/react-slot";
 import "class-variance-authority";
 import "./utils-ac68b2c8.js";
@@ -46,19 +46,19 @@ import "@radix-ui/react-hover-card";
 import "@radix-ui/react-dropdown-menu";
 import "@radix-ui/react-label";
 import "@radix-ui/react-alert-dialog";
-const Rr = () => {
+const Ar = () => {
   const { undoCount: e, redoCount: r, undo: n, redo: i } = ke();
   return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ t.jsx(le, { disabled: !e, size: "sm", onClick: n, className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ t.jsx(De, {}) }),
     /* @__PURE__ */ t.jsx(le, { disabled: !r, onClick: i, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ t.jsx(De, { className: "rotate-180 scale-y-[-1] transform" }) })
   ] });
 };
-function Ar() {
+function _r() {
   const [e, r] = rt(), { t: n } = ct();
   return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ t.jsx(cr, { htmlFor: "dark-mode-switch", children: n("dark_mode") }),
+    /* @__PURE__ */ t.jsx(lr, { htmlFor: "dark-mode-switch", children: n("dark_mode") }),
     /* @__PURE__ */ t.jsxs(
-      Jt,
+      Qt,
       {
         id: "dark-mode-switch",
         checked: e,
@@ -110,14 +110,14 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
     title: "Mobile (XS)",
     content: "Styles set here are applied to all screen unless edited at higher breakpoint",
     breakpoint: "xs",
-    icon: /* @__PURE__ */ t.jsx(Be, {}),
+    icon: /* @__PURE__ */ t.jsx($e, {}),
     width: 400
   },
   {
     title: "Mobile landscape (SM)",
     content: "Styles set here are applied at 640px and up unless edited at higher breakpoint",
     breakpoint: "sm",
-    icon: /* @__PURE__ */ t.jsx(Be, { className: "rotate-90" }),
+    icon: /* @__PURE__ */ t.jsx($e, { className: "rotate-90" }),
     width: 640
   },
   {
@@ -138,17 +138,17 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
     title: "Desktop (XL)",
     content: "Styles set here are applied at 1280px and up unless edited at higher breakpoint",
     breakpoint: "xl",
-    icon: /* @__PURE__ */ t.jsx(kt, {}),
+    icon: /* @__PURE__ */ t.jsx(Rt, {}),
     width: 1420
   },
   {
     title: "Large Desktop (2XL)",
     content: "Styles set here are applied at 1536px and up",
     breakpoint: "2xl",
-    icon: /* @__PURE__ */ t.jsx(Rt, {}),
+    icon: /* @__PURE__ */ t.jsx(At, {}),
     width: 1920
   }
-], _r = ({
+], Pr = ({
   title: e,
   content: r,
   currentBreakpoint: n,
@@ -156,8 +156,8 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
   width: d,
   icon: s,
   onClick: a
-}) => /* @__PURE__ */ t.jsxs(sr, { children: [
-  /* @__PURE__ */ t.jsx(ar, { asChild: !0, children: /* @__PURE__ */ t.jsx(
+}) => /* @__PURE__ */ t.jsxs(ar, { children: [
+  /* @__PURE__ */ t.jsx(ir, { asChild: !0, children: /* @__PURE__ */ t.jsx(
     le,
     {
       onClick: () => a(d),
@@ -166,26 +166,26 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
       children: s
     }
   ) }),
-  /* @__PURE__ */ t.jsx(ir, { className: "w-52 border-border", children: /* @__PURE__ */ t.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ t.jsxs("div", { className: "space-y-1", children: [
+  /* @__PURE__ */ t.jsx(cr, { className: "w-52 border-border", children: /* @__PURE__ */ t.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ t.jsxs("div", { className: "space-y-1", children: [
     /* @__PURE__ */ t.jsx("h4", { className: "text-sm font-semibold", children: e }),
     /* @__PURE__ */ t.jsx("p", { className: "text-xs", children: r })
   ] }) }) })
-] }), Pr = () => {
-  const [, e, r] = Re(), [n, i] = Dt(), d = (s) => {
+] }), Ir = () => {
+  const [, e, r] = Re(), [n, i] = $t(), d = (s) => {
     n.includes(s) ? n.length > 2 && i(n.filter((a) => a !== s)) : i((a) => [...a, s]);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center rounded-md", children: [
     ie(
       Fe.filter((s) => Me(n, ye(s.breakpoint))),
-      (s) => /* @__PURE__ */ xt(_r, { ...s, onClick: r, key: s.breakpoint, currentBreakpoint: e })
+      (s) => /* @__PURE__ */ xt(Pr, { ...s, onClick: r, key: s.breakpoint, currentBreakpoint: e })
     ),
-    /* @__PURE__ */ t.jsxs(Qt, { children: [
-      /* @__PURE__ */ t.jsx(er, { asChild: !0, children: /* @__PURE__ */ t.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ t.jsx(Ct, { className: "scale-90 transform" }) }) }),
-      /* @__PURE__ */ t.jsxs(tr, { className: "w-56 border-border text-xs", children: [
-        /* @__PURE__ */ t.jsx(rr, { children: "Breakpoints" }),
-        /* @__PURE__ */ t.jsx(nr, {}),
+    /* @__PURE__ */ t.jsxs(er, { children: [
+      /* @__PURE__ */ t.jsx(tr, { asChild: !0, children: /* @__PURE__ */ t.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ t.jsx(kt, { className: "scale-90 transform" }) }) }),
+      /* @__PURE__ */ t.jsxs(rr, { className: "w-56 border-border text-xs", children: [
+        /* @__PURE__ */ t.jsx(nr, { children: "Breakpoints" }),
+        /* @__PURE__ */ t.jsx(or, {}),
         ie(Fe, (s) => /* @__PURE__ */ t.jsx(
-          or,
+          sr,
           {
             disabled: s.breakpoint === "xs",
             onCheckedChange: () => d(ye(s.breakpoint)),
@@ -197,38 +197,38 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
       ] })
     ] })
   ] });
-}, Ir = () => {
+}, Or = () => {
   const [e] = Bt(), { createSnapshot: r } = ke(), [, n] = X(), [, i] = Z(), d = Q(() => {
     e([]), n([]), i([]), r();
   }, [e, r]);
-  return /* @__PURE__ */ t.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ t.jsxs(lr, { children: [
-    /* @__PURE__ */ t.jsx(dr, { asChild: !0, children: /* @__PURE__ */ t.jsxs(le, { size: "sm", variant: "ghost", className: "flex items-center gap-x-1", children: [
-      /* @__PURE__ */ t.jsx(At, {}),
+  return /* @__PURE__ */ t.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ t.jsxs(dr, { children: [
+    /* @__PURE__ */ t.jsx(ur, { asChild: !0, children: /* @__PURE__ */ t.jsxs(le, { size: "sm", variant: "ghost", className: "flex items-center gap-x-1", children: [
+      /* @__PURE__ */ t.jsx(_t, {}),
       " Clear"
     ] }) }),
-    /* @__PURE__ */ t.jsxs(ur, { className: "border-border", children: [
-      /* @__PURE__ */ t.jsxs(fr, { children: [
-        /* @__PURE__ */ t.jsx(pr, { children: "Clear whole canvas?" }),
-        /* @__PURE__ */ t.jsx(hr, { children: "Are you sure you want to clear the whole canvas?" })
+    /* @__PURE__ */ t.jsxs(fr, { className: "border-border", children: [
+      /* @__PURE__ */ t.jsxs(pr, { children: [
+        /* @__PURE__ */ t.jsx(hr, { children: "Clear whole canvas?" }),
+        /* @__PURE__ */ t.jsx(mr, { children: "Are you sure you want to clear the whole canvas?" })
       ] }),
-      /* @__PURE__ */ t.jsxs(mr, { children: [
-        /* @__PURE__ */ t.jsx(yr, { children: "Cancel" }),
-        /* @__PURE__ */ t.jsx(vr, { onClick: d, children: "Yes" })
+      /* @__PURE__ */ t.jsxs(yr, { children: [
+        /* @__PURE__ */ t.jsx(vr, { children: "Cancel" }),
+        /* @__PURE__ */ t.jsx(gr, { onClick: d, children: "Yes" })
       ] })
     ] })
   ] }) });
-}, Or = () => {
-  const e = $t("darkMode", !1), [r] = nt();
+}, Mr = () => {
+  const e = Nt("darkMode", !1), [r] = nt();
   return /* @__PURE__ */ t.jsxs("div", { className: "flex h-10 items-center justify-between border-b bg-background/70 px-2", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "flex h-full space-x-2", children: [
       e ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        /* @__PURE__ */ t.jsx(Ar, {}),
+        /* @__PURE__ */ t.jsx(_r, {}),
         /* @__PURE__ */ t.jsx(se, { orientation: "vertical" })
       ] }) : null,
-      /* @__PURE__ */ t.jsx(Pr, {}),
+      /* @__PURE__ */ t.jsx(Ir, {}),
       /* @__PURE__ */ t.jsx(se, { orientation: "vertical" }),
       /* @__PURE__ */ t.jsxs("div", { className: "flex w-12 items-center justify-center gap-x-1 space-x-0 font-medium", children: [
-        /* @__PURE__ */ t.jsx(_t, { className: "h-3.5 w-3.5 flex-shrink-0" }),
+        /* @__PURE__ */ t.jsx(Pt, { className: "h-3.5 w-3.5 flex-shrink-0" }),
         " ",
         /* @__PURE__ */ t.jsxs("div", { className: "text-xs leading-3", children: [
           St(r, 0),
@@ -236,11 +236,11 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
         ] })
       ] }),
       /* @__PURE__ */ t.jsx(se, { orientation: "vertical" }),
-      /* @__PURE__ */ t.jsx(Rr, {})
+      /* @__PURE__ */ t.jsx(Ar, {})
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: "flex h-full items-center space-x-2", children: [
       /* @__PURE__ */ t.jsx(se, { orientation: "vertical" }),
-      /* @__PURE__ */ t.jsx(Ir, {})
+      /* @__PURE__ */ t.jsx(Or, {})
     ] })
   ] });
 }, ve = {
@@ -249,7 +249,7 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
   EMAIL: "EMAIL",
   PRESENTATION: "PRESENTATION",
   GRAPHIC: "GRAPHIC"
-}, Mr = `<!doctype html>
+}, Dr = `<!doctype html>
 <html class="scroll-smooth h-full overflow-y-auto">
   <head>
     <meta charset="UTF-8">
@@ -283,16 +283,16 @@ const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ t.jsxs(
   <body class="font-body antialiased h-full">
     <div class="frame-root"></div>
   </body>
-</html>`, Dr = (e) => {
+</html>`, $r = (e) => {
   const [r] = Re(), [, n] = nt(), [i, d] = H({}), s = Q(() => {
-    const { width: a, height: f } = e;
+    const { width: a, height: p } = e;
     if (a < r) {
       const y = parseFloat((a / r).toString());
-      let p = {};
-      f && (p = { height: f + 2 * f * (1 - y) }), d({
+      let u = {};
+      p && (u = { height: p + 2 * p * (1 - y) }), d({
         transform: `scale(${y})`,
         transformOrigin: "top left",
-        ...p,
+        ...u,
         maxWidth: "none"
       }), n(y * 100);
     } else
@@ -316,7 +316,7 @@ function Br() {
   if (We)
     return _;
   We = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, d = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, y = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, E = e ? Symbol.for("react.block") : 60121, C = e ? Symbol.for("react.fundamental") : 60117, g = e ? Symbol.for("react.responder") : 60118, U = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, d = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, p = e ? Symbol.for("react.context") : 60110, y = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, w = e ? Symbol.for("react.block") : 60121, C = e ? Symbol.for("react.fundamental") : 60117, g = e ? Symbol.for("react.responder") : 60118, U = e ? Symbol.for("react.scope") : 60119;
   function M(l) {
     if (typeof l == "object" && l !== null) {
       var D = l.$$typeof;
@@ -324,7 +324,7 @@ function Br() {
         case r:
           switch (l = l.type, l) {
             case y:
-            case p:
+            case u:
             case i:
             case s:
             case d:
@@ -332,7 +332,7 @@ function Br() {
               return l;
             default:
               switch (l = l && l.$$typeof, l) {
-                case f:
+                case p:
                 case m:
                 case O:
                 case v:
@@ -347,13 +347,13 @@ function Br() {
       }
     }
   }
-  function B(l) {
-    return M(l) === p;
+  function $(l) {
+    return M(l) === u;
   }
-  return _.AsyncMode = y, _.ConcurrentMode = p, _.ContextConsumer = f, _.ContextProvider = a, _.Element = r, _.ForwardRef = m, _.Fragment = i, _.Lazy = O, _.Memo = v, _.Portal = n, _.Profiler = s, _.StrictMode = d, _.Suspense = h, _.isAsyncMode = function(l) {
-    return B(l) || M(l) === y;
-  }, _.isConcurrentMode = B, _.isContextConsumer = function(l) {
-    return M(l) === f;
+  return _.AsyncMode = y, _.ConcurrentMode = u, _.ContextConsumer = p, _.ContextProvider = a, _.Element = r, _.ForwardRef = m, _.Fragment = i, _.Lazy = O, _.Memo = v, _.Portal = n, _.Profiler = s, _.StrictMode = d, _.Suspense = h, _.isAsyncMode = function(l) {
+    return $(l) || M(l) === y;
+  }, _.isConcurrentMode = $, _.isContextConsumer = function(l) {
+    return M(l) === p;
   }, _.isContextProvider = function(l) {
     return M(l) === a;
   }, _.isElement = function(l) {
@@ -375,7 +375,7 @@ function Br() {
   }, _.isSuspense = function(l) {
     return M(l) === h;
   }, _.isValidElementType = function(l) {
-    return typeof l == "string" || typeof l == "function" || l === i || l === p || l === s || l === d || l === h || l === b || typeof l == "object" && l !== null && (l.$$typeof === O || l.$$typeof === v || l.$$typeof === a || l.$$typeof === f || l.$$typeof === m || l.$$typeof === C || l.$$typeof === g || l.$$typeof === U || l.$$typeof === E);
+    return typeof l == "string" || typeof l == "function" || l === i || l === u || l === s || l === d || l === h || l === b || typeof l == "object" && l !== null && (l.$$typeof === O || l.$$typeof === v || l.$$typeof === a || l.$$typeof === p || l.$$typeof === m || l.$$typeof === C || l.$$typeof === g || l.$$typeof === U || l.$$typeof === w);
   }, _.typeOf = M, _;
 }
 var P = {};
@@ -388,14 +388,14 @@ var P = {};
  * LICENSE file in the root directory of this source tree.
  */
 var qe;
-function $r() {
+function Nr() {
   return qe || (qe = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, d = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, y = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, E = e ? Symbol.for("react.block") : 60121, C = e ? Symbol.for("react.fundamental") : 60117, g = e ? Symbol.for("react.responder") : 60118, U = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, d = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, p = e ? Symbol.for("react.context") : 60110, y = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, w = e ? Symbol.for("react.block") : 60121, C = e ? Symbol.for("react.fundamental") : 60117, g = e ? Symbol.for("react.responder") : 60118, U = e ? Symbol.for("react.scope") : 60119;
     function M(c) {
       return typeof c == "string" || typeof c == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      c === i || c === p || c === s || c === d || c === h || c === b || typeof c == "object" && c !== null && (c.$$typeof === O || c.$$typeof === v || c.$$typeof === a || c.$$typeof === f || c.$$typeof === m || c.$$typeof === C || c.$$typeof === g || c.$$typeof === U || c.$$typeof === E);
+      c === i || c === u || c === s || c === d || c === h || c === b || typeof c == "object" && c !== null && (c.$$typeof === O || c.$$typeof === v || c.$$typeof === a || c.$$typeof === p || c.$$typeof === m || c.$$typeof === C || c.$$typeof === g || c.$$typeof === U || c.$$typeof === w);
     }
-    function B(c) {
+    function $(c) {
       if (typeof c == "object" && c !== null) {
         var z = c.$$typeof;
         switch (z) {
@@ -403,7 +403,7 @@ function $r() {
             var oe = c.type;
             switch (oe) {
               case y:
-              case p:
+              case u:
               case i:
               case s:
               case d:
@@ -412,7 +412,7 @@ function $r() {
               default:
                 var Ie = oe && oe.$$typeof;
                 switch (Ie) {
-                  case f:
+                  case p:
                   case m:
                   case O:
                   case v:
@@ -427,52 +427,52 @@ function $r() {
         }
       }
     }
-    var l = y, D = p, W = f, q = a, de = r, ue = m, re = i, fe = O, pe = v, J = n, he = s, Y = d, K = h, ne = !1;
+    var l = y, D = u, W = p, q = a, de = r, ue = m, re = i, fe = O, pe = v, J = n, he = s, Y = d, K = h, ne = !1;
     function me(c) {
-      return ne || (ne = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), o(c) || B(c) === y;
+      return ne || (ne = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), o(c) || $(c) === y;
     }
     function o(c) {
-      return B(c) === p;
+      return $(c) === u;
     }
-    function u(c) {
-      return B(c) === f;
+    function f(c) {
+      return $(c) === p;
     }
     function j(c) {
-      return B(c) === a;
+      return $(c) === a;
     }
     function S(c) {
       return typeof c == "object" && c !== null && c.$$typeof === r;
     }
     function x(c) {
-      return B(c) === m;
+      return $(c) === m;
     }
     function k(c) {
-      return B(c) === i;
+      return $(c) === i;
     }
-    function w(c) {
-      return B(c) === O;
+    function E(c) {
+      return $(c) === O;
     }
     function T(c) {
-      return B(c) === v;
+      return $(c) === v;
     }
     function R(c) {
-      return B(c) === n;
+      return $(c) === n;
     }
     function I(c) {
-      return B(c) === s;
+      return $(c) === s;
     }
     function A(c) {
-      return B(c) === d;
+      return $(c) === d;
     }
     function N(c) {
-      return B(c) === h;
+      return $(c) === h;
     }
-    P.AsyncMode = l, P.ConcurrentMode = D, P.ContextConsumer = W, P.ContextProvider = q, P.Element = de, P.ForwardRef = ue, P.Fragment = re, P.Lazy = fe, P.Memo = pe, P.Portal = J, P.Profiler = he, P.StrictMode = Y, P.Suspense = K, P.isAsyncMode = me, P.isConcurrentMode = o, P.isContextConsumer = u, P.isContextProvider = j, P.isElement = S, P.isForwardRef = x, P.isFragment = k, P.isLazy = w, P.isMemo = T, P.isPortal = R, P.isProfiler = I, P.isStrictMode = A, P.isSuspense = N, P.isValidElementType = M, P.typeOf = B;
+    P.AsyncMode = l, P.ConcurrentMode = D, P.ContextConsumer = W, P.ContextProvider = q, P.Element = de, P.ForwardRef = ue, P.Fragment = re, P.Lazy = fe, P.Memo = pe, P.Portal = J, P.Profiler = he, P.StrictMode = Y, P.Suspense = K, P.isAsyncMode = me, P.isConcurrentMode = o, P.isContextConsumer = f, P.isContextProvider = j, P.isElement = S, P.isForwardRef = x, P.isFragment = k, P.isLazy = E, P.isMemo = T, P.isPortal = R, P.isProfiler = I, P.isStrictMode = A, P.isSuspense = N, P.isValidElementType = M, P.typeOf = $;
   }()), P;
 }
 var Ue;
 function dt() {
-  return Ue || (Ue = 1, process.env.NODE_ENV === "production" ? ae.exports = Br() : ae.exports = $r()), ae.exports;
+  return Ue || (Ue = 1, process.env.NODE_ENV === "production" ? ae.exports = Br() : ae.exports = Nr()), ae.exports;
 }
 /*
 object-assign
@@ -480,7 +480,7 @@ object-assign
 @license MIT
 */
 var ge, Ye;
-function Nr() {
+function Lr() {
   if (Ye)
     return ge;
   Ye = 1;
@@ -497,30 +497,30 @@ function Nr() {
       var s = new String("abc");
       if (s[5] = "de", Object.getOwnPropertyNames(s)[0] === "5")
         return !1;
-      for (var a = {}, f = 0; f < 10; f++)
-        a["_" + String.fromCharCode(f)] = f;
+      for (var a = {}, p = 0; p < 10; p++)
+        a["_" + String.fromCharCode(p)] = p;
       var y = Object.getOwnPropertyNames(a).map(function(m) {
         return a[m];
       });
       if (y.join("") !== "0123456789")
         return !1;
-      var p = {};
+      var u = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(m) {
-        p[m] = m;
-      }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
+        u[m] = m;
+      }), Object.keys(Object.assign({}, u)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return ge = d() ? Object.assign : function(s, a) {
-    for (var f, y = i(s), p, m = 1; m < arguments.length; m++) {
-      f = Object(arguments[m]);
-      for (var h in f)
-        r.call(f, h) && (y[h] = f[h]);
+    for (var p, y = i(s), u, m = 1; m < arguments.length; m++) {
+      p = Object(arguments[m]);
+      for (var h in p)
+        r.call(p, h) && (y[h] = p[h]);
       if (e) {
-        p = e(f);
-        for (var b = 0; b < p.length; b++)
-          n.call(f, p[b]) && (y[p[b]] = f[p[b]]);
+        u = e(p);
+        for (var b = 0; b < u.length; b++)
+          n.call(p, u[b]) && (y[u[b]] = p[u[b]]);
       }
     }
     return y;
@@ -539,7 +539,7 @@ function ut() {
   return He || (He = 1, be = Function.call.bind(Object.prototype.hasOwnProperty)), be;
 }
 var we, Ke;
-function Lr() {
+function Fr() {
   if (Ke)
     return we;
   Ke = 1;
@@ -556,7 +556,7 @@ function Lr() {
       }
     };
   }
-  function d(s, a, f, y, p) {
+  function d(s, a, p, y, u) {
     if (process.env.NODE_ENV !== "production") {
       for (var m in s)
         if (i(s, m)) {
@@ -564,21 +564,21 @@ function Lr() {
           try {
             if (typeof s[m] != "function") {
               var b = Error(
-                (y || "React class") + ": " + f + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (y || "React class") + ": " + p + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw b.name = "Invariant Violation", b;
             }
-            h = s[m](a, m, y, f, null, r);
+            h = s[m](a, m, y, p, null, r);
           } catch (O) {
             h = O;
           }
           if (h && !(h instanceof Error) && e(
-            (y || "React class") + ": type specification of " + f + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+            (y || "React class") + ": type specification of " + p + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), h instanceof Error && !(h.message in n)) {
             n[h.message] = !0;
-            var v = p ? p() : "";
+            var v = u ? u() : "";
             e(
-              "Failed " + f + " type: " + h.message + (v ?? "")
+              "Failed " + p + " type: " + h.message + (v ?? "")
             );
           }
         }
@@ -589,14 +589,14 @@ function Lr() {
   }, we = d, we;
 }
 var Ee, Ve;
-function Fr() {
+function Wr() {
   if (Ve)
     return Ee;
   Ve = 1;
-  var e = dt(), r = Nr(), n = _e(), i = ut(), d = Lr(), s = function() {
+  var e = dt(), r = Lr(), n = _e(), i = ut(), d = Fr(), s = function() {
   };
-  process.env.NODE_ENV !== "production" && (s = function(f) {
-    var y = "Warning: " + f;
+  process.env.NODE_ENV !== "production" && (s = function(p) {
+    var y = "Warning: " + p;
     typeof console < "u" && console.error(y);
     try {
       throw new Error(y);
@@ -606,12 +606,12 @@ function Fr() {
   function a() {
     return null;
   }
-  return Ee = function(f, y) {
-    var p = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
+  return Ee = function(p, y) {
+    var u = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
     function h(o) {
-      var u = o && (p && o[p] || o[m]);
-      if (typeof u == "function")
-        return u;
+      var f = o && (u && o[u] || o[m]);
+      if (typeof f == "function")
+        return f;
     }
     var b = "<<anonymous>>", v = {
       array: g("array"),
@@ -624,7 +624,7 @@ function Fr() {
       symbol: g("symbol"),
       any: U(),
       arrayOf: M,
-      element: B(),
+      element: $(),
       elementType: l(),
       instanceOf: D,
       node: ue(),
@@ -634,17 +634,17 @@ function Fr() {
       shape: fe,
       exact: pe
     };
-    function O(o, u) {
-      return o === u ? o !== 0 || 1 / o === 1 / u : o !== o && u !== u;
+    function O(o, f) {
+      return o === f ? o !== 0 || 1 / o === 1 / f : o !== o && f !== f;
     }
-    function E(o, u) {
-      this.message = o, this.data = u && typeof u == "object" ? u : {}, this.stack = "";
+    function w(o, f) {
+      this.message = o, this.data = f && typeof f == "object" ? f : {}, this.stack = "";
     }
-    E.prototype = Error.prototype;
+    w.prototype = Error.prototype;
     function C(o) {
       if (process.env.NODE_ENV !== "production")
-        var u = {}, j = 0;
-      function S(k, w, T, R, I, A, N) {
+        var f = {}, j = 0;
+      function S(k, E, T, R, I, A, N) {
         if (R = R || b, A = A || T, N !== n) {
           if (y) {
             var c = new Error(
@@ -653,90 +653,90 @@ function Fr() {
             throw c.name = "Invariant Violation", c;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var z = R + ":" + T;
-            !u[z] && // Avoid spamming the console because they are often not actionable except for lib authors
+            !f[z] && // Avoid spamming the console because they are often not actionable except for lib authors
             j < 3 && (s(
               "You are manually calling a React.PropTypes validation function for the `" + A + "` prop on `" + R + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), u[z] = !0, j++);
+            ), f[z] = !0, j++);
           }
         }
-        return w[T] == null ? k ? w[T] === null ? new E("The " + I + " `" + A + "` is marked as required " + ("in `" + R + "`, but its value is `null`.")) : new E("The " + I + " `" + A + "` is marked as required in " + ("`" + R + "`, but its value is `undefined`.")) : null : o(w, T, R, I, A);
+        return E[T] == null ? k ? E[T] === null ? new w("The " + I + " `" + A + "` is marked as required " + ("in `" + R + "`, but its value is `null`.")) : new w("The " + I + " `" + A + "` is marked as required in " + ("`" + R + "`, but its value is `undefined`.")) : null : o(E, T, R, I, A);
       }
       var x = S.bind(null, !1);
       return x.isRequired = S.bind(null, !0), x;
     }
     function g(o) {
-      function u(j, S, x, k, w, T) {
+      function f(j, S, x, k, E, T) {
         var R = j[S], I = Y(R);
         if (I !== o) {
           var A = K(R);
-          return new E(
-            "Invalid " + k + " `" + w + "` of type " + ("`" + A + "` supplied to `" + x + "`, expected ") + ("`" + o + "`."),
+          return new w(
+            "Invalid " + k + " `" + E + "` of type " + ("`" + A + "` supplied to `" + x + "`, expected ") + ("`" + o + "`."),
             { expectedType: o }
           );
         }
         return null;
       }
-      return C(u);
+      return C(f);
     }
     function U() {
       return C(a);
     }
     function M(o) {
-      function u(j, S, x, k, w) {
+      function f(j, S, x, k, E) {
         if (typeof o != "function")
-          return new E("Property `" + w + "` of component `" + x + "` has invalid PropType notation inside arrayOf.");
+          return new w("Property `" + E + "` of component `" + x + "` has invalid PropType notation inside arrayOf.");
         var T = j[S];
         if (!Array.isArray(T)) {
           var R = Y(T);
-          return new E("Invalid " + k + " `" + w + "` of type " + ("`" + R + "` supplied to `" + x + "`, expected an array."));
+          return new w("Invalid " + k + " `" + E + "` of type " + ("`" + R + "` supplied to `" + x + "`, expected an array."));
         }
         for (var I = 0; I < T.length; I++) {
-          var A = o(T, I, x, k, w + "[" + I + "]", n);
+          var A = o(T, I, x, k, E + "[" + I + "]", n);
           if (A instanceof Error)
             return A;
         }
         return null;
       }
-      return C(u);
+      return C(f);
     }
-    function B() {
-      function o(u, j, S, x, k) {
-        var w = u[j];
-        if (!f(w)) {
-          var T = Y(w);
-          return new E("Invalid " + x + " `" + k + "` of type " + ("`" + T + "` supplied to `" + S + "`, expected a single ReactElement."));
+    function $() {
+      function o(f, j, S, x, k) {
+        var E = f[j];
+        if (!p(E)) {
+          var T = Y(E);
+          return new w("Invalid " + x + " `" + k + "` of type " + ("`" + T + "` supplied to `" + S + "`, expected a single ReactElement."));
         }
         return null;
       }
       return C(o);
     }
     function l() {
-      function o(u, j, S, x, k) {
-        var w = u[j];
-        if (!e.isValidElementType(w)) {
-          var T = Y(w);
-          return new E("Invalid " + x + " `" + k + "` of type " + ("`" + T + "` supplied to `" + S + "`, expected a single ReactElement type."));
+      function o(f, j, S, x, k) {
+        var E = f[j];
+        if (!e.isValidElementType(E)) {
+          var T = Y(E);
+          return new w("Invalid " + x + " `" + k + "` of type " + ("`" + T + "` supplied to `" + S + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return C(o);
     }
     function D(o) {
-      function u(j, S, x, k, w) {
+      function f(j, S, x, k, E) {
         if (!(j[S] instanceof o)) {
           var T = o.name || b, R = me(j[S]);
-          return new E("Invalid " + k + " `" + w + "` of type " + ("`" + R + "` supplied to `" + x + "`, expected ") + ("instance of `" + T + "`."));
+          return new w("Invalid " + k + " `" + E + "` of type " + ("`" + R + "` supplied to `" + x + "`, expected ") + ("instance of `" + T + "`."));
         }
         return null;
       }
-      return C(u);
+      return C(f);
     }
     function W(o) {
       if (!Array.isArray(o))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : s("Invalid argument supplied to oneOf, expected an array.")), a;
-      function u(j, S, x, k, w) {
+      function f(j, S, x, k, E) {
         for (var T = j[S], R = 0; R < o.length; R++)
           if (O(T, o[R]))
             return null;
@@ -744,99 +744,99 @@ function Fr() {
           var z = K(c);
           return z === "symbol" ? String(c) : c;
         });
-        return new E("Invalid " + k + " `" + w + "` of value `" + String(T) + "` " + ("supplied to `" + x + "`, expected one of " + I + "."));
+        return new w("Invalid " + k + " `" + E + "` of value `" + String(T) + "` " + ("supplied to `" + x + "`, expected one of " + I + "."));
       }
-      return C(u);
+      return C(f);
     }
     function q(o) {
-      function u(j, S, x, k, w) {
+      function f(j, S, x, k, E) {
         if (typeof o != "function")
-          return new E("Property `" + w + "` of component `" + x + "` has invalid PropType notation inside objectOf.");
+          return new w("Property `" + E + "` of component `" + x + "` has invalid PropType notation inside objectOf.");
         var T = j[S], R = Y(T);
         if (R !== "object")
-          return new E("Invalid " + k + " `" + w + "` of type " + ("`" + R + "` supplied to `" + x + "`, expected an object."));
+          return new w("Invalid " + k + " `" + E + "` of type " + ("`" + R + "` supplied to `" + x + "`, expected an object."));
         for (var I in T)
           if (i(T, I)) {
-            var A = o(T, I, x, k, w + "." + I, n);
+            var A = o(T, I, x, k, E + "." + I, n);
             if (A instanceof Error)
               return A;
           }
         return null;
       }
-      return C(u);
+      return C(f);
     }
     function de(o) {
       if (!Array.isArray(o))
         return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), a;
-      for (var u = 0; u < o.length; u++) {
-        var j = o[u];
+      for (var f = 0; f < o.length; f++) {
+        var j = o[f];
         if (typeof j != "function")
           return s(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ne(j) + " at index " + u + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ne(j) + " at index " + f + "."
           ), a;
       }
-      function S(x, k, w, T, R) {
+      function S(x, k, E, T, R) {
         for (var I = [], A = 0; A < o.length; A++) {
-          var N = o[A], c = N(x, k, w, T, R, n);
+          var N = o[A], c = N(x, k, E, T, R, n);
           if (c == null)
             return null;
           c.data && i(c.data, "expectedType") && I.push(c.data.expectedType);
         }
         var z = I.length > 0 ? ", expected one of type [" + I.join(", ") + "]" : "";
-        return new E("Invalid " + T + " `" + R + "` supplied to " + ("`" + w + "`" + z + "."));
+        return new w("Invalid " + T + " `" + R + "` supplied to " + ("`" + E + "`" + z + "."));
       }
       return C(S);
     }
     function ue() {
-      function o(u, j, S, x, k) {
-        return J(u[j]) ? null : new E("Invalid " + x + " `" + k + "` supplied to " + ("`" + S + "`, expected a ReactNode."));
+      function o(f, j, S, x, k) {
+        return J(f[j]) ? null : new w("Invalid " + x + " `" + k + "` supplied to " + ("`" + S + "`, expected a ReactNode."));
       }
       return C(o);
     }
-    function re(o, u, j, S, x) {
-      return new E(
-        (o || "React class") + ": " + u + " type `" + j + "." + S + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + x + "`."
+    function re(o, f, j, S, x) {
+      return new w(
+        (o || "React class") + ": " + f + " type `" + j + "." + S + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + x + "`."
       );
     }
     function fe(o) {
-      function u(j, S, x, k, w) {
+      function f(j, S, x, k, E) {
         var T = j[S], R = Y(T);
         if (R !== "object")
-          return new E("Invalid " + k + " `" + w + "` of type `" + R + "` " + ("supplied to `" + x + "`, expected `object`."));
+          return new w("Invalid " + k + " `" + E + "` of type `" + R + "` " + ("supplied to `" + x + "`, expected `object`."));
         for (var I in o) {
           var A = o[I];
           if (typeof A != "function")
-            return re(x, k, w, I, K(A));
-          var N = A(T, I, x, k, w + "." + I, n);
+            return re(x, k, E, I, K(A));
+          var N = A(T, I, x, k, E + "." + I, n);
           if (N)
             return N;
         }
         return null;
       }
-      return C(u);
+      return C(f);
     }
     function pe(o) {
-      function u(j, S, x, k, w) {
+      function f(j, S, x, k, E) {
         var T = j[S], R = Y(T);
         if (R !== "object")
-          return new E("Invalid " + k + " `" + w + "` of type `" + R + "` " + ("supplied to `" + x + "`, expected `object`."));
+          return new w("Invalid " + k + " `" + E + "` of type `" + R + "` " + ("supplied to `" + x + "`, expected `object`."));
         var I = r({}, j[S], o);
         for (var A in I) {
           var N = o[A];
           if (i(o, A) && typeof N != "function")
-            return re(x, k, w, A, K(N));
+            return re(x, k, E, A, K(N));
           if (!N)
-            return new E(
-              "Invalid " + k + " `" + w + "` key `" + A + "` supplied to `" + x + "`.\nBad object: " + JSON.stringify(j[S], null, "  ") + `
+            return new w(
+              "Invalid " + k + " `" + E + "` key `" + A + "` supplied to `" + x + "`.\nBad object: " + JSON.stringify(j[S], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
             );
-          var c = N(T, A, x, k, w + "." + A, n);
+          var c = N(T, A, x, k, E + "." + A, n);
           if (c)
             return c;
         }
         return null;
       }
-      return C(u);
+      return C(f);
     }
     function J(o) {
       switch (typeof o) {
@@ -849,12 +849,12 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
         case "object":
           if (Array.isArray(o))
             return o.every(J);
-          if (o === null || f(o))
+          if (o === null || p(o))
             return !0;
-          var u = h(o);
-          if (u) {
-            var j = u.call(o), S;
-            if (u !== o.entries) {
+          var f = h(o);
+          if (f) {
+            var j = f.call(o), S;
+            if (f !== o.entries) {
               for (; !(S = j.next()).done; )
                 if (!J(S.value))
                   return !1;
@@ -871,37 +871,37 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
           return !1;
       }
     }
-    function he(o, u) {
-      return o === "symbol" ? !0 : u ? u["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && u instanceof Symbol : !1;
+    function he(o, f) {
+      return o === "symbol" ? !0 : f ? f["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && f instanceof Symbol : !1;
     }
     function Y(o) {
-      var u = typeof o;
-      return Array.isArray(o) ? "array" : o instanceof RegExp ? "object" : he(u, o) ? "symbol" : u;
+      var f = typeof o;
+      return Array.isArray(o) ? "array" : o instanceof RegExp ? "object" : he(f, o) ? "symbol" : f;
     }
     function K(o) {
       if (typeof o > "u" || o === null)
         return "" + o;
-      var u = Y(o);
-      if (u === "object") {
+      var f = Y(o);
+      if (f === "object") {
         if (o instanceof Date)
           return "date";
         if (o instanceof RegExp)
           return "regexp";
       }
-      return u;
+      return f;
     }
     function ne(o) {
-      var u = K(o);
-      switch (u) {
+      var f = K(o);
+      switch (f) {
         case "array":
         case "object":
-          return "an " + u;
+          return "an " + f;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + u;
+          return "a " + f;
         default:
-          return u;
+          return f;
       }
     }
     function me(o) {
@@ -911,7 +911,7 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
   }, Ee;
 }
 var Se, Ge;
-function Wr() {
+function qr() {
   if (Ge)
     return Se;
   Ge = 1;
@@ -921,7 +921,7 @@ function Wr() {
   function n() {
   }
   return n.resetWarningCache = r, Se = function() {
-    function i(a, f, y, p, m, h) {
+    function i(a, p, y, u, m, h) {
       if (h !== e) {
         var b = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
@@ -960,16 +960,16 @@ function Wr() {
   }, Se;
 }
 if (process.env.NODE_ENV !== "production") {
-  var qr = dt(), Ur = !0;
-  Te.exports = Fr()(qr.isElement, Ur);
+  var Ur = dt(), Yr = !0;
+  Te.exports = Wr()(Ur.isElement, Yr);
 } else
-  Te.exports = Wr()();
-var Yr = Te.exports;
-const L = /* @__PURE__ */ kr(Yr);
+  Te.exports = qr()();
+var zr = Te.exports;
+const L = /* @__PURE__ */ Rr(zr);
 let ft, pt;
 typeof document < "u" && (ft = document);
 typeof window < "u" && (pt = window);
-const ht = G.createContext({ document: ft, window: pt }), Pe = () => G.useContext(ht), { Provider: zr, Consumer: eo } = ht;
+const ht = G.createContext({ document: ft, window: pt }), Pe = () => G.useContext(ht), { Provider: Hr, Consumer: to } = ht;
 class mt extends Xe {
   componentDidMount() {
     this.props.contentDidMount();
@@ -1023,8 +1023,8 @@ class je extends Xe {
     const n = this.getDoc();
     if (!n)
       return null;
-    const i = this.props.contentDidMount, d = this.props.contentDidUpdate, s = n.defaultView || n.parentView, a = /* @__PURE__ */ t.jsx(mt, { contentDidMount: i, contentDidUpdate: d, children: /* @__PURE__ */ t.jsx(zr, { value: { document: n, window: s }, children: /* @__PURE__ */ t.jsx("div", { className: "frame-content", children: this.props.children }) }) }), f = this.getMountTarget();
-    return [Ne.createPortal(this.props.head, this.getDoc().head), Ne.createPortal(a, f)];
+    const i = this.props.contentDidMount, d = this.props.contentDidUpdate, s = n.defaultView || n.parentView, a = /* @__PURE__ */ t.jsx(mt, { contentDidMount: i, contentDidUpdate: d, children: /* @__PURE__ */ t.jsx(Hr, { value: { document: n, window: s }, children: /* @__PURE__ */ t.jsx("div", { className: "frame-content", children: this.props.children }) }) }), p = this.getMountTarget();
+    return [Ne.createPortal(this.props.head, this.getDoc().head), Ne.createPortal(a, p)];
   }
   render() {
     const n = {
@@ -1060,7 +1060,7 @@ V(je, "propTypes", {
   },
   initialContent: '<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'
 });
-const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef: r })), Kr = ({ children: e }) => {
+const Kr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef: r })), Vr = ({ children: e }) => {
   const { document: r } = Pe(), [n] = X(), [i, d] = Z();
   return F(() => {
     setTimeout(() => {
@@ -1070,14 +1070,14 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
       if (s) {
         const a = s.getAttribute("data-style-prop");
         if (a) {
-          const f = s.getAttribute("data-style-id"), y = s.getAttribute("data-block-parent");
-          d([{ id: f, prop: a, blockId: y }]);
+          const p = s.getAttribute("data-style-id"), y = s.getAttribute("data-block-parent");
+          d([{ id: p, prop: a, blockId: y }]);
         }
       }
     }, 100);
   }, [r, n, d, i]), /* @__PURE__ */ t.jsx("div", { id: "canvas", className: "relative h-screen max-w-full outline-2", children: e });
-}, yt = (e, r) => e.querySelector(`[data-block-id="${r}"]`), Vr = () => {
-  const { window: e } = Pe(), [r, n] = X(), [, i] = Z(), { undo: d, redo: s } = ke(), a = ot(), [, f] = Nt(), [, y] = Lt(), { pasteBlocks: p } = Ft(), [, m] = st(), h = at(), { savePage: b } = Wt(), [v] = te(qt), [, O] = te(Ut), E = (C) => {
+}, yt = (e, r) => e.querySelector(`[data-block-id="${r}"]`), Gr = () => {
+  const { window: e } = Pe(), [r, n] = X(), [, i] = Z(), { undo: d, redo: s } = ke(), a = ot(), [, p] = Lt(), [, y] = Ft(), { pasteBlocks: u } = Wt(), [, m] = st(), h = at(), { savePage: b } = qt(), [v] = te(Ut), [, O] = te(Yt), w = (C) => {
     C.key === "Enter" && (C.preventDefault(), r.length === 1 && O(ce(r)));
   };
   return F(() => {
@@ -1086,13 +1086,13 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
         n([]), i([]);
         return;
       }
-      if (E(g), !v && (g.key === "Delete" || g.key === "Backspace") && (g.preventDefault(), h(r)), g.ctrlKey || g.metaKey) {
+      if (w(g), !v && (g.key === "Delete" || g.key === "Backspace") && (g.preventDefault(), h(r)), g.ctrlKey || g.metaKey) {
         if (["z", "y", "d", "x", "c", "p", "s", "v"].includes(g.key)) {
           if (v && ["x", "z", "v"].includes(g.key))
             return !0;
           g.preventDefault();
         }
-        g.key === "s" && (g.stopPropagation(), g.preventDefault(), b()), g.key === "z" && d(), g.key === "y" && s(), g.key === "d" && a(r), g.key === "x" && f(r), g.key === "c" && y(r), g.key === "v" && r.length > 0 && p(r[0]);
+        g.key === "s" && (g.stopPropagation(), g.preventDefault(), b()), g.key === "z" && d(), g.key === "y" && s(), g.key === "d" && a(r), g.key === "x" && p(r), g.key === "c" && y(r), g.key === "v" && r.length > 0 && u(r[0]);
       }
     };
     return e.removeEventListener("keydown", C), e.addEventListener("keydown", C), () => {
@@ -1106,15 +1106,15 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
     m,
     s,
     a,
-    f,
-    y,
     p,
+    y,
+    u,
     v,
     b,
     e
   ]), null;
-}, Gr = ({ block: e, label: r }) => {
-  const [, n] = wr(() => ({
+}, Xr = ({ block: e, label: r }) => {
+  const [, n] = Er(() => ({
     type: "CANVAS_BLOCK",
     item: e
   }));
@@ -1127,30 +1127,30 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
         console.log("drag start");
       },
       children: [
-        /* @__PURE__ */ t.jsx(Mt, {}),
+        /* @__PURE__ */ t.jsx(Dt, {}),
         r
       ]
     }
   );
-}, Xr = ({
+}, Zr = ({
   selectedBlockElement: e,
   block: r
 }) => {
-  const n = at(), i = ot(), [, d] = X(), [, s] = Z(), { floatingStyles: a, refs: f, update: y } = xr({
+  const n = at(), i = ot(), [, d] = X(), [, s] = Z(), { floatingStyles: a, refs: p, update: y } = br({
     placement: "top-start",
-    middleware: [br(), gr()],
+    middleware: [wr(), xr()],
     elements: {
       reference: e
     }
   });
-  Er(e, () => y(), e !== null);
-  const p = $(r, "_parent", null), m = ee($(r, "_name", "")) ? $(r, "_type", "") : $(r, "_name", "");
+  Sr(e, () => y(), e !== null);
+  const u = B(r, "_parent", null), m = ee(B(r, "_name", "")) ? B(r, "_type", "") : B(r, "_name", "");
   return !e || !r ? null : /* @__PURE__ */ t.jsxs(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      ref: f.setFloating,
+      ref: p.setFloating,
       style: a,
       onClick: (h) => {
         h.stopPropagation(), h.preventDefault();
@@ -1158,25 +1158,25 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
       onKeyDown: (h) => h.stopPropagation(),
       className: "z-50 flex h-6 items-center bg-blue-500  py-2 text-xs text-white",
       children: [
-        /* @__PURE__ */ t.jsx(Gr, { label: m, block: r }),
+        /* @__PURE__ */ t.jsx(Xr, { label: m, block: r }),
         /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 px-1 ", children: [
-          p && /* @__PURE__ */ t.jsx(
-            Pt,
+          u && /* @__PURE__ */ t.jsx(
+            It,
             {
               className: "hover:scale-105 ",
               onClick: () => {
-                s([]), d([p]);
+                s([]), d([u]);
               }
             }
           ),
-          Yt($(r, "_type", "")) ? /* @__PURE__ */ t.jsx(It, { className: "hover:scale-105 ", onClick: () => i([r == null ? void 0 : r._id]) }) : null,
-          zt($(r, "_type", "")) ? /* @__PURE__ */ t.jsx(Ot, { className: "hover:scale-105 ", onClick: () => n([r == null ? void 0 : r._id]) }) : null
+          zt(B(r, "_type", "")) ? /* @__PURE__ */ t.jsx(Ot, { className: "hover:scale-105 ", onClick: () => i([r == null ? void 0 : r._id]) }) : null,
+          Ht(B(r, "_type", "")) ? /* @__PURE__ */ t.jsx(Mt, { className: "hover:scale-105 ", onClick: () => n([r == null ? void 0 : r._id]) }) : null
         ] })
       ]
     }
   );
-}, Zr = ({ model: e }) => {
-  const [r] = Ht(), [n] = X(), [i] = rt(), [d] = Ae(), [s] = Z(), { document: a, window: f } = Pe(), [y] = H(a == null ? void 0 : a.getElementById("highlighted-block")), [p] = H(
+}, Jr = ({ model: e }) => {
+  const [r] = Kt(), [n] = X(), [i] = rt(), [d] = Ae(), [s] = Z(), { document: a, window: p } = Pe(), [y] = H(a == null ? void 0 : a.getElementById("highlighted-block")), [u] = H(
     a == null ? void 0 : a.getElementById("selected-block")
   ), [m] = H(
     a == null ? void 0 : a.getElementById("selected-styling-block")
@@ -1184,15 +1184,15 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
   F(() => {
     i ? a == null || a.documentElement.classList.add("dark") : a == null || a.documentElement.classList.remove("dark");
   }, [i, a]);
-  const h = $(r, "headingFont", "DM Sans"), b = $(r, "bodyFont", "DM Sans");
+  const h = B(r, "headingFont", "DM Sans"), b = B(r, "bodyFont", "DM Sans");
   return F(() => {
-    const v = $(r, "primaryColor", "#000"), O = $(r, "secondaryColor", "#FFF"), E = Sr({
+    const v = B(r, "primaryColor", "#000"), O = B(r, "secondaryColor", "#FFF"), w = Tr({
       colors: [v, O],
       names: ["primary", "secondary"]
     });
-    E.primary.DEFAULT = v, E.secondary.DEFAULT = O;
-    const C = $(r, "roundedCorners", "0");
-    !f || !f.tailwind || (f.tailwind.config = {
+    w.primary.DEFAULT = v, w.secondary.DEFAULT = O;
+    const C = B(r, "roundedCorners", "0");
+    !p || !p.tailwind || (p.tailwind.config = {
       darkMode: "class",
       theme: {
         fontFamily: {
@@ -1203,12 +1203,12 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
           borderRadius: {
             global: `${C || "0"}px`
           },
-          colors: E
+          colors: w
         }
       },
       plugins: [
         // @ts-ignore
-        f.tailwind.plugin.withOptions(({ prefix: g = "ui" } = {}) => ({ addVariant: U }) => {
+        p.tailwind.plugin.withOptions(({ prefix: g = "ui" } = {}) => ({ addVariant: U }) => {
           for (const M of ["open", "checked", "selected", "active", "disabled"])
             U(`${g}-${M}`, [
               `&[data-headlessui-state~="${M}"]`,
@@ -1220,11 +1220,11 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
         })
       ]
     });
-  }, [r, f, h, b]), F(() => {
-    p && (p.textContent = `${ie(n, (v) => `[data-block-id="${v}"]`).join(",")}{
+  }, [r, p, h, b]), F(() => {
+    u && (u.textContent = `${ie(n, (v) => `[data-block-id="${v}"]`).join(",")}{
                 outline: 1px solid ${n.length === 1 ? "#42a1fc" : "orange"} !important; outline-offset: -1px;
             }`);
-  }, [n, p]), F(() => {
+  }, [n, u]), F(() => {
     y && (y.textContent = d ? `[data-style-id="${d}"]{ outline: 1px solid orange !important; outline-offset: -1px;}` : "");
   }, [d, n, y]), F(() => {
     m && (m.textContent = `${ie(s, ({ id: v }) => `[data-style-id="${v}"]`).join(",")}{
@@ -1233,8 +1233,8 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
   }, [s, m]), F(() => {
     if (e === "section")
       return;
-    const v = $(r, "bodyTextLightColor", "#64748b"), O = $(r, "bodyTextDarkColor", "#94a3b8"), E = $(r, "bodyBgLightColor", "#FFFFFF"), C = $(r, "bodyBgDarkColor", "#0f172a");
-    a.body.className = `font-body antialiased text-[${v}] bg-[${E}] dark:text-[${O}] dark:bg-[${C}]`;
+    const v = B(r, "bodyTextLightColor", "#64748b"), O = B(r, "bodyTextDarkColor", "#94a3b8"), w = B(r, "bodyBgLightColor", "#FFFFFF"), C = B(r, "bodyBgDarkColor", "#0f172a");
+    a.body.className = `font-body antialiased text-[${v}] bg-[${w}] dark:text-[${O}] dark:bg-[${C}]`;
   }, [r, a, e]), e === "page" ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     h && /* @__PURE__ */ t.jsx(
       "link",
@@ -1264,26 +1264,26 @@ const Hr = G.forwardRef((e, r) => /* @__PURE__ */ t.jsx(je, { ...e, forwardedRef
     ),
     h && /* @__PURE__ */ t.jsx("style", { children: `h1,h2,h3,h4,h5,h6{font-family: "${h}",ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}` })
   ] }) : null;
-}, Jr = () => {
+}, Qr = () => {
   const { t: e } = ct();
   return /* @__PURE__ */ t.jsx("div", { className: "my-auto py-24 text-center text-gray-600 dark:text-white", children: /* @__PURE__ */ t.jsx("h1", { className: "mb-10 text-4xl ", children: e("canvas_empty") }) });
-}, Qr = (e) => {
+}, en = (e) => {
   const r = {};
   return Object.keys(e).forEach((n) => {
-    Qe(e[n]) && e[n].startsWith($e) && (r[n] = e[n].replace($e, "").split(","));
+    Qe(e[n]) && e[n].startsWith(Be) && (r[n] = e[n].replace(Be, "").split(","));
   }), r;
-}, en = Tt((e) => {
+}, tn = Tt((e) => {
   const r = e.replace(lt, "").split(",");
-  return jr(r[0], r[1]);
+  return Cr(r[0], r[1]);
 });
-function tn(e, r) {
-  return $(e, `${r}_attrs`, {});
+function rn(e, r) {
+  return B(e, `${r}_attrs`, {});
 }
-function rn(e, r, n, i) {
+function nn(e, r, n, i) {
   const d = {};
   return Object.keys(e).forEach((s) => {
     if (Qe(e[s]) && e[s].startsWith(lt)) {
-      const a = en(e[s]);
+      const a = tn(e[s]);
       d[s] = {
         className: a,
         "data-style-prop": s,
@@ -1292,28 +1292,28 @@ function rn(e, r, n, i) {
         onMouseEnter: r,
         onMouseLeave: n,
         onClick: i,
-        ...tn(e, s)
+        ...rn(e, s)
       };
     }
   }), d;
 }
 function Ce({ blocks: e }) {
   const r = it(), [, n] = Ae(), [, i] = Z(), [, d] = X(), s = Q(
-    (p) => {
+    (u) => {
       var h;
-      const m = (h = p.currentTarget) == null ? void 0 : h.getAttribute("data-style-id");
-      n(m || ""), p.stopPropagation();
+      const m = (h = u.currentTarget) == null ? void 0 : h.getAttribute("data-style-id");
+      n(m || ""), u.stopPropagation();
     },
     [n]
   ), a = Q(
-    (p) => {
-      n(""), p.stopPropagation();
+    (u) => {
+      n(""), u.stopPropagation();
     },
     [n]
-  ), f = Q(
-    (p) => {
-      p.stopPropagation();
-      const m = p.currentTarget;
+  ), p = Q(
+    (u) => {
+      u.stopPropagation();
+      const m = u.currentTarget;
       if (m.getAttribute("data-block-parent")) {
         const h = m.getAttribute("data-style-prop"), b = m.getAttribute("data-style-id"), v = m.getAttribute("data-block-parent");
         i([{ id: b, prop: h, blockId: v }]), d([v]);
@@ -1324,45 +1324,45 @@ function Ce({ blocks: e }) {
     },
     [i, d]
   ), y = Q(
-    (p) => rn(p, s, a, f),
-    [f, s, a]
+    (u) => nn(u, s, a, p),
+    [p, s, a]
   );
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: G.Children.toArray(
-    e.map((p, m) => {
-      const h = Qr(p), b = {};
+    e.map((u, m) => {
+      const h = en(u), b = {};
       ee(h) || Object.keys(h).forEach((C) => {
         b[C] = G.Children.toArray(
           h[C].map((g) => /* @__PURE__ */ t.jsx(Ce, { blocks: [jt(r, { _id: g })] }))
         );
       });
-      const v = Je(r, { _parent: p._id });
+      const v = Je(r, { _parent: u._id });
       b.children = v.length ? /* @__PURE__ */ t.jsx(Ce, { blocks: v }) : null;
-      const O = Cr(p._type), E = $(O, "builderComponent", O == null ? void 0 : O.component) || null;
-      return /* @__PURE__ */ t.jsx(Ze, { children: G.createElement(E, {
+      const O = kr(u._type), w = B(O, "builderComponent", O == null ? void 0 : O.component) || null;
+      return Ct(w) ? /* @__PURE__ */ t.jsx("noscript", { children: `<!-- ${u == null ? void 0 : u._type} not registered -->` }) : /* @__PURE__ */ t.jsx(Ze, { children: G.createElement(w, {
         blockProps: {
-          onClick: f,
-          "data-block-id": p._id,
-          "data-block-type": p._type
+          onClick: p,
+          "data-block-id": u._id,
+          "data-block-type": u._type
         },
         inBuilder: !0,
-        ...p,
+        ...u,
         index: m,
-        ...y(p),
+        ...y(u),
         ...b
       }) });
     })
   ) });
 }
-const nn = () => {
+const on = () => {
   const e = it();
-  return /* @__PURE__ */ t.jsx(Tr, { children: e.length ? /* @__PURE__ */ t.jsx(Ce, { blocks: Je(e, (r) => ee(r._parent)) }) : /* @__PURE__ */ t.jsx(Jr, {}) });
-}, on = (e, r) => e.querySelector(`[data-style-id="${r}"]`), sn = () => {
-  const [e] = te(Kt), [r] = st(), [n] = Re(), [, i] = X(), d = Vt(), [, s] = Ae(), a = Oe(null), f = Oe(null), [y, p] = H({ width: 0, height: 0 }), m = Dr(y), [h, b] = H(0), [v, O] = H([]), [, E] = H([]), [, C] = te(Gt), [g, U] = Z(), M = et("loadingCanvas", !1);
+  return /* @__PURE__ */ t.jsx(jr, { children: e.length ? /* @__PURE__ */ t.jsx(Ce, { blocks: Je(e, (r) => ee(r._parent)) }) : /* @__PURE__ */ t.jsx(Qr, {}) });
+}, sn = (e, r) => e.querySelector(`[data-style-id="${r}"]`), an = () => {
+  const [e] = te(Vt), [r] = st(), [n] = Re(), [, i] = X(), d = Gt(), [, s] = Ae(), a = Oe(null), p = Oe(null), [y, u] = H({ width: 0, height: 0 }), m = $r(y), [h, b] = H(0), [v, O] = H([]), [, w] = H([]), [, C] = te(Xt), [g, U] = Z(), M = et("loadingCanvas", !1);
   F(() => {
-    const { clientWidth: D, clientHeight: W } = f.current;
-    p({ width: D, height: W }), h === 0 && b(D);
-  }, [f, n, h]);
-  const B = (D, W = 0) => {
+    const { clientWidth: D, clientHeight: W } = p.current;
+    u({ width: D, height: W }), h === 0 && b(D);
+  }, [p, n, h]);
+  const $ = (D, W = 0) => {
     const { top: q } = D.getBoundingClientRect();
     return q + W >= 0 && q - W <= window.innerHeight;
   };
@@ -1370,20 +1370,20 @@ const nn = () => {
     var D, W;
     if (d && d.type !== "Multiple" && a.current) {
       const q = yt(a.current.contentDocument, d._id);
-      q && (B(q) || (W = (D = a.current) == null ? void 0 : D.contentWindow) == null || W.scrollTo({ top: q.offsetTop, behavior: "smooth" }), O([q]));
+      q && ($(q) || (W = (D = a.current) == null ? void 0 : D.contentWindow) == null || W.scrollTo({ top: q.offsetTop, behavior: "smooth" }), O([q]));
     }
   }, [d]), F(() => {
     if (!ee(g) && a.current) {
-      const D = on(
+      const D = sn(
         a.current.contentDocument,
         ce(g).id
       );
-      E(D ? [D] : [null]);
+      w(D ? [D] : [null]);
     } else
-      E([null]);
+      w([null]);
   }, [g]);
   const l = wt(() => {
-    let D = Mr;
+    let D = Dr;
     return e === "offline" && (D = D.replace(
       "https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio",
       "/offline/tailwind.cdn.js"
@@ -1398,9 +1398,9 @@ const nn = () => {
       onMouseLeave: () => setTimeout(() => s(""), 300),
       className: "relative mx-auto h-full w-full bg-black/80",
       style: h > 0 && !ee(m) ? { width: r ? "100%" : h } : {},
-      ref: f,
+      ref: p,
       children: /* @__PURE__ */ t.jsxs(
-        Hr,
+        Kr,
         {
           contentDidMount: () => C(a.current),
           ref: a,
@@ -1409,17 +1409,17 @@ const nn = () => {
           className: "relative mx-auto box-content h-full max-w-full shadow-md transition-all duration-300 ease-linear",
           initialContent: l,
           children: [
-            /* @__PURE__ */ t.jsx(Vr, {}),
+            /* @__PURE__ */ t.jsx(Gr, {}),
             /* @__PURE__ */ t.jsx(
-              Xr,
+              Zr,
               {
                 block: d,
                 selectedBlockElement: ce(v)
               }
             ),
-            /* @__PURE__ */ t.jsx(Zr, { model: "page" }),
-            /* @__PURE__ */ t.jsxs(Kr, { children: [
-              M ? /* @__PURE__ */ t.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ t.jsx(tt, { className: "h-full" }) }) : /* @__PURE__ */ t.jsx(nn, {}),
+            /* @__PURE__ */ t.jsx(Jr, { model: "page" }),
+            /* @__PURE__ */ t.jsxs(Vr, { children: [
+              M ? /* @__PURE__ */ t.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ t.jsx(tt, { className: "h-full" }) }) : /* @__PURE__ */ t.jsx(on, {}),
               /* @__PURE__ */ t.jsx("div", { className: "h-60" })
             ] })
           ]
@@ -1427,15 +1427,15 @@ const nn = () => {
       )
     }
   );
-}, an = Et(() => import("./AddBlocks-6f4db22d.js")), to = () => {
-  const e = et("mode", ve.STATIC), [r, n] = te(Xt), i = {
-    [ve.STATIC]: /* @__PURE__ */ t.jsx(sn, {}),
+}, cn = Et(() => import("./AddBlocks-7b723045.js")), ro = () => {
+  const e = et("mode", ve.STATIC), [r, n] = te(Zt), i = {
+    [ve.STATIC]: /* @__PURE__ */ t.jsx(an, {}),
     [ve.FRAMEWORK]: null
   }[e];
   return /* @__PURE__ */ t.jsxs("div", { className: "flex h-full w-full flex-col", children: [
-    /* @__PURE__ */ t.jsx(Or, {}),
+    /* @__PURE__ */ t.jsx(Mr, {}),
     /* @__PURE__ */ t.jsxs("div", { className: "relative flex-1 overflow-hidden bg-slate-800/20 bg-[linear-gradient(to_right,#EEE_0.5px,transparent_0.5px),linear-gradient(to_bottom,#EEE_0.5px,transparent_0.5px)] bg-[size:12px_12px]", children: [
-      /* @__PURE__ */ t.jsx(Ze, { fallback: /* @__PURE__ */ t.jsx(tt, { className: "h-full" }), children: /* @__PURE__ */ t.jsx(Zt, { children: i }) }),
+      /* @__PURE__ */ t.jsx(Ze, { fallback: /* @__PURE__ */ t.jsx(tt, { className: "h-full" }), children: /* @__PURE__ */ t.jsx(Jt, { children: i }) }),
       r ? /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -1446,7 +1446,7 @@ const nn = () => {
             {
               onClick: (d) => d.stopPropagation(),
               className: "mx-auto h-[90%] w-[90%] max-w-3xl rounded-md bg-white p-4 shadow-lg shadow-black/10 xl:w-[65%]",
-              children: /* @__PURE__ */ t.jsx(an, {})
+              children: /* @__PURE__ */ t.jsx(cn, {})
             }
           )
         }
@@ -1455,5 +1455,5 @@ const nn = () => {
   ] });
 };
 export {
-  to as default
+  ro as default
 };