@chaibuilder/sdk 1.0.8 → 1.0.10

package/dist/{CanvasArea-61ab734b.js → CanvasArea-2zqT1lSE.js}

@@ -1,33 +1,36 @@
-var ft = Object.defineProperty;
-var ht = (n, t, r) => t in n ? ft(n, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[t] = r;
-var U = (n, t, r) => (ht(n, typeof t != "symbol" ? t + "" : t, r), r);
-import { j as e } from "./jsx-runtime-944c88e2.js";
-import H, { useMemo as Ne, useEffect as B, createElement as mt, useCallback as V, useState as $, Component as Le, Children as yt, Suspense as Fe, useRef as ke, lazy as gt } from "react";
-import { each as pe, find as We, map as Q, includes as Te, toUpper as se, round as vt, isEmpty as q, first as ee, get as O, memoize as xt, filter as $e, isNull as bt, isString as ye } from "lodash";
-import { ResetIcon as Ce, DotsVerticalIcon as jt, MobileIcon as Ee, LaptopIcon as wt, DesktopIcon as kt, EraserIcon as Tt, ZoomInIcon as Ct, ArrowUpIcon as Et, CopyIcon as St, TrashIcon as It, DragHandleDots2Icon as At } from "@radix-ui/react-icons";
-import { B as te, A as Dt, b as Ot, d as Rt, e as Pt, f as Bt, g as Mt, h as _t, i as Nt, k as Lt, u as qe, S as Ue } from "./useBuilderProp-21feb2da.js";
-import { u as Ft, d as ge, e as He, f as ve, g as Wt, h as $t, i as z, j as K, k as qt, l as ze, r as Ke, m as Ye, n as Ut, o as Ht, q as zt, s as Ve, t as Ge, c as Kt, v as Yt, w as Vt, x as Gt, y as Xt, z as Jt, A as xe, B as Xe, C as Zt, D as Qt, F as en, b as tn, E as nn } from "./index-56a8abbc.js";
-import { useTranslation as Je } from "react-i18next";
-import { S as Z } from "./separator-a80d065b.js";
-import { S as rn, D as sn, c as on, d as an, h as ln, i as cn, f as dn, H as un, a as pn, b as fn } from "./dropdown-menu-ae3ed09b.js";
-import { L as hn } from "./label-e770a087.js";
-import { useAtom as X } from "jotai";
-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 { g as kn, S as Ze, a as Se } from "./MODIFIERS-2f19c314.js";
-import { getChaiDataProviders as Tn, getBlockComponent as Cn } from "@chaibuilder/blocks";
-import { u as Qe } from "./useChaiExternalData-192c7896.js";
-import Ie from "react-dom";
-import "@radix-ui/react-alert-dialog";
-import "./utils-ac68b2c8.js";
-import "clsx";
+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-h9bXC4l-.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-JWkrNFpH.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-jWSuY7wk.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";
+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-lX6uVO39.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 { getChaiDataProviders as kn, getBlockComponent as Cn } from "@chaibuilder/blocks";
+import { u as Ze } from "./useChaiExternalData-4K9WxANa.js";
+import Se from "react-dom";
 import "@radix-ui/react-slot";
 import "class-variance-authority";
+import "./utils-dze1SGvB.js";
+import "clsx";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-toast";
 import "@radix-ui/react-scroll-area";
@@ -36,44 +39,42 @@ import "flagged";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
 import "flat-to-nested";
-import "./html-to-json-45e0e3b5.js";
-import "himalaya";
+import "./functions-pcUZhFJM.js";
 import "redux-undo";
-import "sonner";
-import "lucide-react";
 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";
-const En = () => Ne(() => Tn(), []), Sn = ({ children: n }) => {
-  const [, t] = Qe(), [r] = Ft(), i = En();
-  return B(() => (t({}), pe(r, (l) => {
-    const s = We(i, { providerKey: l.providerKey });
+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 a = (s == null ? void 0 : s.mockFn) || (s == null ? void 0 : s.dataFn);
-      a && a(l.args).then(
-        (d) => t((y) => ({ ...y, [l.providerKey]: d }))
+      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 }))
       );
     }
   }), () => {
-    pe(r, (l) => {
-      t((s) => (delete s[l.providerKey], s));
+    ue(r, (c) => {
+      t((s) => (delete s[c.providerKey], s));
     });
-  }), [i, r, t]), /* @__PURE__ */ e.jsx(e.Fragment, { children: n });
-}, In = () => {
-  const { undoCount: n, redoCount: t, undo: r, redo: i } = ge();
+  }), [a, r, t]), /* @__PURE__ */ e.jsx(e.Fragment, { children: n });
+}, Sn = () => {
+  const { undoCount: n, redoCount: t, undo: r, redo: a } = ye();
   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: i, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ e.jsx(Ce, { className: "rotate-180 scale-y-[-1] transform" }) })
+    /* @__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" }) })
   ] });
 };
-function An() {
-  const [n, t] = He(), { t: r } = Je();
+function Dn() {
+  const [n, t] = Ye(), { t: r } = Ke();
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ e.jsx(hn, { htmlFor: "dark-mode-switch", children: r("dark_mode") }),
+    /* @__PURE__ */ e.jsx(Qt, { htmlFor: "dark-mode-switch", children: r("dark_mode") }),
     /* @__PURE__ */ e.jsxs(
-      rn,
+      Ut,
       {
         id: "dark-mode-switch",
         checked: n,
@@ -97,7 +98,7 @@ function An() {
     )
   ] });
 }
-const Ae = ({ landscape: n = !1 }) => /* @__PURE__ */ e.jsxs(
+const De = ({ landscape: n = !1 }) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     className: n ? "rotate-90" : "",
@@ -120,91 +121,91 @@ const Ae = ({ landscape: n = !1 }) => /* @__PURE__ */ e.jsxs(
       )
     ]
   }
-), De = [
+), Oe = [
   {
     title: "Mobile (XS)",
     content: "Styles set here are applied to all screen unless edited at higher breakpoint",
     breakpoint: "xs",
-    icon: /* @__PURE__ */ e.jsx(Ee, {}),
+    icon: /* @__PURE__ */ e.jsx(Te, {}),
     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(Ee, { className: "rotate-90" }),
+    icon: /* @__PURE__ */ e.jsx(Te, { className: "rotate-90" }),
     width: 640
   },
   {
     title: "Tablet (MD)",
     content: "Styles set here are applied at 768px and up",
     breakpoint: "md",
-    icon: /* @__PURE__ */ e.jsx(Ae, {}),
+    icon: /* @__PURE__ */ e.jsx(De, {}),
     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(Ae, { landscape: !0 }),
+    icon: /* @__PURE__ */ e.jsx(De, { 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(wt, {}),
+    icon: /* @__PURE__ */ e.jsx(bt, {}),
     width: 1420
   },
   {
     title: "Large Desktop (2XL)",
     content: "Styles set here are applied at 1536px and up",
     breakpoint: "2xl",
-    icon: /* @__PURE__ */ e.jsx(kt, {}),
+    icon: /* @__PURE__ */ e.jsx(jt, {}),
     width: 1920
   }
-], Dn = ({
+], On = ({
   title: n,
   content: t,
   currentBreakpoint: r,
-  breakpoint: i,
-  width: l,
+  breakpoint: a,
+  width: c,
   icon: s,
-  onClick: a
-}) => /* @__PURE__ */ e.jsxs(un, { children: [
-  /* @__PURE__ */ e.jsx(pn, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  onClick: i
+}) => /* @__PURE__ */ e.jsxs(Jt, { children: [
+  /* @__PURE__ */ e.jsx(Zt, { asChild: !0, children: /* @__PURE__ */ e.jsx(
     te,
     {
-      onClick: () => a(l),
+      onClick: () => i(c),
       size: "sm",
-      variant: i === r ? "secondary" : "ghost",
+      variant: a === r ? "secondary" : "ghost",
       children: s
     }
   ) }),
-  /* @__PURE__ */ e.jsx(fn, { 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(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("h4", { className: "text-sm font-semibold", children: n }),
     /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: t })
   ] }) }) })
-] }), On = () => {
-  const [, n, t] = ve(), [r, i] = Wt(), l = (s) => {
-    r.includes(s) ? r.length > 2 && i(r.filter((a) => a !== s)) : i((a) => [...a, s]);
+] }), 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]);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center rounded-md", children: [
     Q(
-      De.filter((s) => Te(r, se(s.breakpoint))),
-      (s) => /* @__PURE__ */ mt(Dn, { ...s, onClick: t, key: s.breakpoint, currentBreakpoint: n })
+      Oe.filter((s) => ke(r, se(s.breakpoint))),
+      (s) => /* @__PURE__ */ ft(On, { ...s, onClick: t, key: s.breakpoint, currentBreakpoint: n })
     ),
-    /* @__PURE__ */ e.jsxs(sn, { children: [
-      /* @__PURE__ */ e.jsx(on, { asChild: !0, children: /* @__PURE__ */ e.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ e.jsx(jt, { className: "scale-90 transform" }) }) }),
-      /* @__PURE__ */ e.jsxs(an, { className: "w-56 border-border text-xs", children: [
-        /* @__PURE__ */ e.jsx(ln, { children: "Breakpoints" }),
-        /* @__PURE__ */ e.jsx(cn, {}),
-        Q(De, (s) => /* @__PURE__ */ e.jsx(
-          dn,
+    /* @__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,
           {
             disabled: s.breakpoint === "xs",
-            onCheckedChange: () => l(se(s.breakpoint)),
-            checked: Te(r, se(s.breakpoint)),
+            onCheckedChange: () => c(se(s.breakpoint)),
+            checked: ke(r, se(s.breakpoint)),
             children: s.title
           },
           s.breakpoint
@@ -212,59 +213,53 @@ const Ae = ({ landscape: n = !1 }) => /* @__PURE__ */ e.jsxs(
       ] })
     ] })
   ] });
-}, Rn = () => {
-  const [n] = $t(), { createSnapshot: t } = ge(), [, r] = z(), [, i] = K(), l = V(() => {
-    n([]), r([]), i([]), t();
+}, An = () => {
+  const [n] = It(), { createSnapshot: t } = ye(), [, r] = H(), [, a] = K(), c = V(() => {
+    n([]), r([]), a([]), t();
   }, [n, t]);
-  return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsxs(Dt, { children: [
-    /* @__PURE__ */ e.jsx(Ot, { asChild: !0, children: /* @__PURE__ */ e.jsxs(te, { size: "sm", variant: "ghost", className: "flex items-center gap-x-1", children: [
-      /* @__PURE__ */ e.jsx(Tt, {}),
+  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, {}),
       " Clear"
     ] }) }),
-    /* @__PURE__ */ e.jsxs(Rt, { className: "border-border", children: [
-      /* @__PURE__ */ e.jsxs(Pt, { children: [
-        /* @__PURE__ */ e.jsx(Bt, { children: "Clear whole canvas?" }),
-        /* @__PURE__ */ e.jsx(Mt, { children: "Are you sure you want to clear the whole canvas?" })
+    /* @__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(_t, { children: [
-        /* @__PURE__ */ e.jsx(Nt, { children: "Cancel" }),
-        /* @__PURE__ */ e.jsx(Lt, { onClick: l, children: "Yes" })
+      /* @__PURE__ */ e.jsxs(cn, { children: [
+        /* @__PURE__ */ e.jsx(dn, { children: "Cancel" }),
+        /* @__PURE__ */ e.jsx(un, { onClick: c, children: "Yes" })
       ] })
     ] })
   ] }) });
-}, Pn = () => {
-  const n = qt("darkMode", !1), [t] = ze();
+}, Bn = () => {
+  const n = tn("darkMode", !1), [t] = Ve();
   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(An, {}),
-        /* @__PURE__ */ e.jsx(Z, { orientation: "vertical" })
+        /* @__PURE__ */ e.jsx(Dn, {}),
+        /* @__PURE__ */ e.jsx(G, { orientation: "vertical" })
       ] }) : null,
-      /* @__PURE__ */ e.jsx(On, {}),
-      /* @__PURE__ */ e.jsx(Z, { orientation: "vertical" }),
+      /* @__PURE__ */ e.jsx(In, {}),
+      /* @__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(Ct, { className: "h-3.5 w-3.5 flex-shrink-0" }),
+        /* @__PURE__ */ e.jsx(kt, { className: "h-3.5 w-3.5 flex-shrink-0" }),
         " ",
         /* @__PURE__ */ e.jsxs("div", { className: "text-xs leading-3", children: [
-          vt(t, 0),
+          yt(t, 0),
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ e.jsx(Z, { orientation: "vertical" }),
-      /* @__PURE__ */ e.jsx(In, {})
+      /* @__PURE__ */ e.jsx(G, { orientation: "vertical" }),
+      /* @__PURE__ */ e.jsx(Sn, {})
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex h-full items-center space-x-2", children: [
-      /* @__PURE__ */ e.jsx(Z, { orientation: "vertical" }),
-      /* @__PURE__ */ e.jsx(Rn, {})
+      /* @__PURE__ */ e.jsx(G, { orientation: "vertical" }),
+      /* @__PURE__ */ e.jsx(An, {})
     ] })
   ] });
-}, oe = {
-  FRAMEWORK: "FRAMEWORK",
-  STATIC: "STATIC",
-  EMAIL: "EMAIL",
-  PRESENTATION: "PRESENTATION",
-  GRAPHIC: "GRAPHIC"
-}, Bn = `<!doctype html>
+}, Pn = `<!doctype html>
 <html class="scroll-smooth h-full overflow-y-auto">
   <head>
     <meta charset="UTF-8">
@@ -298,53 +293,53 @@ const Ae = ({ landscape: n = !1 }) => /* @__PURE__ */ e.jsxs(
   <body class="font-body antialiased h-full">
     <div class="frame-root"></div>
   </body>
-</html>`, Mn = (n) => {
-  const [t] = ve(), [, r] = ze(), [i, l] = $({}), s = V(() => {
-    const { width: a, height: d } = n;
-    if (a < t) {
-      const y = parseFloat((a / t).toString());
+</html>`, Rn = (n) => {
+  const [t] = ve(), [, r] = Ve(), [a, c] = $({}), s = V(() => {
+    const { width: i, height: d } = n;
+    if (i < t) {
+      const y = parseFloat((i / t).toString());
       let b = {};
-      d && (b = { height: d + 2 * d * (1 - y) }), l({
+      d && (b = { height: d + 2 * d * (1 - y) }), c({
         transform: `scale(${y})`,
         transformOrigin: "top left",
         ...b,
         maxWidth: "none"
       }), r(y * 100);
     } else
-      l({}), r(100);
+      c({}), r(100);
   }, [t, n, r]);
-  return B(() => {
+  return R(() => {
     s();
-  }, [t, n, r, s]), i;
+  }, [t, n, r, s]), a;
 };
-var fe = { exports: {} };
+var pe = { exports: {} };
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var ie, Oe;
+var oe, Ie;
 function _n() {
-  if (Oe)
-    return ie;
-  Oe = 1;
+  if (Ie)
+    return oe;
+  Ie = 1;
   var n = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
-  function i(s) {
+  function a(s) {
     if (s == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
     return Object(s);
   }
-  function l() {
+  function c() {
     try {
       if (!Object.assign)
         return !1;
       var s = new String("abc");
       if (s[5] = "de", Object.getOwnPropertyNames(s)[0] === "5")
         return !1;
-      for (var a = {}, d = 0; d < 10; d++)
-        a["_" + String.fromCharCode(d)] = d;
-      var y = Object.getOwnPropertyNames(a).map(function(p) {
-        return a[p];
+      for (var i = {}, d = 0; d < 10; d++)
+        i["_" + String.fromCharCode(d)] = d;
+      var y = Object.getOwnPropertyNames(i).map(function(p) {
+        return i[p];
       });
       if (y.join("") !== "0123456789")
         return !1;
@@ -356,8 +351,8 @@ function _n() {
       return !1;
     }
   }
-  return ie = l() ? Object.assign : function(s, a) {
-    for (var d, y = i(s), b, p = 1; p < arguments.length; p++) {
+  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]);
@@ -368,42 +363,42 @@ function _n() {
       }
     }
     return y;
-  }, ie;
+  }, oe;
 }
-var ae, Re;
-function be() {
-  if (Re)
-    return ae;
-  Re = 1;
+var ie, Ae;
+function xe() {
+  if (Ae)
+    return ie;
+  Ae = 1;
   var n = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return ae = n, ae;
+  return ie = n, ie;
 }
-var le, Pe;
-function et() {
-  return Pe || (Pe = 1, le = Function.call.bind(Object.prototype.hasOwnProperty)), le;
+var ae, Be;
+function Ge() {
+  return Be || (Be = 1, ae = Function.call.bind(Object.prototype.hasOwnProperty)), ae;
 }
-var ce, Be;
-function Nn() {
-  if (Be)
-    return ce;
-  Be = 1;
+var le, Pe;
+function Mn() {
+  if (Pe)
+    return le;
+  Pe = 1;
   var n = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = be(), r = {}, i = et();
+    var t = xe(), r = {}, a = Ge();
     n = function(s) {
-      var a = "Warning: " + s;
-      typeof console < "u" && console.error(a);
+      var i = "Warning: " + s;
+      typeof console < "u" && console.error(i);
       try {
-        throw new Error(a);
+        throw new Error(i);
       } catch {
       }
     };
   }
-  function l(s, a, d, y, b) {
+  function c(s, i, d, y, b) {
     if (process.env.NODE_ENV !== "production") {
       for (var p in s)
-        if (i(s, p)) {
+        if (a(s, p)) {
           var u;
           try {
             if (typeof s[p] != "function") {
@@ -412,9 +407,9 @@ function Nn() {
               );
               throw m.name = "Invariant Violation", m;
             }
-            u = s[p](a, p, y, d, null, t);
-          } catch (A) {
-            u = A;
+            u = s[p](i, p, y, d, null, t);
+          } catch (O) {
+            u = O;
           }
           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)."
@@ -428,16 +423,16 @@ function Nn() {
         }
     }
   }
-  return l.resetWarningCache = function() {
+  return c.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (r = {});
-  }, ce = l, ce;
+  }, le = c, le;
 }
-var de, Me;
-function Ln() {
-  if (Me)
-    return de;
-  Me = 1;
-  var n = Ke, t = _n(), r = be(), i = et(), l = Nn(), s = function() {
+var ce, Re;
+function Nn() {
+  if (Re)
+    return ce;
+  Re = 1;
+  var n = qe, t = _n(), r = xe(), a = Ge(), c = Mn(), s = function() {
   };
   process.env.NODE_ENV !== "production" && (s = function(d) {
     var y = "Warning: " + d;
@@ -447,15 +442,15 @@ function Ln() {
     } catch {
     }
   });
-  function a() {
+  function i() {
     return null;
   }
-  return de = function(d, y) {
+  return ce = function(d, y) {
     var b = typeof Symbol == "function" && Symbol.iterator, p = "@@iterator";
     function u(o) {
-      var c = o && (b && o[b] || o[p]);
-      if (typeof c == "function")
-        return c;
+      var l = o && (b && o[b] || o[p]);
+      if (typeof l == "function")
+        return l;
     }
     var m = "<<anonymous>>", k = {
       array: f("array"),
@@ -467,222 +462,222 @@ function Ln() {
       string: f("string"),
       symbol: f("symbol"),
       any: F(),
-      arrayOf: _,
+      arrayOf: M,
       element: ne(),
       elementType: re(),
-      instanceOf: D,
-      node: at(),
+      instanceOf: I,
+      node: ot(),
       objectOf: L,
       oneOf: N,
-      oneOfType: it,
-      shape: lt,
-      exact: ct
+      oneOfType: st,
+      shape: it,
+      exact: at
     };
-    function A(o, c) {
-      return o === c ? o !== 0 || 1 / o === 1 / c : o !== o && c !== c;
+    function O(o, l) {
+      return o === l ? o !== 0 || 1 / o === 1 / l : o !== o && l !== l;
     }
-    function w(o, c) {
-      this.message = o, this.data = c && typeof c == "object" ? c : {}, this.stack = "";
+    function w(o, l) {
+      this.message = o, this.data = l && typeof l == "object" ? l : {}, this.stack = "";
     }
     w.prototype = Error.prototype;
     function S(o) {
       if (process.env.NODE_ENV !== "production")
-        var c = {}, j = 0;
-      function v(T, g, x, C, I, E, M) {
-        if (C = C || m, E = E || x, M !== r) {
+        var l = {}, j = 0;
+      function v(C, g, x, T, D, E, _) {
+        if (T = T || m, E = E || x, _ !== r) {
           if (y) {
-            var R = new Error(
+            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 R.name = "Invariant Violation", R;
+            throw B.name = "Invariant Violation", B;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Y = C + ":" + x;
-            !c[Y] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var Y = T + ":" + x;
+            !l[Y] && // Avoid spamming the console because they are often not actionable except for lib authors
             j < 3 && (s(
-              "You are manually calling a React.PropTypes validation function for the `" + E + "` 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."
-            ), c[Y] = !0, j++);
+              "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++);
           }
         }
-        return g[x] == null ? T ? g[x] === null ? new w("The " + I + " `" + E + "` is marked as required " + ("in `" + C + "`, but its value is `null`.")) : new w("The " + I + " `" + E + "` is marked as required in " + ("`" + C + "`, but its value is `undefined`.")) : null : o(g, x, C, I, E);
+        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);
       }
       var h = v.bind(null, !1);
       return h.isRequired = v.bind(null, !0), h;
     }
     function f(o) {
-      function c(j, v, h, T, g, x) {
-        var C = j[v], I = W(C);
-        if (I !== o) {
-          var E = G(C);
+      function l(j, v, h, C, g, x) {
+        var T = j[v], D = W(T);
+        if (D !== o) {
+          var E = X(T);
           return new w(
-            "Invalid " + T + " `" + g + "` of type " + ("`" + E + "` supplied to `" + h + "`, expected ") + ("`" + o + "`."),
+            "Invalid " + C + " `" + g + "` of type " + ("`" + E + "` supplied to `" + h + "`, expected ") + ("`" + o + "`."),
             { expectedType: o }
           );
         }
         return null;
       }
-      return S(c);
+      return S(l);
     }
     function F() {
-      return S(a);
+      return S(i);
     }
-    function _(o) {
-      function c(j, v, h, T, g) {
+    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.");
         var x = j[v];
         if (!Array.isArray(x)) {
-          var C = W(x);
-          return new w("Invalid " + T + " `" + g + "` of type " + ("`" + C + "` supplied to `" + h + "`, expected an array."));
+          var T = W(x);
+          return new w("Invalid " + C + " `" + g + "` of type " + ("`" + T + "` supplied to `" + h + "`, expected an array."));
         }
-        for (var I = 0; I < x.length; I++) {
-          var E = o(x, I, h, T, g + "[" + I + "]", r);
+        for (var D = 0; D < x.length; D++) {
+          var E = o(x, D, h, C, g + "[" + D + "]", r);
           if (E instanceof Error)
             return E;
         }
         return null;
       }
-      return S(c);
+      return S(l);
     }
     function ne() {
-      function o(c, j, v, h, T) {
-        var g = c[j];
+      function o(l, j, v, h, C) {
+        var g = l[j];
         if (!d(g)) {
           var x = W(g);
-          return new w("Invalid " + h + " `" + T + "` of type " + ("`" + x + "` supplied to `" + v + "`, expected a single ReactElement."));
+          return new w("Invalid " + h + " `" + C + "` of type " + ("`" + x + "` supplied to `" + v + "`, expected a single ReactElement."));
         }
         return null;
       }
       return S(o);
     }
     function re() {
-      function o(c, j, v, h, T) {
-        var g = c[j];
+      function o(l, j, v, h, C) {
+        var g = l[j];
         if (!n.isValidElementType(g)) {
           var x = W(g);
-          return new w("Invalid " + h + " `" + T + "` of type " + ("`" + x + "` supplied to `" + v + "`, expected a single ReactElement type."));
+          return new w("Invalid " + h + " `" + C + "` of type " + ("`" + x + "` supplied to `" + v + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return S(o);
     }
-    function D(o) {
-      function c(j, v, h, T, g) {
+    function I(o) {
+      function l(j, v, h, C, g) {
         if (!(j[v] instanceof o)) {
-          var x = o.name || m, C = pt(j[v]);
-          return new w("Invalid " + T + " `" + g + "` of type " + ("`" + C + "` supplied to `" + h + "`, expected ") + ("instance of `" + x + "`."));
+          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 + "`."));
         }
         return null;
       }
-      return S(c);
+      return S(l);
     }
     function N(o) {
       if (!Array.isArray(o))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : s("Invalid argument supplied to oneOf, expected an array.")), a;
-      function c(j, v, h, T, g) {
-        for (var x = j[v], C = 0; C < o.length; C++)
-          if (A(x, o[C]))
+        ) : 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]))
             return null;
-        var I = JSON.stringify(o, function(M, R) {
-          var Y = G(R);
-          return Y === "symbol" ? String(R) : R;
+        var D = JSON.stringify(o, function(_, B) {
+          var Y = X(B);
+          return Y === "symbol" ? String(B) : B;
         });
-        return new w("Invalid " + T + " `" + g + "` of value `" + String(x) + "` " + ("supplied to `" + h + "`, expected one of " + I + "."));
+        return new w("Invalid " + C + " `" + g + "` of value `" + String(x) + "` " + ("supplied to `" + h + "`, expected one of " + D + "."));
       }
-      return S(c);
+      return S(l);
     }
     function L(o) {
-      function c(j, v, h, T, g) {
+      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], C = W(x);
-        if (C !== "object")
-          return new w("Invalid " + T + " `" + g + "` of type " + ("`" + C + "` supplied to `" + h + "`, expected an object."));
-        for (var I in x)
-          if (i(x, I)) {
-            var E = o(x, I, h, T, g + "." + I, r);
+        var x = j[v], T = W(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);
             if (E instanceof Error)
               return E;
           }
         return null;
       }
-      return S(c);
+      return S(l);
     }
-    function it(o) {
+    function st(o) {
       if (!Array.isArray(o))
-        return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), a;
-      for (var c = 0; c < o.length; c++) {
-        var j = o[c];
+        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];
         if (typeof j != "function")
           return s(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ut(j) + " at index " + c + "."
-          ), a;
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ct(j) + " at index " + l + "."
+          ), i;
       }
-      function v(h, T, g, x, C) {
-        for (var I = [], E = 0; E < o.length; E++) {
-          var M = o[E], R = M(h, T, g, x, C, r);
-          if (R == null)
+      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);
+          if (B == null)
             return null;
-          R.data && i(R.data, "expectedType") && I.push(R.data.expectedType);
+          B.data && a(B.data, "expectedType") && D.push(B.data.expectedType);
         }
-        var Y = I.length > 0 ? ", expected one of type [" + I.join(", ") + "]" : "";
-        return new w("Invalid " + x + " `" + C + "` supplied to " + ("`" + g + "`" + Y + "."));
+        var Y = D.length > 0 ? ", expected one of type [" + D.join(", ") + "]" : "";
+        return new w("Invalid " + x + " `" + T + "` supplied to " + ("`" + g + "`" + Y + "."));
       }
       return S(v);
     }
-    function at() {
-      function o(c, j, v, h, T) {
-        return J(c[j]) ? null : new w("Invalid " + h + " `" + T + "` supplied to " + ("`" + v + "`, expected a ReactNode."));
+    function ot() {
+      function o(l, j, v, h, C) {
+        return Z(l[j]) ? null : new w("Invalid " + h + " `" + C + "` supplied to " + ("`" + v + "`, expected a ReactNode."));
       }
       return S(o);
     }
-    function we(o, c, j, v, h) {
+    function je(o, l, j, v, h) {
       return new w(
-        (o || "React class") + ": " + c + " type `" + j + "." + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + h + "`."
+        (o || "React class") + ": " + l + " type `" + j + "." + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + h + "`."
       );
     }
-    function lt(o) {
-      function c(j, v, h, T, g) {
-        var x = j[v], C = W(x);
-        if (C !== "object")
-          return new w("Invalid " + T + " `" + g + "` of type `" + C + "` " + ("supplied to `" + h + "`, expected `object`."));
-        for (var I in o) {
-          var E = o[I];
+    function it(o) {
+      function l(j, v, h, C, g) {
+        var x = j[v], T = W(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];
           if (typeof E != "function")
-            return we(h, T, g, I, G(E));
-          var M = E(x, I, h, T, g + "." + I, r);
-          if (M)
-            return M;
+            return je(h, C, g, D, X(E));
+          var _ = E(x, D, h, C, g + "." + D, r);
+          if (_)
+            return _;
         }
         return null;
       }
-      return S(c);
+      return S(l);
     }
-    function ct(o) {
-      function c(j, v, h, T, g) {
-        var x = j[v], C = W(x);
-        if (C !== "object")
-          return new w("Invalid " + T + " `" + g + "` of type `" + C + "` " + ("supplied to `" + h + "`, expected `object`."));
-        var I = t({}, j[v], o);
-        for (var E in I) {
-          var M = o[E];
-          if (i(o, E) && typeof M != "function")
-            return we(h, T, g, E, G(M));
-          if (!M)
+    function at(o) {
+      function l(j, v, h, C, g) {
+        var x = j[v], T = W(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 " + T + " `" + g + "` key `" + E + "` supplied to `" + h + "`.\nBad object: " + JSON.stringify(j[v], null, "  ") + `
+              "Invalid " + C + " `" + g + "` key `" + E + "` supplied to `" + h + "`.\nBad object: " + JSON.stringify(j[v], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
             );
-          var R = M(x, E, h, T, g + "." + E, r);
-          if (R)
-            return R;
+          var B = _(x, E, h, C, g + "." + E, r);
+          if (B)
+            return B;
         }
         return null;
       }
-      return S(c);
+      return S(l);
     }
-    function J(o) {
+    function Z(o) {
       switch (typeof o) {
         case "number":
         case "string":
@@ -692,20 +687,20 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
           return !o;
         case "object":
           if (Array.isArray(o))
-            return o.every(J);
+            return o.every(Z);
           if (o === null || d(o))
             return !0;
-          var c = u(o);
-          if (c) {
-            var j = c.call(o), v;
-            if (c !== o.entries) {
+          var l = u(o);
+          if (l) {
+            var j = l.call(o), v;
+            if (l !== o.entries) {
               for (; !(v = j.next()).done; )
-                if (!J(v.value))
+                if (!Z(v.value))
                   return !1;
             } else
               for (; !(v = j.next()).done; ) {
                 var h = v.value;
-                if (h && !J(h[1]))
+                if (h && !Z(h[1]))
                   return !1;
               }
           } else
@@ -715,57 +710,57 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
           return !1;
       }
     }
-    function dt(o, c) {
-      return o === "symbol" ? !0 : c ? c["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && c instanceof Symbol : !1;
+    function lt(o, l) {
+      return o === "symbol" ? !0 : l ? l["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && l instanceof Symbol : !1;
     }
     function W(o) {
-      var c = typeof o;
-      return Array.isArray(o) ? "array" : o instanceof RegExp ? "object" : dt(c, o) ? "symbol" : c;
+      var l = typeof o;
+      return Array.isArray(o) ? "array" : o instanceof RegExp ? "object" : lt(l, o) ? "symbol" : l;
     }
-    function G(o) {
+    function X(o) {
       if (typeof o > "u" || o === null)
         return "" + o;
-      var c = W(o);
-      if (c === "object") {
+      var l = W(o);
+      if (l === "object") {
         if (o instanceof Date)
           return "date";
         if (o instanceof RegExp)
           return "regexp";
       }
-      return c;
+      return l;
     }
-    function ut(o) {
-      var c = G(o);
-      switch (c) {
+    function ct(o) {
+      var l = X(o);
+      switch (l) {
         case "array":
         case "object":
-          return "an " + c;
+          return "an " + l;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + c;
+          return "a " + l;
         default:
-          return c;
+          return l;
       }
     }
-    function pt(o) {
+    function dt(o) {
       return !o.constructor || !o.constructor.name ? m : o.constructor.name;
     }
-    return k.checkPropTypes = l, k.resetWarningCache = l.resetWarningCache, k.PropTypes = k, k;
-  }, de;
+    return k.checkPropTypes = c, k.resetWarningCache = c.resetWarningCache, k.PropTypes = k, k;
+  }, ce;
 }
-var ue, _e;
-function Fn() {
+var de, _e;
+function Ln() {
   if (_e)
-    return ue;
+    return de;
   _e = 1;
-  var n = be();
+  var n = xe();
   function t() {
   }
   function r() {
   }
-  return r.resetWarningCache = t, ue = function() {
-    function i(a, d, y, b, p, u) {
+  return r.resetWarningCache = t, de = function() {
+    function a(i, d, y, b, p, u) {
       if (u !== 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"
@@ -773,48 +768,48 @@ function Fn() {
         throw m.name = "Invariant Violation", m;
       }
     }
-    i.isRequired = i;
-    function l() {
-      return i;
+    a.isRequired = a;
+    function c() {
+      return a;
     }
     var s = {
-      array: i,
-      bigint: i,
-      bool: i,
-      func: i,
-      number: i,
-      object: i,
-      string: i,
-      symbol: i,
-      any: i,
-      arrayOf: l,
-      element: i,
-      elementType: i,
-      instanceOf: l,
-      node: i,
-      objectOf: l,
-      oneOf: l,
-      oneOfType: l,
-      shape: l,
-      exact: l,
+      array: a,
+      bigint: a,
+      bool: a,
+      func: a,
+      number: a,
+      object: a,
+      string: a,
+      symbol: a,
+      any: a,
+      arrayOf: c,
+      element: a,
+      elementType: a,
+      instanceOf: c,
+      node: a,
+      objectOf: c,
+      oneOf: c,
+      oneOfType: c,
+      shape: c,
+      exact: c,
       checkPropTypes: r,
       resetWarningCache: t
     };
     return s.PropTypes = s, s;
-  }, ue;
+  }, de;
 }
 if (process.env.NODE_ENV !== "production") {
-  var Wn = Ke, $n = !0;
-  fe.exports = Ln()(Wn.isElement, $n);
+  var Fn = qe, Wn = !0;
+  pe.exports = Nn()(Fn.isElement, Wn);
 } else
-  fe.exports = Fn()();
-var qn = fe.exports;
-const P = /* @__PURE__ */ kn(qn);
-let tt, nt;
-typeof document < "u" && (tt = document);
-typeof window < "u" && (nt = window);
-const rt = H.createContext({ document: tt, window: nt }), je = () => H.useContext(rt), { Provider: Un, Consumer: Zr } = rt;
-class st extends Le {
+  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 {
   componentDidMount() {
     this.props.contentDidMount();
   }
@@ -822,21 +817,21 @@ class st extends Le {
     this.props.contentDidUpdate();
   }
   render() {
-    return yt.only(this.props.children);
+    return ht.only(this.props.children);
   }
 }
-U(st, "propTypes", {
+U(nt, "propTypes", {
   children: P.element.isRequired,
   contentDidMount: P.func.isRequired,
   contentDidUpdate: P.func.isRequired
 });
-class he extends Le {
-  constructor(r, i) {
-    super(r, i);
+class fe extends Ne {
+  constructor(r, a) {
+    super(r, a);
     U(this, "setRef", (r) => {
       this.nodeRef.current = r;
-      const { forwardedRef: i } = this.props;
-      typeof i == "function" ? i(r) : i && (i.current = r);
+      const { forwardedRef: a } = this.props;
+      typeof a == "function" ? a(r) : a && (a.current = r);
     });
     U(this, "handleLoad", () => {
       clearInterval(this.loadCheck), this.state.iframeLoaded || this.setState({ iframeLoaded: !0 });
@@ -846,7 +841,7 @@ class he extends Le {
     U(this, "loadCheck", () => setInterval(() => {
       this.handleLoad();
     }, 500));
-    this._isMounted = !1, this.nodeRef = H.createRef(), this.state = { iframeLoaded: !1 };
+    this._isMounted = !1, this.nodeRef = z.createRef(), this.state = { iframeLoaded: !1 };
   }
   componentDidMount() {
     this._isMounted = !0, this.getDoc() && this.nodeRef.current.contentWindow.addEventListener("DOMContentLoaded", this.handleLoad);
@@ -867,8 +862,8 @@ class he extends Le {
     const r = this.getDoc();
     if (!r)
       return null;
-    const i = this.props.contentDidMount, l = this.props.contentDidUpdate, s = r.defaultView || r.parentView, a = /* @__PURE__ */ e.jsx(st, { contentDidMount: i, contentDidUpdate: l, children: /* @__PURE__ */ e.jsx(Un, { value: { document: r, window: s }, children: /* @__PURE__ */ e.jsx("div", { className: "frame-content", children: this.props.children }) }) }), d = this.getMountTarget();
-    return [Ie.createPortal(this.props.head, this.getDoc().head), Ie.createPortal(a, d)];
+    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)];
   }
   render() {
     const r = {
@@ -884,7 +879,7 @@ class he extends Le {
 // 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(he, "propTypes", {
+U(fe, "propTypes", {
   style: P.object,
   // eslint-disable-line
   head: P.node,
@@ -893,7 +888,7 @@ U(he, "propTypes", {
   contentDidMount: P.func,
   contentDidUpdate: P.func,
   children: P.oneOfType([P.element, P.arrayOf(P.element)])
-}), U(he, "defaultProps", {
+}), U(fe, "defaultProps", {
   style: {},
   head: null,
   children: void 0,
@@ -904,30 +899,30 @@ U(he, "propTypes", {
   },
   initialContent: '<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'
 });
-const Hn = H.forwardRef((n, t) => /* @__PURE__ */ e.jsx(he, { ...n, forwardedRef: t })), zn = ({ children: n }) => {
-  const { document: t } = je(), [r] = z(), [i, l] = K();
-  return B(() => {
+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(() => {
     setTimeout(() => {
-      if (!q(i))
+      if (!q(a))
         return;
-      const s = ot(t, ee(r));
+      const s = rt(t, ee(r));
       if (s) {
-        const a = s.getAttribute("data-style-prop");
-        if (a) {
+        const i = s.getAttribute("data-style-prop");
+        if (i) {
           const d = s.getAttribute("data-style-id"), y = s.getAttribute("data-block-parent");
-          l([{ id: d, prop: a, blockId: y }]);
+          c([{ id: d, prop: i, blockId: y }]);
         }
       }
     }, 100);
-  }, [t, r, l, i]), /* @__PURE__ */ e.jsx("div", { id: "canvas", className: "relative h-screen max-w-full outline-2", children: n });
-}, ot = (n, t) => n.querySelector(`[data-block-id="${t}"]`), Kn = () => {
-  const { window: n } = je(), [t, r] = z(), [, i] = K(), { undo: l, redo: s } = ge(), a = Ye(), [, d] = Ut(), [, y] = Ht(), { pasteBlocks: b } = zt(), [, p] = Ve(), u = Ge(), { savePage: m } = Kt(), [k] = X(Yt), [, A] = X(Vt), w = (S) => {
-    S.key === "Enter" && (S.preventDefault(), t.length === 1 && A(ee(t)));
+  }, [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)));
   };
-  return B(() => {
+  return R(() => {
     const S = (f) => {
       if (f.key === "Escape") {
-        r([]), i([]);
+        r([]), a([]);
         return;
       }
       if (w(f), !k && (f.key === "Delete" || f.key === "Backspace") && (f.preventDefault(), u(t)), f.ctrlKey || f.metaKey) {
@@ -936,7 +931,7 @@ const Hn = H.forwardRef((n, t) => /* @__PURE__ */ e.jsx(he, { ...n, forwardedRef
             return !0;
           f.preventDefault();
         }
-        f.key === "s" && (f.stopPropagation(), f.preventDefault(), m()), f.key === "z" && l(), f.key === "y" && s(), f.key === "d" && a(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" && 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]);
       }
     };
     return n.removeEventListener("keydown", S), n.addEventListener("keydown", S), () => {
@@ -945,11 +940,11 @@ const Hn = H.forwardRef((n, t) => /* @__PURE__ */ e.jsx(he, { ...n, forwardedRef
   }, [
     t,
     r,
-    l,
+    c,
     u,
     p,
     s,
-    a,
+    i,
     d,
     y,
     b,
@@ -957,8 +952,8 @@ const Hn = H.forwardRef((n, t) => /* @__PURE__ */ e.jsx(he, { ...n, forwardedRef
     m,
     n
   ]), null;
-}, Yn = ({ block: n, label: t }) => {
-  const [, r] = vn(() => ({
+}, Kn = ({ block: n, label: t }) => {
+  const [, r] = mn(() => ({
     type: "CANVAS_BLOCK",
     item: n
   }));
@@ -971,71 +966,68 @@ const Hn = H.forwardRef((n, t) => /* @__PURE__ */ e.jsx(he, { ...n, forwardedRef
         console.log("drag start");
       },
       children: [
-        /* @__PURE__ */ e.jsx(At, {}),
+        /* @__PURE__ */ e.jsx(St, {}),
         t
       ]
     }
   );
-}, Vn = ({
-  selectedBlockElement: n,
-  block: t
-}) => {
-  const r = Ge(), i = Ye(), [, l] = z(), [, s] = K(), { floatingStyles: a, refs: d, update: y } = yn({
+}, Yn = ({ selectedBlockElement: n, block: t }) => {
+  const r = He(), a = Ue(), [, c] = H(), [, s] = K(), { floatingStyles: i, refs: d, update: y } = fn({
     placement: "top-start",
-    middleware: [gn(), mn()],
+    middleware: [hn(), pn()],
     elements: {
       reference: n
     }
   });
-  xn(n, () => y(), n !== null);
-  const b = O(t, "_parent", null), p = q(O(t, "_name", "")) ? O(t, "_type", "") : O(t, "_name", "");
+  vn(n, () => y(), n !== null);
+  const b = A(t, "_parent", null), p = q(A(t, "_name", "")) ? A(t, "_type", "") : A(t, "_name", "");
   return !n || !t ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       role: "button",
       tabIndex: 0,
       ref: d.setFloating,
-      style: a,
+      style: i,
       onClick: (u) => {
         u.stopPropagation(), u.preventDefault();
       },
       onKeyDown: (u) => u.stopPropagation(),
       className: "z-50 flex h-6 items-center bg-blue-500  py-2 text-xs text-white",
       children: [
-        /* @__PURE__ */ e.jsx(Yn, { label: p, block: t }),
+        /* @__PURE__ */ e.jsx(Kn, { label: p, block: t }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 px-1 ", children: [
           b && /* @__PURE__ */ e.jsx(
-            Et,
+            Ct,
             {
               className: "hover:scale-105 ",
               onClick: () => {
-                s([]), l([b]);
+                s([]), c([b]);
               }
             }
           ),
-          Gt(O(t, "_type", "")) ? /* @__PURE__ */ e.jsx(St, { className: "hover:scale-105 ", onClick: () => i([t == null ? void 0 : t._id]) }) : null,
-          Xt(O(t, "_type", "")) ? /* @__PURE__ */ e.jsx(It, { className: "hover:scale-105 ", onClick: () => r([t == null ? void 0 : t._id]) }) : null
+          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
         ] })
       ]
     }
   );
-}, Gn = ({ model: n }) => {
-  const [t] = Jt(), [r] = z(), [i] = He(), [l] = xe(), [s] = K(), { document: a, window: d } = je(), [y] = $(a == null ? void 0 : a.getElementById("highlighted-block")), [b] = $(
-    a == null ? void 0 : a.getElementById("selected-block")
+}, 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] = $(
+    i == null ? void 0 : i.getElementById("selected-block")
   ), [p] = $(
-    a == null ? void 0 : a.getElementById("selected-styling-block")
+    i == null ? void 0 : i.getElementById("selected-styling-block")
   );
-  B(() => {
-    i ? a == null || a.documentElement.classList.add("dark") : a == null || a.documentElement.classList.remove("dark");
-  }, [i, a]);
-  const u = O(t, "headingFont", "DM Sans"), m = O(t, "bodyFont", "DM Sans");
-  return B(() => {
-    const k = O(t, "primaryColor", "#000"), A = O(t, "secondaryColor", "#FFF"), w = bn({
-      colors: [k, A],
+  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],
       names: ["primary", "secondary"]
     });
-    w.primary.DEFAULT = k, w.secondary.DEFAULT = A;
-    const S = O(t, "roundedCorners", "0");
+    w.primary.DEFAULT = k, w.secondary.DEFAULT = O;
+    const S = A(t, "roundedCorners", "0");
     !d || !d.tailwind || (d.tailwind.config = {
       darkMode: "class",
       theme: {
@@ -1053,33 +1045,33 @@ const Hn = H.forwardRef((n, t) => /* @__PURE__ */ e.jsx(he, { ...n, forwardedRef
       plugins: [
         // @ts-ignore
         d.tailwind.plugin.withOptions(({ prefix: f = "ui" } = {}) => ({ addVariant: F }) => {
-          for (const _ of ["open", "checked", "selected", "active", "disabled"])
-            F(`${f}-${_}`, [
-              `&[data-headlessui-state~="${_}"]`,
-              `:where([data-headlessui-state~="${_}"]) &`
-            ]), F(`${f}-not-${_}`, [
-              `&[data-headlessui-state]:not([data-headlessui-state~="${_}"])`,
-              `:where([data-headlessui-state]:not([data-headlessui-state~="${_}"])) &:not([data-headlessui-state])`
+          for (const M of ["open", "checked", "selected", "active", "disabled"])
+            F(`${f}-${M}`, [
+              `&[data-headlessui-state~="${M}"]`,
+              `:where([data-headlessui-state~="${M}"]) &`
+            ]), F(`${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]), B(() => {
+  }, [t, d, u, m]), R(() => {
     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]), B(() => {
-    y && (y.textContent = l ? `[data-style-id="${l}"]{ outline: 1px solid orange !important; outline-offset: -1px;}` : "");
-  }, [l, r, y]), B(() => {
+  }, [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(",")}{
                 outline: 1px solid orange !important; outline-offset: -1px;
             }`);
-  }, [s, p]), B(() => {
+  }, [s, p]), R(() => {
     if (n === "section")
       return;
-    const k = O(t, "bodyTextLightColor", "#64748b"), A = O(t, "bodyTextDarkColor", "#94a3b8"), w = O(t, "bodyBgLightColor", "#FFFFFF"), S = O(t, "bodyBgDarkColor", "#0f172a");
-    a.body.className = `font-body antialiased text-[${k}] bg-[${w}] dark:text-[${A}] dark:bg-[${S}]`;
-  }, [t, a, n]), n === "page" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    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}]`;
+  }, [t, i, n]), n === "page" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     u && /* @__PURE__ */ e.jsx(
       "link",
       {
@@ -1109,53 +1101,53 @@ const Hn = H.forwardRef((n, t) => /* @__PURE__ */ e.jsx(he, { ...n, forwardedRef
     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";}` })
   ] }) : null;
 }, Xn = () => {
-  const { t: n } = Je();
+  const { t: n } = Ke();
   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) => {
   const t = {};
   return Object.keys(n).forEach((r) => {
-    ye(n[r]) && n[r].startsWith(Se) && (t[r] = n[r].replace(Se, "").split(","));
+    me(n[r]) && n[r].startsWith(Ee) && (t[r] = n[r].replace(Ee, "").split(","));
   }), t;
-}, Zn = xt((n) => {
-  const t = n.replace(Ze, "").split(",");
-  return wn(t[0], t[1]);
+}, Zn = gt((n) => {
+  const t = n.replace(Je, "").split(",");
+  return jn(t[0], t[1]);
 });
-function Qn(n, t) {
-  return O(n, `${t}_attrs`, {});
+function Gn(n, t) {
+  return A(n, `${t}_attrs`, {});
 }
-function er(n, t, r, i) {
-  const l = {};
+function Qn(n, t, r, a) {
+  const c = {};
   return Object.keys(n).forEach((s) => {
-    if (ye(n[s]) && n[s].startsWith(Ze)) {
-      const a = Zn(n[s]);
-      l[s] = {
-        className: a,
+    if (me(n[s]) && n[s].startsWith(Je)) {
+      const i = Zn(n[s]);
+      c[s] = {
+        className: i,
         "data-style-prop": s,
         "data-block-parent": n._id,
         "data-style-id": `${s}-${n._id}`,
         onMouseEnter: t,
         onMouseLeave: r,
-        onClick: i,
-        ...Qn(n, s)
+        onClick: a,
+        ...Gn(n, s)
       };
     }
-  }), l;
+  }), c;
 }
-function tr(n, t) {
-  const r = O(n, "_bindings", {});
-  return q(r) ? { ...n } : (pe(r, (i, l) => {
-    ye(i) && O(t, i, null) && (n[l] = O(t, i, null));
+function er(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));
   }), n);
 }
-function me({ blocks: n }) {
-  const t = Xe(), [, r] = xe(), [, i] = K(), [, l] = z(), s = V(
+function he({ blocks: n }) {
+  const t = Xe(), [, r] = ge(), [, a] = K(), [, c] = H(), s = V(
     (p) => {
       var m;
       const u = (m = p.currentTarget) == null ? void 0 : m.getAttribute("data-style-id");
       r(u || ""), p.stopPropagation();
     },
     [r]
-  ), a = V(
+  ), i = V(
     (p) => {
       r(""), p.stopPropagation();
     },
@@ -1165,30 +1157,30 @@ function me({ blocks: n }) {
       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"), A = u.getAttribute("data-block-parent");
-        i([{ id: k, prop: m, blockId: A }]), l([A]);
-      } else if (u.getAttribute("data-block-id") && (l([u.getAttribute("data-block-id")]), u.getAttribute("data-block-parent"))) {
-        const m = u.getAttribute("data-style-prop"), k = u.getAttribute("data-style-id"), A = u.getAttribute("data-block-parent");
-        i([{ id: k, prop: m, blockId: A }]);
+        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 }]);
       }
     },
-    [i, l]
+    [a, c]
   ), y = V(
-    (p) => er(p, s, a, d),
-    [d, s, a]
-  ), [b] = Qe();
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: H.Children.toArray(
+    (p) => Qn(p, s, i, d),
+    [d, s, i]
+  ), [b] = Ze();
+  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) => {
-        k[f] = H.Children.toArray(
-          m[f].map((F) => /* @__PURE__ */ e.jsx(me, { blocks: [We(t, { _id: F })] }))
+        k[f] = z.Children.toArray(
+          m[f].map((F) => /* @__PURE__ */ e.jsx(he, { blocks: [Fe(t, { _id: F })] }))
         );
       });
-      const A = $e(t, { _parent: p._id });
-      k.children = A.length ? /* @__PURE__ */ e.jsx(me, { blocks: A }) : null;
-      const w = Cn(p._type), S = O(w, "component", null);
-      return bt(S) ? /* @__PURE__ */ e.jsx("noscript", { children: `<!-- ${p == null ? void 0 : p._type} not registered -->` }) : /* @__PURE__ */ e.jsx(Fe, { children: H.createElement(S, {
+      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, {
         blockProps: {
           onClick: d,
           "data-block-id": p._id,
@@ -1196,80 +1188,80 @@ function me({ blocks: n }) {
         },
         inBuilder: !0,
         index: u,
-        ...tr(p, b),
+        ...er(p, b),
         ...y(p),
         ...k
       }) });
     })
   ) });
 }
-const nr = () => {
+const tr = () => {
   const n = Xe();
-  return /* @__PURE__ */ e.jsx(jn, { children: q(n) ? /* @__PURE__ */ e.jsx(Xn, {}) : /* @__PURE__ */ e.jsx(Sn, { children: /* @__PURE__ */ e.jsx(me, { blocks: $e(n, (t) => q(t._parent)) }) }) });
-}, rr = (n, t) => n.querySelector(`[data-style-id="${t}"]`), sr = () => {
-  const [n] = X(Zt), [t] = Ve(), [r] = ve(), [, i] = z(), l = Qt(), [, s] = xe(), a = ke(null), d = ke(null), [y, b] = $({ width: 0, height: 0 }), p = Mn(y), [u, m] = $(0), [k, A] = $([]), [, w] = $([]), [, S] = X(en), [f, F] = K(), _ = qe("loadingCanvas", !1);
-  B(() => {
-    const { clientWidth: D, clientHeight: N } = d.current;
-    b({ width: D, height: N }), u === 0 && m(D);
+  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 = (D, N = 0) => {
-    const { top: L } = D.getBoundingClientRect();
+  const ne = (I, N = 0) => {
+    const { top: L } = I.getBoundingClientRect();
     return L + N >= 0 && L - N <= window.innerHeight;
   };
-  B(() => {
-    var D, N;
-    if (l && l.type !== "Multiple" && a.current) {
-      const L = ot(a.current.contentDocument, l._id);
-      L && (ne(L) || (N = (D = a.current) == null ? void 0 : D.contentWindow) == null || N.scrollTo({ top: L.offsetTop, behavior: "smooth" }), A([L]));
+  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]));
     }
-  }, [l]), B(() => {
-    if (!q(f) && a.current) {
-      const D = rr(
-        a.current.contentDocument,
+  }, [c]), R(() => {
+    if (!q(f) && i.current) {
+      const I = nr(
+        i.current.contentDocument,
         ee(f).id
       );
-      w(D ? [D] : [null]);
+      w(I ? [I] : [null]);
     } else
       w([null]);
   }, [f]);
-  const re = Ne(() => {
-    let D = Bn;
-    return n === "offline" && (D = D.replace(
-      "https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio",
+  const re = Me(() => {
+    let I = Pn;
+    return n === "offline" && (I = I.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;
+    ), I = I.replace("https://unpkg.com/aos@next/dist/aos.css", "/offline/aos.css"), I = I.replace("https://unpkg.com/aos@next/dist/aos.js", "/offline/aos.js")), I;
   }, [n]);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       onClick: () => {
-        i([]), F([]);
+        a([]), F([]);
       },
       onMouseLeave: () => setTimeout(() => s(""), 300),
-      className: "relative mx-auto h-full w-full bg-black/80",
+      className: "relative mx-auto h-full w-full",
       style: u > 0 && !q(p) ? { width: t ? "100%" : u } : {},
       ref: d,
       children: /* @__PURE__ */ e.jsxs(
-        Hn,
+        Un,
         {
-          contentDidMount: () => S(a.current),
-          ref: a,
+          contentDidMount: () => S(i.current),
+          ref: i,
           id: "canvas-iframe",
           style: { width: `${r}px`, ...p },
           className: "relative mx-auto box-content h-full max-w-full shadow-md transition-all duration-300 ease-linear",
           initialContent: re,
           children: [
-            /* @__PURE__ */ e.jsx(Kn, {}),
+            /* @__PURE__ */ e.jsx(Hn, {}),
             /* @__PURE__ */ e.jsx(
-              Vn,
+              Yn,
               {
-                block: l,
+                block: c,
                 selectedBlockElement: ee(k)
               }
             ),
-            /* @__PURE__ */ e.jsx(Gn, { model: "page" }),
+            /* @__PURE__ */ e.jsx(Vn, { model: "page" }),
             /* @__PURE__ */ e.jsxs(zn, { children: [
-              _ ? /* @__PURE__ */ e.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ e.jsx(Ue, { className: "h-full" }) }) : /* @__PURE__ */ e.jsx(nr, {}),
+              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("div", { className: "h-60" })
             ] })
           ]
@@ -1277,26 +1269,23 @@ const nr = () => {
       )
     }
   );
-}, or = gt(() => import("./AddBlocks-9128ba6f.js")), Qr = () => {
-  const n = qe("mode", oe.STATIC), [t, r] = X(tn), i = {
-    [oe.STATIC]: /* @__PURE__ */ e.jsx(sr, {}),
-    [oe.FRAMEWORK]: null
-  }[n];
+}, sr = mt(() => import("./AddBlocks-xR2s2BVa.js")), Qr = () => {
+  const [n, t] = J($t);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex h-full w-full flex-col", children: [
-    /* @__PURE__ */ e.jsx(Pn, {}),
-    /* @__PURE__ */ e.jsxs("div", { className: "relative flex-1 overflow-hidden bg-slate-800/20 bg-[linear-gradient(to_right,#EEE_0.5px,transparent_0.5px),linear-gradient(to_bottom,#EEE_0.5px,transparent_0.5px)] bg-[size:12px_12px]", children: [
-      /* @__PURE__ */ e.jsx(Fe, { fallback: /* @__PURE__ */ e.jsx(Ue, { className: "h-full" }), children: /* @__PURE__ */ e.jsx(nn, { children: i }) }),
-      t ? /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(Bn, {}),
+    /* @__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, {}) }) }),
+      n ? /* @__PURE__ */ e.jsx(
         "div",
         {
-          onClick: () => r(!1),
+          onClick: () => t(!1),
           className: "absolute inset-0 z-50 flex items-center bg-black/30 backdrop-blur-sm",
           children: /* @__PURE__ */ e.jsx(
             "div",
             {
-              onClick: (l) => l.stopPropagation(),
+              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(or, {})
+              children: /* @__PURE__ */ e.jsx(sr, {})
             }
           )
         }