@chaibuilder/sdk 1.0.13 → 1.0.15

package/dist/{CanvasArea-zn2ox-5h.js → CanvasArea-cky_d2Lu.js}

@@ -1,80 +1,77 @@
-var ut = Object.defineProperty;
-var pt = (n, t, r) => t in n ? ut(n, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[t] = r;
-var U = (n, t, r) => (pt(n, typeof t != "symbol" ? t + "" : t, r), r);
-import { j as e } from "./jsx-runtime-Sp0orL4X.js";
-import z, { useMemo as Me, useEffect as R, createElement as ft, useCallback as V, useState as $, Component as Ne, Children as ht, Suspense as Le, useRef as we, lazy as mt } from "react";
-import { each as ue, find as Fe, map as Q, includes as ke, toUpper as se, round as yt, isEmpty as q, first as ee, get as A, memoize as gt, filter as We, isNull as vt, isString as me } from "lodash";
-import { ResetIcon as Ce, DotsVerticalIcon as xt, MobileIcon as Te, LaptopIcon as bt, DesktopIcon as jt, EraserIcon as wt, ZoomInIcon as kt, ArrowUpIcon as Ct, CopyIcon as Tt, TrashIcon as Et, DragHandleDots2Icon as St } from "@radix-ui/react-icons";
-import { B as te, u as Dt, S as $e } from "./skeleton-CU_FIbg3.js";
-import { t as Ot, a as ye, s as It, l as H, q as K, y as qe, e as Ue, d as At, b as Bt, h as Pt, i as ze, k as He, p as Rt, z as _t, A as Mt, j as Nt, g as ge, B as Lt, m as Ft, D as Wt, x as $t, E as qt } from "./ChaiBuilderEditor-hEuUONQ3.js";
-import { useTranslation as Ke } from "react-i18next";
-import { S as G } from "./separator-SctTn0Qi.js";
-import { a as Ye, u as ve } from "./useDarkMode-ZKCO_gkt.js";
-import { S as Ut, D as zt, c as Ht, d as Kt, h as Yt, i as Vt, f as Xt, H as Jt, a as Zt, b as Gt } from "./dropdown-menu-S03K_fNs.js";
-import { L as Qt } from "./label-KaP7MRrs.js";
-import { b as en, u as tn, a as Ve } from "./useFeatureSupport-OLwNgEZb.js";
-import { A as nn, a as rn, b as sn, c as on, e as an, f as ln, d as cn, h as dn, g as un } from "./alert-dialog-GNfnpqFB.js";
+var at = Object.defineProperty;
+var lt = (n, t, r) => t in n ? at(n, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[t] = r;
+var q = (n, t, r) => (lt(n, typeof t != "symbol" ? t + "" : t, r), r);
+import { j as e } from "./jsx-runtime-qAwJ85SY.js";
+import z, { createElement as ct, useCallback as V, useState as F, useEffect as _, Component as _e, Children as dt, Suspense as Me, useRef as je, useMemo as ut, lazy as pt } from "react";
+import { map as Q, includes as we, toUpper as oe, round as ft, isEmpty as U, first as ee, get as A, isString as he, memoize as ht, each as mt, find as yt, filter as Ne, isNull as gt } from "lodash";
+import { ResetIcon as ke, MobileIcon as Ce, LaptopIcon as vt, DesktopIcon as xt, DotsVerticalIcon as bt, EraserIcon as jt, ZoomInIcon as wt, DragHandleDots2Icon as kt, ArrowUpIcon as Ct, CopyIcon as Tt, TrashIcon as Et } from "@radix-ui/react-icons";
+import { p as me, B as te, W as Le, aM as St, aN as Ot, aO as Dt, aP as It, aQ as At, R as ye, ai as Bt, aR as Pt, aS as Rt, aT as _t, aU as Mt, aV as Nt, aW as Lt, w as Wt, j as H, aj as Y, D as $t, E as Ft, F as Ut, G as qt, H as zt, I as Ht, J as Yt, K as Kt, at as Vt, L as Xt, U as We, aL as G, m as $e, n as Jt, k as Zt, o as Gt, h as Fe, l as Ue, ag as Qt, aX as en, aY as tn, aZ as nn, a_ as rn, x as sn, _ as ge, ae as qe, a$ as on, a6 as an, b0 as ln, i as cn, S as ze, aA as dn } from "./index-2EHcmZqL.js";
+import { useTranslation as He } from "react-i18next";
 import { useAtom as J } from "jotai";
-import { flip as pn } from "@floating-ui/dom";
-import { useFloating as fn, shift as hn } from "@floating-ui/react-dom";
-import { useDrag as mn } from "react-dnd";
-import { c as yn, a as gn, u as Xe } from "./useAllBlocks-PQKYvs-e.js";
-import { useResizeObserver as vn } from "@react-hookz/web";
-import { tailwindcssPaletteGenerator as xn } from "@bobthered/tailwindcss-palette-generator";
-import { Provider as bn } from "react-wrap-balancer";
-import { twMerge as jn } from "tailwind-merge";
-import { g as wn, S as Je, a as Ee } from "./MODIFIERS-DsEzQ3aH.js";
-import { A as kn, h as Cn } from "./index-ehKdBRUK.js";
-import { u as Ze } from "./useChaiExternalData-4K9WxANa.js";
-import Se from "react-dom";
-import "@radix-ui/react-slot";
+import Te from "react-dom";
+import { g as un, S as Ee, a as Ye } from "./Class-nQk08vqd.js";
+import { r as Ke, u as pn, B as fn, E as hn } from "./index-cU5eyVRU.js";
+import { flip as mn } from "@floating-ui/dom";
+import { useFloating as yn, shift as gn } from "@floating-ui/react-dom";
+import { useDrag as vn } from "react-dnd";
+import { useResizeObserver as xn } from "@react-hookz/web";
+import { tailwindcssPaletteGenerator as bn } from "@bobthered/tailwindcss-palette-generator";
+import { Provider as jn } from "react-wrap-balancer";
+import { twMerge as wn } from "tailwind-merge";
+import { h as kn } from "./index-gmZcUXyn.js";
+import "@radix-ui/react-toggle";
 import "class-variance-authority";
-import "./utils-dze1SGvB.js";
-import "clsx";
+import "@radix-ui/react-switch";
+import "@radix-ui/react-slot";
+import "@radix-ui/react-accordion";
+import "@radix-ui/react-alert-dialog";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-label";
+import "@radix-ui/react-scroll-area";
+import "@radix-ui/react-tabs";
 import "@radix-ui/react-tooltip";
+import "@radix-ui/react-popover";
+import "@radix-ui/react-menubar";
+import "@radix-ui/react-hover-card";
+import "@radix-ui/react-select";
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-separator";
 import "@radix-ui/react-toast";
-import "@radix-ui/react-scroll-area";
+import "cmdk";
+import "@radix-ui/react-context-menu";
+import "react-icons-picker";
+import "react-quill";
+import "flat-to-nested";
+import "redux-undo";
+import "clsx";
 import "i18next";
+import "./index-RVm8Txnj.js";
+import "./lib.js";
+import "himalaya";
+import "@mhsdesign/jit-browser-tailwindcss";
+import "@tailwindcss/forms";
+import "@tailwindcss/typography";
+import "@tailwindcss/aspect-ratio";
+import "@tailwindcss/line-clamp";
+import "react-textarea-autosize";
 import "flagged";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
-import "flat-to-nested";
-import "./functions-pcUZhFJM.js";
-import "redux-undo";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-switch";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-label";
-import "@radix-ui/react-alert-dialog";
-const Tn = () => Me(() => kn(), []), En = ({ children: n }) => {
-  const [, t] = Ze(), [r] = Ot(), a = Tn();
-  return R(() => (t({}), ue(r, (c) => {
-    const s = Fe(a, { providerKey: c.providerKey });
-    if (s) {
-      const i = (s == null ? void 0 : s.mockFn) || (s == null ? void 0 : s.dataFn);
-      i && i(c.args).then(
-        (d) => t((y) => ({ ...y, [c.providerKey]: d }))
-      );
-    }
-  }), () => {
-    ue(r, (c) => {
-      t((s) => (delete s[c.providerKey], s));
-    });
-  }), [a, r, t]), /* @__PURE__ */ e.jsx(e.Fragment, { children: n });
-}, Sn = () => {
-  const { undoCount: n, redoCount: t, undo: r, redo: a } = ye();
+import "sonner";
+import "lucide-react";
+const Cn = () => {
+  const { undoCount: n, redoCount: t, undo: r, redo: a } = me();
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ e.jsx(te, { disabled: !n, size: "sm", onClick: r, className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ e.jsx(Ce, {}) }),
-    /* @__PURE__ */ e.jsx(te, { disabled: !t, onClick: a, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ e.jsx(Ce, { className: "rotate-180 scale-y-[-1] transform" }) })
+    /* @__PURE__ */ e.jsx(te, { disabled: !n, size: "sm", onClick: r, className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ e.jsx(ke, {}) }),
+    /* @__PURE__ */ e.jsx(te, { disabled: !t, onClick: a, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ e.jsx(ke, { className: "rotate-180 scale-y-[-1] transform" }) })
   ] });
 };
-function Dn() {
-  const [n, t] = Ye(), { t: r } = Ke();
+function Tn() {
+  const [n, t] = Le(), { t: r } = He();
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ e.jsx(Qt, { htmlFor: "dark-mode-switch", children: r("dark_mode") }),
+    /* @__PURE__ */ e.jsx(St, { htmlFor: "dark-mode-switch", children: r("dark_mode") }),
     /* @__PURE__ */ e.jsxs(
-      Ut,
+      Ot,
       {
         id: "dark-mode-switch",
         checked: n,
@@ -98,7 +95,7 @@ function Dn() {
     )
   ] });
 }
-const De = ({ landscape: n = !1 }) => /* @__PURE__ */ e.jsxs(
+const Se = ({ landscape: n = !1 }) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     className: n ? "rotate-90" : "",
@@ -126,140 +123,140 @@ const De = ({ landscape: n = !1 }) => /* @__PURE__ */ e.jsxs(
     title: "Mobile (XS)",
     content: "Styles set here are applied to all screen unless edited at higher breakpoint",
     breakpoint: "xs",
-    icon: /* @__PURE__ */ e.jsx(Te, {}),
+    icon: /* @__PURE__ */ e.jsx(Ce, {}),
     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__ */ e.jsx(Te, { className: "rotate-90" }),
+    icon: /* @__PURE__ */ e.jsx(Ce, { className: "rotate-90" }),
     width: 640
   },
   {
     title: "Tablet (MD)",
     content: "Styles set here are applied at 768px and up",
     breakpoint: "md",
-    icon: /* @__PURE__ */ e.jsx(De, {}),
+    icon: /* @__PURE__ */ e.jsx(Se, {}),
     width: 800
   },
   {
     title: "Tablet Landscape (LG)",
     content: "Styles set here are applied at 1024px and up unless edited at higher breakpoint",
     breakpoint: "lg",
-    icon: /* @__PURE__ */ e.jsx(De, { landscape: !0 }),
+    icon: /* @__PURE__ */ e.jsx(Se, { landscape: !0 }),
     width: 1024
   },
   {
     title: "Desktop (XL)",
     content: "Styles set here are applied at 1280px and up unless edited at higher breakpoint",
     breakpoint: "xl",
-    icon: /* @__PURE__ */ e.jsx(bt, {}),
+    icon: /* @__PURE__ */ e.jsx(vt, {}),
     width: 1420
   },
   {
     title: "Large Desktop (2XL)",
     content: "Styles set here are applied at 1536px and up",
     breakpoint: "2xl",
-    icon: /* @__PURE__ */ e.jsx(jt, {}),
+    icon: /* @__PURE__ */ e.jsx(xt, {}),
     width: 1920
   }
-], On = ({
+], En = ({
   title: n,
   content: t,
   currentBreakpoint: r,
   breakpoint: a,
   width: c,
-  icon: s,
+  icon: o,
   onClick: i
-}) => /* @__PURE__ */ e.jsxs(Jt, { children: [
-  /* @__PURE__ */ e.jsx(Zt, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+}) => /* @__PURE__ */ e.jsxs(Dt, { children: [
+  /* @__PURE__ */ e.jsx(It, { asChild: !0, children: /* @__PURE__ */ e.jsx(
     te,
     {
       onClick: () => i(c),
       size: "sm",
       variant: a === r ? "secondary" : "ghost",
-      children: s
+      children: o
     }
   ) }),
-  /* @__PURE__ */ e.jsx(Gt, { className: "w-52 border-border", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
+  /* @__PURE__ */ e.jsx(At, { className: "w-52 border-border", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
     /* @__PURE__ */ e.jsx("h4", { className: "text-sm font-semibold", children: n }),
     /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: t })
   ] }) }) })
-] }), In = () => {
-  const [, n, t] = ve(), [r, a] = en(), c = (s) => {
-    r.includes(s) ? r.length > 2 && a(r.filter((i) => i !== s)) : a((i) => [...i, s]);
+] }), Sn = () => {
+  const [, n, t] = ye(), [r, a] = Bt(), c = (o) => {
+    r.includes(o) ? r.length > 2 && a(r.filter((i) => i !== o)) : a((i) => [...i, o]);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center rounded-md", children: [
     Q(
-      Oe.filter((s) => ke(r, se(s.breakpoint))),
-      (s) => /* @__PURE__ */ ft(On, { ...s, onClick: t, key: s.breakpoint, currentBreakpoint: n })
+      Oe.filter((o) => we(r, oe(o.breakpoint))),
+      (o) => /* @__PURE__ */ ct(En, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: n })
     ),
-    /* @__PURE__ */ e.jsxs(zt, { children: [
-      /* @__PURE__ */ e.jsx(Ht, { asChild: !0, children: /* @__PURE__ */ e.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ e.jsx(xt, { className: "scale-90 transform" }) }) }),
-      /* @__PURE__ */ e.jsxs(Kt, { className: "w-56 border-border text-xs", children: [
-        /* @__PURE__ */ e.jsx(Yt, { children: "Breakpoints" }),
-        /* @__PURE__ */ e.jsx(Vt, {}),
-        Q(Oe, (s) => /* @__PURE__ */ e.jsx(
-          Xt,
+    /* @__PURE__ */ e.jsxs(Pt, { children: [
+      /* @__PURE__ */ e.jsx(Rt, { asChild: !0, children: /* @__PURE__ */ e.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ e.jsx(bt, { className: "scale-90 transform" }) }) }),
+      /* @__PURE__ */ e.jsxs(_t, { className: "w-56 border-border text-xs", children: [
+        /* @__PURE__ */ e.jsx(Mt, { children: "Breakpoints" }),
+        /* @__PURE__ */ e.jsx(Nt, {}),
+        Q(Oe, (o) => /* @__PURE__ */ e.jsx(
+          Lt,
           {
-            disabled: s.breakpoint === "xs",
-            onCheckedChange: () => c(se(s.breakpoint)),
-            checked: ke(r, se(s.breakpoint)),
-            children: s.title
+            disabled: o.breakpoint === "xs",
+            onCheckedChange: () => c(oe(o.breakpoint)),
+            checked: we(r, oe(o.breakpoint)),
+            children: o.title
           },
-          s.breakpoint
+          o.breakpoint
         ))
       ] })
     ] })
   ] });
-}, An = () => {
-  const [n] = It(), { createSnapshot: t } = ye(), [, r] = H(), [, a] = K(), c = V(() => {
+}, On = () => {
+  const [n] = Wt(), { createSnapshot: t } = me(), [, r] = H(), [, a] = Y(), c = V(() => {
     n([]), r([]), a([]), t();
   }, [n, t]);
-  return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(nn, { children: [
-    /* @__PURE__ */ e.jsx(rn, { asChild: !0, children: /* @__PURE__ */ e.jsxs(te, { size: "sm", variant: "ghost", className: "flex items-center gap-x-1", children: [
-      /* @__PURE__ */ e.jsx(wt, {}),
+  return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs($t, { children: [
+    /* @__PURE__ */ e.jsx(Ft, { asChild: !0, children: /* @__PURE__ */ e.jsxs(te, { size: "sm", variant: "ghost", className: "flex items-center gap-x-1", children: [
+      /* @__PURE__ */ e.jsx(jt, {}),
       " Clear"
     ] }) }),
-    /* @__PURE__ */ e.jsxs(sn, { className: "border-border", children: [
-      /* @__PURE__ */ e.jsxs(on, { children: [
-        /* @__PURE__ */ e.jsx(an, { children: "Clear whole canvas?" }),
-        /* @__PURE__ */ e.jsx(ln, { children: "Are you sure you want to clear the whole canvas?" })
+    /* @__PURE__ */ e.jsxs(Ut, { className: "border-border", children: [
+      /* @__PURE__ */ e.jsxs(qt, { children: [
+        /* @__PURE__ */ e.jsx(zt, { children: "Clear whole canvas?" }),
+        /* @__PURE__ */ e.jsx(Ht, { children: "Are you sure you want to clear the whole canvas?" })
       ] }),
-      /* @__PURE__ */ e.jsxs(cn, { children: [
-        /* @__PURE__ */ e.jsx(dn, { children: "Cancel" }),
-        /* @__PURE__ */ e.jsx(un, { onClick: c, children: "Yes" })
+      /* @__PURE__ */ e.jsxs(Yt, { children: [
+        /* @__PURE__ */ e.jsx(Kt, { children: "Cancel" }),
+        /* @__PURE__ */ e.jsx(Vt, { onClick: c, children: "Yes" })
       ] })
     ] })
   ] }) });
-}, Bn = () => {
-  const n = tn("darkMode", !1), [t] = Ve();
+}, Dn = () => {
+  const n = Xt("darkMode", !1), [t] = We();
   return /* @__PURE__ */ e.jsxs("div", { className: "flex h-10 items-center justify-between border-b bg-background/70 px-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex h-full space-x-2", children: [
       n ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(Dn, {}),
+        /* @__PURE__ */ e.jsx(Tn, {}),
         /* @__PURE__ */ e.jsx(G, { orientation: "vertical" })
       ] }) : null,
-      /* @__PURE__ */ e.jsx(In, {}),
+      /* @__PURE__ */ e.jsx(Sn, {}),
       /* @__PURE__ */ e.jsx(G, { orientation: "vertical" }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex w-12 items-center justify-center gap-x-1 space-x-0 font-medium", children: [
-        /* @__PURE__ */ e.jsx(kt, { className: "h-3.5 w-3.5 flex-shrink-0" }),
+        /* @__PURE__ */ e.jsx(wt, { className: "h-3.5 w-3.5 flex-shrink-0" }),
         " ",
         /* @__PURE__ */ e.jsxs("div", { className: "text-xs leading-3", children: [
-          yt(t, 0),
+          ft(t, 0),
           "%"
         ] })
       ] }),
       /* @__PURE__ */ e.jsx(G, { orientation: "vertical" }),
-      /* @__PURE__ */ e.jsx(Sn, {})
+      /* @__PURE__ */ e.jsx(Cn, {})
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex h-full items-center space-x-2", children: [
       /* @__PURE__ */ e.jsx(G, { orientation: "vertical" }),
-      /* @__PURE__ */ e.jsx(An, {})
+      /* @__PURE__ */ e.jsx(On, {})
     ] })
   ] });
-}, Pn = `<!doctype html>
+}, In = `<!doctype html>
 <html class="scroll-smooth h-full overflow-y-auto">
   <head>
     <meta charset="UTF-8">
@@ -293,101 +290,101 @@ const De = ({ landscape: n = !1 }) => /* @__PURE__ */ e.jsxs(
   <body class="font-body antialiased h-full">
     <div class="frame-root"></div>
   </body>
-</html>`, Rn = (n) => {
-  const [t] = ve(), [, r] = Ve(), [a, c] = $({}), s = V(() => {
-    const { width: i, height: d } = n;
+</html>`, An = (n) => {
+  const [t] = ye(), [, r] = We(), [a, c] = F({}), o = V(() => {
+    const { width: i, height: p } = n;
     if (i < t) {
-      const y = parseFloat((i / t).toString());
+      const g = parseFloat((i / t).toString());
       let b = {};
-      d && (b = { height: d + 2 * d * (1 - y) }), c({
-        transform: `scale(${y})`,
+      p && (b = { height: p + 2 * p * (1 - g) }), c({
+        transform: `scale(${g})`,
         transformOrigin: "top left",
         ...b,
         maxWidth: "none"
-      }), r(y * 100);
+      }), r(g * 100);
     } else
       c({}), r(100);
   }, [t, n, r]);
-  return R(() => {
-    s();
-  }, [t, n, r, s]), a;
+  return _(() => {
+    o();
+  }, [t, n, r, o]), a;
 };
-var pe = { exports: {} };
+var ne = { exports: {} };
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var oe, Ie;
-function _n() {
-  if (Ie)
-    return oe;
-  Ie = 1;
+var ie, De;
+function Bn() {
+  if (De)
+    return ie;
+  De = 1;
   var n = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
-  function a(s) {
-    if (s == null)
+  function a(o) {
+    if (o == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(s);
+    return Object(o);
   }
   function c() {
     try {
       if (!Object.assign)
         return !1;
-      var s = new String("abc");
-      if (s[5] = "de", Object.getOwnPropertyNames(s)[0] === "5")
+      var o = new String("abc");
+      if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
         return !1;
-      for (var i = {}, d = 0; d < 10; d++)
-        i["_" + String.fromCharCode(d)] = d;
-      var y = Object.getOwnPropertyNames(i).map(function(p) {
-        return i[p];
+      for (var i = {}, p = 0; p < 10; p++)
+        i["_" + String.fromCharCode(p)] = p;
+      var g = Object.getOwnPropertyNames(i).map(function(u) {
+        return i[u];
       });
-      if (y.join("") !== "0123456789")
+      if (g.join("") !== "0123456789")
         return !1;
       var b = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(p) {
-        b[p] = p;
+      return "abcdefghijklmnopqrst".split("").forEach(function(u) {
+        b[u] = u;
       }), Object.keys(Object.assign({}, b)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return oe = c() ? Object.assign : function(s, i) {
-    for (var d, y = a(s), b, p = 1; p < arguments.length; p++) {
-      d = Object(arguments[p]);
-      for (var u in d)
-        t.call(d, u) && (y[u] = d[u]);
+  return ie = c() ? Object.assign : function(o, i) {
+    for (var p, g = a(o), b, u = 1; u < arguments.length; u++) {
+      p = Object(arguments[u]);
+      for (var d in p)
+        t.call(p, d) && (g[d] = p[d]);
       if (n) {
-        b = n(d);
+        b = n(p);
         for (var m = 0; m < b.length; m++)
-          r.call(d, b[m]) && (y[b[m]] = d[b[m]]);
+          r.call(p, b[m]) && (g[b[m]] = p[b[m]]);
       }
     }
-    return y;
-  }, oe;
+    return g;
+  }, ie;
 }
-var ie, Ae;
-function xe() {
-  if (Ae)
-    return ie;
-  Ae = 1;
+var ae, Ie;
+function ve() {
+  if (Ie)
+    return ae;
+  Ie = 1;
   var n = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return ie = n, ie;
+  return ae = n, ae;
 }
-var ae, Be;
-function Ge() {
-  return Be || (Be = 1, ae = Function.call.bind(Object.prototype.hasOwnProperty)), ae;
+var le, Ae;
+function Ve() {
+  return Ae || (Ae = 1, le = Function.call.bind(Object.prototype.hasOwnProperty)), le;
 }
-var le, Pe;
-function Mn() {
-  if (Pe)
-    return le;
-  Pe = 1;
+var ce, Be;
+function Pn() {
+  if (Be)
+    return ce;
+  Be = 1;
   var n = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = xe(), r = {}, a = Ge();
-    n = function(s) {
-      var i = "Warning: " + s;
+    var t = ve(), r = {}, a = Ve();
+    n = function(o) {
+      var i = "Warning: " + o;
       typeof console < "u" && console.error(i);
       try {
         throw new Error(i);
@@ -395,29 +392,29 @@ function Mn() {
       }
     };
   }
-  function c(s, i, d, y, b) {
+  function c(o, i, p, g, b) {
     if (process.env.NODE_ENV !== "production") {
-      for (var p in s)
-        if (a(s, p)) {
-          var u;
+      for (var u in o)
+        if (a(o, u)) {
+          var d;
           try {
-            if (typeof s[p] != "function") {
+            if (typeof o[u] != "function") {
               var m = Error(
-                (y || "React class") + ": " + d + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (g || "React class") + ": " + p + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw m.name = "Invariant Violation", m;
             }
-            u = s[p](i, p, y, d, null, t);
-          } catch (O) {
-            u = O;
+            d = o[u](i, u, g, p, null, t);
+          } catch (D) {
+            d = D;
           }
-          if (u && !(u instanceof Error) && n(
-            (y || "React class") + ": type specification of " + d + " `" + p + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof u + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), u instanceof Error && !(u.message in r)) {
-            r[u.message] = !0;
+          if (d && !(d instanceof Error) && n(
+            (g || "React class") + ": type specification of " + p + " `" + u + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof d + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), d instanceof Error && !(d.message in r)) {
+            r[d.message] = !0;
             var k = b ? b() : "";
             n(
-              "Failed " + d + " type: " + u.message + (k ?? "")
+              "Failed " + p + " type: " + d.message + (k ?? "")
             );
           }
         }
@@ -425,30 +422,30 @@ function Mn() {
   }
   return c.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (r = {});
-  }, le = c, le;
+  }, ce = c, ce;
 }
-var ce, Re;
-function Nn() {
-  if (Re)
-    return ce;
-  Re = 1;
-  var n = qe, t = _n(), r = xe(), a = Ge(), c = Mn(), s = function() {
+var de, Pe;
+function Rn() {
+  if (Pe)
+    return de;
+  Pe = 1;
+  var n = Ke, t = Bn(), r = ve(), a = Ve(), c = Pn(), o = function() {
   };
-  process.env.NODE_ENV !== "production" && (s = function(d) {
-    var y = "Warning: " + d;
-    typeof console < "u" && console.error(y);
+  process.env.NODE_ENV !== "production" && (o = function(p) {
+    var g = "Warning: " + p;
+    typeof console < "u" && console.error(g);
     try {
-      throw new Error(y);
+      throw new Error(g);
     } catch {
     }
   });
   function i() {
     return null;
   }
-  return ce = function(d, y) {
-    var b = typeof Symbol == "function" && Symbol.iterator, p = "@@iterator";
-    function u(o) {
-      var l = o && (b && o[b] || o[p]);
+  return de = function(p, g) {
+    var b = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
+    function d(s) {
+      var l = s && (b && s[b] || s[u]);
       if (typeof l == "function")
         return l;
     }
@@ -461,76 +458,76 @@ function Nn() {
       object: f("object"),
       string: f("string"),
       symbol: f("symbol"),
-      any: F(),
+      any: W(),
       arrayOf: M,
-      element: ne(),
-      elementType: re(),
+      element: re(),
+      elementType: se(),
       instanceOf: I,
-      node: ot(),
+      node: tt(),
       objectOf: L,
       oneOf: N,
-      oneOfType: st,
-      shape: it,
-      exact: at
+      oneOfType: et,
+      shape: nt,
+      exact: rt
     };
-    function O(o, l) {
-      return o === l ? o !== 0 || 1 / o === 1 / l : o !== o && l !== l;
+    function D(s, l) {
+      return s === l ? s !== 0 || 1 / s === 1 / l : s !== s && l !== l;
     }
-    function w(o, l) {
-      this.message = o, this.data = l && typeof l == "object" ? l : {}, this.stack = "";
+    function w(s, l) {
+      this.message = s, this.data = l && typeof l == "object" ? l : {}, this.stack = "";
     }
     w.prototype = Error.prototype;
-    function S(o) {
+    function S(s) {
       if (process.env.NODE_ENV !== "production")
         var l = {}, j = 0;
-      function v(C, g, x, T, D, E, _) {
-        if (T = T || m, E = E || x, _ !== r) {
-          if (y) {
+      function v(C, y, x, T, O, E, R) {
+        if (T = T || m, E = E || x, R !== r) {
+          if (g) {
             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"
             );
             throw B.name = "Invariant Violation", B;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Y = T + ":" + x;
-            !l[Y] && // Avoid spamming the console because they are often not actionable except for lib authors
-            j < 3 && (s(
+            var K = T + ":" + x;
+            !l[K] && // Avoid spamming the console because they are often not actionable except for lib authors
+            j < 3 && (o(
               "You are manually calling a React.PropTypes validation function for the `" + E + "` 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."
-            ), l[Y] = !0, j++);
+            ), l[K] = !0, j++);
           }
         }
-        return g[x] == null ? C ? g[x] === null ? new w("The " + D + " `" + E + "` is marked as required " + ("in `" + T + "`, but its value is `null`.")) : new w("The " + D + " `" + E + "` is marked as required in " + ("`" + T + "`, but its value is `undefined`.")) : null : o(g, x, T, D, E);
+        return y[x] == null ? C ? y[x] === null ? new w("The " + O + " `" + E + "` is marked as required " + ("in `" + T + "`, but its value is `null`.")) : new w("The " + O + " `" + E + "` is marked as required in " + ("`" + T + "`, but its value is `undefined`.")) : null : s(y, x, T, O, E);
       }
       var h = v.bind(null, !1);
       return h.isRequired = v.bind(null, !0), h;
     }
-    function f(o) {
-      function l(j, v, h, C, g, x) {
-        var T = j[v], D = W(T);
-        if (D !== o) {
+    function f(s) {
+      function l(j, v, h, C, y, x) {
+        var T = j[v], O = $(T);
+        if (O !== s) {
           var E = X(T);
           return new w(
-            "Invalid " + C + " `" + g + "` of type " + ("`" + E + "` supplied to `" + h + "`, expected ") + ("`" + o + "`."),
-            { expectedType: o }
+            "Invalid " + C + " `" + y + "` of type " + ("`" + E + "` supplied to `" + h + "`, expected ") + ("`" + s + "`."),
+            { expectedType: s }
           );
         }
         return null;
       }
       return S(l);
     }
-    function F() {
+    function W() {
       return S(i);
     }
-    function M(o) {
-      function l(j, v, h, C, g) {
-        if (typeof o != "function")
-          return new w("Property `" + g + "` of component `" + h + "` has invalid PropType notation inside arrayOf.");
+    function M(s) {
+      function l(j, v, h, C, y) {
+        if (typeof s != "function")
+          return new w("Property `" + y + "` of component `" + h + "` has invalid PropType notation inside arrayOf.");
         var x = j[v];
         if (!Array.isArray(x)) {
-          var T = W(x);
-          return new w("Invalid " + C + " `" + g + "` of type " + ("`" + T + "` supplied to `" + h + "`, expected an array."));
+          var T = $(x);
+          return new w("Invalid " + C + " `" + y + "` of type " + ("`" + T + "` supplied to `" + h + "`, expected an array."));
         }
-        for (var D = 0; D < x.length; D++) {
-          var E = o(x, D, h, C, g + "[" + D + "]", r);
+        for (var O = 0; O < x.length; O++) {
+          var E = s(x, O, h, C, y + "[" + O + "]", r);
           if (E instanceof Error)
             return E;
         }
@@ -538,65 +535,65 @@ function Nn() {
       }
       return S(l);
     }
-    function ne() {
-      function o(l, j, v, h, C) {
-        var g = l[j];
-        if (!d(g)) {
-          var x = W(g);
+    function re() {
+      function s(l, j, v, h, C) {
+        var y = l[j];
+        if (!p(y)) {
+          var x = $(y);
           return new w("Invalid " + h + " `" + C + "` of type " + ("`" + x + "` supplied to `" + v + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return S(o);
+      return S(s);
     }
-    function re() {
-      function o(l, j, v, h, C) {
-        var g = l[j];
-        if (!n.isValidElementType(g)) {
-          var x = W(g);
+    function se() {
+      function s(l, j, v, h, C) {
+        var y = l[j];
+        if (!n.isValidElementType(y)) {
+          var x = $(y);
           return new w("Invalid " + h + " `" + C + "` of type " + ("`" + x + "` supplied to `" + v + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return S(o);
+      return S(s);
     }
-    function I(o) {
-      function l(j, v, h, C, g) {
-        if (!(j[v] instanceof o)) {
-          var x = o.name || m, T = dt(j[v]);
-          return new w("Invalid " + C + " `" + g + "` of type " + ("`" + T + "` supplied to `" + h + "`, expected ") + ("instance of `" + x + "`."));
+    function I(s) {
+      function l(j, v, h, C, y) {
+        if (!(j[v] instanceof s)) {
+          var x = s.name || m, T = it(j[v]);
+          return new w("Invalid " + C + " `" + y + "` of type " + ("`" + T + "` supplied to `" + h + "`, expected ") + ("instance of `" + x + "`."));
         }
         return null;
       }
       return S(l);
     }
-    function N(o) {
-      if (!Array.isArray(o))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s(
+    function N(s) {
+      if (!Array.isArray(s))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "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.")), i;
-      function l(j, v, h, C, g) {
-        for (var x = j[v], T = 0; T < o.length; T++)
-          if (O(x, o[T]))
+        ) : o("Invalid argument supplied to oneOf, expected an array.")), i;
+      function l(j, v, h, C, y) {
+        for (var x = j[v], T = 0; T < s.length; T++)
+          if (D(x, s[T]))
             return null;
-        var D = JSON.stringify(o, function(_, B) {
-          var Y = X(B);
-          return Y === "symbol" ? String(B) : B;
+        var O = JSON.stringify(s, function(R, B) {
+          var K = X(B);
+          return K === "symbol" ? String(B) : B;
         });
-        return new w("Invalid " + C + " `" + g + "` of value `" + String(x) + "` " + ("supplied to `" + h + "`, expected one of " + D + "."));
+        return new w("Invalid " + C + " `" + y + "` of value `" + String(x) + "` " + ("supplied to `" + h + "`, expected one of " + O + "."));
       }
       return S(l);
     }
-    function L(o) {
-      function l(j, v, h, C, g) {
-        if (typeof o != "function")
-          return new w("Property `" + g + "` of component `" + h + "` has invalid PropType notation inside objectOf.");
-        var x = j[v], T = W(x);
+    function L(s) {
+      function l(j, v, h, C, y) {
+        if (typeof s != "function")
+          return new w("Property `" + y + "` of component `" + h + "` has invalid PropType notation inside objectOf.");
+        var x = j[v], T = $(x);
         if (T !== "object")
-          return new w("Invalid " + C + " `" + g + "` of type " + ("`" + T + "` supplied to `" + h + "`, expected an object."));
-        for (var D in x)
-          if (a(x, D)) {
-            var E = o(x, D, h, C, g + "." + D, r);
+          return new w("Invalid " + C + " `" + y + "` of type " + ("`" + T + "` supplied to `" + h + "`, expected an object."));
+        for (var O in x)
+          if (a(x, O)) {
+            var E = s(x, O, h, C, y + "." + O, r);
             if (E instanceof Error)
               return E;
           }
@@ -604,72 +601,72 @@ function Nn() {
       }
       return S(l);
     }
-    function st(o) {
-      if (!Array.isArray(o))
-        return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), i;
-      for (var l = 0; l < o.length; l++) {
-        var j = o[l];
+    function et(s) {
+      if (!Array.isArray(s))
+        return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), i;
+      for (var l = 0; l < s.length; l++) {
+        var j = s[l];
         if (typeof j != "function")
-          return s(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ct(j) + " at index " + l + "."
+          return o(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ot(j) + " at index " + l + "."
           ), i;
       }
-      function v(h, C, g, x, T) {
-        for (var D = [], E = 0; E < o.length; E++) {
-          var _ = o[E], B = _(h, C, g, x, T, r);
+      function v(h, C, y, x, T) {
+        for (var O = [], E = 0; E < s.length; E++) {
+          var R = s[E], B = R(h, C, y, x, T, r);
           if (B == null)
             return null;
-          B.data && a(B.data, "expectedType") && D.push(B.data.expectedType);
+          B.data && a(B.data, "expectedType") && O.push(B.data.expectedType);
         }
-        var Y = D.length > 0 ? ", expected one of type [" + D.join(", ") + "]" : "";
-        return new w("Invalid " + x + " `" + T + "` supplied to " + ("`" + g + "`" + Y + "."));
+        var K = O.length > 0 ? ", expected one of type [" + O.join(", ") + "]" : "";
+        return new w("Invalid " + x + " `" + T + "` supplied to " + ("`" + y + "`" + K + "."));
       }
       return S(v);
     }
-    function ot() {
-      function o(l, j, v, h, C) {
+    function tt() {
+      function s(l, j, v, h, C) {
         return Z(l[j]) ? null : new w("Invalid " + h + " `" + C + "` supplied to " + ("`" + v + "`, expected a ReactNode."));
       }
-      return S(o);
+      return S(s);
     }
-    function je(o, l, j, v, h) {
+    function be(s, l, j, v, h) {
       return new w(
-        (o || "React class") + ": " + l + " type `" + j + "." + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + h + "`."
+        (s || "React class") + ": " + l + " type `" + j + "." + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + h + "`."
       );
     }
-    function it(o) {
-      function l(j, v, h, C, g) {
-        var x = j[v], T = W(x);
+    function nt(s) {
+      function l(j, v, h, C, y) {
+        var x = j[v], T = $(x);
         if (T !== "object")
-          return new w("Invalid " + C + " `" + g + "` of type `" + T + "` " + ("supplied to `" + h + "`, expected `object`."));
-        for (var D in o) {
-          var E = o[D];
+          return new w("Invalid " + C + " `" + y + "` of type `" + T + "` " + ("supplied to `" + h + "`, expected `object`."));
+        for (var O in s) {
+          var E = s[O];
           if (typeof E != "function")
-            return je(h, C, g, D, X(E));
-          var _ = E(x, D, h, C, g + "." + D, r);
-          if (_)
-            return _;
+            return be(h, C, y, O, X(E));
+          var R = E(x, O, h, C, y + "." + O, r);
+          if (R)
+            return R;
         }
         return null;
       }
       return S(l);
     }
-    function at(o) {
-      function l(j, v, h, C, g) {
-        var x = j[v], T = W(x);
+    function rt(s) {
+      function l(j, v, h, C, y) {
+        var x = j[v], T = $(x);
         if (T !== "object")
-          return new w("Invalid " + C + " `" + g + "` of type `" + T + "` " + ("supplied to `" + h + "`, expected `object`."));
-        var D = t({}, j[v], o);
-        for (var E in D) {
-          var _ = o[E];
-          if (a(o, E) && typeof _ != "function")
-            return je(h, C, g, E, X(_));
-          if (!_)
+          return new w("Invalid " + C + " `" + y + "` of type `" + T + "` " + ("supplied to `" + h + "`, expected `object`."));
+        var O = t({}, j[v], s);
+        for (var E in O) {
+          var R = s[E];
+          if (a(s, E) && typeof R != "function")
+            return be(h, C, y, E, X(R));
+          if (!R)
             return new w(
-              "Invalid " + C + " `" + g + "` key `" + E + "` supplied to `" + h + "`.\nBad object: " + JSON.stringify(j[v], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
+              "Invalid " + C + " `" + y + "` key `" + E + "` supplied to `" + h + "`.\nBad object: " + JSON.stringify(j[v], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
             );
-          var B = _(x, E, h, C, g + "." + E, r);
+          var B = R(x, E, h, C, y + "." + E, r);
           if (B)
             return B;
         }
@@ -677,23 +674,23 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
       }
       return S(l);
     }
-    function Z(o) {
-      switch (typeof o) {
+    function Z(s) {
+      switch (typeof s) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !o;
+          return !s;
         case "object":
-          if (Array.isArray(o))
-            return o.every(Z);
-          if (o === null || d(o))
+          if (Array.isArray(s))
+            return s.every(Z);
+          if (s === null || p(s))
             return !0;
-          var l = u(o);
+          var l = d(s);
           if (l) {
-            var j = l.call(o), v;
-            if (l !== o.entries) {
+            var j = l.call(s), v;
+            if (l !== s.entries) {
               for (; !(v = j.next()).done; )
                 if (!Z(v.value))
                   return !1;
@@ -710,27 +707,27 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
           return !1;
       }
     }
-    function lt(o, l) {
-      return o === "symbol" ? !0 : l ? l["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && l instanceof Symbol : !1;
+    function st(s, l) {
+      return s === "symbol" ? !0 : l ? l["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && l instanceof Symbol : !1;
     }
-    function W(o) {
-      var l = typeof o;
-      return Array.isArray(o) ? "array" : o instanceof RegExp ? "object" : lt(l, o) ? "symbol" : l;
+    function $(s) {
+      var l = typeof s;
+      return Array.isArray(s) ? "array" : s instanceof RegExp ? "object" : st(l, s) ? "symbol" : l;
     }
-    function X(o) {
-      if (typeof o > "u" || o === null)
-        return "" + o;
-      var l = W(o);
+    function X(s) {
+      if (typeof s > "u" || s === null)
+        return "" + s;
+      var l = $(s);
       if (l === "object") {
-        if (o instanceof Date)
+        if (s instanceof Date)
           return "date";
-        if (o instanceof RegExp)
+        if (s instanceof RegExp)
           return "regexp";
       }
       return l;
     }
-    function ct(o) {
-      var l = X(o);
+    function ot(s) {
+      var l = X(s);
       switch (l) {
         case "array":
         case "object":
@@ -743,25 +740,25 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
           return l;
       }
     }
-    function dt(o) {
-      return !o.constructor || !o.constructor.name ? m : o.constructor.name;
+    function it(s) {
+      return !s.constructor || !s.constructor.name ? m : s.constructor.name;
     }
     return k.checkPropTypes = c, k.resetWarningCache = c.resetWarningCache, k.PropTypes = k, k;
-  }, ce;
+  }, de;
 }
-var de, _e;
-function Ln() {
-  if (_e)
-    return de;
-  _e = 1;
-  var n = xe();
+var ue, Re;
+function _n() {
+  if (Re)
+    return ue;
+  Re = 1;
+  var n = ve();
   function t() {
   }
   function r() {
   }
-  return r.resetWarningCache = t, de = function() {
-    function a(i, d, y, b, p, u) {
-      if (u !== n) {
+  return r.resetWarningCache = t, ue = function() {
+    function a(i, p, g, b, u, d) {
+      if (d !== n) {
         var m = 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"
         );
@@ -772,7 +769,7 @@ function Ln() {
     function c() {
       return a;
     }
-    var s = {
+    var o = {
       array: a,
       bigint: a,
       bool: a,
@@ -795,21 +792,22 @@ function Ln() {
       checkPropTypes: r,
       resetWarningCache: t
     };
-    return s.PropTypes = s, s;
-  }, de;
+    return o.PropTypes = o, o;
+  }, ue;
 }
+var as = ne.exports;
 if (process.env.NODE_ENV !== "production") {
-  var Fn = qe, Wn = !0;
-  pe.exports = Nn()(Fn.isElement, Wn);
+  var Mn = Ke, Nn = !0;
+  ne.exports = Rn()(Mn.isElement, Nn);
 } else
-  pe.exports = Ln()();
-var $n = pe.exports;
-const P = /* @__PURE__ */ wn($n);
-let Qe, et;
-typeof document < "u" && (Qe = document);
-typeof window < "u" && (et = window);
-const tt = z.createContext({ document: Qe, window: et }), be = () => z.useContext(tt), { Provider: qn, Consumer: Gr } = tt;
-class nt extends Ne {
+  ne.exports = _n()();
+var Ln = ne.exports;
+const P = /* @__PURE__ */ un(Ln);
+let Xe, Je;
+typeof document < "u" && (Xe = document);
+typeof window < "u" && (Je = window);
+const Ze = z.createContext({ document: Xe, window: Je }), xe = () => z.useContext(Ze), { Provider: Wn, Consumer: ls } = Ze;
+class Ge extends _e {
   componentDidMount() {
     this.props.contentDidMount();
   }
@@ -817,28 +815,28 @@ class nt extends Ne {
     this.props.contentDidUpdate();
   }
   render() {
-    return ht.only(this.props.children);
+    return dt.only(this.props.children);
   }
 }
-U(nt, "propTypes", {
+q(Ge, "propTypes", {
   children: P.element.isRequired,
   contentDidMount: P.func.isRequired,
   contentDidUpdate: P.func.isRequired
 });
-class fe extends Ne {
+class pe extends _e {
   constructor(r, a) {
     super(r, a);
-    U(this, "setRef", (r) => {
+    q(this, "setRef", (r) => {
       this.nodeRef.current = r;
       const { forwardedRef: a } = this.props;
       typeof a == "function" ? a(r) : a && (a.current = r);
     });
-    U(this, "handleLoad", () => {
+    q(this, "handleLoad", () => {
       clearInterval(this.loadCheck), this.state.iframeLoaded || this.setState({ iframeLoaded: !0 });
     });
     // In certain situations on a cold cache DOMContentLoaded never gets called
     // fallback to an interval to check if that's the case
-    U(this, "loadCheck", () => setInterval(() => {
+    q(this, "loadCheck", () => setInterval(() => {
       this.handleLoad();
     }, 500));
     this._isMounted = !1, this.nodeRef = z.createRef(), this.state = { iframeLoaded: !1 };
@@ -862,8 +860,8 @@ class fe extends Ne {
     const r = this.getDoc();
     if (!r)
       return null;
-    const a = this.props.contentDidMount, c = this.props.contentDidUpdate, s = r.defaultView || r.parentView, i = /* @__PURE__ */ e.jsx(nt, { contentDidMount: a, contentDidUpdate: c, children: /* @__PURE__ */ e.jsx(qn, { value: { document: r, window: s }, children: /* @__PURE__ */ e.jsx("div", { className: "frame-content", children: this.props.children }) }) }), d = this.getMountTarget();
-    return [Se.createPortal(this.props.head, this.getDoc().head), Se.createPortal(i, d)];
+    const a = this.props.contentDidMount, c = this.props.contentDidUpdate, o = r.defaultView || r.parentView, i = /* @__PURE__ */ e.jsx(Ge, { contentDidMount: a, contentDidUpdate: c, children: /* @__PURE__ */ e.jsx(Wn, { value: { document: r, window: o }, children: /* @__PURE__ */ e.jsx("div", { className: "frame-content", children: this.props.children }) }) }), p = this.getMountTarget();
+    return [Te.createPortal(this.props.head, this.getDoc().head), Te.createPortal(i, p)];
   }
   render() {
     const r = {
@@ -879,7 +877,7 @@ class fe extends Ne {
 // also inject into the body and can mess up React. For this reason
 // initialContent is expected to have a div inside of the body
 // element that we render react into.
-U(fe, "propTypes", {
+q(pe, "propTypes", {
   style: P.object,
   // eslint-disable-line
   head: P.node,
@@ -888,7 +886,7 @@ U(fe, "propTypes", {
   contentDidMount: P.func,
   contentDidUpdate: P.func,
   children: P.oneOfType([P.element, P.arrayOf(P.element)])
-}), U(fe, "defaultProps", {
+}), q(pe, "defaultProps", {
   style: {},
   head: null,
   children: void 0,
@@ -899,39 +897,39 @@ U(fe, "propTypes", {
   },
   initialContent: '<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'
 });
-const Un = z.forwardRef((n, t) => /* @__PURE__ */ e.jsx(fe, { ...n, forwardedRef: t })), zn = ({ children: n }) => {
-  const { document: t } = be(), [r] = H(), [a, c] = K();
-  return R(() => {
+const $n = z.forwardRef((n, t) => /* @__PURE__ */ e.jsx(pe, { ...n, forwardedRef: t })), Fn = ({ children: n }) => {
+  const { document: t } = xe(), [r] = H(), [a, c] = Y();
+  return _(() => {
     setTimeout(() => {
-      if (!q(a))
+      if (!U(a))
         return;
-      const s = rt(t, ee(r));
-      if (s) {
-        const i = s.getAttribute("data-style-prop");
+      const o = Qe(t, ee(r));
+      if (o) {
+        const i = o.getAttribute("data-style-prop");
         if (i) {
-          const d = s.getAttribute("data-style-id"), y = s.getAttribute("data-block-parent");
-          c([{ id: d, prop: i, blockId: y }]);
+          const p = o.getAttribute("data-style-id"), g = o.getAttribute("data-block-parent");
+          c([{ id: p, prop: i, blockId: g }]);
         }
       }
     }, 100);
   }, [t, r, c, a]), /* @__PURE__ */ e.jsx("div", { id: "canvas", className: "relative h-screen max-w-full outline-2", children: n });
-}, rt = (n, t) => n.querySelector(`[data-block-id="${t}"]`), Hn = () => {
-  const { window: n } = be(), [t, r] = H(), [, a] = K(), { undo: c, redo: s } = ye(), i = Ue(), [, d] = At(), [, y] = Bt(), { pasteBlocks: b } = Pt(), [, p] = ze(), u = He(), { savePage: m } = Rt(), [k] = J(_t), [, O] = J(Mt), w = (S) => {
-    S.key === "Enter" && (S.preventDefault(), t.length === 1 && O(ee(t)));
+}, Qe = (n, t) => n.querySelector(`[data-block-id="${t}"]`), Un = () => {
+  const { window: n } = xe(), [t, r] = H(), [, a] = Y(), { undo: c, redo: o } = me(), i = $e(), [, p] = Jt(), [, g] = Zt(), { pasteBlocks: b } = Gt(), [, u] = Fe(), d = Ue(), { savePage: m } = Qt(), [k] = J(en), [, D] = J(tn), w = (S) => {
+    S.key === "Enter" && (S.preventDefault(), t.length === 1 && D(ee(t)));
   };
-  return R(() => {
+  return _(() => {
     const S = (f) => {
       if (f.key === "Escape") {
         r([]), a([]);
         return;
       }
-      if (w(f), !k && (f.key === "Delete" || f.key === "Backspace") && (f.preventDefault(), u(t)), f.ctrlKey || f.metaKey) {
+      if (w(f), !k && (f.key === "Delete" || f.key === "Backspace") && (f.preventDefault(), d(t)), f.ctrlKey || f.metaKey) {
         if (["z", "y", "d", "x", "c", "p", "s", "v"].includes(f.key)) {
           if (k && ["x", "z", "v"].includes(f.key))
             return !0;
           f.preventDefault();
         }
-        f.key === "s" && (f.stopPropagation(), f.preventDefault(), m()), f.key === "z" && c(), f.key === "y" && s(), f.key === "d" && i(t), f.key === "x" && d(t), f.key === "c" && y(t), f.key === "v" && t.length > 0 && b(t[0]);
+        f.key === "s" && (f.stopPropagation(), f.preventDefault(), m()), f.key === "z" && c(), f.key === "y" && o(), f.key === "d" && i(t), f.key === "x" && p(t), f.key === "c" && g(t), f.key === "v" && t.length > 0 && b(t[0]);
       }
     };
     return n.removeEventListener("keydown", S), n.addEventListener("keydown", S), () => {
@@ -941,19 +939,19 @@ const Un = z.forwardRef((n, t) => /* @__PURE__ */ e.jsx(fe, { ...n, forwardedRef
     t,
     r,
     c,
+    d,
     u,
-    p,
-    s,
+    o,
     i,
-    d,
-    y,
+    p,
+    g,
     b,
     k,
     m,
     n
   ]), null;
-}, Kn = ({ block: n, label: t }) => {
-  const [, r] = mn(() => ({
+}, qn = ({ block: n, label: t }) => {
+  const [, r] = vn(() => ({
     type: "CANVAS_BLOCK",
     item: n
   }));
@@ -966,73 +964,73 @@ const Un = z.forwardRef((n, t) => /* @__PURE__ */ e.jsx(fe, { ...n, forwardedRef
         console.log("drag start");
       },
       children: [
-        /* @__PURE__ */ e.jsx(St, {}),
+        /* @__PURE__ */ e.jsx(kt, {}),
         t
       ]
     }
   );
-}, Yn = ({ selectedBlockElement: n, block: t }) => {
-  const r = He(), a = Ue(), [, c] = H(), [, s] = K(), { floatingStyles: i, refs: d, update: y } = fn({
+}, zn = ({ selectedBlockElement: n, block: t }) => {
+  const r = Ue(), a = $e(), [, c] = H(), [, o] = Y(), { floatingStyles: i, refs: p, update: g } = yn({
     placement: "top-start",
-    middleware: [hn(), pn()],
+    middleware: [gn(), mn()],
     elements: {
       reference: n
     }
   });
-  vn(n, () => y(), n !== null);
-  const b = A(t, "_parent", null), p = q(A(t, "_name", "")) ? A(t, "_type", "") : A(t, "_name", "");
+  xn(n, () => g(), n !== null);
+  const b = A(t, "_parent", null), u = U(A(t, "_name", "")) ? A(t, "_type", "") : A(t, "_name", "");
   return !n || !t ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      ref: d.setFloating,
+      ref: p.setFloating,
       style: i,
-      onClick: (u) => {
-        u.stopPropagation(), u.preventDefault();
+      onClick: (d) => {
+        d.stopPropagation(), d.preventDefault();
       },
-      onKeyDown: (u) => u.stopPropagation(),
+      onKeyDown: (d) => d.stopPropagation(),
       className: "z-50 flex h-6 items-center bg-blue-500  py-2 text-xs text-white",
       children: [
-        /* @__PURE__ */ e.jsx(Kn, { label: p, block: t }),
+        /* @__PURE__ */ e.jsx(qn, { label: u, block: t }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 px-1 ", children: [
           b && /* @__PURE__ */ e.jsx(
             Ct,
             {
               className: "hover:scale-105 ",
               onClick: () => {
-                s([]), c([b]);
+                o([]), c([b]);
               }
             }
           ),
-          yn(A(t, "_type", "")) ? /* @__PURE__ */ e.jsx(Tt, { className: "hover:scale-105 ", onClick: () => a([t == null ? void 0 : t._id]) }) : null,
-          gn(A(t, "_type", "")) ? /* @__PURE__ */ e.jsx(Et, { className: "hover:scale-105 ", onClick: () => r([t == null ? void 0 : t._id]) }) : null
+          nn(A(t, "_type", "")) ? /* @__PURE__ */ e.jsx(Tt, { className: "hover:scale-105 ", onClick: () => a([t == null ? void 0 : t._id]) }) : null,
+          rn(A(t, "_type", "")) ? /* @__PURE__ */ e.jsx(Et, { className: "hover:scale-105 ", onClick: () => r([t == null ? void 0 : t._id]) }) : null
         ] })
       ]
     }
   );
-}, Vn = ({ model: n }) => {
-  const [t] = Nt(), [r] = H(), [a] = Ye(), [c] = ge(), [s] = K(), { document: i, window: d } = be(), [y] = $(i == null ? void 0 : i.getElementById("highlighted-block")), [b] = $(
+}, Hn = ({ model: n }) => {
+  const [t] = sn(), [r] = H(), [a] = Le(), [c] = ge(), [o] = Y(), { document: i, window: p } = xe(), [g] = F(i == null ? void 0 : i.getElementById("highlighted-block")), [b] = F(
     i == null ? void 0 : i.getElementById("selected-block")
-  ), [p] = $(
+  ), [u] = F(
     i == null ? void 0 : i.getElementById("selected-styling-block")
   );
-  R(() => {
+  _(() => {
     a ? i == null || i.documentElement.classList.add("dark") : i == null || i.documentElement.classList.remove("dark");
   }, [a, i]);
-  const u = A(t, "headingFont", "DM Sans"), m = A(t, "bodyFont", "DM Sans");
-  return R(() => {
-    const k = A(t, "primaryColor", "#000"), O = A(t, "secondaryColor", "#FFF"), w = xn({
-      colors: [k, O],
+  const d = A(t, "headingFont", "DM Sans"), m = A(t, "bodyFont", "DM Sans");
+  return _(() => {
+    const k = A(t, "primaryColor", "#000"), D = A(t, "secondaryColor", "#FFF"), w = bn({
+      colors: [k, D],
       names: ["primary", "secondary"]
     });
-    w.primary.DEFAULT = k, w.secondary.DEFAULT = O;
+    w.primary.DEFAULT = k, w.secondary.DEFAULT = D;
     const S = A(t, "roundedCorners", "0");
-    !d || !d.tailwind || (d.tailwind.config = {
+    !p || !p.tailwind || (p.tailwind.config = {
       darkMode: "class",
       theme: {
         fontFamily: {
-          heading: [u],
+          heading: [d],
           body: [m]
         },
         extend: {
@@ -1044,48 +1042,48 @@ const Un = z.forwardRef((n, t) => /* @__PURE__ */ e.jsx(fe, { ...n, forwardedRef
       },
       plugins: [
         // @ts-ignore
-        d.tailwind.plugin.withOptions(({ prefix: f = "ui" } = {}) => ({ addVariant: F }) => {
+        p.tailwind.plugin.withOptions(({ prefix: f = "ui" } = {}) => ({ addVariant: W }) => {
           for (const M of ["open", "checked", "selected", "active", "disabled"])
-            F(`${f}-${M}`, [
+            W(`${f}-${M}`, [
               `&[data-headlessui-state~="${M}"]`,
               `:where([data-headlessui-state~="${M}"]) &`
-            ]), F(`${f}-not-${M}`, [
+            ]), W(`${f}-not-${M}`, [
               `&[data-headlessui-state]:not([data-headlessui-state~="${M}"])`,
               `:where([data-headlessui-state]:not([data-headlessui-state~="${M}"])) &:not([data-headlessui-state])`
             ]);
         })
       ]
     });
-  }, [t, d, u, m]), R(() => {
+  }, [t, p, d, m]), _(() => {
     b && (b.textContent = `${Q(r, (k) => `[data-block-id="${k}"]`).join(",")}{
                 outline: 1px solid ${r.length === 1 ? "#42a1fc" : "orange"} !important; outline-offset: -1px;
             }`);
-  }, [r, b]), R(() => {
-    y && (y.textContent = c ? `[data-style-id="${c}"]{ outline: 1px solid orange !important; outline-offset: -1px;}` : "");
-  }, [c, r, y]), R(() => {
-    p && (p.textContent = `${Q(s, ({ id: k }) => `[data-style-id="${k}"]`).join(",")}{
+  }, [r, b]), _(() => {
+    g && (g.textContent = c ? `[data-style-id="${c}"]{ outline: 1px solid orange !important; outline-offset: -1px;}` : "");
+  }, [c, r, g]), _(() => {
+    u && (u.textContent = `${Q(o, ({ id: k }) => `[data-style-id="${k}"]`).join(",")}{
                 outline: 1px solid orange !important; outline-offset: -1px;
             }`);
-  }, [s, p]), R(() => {
+  }, [o, u]), _(() => {
     if (n === "section")
       return;
-    const k = A(t, "bodyTextLightColor", "#64748b"), O = A(t, "bodyTextDarkColor", "#94a3b8"), w = A(t, "bodyBgLightColor", "#FFFFFF"), S = A(t, "bodyBgDarkColor", "#0f172a");
-    i.body.className = `font-body antialiased text-[${k}] bg-[${w}] dark:text-[${O}] dark:bg-[${S}]`;
+    const k = A(t, "bodyTextLightColor", "#64748b"), D = A(t, "bodyTextDarkColor", "#94a3b8"), w = A(t, "bodyBgLightColor", "#FFFFFF"), S = A(t, "bodyBgDarkColor", "#0f172a");
+    i.body.className = `font-body antialiased text-[${k}] bg-[${w}] dark:text-[${D}] dark:bg-[${S}]`;
   }, [t, i, n]), n === "page" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    u && /* @__PURE__ */ e.jsx(
+    d && /* @__PURE__ */ e.jsx(
       "link",
       {
         id: "heading-font",
         rel: "stylesheet",
         type: "text/css",
-        href: `https://fonts.googleapis.com/css2?family=${u.replace(
+        href: `https://fonts.googleapis.com/css2?family=${d.replace(
           / /g,
           "+"
         )}:wght@300;400;500;600;700;800;900&display=swap`,
         media: "all"
       }
     ),
-    m && u !== m && /* @__PURE__ */ e.jsx(
+    m && d !== m && /* @__PURE__ */ e.jsx(
       "link",
       {
         id: "body-font",
@@ -1098,125 +1096,125 @@ const Un = z.forwardRef((n, t) => /* @__PURE__ */ e.jsx(fe, { ...n, forwardedRef
         media: "all"
       }
     ),
-    u && /* @__PURE__ */ e.jsx("style", { children: `h1,h2,h3,h4,h5,h6{font-family: "${u}",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";}` })
+    d && /* @__PURE__ */ e.jsx("style", { children: `h1,h2,h3,h4,h5,h6{font-family: "${d}",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;
-}, Xn = () => {
-  const { t: n } = Ke();
+}, Yn = () => {
+  const { t: n } = He();
   return /* @__PURE__ */ e.jsx("div", { className: "my-auto py-24 text-center text-gray-600 dark:text-white", children: /* @__PURE__ */ e.jsx("h1", { className: "mb-10 text-4xl ", children: n("canvas_empty") }) });
-}, Jn = (n) => {
+}, Kn = (n) => {
   const t = {};
   return Object.keys(n).forEach((r) => {
-    me(n[r]) && n[r].startsWith(Ee) && (t[r] = n[r].replace(Ee, "").split(","));
+    he(n[r]) && n[r].startsWith(Ee) && (t[r] = n[r].replace(Ee, "").split(","));
   }), t;
-}, Zn = gt((n) => {
-  const t = n.replace(Je, "").split(",");
-  return jn(t[0], t[1]);
+}, Vn = ht((n) => {
+  const t = n.replace(Ye, "").split(",");
+  return wn(t[0], t[1]);
 });
-function Gn(n, t) {
+function Xn(n, t) {
   return A(n, `${t}_attrs`, {});
 }
-function Qn(n, t, r, a) {
+function Jn(n, t, r, a) {
   const c = {};
-  return Object.keys(n).forEach((s) => {
-    if (me(n[s]) && n[s].startsWith(Je)) {
-      const i = Zn(n[s]);
-      c[s] = {
+  return Object.keys(n).forEach((o) => {
+    if (he(n[o]) && n[o].startsWith(Ye)) {
+      const i = Vn(n[o]);
+      c[o] = {
         className: i,
-        "data-style-prop": s,
+        "data-style-prop": o,
         "data-block-parent": n._id,
-        "data-style-id": `${s}-${n._id}`,
+        "data-style-id": `${o}-${n._id}`,
         onMouseEnter: t,
         onMouseLeave: r,
         onClick: a,
-        ...Gn(n, s)
+        ...Xn(n, o)
       };
     }
   }), c;
 }
-function er(n, t) {
+function Zn(n, t) {
   const r = A(n, "_bindings", {});
-  return q(r) ? { ...n } : (ue(r, (a, c) => {
-    me(a) && A(t, a, null) && (n[c] = A(t, a, null));
+  return U(r) ? { ...n } : (mt(r, (a, c) => {
+    he(a) && A(t, a, null) && (n[c] = A(t, a, null));
   }), n);
 }
-function he({ blocks: n }) {
-  const t = Xe(), [, r] = ge(), [, a] = K(), [, c] = H(), s = V(
-    (p) => {
+function fe({ blocks: n }) {
+  const t = qe(), [, r] = ge(), [, a] = Y(), [, c] = H(), o = V(
+    (u) => {
       var m;
-      const u = (m = p.currentTarget) == null ? void 0 : m.getAttribute("data-style-id");
-      r(u || ""), p.stopPropagation();
+      const d = (m = u.currentTarget) == null ? void 0 : m.getAttribute("data-style-id");
+      r(d || ""), u.stopPropagation();
     },
     [r]
   ), i = V(
-    (p) => {
-      r(""), p.stopPropagation();
+    (u) => {
+      r(""), u.stopPropagation();
     },
     [r]
-  ), d = V(
-    (p) => {
-      p.stopPropagation();
-      const u = p.currentTarget;
-      if (u.getAttribute("data-block-parent")) {
-        const m = u.getAttribute("data-style-prop"), k = u.getAttribute("data-style-id"), O = u.getAttribute("data-block-parent");
-        a([{ id: k, prop: m, blockId: O }]), c([O]);
-      } else if (u.getAttribute("data-block-id") && (c([u.getAttribute("data-block-id")]), u.getAttribute("data-block-parent"))) {
-        const m = u.getAttribute("data-style-prop"), k = u.getAttribute("data-style-id"), O = u.getAttribute("data-block-parent");
-        a([{ id: k, prop: m, blockId: O }]);
+  ), p = V(
+    (u) => {
+      u.stopPropagation();
+      const d = u.currentTarget;
+      if (d.getAttribute("data-block-parent")) {
+        const m = d.getAttribute("data-style-prop"), k = d.getAttribute("data-style-id"), D = d.getAttribute("data-block-parent");
+        a([{ id: k, prop: m, blockId: D }]), c([D]);
+      } else if (d.getAttribute("data-block-id") && (c([d.getAttribute("data-block-id")]), d.getAttribute("data-block-parent"))) {
+        const m = d.getAttribute("data-style-prop"), k = d.getAttribute("data-style-id"), D = d.getAttribute("data-block-parent");
+        a([{ id: k, prop: m, blockId: D }]);
       }
     },
     [a, c]
-  ), y = V(
-    (p) => Qn(p, s, i, d),
-    [d, s, i]
-  ), [b] = Ze();
+  ), g = V(
+    (u) => Jn(u, o, i, p),
+    [p, o, i]
+  ), [b] = pn();
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: z.Children.toArray(
-    n.map((p, u) => {
-      const m = Jn(p), k = {};
-      q(m) || Object.keys(m).forEach((f) => {
+    n.map((u, d) => {
+      const m = Kn(u), k = {};
+      U(m) || Object.keys(m).forEach((f) => {
         k[f] = z.Children.toArray(
-          m[f].map((F) => /* @__PURE__ */ e.jsx(he, { blocks: [Fe(t, { _id: F })] }))
+          m[f].map((W) => /* @__PURE__ */ e.jsx(fe, { blocks: [yt(t, { _id: W })] }))
         );
       });
-      const O = We(t, { _parent: p._id });
-      k.children = O.length ? /* @__PURE__ */ e.jsx(he, { blocks: O }) : null;
-      const w = Cn(p._type), S = A(w, "component", null);
-      return vt(S) ? /* @__PURE__ */ e.jsx("noscript", { children: `<!-- ${p == null ? void 0 : p._type} not registered -->` }) : /* @__PURE__ */ e.jsx(Le, { children: z.createElement(S, {
+      const D = Ne(t, { _parent: u._id });
+      k.children = D.length ? /* @__PURE__ */ e.jsx(fe, { blocks: D }) : null;
+      const w = kn(u._type), S = A(w, "component", null);
+      return gt(S) ? /* @__PURE__ */ e.jsx("noscript", { children: `<!-- ${u == null ? void 0 : u._type} not registered -->` }) : /* @__PURE__ */ e.jsx(Me, { children: z.createElement(S, {
         blockProps: {
-          onClick: d,
-          "data-block-id": p._id,
-          "data-block-type": p._type
+          onClick: p,
+          "data-block-id": u._id,
+          "data-block-type": u._type
         },
         inBuilder: !0,
-        index: u,
-        ...er(p, b),
-        ...y(p),
+        index: d,
+        ...Zn(u, b),
+        ...g(u),
         ...k
       }) });
     })
   ) });
 }
-const tr = () => {
-  const n = Xe();
-  return /* @__PURE__ */ e.jsx(bn, { children: q(n) ? /* @__PURE__ */ e.jsx(Xn, {}) : /* @__PURE__ */ e.jsx(En, { children: /* @__PURE__ */ e.jsx(he, { blocks: We(n, (t) => q(t._parent)) }) }) });
-}, nr = (n, t) => n.querySelector(`[data-style-id="${t}"]`), rr = () => {
-  const [n] = J(Lt), [t] = ze(), [r] = ve(), [, a] = H(), c = Ft(), [, s] = ge(), i = we(null), d = we(null), [y, b] = $({ width: 0, height: 0 }), p = Rn(y), [u, m] = $(0), [k, O] = $([]), [, w] = $([]), [, S] = J(Wt), [f, F] = K(), M = Dt("loadingCanvas", !1);
-  R(() => {
-    const { clientWidth: I, clientHeight: N } = d.current;
-    b({ width: I, height: N }), u === 0 && m(I);
-  }, [d, r, u]);
-  const ne = (I, N = 0) => {
+const Gn = () => {
+  const n = qe();
+  return /* @__PURE__ */ e.jsx(jn, { children: U(n) ? /* @__PURE__ */ e.jsx(Yn, {}) : /* @__PURE__ */ e.jsx(fn, { children: /* @__PURE__ */ e.jsx(fe, { blocks: Ne(n, (t) => U(t._parent)) }) }) });
+}, Qn = (n, t) => n.querySelector(`[data-style-id="${t}"]`), er = () => {
+  const [n] = J(on), [t] = Fe(), [r] = ye(), [, a] = H(), c = an(), [, o] = ge(), i = je(null), p = je(null), [g, b] = F({ width: 0, height: 0 }), u = An(g), [d, m] = F(0), [k, D] = F([]), [, w] = F([]), [, S] = J(ln), [f, W] = Y(), M = cn("loadingCanvas", !1);
+  _(() => {
+    const { clientWidth: I, clientHeight: N } = p.current;
+    b({ width: I, height: N }), d === 0 && m(I);
+  }, [p, r, d]);
+  const re = (I, N = 0) => {
     const { top: L } = I.getBoundingClientRect();
     return L + N >= 0 && L - N <= window.innerHeight;
   };
-  R(() => {
+  _(() => {
     var I, N;
     if (c && c.type !== "Multiple" && i.current) {
-      const L = rt(i.current.contentDocument, c._id);
-      L && (ne(L) || (N = (I = i.current) == null ? void 0 : I.contentWindow) == null || N.scrollTo({ top: L.offsetTop, behavior: "smooth" }), O([L]));
+      const L = Qe(i.current.contentDocument, c._id);
+      L && (re(L) || (N = (I = i.current) == null ? void 0 : I.contentWindow) == null || N.scrollTo({ top: L.offsetTop, behavior: "smooth" }), D([L]));
     }
-  }, [c]), R(() => {
-    if (!q(f) && i.current) {
-      const I = nr(
+  }, [c]), _(() => {
+    if (!U(f) && i.current) {
+      const I = Qn(
         i.current.contentDocument,
         ee(f).id
       );
@@ -1224,8 +1222,8 @@ const tr = () => {
     } else
       w([null]);
   }, [f]);
-  const re = Me(() => {
-    let I = Pn;
+  const se = ut(() => {
+    let I = In;
     return n === "offline" && (I = I.replace(
       "https://old.chaibuilder.com/offline/tailwind.cdn.js",
       "/offline/tailwind.cdn.js"
@@ -1235,33 +1233,33 @@ const tr = () => {
     "div",
     {
       onClick: () => {
-        a([]), F([]);
+        a([]), W([]);
       },
-      onMouseLeave: () => setTimeout(() => s(""), 300),
+      onMouseLeave: () => setTimeout(() => o(""), 300),
       className: "relative mx-auto h-full w-full",
-      style: u > 0 && !q(p) ? { width: t ? "100%" : u } : {},
-      ref: d,
+      style: d > 0 && !U(u) ? { width: t ? "100%" : d } : {},
+      ref: p,
       children: /* @__PURE__ */ e.jsxs(
-        Un,
+        $n,
         {
           contentDidMount: () => S(i.current),
           ref: i,
           id: "canvas-iframe",
-          style: { width: `${r}px`, ...p },
+          style: { width: `${r}px`, ...u },
           className: "relative mx-auto box-content h-full max-w-full shadow-md transition-all duration-300 ease-linear",
-          initialContent: re,
+          initialContent: se,
           children: [
-            /* @__PURE__ */ e.jsx(Hn, {}),
+            /* @__PURE__ */ e.jsx(Un, {}),
             /* @__PURE__ */ e.jsx(
-              Yn,
+              zn,
               {
                 block: c,
                 selectedBlockElement: ee(k)
               }
             ),
-            /* @__PURE__ */ e.jsx(Vn, { model: "page" }),
-            /* @__PURE__ */ e.jsxs(zn, { children: [
-              M ? /* @__PURE__ */ e.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ e.jsx($e, { className: "h-full" }) }) : /* @__PURE__ */ e.jsx(tr, {}),
+            /* @__PURE__ */ e.jsx(Hn, { model: "page" }),
+            /* @__PURE__ */ e.jsxs(Fn, { children: [
+              M ? /* @__PURE__ */ e.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ e.jsx(ze, { className: "h-full" }) }) : /* @__PURE__ */ e.jsx(Gn, {}),
               /* @__PURE__ */ e.jsx("div", { className: "h-60" })
             ] })
           ]
@@ -1269,12 +1267,12 @@ const tr = () => {
       )
     }
   );
-}, sr = mt(() => import("./AddBlocks-H7BZYHUC.js")), Qr = () => {
-  const [n, t] = J($t);
+}, tr = pt(() => import("./AddBlocks-eoo1CzaK.js")), cs = () => {
+  const [n, t] = J(dn);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex h-full w-full flex-col", children: [
-    /* @__PURE__ */ e.jsx(Bn, {}),
+    /* @__PURE__ */ e.jsx(Dn, {}),
     /* @__PURE__ */ e.jsxs("div", { className: "relative flex-1 overflow-hidden bg-slate-800/80 px-2 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__ */ e.jsx(Le, { fallback: /* @__PURE__ */ e.jsx($e, { className: "h-full" }), children: /* @__PURE__ */ e.jsx(qt, { children: /* @__PURE__ */ e.jsx(rr, {}) }) }),
+      /* @__PURE__ */ e.jsx(Me, { fallback: /* @__PURE__ */ e.jsx(ze, { className: "h-full" }), children: /* @__PURE__ */ e.jsx(hn, { children: /* @__PURE__ */ e.jsx(er, {}) }) }),
       n ? /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -1285,7 +1283,7 @@ const tr = () => {
             {
               onClick: (r) => r.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__ */ e.jsx(sr, {})
+              children: /* @__PURE__ */ e.jsx(tr, {})
             }
           )
         }
@@ -1294,5 +1292,5 @@ const tr = () => {
   ] });
 };
 export {
-  Qr as default
+  cs as default
 };