@chaibuilder/sdk 1.2.10 → 1.2.11

package/dist/{CanvasArea-jgBDM5Qd.js → CanvasArea-iRQqpOak.js}

@@ -2,30 +2,32 @@ var kt = Object.defineProperty;
 var jt = (e, t, n) => t in e ? kt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Y = (e, t, n) => (jt(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { j as r } from "./jsx-runtime-WbnYoNE9.js";
-import K, { createElement as De, useCallback as ke, useState as $, useEffect as R, Component as ze, Children as Tt, Suspense as Ye, useRef as _e, useMemo as Ct } from "react";
-import { map as re, includes as Be, toUpper as pe, round as Et, throttle as Ke, noop as te, isEmpty as z, first as ae, omit as It, pick as St, get as D, isString as je, memoize as Dt, each as _t, find as Bt, filter as Je, isNull as Ot, has as At } from "lodash-es";
-import { ResetIcon as Oe, MobileIcon as Ae, LaptopIcon as Rt, DesktopIcon as Pt, DotsVerticalIcon as Mt, EraserIcon as Lt, ZoomInIcon as Nt, DragHandleDots2Icon as Ft, ArrowUpIcon as $t, CopyIcon as Wt, TrashIcon as Ht } from "@radix-ui/react-icons";
-import { m as Ve, B as le, W as Qe, aI as Ut, aJ as qt, aK as zt, aL as Yt, aM as Kt, P as Te, aj as Jt, i as Ze, aN as Vt, aO as Qt, aP as Zt, aQ as Xt, aR as Gt, aS as en, aT as tn, j as W, ak as J, A as nn, z as rn, C as on, D as sn, E as an, F as ln, G as cn, H as dn, ar as un, I as pn, Q as Xe, aH as ie, aU as fn, _ as X, ac as hn, aV as G, s as Ce, l as Ge, h as et, k as tt, ah as gn, aW as mn, aX as nt, aY as yn, aZ as vn, t as xn, a_ as bn, a7 as wn, a$ as kn, S as rt } from "./index-B4sL0YTN.js";
+import K, { createElement as _e, useCallback as ke, useState as $, useEffect as R, Component as Ye, Children as Tt, Suspense as Ke, useRef as Be, useMemo as Ct } from "react";
+import { map as re, includes as Oe, toUpper as pe, round as Et, throttle as Je, noop as te, isEmpty as z, first as ae, omit as It, pick as St, get as D, isString as je, memoize as Dt, each as _t, find as Bt, filter as Ve, isNull as Ot, has as At } from "lodash-es";
+import { ResetIcon as Ae, MobileIcon as Re, LaptopIcon as Rt, DesktopIcon as Pt, DotsVerticalIcon as Mt, EraserIcon as Lt, ZoomInIcon as Nt, DragHandleDots2Icon as Ft, ArrowUpIcon as $t, CopyIcon as Wt, TrashIcon as Ht } from "@radix-ui/react-icons";
+import { m as Ge, B as le, R as Qe, ay as Ut, az as qt, aA as zt, aB as Yt, aC as Kt, M as Te, aa as Jt, i as Ce, aD as Vt, aE as Gt, aF as Qt, aG as Zt, aH as Xt, aI as en, aJ as tn, j as W, ab as J, A as nn, z as rn, C as on, D as sn, E as an, F as ln, G as cn, H as dn, ah as un, N as Ze, ax as ie, aK as pn, W as Z, a3 as fn, aL as X, s as Ee, l as Xe, h as et, k as tt, a8 as hn, aM as gn, aN as nt, aO as mn, aP as yn, t as vn, aQ as xn, $ as bn, aR as wn, S as rt } from "./index-pNYv0oAF.js";
 import { useTranslation as de } from "react-i18next";
 import { useAtom as M } from "jotai";
-import Re from "react-dom";
-import { g as jn } from "./_commonjsHelpers-UyOWmZb0.js";
-import { r as ot, u as Tn, B as Cn, E as En } from "./index-c2VLKuhY.js";
-import { Quill as In } from "react-quill";
-import { u as Sn } from "./useAddBlockByDrop-rcDR-z9_.js";
+import Pe from "react-dom";
+import { g as kn } from "./_commonjsHelpers-UyOWmZb0.js";
+import { r as ot, u as jn, B as Tn, E as Cn } from "./index-Fj3ead-J.js";
+import { Quill as En } from "react-quill";
+import { u as In } from "./useAddBlockByDrop-tjQ5DgiO.js";
 import { useFeature as st } from "flagged";
-import { flip as Dn } from "@floating-ui/dom";
-import { useFloating as _n, shift as Bn } from "@floating-ui/react-dom";
-import { useResizeObserver as On } from "@react-hookz/web";
-import { tailwindcssPaletteGenerator as An } from "@bobthered/tailwindcss-palette-generator";
-import { Provider as Rn } from "react-wrap-balancer";
-import { twMerge as Pn } from "tailwind-merge";
-import { S as Pe, a as it } from "./MODIFIERS-RiXS5Mn1.js";
-import { getBlockComponent as Mn } from "@chaibuilder/runtime";
+import { flip as Sn } from "@floating-ui/dom";
+import { useFloating as Dn, shift as _n } from "@floating-ui/react-dom";
+import { useResizeObserver as Bn } from "@react-hookz/web";
+import { tailwindcssPaletteGenerator as On } from "@bobthered/tailwindcss-palette-generator";
+import { Provider as An } from "react-wrap-balancer";
+import { twMerge as Rn } from "tailwind-merge";
+import { S as Me, a as it } from "./MODIFIERS-RiXS5Mn1.js";
+import { getBlockComponent as Pn } from "@chaibuilder/runtime";
+import "./Functions-7jnEwJyw.js";
+import "clsx";
+import "flat-to-nested";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
-import "./utils-AvyFzbPC.js";
-import "clsx";
+import "./Class-17XFhL48.js";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
@@ -45,9 +47,6 @@ import "@radix-ui/react-toast";
 import "cmdk";
 import "@radix-ui/react-context-menu";
 import "react-icons-picker";
-import "flat-to-nested";
-import "./Functions-7jnEwJyw.js";
-import "redux-undo";
 import "i18next";
 import "react-textarea-autosize";
 import "react-dnd";
@@ -58,15 +57,15 @@ import "./html-to-json-57841sEK.js";
 import "himalaya";
 import "lucide-react";
 import "./web-blocks.js";
-import "./controls-XPXGHKht.js";
-const Ln = () => {
-  const { hasUndo: e, hasRedo: t, undo: n, redo: s } = Ve();
+import "./empty-slot-MWycClTb.js";
+const Mn = () => {
+  const { hasUndo: e, hasRedo: t, undo: n, redo: s } = Ge();
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ r.jsx(le, { disabled: !e(), size: "sm", onClick: n, className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(Oe, {}) }),
-    /* @__PURE__ */ r.jsx(le, { disabled: !t(), onClick: s, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(Oe, { className: "rotate-180 scale-y-[-1] transform" }) })
+    /* @__PURE__ */ r.jsx(le, { disabled: !e(), size: "sm", onClick: n, className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(Ae, {}) }),
+    /* @__PURE__ */ r.jsx(le, { disabled: !t(), onClick: s, size: "sm", className: "rounded-full", variant: "ghost", children: /* @__PURE__ */ r.jsx(Ae, { className: "rotate-180 scale-y-[-1] transform" }) })
   ] });
 };
-function Nn() {
+function Ln() {
   const [e, t] = Qe(), { t: n } = de();
   return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ r.jsx(Ut, { htmlFor: "dark-mode-switch", children: n("dark_mode") }),
@@ -95,7 +94,7 @@ function Nn() {
     )
   ] });
 }
-const Me = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
+const Le = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
   "svg",
   {
     className: e ? "rotate-90" : "",
@@ -118,33 +117,33 @@ const Me = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
       )
     ]
   }
-), Fn = [
+), Nn = [
   {
     title: "mobile_xs_title",
     content: "mobile_xs_content",
     breakpoint: "xs",
-    icon: /* @__PURE__ */ r.jsx(Ae, {}),
+    icon: /* @__PURE__ */ r.jsx(Re, {}),
     width: 400
   },
   {
     title: "mobile_sm_title",
     content: "mobile_sm_content",
     breakpoint: "sm",
-    icon: /* @__PURE__ */ r.jsx(Ae, { className: "rotate-90" }),
+    icon: /* @__PURE__ */ r.jsx(Re, { className: "rotate-90" }),
     width: 640
   },
   {
     title: "tablet_md_title",
     content: "tablet_md_content",
     breakpoint: "md",
-    icon: /* @__PURE__ */ r.jsx(Me, {}),
+    icon: /* @__PURE__ */ r.jsx(Le, {}),
     width: 800
   },
   {
     title: "tablet_lg_title",
     content: "tablet_lg_content",
     breakpoint: "lg",
-    icon: /* @__PURE__ */ r.jsx(Me, { landscape: !0 }),
+    icon: /* @__PURE__ */ r.jsx(Le, { landscape: !0 }),
     width: 1024
   },
   {
@@ -161,7 +160,7 @@ const Me = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
     icon: /* @__PURE__ */ r.jsx(Pt, {}),
     width: 1920
   }
-], Le = ({
+], Ne = ({
   title: e,
   content: t,
   currentBreakpoint: n,
@@ -186,26 +185,26 @@ const Me = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
       /* @__PURE__ */ r.jsx("p", { className: "text-xs", children: o(t) })
     ] }) }) })
   ] });
-}, $n = () => {
-  const [, e, t] = Te(), [n, s] = Jt(), { t: i } = de(), l = Ze("breakpoints", Fn), d = (o) => {
+}, Fn = () => {
+  const [, e, t] = Te(), [n, s] = Jt(), { t: i } = de(), l = Ce("breakpoints", Nn), d = (o) => {
     n.includes(o) ? n.length > 2 && s(n.filter((c) => c !== o)) : s((c) => [...c, o]);
   };
-  return l.length < 4 ? /* @__PURE__ */ r.jsx("div", { className: "flex items-center rounded-md", children: re(l, (o) => /* @__PURE__ */ De(Le, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: e })) }) : /* @__PURE__ */ r.jsxs("div", { className: "flex items-center rounded-md", children: [
+  return l.length < 4 ? /* @__PURE__ */ r.jsx("div", { className: "flex items-center rounded-md", children: re(l, (o) => /* @__PURE__ */ _e(Ne, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: e })) }) : /* @__PURE__ */ r.jsxs("div", { className: "flex items-center rounded-md", children: [
     re(
-      l.filter((o) => Be(n, pe(o.breakpoint))),
-      (o) => /* @__PURE__ */ De(Le, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: e })
+      l.filter((o) => Oe(n, pe(o.breakpoint))),
+      (o) => /* @__PURE__ */ _e(Ne, { ...o, onClick: t, key: o.breakpoint, currentBreakpoint: e })
     ),
     /* @__PURE__ */ r.jsxs(Vt, { children: [
-      /* @__PURE__ */ r.jsx(Qt, { asChild: !0, children: /* @__PURE__ */ r.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ r.jsx(Mt, { className: "scale-90 transform" }) }) }),
-      /* @__PURE__ */ r.jsxs(Zt, { className: "w-56 border-border text-xs", children: [
-        /* @__PURE__ */ r.jsx(Xt, { children: i("Breakpoints") }),
-        /* @__PURE__ */ r.jsx(Gt, {}),
+      /* @__PURE__ */ r.jsx(Gt, { asChild: !0, children: /* @__PURE__ */ r.jsx("span", { className: "cursor-pointer px-2.5 hover:opacity-80", children: /* @__PURE__ */ r.jsx(Mt, { className: "scale-90 transform" }) }) }),
+      /* @__PURE__ */ r.jsxs(Qt, { className: "w-56 border-border text-xs", children: [
+        /* @__PURE__ */ r.jsx(Zt, { children: i("Breakpoints") }),
+        /* @__PURE__ */ r.jsx(Xt, {}),
         re(l, (o) => /* @__PURE__ */ r.jsx(
           en,
           {
             disabled: o.breakpoint === "xs",
             onCheckedChange: () => d(pe(o.breakpoint)),
-            checked: Be(n, pe(o.breakpoint)),
+            checked: Oe(n, pe(o.breakpoint)),
             children: i(o.title)
           },
           o.breakpoint
@@ -213,7 +212,7 @@ const Me = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
       ] })
     ] })
   ] });
-}, Wn = () => {
+}, $n = () => {
   const { t: e } = de(), { setNewBlocks: t } = tn(), [, n] = W(), [, s] = J(), i = ke(() => {
     t([]), n([]), s([]);
   }, [t]);
@@ -234,15 +233,15 @@ const Me = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
       ] })
     ] })
   ] }) });
-}, Hn = () => {
-  const e = pn("darkMode", !1), [t] = Xe();
+}, Wn = () => {
+  const e = Ce("darkMode", !1), [t] = Ze();
   return /* @__PURE__ */ r.jsxs("div", { className: "flex h-10 items-center justify-between border-b bg-background/70 px-2", children: [
     /* @__PURE__ */ r.jsxs("div", { className: "flex h-full space-x-2", children: [
       e ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        /* @__PURE__ */ r.jsx(Nn, {}),
+        /* @__PURE__ */ r.jsx(Ln, {}),
         /* @__PURE__ */ r.jsx(ie, { orientation: "vertical" })
       ] }) : null,
-      /* @__PURE__ */ r.jsx($n, {}),
+      /* @__PURE__ */ r.jsx(Fn, {}),
       /* @__PURE__ */ r.jsx(ie, { orientation: "vertical" }),
       /* @__PURE__ */ r.jsxs("div", { className: "flex w-12 items-center justify-center gap-x-1 space-x-0 font-medium", children: [
         /* @__PURE__ */ r.jsx(Nt, { className: "h-3.5 w-3.5 flex-shrink-0" }),
@@ -253,19 +252,19 @@ const Me = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
         ] })
       ] }),
       /* @__PURE__ */ r.jsx(ie, { orientation: "vertical" }),
-      /* @__PURE__ */ r.jsx(Ln, {})
+      /* @__PURE__ */ r.jsx(Mn, {})
     ] }),
     /* @__PURE__ */ r.jsxs("div", { className: "flex h-full items-center space-x-2", children: [
       /* @__PURE__ */ r.jsx(ie, { orientation: "vertical" }),
-      /* @__PURE__ */ r.jsx(Wn, {})
+      /* @__PURE__ */ r.jsx($n, {})
     ] })
   ] });
-}, Un = `<!doctype html>
+}, Hn = `<!doctype html>
 <html class="scroll-smooth h-full overflow-y-auto">
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp,container-queries"><\/script>
+    <script src="https://old.chaibuilder.com/offline/tailwind.cdn.js"><\/script>
     <style>
     html { height: 100%; overflow:auto; }
     body { height: 100%; }
@@ -308,8 +307,8 @@ const Me = ({ landscape: e = !1 }) => /* @__PURE__ */ r.jsxs(
     <div class="frame-root h-full"></div>
     <script src="https://cdn.jsdelivr.net/npm/quill@2.0.0/dist/quill.js"><\/script>
   </body>
-</html>`, qn = (e) => {
-  const [t] = Te(), [, n] = Xe(), [s, i] = $({}), l = ke(() => {
+</html>`, Un = (e) => {
+  const [t] = Te(), [, n] = Ze(), [s, i] = $({}), l = ke(() => {
     const { width: d, height: o } = e;
     if (d < t) {
       const c = parseFloat((d / t).toFixed(2).toString());
@@ -339,11 +338,11 @@ object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var fe, Ne;
-function zn() {
-  if (Ne)
+var fe, Fe;
+function qn() {
+  if (Fe)
     return fe;
-  Ne = 1;
+  Fe = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
   function s(l) {
     if (l == null)
@@ -386,27 +385,27 @@ function zn() {
     return c;
   }, fe;
 }
-var he, Fe;
-function Ee() {
-  if (Fe)
+var he, $e;
+function Ie() {
+  if ($e)
     return he;
-  Fe = 1;
+  $e = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return he = e, he;
 }
-var ge, $e;
+var ge, We;
 function at() {
-  return $e || ($e = 1, ge = Function.call.bind(Object.prototype.hasOwnProperty)), ge;
+  return We || (We = 1, ge = Function.call.bind(Object.prototype.hasOwnProperty)), ge;
 }
-var me, We;
-function Yn() {
-  if (We)
+var me, He;
+function zn() {
+  if (He)
     return me;
-  We = 1;
+  He = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = Ee(), n = {}, s = at();
+    var t = Ie(), n = {}, s = at();
     e = function(l) {
       var d = "Warning: " + l;
       typeof console < "u" && console.error(d);
@@ -448,12 +447,12 @@ function Yn() {
     process.env.NODE_ENV !== "production" && (n = {});
   }, me = i, me;
 }
-var ye, He;
-function Kn() {
-  if (He)
+var ye, Ue;
+function Yn() {
+  if (Ue)
     return ye;
-  He = 1;
-  var e = ot, t = zn(), n = Ee(), s = at(), i = Yn(), l = function() {
+  Ue = 1;
+  var e = ot, t = qn(), n = Ie(), s = at(), i = zn(), l = function() {
   };
   process.env.NODE_ENV !== "production" && (l = function(o) {
     var c = "Warning: " + o;
@@ -484,7 +483,7 @@ function Kn() {
       symbol: I("symbol"),
       any: H(),
       arrayOf: V,
-      element: Q(),
+      element: G(),
       elementType: L(),
       instanceOf: _,
       node: mt(),
@@ -512,11 +511,11 @@ function Kn() {
             );
             throw B.name = "Invariant Violation", B;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Z = T + ":" + w;
-            !u[Z] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var Q = T + ":" + w;
+            !u[Q] && // Avoid spamming the console because they are often not actionable except for lib authors
             k < 3 && (l(
               "You are manually calling a React.PropTypes validation function for the `" + C + "` prop on `" + T + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), u[Z] = !0, k++);
+            ), u[Q] = !0, k++);
           }
         }
         return x[w] == null ? j ? x[w] === null ? new m("The " + E + " `" + C + "` is marked as required " + ("in `" + T + "`, but its value is `null`.")) : new m("The " + E + " `" + C + "` is marked as required in " + ("`" + T + "`, but its value is `undefined`.")) : null : a(x, w, T, E, C);
@@ -559,7 +558,7 @@ function Kn() {
       }
       return g(u);
     }
-    function Q() {
+    function G() {
       function a(u, k, b, y, j) {
         var x = u[k];
         if (!o(x)) {
@@ -601,8 +600,8 @@ function Kn() {
           if (O(w, a[T]))
             return null;
         var E = JSON.stringify(a, function(P, B) {
-          var Z = ee(B);
-          return Z === "symbol" ? String(B) : B;
+          var Q = ee(B);
+          return Q === "symbol" ? String(B) : B;
         });
         return new m("Invalid " + j + " `" + x + "` of value `" + String(w) + "` " + ("supplied to `" + y + "`, expected one of " + E + "."));
       }
@@ -642,8 +641,8 @@ function Kn() {
             return null;
           B.data && s(B.data, "expectedType") && E.push(B.data.expectedType);
         }
-        var Z = E.length > 0 ? ", expected one of type [" + E.join(", ") + "]" : "";
-        return new m("Invalid " + w + " `" + T + "` supplied to " + ("`" + x + "`" + Z + "."));
+        var Q = E.length > 0 ? ", expected one of type [" + E.join(", ") + "]" : "";
+        return new m("Invalid " + w + " `" + T + "` supplied to " + ("`" + x + "`" + Q + "."));
       }
       return g(b);
     }
@@ -653,7 +652,7 @@ function Kn() {
       }
       return g(a);
     }
-    function Se(a, u, k, b, y) {
+    function De(a, u, k, b, y) {
       return new m(
         (a || "React class") + ": " + u + " type `" + k + "." + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + y + "`."
       );
@@ -666,7 +665,7 @@ function Kn() {
         for (var E in a) {
           var C = a[E];
           if (typeof C != "function")
-            return Se(y, j, x, E, ee(C));
+            return De(y, j, x, E, ee(C));
           var P = C(w, E, y, j, x + "." + E, n);
           if (P)
             return P;
@@ -684,7 +683,7 @@ function Kn() {
         for (var C in E) {
           var P = a[C];
           if (s(a, C) && typeof P != "function")
-            return Se(y, j, x, C, ee(P));
+            return De(y, j, x, C, ee(P));
           if (!P)
             return new m(
               "Invalid " + j + " `" + x + "` key `" + C + "` supplied to `" + y + "`.\nBad object: " + JSON.stringify(k[b], null, "  ") + `
@@ -770,12 +769,12 @@ Valid keys: ` + JSON.stringify(Object.keys(a), null, "  ")
     return S.checkPropTypes = i, S.resetWarningCache = i.resetWarningCache, S.PropTypes = S, S;
   }, ye;
 }
-var ve, Ue;
-function Jn() {
-  if (Ue)
+var ve, qe;
+function Kn() {
+  if (qe)
     return ve;
-  Ue = 1;
-  var e = Ee();
+  qe = 1;
+  var e = Ie();
   function t() {
   }
   function n() {
@@ -819,19 +818,19 @@ function Jn() {
     return l.PropTypes = l, l;
   }, ve;
 }
-var Do = ce.exports;
+var Io = ce.exports;
 if (process.env.NODE_ENV !== "production") {
-  var Vn = ot, Qn = !0;
-  ce.exports = Kn()(Vn.isElement, Qn);
+  var Jn = ot, Vn = !0;
+  ce.exports = Yn()(Jn.isElement, Vn);
 } else
-  ce.exports = Jn()();
-var Zn = ce.exports;
-const A = /* @__PURE__ */ jn(Zn);
+  ce.exports = Kn()();
+var Gn = ce.exports;
+const A = /* @__PURE__ */ kn(Gn);
 let lt, ct;
 typeof document < "u" && (lt = document);
 typeof window < "u" && (ct = window);
-const dt = K.createContext({ document: lt, window: ct }), ue = () => K.useContext(dt), { Provider: Xn, Consumer: _o } = dt;
-class ut extends ze {
+const dt = K.createContext({ document: lt, window: ct }), ue = () => K.useContext(dt), { Provider: Qn, Consumer: So } = dt;
+class ut extends Ye {
   componentDidMount() {
     this.props.contentDidMount();
   }
@@ -847,7 +846,7 @@ Y(ut, "propTypes", {
   contentDidMount: A.func.isRequired,
   contentDidUpdate: A.func.isRequired
 });
-class be extends ze {
+class be extends Ye {
   constructor(n, s) {
     super(n, s);
     Y(this, "setRef", (n) => {
@@ -884,8 +883,8 @@ class be extends ze {
     const n = this.getDoc();
     if (!n)
       return null;
-    const s = this.props.contentDidMount, i = this.props.contentDidUpdate, l = n.defaultView || n.parentView, d = /* @__PURE__ */ r.jsx(ut, { contentDidMount: s, contentDidUpdate: i, children: /* @__PURE__ */ r.jsx(Xn, { value: { document: n, window: l }, children: /* @__PURE__ */ r.jsx("div", { className: "frame-content", children: this.props.children }) }) }), o = this.getMountTarget();
-    return [Re.createPortal(this.props.head, this.getDoc().head), Re.createPortal(d, o)];
+    const s = this.props.contentDidMount, i = this.props.contentDidUpdate, l = n.defaultView || n.parentView, d = /* @__PURE__ */ r.jsx(ut, { contentDidMount: s, contentDidUpdate: i, children: /* @__PURE__ */ r.jsx(Qn, { value: { document: n, window: l }, children: /* @__PURE__ */ r.jsx("div", { className: "frame-content", children: this.props.children }) }) }), o = this.getMountTarget();
+    return [Pe.createPortal(this.props.head, this.getDoc().head), Pe.createPortal(d, o)];
   }
   render() {
     const n = {
@@ -921,22 +920,22 @@ Y(be, "propTypes", {
   },
   initialContent: '<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'
 });
-const Gn = K.forwardRef((e, t) => /* @__PURE__ */ r.jsx(be, { ...e, forwardedRef: t }));
+const Zn = K.forwardRef((e, t) => /* @__PURE__ */ r.jsx(be, { ...e, forwardedRef: t }));
 let q = null, oe = [], ne = null, pt = null;
-function er(e) {
+function Xn(e) {
   const t = window.getComputedStyle(e), n = parseInt(t.paddingLeft, 10), s = parseInt(t.paddingTop, 10), i = parseInt(t.paddingRight, 10), l = parseInt(t.paddingBottom, 10);
   return { paddingLeft: n, paddingTop: s, paddingRight: i, paddingBottom: l };
 }
-const qe = (e, t, n) => {
+const ze = (e, t, n) => {
   if (!q)
     return;
-  const s = e.getBoundingClientRect(), i = q == null ? void 0 : q.getElementById("placeholder"), { paddingLeft: l, paddingTop: d, paddingRight: o, paddingBottom: c } = er(e);
+  const s = e.getBoundingClientRect(), i = q == null ? void 0 : q.getElementById("placeholder"), { paddingLeft: l, paddingTop: d, paddingRight: o, paddingBottom: c } = Xn(e);
   i.style.width = t === "vertical" ? s.width - l - o + "px" : "2px", i.style.height = t === "vertical" ? "2px" : s.height - d - c + "px", i.style.display = "block";
   const p = oe.reduce(
     (f, h) => Math.abs(h - n) < Math.abs(f - n) ? h : f
   );
   pt = oe.indexOf(p), t === "vertical" ? (i.style.top = e.offsetTop + p + "px", i.style.left = e.offsetLeft + l + "px") : (i.style.top = e.offsetTop + d + "px", i.style.left = e.offsetLeft + p + "px");
-}, tr = (e) => {
+}, er = (e) => {
   const t = ft(e), n = window.getComputedStyle(e), s = t === "horizontal", i = parseInt(n.paddingLeft), l = parseInt(n.paddingTop);
   let d = s ? i : l;
   oe = [d], Array.from(e.children).forEach((o) => {
@@ -959,28 +958,28 @@ function ft(e) {
   }
   return t === "block" ? "vertical" : "horizontal";
 }
-const nr = Ke((e) => {
+const tr = Je((e) => {
   const t = e.target, n = ft(t);
   if (n === "vertical") {
     const s = e.clientY - t.offsetTop;
-    qe(t, n, s);
+    ze(t, n, s);
   } else {
     const s = e.clientX - t.offsetLeft;
-    qe(t, n, s);
+    ze(t, n, s);
   }
-}, 200), rr = (e) => {
-  e.preventDefault(), e.stopPropagation(), nr(e);
+}, 200), nr = (e) => {
+  e.preventDefault(), e.stopPropagation(), tr(e);
 };
 function xe() {
   const e = q == null ? void 0 : q.getElementById("placeholder");
   e.style.display = "none";
 }
-const or = () => {
-  const { document: e } = ue(), [t, n] = M(fn), s = Sn(), i = st("dnd"), [, l] = X(), [, d] = W();
+const rr = () => {
+  const { document: e } = ue(), [t, n] = M(pn), s = In(), i = st("dnd"), [, l] = Z(), [, d] = W();
   return q = e, {
     isDragging: t,
     "data-dnd": "branch",
-    onDragOver: i ? rr : te,
+    onDragOver: i ? nr : te,
     onDrop: i ? (o) => {
       ne == null || ne.classList.remove("outline", "outline-green-300", "outline-2", "-outline-offset-2");
       const c = JSON.parse(o.dataTransfer.getData("text/plain"));
@@ -993,7 +992,7 @@ const or = () => {
       const c = o;
       ne = c.target, c.stopPropagation(), c.preventDefault(), oe = [];
       const p = c.target;
-      tr(p), p.classList.add("outline", "outline-green-300", "outline-2", "-outline-offset-2"), n(!0), l(""), d([]);
+      er(p), p.classList.add("outline", "outline-green-300", "outline-2", "-outline-offset-2"), n(!0), l(""), d([]);
     } : te,
     onDragLeave: i ? (o) => {
       const c = o;
@@ -1004,56 +1003,56 @@ const or = () => {
     } : te
   };
 };
-function Ie(e) {
+function Se(e) {
   return e.getAttribute("data-block-id") ? e : e.closest("[data-block-id]");
 }
-function sr(e) {
+function or(e) {
   e.container.innerHTML = "", e.container.parentNode.removeChild(e.container);
   var t = document.querySelector(".ql-toolbar");
   t && t.parentNode.removeChild(t), e = null;
 }
-const ir = () => {
-  const e = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], t = hn(), [, n] = X(), [s, i] = M(G);
+const sr = () => {
+  const e = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], t = fn(), [, n] = Z(), [s, i] = M(X);
   return (l) => {
     var h;
     if (s)
       return;
-    const d = Ie(l.target), o = d.getAttribute("data-block-type");
+    const d = Se(l.target), o = d.getAttribute("data-block-type");
     if (!o || !e.includes(o))
       return;
     const c = d.cloneNode(!0);
     d.style.display = "none", Array.from(c.attributes).forEach((v) => {
       v.name !== "class" && c.removeAttribute(v.name);
     }), o === "Text" && (c.style.display = "inline-block"), d.parentNode.insertBefore(c, d.nextSibling);
-    const p = new In(c, { placeholder: "Type here..." });
+    const p = new En(c, { placeholder: "Type here..." });
     function f() {
       const v = p.getText(0, p.getLength());
-      t([d.getAttribute("data-block-id")], { content: v }), d.removeAttribute("style"), c.removeEventListener("blur", f, !0), sr(p), i(""), n("");
+      t([d.getAttribute("data-block-id")], { content: v }), d.removeAttribute("style"), c.removeEventListener("blur", f, !0), or(p), i(""), n("");
     }
     c.addEventListener("blur", f, !0), p.focus(), (h = c.querySelector(".ql-clipboard")) == null || h.remove(), i(d.getAttribute("data-block-id"));
   };
-}, ar = () => {
-  const [, e] = J(), [, t] = W(), [n] = M(G);
+}, ir = () => {
+  const [, e] = J(), [, t] = W(), [n] = M(X);
   return (s) => {
     if (n)
       return;
     s.stopPropagation();
-    const i = Ie(s.target);
+    const i = Se(s.target);
     if (i != null && i.getAttribute("data-block-parent")) {
       const l = i.getAttribute("data-style-prop"), d = i.getAttribute("data-style-id"), o = i.getAttribute("data-block-parent");
       e([{ id: d, prop: l, blockId: o }]), t([o]);
     } else
       i != null && i.getAttribute("data-block-id") && t([i.getAttribute("data-block-id")]);
   };
-}, lr = Ke((e, t) => {
-  const n = Ie(e.target);
+}, ar = Je((e, t) => {
+  const n = Se(e.target);
   n != null && n.getAttribute("data-style-id") && t(n.getAttribute("data-style-id"));
-}, 100), cr = () => {
-  const [, e] = X(), [t] = M(G);
+}, 100), lr = () => {
+  const [, e] = Z(), [t] = M(X);
   return (n) => {
-    t || lr(n, e);
+    t || ar(n, e);
   };
-}, dr = ({ children: e }) => {
+}, cr = ({ children: e }) => {
   const { document: t } = ue(), [n] = W(), [s, i] = J();
   R(() => {
     setTimeout(() => {
@@ -1069,7 +1068,7 @@ const ir = () => {
       }
     }, 100);
   }, [t, n, i, s]);
-  const l = ir(), d = ar(), o = cr(), c = or();
+  const l = sr(), d = ir(), o = lr(), c = rr();
   return /* @__PURE__ */ r.jsx(
     "div",
     {
@@ -1083,8 +1082,8 @@ const ir = () => {
       children: e
     }
   );
-}, ht = (e, t) => e.querySelector(`[data-block-id="${t}"]`), ur = () => {
-  const { window: e } = ue(), [t, n] = W(), [s] = Ce(), [, i] = J(), { undo: l, redo: d } = Ve(), o = Ge(), [, c] = et(), p = tt(), { savePage: f } = gn(), [h] = M(G), [, v] = M(mn), S = (m) => {
+}, ht = (e, t) => e.querySelector(`[data-block-id="${t}"]`), dr = () => {
+  const { window: e } = ue(), [t, n] = W(), [s] = Ee(), [, i] = J(), { undo: l, redo: d } = Ge(), o = Xe(), [, c] = et(), p = tt(), { savePage: f } = hn(), [h] = M(X), [, v] = M(gn), S = (m) => {
     m.key === "Enter" && (m.preventDefault(), t.length === 1 && v(ae(t)));
   }, O = (m) => {
     const g = s.find((I) => I._id === m);
@@ -1114,8 +1113,8 @@ const ir = () => {
       e.removeEventListener("keydown", m);
     };
   }, [t, n, l, p, c, d, o, h, f, e]), null;
-}, pr = ({ block: e, label: t }) => {
-  const [, n] = W(), [, s] = X(), [, i] = M(nt), l = st("dnd");
+}, ur = ({ block: e, label: t }) => {
+  const [, n] = W(), [, s] = Z(), [, i] = M(nt), l = st("dnd");
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -1132,15 +1131,15 @@ const ir = () => {
       ]
     }
   );
-}, fr = ({ selectedBlockElement: e, block: t }) => {
-  const n = tt(), s = Ge(), [, i] = W(), [, l] = J(), [d] = M(G), { floatingStyles: o, refs: c, update: p } = _n({
+}, pr = ({ selectedBlockElement: e, block: t }) => {
+  const n = tt(), s = Xe(), [, i] = W(), [, l] = J(), [d] = M(X), { floatingStyles: o, refs: c, update: p } = Dn({
     placement: "top-start",
-    middleware: [Bn(), Dn()],
+    middleware: [_n(), Sn()],
     elements: {
       reference: e
     }
   });
-  On(e, () => p(), e !== null);
+  Bn(e, () => p(), e !== null);
   const f = D(t, "_parent", null), h = z(D(t, "_name", "")) ? D(t, "_type", "") : D(t, "_name", "");
   return !e || !t || d ? null : /* @__PURE__ */ r.jsxs(
     "div",
@@ -1153,27 +1152,27 @@ const ir = () => {
         v.stopPropagation(), v.preventDefault();
       },
       onKeyDown: (v) => v.stopPropagation(),
-      className: "z-[99999] flex h-6 items-center bg-blue-500  py-2 text-xs text-white",
+      className: "z-[99999] flex h-6 items-center bg-blue-500 py-2 text-xs text-white",
       children: [
-        /* @__PURE__ */ r.jsx(pr, { label: h, block: t }),
-        /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2 px-1 ", children: [
+        /* @__PURE__ */ r.jsx(ur, { label: h, block: t }),
+        /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2 px-1", children: [
           f && /* @__PURE__ */ r.jsx(
             $t,
             {
-              className: "hover:scale-105 ",
+              className: "hover:scale-105",
               onClick: () => {
                 l([]), i([f]);
               }
             }
           ),
-          yn(D(t, "_type", "")) ? /* @__PURE__ */ r.jsx(Wt, { className: "hover:scale-105 ", onClick: () => s([t == null ? void 0 : t._id]) }) : null,
-          vn(D(t, "_type", "")) ? /* @__PURE__ */ r.jsx(Ht, { className: "hover:scale-105 ", onClick: () => n([t == null ? void 0 : t._id]) }) : null
+          mn(D(t, "_type", "")) ? /* @__PURE__ */ r.jsx(Wt, { className: "hover:scale-105", onClick: () => s([t == null ? void 0 : t._id]) }) : null,
+          yn(D(t, "_type", "")) ? /* @__PURE__ */ r.jsx(Ht, { className: "hover:scale-105", onClick: () => n([t == null ? void 0 : t._id]) }) : null
         ] })
       ]
     }
   );
-}, hr = ({ model: e }) => {
-  const [t] = xn(), [n] = W(), [s] = Qe(), [i] = X(), [l] = J(), [d] = M(nt), { document: o, window: c } = ue(), [p] = $(o == null ? void 0 : o.getElementById("highlighted-block")), [f] = $(
+}, fr = ({ model: e }) => {
+  const [t] = vn(), [n] = W(), [s] = Qe(), [i] = Z(), [l] = J(), [d] = M(nt), { document: o, window: c } = ue(), [p] = $(o == null ? void 0 : o.getElementById("highlighted-block")), [f] = $(
     o == null ? void 0 : o.getElementById("selected-block")
   ), [h] = $(
     o == null ? void 0 : o.getElementById("selected-styling-block")
@@ -1183,7 +1182,7 @@ const ir = () => {
   }, [s, o]);
   const S = D(t, "headingFont", "DM Sans"), O = D(t, "bodyFont", "DM Sans");
   return R(() => {
-    const m = D(t, "primaryColor", "#000"), g = D(t, "secondaryColor", "#FFF"), I = An({
+    const m = D(t, "primaryColor", "#000"), g = D(t, "secondaryColor", "#FFF"), I = On({
       colors: [m, g],
       names: ["primary", "secondary"]
     });
@@ -1205,12 +1204,12 @@ const ir = () => {
       },
       plugins: [
         // @ts-ignore
-        c.tailwind.plugin.withOptions(({ prefix: V = "ui" } = {}) => ({ addVariant: Q }) => {
+        c.tailwind.plugin.withOptions(({ prefix: V = "ui" } = {}) => ({ addVariant: G }) => {
           for (const L of ["open", "checked", "selected", "active", "disabled"])
-            Q(`${V}-${L}`, [
+            G(`${V}-${L}`, [
               `&[data-headlessui-state~="${L}"]`,
               `:where([data-headlessui-state~="${L}"]) &`
-            ]), Q(`${V}-not-${L}`, [
+            ]), G(`${V}-not-${L}`, [
               `&[data-headlessui-state]:not([data-headlessui-state~="${L}"])`,
               `:where([data-headlessui-state]:not([data-headlessui-state~="${L}"])) &:not([data-headlessui-state])`
             ]);
@@ -1265,55 +1264,55 @@ const ir = () => {
     ),
     S && /* @__PURE__ */ r.jsx("style", { children: `h1,h2,h3,h4,h5,h6{font-family: "${S}",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;
-}, gr = (e) => {
+}, hr = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => {
-    je(e[n]) && e[n].startsWith(Pe) && (t[n] = e[n].replace(Pe, "").split(","));
+    je(e[n]) && e[n].startsWith(Me) && (t[n] = e[n].replace(Me, "").split(","));
   }), t;
-}, mr = Dt((e) => {
+}, gr = Dt((e) => {
   const t = e.replace(it, "").split(",");
-  return Pn(t[0], t[1]);
+  return Rn(t[0], t[1]);
 });
-function yr(e, t) {
+function mr(e, t) {
   return D(e, `${t}_attrs`, {});
 }
-function vr(e) {
+function yr(e) {
   const t = {};
   return Object.keys(e).forEach((n) => {
     if (je(e[n]) && e[n].startsWith(it)) {
-      const s = mr(e[n]);
+      const s = gr(e[n]);
       t[n] = {
         className: s,
         "data-style-prop": n,
         "data-block-parent": e._id,
         "data-style-id": `${n}-${e._id}`,
-        ...yr(e, n)
+        ...mr(e, n)
       };
     }
   }), t;
 }
-function xr(e, t) {
+function vr(e, t) {
   const n = D(e, "_bindings", {});
   return z(n) ? { ...e } : (_t(n, (s, i) => {
     je(s) && D(t, s, null) && (e[i] = D(t, s, null));
   }), e);
 }
 function we({ blocks: e }) {
-  const [t] = Ce(), n = ke((l) => vr(l), []), [s] = Tn(), [i] = M(G);
+  const [t] = Ee(), n = ke((l) => yr(l), []), [s] = jn(), [i] = M(X);
   return /* @__PURE__ */ r.jsx(r.Fragment, { children: K.Children.toArray(
     e.map((l, d) => {
       if (i === l._id)
         return null;
-      const o = gr(l), c = {};
+      const o = hr(l), c = {};
       z(o) || Object.keys(o).forEach((v) => {
         c[v] = K.Children.toArray(
           o[v].map((S) => /* @__PURE__ */ r.jsx(we, { blocks: [Bt(t, { _id: S })] }))
         );
       });
-      const p = Je(t, { _parent: l._id });
+      const p = Ve(t, { _parent: l._id });
       c.children = p.length ? /* @__PURE__ */ r.jsx(we, { blocks: p }) : null;
-      const f = Mn(l._type), h = D(f, "builderComponent", D(f, "component", null));
-      return Ot(h) ? /* @__PURE__ */ r.jsx("noscript", { children: `<!-- ${l == null ? void 0 : l._type} not registered -->` }) : /* @__PURE__ */ r.jsx(Ye, { children: K.createElement(h, {
+      const f = Pn(l._type), h = D(f, "builderComponent", D(f, "component", null));
+      return Ot(h) ? /* @__PURE__ */ r.jsx("noscript", { children: `<!-- ${l == null ? void 0 : l._type} not registered -->` }) : /* @__PURE__ */ r.jsx(Ke, { children: K.createElement(h, {
         blockProps: {
           "data-block-id": l._id,
           "data-block-type": l._type,
@@ -1321,23 +1320,23 @@ function we({ blocks: e }) {
         },
         inBuilder: !0,
         index: d,
-        ...xr(l, s),
+        ...vr(l, s),
         ...n(l),
         ...c
       }) });
     })
   ) });
 }
-const br = () => {
-  const [e] = Ce(), t = z(e) ? null : /* @__PURE__ */ r.jsx(Cn, { children: /* @__PURE__ */ r.jsx(we, { blocks: Je(e, (n) => z(n._parent)) }) });
-  return /* @__PURE__ */ r.jsx(Rn, { children: t });
-}, wr = (e, t) => e.querySelector(`[data-style-id="${t}"]`), kr = () => {
-  const [e] = M(bn), [t] = et(), [n] = Te(), [, s] = W(), i = wn(), [, l] = X(), d = _e(null), o = _e(null), [c, p] = $({ width: 0, height: 0 }), f = qn(c), [h, v] = $(0), [S, O] = $([]), [, m] = $([]), [, g] = M(kn), [I, H] = J(), V = Ze("loadingCanvas", !1);
+const xr = () => {
+  const [e] = Ee(), t = z(e) ? null : /* @__PURE__ */ r.jsx(Tn, { children: /* @__PURE__ */ r.jsx(we, { blocks: Ve(e, (n) => z(n._parent)) }) });
+  return /* @__PURE__ */ r.jsx(An, { children: t });
+}, br = (e, t) => e.querySelector(`[data-style-id="${t}"]`), wr = () => {
+  const [e] = M(xn), [t] = et(), [n] = Te(), [, s] = W(), i = bn(), [, l] = Z(), d = Be(null), o = Be(null), [c, p] = $({ width: 0, height: 0 }), f = Un(c), [h, v] = $(0), [S, O] = $([]), [, m] = $([]), [, g] = M(wn), [I, H] = J(), V = Ce("loadingCanvas", !1);
   R(() => {
     const { clientWidth: _, clientHeight: N } = o.current;
     p({ width: _, height: N }), h === 0 && v(_);
   }, [o, n, h]);
-  const Q = (_, N = 0) => {
+  const G = (_, N = 0) => {
     const { top: F } = _.getBoundingClientRect();
     return F + N >= 0 && F - N <= window.innerHeight;
   };
@@ -1345,11 +1344,11 @@ const br = () => {
     var _, N;
     if (i && i.type !== "Multiple" && d.current) {
       const F = ht(d.current.contentDocument, i._id);
-      F && (Q(F) || (N = (_ = d.current) == null ? void 0 : _.contentWindow) == null || N.scrollTo({ top: F.offsetTop, behavior: "smooth" }), O([F]));
+      F && (G(F) || (N = (_ = d.current) == null ? void 0 : _.contentWindow) == null || N.scrollTo({ top: F.offsetTop, behavior: "smooth" }), O([F]));
     }
   }, [i]), R(() => {
     if (!z(I) && d.current) {
-      const _ = wr(
+      const _ = br(
         d.current.contentDocument,
         ae(I).id
       );
@@ -1358,7 +1357,7 @@ const br = () => {
       m([null]);
   }, [I]);
   const L = Ct(() => {
-    let _ = Un;
+    let _ = Hn;
     return e === "offline" && (_ = _.replace(
       "https://old.chaibuilder.com/offline/tailwind.cdn.js",
       "/offline/tailwind.cdn.js"
@@ -1375,7 +1374,7 @@ const br = () => {
       style: h > 0 && !z(f) ? { width: t ? "100%" : h } : {},
       ref: o,
       children: /* @__PURE__ */ r.jsxs(
-        Gn,
+        Zn,
         {
           contentDidMount: () => g(d.current),
           ref: d,
@@ -1384,16 +1383,16 @@ const br = () => {
           className: "relative mx-auto box-content h-full max-w-full shadow-lg transition-all duration-300 ease-linear",
           initialContent: L,
           children: [
-            /* @__PURE__ */ r.jsx(ur, {}),
+            /* @__PURE__ */ r.jsx(dr, {}),
             /* @__PURE__ */ r.jsx(
-              fr,
+              pr,
               {
                 block: i,
                 selectedBlockElement: ae(S)
               }
             ),
-            /* @__PURE__ */ r.jsx(hr, { model: "page" }),
-            /* @__PURE__ */ r.jsx(dr, { children: V ? /* @__PURE__ */ r.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ r.jsx(rt, { className: "h-full" }) }) : /* @__PURE__ */ r.jsx(br, {}) }),
+            /* @__PURE__ */ r.jsx(fr, { model: "page" }),
+            /* @__PURE__ */ r.jsx(cr, { children: V ? /* @__PURE__ */ r.jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ r.jsx(rt, { className: "h-full" }) }) : /* @__PURE__ */ r.jsx(xr, {}) }),
             /* @__PURE__ */ r.jsx("br", {}),
             /* @__PURE__ */ r.jsx("div", { id: "placeholder", className: "absolute bg-green-500 z-[99999] max-w-full transition-transform" })
           ]
@@ -1401,10 +1400,10 @@ const br = () => {
       )
     }
   );
-}, Bo = () => /* @__PURE__ */ r.jsxs("div", { className: "flex h-full w-full flex-col", children: [
-  /* @__PURE__ */ r.jsx(Hn, {}),
-  /* @__PURE__ */ r.jsx("div", { className: "relative h-full overflow-hidden bg-slate-800/90 bg-[linear-gradient(to_right,#222_0.5px,transparent_0.5px),linear-gradient(to_bottom,#222_0.5px,transparent_0.5px)] bg-[size:12px_12px] px-2", children: /* @__PURE__ */ r.jsx(Ye, { fallback: /* @__PURE__ */ r.jsx(rt, { className: "h-full" }), children: /* @__PURE__ */ r.jsx(En, { children: /* @__PURE__ */ r.jsx(kr, {}) }) }) })
+}, Do = () => /* @__PURE__ */ r.jsxs("div", { className: "flex h-full w-full flex-col", children: [
+  /* @__PURE__ */ r.jsx(Wn, {}),
+  /* @__PURE__ */ r.jsx("div", { className: "relative h-full overflow-hidden bg-slate-800/90 bg-[linear-gradient(to_right,#222_0.5px,transparent_0.5px),linear-gradient(to_bottom,#222_0.5px,transparent_0.5px)] bg-[size:12px_12px] px-2", children: /* @__PURE__ */ r.jsx(Ke, { fallback: /* @__PURE__ */ r.jsx(rt, { className: "h-full" }), children: /* @__PURE__ */ r.jsx(Cn, { children: /* @__PURE__ */ r.jsx(wr, {}) }) }) })
 ] });
 export {
-  Bo as default
+  Do as default
 };