@chaibuilder/sdk 1.1.17 → 1.2.0

package/dist/{CanvasArea-rYasOU__.js → CanvasArea-59Gm0EZx.js}

@@ -1,29 +1,30 @@
-var bt = Object.defineProperty;
-var wt = (e, t, n) => t in e ? bt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var J = (e, t, n) => (wt(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { j as r } from "./jsx-runtime-NV737rRe.js";
-import V, { createElement as kt, useCallback as ke, useState as q, useEffect as M, Component as ze, Children as jt, Suspense as Ye, useRef as De, useMemo as Ct, lazy as Tt } from "react";
-import { d as ie, c as _e, H as pe, I as It, J as Ke, K as te, a as K, h as ae, o as Et, B as St, g as _, i as je, m as Bt, f as Dt, j as _t, b as Je, A as Ot } from "./lodash-3gkdNK5u.js";
-import { ResetIcon as Oe, MobileIcon as Ae, LaptopIcon as At, DesktopIcon as Pt, DotsVerticalIcon as Rt, EraserIcon as Mt, ZoomInIcon as Lt, DragHandleDots2Icon as Nt, ArrowUpIcon as Ft, CopyIcon as $t, TrashIcon as Wt } from "@radix-ui/react-icons";
-import { p as Ce, B as le, W as Ve, aI as Ht, aJ as qt, aK as Ut, aL as zt, aM as Yt, R as Te, ai as Kt, aN as Jt, aO as Vt, aP as Zt, aQ as Qt, aR as Xt, aS as Gt, w as en, j as U, aj as Z, D as tn, E as nn, F as rn, G as sn, H as on, I as an, J as ln, K as cn, ap as dn, L as un, U as Ze, aH as oe, aT as pn, _ as X, ab as fn, aU as G, ae as Ie, m as Qe, n as hn, k as gn, o as mn, h as Xe, l as Ge, ag as yn, aV as vn, aW as et, aX as xn, aY as bn, x as wn, a as kn, aZ as jn, a_ as Cn, a6 as Tn, a$ as In, i as En, S as tt, aw as Sn } from "./index-0OqmBgqo.js";
+var wt = Object.defineProperty;
+var jt = (e, t, n) => t in e ? wt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var J = (e, t, n) => (jt(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { j as r } from "./jsx-runtime-WbnYoNE9.js";
+import V, { createElement as _e, useCallback as we, useState as q, useEffect as M, Component as Ye, Children as Tt, Suspense as Ke, useRef as Be, useMemo as Ct } from "react";
+import { map as re, includes as Oe, toUpper as pe, round as It, throttle as Je, noop as te, isEmpty as K, first as ae, omit as Et, pick as St, get as B, isString as je, memoize as Dt, each as _t, find as Bt, filter as Ve, isNull as Ot } from "lodash-es";
+import { ResetIcon as Ae, MobileIcon as Re, LaptopIcon as At, DesktopIcon as Rt, DotsVerticalIcon as Pt, EraserIcon as Mt, ZoomInIcon as Lt, DragHandleDots2Icon as Nt, ArrowUpIcon as Ft, CopyIcon as Wt, TrashIcon as $t } from "@radix-ui/react-icons";
+import { p as Te, B as le, W as Ze, aH as Ht, aI as qt, aJ as Ut, aK as zt, aL as Yt, R as Ce, ai as Kt, i as Ge, aM as Jt, aN as Vt, aO as Zt, aP as Gt, aQ as Qt, aR as Xt, w as en, j as U, aj as Z, D as tn, E as nn, F as rn, G as on, H as sn, I as an, J as ln, K as cn, ap as dn, L as un, U as Qe, aG as ie, aS as pn, _ as Q, ab as fn, aT as X, ae as Ie, m as Xe, n as hn, k as gn, o as mn, h as et, l as tt, ag as yn, aU as vn, aV as nt, aW as xn, aX as bn, x as kn, a as wn, aY as jn, aZ as Tn, a6 as Cn, a_ as In, S as rt } from "./index-_OgCuSUz.js";
 import { useTranslation as de } from "react-i18next";
-import { useAtom as N } from "jotai";
+import { useAtom as F } from "jotai";
 import Pe from "react-dom";
-import { g as Bn, S as Re, a as nt } from "./MODIFIERS-MLfpKQY1.js";
-import { r as rt, u as Dn, B as _n, E as On } from "./index-EYAc-AmR.js";
-import { Quill as An } from "react-quill";
-import { u as Pn } from "./useAddBlockByDrop-5QW86HjG.js";
+import { g as En } from "./_commonjsHelpers-UyOWmZb0.js";
+import { r as ot, u as Sn, B as Dn, E as _n } from "./index-QEchoZ98.js";
+import { Quill as Bn } from "react-quill";
+import { u as On } from "./useAddBlockByDrop-uPXvrg4G.js";
 import { useFeature as st } from "flagged";
-import { flip as Rn } from "@floating-ui/dom";
-import { useFloating as Mn, shift as Ln } from "@floating-ui/react-dom";
-import { useResizeObserver as Nn } from "@react-hookz/web";
-import { tailwindcssPaletteGenerator as Fn } from "@bobthered/tailwindcss-palette-generator";
-import { Provider as $n } from "react-wrap-balancer";
-import { twMerge as Wn } from "tailwind-merge";
-import { getBlockComponent as Hn } from "@chaibuilder/runtime";
+import { flip as An } from "@floating-ui/dom";
+import { useFloating as Rn, shift as Pn } from "@floating-ui/react-dom";
+import { useResizeObserver as Mn } from "@react-hookz/web";
+import { tailwindcssPaletteGenerator as Ln } from "@bobthered/tailwindcss-palette-generator";
+import { Provider as Nn } from "react-wrap-balancer";
+import { twMerge as Fn } from "tailwind-merge";
+import { S as Me, a as it } from "./MODIFIERS-RiXS5Mn1.js";
+import { getBlockComponent as Wn } from "@chaibuilder/runtime";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
-import "./utils-XsPKXMVo.js";
+import "./utils-AvyFzbPC.js";
 import "clsx";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
@@ -45,6 +46,7 @@ import "cmdk";
 import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "flat-to-nested";
+import "./Functions-7jnEwJyw.js";
 import "redux-undo";
 import "i18next";
 import "react-textarea-autosize";
@@ -52,18 +54,19 @@ import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
 import "sonner";
-import "./html-to-json-Y5M0N8PH.js";
+import "./html-to-json-xKBERAI1.js";
 import "himalaya";
+import "lodash";
 import "lucide-react";
-const qn = () => {
-  const { undoCount: e, redoCount: t, undo: n, redo: o } = Ce();
+const $n = () => {
+  const { undoCount: e, redoCount: t, undo: n, redo: s } = Te();
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ r.jsx(le, { disabled: !e, size: "sm", onClick: n, className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(Oe, {}) }),
-    /* @__PURE__ */ r.jsx(le, { disabled: !t, onClick: o, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(Oe, { className: "rotate-180 scale-y-[-1] transform" }) })
+    /* @__PURE__ */ r.jsx(le, { disabled: !e, size: "sm", onClick: n, className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(Ae, {}) }),
+    /* @__PURE__ */ r.jsx(le, { disabled: !t, onClick: s, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(Ae, { className: "rotate-180 scale-y-[-1] transform" }) })
   ] });
 };
-function Un() {
-  const [e, t] = Ve(), { t: n } = de();
+function Hn() {
+  const [e, t] = Ze(), { t: n } = de();
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ r.jsx(Ht, { htmlFor: "dark-mode-switch", children: n("dark_mode") }),
     /* @__PURE__ */ r.jsxs(
@@ -91,7 +94,7 @@ function Un() {
     )
   ] });
 }
-const Me = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
+const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
   "svg",
   {
     className: e ? "rotate-90" : "",
@@ -114,33 +117,33 @@ const Me = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
       )
     ]
   }
-), Le = [
+), qn = [
   {
     title: "mobile_xs_title",
     content: "mobile_xs_content",
     breakpoint: "xs",
-    icon: /* @__PURE__ */ r.jsx(Ae, {}),
+    icon: /* @__PURE__ */ r.jsx(Re, {}),
     width: 400
   },
   {
     title: "mobile_sm_title",
     content: "mobile_sm_content",
     breakpoint: "sm",
-    icon: /* @__PURE__ */ r.jsx(Ae, { className: "rotate-90" }),
+    icon: /* @__PURE__ */ r.jsx(Re, { className: "rotate-90" }),
     width: 640
   },
   {
     title: "tablet_md_title",
     content: "tablet_md_content",
     breakpoint: "md",
-    icon: /* @__PURE__ */ r.jsx(Me, {}),
+    icon: /* @__PURE__ */ r.jsx(Le, {}),
     width: 800
   },
   {
     title: "tablet_lg_title",
     content: "tablet_lg_content",
     breakpoint: "lg",
-    icon: /* @__PURE__ */ r.jsx(Me, { landscape: !0 }),
+    icon: /* @__PURE__ */ r.jsx(Le, { landscape: !0 }),
     width: 1024
   },
   {
@@ -154,64 +157,64 @@ const Me = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
     title: "large_desktop_2xl_title",
     content: "large_desktop_2xl_content",
     breakpoint: "2xl",
-    icon: /* @__PURE__ */ r.jsx(Pt, {}),
+    icon: /* @__PURE__ */ r.jsx(Rt, {}),
     width: 1920
   }
-], zn = ({
+], Ne = ({
   title: e,
   content: t,
   currentBreakpoint: n,
-  breakpoint: o,
+  breakpoint: s,
   width: i,
-  icon: l,
-  onClick: c
+  icon: a,
+  onClick: d
 }) => {
-  const { t: s } = de();
+  const { t: o } = de();
   return /* @__PURE__ */ r.jsxs(Ut, { children: [
     /* @__PURE__ */ r.jsx(zt, { asChild: !0, children: /* @__PURE__ */ r.jsx(
       le,
       {
-        onClick: () => c(i),
+        onClick: () => d(i),
         size: "sm",
-        variant: o === n ? "secondary" : "ghost",
-        children: l
+        variant: s === n ? "secondary" : "ghost",
+        children: a
       }
     ) }),
     /* @__PURE__ */ r.jsx(Yt, { className: "w-52 border-border", children: /* @__PURE__ */ r.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ r.jsx("h4", { className: "text-sm font-semibold", children: s(e) }),
-      /* @__PURE__ */ r.jsx("p", { className: "text-xs", children: s(t) })
+      /* @__PURE__ */ r.jsx("h4", { className: "text-sm font-semibold", children: o(e) }),
+      /* @__PURE__ */ r.jsx("p", { className: "text-xs", children: o(t) })
     ] }) }) })
   ] });
-}, Yn = () => {
-  const [, e, t] = Te(), [n, o] = Kt(), { t: i } = de(), l = (c) => {
-    n.includes(c) ? n.length > 2 && o(n.filter((s) => s !== c)) : o((s) => [...s, c]);
+}, Un = () => {
+  const [, e, t] = Ce(), [n, s] = Kt(), { t: i } = de(), a = Ge("breakpoints", qn), d = (o) => {
+    n.includes(o) ? n.length > 2 && s(n.filter((c) => c !== o)) : s((c) => [...c, o]);
   };
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center rounded-md", children: [
-    ie(
-      Le.filter((c) => _e(n, pe(c.breakpoint))),
-      (c) => /* @__PURE__ */ kt(zn, { ...c, onClick: t, key: c.breakpoint, currentBreakpoint: e })
+  return a.length < 4 ? /* @__PURE__ */ r.jsx("div", { className: "flex items-center rounded-md", children: re(a, (o) => /* @__PURE__ */ _e(Ne, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: e })) }) : /* @__PURE__ */ r.jsxs("div", { className: "flex items-center rounded-md", children: [
+    re(
+      a.filter((o) => Oe(n, pe(o.breakpoint))),
+      (o) => /* @__PURE__ */ _e(Ne, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: e })
     ),
     /* @__PURE__ */ r.jsxs(Jt, { children: [
-      /* @__PURE__ */ r.jsx(Vt, { asChild: !0, children: /* @__PURE__ */ r.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ r.jsx(Rt, { className: "scale-90 transform" }) }) }),
+      /* @__PURE__ */ r.jsx(Vt, { asChild: !0, children: /* @__PURE__ */ r.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ r.jsx(Pt, { className: "scale-90 transform" }) }) }),
       /* @__PURE__ */ r.jsxs(Zt, { className: "w-56 border-border text-xs", children: [
-        /* @__PURE__ */ r.jsx(Qt, { children: i("Breakpoints") }),
-        /* @__PURE__ */ r.jsx(Xt, {}),
-        ie(Le, (c) => /* @__PURE__ */ r.jsx(
-          Gt,
+        /* @__PURE__ */ r.jsx(Gt, { children: i("Breakpoints") }),
+        /* @__PURE__ */ r.jsx(Qt, {}),
+        re(a, (o) => /* @__PURE__ */ r.jsx(
+          Xt,
           {
-            disabled: c.breakpoint === "xs",
-            onCheckedChange: () => l(pe(c.breakpoint)),
-            checked: _e(n, pe(c.breakpoint)),
-            children: i(c.title)
+            disabled: o.breakpoint === "xs",
+            onCheckedChange: () => d(pe(o.breakpoint)),
+            checked: Oe(n, pe(o.breakpoint)),
+            children: i(o.title)
           },
-          c.breakpoint
+          o.breakpoint
         ))
       ] })
     ] })
   ] });
-}, Kn = () => {
-  const { t: e } = de(), [t] = en(), { createSnapshot: n } = Ce(), [, o] = U(), [, i] = Z(), l = ke(() => {
-    t([]), o([]), i([]), n();
+}, zn = () => {
+  const { t: e } = de(), [t] = en(), { createSnapshot: n } = Te(), [, s] = U(), [, i] = Z(), a = we(() => {
+    t([]), s([]), i([]), n();
   }, [t, n]);
   return /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ r.jsxs(tn, { children: [
     /* @__PURE__ */ r.jsx(nn, { asChild: !0, children: /* @__PURE__ */ r.jsxs(le, { size: "sm", variant: "ghost", className: "flex items-center gap-x-1", children: [
@@ -220,26 +223,26 @@ const Me = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
       e("clear")
     ] }) }),
     /* @__PURE__ */ r.jsxs(rn, { className: "border-border", children: [
-      /* @__PURE__ */ r.jsxs(sn, { children: [
-        /* @__PURE__ */ r.jsx(on, { children: e("clear_canvas_title") }),
+      /* @__PURE__ */ r.jsxs(on, { children: [
+        /* @__PURE__ */ r.jsx(sn, { children: e("clear_canvas_title") }),
         /* @__PURE__ */ r.jsx(an, { children: e("clear_canvas_description") })
       ] }),
       /* @__PURE__ */ r.jsxs(ln, { children: [
         /* @__PURE__ */ r.jsx(cn, { children: e("cancel") }),
-        /* @__PURE__ */ r.jsx(dn, { onClick: l, children: e("yes") })
+        /* @__PURE__ */ r.jsx(dn, { onClick: a, children: e("yes") })
       ] })
     ] })
   ] }) });
-}, Jn = () => {
-  const e = un("darkMode", !1), [t] = Ze();
+}, Yn = () => {
+  const e = un("darkMode", !1), [t] = Qe();
   return /* @__PURE__ */ r.jsxs("div", { className: "flex h-10 items-center justify-between border-b bg-background/70 px-2", children: [
     /* @__PURE__ */ r.jsxs("div", { className: "flex h-full space-x-2", children: [
       e ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        /* @__PURE__ */ r.jsx(Un, {}),
-        /* @__PURE__ */ r.jsx(oe, { orientation: "vertical" })
+        /* @__PURE__ */ r.jsx(Hn, {}),
+        /* @__PURE__ */ r.jsx(ie, { orientation: "vertical" })
       ] }) : null,
-      /* @__PURE__ */ r.jsx(Yn, {}),
-      /* @__PURE__ */ r.jsx(oe, { orientation: "vertical" }),
+      /* @__PURE__ */ r.jsx(Un, {}),
+      /* @__PURE__ */ r.jsx(ie, { orientation: "vertical" }),
       /* @__PURE__ */ r.jsxs("div", { className: "flex w-12 items-center justify-center gap-x-1 space-x-0 font-medium", children: [
         /* @__PURE__ */ r.jsx(Lt, { className: "h-3.5 w-3.5 flex-shrink-0" }),
         " ",
@@ -248,15 +251,15 @@ const Me = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ r.jsx(oe, { orientation: "vertical" }),
-      /* @__PURE__ */ r.jsx(qn, {})
+      /* @__PURE__ */ r.jsx(ie, { orientation: "vertical" }),
+      /* @__PURE__ */ r.jsx($n, {})
     ] }),
     /* @__PURE__ */ r.jsxs("div", { className: "flex h-full items-center space-x-2", children: [
-      /* @__PURE__ */ r.jsx(oe, { orientation: "vertical" }),
-      /* @__PURE__ */ r.jsx(Kn, {})
+      /* @__PURE__ */ r.jsx(ie, { orientation: "vertical" }),
+      /* @__PURE__ */ r.jsx(zn, {})
     ] })
   ] });
-}, Vn = `<!doctype html>
+}, Kn = `<!doctype html>
 <html class="scroll-smooth h-full overflow-y-auto">
   <head>
     <meta charset="UTF-8">
@@ -303,30 +306,30 @@ const Me = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
     <div class="frame-root"></div>
     <script src="https://cdn.jsdelivr.net/npm/quill@2.0.0/dist/quill.js"><\/script>
   </body>
-</html>`, Zn = (e) => {
-  const [t] = Te(), [, n] = Ze(), [o, i] = q({}), l = ke(() => {
-    const { width: c, height: s } = e;
-    if (c < t) {
-      const d = parseFloat((c / t).toFixed(2).toString());
+</html>`, Jn = (e) => {
+  const [t] = Ce(), [, n] = Qe(), [s, i] = q({}), a = we(() => {
+    const { width: d, height: o } = e;
+    if (d < t) {
+      const c = parseFloat((d / t).toFixed(2).toString());
       let p = {};
-      const f = s * d;
-      s && (p = {
+      const f = o * c;
+      o && (p = {
         // Eureka! This is the formula to calculate the height of the scaled element. Thank you ChatGPT 4
-        height: 100 + (s - f) / f * 100 + "%"
+        height: 100 + (o - f) / f * 100 + "%"
       }), i({
         position: "relative",
         top: 0,
-        transform: `scale(${d})`,
+        transform: `scale(${c})`,
         transformOrigin: "top left",
         ...p,
         maxWidth: "none"
-      }), n(d * 100);
+      }), n(c * 100);
     } else
       i({}), n(100);
   }, [t, e, n]);
   return M(() => {
-    l();
-  }, [t, e, n, l]), o;
+    a();
+  }, [t, e, n, a]), s;
 };
 var ce = { exports: {} };
 /*
@@ -334,30 +337,30 @@ object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var fe, Ne;
-function Qn() {
-  if (Ne)
+var fe, Fe;
+function Vn() {
+  if (Fe)
     return fe;
-  Ne = 1;
+  Fe = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
-  function o(l) {
-    if (l == null)
+  function s(a) {
+    if (a == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(l);
+    return Object(a);
   }
   function i() {
     try {
       if (!Object.assign)
         return !1;
-      var l = new String("abc");
-      if (l[5] = "de", Object.getOwnPropertyNames(l)[0] === "5")
+      var a = new String("abc");
+      if (a[5] = "de", Object.getOwnPropertyNames(a)[0] === "5")
         return !1;
-      for (var c = {}, s = 0; s < 10; s++)
-        c["_" + String.fromCharCode(s)] = s;
-      var d = Object.getOwnPropertyNames(c).map(function(f) {
-        return c[f];
+      for (var d = {}, o = 0; o < 10; o++)
+        d["_" + String.fromCharCode(o)] = o;
+      var c = Object.getOwnPropertyNames(d).map(function(f) {
+        return d[f];
       });
-      if (d.join("") !== "0123456789")
+      if (c.join("") !== "0123456789")
         return !1;
       var p = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(f) {
@@ -367,73 +370,73 @@ function Qn() {
       return !1;
     }
   }
-  return fe = i() ? Object.assign : function(l, c) {
-    for (var s, d = o(l), p, f = 1; f < arguments.length; f++) {
-      s = Object(arguments[f]);
-      for (var h in s)
-        t.call(s, h) && (d[h] = s[h]);
+  return fe = i() ? Object.assign : function(a, d) {
+    for (var o, c = s(a), p, f = 1; f < arguments.length; f++) {
+      o = Object(arguments[f]);
+      for (var h in o)
+        t.call(o, h) && (c[h] = o[h]);
       if (e) {
-        p = e(s);
+        p = e(o);
         for (var g = 0; g < p.length; g++)
-          n.call(s, p[g]) && (d[p[g]] = s[p[g]]);
+          n.call(o, p[g]) && (c[p[g]] = o[p[g]]);
       }
     }
-    return d;
+    return c;
   }, fe;
 }
-var he, Fe;
+var he, We;
 function Ee() {
-  if (Fe)
+  if (We)
     return he;
-  Fe = 1;
+  We = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return he = e, he;
 }
 var ge, $e;
-function ot() {
+function at() {
   return $e || ($e = 1, ge = Function.call.bind(Object.prototype.hasOwnProperty)), ge;
 }
-var me, We;
-function Xn() {
-  if (We)
+var me, He;
+function Zn() {
+  if (He)
     return me;
-  We = 1;
+  He = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = Ee(), n = {}, o = ot();
-    e = function(l) {
-      var c = "Warning: " + l;
-      typeof console < "u" && console.error(c);
+    var t = Ee(), n = {}, s = at();
+    e = function(a) {
+      var d = "Warning: " + a;
+      typeof console < "u" && console.error(d);
       try {
-        throw new Error(c);
+        throw new Error(d);
       } catch {
       }
     };
   }
-  function i(l, c, s, d, p) {
+  function i(a, d, o, c, p) {
     if (process.env.NODE_ENV !== "production") {
-      for (var f in l)
-        if (o(l, f)) {
+      for (var f in a)
+        if (s(a, f)) {
           var h;
           try {
-            if (typeof l[f] != "function") {
+            if (typeof a[f] != "function") {
               var g = Error(
-                (d || "React class") + ": " + s + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof l[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (c || "React class") + ": " + o + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw g.name = "Invariant Violation", g;
             }
-            h = l[f](c, f, d, s, null, t);
+            h = a[f](d, f, c, o, null, t);
           } catch (A) {
             h = A;
           }
           if (h && !(h instanceof Error) && e(
-            (d || "React class") + ": type specification of " + s + " `" + f + "` 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)."
+            (c || "React class") + ": type specification of " + o + " `" + f + "` 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 E = p ? p() : "";
             e(
-              "Failed " + s + " type: " + h.message + (E ?? "")
+              "Failed " + o + " type: " + h.message + (E ?? "")
             );
           }
         }
@@ -443,90 +446,90 @@ function Xn() {
     process.env.NODE_ENV !== "production" && (n = {});
   }, me = i, me;
 }
-var ye, He;
+var ye, qe;
 function Gn() {
-  if (He)
+  if (qe)
     return ye;
-  He = 1;
-  var e = rt, t = Qn(), n = Ee(), o = ot(), i = Xn(), l = function() {
+  qe = 1;
+  var e = ot, t = Vn(), n = Ee(), s = at(), i = Zn(), a = function() {
   };
-  process.env.NODE_ENV !== "production" && (l = function(s) {
-    var d = "Warning: " + s;
-    typeof console < "u" && console.error(d);
+  process.env.NODE_ENV !== "production" && (a = function(o) {
+    var c = "Warning: " + o;
+    typeof console < "u" && console.error(c);
     try {
-      throw new Error(d);
+      throw new Error(c);
     } catch {
     }
   });
-  function c() {
+  function d() {
     return null;
   }
-  return ye = function(s, d) {
+  return ye = function(o, c) {
     var p = typeof Symbol == "function" && Symbol.iterator, f = "@@iterator";
-    function h(a) {
-      var u = a && (p && a[p] || a[f]);
+    function h(l) {
+      var u = l && (p && l[p] || l[f]);
       if (typeof u == "function")
         return u;
     }
     var g = "<<anonymous>>", E = {
-      array: B("array"),
-      bigint: B("bigint"),
-      bool: B("boolean"),
-      func: B("function"),
-      number: B("number"),
-      object: B("object"),
-      string: B("string"),
-      symbol: B("symbol"),
+      array: D("array"),
+      bigint: D("bigint"),
+      bool: D("boolean"),
+      func: D("function"),
+      number: D("number"),
+      object: D("object"),
+      string: D("string"),
+      symbol: D("symbol"),
       any: O(),
-      arrayOf: k,
-      element: F(),
-      elementType: $(),
-      instanceOf: D,
-      node: ht(),
+      arrayOf: w,
+      element: N(),
+      elementType: W(),
+      instanceOf: _,
+      node: mt(),
       objectOf: H,
-      oneOf: W,
-      oneOfType: ft,
-      shape: gt,
-      exact: mt
+      oneOf: $,
+      oneOfType: gt,
+      shape: yt,
+      exact: vt
     };
-    function A(a, u) {
-      return a === u ? a !== 0 || 1 / a === 1 / u : a !== a && u !== u;
+    function A(l, u) {
+      return l === u ? l !== 0 || 1 / l === 1 / u : l !== l && u !== u;
     }
-    function b(a, u) {
-      this.message = a, this.data = u && typeof u == "object" ? u : {}, this.stack = "";
+    function b(l, u) {
+      this.message = l, this.data = u && typeof u == "object" ? u : {}, this.stack = "";
     }
     b.prototype = Error.prototype;
-    function S(a) {
+    function S(l) {
       if (process.env.NODE_ENV !== "production")
-        var u = {}, w = 0;
-      function v(j, y, x, C, I, T, L) {
-        if (C = C || g, T = T || x, L !== n) {
-          if (d) {
-            var P = new Error(
+        var u = {}, k = 0;
+      function v(j, y, x, T, I, C, L) {
+        if (T = T || g, C = C || x, L !== n) {
+          if (c) {
+            var R = 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"
             );
-            throw P.name = "Invariant Violation", P;
+            throw R.name = "Invariant Violation", R;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Q = C + ":" + x;
-            !u[Q] && // Avoid spamming the console because they are often not actionable except for lib authors
-            w < 3 && (l(
-              "You are manually calling a React.PropTypes validation function for the `" + T + "` prop on `" + C + "`. 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[Q] = !0, w++);
+            var G = T + ":" + x;
+            !u[G] && // Avoid spamming the console because they are often not actionable except for lib authors
+            k < 3 && (a(
+              "You are manually calling a React.PropTypes validation function for the `" + C + "` prop on `" + T + "`. 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[G] = !0, k++);
           }
         }
-        return y[x] == null ? j ? y[x] === null ? new b("The " + I + " `" + T + "` is marked as required " + ("in `" + C + "`, but its value is `null`.")) : new b("The " + I + " `" + T + "` is marked as required in " + ("`" + C + "`, but its value is `undefined`.")) : null : a(y, x, C, I, T);
+        return y[x] == null ? j ? y[x] === null ? new b("The " + I + " `" + C + "` is marked as required " + ("in `" + T + "`, but its value is `null`.")) : new b("The " + I + " `" + C + "` is marked as required in " + ("`" + T + "`, but its value is `undefined`.")) : null : l(y, x, T, I, C);
       }
       var m = v.bind(null, !1);
       return m.isRequired = v.bind(null, !0), m;
     }
-    function B(a) {
-      function u(w, v, m, j, y, x) {
-        var C = w[v], I = z(C);
-        if (I !== a) {
-          var T = ee(C);
+    function D(l) {
+      function u(k, v, m, j, y, x) {
+        var T = k[v], I = z(T);
+        if (I !== l) {
+          var C = ee(T);
           return new b(
-            "Invalid " + j + " `" + y + "` of type " + ("`" + T + "` supplied to `" + m + "`, expected ") + ("`" + a + "`."),
-            { expectedType: a }
+            "Invalid " + j + " `" + y + "` of type " + ("`" + C + "` supplied to `" + m + "`, expected ") + ("`" + l + "`."),
+            { expectedType: l }
           );
         }
         return null;
@@ -534,135 +537,135 @@ function Gn() {
       return S(u);
     }
     function O() {
-      return S(c);
+      return S(d);
     }
-    function k(a) {
-      function u(w, v, m, j, y) {
-        if (typeof a != "function")
+    function w(l) {
+      function u(k, v, m, j, y) {
+        if (typeof l != "function")
           return new b("Property `" + y + "` of component `" + m + "` has invalid PropType notation inside arrayOf.");
-        var x = w[v];
+        var x = k[v];
         if (!Array.isArray(x)) {
-          var C = z(x);
-          return new b("Invalid " + j + " `" + y + "` of type " + ("`" + C + "` supplied to `" + m + "`, expected an array."));
+          var T = z(x);
+          return new b("Invalid " + j + " `" + y + "` of type " + ("`" + T + "` supplied to `" + m + "`, expected an array."));
         }
         for (var I = 0; I < x.length; I++) {
-          var T = a(x, I, m, j, y + "[" + I + "]", n);
-          if (T instanceof Error)
-            return T;
+          var C = l(x, I, m, j, y + "[" + I + "]", n);
+          if (C instanceof Error)
+            return C;
         }
         return null;
       }
       return S(u);
     }
-    function F() {
-      function a(u, w, v, m, j) {
-        var y = u[w];
-        if (!s(y)) {
+    function N() {
+      function l(u, k, v, m, j) {
+        var y = u[k];
+        if (!o(y)) {
           var x = z(y);
           return new b("Invalid " + m + " `" + j + "` of type " + ("`" + x + "` supplied to `" + v + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return S(a);
+      return S(l);
     }
-    function $() {
-      function a(u, w, v, m, j) {
-        var y = u[w];
+    function W() {
+      function l(u, k, v, m, j) {
+        var y = u[k];
         if (!e.isValidElementType(y)) {
           var x = z(y);
           return new b("Invalid " + m + " `" + j + "` of type " + ("`" + x + "` supplied to `" + v + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return S(a);
+      return S(l);
     }
-    function D(a) {
-      function u(w, v, m, j, y) {
-        if (!(w[v] instanceof a)) {
-          var x = a.name || g, C = xt(w[v]);
-          return new b("Invalid " + j + " `" + y + "` of type " + ("`" + C + "` supplied to `" + m + "`, expected ") + ("instance of `" + x + "`."));
+    function _(l) {
+      function u(k, v, m, j, y) {
+        if (!(k[v] instanceof l)) {
+          var x = l.name || g, T = kt(k[v]);
+          return new b("Invalid " + j + " `" + y + "` of type " + ("`" + T + "` supplied to `" + m + "`, expected ") + ("instance of `" + x + "`."));
         }
         return null;
       }
       return S(u);
     }
-    function W(a) {
-      if (!Array.isArray(a))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? l(
+    function $(l) {
+      if (!Array.isArray(l))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
           "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])."
-        ) : l("Invalid argument supplied to oneOf, expected an array.")), c;
-      function u(w, v, m, j, y) {
-        for (var x = w[v], C = 0; C < a.length; C++)
-          if (A(x, a[C]))
+        ) : a("Invalid argument supplied to oneOf, expected an array.")), d;
+      function u(k, v, m, j, y) {
+        for (var x = k[v], T = 0; T < l.length; T++)
+          if (A(x, l[T]))
             return null;
-        var I = JSON.stringify(a, function(L, P) {
-          var Q = ee(P);
-          return Q === "symbol" ? String(P) : P;
+        var I = JSON.stringify(l, function(L, R) {
+          var G = ee(R);
+          return G === "symbol" ? String(R) : R;
         });
         return new b("Invalid " + j + " `" + y + "` of value `" + String(x) + "` " + ("supplied to `" + m + "`, expected one of " + I + "."));
       }
       return S(u);
     }
-    function H(a) {
-      function u(w, v, m, j, y) {
-        if (typeof a != "function")
+    function H(l) {
+      function u(k, v, m, j, y) {
+        if (typeof l != "function")
           return new b("Property `" + y + "` of component `" + m + "` has invalid PropType notation inside objectOf.");
-        var x = w[v], C = z(x);
-        if (C !== "object")
-          return new b("Invalid " + j + " `" + y + "` of type " + ("`" + C + "` supplied to `" + m + "`, expected an object."));
+        var x = k[v], T = z(x);
+        if (T !== "object")
+          return new b("Invalid " + j + " `" + y + "` of type " + ("`" + T + "` supplied to `" + m + "`, expected an object."));
         for (var I in x)
-          if (o(x, I)) {
-            var T = a(x, I, m, j, y + "." + I, n);
-            if (T instanceof Error)
-              return T;
+          if (s(x, I)) {
+            var C = l(x, I, m, j, y + "." + I, n);
+            if (C instanceof Error)
+              return C;
           }
         return null;
       }
       return S(u);
     }
-    function ft(a) {
-      if (!Array.isArray(a))
-        return process.env.NODE_ENV !== "production" && l("Invalid argument supplied to oneOfType, expected an instance of array."), c;
-      for (var u = 0; u < a.length; u++) {
-        var w = a[u];
-        if (typeof w != "function")
-          return l(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + vt(w) + " at index " + u + "."
-          ), c;
+    function gt(l) {
+      if (!Array.isArray(l))
+        return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), d;
+      for (var u = 0; u < l.length; u++) {
+        var k = l[u];
+        if (typeof k != "function")
+          return a(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + bt(k) + " at index " + u + "."
+          ), d;
       }
-      function v(m, j, y, x, C) {
-        for (var I = [], T = 0; T < a.length; T++) {
-          var L = a[T], P = L(m, j, y, x, C, n);
-          if (P == null)
+      function v(m, j, y, x, T) {
+        for (var I = [], C = 0; C < l.length; C++) {
+          var L = l[C], R = L(m, j, y, x, T, n);
+          if (R == null)
             return null;
-          P.data && o(P.data, "expectedType") && I.push(P.data.expectedType);
+          R.data && s(R.data, "expectedType") && I.push(R.data.expectedType);
         }
-        var Q = I.length > 0 ? ", expected one of type [" + I.join(", ") + "]" : "";
-        return new b("Invalid " + x + " `" + C + "` supplied to " + ("`" + y + "`" + Q + "."));
+        var G = I.length > 0 ? ", expected one of type [" + I.join(", ") + "]" : "";
+        return new b("Invalid " + x + " `" + T + "` supplied to " + ("`" + y + "`" + G + "."));
       }
       return S(v);
     }
-    function ht() {
-      function a(u, w, v, m, j) {
-        return se(u[w]) ? null : new b("Invalid " + m + " `" + j + "` supplied to " + ("`" + v + "`, expected a ReactNode."));
+    function mt() {
+      function l(u, k, v, m, j) {
+        return se(u[k]) ? null : new b("Invalid " + m + " `" + j + "` supplied to " + ("`" + v + "`, expected a ReactNode."));
       }
-      return S(a);
+      return S(l);
     }
-    function Be(a, u, w, v, m) {
+    function De(l, u, k, v, m) {
       return new b(
-        (a || "React class") + ": " + u + " type `" + w + "." + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + m + "`."
+        (l || "React class") + ": " + u + " type `" + k + "." + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + m + "`."
       );
     }
-    function gt(a) {
-      function u(w, v, m, j, y) {
-        var x = w[v], C = z(x);
-        if (C !== "object")
-          return new b("Invalid " + j + " `" + y + "` of type `" + C + "` " + ("supplied to `" + m + "`, expected `object`."));
-        for (var I in a) {
-          var T = a[I];
-          if (typeof T != "function")
-            return Be(m, j, y, I, ee(T));
-          var L = T(x, I, m, j, y + "." + I, n);
+    function yt(l) {
+      function u(k, v, m, j, y) {
+        var x = k[v], T = z(x);
+        if (T !== "object")
+          return new b("Invalid " + j + " `" + y + "` of type `" + T + "` " + ("supplied to `" + m + "`, expected `object`."));
+        for (var I in l) {
+          var C = l[I];
+          if (typeof C != "function")
+            return De(m, j, y, I, ee(C));
+          var L = C(x, I, m, j, y + "." + I, n);
           if (L)
             return L;
         }
@@ -670,51 +673,51 @@ function Gn() {
       }
       return S(u);
     }
-    function mt(a) {
-      function u(w, v, m, j, y) {
-        var x = w[v], C = z(x);
-        if (C !== "object")
-          return new b("Invalid " + j + " `" + y + "` of type `" + C + "` " + ("supplied to `" + m + "`, expected `object`."));
-        var I = t({}, w[v], a);
-        for (var T in I) {
-          var L = a[T];
-          if (o(a, T) && typeof L != "function")
-            return Be(m, j, y, T, ee(L));
+    function vt(l) {
+      function u(k, v, m, j, y) {
+        var x = k[v], T = z(x);
+        if (T !== "object")
+          return new b("Invalid " + j + " `" + y + "` of type `" + T + "` " + ("supplied to `" + m + "`, expected `object`."));
+        var I = t({}, k[v], l);
+        for (var C in I) {
+          var L = l[C];
+          if (s(l, C) && typeof L != "function")
+            return De(m, j, y, C, ee(L));
           if (!L)
             return new b(
-              "Invalid " + j + " `" + y + "` key `" + T + "` supplied to `" + m + "`.\nBad object: " + JSON.stringify(w[v], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(a), null, "  ")
+              "Invalid " + j + " `" + y + "` key `" + C + "` supplied to `" + m + "`.\nBad object: " + JSON.stringify(k[v], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
             );
-          var P = L(x, T, m, j, y + "." + T, n);
-          if (P)
-            return P;
+          var R = L(x, C, m, j, y + "." + C, n);
+          if (R)
+            return R;
         }
         return null;
       }
       return S(u);
     }
-    function se(a) {
-      switch (typeof a) {
+    function se(l) {
+      switch (typeof l) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !a;
+          return !l;
         case "object":
-          if (Array.isArray(a))
-            return a.every(se);
-          if (a === null || s(a))
+          if (Array.isArray(l))
+            return l.every(se);
+          if (l === null || o(l))
             return !0;
-          var u = h(a);
+          var u = h(l);
           if (u) {
-            var w = u.call(a), v;
-            if (u !== a.entries) {
-              for (; !(v = w.next()).done; )
+            var k = u.call(l), v;
+            if (u !== l.entries) {
+              for (; !(v = k.next()).done; )
                 if (!se(v.value))
                   return !1;
             } else
-              for (; !(v = w.next()).done; ) {
+              for (; !(v = k.next()).done; ) {
                 var m = v.value;
                 if (m && !se(m[1]))
                   return !1;
@@ -726,27 +729,27 @@ Valid keys: ` + JSON.stringify(Object.keys(a), null, "  ")
           return !1;
       }
     }
-    function yt(a, u) {
-      return a === "symbol" ? !0 : u ? u["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && u instanceof Symbol : !1;
+    function xt(l, u) {
+      return l === "symbol" ? !0 : u ? u["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && u instanceof Symbol : !1;
     }
-    function z(a) {
-      var u = typeof a;
-      return Array.isArray(a) ? "array" : a instanceof RegExp ? "object" : yt(u, a) ? "symbol" : u;
+    function z(l) {
+      var u = typeof l;
+      return Array.isArray(l) ? "array" : l instanceof RegExp ? "object" : xt(u, l) ? "symbol" : u;
     }
-    function ee(a) {
-      if (typeof a > "u" || a === null)
-        return "" + a;
-      var u = z(a);
+    function ee(l) {
+      if (typeof l > "u" || l === null)
+        return "" + l;
+      var u = z(l);
       if (u === "object") {
-        if (a instanceof Date)
+        if (l instanceof Date)
           return "date";
-        if (a instanceof RegExp)
+        if (l instanceof RegExp)
           return "regexp";
       }
       return u;
     }
-    function vt(a) {
-      var u = ee(a);
+    function bt(l) {
+      var u = ee(l);
       switch (u) {
         case "array":
         case "object":
@@ -759,24 +762,24 @@ Valid keys: ` + JSON.stringify(Object.keys(a), null, "  ")
           return u;
       }
     }
-    function xt(a) {
-      return !a.constructor || !a.constructor.name ? g : a.constructor.name;
+    function kt(l) {
+      return !l.constructor || !l.constructor.name ? g : l.constructor.name;
     }
     return E.checkPropTypes = i, E.resetWarningCache = i.resetWarningCache, E.PropTypes = E, E;
   }, ye;
 }
-var ve, qe;
-function er() {
-  if (qe)
+var ve, Ue;
+function Qn() {
+  if (Ue)
     return ve;
-  qe = 1;
+  Ue = 1;
   var e = Ee();
   function t() {
   }
   function n() {
   }
   return n.resetWarningCache = t, ve = function() {
-    function o(c, s, d, p, f, h) {
+    function s(d, o, c, p, f, h) {
       if (h !== e) {
         var g = 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"
@@ -784,25 +787,25 @@ function er() {
         throw g.name = "Invariant Violation", g;
       }
     }
-    o.isRequired = o;
+    s.isRequired = s;
     function i() {
-      return o;
+      return s;
     }
-    var l = {
-      array: o,
-      bigint: o,
-      bool: o,
-      func: o,
-      number: o,
-      object: o,
-      string: o,
-      symbol: o,
-      any: o,
+    var a = {
+      array: s,
+      bigint: s,
+      bool: s,
+      func: s,
+      number: s,
+      object: s,
+      string: s,
+      symbol: s,
+      any: s,
       arrayOf: i,
-      element: o,
-      elementType: o,
+      element: s,
+      elementType: s,
       instanceOf: i,
-      node: o,
+      node: s,
       objectOf: i,
       oneOf: i,
       oneOfType: i,
@@ -811,22 +814,22 @@ function er() {
       checkPropTypes: n,
       resetWarningCache: t
     };
-    return l.PropTypes = l, l;
+    return a.PropTypes = a, a;
   }, ve;
 }
-var _s = ce.exports;
+var Oo = ce.exports;
 if (process.env.NODE_ENV !== "production") {
-  var tr = rt, nr = !0;
-  ce.exports = Gn()(tr.isElement, nr);
+  var Xn = ot, er = !0;
+  ce.exports = Gn()(Xn.isElement, er);
 } else
-  ce.exports = er()();
-var rr = ce.exports;
-const R = /* @__PURE__ */ Bn(rr);
-let it, at;
-typeof document < "u" && (it = document);
-typeof window < "u" && (at = window);
-const lt = V.createContext({ document: it, window: at }), ue = () => V.useContext(lt), { Provider: sr, Consumer: Os } = lt;
-class ct extends ze {
+  ce.exports = Qn()();
+var tr = ce.exports;
+const P = /* @__PURE__ */ En(tr);
+let lt, ct;
+typeof document < "u" && (lt = document);
+typeof window < "u" && (ct = window);
+const dt = V.createContext({ document: lt, window: ct }), ue = () => V.useContext(dt), { Provider: nr, Consumer: Ao } = dt;
+class ut extends Ye {
   componentDidMount() {
     this.props.contentDidMount();
   }
@@ -834,21 +837,21 @@ class ct extends ze {
     this.props.contentDidUpdate();
   }
   render() {
-    return jt.only(this.props.children);
+    return Tt.only(this.props.children);
   }
 }
-J(ct, "propTypes", {
-  children: R.element.isRequired,
-  contentDidMount: R.func.isRequired,
-  contentDidUpdate: R.func.isRequired
+J(ut, "propTypes", {
+  children: P.element.isRequired,
+  contentDidMount: P.func.isRequired,
+  contentDidUpdate: P.func.isRequired
 });
-class be extends ze {
-  constructor(n, o) {
-    super(n, o);
+class be extends Ye {
+  constructor(n, s) {
+    super(n, s);
     J(this, "setRef", (n) => {
       this.nodeRef.current = n;
-      const { forwardedRef: o } = this.props;
-      typeof o == "function" ? o(n) : o && (o.current = n);
+      const { forwardedRef: s } = this.props;
+      typeof s == "function" ? s(n) : s && (s.current = n);
     });
     J(this, "handleLoad", () => {
       clearInterval(this.loadCheck), this.state.iframeLoaded || this.setState({ iframeLoaded: !0 });
@@ -879,8 +882,8 @@ class be extends ze {
     const n = this.getDoc();
     if (!n)
       return null;
-    const o = this.props.contentDidMount, i = this.props.contentDidUpdate, l = n.defaultView || n.parentView, c = /* @__PURE__ */ r.jsx(ct, { contentDidMount: o, contentDidUpdate: i, children: /* @__PURE__ */ r.jsx(sr, { value: { document: n, window: l }, children: /* @__PURE__ */ r.jsx("div", { className: "frame-content", children: this.props.children }) }) }), s = this.getMountTarget();
-    return [Pe.createPortal(this.props.head, this.getDoc().head), Pe.createPortal(c, s)];
+    const s = this.props.contentDidMount, i = this.props.contentDidUpdate, a = n.defaultView || n.parentView, d = /* @__PURE__ */ r.jsx(ut, { contentDidMount: s, contentDidUpdate: i, children: /* @__PURE__ */ r.jsx(nr, { value: { document: n, window: a }, children: /* @__PURE__ */ r.jsx("div", { className: "frame-content", children: this.props.children }) }) }), o = this.getMountTarget();
+    return [Pe.createPortal(this.props.head, this.getDoc().head), Pe.createPortal(d, o)];
   }
   render() {
     const n = {
@@ -897,14 +900,14 @@ class be extends ze {
 // initialContent is expected to have a div inside of the body
 // element that we render react into.
 J(be, "propTypes", {
-  style: R.object,
+  style: P.object,
   // eslint-disable-line
-  head: R.node,
-  initialContent: R.string,
-  mountTarget: R.string,
-  contentDidMount: R.func,
-  contentDidUpdate: R.func,
-  children: R.oneOfType([R.element, R.arrayOf(R.element)])
+  head: P.node,
+  initialContent: P.string,
+  mountTarget: P.string,
+  contentDidMount: P.func,
+  contentDidUpdate: P.func,
+  children: P.oneOfType([P.element, P.arrayOf(P.element)])
 }), J(be, "defaultProps", {
   style: {},
   head: null,
@@ -916,83 +919,83 @@ J(be, "propTypes", {
   },
   initialContent: '<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'
 });
-const or = V.forwardRef((e, t) => /* @__PURE__ */ r.jsx(be, { ...e, forwardedRef: t }));
-let Y = null, re = [], ne = null, dt = null;
-function ir(e) {
-  const t = window.getComputedStyle(e), n = parseInt(t.paddingLeft, 10), o = parseInt(t.paddingTop, 10), i = parseInt(t.paddingRight, 10), l = parseInt(t.paddingBottom, 10);
-  return { paddingLeft: n, paddingTop: o, paddingRight: i, paddingBottom: l };
+const rr = V.forwardRef((e, t) => /* @__PURE__ */ r.jsx(be, { ...e, forwardedRef: t }));
+let Y = null, oe = [], ne = null, pt = null;
+function or(e) {
+  const t = window.getComputedStyle(e), n = parseInt(t.paddingLeft, 10), s = parseInt(t.paddingTop, 10), i = parseInt(t.paddingRight, 10), a = parseInt(t.paddingBottom, 10);
+  return { paddingLeft: n, paddingTop: s, paddingRight: i, paddingBottom: a };
 }
-const Ue = (e, t, n) => {
+const ze = (e, t, n) => {
   if (!Y)
     return;
-  const o = e.getBoundingClientRect(), i = Y == null ? void 0 : Y.getElementById("placeholder"), { paddingLeft: l, paddingTop: c, paddingRight: s, paddingBottom: d } = ir(e);
-  i.style.width = t === "vertical" ? o.width - l - s + "px" : "2px", i.style.height = t === "vertical" ? "2px" : o.height - c - d + "px", i.style.display = "block";
-  const p = re.reduce(
+  const s = e.getBoundingClientRect(), i = Y == null ? void 0 : Y.getElementById("placeholder"), { paddingLeft: a, paddingTop: d, paddingRight: o, paddingBottom: c } = or(e);
+  i.style.width = t === "vertical" ? s.width - a - o + "px" : "2px", i.style.height = t === "vertical" ? "2px" : s.height - d - c + "px", i.style.display = "block";
+  const p = oe.reduce(
     (f, h) => Math.abs(h - n) < Math.abs(f - n) ? h : f
   );
-  dt = re.indexOf(p), t === "vertical" ? (i.style.top = e.offsetTop + p + "px", i.style.left = e.offsetLeft + l + "px") : (i.style.top = e.offsetTop + c + "px", i.style.left = e.offsetLeft + p + "px");
-}, ar = (e) => {
-  const t = ut(e), n = window.getComputedStyle(e), o = t === "horizontal", i = parseInt(n.paddingLeft), l = parseInt(n.paddingTop);
-  let c = o ? i : l;
-  re = [c], Array.from(e.children).forEach((s) => {
-    const d = window.getComputedStyle(s), p = parseInt(
-      o ? d.marginLeft + d.marginRight : d.marginTop + d.marginBottom
-    ), f = o ? s.offsetWidth : s.offsetHeight;
-    re.push(c + f + p), c += f + p;
+  pt = oe.indexOf(p), t === "vertical" ? (i.style.top = e.offsetTop + p + "px", i.style.left = e.offsetLeft + a + "px") : (i.style.top = e.offsetTop + d + "px", i.style.left = e.offsetLeft + p + "px");
+}, sr = (e) => {
+  const t = ft(e), n = window.getComputedStyle(e), s = t === "horizontal", i = parseInt(n.paddingLeft), a = parseInt(n.paddingTop);
+  let d = s ? i : a;
+  oe = [d], Array.from(e.children).forEach((o) => {
+    const c = window.getComputedStyle(o), p = parseInt(
+      s ? c.marginLeft + c.marginRight : c.marginTop + c.marginBottom
+    ), f = s ? o.offsetWidth : o.offsetHeight;
+    oe.push(d + f + p), d += f + p;
   });
 };
-function ut(e) {
+function ft(e) {
   const t = window.getComputedStyle(e).display, n = window.getComputedStyle(e).flexDirection;
   if (t === "flex")
     return n === "column" || n === "column-reverse" ? "vertical" : "horizontal";
   if (t === "grid") {
-    const o = window.getComputedStyle(e).gridTemplateRows, i = window.getComputedStyle(e).gridTemplateColumns;
-    if (o.includes("auto"))
+    const s = window.getComputedStyle(e).gridTemplateRows, i = window.getComputedStyle(e).gridTemplateColumns;
+    if (s.includes("auto"))
       return "vertical";
     if (i.includes("auto"))
       return "horizontal";
   }
   return t === "block" ? "vertical" : "horizontal";
 }
-const lr = Ke((e) => {
-  const t = e.target, n = ut(t);
+const ir = Je((e) => {
+  const t = e.target, n = ft(t);
   if (n === "vertical") {
-    const o = e.clientY - t.offsetTop;
-    Ue(t, n, o);
+    const s = e.clientY - t.offsetTop;
+    ze(t, n, s);
   } else {
-    const o = e.clientX - t.offsetLeft;
-    Ue(t, n, o);
+    const s = e.clientX - t.offsetLeft;
+    ze(t, n, s);
   }
-}, 200), cr = (e) => {
-  e.preventDefault(), e.stopPropagation(), lr(e);
+}, 200), ar = (e) => {
+  e.preventDefault(), e.stopPropagation(), ir(e);
 };
 function xe() {
   const e = Y == null ? void 0 : Y.getElementById("placeholder");
   e.style.display = "none";
 }
-const dr = () => {
-  const { document: e } = ue(), [t, n] = N(pn), o = Pn(), i = st("dnd"), [, l] = X(), [, c] = U();
+const lr = () => {
+  const { document: e } = ue(), [t, n] = F(pn), s = On(), i = st("dnd"), [, a] = Q(), [, d] = U();
   return Y = e, {
     isDragging: t,
     "data-dnd": "branch",
-    onDragOver: i ? cr : te,
-    onDrop: i ? (s) => {
+    onDragOver: i ? ar : te,
+    onDrop: i ? (o) => {
       ne == null || ne.classList.remove("outline", "outline-green-300", "outline-2", "-outline-offset-2");
-      const d = JSON.parse(s.dataTransfer.getData("text/plain"));
-      let p = s.target.getAttribute("data-block-id");
-      p === null && (p = s.target.parentElement.getAttribute("data-block-id")), o({ block: d, dropTargetId: p || null, relativeIndex: dt }), n(!1), xe(), setTimeout(() => {
+      const c = JSON.parse(o.dataTransfer.getData("text/plain"));
+      let p = o.target.getAttribute("data-block-id");
+      p === null && (p = o.target.parentElement.getAttribute("data-block-id")), s({ block: c, dropTargetId: p || null, relativeIndex: pt }), n(!1), xe(), setTimeout(() => {
         xe();
       }, 300);
     } : te,
-    onDragEnter: i ? (s) => {
-      const d = s;
-      ne = d.target, d.stopPropagation(), d.preventDefault(), re = [];
-      const p = d.target;
-      ar(p), p.classList.add("outline", "outline-green-300", "outline-2", "-outline-offset-2"), n(!0), l(""), c([]);
+    onDragEnter: i ? (o) => {
+      const c = o;
+      ne = c.target, c.stopPropagation(), c.preventDefault(), oe = [];
+      const p = c.target;
+      sr(p), p.classList.add("outline", "outline-green-300", "outline-2", "-outline-offset-2"), n(!0), a(""), d([]);
     } : te,
-    onDragLeave: i ? (s) => {
-      const d = s;
-      ne = null, d.stopPropagation(), d.preventDefault(), d.target.classList.remove("outline", "outline-green-300", "outline-2", "-outline-offset-2");
+    onDragLeave: i ? (o) => {
+      const c = o;
+      ne = null, c.stopPropagation(), c.preventDefault(), c.target.classList.remove("outline", "outline-green-300", "outline-2", "-outline-offset-2");
     } : te,
     onMouseOut: i ? () => {
       n(!1), xe();
@@ -1002,59 +1005,59 @@ const dr = () => {
 function Se(e) {
   return e.getAttribute("data-block-id") ? e : e.closest("[data-block-id]");
 }
-function ur(e) {
+function cr(e) {
   e.container.innerHTML = "", e.container.parentNode.removeChild(e.container);
   var t = document.querySelector(".ql-toolbar");
   t && t.parentNode.removeChild(t), e = null;
 }
-const pr = () => {
-  const e = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], t = fn(), [, n] = X(), [o, i] = N(G);
-  return (l) => {
+const dr = () => {
+  const e = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], t = fn(), [, n] = Q(), [s, i] = F(X);
+  return (a) => {
     var h;
-    if (o)
+    if (s)
       return;
-    const c = Se(l.target), s = c.getAttribute("data-block-type");
-    if (!s || !e.includes(s))
+    const d = Se(a.target), o = d.getAttribute("data-block-type");
+    if (!o || !e.includes(o))
       return;
-    const d = c.cloneNode(!0);
-    c.style.display = "none", Array.from(d.attributes).forEach((g) => {
-      g.name !== "class" && d.removeAttribute(g.name);
-    }), s === "Text" && (d.style.display = "inline-block"), c.parentNode.insertBefore(d, c.nextSibling);
-    const p = new An(d, { placeholder: "Type here..." });
+    const c = d.cloneNode(!0);
+    d.style.display = "none", Array.from(c.attributes).forEach((g) => {
+      g.name !== "class" && c.removeAttribute(g.name);
+    }), o === "Text" && (c.style.display = "inline-block"), d.parentNode.insertBefore(c, d.nextSibling);
+    const p = new Bn(c, { placeholder: "Type here..." });
     function f() {
       const g = p.getText(0, p.getLength());
-      t([c.getAttribute("data-block-id")], { content: g }), c.removeAttribute("style"), d.removeEventListener("blur", f, !0), ur(p), i(""), n("");
+      t([d.getAttribute("data-block-id")], { content: g }), d.removeAttribute("style"), c.removeEventListener("blur", f, !0), cr(p), i(""), n("");
     }
-    d.addEventListener("blur", f, !0), p.focus(), (h = d.querySelector(".ql-clipboard")) == null || h.remove(), i(c.getAttribute("data-block-id"));
+    c.addEventListener("blur", f, !0), p.focus(), (h = c.querySelector(".ql-clipboard")) == null || h.remove(), i(d.getAttribute("data-block-id"));
   };
-}, fr = () => {
-  const [, e] = Z(), [, t] = U(), [n] = N(G);
-  return (o) => {
+}, ur = () => {
+  const [, e] = Z(), [, t] = U(), [n] = F(X);
+  return (s) => {
     if (n)
       return;
-    o.stopPropagation();
-    const i = Se(o.target);
+    s.stopPropagation();
+    const i = Se(s.target);
     if (i != null && i.getAttribute("data-block-parent")) {
-      const l = i.getAttribute("data-style-prop"), c = i.getAttribute("data-style-id"), s = i.getAttribute("data-block-parent");
-      e([{ id: c, prop: l, blockId: s }]), t([s]);
+      const a = i.getAttribute("data-style-prop"), d = i.getAttribute("data-style-id"), o = i.getAttribute("data-block-parent");
+      e([{ id: d, prop: a, blockId: o }]), t([o]);
     } else
       i != null && i.getAttribute("data-block-id") && t([i.getAttribute("data-block-id")]);
   };
-}, hr = Ke((e, t) => {
+}, pr = Je((e, t) => {
   const n = Se(e.target);
   n != null && n.getAttribute("data-style-id") && t(n.getAttribute("data-style-id"));
-}, 100), gr = () => {
-  const [, e] = X(), [t] = N(G);
+}, 100), fr = () => {
+  const [, e] = Q(), [t] = F(X);
   return (n) => {
-    t || hr(n, e);
+    t || pr(n, e);
   };
-}, mr = ({ children: e }) => {
-  const { document: t } = ue(), [n] = U(), [o, i] = Z();
+}, hr = ({ children: e }) => {
+  const { document: t } = ue(), [n] = U(), [s, i] = Z();
   M(() => {
     setTimeout(() => {
-      if (!K(o))
+      if (!K(s))
         return;
-      const p = pt(t, ae(n));
+      const p = ht(t, ae(n));
       if (p) {
         const f = p.getAttribute("data-style-prop");
         if (f) {
@@ -1063,45 +1066,45 @@ const pr = () => {
         }
       }
     }, 100);
-  }, [t, n, i, o]);
-  const l = pr(), c = fr(), s = gr(), d = dr();
+  }, [t, n, i, s]);
+  const a = dr(), d = ur(), o = fr(), c = lr();
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       id: "canvas",
-      onClick: c,
-      onDoubleClick: l,
-      onMouseMove: s,
-      ...Et(d, "isDragging"),
-      className: "relative mb-5 max-w-full " + (d.isDragging ? "dragging" : ""),
+      onClick: d,
+      onDoubleClick: a,
+      onMouseMove: o,
+      ...Et(c, "isDragging"),
+      className: "relative mb-5 max-w-full " + (c.isDragging ? "dragging" : ""),
       children: e
     }
   );
-}, pt = (e, t) => e.querySelector(`[data-block-id="${t}"]`), yr = () => {
-  const { window: e } = ue(), [t, n] = U(), o = Ie(), [, i] = Z(), { undo: l, redo: c } = Ce(), s = Qe(), [, d] = hn(), [, p] = gn(), { pasteBlocks: f } = mn(), [, h] = Xe(), g = Ge(), { savePage: E } = yn(), [A] = N(G), [, b] = N(vn), S = (O) => {
+}, ht = (e, t) => e.querySelector(`[data-block-id="${t}"]`), gr = () => {
+  const { window: e } = ue(), [t, n] = U(), s = Ie(), [, i] = Z(), { undo: a, redo: d } = Te(), o = Xe(), [, c] = hn(), [, p] = gn(), { pasteBlocks: f } = mn(), [, h] = et(), g = tt(), { savePage: E } = yn(), [A] = F(X), [, b] = F(vn), S = (O) => {
     O.key === "Enter" && (O.preventDefault(), t.length === 1 && b(ae(t)));
-  }, B = (O) => {
-    const k = o.find((F) => F._id === O);
-    return k ? k._parent : null;
+  }, D = (O) => {
+    const w = s.find((N) => N._id === O);
+    return w ? w._parent : null;
   };
   return M(() => {
-    const O = (k) => {
-      if (k.key === "Escape") {
+    const O = (w) => {
+      if (w.key === "Escape") {
         n([]), i([]);
         return;
       }
-      if (S(k), !A && (k.key === "Delete" || k.key === "Backspace") && (k.preventDefault(), g(t)), k.ctrlKey || k.metaKey) {
-        if (k.key === "ArrowUp") {
-          k.preventDefault();
-          const F = t.length > 0 ? B(t[0]) : null;
-          F && n([F]);
+      if (S(w), !A && (w.key === "Delete" || w.key === "Backspace") && (w.preventDefault(), g(t)), w.ctrlKey || w.metaKey) {
+        if (w.key === "ArrowUp") {
+          w.preventDefault();
+          const N = t.length > 0 ? D(t[0]) : null;
+          N && n([N]);
         }
-        if (["z", "y", "d", "x", "c", "p", "s", "v"].includes(k.key)) {
-          if (A && ["x", "z", "v"].includes(k.key))
+        if (["z", "y", "d", "x", "c", "p", "s", "v"].includes(w.key)) {
+          if (A && ["x", "z", "v"].includes(w.key))
             return !0;
-          k.preventDefault();
+          w.preventDefault();
         }
-        k.key === "s" && (k.stopPropagation(), k.preventDefault(), E()), k.key === "z" && l(), k.key === "y" && c(), k.key === "d" && s(t), k.key === "x" && d(t), k.key === "c" && p(t), k.key === "v" && t.length > 0 && f(t[0]);
+        w.key === "s" && (w.stopPropagation(), w.preventDefault(), E()), w.key === "z" && a(), w.key === "y" && d(), w.key === "d" && o(t), w.key === "x" && c(t), w.key === "c" && p(t), w.key === "v" && t.length > 0 && f(t[0]);
       }
     };
     return e.removeEventListener("keydown", O), e.addEventListener("keydown", O), () => {
@@ -1110,28 +1113,28 @@ const pr = () => {
   }, [
     t,
     n,
-    l,
+    a,
     g,
     h,
-    c,
-    s,
     d,
+    o,
+    c,
     p,
     f,
     A,
     E,
     e
   ]), null;
-}, vr = ({ block: e, label: t }) => {
-  const [, n] = U(), [, o] = X(), [, i] = N(et), l = st("dnd");
+}, mr = ({ block: e, label: t }) => {
+  const [, n] = U(), [, s] = Q(), [, i] = F(nt), a = st("dnd");
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
       className: "mr-10 flex cursor-grab items-center space-x-1 px-1",
-      draggable: l ? "true" : "false",
-      onDragStart: (c) => {
-        c.dataTransfer.setData("text/plain", JSON.stringify(St(e, ["_id", "_type"]))), i(e._id), setTimeout(() => {
-          n([]), o(null);
+      draggable: a ? "true" : "false",
+      onDragStart: (d) => {
+        d.dataTransfer.setData("text/plain", JSON.stringify(St(e, ["_id", "_type"]))), i(e._id), setTimeout(() => {
+          n([]), s(null);
         }, 200);
       },
       children: [
@@ -1140,64 +1143,64 @@ const pr = () => {
       ]
     }
   );
-}, xr = ({ selectedBlockElement: e, block: t }) => {
-  const n = Ge(), o = Qe(), [, i] = U(), [, l] = Z(), [c] = N(G), { floatingStyles: s, refs: d, update: p } = Mn({
+}, yr = ({ selectedBlockElement: e, block: t }) => {
+  const n = tt(), s = Xe(), [, i] = U(), [, a] = Z(), [d] = F(X), { floatingStyles: o, refs: c, update: p } = Rn({
     placement: "top-start",
-    middleware: [Ln(), Rn()],
+    middleware: [Pn(), An()],
     elements: {
       reference: e
     }
   });
-  Nn(e, () => p(), e !== null);
-  const f = _(t, "_parent", null), h = K(_(t, "_name", "")) ? _(t, "_type", "") : _(t, "_name", "");
-  return !e || !t || c ? null : /* @__PURE__ */ r.jsxs(
+  Mn(e, () => p(), e !== null);
+  const f = B(t, "_parent", null), h = K(B(t, "_name", "")) ? B(t, "_type", "") : B(t, "_name", "");
+  return !e || !t || d ? null : /* @__PURE__ */ r.jsxs(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      ref: d.setFloating,
-      style: s,
+      ref: c.setFloating,
+      style: o,
       onClick: (g) => {
         g.stopPropagation(), g.preventDefault();
       },
       onKeyDown: (g) => g.stopPropagation(),
       className: "z-[99999] flex h-6 items-center bg-blue-500  py-2 text-xs text-white",
       children: [
-        /* @__PURE__ */ r.jsx(vr, { label: h, block: t }),
+        /* @__PURE__ */ r.jsx(mr, { label: h, block: t }),
         /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2 px-1 ", children: [
           f && /* @__PURE__ */ r.jsx(
             Ft,
             {
               className: "hover:scale-105 ",
               onClick: () => {
-                l([]), i([f]);
+                a([]), i([f]);
               }
             }
           ),
-          xn(_(t, "_type", "")) ? /* @__PURE__ */ r.jsx($t, { className: "hover:scale-105 ", onClick: () => o([t == null ? void 0 : t._id]) }) : null,
-          bn(_(t, "_type", "")) ? /* @__PURE__ */ r.jsx(Wt, { className: "hover:scale-105 ", onClick: () => n([t == null ? void 0 : t._id]) }) : null
+          xn(B(t, "_type", "")) ? /* @__PURE__ */ r.jsx(Wt, { className: "hover:scale-105 ", onClick: () => s([t == null ? void 0 : t._id]) }) : null,
+          bn(B(t, "_type", "")) ? /* @__PURE__ */ r.jsx($t, { className: "hover:scale-105 ", onClick: () => n([t == null ? void 0 : t._id]) }) : null
         ] })
       ]
     }
   );
-}, br = ({ model: e }) => {
-  const [t] = wn(), [n] = U(), [o] = Ve(), [i] = X(), [l] = Z(), [c] = N(et), { document: s, window: d } = ue(), [p] = q(s == null ? void 0 : s.getElementById("highlighted-block")), [f] = q(
-    s == null ? void 0 : s.getElementById("selected-block")
+}, vr = ({ model: e }) => {
+  const [t] = kn(), [n] = U(), [s] = Ze(), [i] = Q(), [a] = Z(), [d] = F(nt), { document: o, window: c } = ue(), [p] = q(o == null ? void 0 : o.getElementById("highlighted-block")), [f] = q(
+    o == null ? void 0 : o.getElementById("selected-block")
   ), [h] = q(
-    s == null ? void 0 : s.getElementById("selected-styling-block")
-  ), [g] = q(s == null ? void 0 : s.getElementById("dragged-block"));
+    o == null ? void 0 : o.getElementById("selected-styling-block")
+  ), [g] = q(o == null ? void 0 : o.getElementById("dragged-block"));
   M(() => {
-    o ? s == null || s.documentElement.classList.add("dark") : s == null || s.documentElement.classList.remove("dark");
-  }, [o, s]);
-  const E = _(t, "headingFont", "DM Sans"), A = _(t, "bodyFont", "DM Sans");
+    s ? o == null || o.documentElement.classList.add("dark") : o == null || o.documentElement.classList.remove("dark");
+  }, [s, o]);
+  const E = B(t, "headingFont", "DM Sans"), A = B(t, "bodyFont", "DM Sans");
   return M(() => {
-    const b = _(t, "primaryColor", "#000"), S = _(t, "secondaryColor", "#FFF"), B = Fn({
+    const b = B(t, "primaryColor", "#000"), S = B(t, "secondaryColor", "#FFF"), D = Ln({
       colors: [b, S],
       names: ["primary", "secondary"]
     });
-    B.primary.DEFAULT = b, B.secondary.DEFAULT = S;
-    const O = _(t, "roundedCorners", "0");
-    !d || !d.tailwind || (d.tailwind.config = {
+    D.primary.DEFAULT = b, D.secondary.DEFAULT = S;
+    const O = B(t, "roundedCorners", "0");
+    !c || !c.tailwind || (c.tailwind.config = {
       darkMode: "class",
       theme: {
         fontFamily: {
@@ -1208,43 +1211,43 @@ const pr = () => {
           borderRadius: {
             global: `${O || "0"}px`
           },
-          colors: B
+          colors: D
         }
       },
       plugins: [
         // @ts-ignore
-        d.tailwind.plugin.withOptions(({ prefix: k = "ui" } = {}) => ({ addVariant: F }) => {
-          for (const $ of ["open", "checked", "selected", "active", "disabled"])
-            F(`${k}-${$}`, [
-              `&[data-headlessui-state~="${$}"]`,
-              `:where([data-headlessui-state~="${$}"]) &`
-            ]), F(`${k}-not-${$}`, [
-              `&[data-headlessui-state]:not([data-headlessui-state~="${$}"])`,
-              `:where([data-headlessui-state]:not([data-headlessui-state~="${$}"])) &:not([data-headlessui-state])`
+        c.tailwind.plugin.withOptions(({ prefix: w = "ui" } = {}) => ({ addVariant: N }) => {
+          for (const W of ["open", "checked", "selected", "active", "disabled"])
+            N(`${w}-${W}`, [
+              `&[data-headlessui-state~="${W}"]`,
+              `:where([data-headlessui-state~="${W}"]) &`
+            ]), N(`${w}-not-${W}`, [
+              `&[data-headlessui-state]:not([data-headlessui-state~="${W}"])`,
+              `:where([data-headlessui-state]:not([data-headlessui-state~="${W}"])) &:not([data-headlessui-state])`
             ]);
         })
       ]
     });
-  }, [t, d, E, A]), M(() => {
-    f && (f.textContent = `${ie(n, (b) => `[data-block-id="${b}"]`).join(",")}{
+  }, [t, c, E, A]), M(() => {
+    f && (f.textContent = `${re(n, (b) => `[data-block-id="${b}"]`).join(",")}{
                 outline: 1px solid ${n.length === 1 ? "#42a1fc" : "orange"} !important; outline-offset: -1px;
             }`);
   }, [n, f]), M(() => {
-    if (!c) {
+    if (!d) {
       g.textContent = "";
       return;
     }
-    g.textContent = `[data-block-id="${c}"]{ pointer-events: none !important; opacity: 0.2 !important}`;
-  }, [c]), M(() => {
+    g.textContent = `[data-block-id="${d}"]{ pointer-events: none !important; opacity: 0.2 !important}`;
+  }, [d]), M(() => {
     p && (p.textContent = i ? `[data-style-id="${i}"]{ outline: 1px solid #42a1fc !important; outline-offset: -1px;}` : "");
   }, [i, n, p]), M(() => {
-    h && (h.textContent = `${ie(l, ({ id: b }) => `[data-style-id="${b}"]`).join(",")}{
+    h && (h.textContent = `${re(a, ({ id: b }) => `[data-style-id="${b}"]`).join(",")}{
                 outline: 1px solid #42a1fc !important; outline-offset: -1px;
             }`);
-  }, [l, h]), M(() => {
-    const b = _(t, "bodyTextLightColor", "#64748b"), S = _(t, "bodyTextDarkColor", "#94a3b8"), B = _(t, "bodyBgLightColor", "#FFFFFF"), O = _(t, "bodyBgDarkColor", "#0f172a");
-    s.body.className = `font-body antialiased text-[${b}] bg-[${B}] dark:text-[${S}] dark:bg-[${O}]`;
-  }, [t, s, e]), e === "page" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  }, [a, h]), M(() => {
+    const b = B(t, "bodyTextLightColor", "#64748b"), S = B(t, "bodyTextDarkColor", "#94a3b8"), D = B(t, "bodyBgLightColor", "#FFFFFF"), O = B(t, "bodyBgDarkColor", "#0f172a");
+    o.body.className = `font-body antialiased text-[${b}] bg-[${D}] dark:text-[${S}] dark:bg-[${O}]`;
+  }, [t, o, e]), e === "page" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     E && /* @__PURE__ */ r.jsx(
       "link",
       {
@@ -1273,135 +1276,135 @@ const pr = () => {
     ),
     E && /* @__PURE__ */ r.jsx("style", { children: `h1,h2,h3,h4,h5,h6{font-family: "${E}",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;
-}, wr = (e) => {
+}, xr = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => {
-    je(e[n]) && e[n].startsWith(Re) && (t[n] = e[n].replace(Re, "").split(","));
+    je(e[n]) && e[n].startsWith(Me) && (t[n] = e[n].replace(Me, "").split(","));
   }), t;
-}, kr = Bt((e) => {
-  const t = e.replace(nt, "").split(",");
-  return Wn(t[0], t[1]);
+}, br = Dt((e) => {
+  const t = e.replace(it, "").split(",");
+  return Fn(t[0], t[1]);
 });
-function jr(e, t) {
-  return _(e, `${t}_attrs`, {});
+function kr(e, t) {
+  return B(e, `${t}_attrs`, {});
 }
-function Cr(e) {
+function wr(e) {
   const t = {};
   return Object.keys(e).forEach((n) => {
-    if (je(e[n]) && e[n].startsWith(nt)) {
-      const o = kr(e[n]);
+    if (je(e[n]) && e[n].startsWith(it)) {
+      const s = br(e[n]);
       t[n] = {
-        className: o,
+        className: s,
         "data-style-prop": n,
         "data-block-parent": e._id,
         "data-style-id": `${n}-${e._id}`,
-        ...jr(e, n)
+        ...kr(e, n)
       };
     }
   }), t;
 }
-function Tr(e, t) {
-  const n = _(e, "_bindings", {});
-  return K(n) ? { ...e } : (Dt(n, (o, i) => {
-    je(o) && _(t, o, null) && (e[i] = _(t, o, null));
+function jr(e, t) {
+  const n = B(e, "_bindings", {});
+  return K(n) ? { ...e } : (_t(n, (s, i) => {
+    je(s) && B(t, s, null) && (e[i] = B(t, s, null));
   }), e);
 }
-function we({ blocks: e }) {
-  const t = Ie(), n = ke((l) => Cr(l), []), [o] = Dn(), [i] = kn(G);
+function ke({ blocks: e }) {
+  const t = Ie(), n = we((a) => wr(a), []), [s] = Sn(), [i] = wn(X);
   return /* @__PURE__ */ r.jsx(r.Fragment, { children: V.Children.toArray(
-    e.map((l, c) => {
-      if (i === l._id)
+    e.map((a, d) => {
+      if (i === a._id)
         return null;
-      const s = wr(l), d = {};
-      K(s) || Object.keys(s).forEach((g) => {
-        d[g] = V.Children.toArray(
-          s[g].map((E) => /* @__PURE__ */ r.jsx(we, { blocks: [_t(t, { _id: E })] }))
+      const o = xr(a), c = {};
+      K(o) || Object.keys(o).forEach((g) => {
+        c[g] = V.Children.toArray(
+          o[g].map((E) => /* @__PURE__ */ r.jsx(ke, { blocks: [Bt(t, { _id: E })] }))
         );
       });
-      const p = Je(t, { _parent: l._id });
-      d.children = p.length ? /* @__PURE__ */ r.jsx(we, { blocks: p }) : null;
-      const f = Hn(l._type), h = _(f, "component", null);
-      return Ot(h) ? /* @__PURE__ */ r.jsx("noscript", { children: `<!-- ${l == null ? void 0 : l._type} not registered -->` }) : /* @__PURE__ */ r.jsx(Ye, { children: V.createElement(h, {
+      const p = Ve(t, { _parent: a._id });
+      c.children = p.length ? /* @__PURE__ */ r.jsx(ke, { blocks: p }) : null;
+      const f = Wn(a._type), h = B(f, "component", null);
+      return Ot(h) ? /* @__PURE__ */ r.jsx("noscript", { children: `<!-- ${a == null ? void 0 : a._type} not registered -->` }) : /* @__PURE__ */ r.jsx(Ke, { children: V.createElement(h, {
         blockProps: {
-          "data-block-id": l._id,
-          "data-block-type": l._type,
-          "data-dnd": jn(l._type) ? "branch" : "leaf"
+          "data-block-id": a._id,
+          "data-block-type": a._type,
+          "data-dnd": jn(a._type) ? "branch" : "leaf"
         },
         inBuilder: !0,
-        index: c,
-        ...Tr(l, o),
-        ...n(l),
-        ...d
+        index: d,
+        ...jr(a, s),
+        ...n(a),
+        ...c
       }) });
     })
   ) });
 }
-const Ir = () => {
+const Tr = () => {
   const e = Ie();
-  return /* @__PURE__ */ r.jsx($n, { children: K(e) ? null : /* @__PURE__ */ r.jsx(_n, { children: /* @__PURE__ */ r.jsx(we, { blocks: Je(e, (t) => K(t._parent)) }) }) });
-}, Er = (e, t) => e.querySelector(`[data-style-id="${t}"]`), Sr = () => {
-  const [e] = N(Cn), [t] = Xe(), [n] = Te(), [, o] = U(), i = Tn(), [, l] = X(), c = De(null), s = De(null), [d, p] = q({ width: 0, height: 0 }), f = Zn(d), [h, g] = q(0), [E, A] = q([]), [, b] = q([]), [, S] = N(In), [B, O] = Z(), k = En("loadingCanvas", !1);
+  return /* @__PURE__ */ r.jsx(Nn, { children: K(e) ? null : /* @__PURE__ */ r.jsx(Dn, { children: /* @__PURE__ */ r.jsx(ke, { blocks: Ve(e, (t) => K(t._parent)) }) }) });
+}, Cr = (e, t) => e.querySelector(`[data-style-id="${t}"]`), Ir = () => {
+  const [e] = F(Tn), [t] = et(), [n] = Ce(), [, s] = U(), i = Cn(), [, a] = Q(), d = Be(null), o = Be(null), [c, p] = q({ width: 0, height: 0 }), f = Jn(c), [h, g] = q(0), [E, A] = q([]), [, b] = q([]), [, S] = F(In), [D, O] = Z(), w = Ge("loadingCanvas", !1);
   M(() => {
-    const { clientWidth: D, clientHeight: W } = s.current;
-    p({ width: D, height: W }), h === 0 && g(D);
-  }, [s, n, h]);
-  const F = (D, W = 0) => {
-    const { top: H } = D.getBoundingClientRect();
-    return H + W >= 0 && H - W <= window.innerHeight;
+    const { clientWidth: _, clientHeight: $ } = o.current;
+    p({ width: _, height: $ }), h === 0 && g(_);
+  }, [o, n, h]);
+  const N = (_, $ = 0) => {
+    const { top: H } = _.getBoundingClientRect();
+    return H + $ >= 0 && H - $ <= window.innerHeight;
   };
   M(() => {
-    var D, W;
-    if (i && i.type !== "Multiple" && c.current) {
-      const H = pt(c.current.contentDocument, i._id);
-      H && (F(H) || (W = (D = c.current) == null ? void 0 : D.contentWindow) == null || W.scrollTo({ top: H.offsetTop, behavior: "smooth" }), A([H]));
+    var _, $;
+    if (i && i.type !== "Multiple" && d.current) {
+      const H = ht(d.current.contentDocument, i._id);
+      H && (N(H) || ($ = (_ = d.current) == null ? void 0 : _.contentWindow) == null || $.scrollTo({ top: H.offsetTop, behavior: "smooth" }), A([H]));
     }
   }, [i]), M(() => {
-    if (!K(B) && c.current) {
-      const D = Er(
-        c.current.contentDocument,
-        ae(B).id
+    if (!K(D) && d.current) {
+      const _ = Cr(
+        d.current.contentDocument,
+        ae(D).id
       );
-      b(D ? [D] : [null]);
+      b(_ ? [_] : [null]);
     } else
       b([null]);
-  }, [B]);
-  const $ = Ct(() => {
-    let D = Vn;
-    return e === "offline" && (D = D.replace(
+  }, [D]);
+  const W = Ct(() => {
+    let _ = Kn;
+    return e === "offline" && (_ = _.replace(
       "https://old.chaibuilder.com/offline/tailwind.cdn.js",
       "/offline/tailwind.cdn.js"
-    ), D = D.replace("https://unpkg.com/aos@next/dist/aos.css", "/offline/aos.css"), D = D.replace("https://unpkg.com/aos@next/dist/aos.js", "/offline/aos.js")), D;
+    ), _ = _.replace("https://unpkg.com/aos@next/dist/aos.css", "/offline/aos.css"), _ = _.replace("https://unpkg.com/aos@next/dist/aos.js", "/offline/aos.js")), _;
   }, [e]);
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       onClick: () => {
-        o([]), O([]);
+        s([]), O([]);
       },
-      onMouseLeave: () => setTimeout(() => l(""), 300),
+      onMouseLeave: () => setTimeout(() => a(""), 300),
       className: "relative mx-auto overflow-hidden h-full w-full",
       style: h > 0 && !K(f) ? { width: t ? "100%" : h } : {},
-      ref: s,
+      ref: o,
       children: /* @__PURE__ */ r.jsxs(
-        or,
+        rr,
         {
-          contentDidMount: () => S(c.current),
-          ref: c,
+          contentDidMount: () => S(d.current),
+          ref: d,
           id: "canvas-iframe",
           style: { width: `${n}px`, ...f },
           className: "relative mx-auto box-content h-full max-w-full shadow-lg transition-all duration-300 ease-linear",
-          initialContent: $,
+          initialContent: W,
           children: [
-            /* @__PURE__ */ r.jsx(yr, {}),
+            /* @__PURE__ */ r.jsx(gr, {}),
             /* @__PURE__ */ r.jsx(
-              xr,
+              yr,
               {
                 block: i,
                 selectedBlockElement: ae(E)
               }
             ),
-            /* @__PURE__ */ r.jsx(br, { model: "page" }),
-            /* @__PURE__ */ r.jsx(mr, { children: k ? /* @__PURE__ */ r.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ r.jsx(tt, { className: "h-full" }) }) : /* @__PURE__ */ r.jsx(Ir, {}) }),
+            /* @__PURE__ */ r.jsx(vr, { model: "page" }),
+            /* @__PURE__ */ r.jsx(hr, { children: w ? /* @__PURE__ */ r.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ r.jsx(rt, { className: "h-full" }) }) : /* @__PURE__ */ r.jsx(Tr, {}) }),
             /* @__PURE__ */ r.jsx("br", {}),
             /* @__PURE__ */ r.jsx("div", { id: "placeholder", className: "absolute bg-green-500 z-[99999] max-w-full transition-transform" })
           ]
@@ -1409,30 +1412,10 @@ const Ir = () => {
       )
     }
   );
-}, Br = Tt(() => import("./AddBlocks-1DrS62uN.js")), As = () => {
-  const [e, t] = N(Sn);
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex h-full w-full flex-col", children: [
-    /* @__PURE__ */ r.jsx(Jn, {}),
-    /* @__PURE__ */ r.jsxs("div", { className: "relative h-full overflow-hidden bg-slate-800/90 px-2 bg-[linear-gradient(to_right,#222_0.5px,transparent_0.5px),linear-gradient(to_bottom,#222_0.5px,transparent_0.5px)] bg-[size:12px_12px]", children: [
-      /* @__PURE__ */ r.jsx(Ye, { fallback: /* @__PURE__ */ r.jsx(tt, { className: "h-full" }), children: /* @__PURE__ */ r.jsx(On, { children: /* @__PURE__ */ r.jsx(Sr, {}) }) }),
-      e ? /* @__PURE__ */ r.jsx(
-        "div",
-        {
-          onClick: () => t(!1),
-          className: "absolute inset-0 z-50 flex items-center bg-black/30 backdrop-blur-sm",
-          children: /* @__PURE__ */ r.jsx(
-            "div",
-            {
-              onClick: (n) => n.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__ */ r.jsx(Br, {})
-            }
-          )
-        }
-      ) : null
-    ] })
-  ] });
-};
+}, Ro = () => /* @__PURE__ */ r.jsxs("div", { className: "flex h-full w-full flex-col", children: [
+  /* @__PURE__ */ r.jsx(Yn, {}),
+  /* @__PURE__ */ r.jsx("div", { className: "relative h-full overflow-hidden bg-slate-800/90 px-2 bg-[linear-gradient(to_right,#222_0.5px,transparent_0.5px),linear-gradient(to_bottom,#222_0.5px,transparent_0.5px)] bg-[size:12px_12px]", children: /* @__PURE__ */ r.jsx(Ke, { fallback: /* @__PURE__ */ r.jsx(rt, { className: "h-full" }), children: /* @__PURE__ */ r.jsx(_n, { children: /* @__PURE__ */ r.jsx(Ir, {}) }) }) })
+] });
 export {
-  As as default
+  Ro as default
 };