monto-email-builder 1.2.3 → 1.2.4

package/dist/index.js

@@ -1,40 +1,54 @@
-var Tl = Object.defineProperty;
-var _l = (e, t, n) => t in e ? Tl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var gn = (e, t, n) => _l(e, typeof t != "symbol" ? t + "" : t, n);
+var Al = Object.defineProperty;
+var Tl = (e, t, n) => t in e ? Al(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var gn = (e, t, n) => Tl(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as o, jsxs as w, Fragment as an } from "react/jsx-runtime";
-import mt, { createContext as ho, useContext as hr, useState as z, useEffect as Ce, useRef as Oe, useMemo as ct, useCallback as en, Fragment as Bl, useLayoutEffect as Qn, memo as Ml, forwardRef as Ol, useImperativeHandle as Nl } from "react";
-import { Box as se, Typography as ke, Stack as Z, Button as Me, InputLabel as At, Menu as br, ButtonBase as Fn, ToggleButtonGroup as bo, TextField as dt, ToggleButton as le, MenuItem as on, Slider as Rl, Dialog as Cr, DialogTitle as yr, DialogContent as xr, DialogActions as Sr, CircularProgress as jn, FormControlLabel as vr, Switch as Pl, IconButton as $e, Divider as rn, Popover as ao, Select as wr, Checkbox as Fl, Accordion as zl, AccordionSummary as Ll, AccordionDetails as Wl, Paper as Co, Drawer as Ir, Tabs as kr, Tab as Zt, Link as Hl, Fade as Vl, Tooltip as Ze, Alert as Ul, useTheme as Dr, ThemeProvider as $l, CssBaseline as jl } from "@mui/material";
-import { renderToStaticMarkup as yo, Reader as Kl } from "monto-email-core";
-import { create as ql } from "zustand";
-import { g as Er, s as Ar, t as Yl } from "./chunks/chunk-_7XTjFEi.js";
+import mt, { createContext as ho, useContext as hr, useState as z, useEffect as Ce, useRef as Me, useMemo as ct, useCallback as en, Fragment as _l, useLayoutEffect as Qn, memo as Bl, forwardRef as Ol, useImperativeHandle as Ml } from "react";
+import { Box as se, Typography as ke, Stack as Z, Button as Oe, InputLabel as At, Menu as br, ButtonBase as Fn, ToggleButtonGroup as bo, TextField as dt, ToggleButton as le, MenuItem as on, Slider as Nl, Dialog as Cr, DialogTitle as yr, DialogContent as xr, DialogActions as Sr, CircularProgress as jn, FormControlLabel as vr, Switch as Rl, IconButton as $e, Divider as rn, Popover as ao, Select as wr, Checkbox as Pl, Accordion as Fl, AccordionSummary as zl, AccordionDetails as Ll, Paper as Co, Drawer as Ir, Tabs as kr, Tab as Zt, Link as Wl, Fade as Hl, Tooltip as Ze, Alert as Vl, useTheme as Dr, ThemeProvider as Ul, CssBaseline as $l } from "@mui/material";
+import { renderToStaticMarkup as yo, Reader as jl } from "monto-email-core";
+import { create as Kl } from "zustand";
+import { g as Er, s as Ar, t as ql } from "./chunks/chunk-_7XTjFEi.js";
 import { E as sn } from "./chunks/chunk-Cc3ecmGS.js";
-import { getFontFamily as Tr, styleToCss as _r, getResolvedTextBodyHtml as Ht, TextPropsSchema as Br, Text as Xl } from "monto-email-block-text";
-import { createTheme as Mr, alpha as eo, lighten as jt, darken as Ho } from "@mui/material/styles";
-import { ButtonPropsDefaults as Kt, ButtonPropsSchema as Or, Button as Gl } from "monto-email-block-button";
-import { CloseOutlined as Nr, AddOutlined as xo, TextFieldsOutlined as Jl, TitleOutlined as Zl, AlignVerticalTopOutlined as Ql, AlignVerticalBottomOutlined as ei, AlignHorizontalLeftOutlined as ti, AlignHorizontalRightOutlined as ni, FormatAlignLeftOutlined as oi, FormatAlignCenterOutlined as ri, FormatAlignRightOutlined as li, RoundedCornerOutlined as ii, SpaceBarOutlined as ai, VerticalAlignTopOutlined as So, VerticalAlignCenterOutlined as vo, VerticalAlignBottomOutlined as wo, UnfoldMoreOutlined as si, HeightOutlined as Rr, AspectRatioOutlined as Pr, LinkOutlined as Kn, CloudUploadOutlined as Ft, DataObjectOutlined as Fr, DragIndicator as zr, DeleteOutline as ci, Add as ui, HMobiledataOutlined as di, NotesOutlined as pi, SmartButtonOutlined as fi, ImageOutlined as mi, VideocamOutlined as gi, HorizontalRuleOutlined as hi, Crop32Outlined as bi, ShareOutlined as Ci, HtmlOutlined as yi, ViewColumnOutlined as xi, LibraryAddOutlined as Si, ArrowRightOutlined as vi, Check as Lr, ArrowUpwardOutlined as wi, ArrowDownwardOutlined as Ii, ContentCopyOutlined as ki, DeleteOutlined as Di, LastPageOutlined as Ei, AppRegistrationOutlined as Ai, FirstPageOutlined as Ti, MenuOutlined as _i, FileDownloadOutlined as Bi, FileUploadOutlined as Mi, EditOutlined as Oi, PreviewOutlined as Ni, CodeOutlined as Ri, RedoOutlined as Pi, UndoOutlined as Fi, MonitorOutlined as zi, PhoneIphoneOutlined as Li } from "@mui/icons-material";
-import { HexColorPicker as Wi, HexColorInput as Hi } from "react-colorful";
-import Vi from "@mui/icons-material/FormatBoldOutlined";
-import Ui from "@mui/icons-material/FormatItalicOutlined";
-import $i from "@mui/icons-material/FormatUnderlinedOutlined";
-import ji from "@mui/icons-material/StrikethroughSOutlined";
+import { getFontFamily as Tr, styleToCss as _r, getResolvedTextBodyHtml as Ht, TextPropsSchema as Br, Text as Yl } from "monto-email-block-text";
+import { createTheme as Or, alpha as eo, lighten as jt, darken as Ho } from "@mui/material/styles";
+import { ButtonPropsDefaults as Kt, ButtonPropsSchema as Mr, Button as Xl } from "monto-email-block-button";
+import { CloseOutlined as Nr, AddOutlined as xo, TextFieldsOutlined as Gl, TitleOutlined as Jl, AlignVerticalTopOutlined as Zl, AlignVerticalBottomOutlined as Ql, AlignHorizontalLeftOutlined as ei, AlignHorizontalRightOutlined as ti, FormatAlignLeftOutlined as ni, FormatAlignCenterOutlined as oi, FormatAlignRightOutlined as ri, RoundedCornerOutlined as li, SpaceBarOutlined as ii, VerticalAlignTopOutlined as So, VerticalAlignCenterOutlined as vo, VerticalAlignBottomOutlined as wo, UnfoldMoreOutlined as ai, HeightOutlined as Rr, AspectRatioOutlined as Pr, LinkOutlined as Kn, CloudUploadOutlined as Ft, DataObjectOutlined as si, DragIndicator as Fr, DeleteOutline as ci, Add as ui, HMobiledataOutlined as di, NotesOutlined as pi, SmartButtonOutlined as fi, ImageOutlined as mi, VideocamOutlined as gi, HorizontalRuleOutlined as hi, Crop32Outlined as bi, ShareOutlined as Ci, HtmlOutlined as yi, ViewColumnOutlined as xi, LibraryAddOutlined as Si, ArrowRightOutlined as vi, Check as zr, ArrowUpwardOutlined as wi, ArrowDownwardOutlined as Ii, ContentCopyOutlined as ki, DeleteOutlined as Di } from "@mui/icons-material";
+import { HexColorPicker as Ei, HexColorInput as Ai } from "react-colorful";
+import Ti from "@mui/icons-material/FormatBoldOutlined";
+import _i from "@mui/icons-material/FormatItalicOutlined";
+import Bi from "@mui/icons-material/FormatUnderlinedOutlined";
+import Oi from "@mui/icons-material/StrikethroughSOutlined";
 import { z as J } from "zod";
-import { ColumnsContainerPropsSchema as Wr, ColumnsContainer as Ki } from "monto-email-block-columns-container";
-import { ContainerPropsSchema as qi, Container as Yi } from "monto-email-block-container";
-import { DividerPropsDefaults as Vo, DividerPropsSchema as Hr, Divider as Xi } from "monto-email-block-divider";
-import { HeadingPropsDefaults as Gi, HeadingPropsSchema as Vr, Heading as Ji } from "monto-email-block-heading";
-import { HtmlPropsSchema as Ur, Html as Zi } from "monto-email-block-html";
-import Qi from "@uiw/react-codemirror";
-import { html as ea } from "@codemirror/lang-html";
-import { dracula as ta } from "@uiw/codemirror-themes-all";
-import { ImagePropsSchema as $r, Image as na } from "monto-email-block-image";
-import { SpacerPropsDefaults as oa, SpacerPropsSchema as jr, Spacer as ra } from "monto-email-block-spacer";
-import la from "@mui/icons-material/ExpandMoreOutlined";
-import ia from "@mui/icons-material/LinkOutlined";
-import aa from "@mui/material/ToggleButton";
-import { buildBlockConfigurationDictionary as sa, buildBlockComponent as ca, buildBlockConfigurationSchema as ua } from "monto-email-document-core";
-import { Video as da } from "monto-email-block-video";
-import { Socials as pa } from "monto-email-block-socials";
-class Kr {
+import { ColumnsContainerPropsSchema as Lr, ColumnsContainer as Mi } from "monto-email-block-columns-container";
+import { ContainerPropsSchema as Ni, Container as Ri } from "monto-email-block-container";
+import { DividerPropsDefaults as Vo, DividerPropsSchema as Wr, Divider as Pi } from "monto-email-block-divider";
+import { HeadingPropsDefaults as Fi, HeadingPropsSchema as Hr, Heading as zi } from "monto-email-block-heading";
+import { HtmlPropsSchema as Vr, Html as Li } from "monto-email-block-html";
+import Wi from "@uiw/react-codemirror";
+import { html as Hi } from "@codemirror/lang-html";
+import { dracula as Vi } from "@uiw/codemirror-themes-all";
+import { ImagePropsSchema as Ur, Image as Ui } from "monto-email-block-image";
+import { SpacerPropsDefaults as $i, SpacerPropsSchema as $r, Spacer as ji } from "monto-email-block-spacer";
+import Ki from "@mui/icons-material/ExpandMoreOutlined";
+import qi from "@mui/icons-material/LinkOutlined";
+import Yi from "@mui/material/ToggleButton";
+import Xi from "@mui/icons-material/MonitorOutlined";
+import Gi from "@mui/icons-material/PhoneIphoneOutlined";
+import { buildBlockConfigurationDictionary as Ji, buildBlockComponent as Zi, buildBlockConfigurationSchema as Qi } from "monto-email-document-core";
+import { Video as ea } from "monto-email-block-video";
+import { Socials as ta } from "monto-email-block-socials";
+import na from "@mui/icons-material/AppRegistrationOutlined";
+import oa from "@mui/icons-material/LastPageOutlined";
+import ra from "@mui/icons-material/FirstPageOutlined";
+import la from "@mui/icons-material/MenuOutlined";
+import ia from "@mui/icons-material/FileDownloadOutlined";
+import aa from "@mui/icons-material/FileUploadOutlined";
+import sa from "@mui/icons-material/CodeOutlined";
+import ca from "@mui/icons-material/DataObjectOutlined";
+import ua from "@mui/icons-material/EditOutlined";
+import da from "@mui/icons-material/PreviewOutlined";
+import pa from "@mui/icons-material/RedoOutlined";
+import fa from "@mui/icons-material/UndoOutlined";
+class jr {
   // 最多支持回退5步
   constructor(t) {
     gn(this, "past", []);
@@ -106,11 +120,11 @@ class Kr {
     return JSON.stringify(t) === JSON.stringify(n);
   }
 }
-let fa = 0, Hn = null, so = null, co = !0, uo = !0, He = null;
-function ma(e) {
+let ma = 0, Hn = null, so = null, co = !0, uo = !0, He = null;
+function ga(e) {
   e != null && e.document && (Hn = e.document), e != null && e.language && (so = e.language), (e == null ? void 0 : e.showJsonFeatures) !== void 0 && (co = e.showJsonFeatures), (e == null ? void 0 : e.showSamplesDrawerTitle) !== void 0 && (uo = e.showSamplesDrawerTitle);
   const t = (e == null ? void 0 : e.document) ?? Hn ?? sn, n = (e == null ? void 0 : e.language) ?? so ?? Er(), r = (e == null ? void 0 : e.showJsonFeatures) ?? co, i = (e == null ? void 0 : e.showSamplesDrawerTitle) ?? uo, l = (e == null ? void 0 : e.contactAttributes) ?? [];
-  He ? He.reset(t) : He = new Kr(t), M.setState({
+  He ? He.reset(t) : He = new jr(t), O.setState({
     document: t,
     language: n,
     showJsonFeatures: r,
@@ -128,9 +142,9 @@ function ma(e) {
 }
 if (!He) {
   const e = Hn || sn;
-  He = new Kr(e);
+  He = new jr(e);
 }
-const M = ql((e, t) => ({
+const O = Kl((e, t) => ({
   document: Hn || sn,
   selectedBlockId: null,
   textSelection: null,
@@ -155,39 +169,39 @@ const M = ql((e, t) => ({
   onSamplesDrawerToggle: void 0,
   onInspectorDrawerToggle: void 0
 }));
-function ga(e) {
-  return M.setState({ contactAttributes: Array.isArray(e) ? e : [] });
+function ha(e) {
+  return O.setState({ contactAttributes: Array.isArray(e) ? e : [] });
 }
-function qr() {
-  return M((e) => e.contactAttributes);
+function Kr() {
+  return O((e) => e.contactAttributes);
 }
 function Qe() {
-  return M((e) => e.document);
+  return O((e) => e.document);
 }
 function cn() {
-  return M((e) => e.selectedBlockId);
+  return O((e) => e.selectedBlockId);
 }
-function ha() {
-  return M((e) => e.selectedScreenSize);
+function ba() {
+  return O((e) => e.selectedScreenSize);
 }
 function Io() {
-  return M((e) => e.selectedMainTab);
+  return O((e) => e.selectedMainTab);
 }
 function po(e) {
-  return M.setState({ selectedMainTab: e });
+  return O.setState({ selectedMainTab: e });
 }
-function ba() {
-  return M((e) => e.selectedSidebarTab);
+function Ca() {
+  return O((e) => e.selectedSidebarTab);
 }
 function ko() {
-  return M((e) => e.inspectorDrawerOpen);
+  return O((e) => e.inspectorDrawerOpen);
 }
 function Do() {
-  return M((e) => e.samplesDrawerOpen);
+  return O((e) => e.samplesDrawerOpen);
 }
 function nt(e) {
   const t = e === null ? "styles" : "block-configuration", n = {};
-  return e !== null && (n.inspectorDrawerOpen = !0), M.setState({
+  return e !== null && (n.inspectorDrawerOpen = !0), O.setState({
     selectedBlockId: e,
     textSelection: null,
     textCaret: null,
@@ -198,43 +212,43 @@ function nt(e) {
   });
 }
 function yt(e) {
-  return M.setState({ textSelection: e });
+  return O.setState({ textSelection: e });
 }
 function Bn(e) {
-  return M.setState({ textCaret: e });
+  return O.setState({ textCaret: e });
 }
-function Yr() {
-  return M((e) => e.textSelection);
+function qr() {
+  return O((e) => e.textSelection);
 }
-function Xr() {
-  return M((e) => e.textCaret);
+function Yr() {
+  return O((e) => e.textCaret);
 }
 function Sn() {
-  return M.setState({ lastInlineStyleApplyAt: Date.now() });
+  return O.setState({ lastInlineStyleApplyAt: Date.now() });
 }
 function hn(e) {
-  return M.setState({ lastTextBlockContent: e });
+  return O.setState({ lastTextBlockContent: e });
 }
 function qt(e, t) {
-  M.setState({
+  O.setState({
     textDomApplyRequest: {
       blockId: e,
-      id: ++fa,
+      id: ++ma,
       ...t
     }
   });
 }
 function Yt() {
-  return M.setState({ textDomApplyRequest: null });
-}
-function Ca() {
-  return M((e) => e.textDomApplyRequest);
+  return O.setState({ textDomApplyRequest: null });
 }
 function ya() {
-  return M((e) => e.lastTextBlockContent);
+  return O((e) => e.textDomApplyRequest);
 }
-function xa(e) {
-  return M.setState({ selectedSidebarTab: e });
+function xa() {
+  return O((e) => e.lastTextBlockContent);
+}
+function Sa(e) {
+  return O.setState({ selectedSidebarTab: e });
 }
 function wn(e, t) {
   let n;
@@ -246,7 +260,7 @@ function wn(e, t) {
   t(e, n);
 }
 function Rt(e) {
-  He && He.reset(e), M.setState({
+  He && He.reset(e), O.setState({
     document: e,
     selectedSidebarTab: "styles",
     selectedBlockId: null,
@@ -254,141 +268,141 @@ function Rt(e) {
     lastTextBlockContent: null,
     textDomApplyRequest: null
   });
-  const t = M.getState().onChange;
+  const t = O.getState().onChange;
   t && queueMicrotask(() => {
     wn(e, t);
   });
 }
 function _e(e, t) {
   const r = {
-    ...M.getState().document,
+    ...O.getState().document,
     ...e
   };
   if (He) {
     const i = He.record(r);
-    M.setState({
+    O.setState({
       document: i
     });
-    const l = M.getState().onChange;
+    const l = O.getState().onChange;
     l && queueMicrotask(() => {
       wn(i, l);
     });
   } else {
-    M.setState({
+    O.setState({
       document: r
     });
-    const i = M.getState().onChange;
+    const i = O.getState().onChange;
     i && queueMicrotask(() => {
       wn(r, i);
     });
   }
 }
-function Sa(e) {
-  return M.setState({ onChange: e });
-}
-function va() {
-  const e = M.getState(), t = !e.inspectorDrawerOpen;
-  M.setState({ inspectorDrawerOpen: t }), e.onInspectorDrawerToggle && e.onInspectorDrawerToggle(t);
+function va(e) {
+  return O.setState({ onChange: e });
 }
 function wa() {
-  const e = M.getState(), t = !e.samplesDrawerOpen;
-  M.setState({ samplesDrawerOpen: t }), e.onSamplesDrawerToggle && e.onSamplesDrawerToggle(t);
-}
-function Uo(e) {
-  return M.setState({ selectedScreenSize: e });
+  const e = O.getState(), t = !e.inspectorDrawerOpen;
+  O.setState({ inspectorDrawerOpen: t }), e.onInspectorDrawerToggle && e.onInspectorDrawerToggle(t);
 }
-function Gr() {
-  return M((e) => e.imageUploadHandler);
+function Ia() {
+  const e = O.getState(), t = !e.samplesDrawerOpen;
+  O.setState({ samplesDrawerOpen: t }), e.onSamplesDrawerToggle && e.onSamplesDrawerToggle(t);
 }
-function Ia(e) {
-  return M.setState({ imageUploadHandler: e });
+function Uo(e) {
+  return O.setState({ selectedScreenSize: e });
 }
-function Jr() {
-  return M((e) => e.videoUploadHandler);
+function Xr() {
+  return O((e) => e.imageUploadHandler);
 }
 function ka(e) {
-  return M.setState({ videoUploadHandler: e });
+  return O.setState({ imageUploadHandler: e });
 }
-function Da() {
-  return M((e) => e.language);
+function Gr() {
+  return O((e) => e.videoUploadHandler);
 }
-function Ea(e) {
-  return Ar(e), M.setState({ language: e });
+function Da(e) {
+  return O.setState({ videoUploadHandler: e });
 }
-function Aa() {
-  return M((e) => e.name);
+function Ea() {
+  return O((e) => e.language);
 }
-function Ta(e) {
-  M.setState({ name: e });
-  const t = M.getState().onNameChange;
-  t && t(e);
+function Aa(e) {
+  return Ar(e), O.setState({ language: e });
+}
+function Ta() {
+  return O((e) => e.name);
 }
 function _a(e) {
-  return M.setState({ onNameChange: e });
+  O.setState({ name: e });
+  const t = O.getState().onNameChange;
+  t && t(e);
 }
 function Ba(e) {
-  return M.setState({ onSamplesDrawerToggle: e });
+  return O.setState({ onNameChange: e });
+}
+function Oa(e) {
+  return O.setState({ onSamplesDrawerToggle: e });
 }
 function Ma(e) {
-  return M.setState({ onInspectorDrawerToggle: e });
+  return O.setState({ onInspectorDrawerToggle: e });
 }
-function Zr() {
-  return M((e) => e.showJsonFeatures);
+function Jr() {
+  return O((e) => e.showJsonFeatures);
 }
-function Oa(e) {
-  return M.setState({ showJsonFeatures: e });
+function Na(e) {
+  return O.setState({ showJsonFeatures: e });
 }
-function Na() {
-  return M((e) => e.showSamplesDrawerTitle);
+function Ra() {
+  return O((e) => e.showSamplesDrawerTitle);
 }
-function Ra(e) {
-  return M.setState({ showSamplesDrawerTitle: e });
+function Pa(e) {
+  return O.setState({ showSamplesDrawerTitle: e });
 }
-function Pa() {
+function Fa() {
   return He ? He.canUndo() : !1;
 }
-function Fa() {
+function za() {
   return He ? He.canRedo() : !1;
 }
-function Qr() {
+function Zr() {
   if (!He) return !1;
   const e = He.undo();
   if (!e) return !1;
-  M.setState({
+  O.setState({
     document: e
   });
-  const t = M.getState().onChange;
+  const t = O.getState().onChange;
   return t && queueMicrotask(() => wn(e, t)), !0;
 }
-function el() {
+function Qr() {
   if (!He) return !1;
   const e = He.redo();
   if (!e) return !1;
-  M.setState({
+  O.setState({
     document: e
   });
-  const t = M.getState().onChange;
+  const t = O.getState().onChange;
   return t && queueMicrotask(() => wn(e, t)), !0;
 }
-function za() {
-  const e = M((t) => t.document);
-  return mt.useMemo(() => Pa(), [e]);
-}
 function La() {
-  const e = M((t) => t.document);
+  const e = O((t) => t.document);
   return mt.useMemo(() => Fa(), [e]);
 }
-const tl = ho(null);
-function Wa({
+function Wa() {
+  const e = O((t) => t.document);
+  return mt.useMemo(() => za(), [e]);
+}
+const el = ho(null);
+function Ha({
   value: e,
   children: t
 }) {
-  return /* @__PURE__ */ o(tl.Provider, { value: e, children: t });
+  return /* @__PURE__ */ o(el.Provider, { value: e, children: t });
 }
-function Ha() {
-  return hr(tl);
+function Va() {
+  return hr(el);
 }
-const Va = [
+const Ua = [
   "MODERN_SANS",
   "BOOK_SANS",
   "ORGANIC_SANS",
@@ -399,10 +413,10 @@ const Va = [
   "BOOK_SERIF",
   "MONOSPACE"
 ];
-function Ua(e) {
+function $a(e) {
   const t = e.trim().toLowerCase();
   if (t)
-    for (const n of Va) {
+    for (const n of Ua) {
       const r = Tr(n);
       if (!r) continue;
       const i = r.split(",")[0].replace(/"/g, "").trim().toLowerCase();
@@ -426,7 +440,7 @@ function Dt(e) {
 function pt(e) {
   return Dt(e).length;
 }
-function $a(e, t) {
+function ja(e, t) {
   if (t < 0) return null;
   let n = 0;
   const r = document.createTreeWalker(e, NodeFilter.SHOW_TEXT);
@@ -451,10 +465,10 @@ function fo(e, t) {
       return { node: i, offset: Math.max(0, t - n) };
     n += a;
   }
-  const l = ja(e);
+  const l = Ka(e);
   return l && t === n ? { node: l, offset: (l.textContent ?? "").length } : null;
 }
-function ja(e) {
+function Ka(e) {
   const t = document.createTreeWalker(e, NodeFilter.SHOW_TEXT);
   let n, r = null;
   for (; n = t.nextNode(); ) r = n;
@@ -484,7 +498,7 @@ function jo(e, t, n) {
 function Vn(e) {
   return Array.from(e.children).filter((t) => t.tagName === "P");
 }
-function nl(e) {
+function tl(e) {
   const t = [];
   let n = 0;
   for (const r of Vn(e)) {
@@ -493,7 +507,7 @@ function nl(e) {
   }
   return t;
 }
-function Ka(e) {
+function qa(e) {
   let t;
   for (; t = e.querySelector("a"); ) {
     const n = t.parentNode;
@@ -503,7 +517,7 @@ function Ka(e) {
     n.removeChild(t);
   }
 }
-function ol(e) {
+function nl(e) {
   for (; ; ) {
     const t = Array.from(e.querySelectorAll("span")).find((r) => !r.hasAttribute("data-text-variable"));
     if (!t) break;
@@ -514,33 +528,33 @@ function ol(e) {
     n.removeChild(t);
   }
 }
-function qa(e, t, n, r) {
+function Ya(e, t, n, r) {
   const i = Et(e, t, n);
   if (!i || i.collapsed) return;
   const l = i.extractContents();
-  ol(l);
+  nl(l);
   const a = document.createElement("span");
   Un(a, r), a.appendChild(l), i.insertNode(a);
 }
 function In(e) {
   e.style.color || (e.style.color = "inherit");
 }
-function Ya(e, t, n, r, i) {
+function Xa(e, t, n, r, i) {
   const l = Et(e, t, n);
   if (!l || l.collapsed) return;
   const a = l.extractContents();
-  Ka(a);
+  qa(a);
   const c = document.createElement("a");
   c.href = r, i && (c.target = "_blank", c.rel = "noopener noreferrer"), In(c), c.style.textDecoration || (c.style.textDecoration = "underline"), c.appendChild(a), l.insertNode(c);
 }
-function Xa(e) {
+function Ga(e) {
   return e.tagName === "SPAN" && Dn(e);
 }
-function Ga(e) {
+function Ja(e) {
   const t = Array.from(e.children);
   if (t.length !== 1) return;
   const n = t[0];
-  if (!Xa(n)) return;
+  if (!Ga(n)) return;
   const r = n, i = (e.textContent ?? "").replace(/\u200B/g, ""), l = (r.textContent ?? "").replace(/\u200B/g, "");
   if (i !== l) return;
   const a = r.style, c = (s) => {
@@ -550,11 +564,11 @@ function Ga(e) {
   };
   c("fontSize"), c("fontFamily"), c("fontWeight"), c("fontStyle"), c("letterSpacing"), c("color"), c("backgroundColor"), c("textDecoration"), zn(r);
 }
-function Ja(e, t, n, r, i) {
+function Za(e, t, n, r, i) {
   const l = Et(e, t, n);
   if (!l || l.collapsed) return;
   const a = l.extractContents();
-  ol(a);
+  nl(a);
   const c = document.createDocumentFragment(), s = [], d = () => {
     if (s.length === 0) return;
     const u = s.filter((m) => m.nodeType !== Node.TEXT_NODE ? !0 : (m.textContent ?? "").replace(/\u200B/g, "").length > 0);
@@ -581,7 +595,7 @@ function Ja(e, t, n, r, i) {
   }
   d(), l.insertNode(c);
 }
-function Za(e) {
+function Qa(e) {
   const t = {};
   for (const [n, r] of Object.entries(e))
     if (r != null && !(typeof r == "string" && (r === "undefined" || r === "null")) && !(typeof r == "number" && Number.isNaN(r)) && n !== "lineHeight") {
@@ -593,7 +607,7 @@ function Za(e) {
     }
   return t;
 }
-function Qa(e) {
+function es(e) {
   const t = _r(e);
   return delete t.lineHeight, t;
 }
@@ -624,7 +638,7 @@ function kn(e, t) {
     typeof i == "number" ? n("letterSpacing", `${i}px`) : n("letterSpacing", String(i));
   }
 }
-function es(e, t, n) {
+function ts(e, t, n) {
   const r = Array.from(e.querySelectorAll("span"));
   for (const i of r) {
     const l = document.createRange();
@@ -635,7 +649,7 @@ function es(e, t, n) {
   }
   return null;
 }
-function ts(e, t, n) {
+function ns(e, t, n) {
   const r = Array.from(e.querySelectorAll("span[data-text-variable]"));
   for (const i of r) {
     const l = document.createRange();
@@ -664,16 +678,16 @@ function ln(e) {
   const t = (e ?? "").trim().toLowerCase();
   return t ? t.split(";").map((r) => r.trim()).filter(Boolean).sort().join(";") : "";
 }
-function ns(e, t) {
+function os(e, t) {
   return !Dn(e) || !Dn(t) ? !1 : ln(e.getAttribute("style")) === ln(t.getAttribute("style"));
 }
 function Ko(e) {
   return (e.getAttribute("href") ?? "").trim();
 }
-function os(e, t) {
+function rs(e, t) {
   return Ko(e) !== Ko(t) || (e.getAttribute("target") ?? "") !== (t.getAttribute("target") ?? "") || (e.getAttribute("rel") ?? "") !== (t.getAttribute("rel") ?? "") ? !1 : ln(e.getAttribute("style")) === ln(t.getAttribute("style"));
 }
-function rs(e) {
+function ls(e) {
   return Dn(e) ? ln(e.getAttribute("style")) ? (e.textContent ?? "").replace(/\u200B/g, "").length === 0 : !0 : !1;
 }
 function Qt(e) {
@@ -688,7 +702,7 @@ function Qt(e) {
             zn(l);
             continue;
           }
-          Ga(l), In(l);
+          Ja(l), In(l);
         }
         if (l.tagName === "SPAN") {
           const a = l;
@@ -696,7 +710,7 @@ function Qt(e) {
             n.removeChild(a);
             continue;
           }
-          if (rs(a)) {
+          if (ls(a)) {
             zn(a);
             continue;
           }
@@ -713,7 +727,7 @@ function Qt(e) {
     }
     for (r = 0; r < n.childNodes.length - 1; ) {
       const i = n.childNodes[r], l = n.childNodes[r + 1];
-      if (i.nodeType === Node.ELEMENT_NODE && l.nodeType === Node.ELEMENT_NODE && i.tagName === "SPAN" && l.tagName === "SPAN" && ns(i, l)) {
+      if (i.nodeType === Node.ELEMENT_NODE && l.nodeType === Node.ELEMENT_NODE && i.tagName === "SPAN" && l.tagName === "SPAN" && os(i, l)) {
         const a = i, c = l;
         for (; c.firstChild; )
           a.appendChild(c.firstChild);
@@ -724,7 +738,7 @@ function Qt(e) {
     }
     for (r = 0; r < n.childNodes.length - 1; ) {
       const i = n.childNodes[r], l = n.childNodes[r + 1];
-      if (i.nodeType === Node.ELEMENT_NODE && l.nodeType === Node.ELEMENT_NODE && i.tagName === "A" && l.tagName === "A" && os(i, l)) {
+      if (i.nodeType === Node.ELEMENT_NODE && l.nodeType === Node.ELEMENT_NODE && i.tagName === "A" && l.tagName === "A" && rs(i, l)) {
         const a = i, c = l;
         for (; c.firstChild; )
           a.appendChild(c.firstChild);
@@ -736,23 +750,23 @@ function Qt(e) {
   };
   t(e);
 }
-function ls(e) {
+function is(e) {
   const t = Array.from(e.querySelectorAll("[data-text-variable]"));
   for (const n of t)
     n.style.removeProperty("border"), n.style.removeProperty("border-radius"), n.style.removeProperty("padding"), n.style.removeProperty("box-shadow"), n.style.removeProperty("user-select"), n.style.removeProperty("-webkit-user-select");
 }
-function is(e) {
+function as(e) {
   const t = {};
   for (const [n, r] of Object.entries(e))
     r !== void 0 && (t[n] = r);
   return t;
 }
-function as(e, t) {
+function ss(e, t) {
   kn(e, t);
 }
-function ss(e, t, n, r) {
+function cs(e, t, n, r) {
   var d, u;
-  const { patch: i, global: l } = r, a = is(i ?? {}), c = Object.keys(a).length > 0, s = nl(e);
+  const { patch: i, global: l } = r, a = as(i ?? {}), c = Object.keys(a).length > 0, s = tl(e);
   for (const { p: g, start: f, end: m } of s) {
     const h = Math.max(t, f), b = Math.min(n, m);
     if (h >= b) continue;
@@ -766,17 +780,17 @@ function ss(e, t, n, r) {
       }
     } catch {
     }
-    const y = ts(g, h - f, b - f);
+    const y = ns(g, h - f, b - f);
     if (y) {
       c && kn(y, a), Qt(g);
       continue;
     }
-    const k = es(g, h - f, b - f);
+    const k = ts(g, h - f, b - f);
     if (k) {
-      c && as(k, a), Qt(g);
+      c && ss(k, a), Qt(g);
       continue;
     }
-    const D = hs(e, h, b), E = { ...l, ...D, ...a }, N = Za(Qa(E));
+    const D = bs(e, h, b), E = { ...l, ...D, ...a }, N = Qa(es(E));
     if (Object.keys(N).length === 0) continue;
     const W = Et(g, h - f, b - f), P = () => {
       if (!W || W.collapsed) return !1;
@@ -788,17 +802,17 @@ function ss(e, t, n, r) {
       if (!W || W.collapsed) return !1;
       const be = W.cloneContents();
       return !!((ce = be.querySelector) != null && ce.call(be, "a,[data-text-variable]"));
-    })() ? Ja(g, h - f, b - f, N, a) : P() || qa(g, h - f, b - f, N), Qt(g);
+    })() ? Za(g, h - f, b - f, N, a) : P() || Ya(g, h - f, b - f, N), Qt(g);
   }
 }
-function cs(e, t, n, r, i) {
-  const l = nl(e);
+function us(e, t, n, r, i) {
+  const l = tl(e);
   for (const { p: a, start: c, end: s } of l) {
     const d = Math.max(t, c), u = Math.min(n, s);
-    d >= u || (Ya(a, d - c, u - c, r, i), Qt(a));
+    d >= u || (Xa(a, d - c, u - c, r, i), Qt(a));
   }
 }
-function us(e, t) {
+function ds(e, t) {
   const n = pt(e);
   if (n === 0) return null;
   const r = fo(e, Math.min(t, n - 1));
@@ -813,19 +827,19 @@ function us(e, t) {
   }
   return null;
 }
-function ds(e, t, n) {
+function ps(e, t, n) {
   const i = new DOMParser().parseFromString(e, "text/html").body.firstElementChild;
   if (!i) return null;
   const l = pt(i);
   if (l === 0) return null;
   const a = Math.max(0, Math.min(t, l - 1)), c = Math.max(a + 1, Math.min(n, l));
   for (let s = a; s < c; s++) {
-    const d = us(i, s);
+    const d = ds(i, s);
     if (d) return d;
   }
   return null;
 }
-function ps(e, t, n) {
+function fs(e, t, n) {
   const i = new DOMParser().parseFromString(e, "text/html").body.firstElementChild;
   if (!i) return {};
   const l = pt(i);
@@ -837,14 +851,14 @@ function ps(e, t, n) {
       u = g;
       break;
     }
-  return Ot(i, u);
+  return Mt(i, u);
 }
 const mo = /^[A-Za-z_][A-Za-z0-9_]*$/;
-function fs(e) {
+function ms(e) {
   const t = new DOMParser().parseFromString(e, "text/html");
   return Array.from(t.body.querySelectorAll("[data-text-variable]"));
 }
-function ms(e, t, n) {
+function gs(e, t, n) {
   const i = new DOMParser().parseFromString(e, "text/html").body.firstElementChild;
   if (!i || t >= n) return null;
   const l = Array.from(i.querySelectorAll("[data-text-variable]"));
@@ -876,7 +890,7 @@ function Eo(e) {
   }
   return null;
 }
-function rl() {
+function ol() {
   return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `v_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 11)}`;
 }
 function bn(e, t) {
@@ -885,7 +899,7 @@ function bn(e, t) {
   let r = !1;
   const i = Array.from(e.querySelectorAll("[data-text-variable]"));
   for (const f of i)
-    (d = f.getAttribute("data-variable-instance-id")) != null && d.trim() || (f.setAttribute("data-variable-instance-id", rl()), r = !0);
+    (d = f.getAttribute("data-variable-instance-id")) != null && d.trim() || (f.setAttribute("data-variable-instance-id", ol()), r = !0);
   const l = /* @__PURE__ */ new Set();
   for (const f of i) {
     const m = (u = f.getAttribute("data-variable-instance-id")) == null ? void 0 : u.trim();
@@ -910,7 +924,7 @@ function bn(e, t) {
 }
 function qn(e) {
   const t = [];
-  for (const n of fs(e)) {
+  for (const n of ms(e)) {
     const r = Eo(n.getAttribute("data-text-variable") ?? "");
     if (!r) continue;
     const i = (n.getAttribute("data-variable-instance-id") ?? "").trim();
@@ -918,7 +932,7 @@ function qn(e) {
   }
   return t;
 }
-function gs(e, t) {
+function hs(e, t) {
   if (e.color && t.color == null) {
     const n = e.color.trim();
     t.color = n.startsWith("#") ? n : $o(n) ?? n;
@@ -932,7 +946,7 @@ function gs(e, t) {
     Number.isNaN(n) || (t.fontSize = n);
   }
   if (e.fontFamily && e.fontFamily !== "undefined" && t.fontFamily == null) {
-    const n = Ua(e.fontFamily);
+    const n = $a(e.fontFamily);
     n && (t.fontFamily = n);
   }
   if (t.fontWeight == null) {
@@ -948,11 +962,11 @@ function gs(e, t) {
     t.letterSpacing = n;
   }
 }
-function hs(e, t, n) {
+function bs(e, t, n) {
   const r = pt(e);
   if (r === 0) return {};
   const i = (u) => Math.max(0, Math.min(u, r - 1));
-  if (n <= t) return Ot(e, i(t));
+  if (n <= t) return Mt(e, i(t));
   const l = [i(t), i(Math.floor((t + n - 1) / 2)), i(n - 1)], a = [...new Set(l)], c = {};
   let s = -1;
   const d = [
@@ -965,7 +979,7 @@ function hs(e, t, n) {
     "letterSpacing"
   ];
   for (const u of a) {
-    const g = Ot(e, u);
+    const g = Mt(e, u);
     typeof g.fontSize == "number" && (s = Math.max(s, g.fontSize));
     for (const f of d) {
       const m = g[f];
@@ -974,14 +988,14 @@ function hs(e, t, n) {
   }
   return s >= 0 && (c.fontSize = s), c;
 }
-function Ot(e, t) {
-  const n = pt(e), r = Math.min(t, Math.max(0, n - 1)), i = $a(e, r);
+function Mt(e, t) {
+  const n = pt(e), r = Math.min(t, Math.max(0, n - 1)), i = ja(e, r);
   if (!i) return {};
   let l = i.node.nodeType === Node.TEXT_NODE ? i.node.parentElement : i.node;
   const a = {};
   for (; l && l !== e; ) {
     const c = l.tagName;
-    (c === "SPAN" || c === "A") && gs(l.style, a), (c === "STRONG" || c === "B") && a.fontWeight == null && (a.fontWeight = "bold"), (c === "I" || c === "EM") && a.fontStyle == null && (a.fontStyle = "italic"), l = l.parentElement;
+    (c === "SPAN" || c === "A") && hs(l.style, a), (c === "STRONG" || c === "B") && a.fontWeight == null && (a.fontWeight = "bold"), (c === "I" || c === "EM") && a.fontStyle == null && (a.fontStyle = "italic"), l = l.parentElement;
   }
   return a;
 }
@@ -995,7 +1009,7 @@ function xt(e) {
   for (const t of Vn(e))
     t.style.margin = "0", Dt(t).length === 0 && (t.textContent = "", t.appendChild(document.createTextNode(qo)), t.appendChild(document.createElement("br")));
 }
-function ll(e) {
+function rl(e) {
   return Dt(e).replace(/\u200B/g, "");
 }
 function Cn(e) {
@@ -1003,10 +1017,10 @@ function Cn(e) {
   xt(t);
   for (const n of Vn(t))
     Qt(n);
-  return ls(t), t.outerHTML;
+  return is(t), t.outerHTML;
 }
 const Yo = /^[A-Za-z_][A-Za-z0-9_]*$/;
-function il(e) {
+function ll(e) {
   const t = (e.attribute ?? "").trim();
   if (t && Yo.test(t)) return t;
   const n = (e.variable ?? "").trim();
@@ -1035,7 +1049,7 @@ function Xo(e, t = "root") {
         u[y] !== S && (u[y] = S, g = !0);
         continue;
       }
-      const k = il({
+      const k = ll({
         attribute: typeof h.attribute == "string" ? h.attribute : void 0,
         variable: typeof h.variable == "string" ? h.variable : void 0
       });
@@ -1054,7 +1068,7 @@ function Xo(e, t = "root") {
   }, l = /* @__PURE__ */ new Set();
   return e[t] && Yn(e, t, i, l), r ? n : e;
 }
-function bs(e) {
+function Cs(e) {
   const t = e.data;
   if (!t || typeof t != "object") return [];
   const n = [], r = t.childrenIds;
@@ -1082,11 +1096,11 @@ function Yn(e, t, n, r) {
   const i = e[t];
   if (i) {
     r.add(t), n(t, i);
-    for (const l of bs(i))
+    for (const l of Cs(i))
       Yn(e, l, n, r);
   }
 }
-function Cs(e, t = "root") {
+function ys(e, t = "root") {
   const n = [];
   let r = 0;
   const i = /* @__PURE__ */ new Map(), l = (c, s) => {
@@ -1122,7 +1136,7 @@ function to(e, t, n = "root") {
       r.set(g, u);
       continue;
     }
-    const f = il(d);
+    const f = ll(d);
     f && i.set(f, u);
   }
   if (r.size === 0 && i.size === 0) return e;
@@ -1159,10 +1173,10 @@ function Go() {
   if (!t || !t.contains(e)) return;
   const n = t.getAttribute("data-monto-text-block-id");
   if (!n) return;
-  const r = M.getState().document[n];
+  const r = O.getState().document[n];
   !r || r.type !== "Text" || t.blur();
 }
-const ys = "#212443", Mn = "#1E40AF", yn = "#1F8466", On = "#E81212", Xt = "#F6DC9F", xs = "#6C0E7C", Ss = "#CC996C", vs = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"', ws = 'ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace', B = Mr({
+const xs = "#212443", On = "#1E40AF", yn = "#1F8466", Mn = "#E81212", Xt = "#F6DC9F", Ss = "#6C0E7C", vs = "#CC996C", ws = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"', Is = 'ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace', B = Or({
   palette: {
     background: {
       default: "#f2f5f7"
@@ -1173,18 +1187,18 @@ const ys = "#212443", Mn = "#1E40AF", yn = "#1F8466", On = "#E81212", Xt = "#F6D
     }
   },
   typography: {
-    fontFamily: vs
+    fontFamily: ws
   }
-}), Is = Mr(B, {
+}), ks = Or(B, {
   palette: {
     brand: {
-      navy: ys,
-      blue: Mn,
-      red: On,
+      navy: xs,
+      blue: On,
+      red: Mn,
       green: yn,
       yellow: Xt,
-      purple: xs,
-      brown: Ss
+      purple: Ss,
+      brown: vs
     },
     success: {
       main: yn,
@@ -1192,9 +1206,9 @@ const ys = "#212443", Mn = "#1E40AF", yn = "#1F8466", On = "#E81212", Xt = "#F6D
       dark: Ho(yn, 0.15)
     },
     error: {
-      main: On,
-      light: jt(On, 0.15),
-      dark: Ho(On, 0.15)
+      main: Mn,
+      light: jt(Mn, 0.15),
+      dark: Ho(Mn, 0.15)
     },
     cadet: {
       100: "#F9FAFB",
@@ -1211,10 +1225,10 @@ const ys = "#212443", Mn = "#1E40AF", yn = "#1F8466", On = "#E81212", Xt = "#F6D
       500: Xt
     },
     info: {
-      main: Mn
+      main: On
     },
     primary: {
-      main: Mn
+      main: On
     }
   },
   components: {
@@ -1228,7 +1242,7 @@ const ys = "#212443", Mn = "#1E40AF", yn = "#1F8466", On = "#E81212", Xt = "#F6D
           padding: 0;
         }
         pre {
-          font-family: ${ws}
+          font-family: ${Is}
           white-space: pre-wrap;
           font-size: 12px;
         }
@@ -1391,7 +1405,7 @@ const ys = "#212443", Mn = "#1E40AF", yn = "#1F8466", On = "#E81212", Xt = "#F6D
           width: 16,
           cursor: "col-resize",
           "&:hover, &.Mui-active, &.Mui-focusVisible": {
-            boxShadow: `0 0 0 4px ${eo(Mn, 0.2)}`
+            boxShadow: `0 0 0 4px ${eo(On, 0.2)}`
           },
           "&:before": {
             display: "none"
@@ -1676,8 +1690,8 @@ const ys = "#212443", Mn = "#1E40AF", yn = "#1F8466", On = "#E81212", Xt = "#F6D
   ]
 });
 function Se() {
-  const e = Da();
-  return { t: (n, r) => Yl(n, r, e), language: e };
+  const e = Ea();
+  return { t: (n, r) => ql(n, r, e), language: e };
 }
 function it({ title: e, children: t }) {
   return /* @__PURE__ */ w(se, { p: 2, sx: { width: "100%", maxWidth: "100%", boxSizing: "border-box" }, children: [
@@ -1685,17 +1699,17 @@ function it({ title: e, children: t }) {
     /* @__PURE__ */ o(Z, { spacing: 3, mb: 3, sx: { width: "100%", maxWidth: "100%" }, children: t })
   ] });
 }
-const ks = {
+const Ds = {
   width: 24,
   height: 24
 };
-function Ds({ paletteColors: e, value: t, onChange: n }) {
+function Es({ paletteColors: e, value: t, onChange: n }) {
   const r = (i) => /* @__PURE__ */ o(
-    Me,
+    Oe,
     {
       onClick: () => n(i),
       sx: {
-        ...ks,
+        ...Ds,
         backgroundColor: i,
         border: "1px solid",
         borderColor: t === i ? "black" : "grey.200",
@@ -1711,7 +1725,7 @@ function Ds({ paletteColors: e, value: t, onChange: n }) {
   );
   return /* @__PURE__ */ o(se, { width: "100%", sx: { display: "grid", gap: 1, gridTemplateColumns: "1fr 1fr 1fr 1fr 1fr 1fr" }, children: e.map((i) => r(i)) });
 }
-const Es = [
+const As = [
   "#E11D48",
   "#DB2777",
   "#C026D3",
@@ -1742,7 +1756,7 @@ const Es = [
   "#171717",
   "#0A0A0A",
   "#000000"
-], As = {
+], Ts = {
   p: 1,
   ".react-colorful__pointer ": {
     width: 16,
@@ -1772,11 +1786,11 @@ const Es = [
     width: "100%"
   }
 };
-function Ts({ value: e, onChange: t }) {
-  return /* @__PURE__ */ w(Z, { spacing: 1, sx: As, children: [
-    /* @__PURE__ */ o(Wi, { color: e, onChange: t }),
-    /* @__PURE__ */ o(Ds, { paletteColors: Es, value: e, onChange: t }),
-    /* @__PURE__ */ o(se, { pt: 1, children: /* @__PURE__ */ o(Hi, { prefixed: !0, color: e, onChange: t }) })
+function _s({ value: e, onChange: t }) {
+  return /* @__PURE__ */ w(Z, { spacing: 1, sx: Ts, children: [
+    /* @__PURE__ */ o(Ei, { color: e, onChange: t }),
+    /* @__PURE__ */ o(Es, { paletteColors: As, value: e, onChange: t }),
+    /* @__PURE__ */ o(se, { pt: 1, children: /* @__PURE__ */ o(Ai, { prefixed: !0, color: e, onChange: t }) })
   ] });
 }
 const Jo = 24, Zo = {
@@ -1799,7 +1813,7 @@ const Jo = 24, Zo = {
   minHeight: 40,
   cursor: "pointer"
 };
-function al({ label: e, defaultValue: t, onChange: n, nullable: r }) {
+function il({ label: e, defaultValue: t, onChange: n, nullable: r }) {
   const [i, l] = z(null), [a, c] = z(t);
   Ce(() => {
     c(t);
@@ -1834,7 +1848,7 @@ function al({ label: e, defaultValue: t, onChange: n, nullable: r }) {
           sx: { height: "auto", padding: 0 }
         },
         children: /* @__PURE__ */ o(
-          Ts,
+          _s,
           {
             value: a || "",
             onChange: (g) => {
@@ -1847,10 +1861,10 @@ function al({ label: e, defaultValue: t, onChange: n, nullable: r }) {
   ] });
 }
 function nn(e) {
-  return /* @__PURE__ */ o(al, { ...e, nullable: !1 });
+  return /* @__PURE__ */ o(il, { ...e, nullable: !1 });
 }
 function Ln(e) {
-  return /* @__PURE__ */ o(al, { ...e, nullable: !0 });
+  return /* @__PURE__ */ o(il, { ...e, nullable: !0 });
 }
 function ft({ label: e, children: t, defaultValue: n, onChange: r }) {
   const [i, l] = z(n);
@@ -1896,15 +1910,15 @@ function Pt({ helperText: e, label: t, placeholder: n, rows: r, InputProps: i, d
     }
   );
 }
-function _s(e) {
+function Bs(e) {
   return typeof e == "string" && e.includes("underline");
 }
-function Bs(e) {
+function Os(e) {
   return typeof e == "string" && e.includes("line-through");
 }
 function Ms({ value: e, onChange: t }) {
   const n = (e == null ? void 0 : e.fontWeight) ?? "normal", r = (e == null ? void 0 : e.fontStyle) ?? "normal", i = (e == null ? void 0 : e.textDecoration) ?? "none", l = [];
-  return n === "bold" && l.push("bold"), r === "italic" && l.push("italic"), _s(i) && l.push("underline"), Bs(i) && l.push("strikethrough"), /* @__PURE__ */ o(Z, { alignItems: "flex-start", children: /* @__PURE__ */ w(
+  return n === "bold" && l.push("bold"), r === "italic" && l.push("italic"), Bs(i) && l.push("underline"), Os(i) && l.push("strikethrough"), /* @__PURE__ */ o(Z, { alignItems: "flex-start", children: /* @__PURE__ */ w(
     bo,
     {
       size: "small",
@@ -1919,15 +1933,15 @@ function Ms({ value: e, onChange: t }) {
       },
       sx: { flexWrap: "nowrap" },
       children: [
-        /* @__PURE__ */ o(le, { value: "bold", "aria-label": "bold", children: /* @__PURE__ */ o(Vi, { fontSize: "small" }) }),
-        /* @__PURE__ */ o(le, { value: "italic", "aria-label": "italic", children: /* @__PURE__ */ o(Ui, { fontSize: "small" }) }),
-        /* @__PURE__ */ o(le, { value: "underline", "aria-label": "underline", children: /* @__PURE__ */ o($i, { fontSize: "small" }) }),
-        /* @__PURE__ */ o(le, { value: "strikethrough", "aria-label": "strikethrough", children: /* @__PURE__ */ o(ji, { fontSize: "small" }) })
+        /* @__PURE__ */ o(le, { value: "bold", "aria-label": "bold", children: /* @__PURE__ */ o(Ti, { fontSize: "small" }) }),
+        /* @__PURE__ */ o(le, { value: "italic", "aria-label": "italic", children: /* @__PURE__ */ o(_i, { fontSize: "small" }) }),
+        /* @__PURE__ */ o(le, { value: "underline", "aria-label": "underline", children: /* @__PURE__ */ o(Bi, { fontSize: "small" }) }),
+        /* @__PURE__ */ o(le, { value: "strikethrough", "aria-label": "strikethrough", children: /* @__PURE__ */ o(Oi, { fontSize: "small" }) })
       ]
     }
   ) });
 }
-const Os = [
+const Ns = [
   {
     key: "MODERN_SANS",
     label: "Modern sans",
@@ -1973,8 +1987,8 @@ const Os = [
     label: "Monospace",
     value: "monospace"
   }
-], Ns = Os.map((e) => /* @__PURE__ */ o(on, { value: e.key, sx: { fontFamily: e.value }, children: e.label }, e.key));
-function sl({ label: e, onChange: t, defaultValue: n }) {
+], Rs = Ns.map((e) => /* @__PURE__ */ o(on, { value: e.key, sx: { fontFamily: e.value }, children: e.label }, e.key));
+function al({ label: e, onChange: t, defaultValue: n }) {
   const [r, i] = z(n ?? "inherit");
   return /* @__PURE__ */ w(
     dt,
@@ -1989,7 +2003,7 @@ function sl({ label: e, onChange: t, defaultValue: n }) {
       },
       children: [
         /* @__PURE__ */ o(on, { value: "inherit", children: "Match email settings" }),
-        Ns
+        Rs
       ]
     }
   );
@@ -1998,7 +2012,7 @@ function Vt({ iconLabel: e, value: t, setValue: n, units: r, ...i }) {
   return /* @__PURE__ */ w(Z, { direction: "row", alignItems: "center", spacing: 2, justifyContent: "space-between", width: "100%", children: [
     /* @__PURE__ */ o(se, { sx: { minWidth: 24, lineHeight: 1, flexShrink: 0 }, children: e }),
     /* @__PURE__ */ o(
-      Rl,
+      Nl,
       {
         ...i,
         value: t,
@@ -2015,7 +2029,7 @@ function Vt({ iconLabel: e, value: t, setValue: n, units: r, ...i }) {
     ] }) })
   ] });
 }
-function Rs({ label: e, defaultValue: t, onChange: n }) {
+function Ps({ label: e, defaultValue: t, onChange: n }) {
   const r = t ?? 14, [i, l] = z(r);
   return Ce(() => {
     l(t ?? 14);
@@ -2024,7 +2038,7 @@ function Rs({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(Jl, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(Gl, { sx: { fontSize: 16 } }),
         value: i,
         setValue: (c) => {
           l(c), n(c);
@@ -2037,7 +2051,7 @@ function Rs({ label: e, defaultValue: t, onChange: n }) {
     )
   ] });
 }
-function Ps({ label: e, defaultValue: t, onChange: n }) {
+function Fs({ label: e, defaultValue: t, onChange: n }) {
   const { t: r } = Se(), i = t || "normal", [l, a] = z(i);
   return Ce(() => {
     a(i);
@@ -2056,7 +2070,7 @@ function Ps({ label: e, defaultValue: t, onChange: n }) {
     }
   );
 }
-function Fs({ label: e, defaultValue: t, onChange: n }) {
+function zs({ label: e, defaultValue: t, onChange: n }) {
   const { t: r } = Se(), i = t ?? "normal", [l, a] = z(i);
   return Ce(() => {
     a(i);
@@ -2075,13 +2089,13 @@ function Fs({ label: e, defaultValue: t, onChange: n }) {
     }
   );
 }
-const cl = -5, ul = 50, er = 0;
+const sl = -5, cl = 50, er = 0;
 function tr(e) {
   if (e == null) return er;
   const t = typeof e == "number" ? e : parseFloat(String(e));
-  return Number.isFinite(t) ? Math.max(cl, Math.min(ul, t)) : er;
+  return Number.isFinite(t) ? Math.max(sl, Math.min(cl, t)) : er;
 }
-function zs({ label: e, defaultValue: t, onChange: n }) {
+function Ls({ label: e, defaultValue: t, onChange: n }) {
   const r = tr(t), [i, l] = z(r);
   return Ce(() => {
     l(tr(t));
@@ -2090,21 +2104,21 @@ function zs({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(Zl, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(Jl, { sx: { fontSize: 16 } }),
         value: i,
         setValue: (c) => {
           l(c), n(c);
         },
         units: "px",
         step: 1,
-        min: cl,
-        max: ul
+        min: sl,
+        max: cl
       }
     )
   ] });
 }
-const Ls = [1, 1.5, 2, 2.5, 3], nr = 1.5;
-function Ws({ label: e, defaultValue: t, onChange: n }) {
+const Ws = [1, 1.5, 2, 2.5, 3], nr = 1.5;
+function Hs({ label: e, defaultValue: t, onChange: n }) {
   const [r, i] = z(t ?? nr);
   return Ce(() => {
     i(t ?? nr);
@@ -2120,11 +2134,11 @@ function Ws({ label: e, defaultValue: t, onChange: n }) {
         const a = Number(l.target.value);
         i(a), n(a);
       },
-      children: Ls.map((l) => /* @__PURE__ */ o(on, { value: l, children: l }, l))
+      children: Ws.map((l) => /* @__PURE__ */ o(on, { value: l, children: l }, l))
     }
   );
 }
-function Hs({ label: e, defaultValue: t, onChange: n }) {
+function Vs({ label: e, defaultValue: t, onChange: n }) {
   const [r, i] = z(() => t || {
     top: 0,
     left: 0,
@@ -2143,7 +2157,7 @@ function Hs({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(Ql, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(Zl, { sx: { fontSize: 16 } }),
         value: r.top,
         setValue: (a) => l("top", a),
         units: "px",
@@ -2156,7 +2170,7 @@ function Hs({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(ei, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(Ql, { sx: { fontSize: 16 } }),
         value: r.bottom,
         setValue: (a) => l("bottom", a),
         units: "px",
@@ -2169,7 +2183,7 @@ function Hs({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(ti, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(ei, { sx: { fontSize: 16 } }),
         value: r.left,
         setValue: (a) => l("left", a),
         units: "px",
@@ -2182,7 +2196,7 @@ function Hs({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(ni, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(ti, { sx: { fontSize: 16 } }),
         value: r.right,
         setValue: (a) => l("right", a),
         units: "px",
@@ -2210,7 +2224,7 @@ function un({ label: e, defaultValue: t, onChange: n, ...r }) {
     )
   ] });
 }
-function Vs({ label: e, defaultValue: t, onChange: n }) {
+function Us({ label: e, defaultValue: t, onChange: n }) {
   const [r, i] = z(t ?? "left");
   return /* @__PURE__ */ w(
     ft,
@@ -2221,14 +2235,14 @@ function Vs({ label: e, defaultValue: t, onChange: n }) {
         i(l), n(l);
       },
       children: [
-        /* @__PURE__ */ o(le, { value: "left", children: /* @__PURE__ */ o(oi, { fontSize: "small" }) }),
-        /* @__PURE__ */ o(le, { value: "center", children: /* @__PURE__ */ o(ri, { fontSize: "small" }) }),
-        /* @__PURE__ */ o(le, { value: "right", children: /* @__PURE__ */ o(li, { fontSize: "small" }) })
+        /* @__PURE__ */ o(le, { value: "left", children: /* @__PURE__ */ o(ni, { fontSize: "small" }) }),
+        /* @__PURE__ */ o(le, { value: "center", children: /* @__PURE__ */ o(oi, { fontSize: "small" }) }),
+        /* @__PURE__ */ o(le, { value: "right", children: /* @__PURE__ */ o(ri, { fontSize: "small" }) })
       ]
     }
   );
 }
-function Us({ label: e, defaultValue: t, onChange: n }) {
+function $s({ label: e, defaultValue: t, onChange: n }) {
   const { t: r } = Se(), i = t || "none", [l, a] = z(i);
   return Ce(() => {
     a(i);
@@ -2261,7 +2275,7 @@ function or({ name: e, value: t, onChange: n }) {
       return /* @__PURE__ */ o(
         un,
         {
-          iconLabel: /* @__PURE__ */ o(ii, {}),
+          iconLabel: /* @__PURE__ */ o(li, {}),
           units: "px",
           step: 4,
           marks: !0,
@@ -2275,32 +2289,32 @@ function or({ name: e, value: t, onChange: n }) {
     case "color":
       return /* @__PURE__ */ o(Ln, { label: r("style.textColor"), defaultValue: i, onChange: l });
     case "fontFamily":
-      return /* @__PURE__ */ o(sl, { label: r("style.fontFamily"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(al, { label: r("style.fontFamily"), defaultValue: i, onChange: l });
     case "fontSize":
-      return /* @__PURE__ */ o(Rs, { label: r("style.fontSize"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Ps, { label: r("style.fontSize"), defaultValue: i, onChange: l });
     case "fontWeight":
-      return /* @__PURE__ */ o(Fs, { label: r("style.fontWeight"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(zs, { label: r("style.fontWeight"), defaultValue: i, onChange: l });
     case "fontStyle":
-      return /* @__PURE__ */ o(Ps, { label: r("style.fontStyle"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Fs, { label: r("style.fontStyle"), defaultValue: i, onChange: l });
     case "textDecoration":
-      return /* @__PURE__ */ o(Us, { label: r("style.textDecoration"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o($s, { label: r("style.textDecoration"), defaultValue: i, onChange: l });
     case "lineHeight":
-      return /* @__PURE__ */ o(Ws, { label: r("style.lineHeight"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Hs, { label: r("style.lineHeight"), defaultValue: i, onChange: l });
     case "letterSpacing":
-      return /* @__PURE__ */ o(zs, { label: r("style.letterSpacing"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Ls, { label: r("style.letterSpacing"), defaultValue: i, onChange: l });
     case "textAlign":
-      return /* @__PURE__ */ o(Vs, { label: r("style.alignment"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Us, { label: r("style.alignment"), defaultValue: i, onChange: l });
     case "padding":
-      return /* @__PURE__ */ o(Hs, { label: r("style.padding"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Vs, { label: r("style.padding"), defaultValue: i, onChange: l });
   }
 }
-const dl = ["fontWeight", "fontStyle", "textDecoration"];
-function $s(e) {
-  return dl.every((t) => e.includes(t));
+const ul = ["fontWeight", "fontStyle", "textDecoration"];
+function js(e) {
+  return ul.every((t) => e.includes(t));
 }
 function gt({ names: e, value: t, onChange: n }) {
-  const { t: r } = Se(), i = $s(e);
-  return /* @__PURE__ */ o(an, { children: e.map((l) => dl.includes(l) ? null : l === "letterSpacing" && i ? /* @__PURE__ */ w(mt.Fragment, { children: [
+  const { t: r } = Se(), i = js(e);
+  return /* @__PURE__ */ o(an, { children: e.map((l) => ul.includes(l) ? null : l === "letterSpacing" && i ? /* @__PURE__ */ w(mt.Fragment, { children: [
     /* @__PURE__ */ o(or, { name: "letterSpacing", value: t || {}, onChange: n }),
     /* @__PURE__ */ w(Z, { alignItems: "flex-start", sx: { mt: 1 }, children: [
       /* @__PURE__ */ o(At, { shrink: !0, children: r("style.formatGroup") }),
@@ -2308,10 +2322,10 @@ function gt({ names: e, value: t, onChange: n }) {
     ] })
   ] }, "letterSpacing-and-format") : /* @__PURE__ */ o(or, { name: l, value: t || {}, onChange: n }, l)) });
 }
-function js({ data: e, setData: t }) {
+function Ks({ data: e, setData: t }) {
   var g, f, m, h, b, S;
   const { t: n } = Se(), [, r] = z(null), i = (y) => {
-    const k = Or.safeParse(y);
+    const k = Mr.safeParse(y);
     k.success ? (t(k.data), r(null)) : r(k.error);
   }, l = ((g = e.props) == null ? void 0 : g.url) ?? Kt.url, a = ((f = e.props) == null ? void 0 : f.fullWidth) ?? Kt.fullWidth, c = ((m = e.props) == null ? void 0 : m.size) ?? Kt.size, s = ((h = e.props) == null ? void 0 : h.buttonStyle) ?? Kt.buttonStyle, d = ((b = e.props) == null ? void 0 : b.buttonTextColor) ?? Kt.buttonTextColor, u = ((S = e.props) == null ? void 0 : S.buttonBackgroundColor) ?? Kt.buttonBackgroundColor;
   return /* @__PURE__ */ w(it, { title: n("button.title"), children: [
@@ -2388,10 +2402,10 @@ function js({ data: e, setData: t }) {
     )
   ] });
 }
-const Ks = Wr.shape.props.unwrap().unwrap().shape, Xn = J.object({
-  style: Wr.shape.style,
+const qs = Lr.shape.props.unwrap().unwrap().shape, Xn = J.object({
+  style: Lr.shape.style,
   props: J.object({
-    ...Ks,
+    ...qs,
     columnsCount: J.number().min(1).max(4).optional().nullable(),
     columns: J.array(J.object({ childrenIds: J.array(J.string()) })).min(1).max(4),
     fixedWidths: J.tuple([
@@ -2402,7 +2416,7 @@ const Ks = Wr.shape.props.unwrap().unwrap().shape, Xn = J.object({
     ]).optional().nullable()
   }).optional().nullable()
 });
-function qs({ data: e, setData: t }) {
+function Ys({ data: e, setData: t }) {
   var P, he, be, ce, _;
   const { t: n } = Se(), r = Qe(), i = cn(), [, l] = z(null), a = (x) => {
     const T = Xn.safeParse(x);
@@ -2609,7 +2623,7 @@ function qs({ data: e, setData: t }) {
       un,
       {
         label: n("columns.gap"),
-        iconLabel: /* @__PURE__ */ o(ai, { sx: { color: "text.secondary" } }),
+        iconLabel: /* @__PURE__ */ o(ii, { sx: { color: "text.secondary" } }),
         units: "px",
         step: 4,
         marks: !0,
@@ -2631,7 +2645,7 @@ function qs({ data: e, setData: t }) {
           /* @__PURE__ */ o(le, { value: "top", title: n("columns.alignmentTop"), children: /* @__PURE__ */ o(So, { fontSize: "small" }) }),
           /* @__PURE__ */ o(le, { value: "middle", title: n("columns.alignmentMiddle"), children: /* @__PURE__ */ o(vo, { fontSize: "small" }) }),
           /* @__PURE__ */ o(le, { value: "bottom", title: n("columns.alignmentBottom"), children: /* @__PURE__ */ o(wo, { fontSize: "small" }) }),
-          /* @__PURE__ */ o(le, { value: "stretch", title: n("columns.alignmentStretch"), children: /* @__PURE__ */ o(si, { fontSize: "small" }) })
+          /* @__PURE__ */ o(le, { value: "stretch", title: n("columns.alignmentStretch"), children: /* @__PURE__ */ o(ai, { fontSize: "small" }) })
         ]
       }
     ),
@@ -2647,21 +2661,21 @@ function qs({ data: e, setData: t }) {
       /* @__PURE__ */ o(yr, { children: n("columns.confirmChangeTitle") }),
       /* @__PURE__ */ o(xr, { children: /* @__PURE__ */ o(ke, { children: n("columns.confirmChangeMessage") }) }),
       /* @__PURE__ */ w(Sr, { children: [
-        /* @__PURE__ */ o(Me, { variant: "outlined", color: "primary", onClick: () => h(!1), children: n("columns.cancel") }),
-        /* @__PURE__ */ o(Me, { variant: "contained", color: "error", onClick: () => h(!0), children: n("columns.confirm") })
+        /* @__PURE__ */ o(Oe, { variant: "outlined", color: "primary", onClick: () => h(!1), children: n("columns.cancel") }),
+        /* @__PURE__ */ o(Oe, { variant: "contained", color: "error", onClick: () => h(!0), children: n("columns.confirm") })
       ] })
     ] })
   ] });
 }
-const pl = J.object({
-  style: qi.shape.style,
+const dl = J.object({
+  style: Ni.shape.style,
   props: J.object({
     childrenIds: J.array(J.string()).optional().nullable()
   }).optional().nullable()
 });
-function Ys({ data: e, setData: t }) {
+function Xs({ data: e, setData: t }) {
   const { t: n } = Se(), [, r] = z(null), i = (l) => {
-    const a = pl.safeParse(l);
+    const a = dl.safeParse(l);
     a.success ? (t(a.data), r(null)) : r(a.error);
   };
   return /* @__PURE__ */ o(it, { title: n("container.title"), children: /* @__PURE__ */ o(
@@ -2673,10 +2687,10 @@ function Ys({ data: e, setData: t }) {
     }
   ) });
 }
-function Xs({ data: e, setData: t }) {
+function Gs({ data: e, setData: t }) {
   var c, s;
   const { t: n } = Se(), [, r] = z(null), i = (d) => {
-    const u = Hr.safeParse(d);
+    const u = Wr.safeParse(d);
     u.success ? (t(u.data), r(null)) : r(u.error);
   }, l = ((c = e.props) == null ? void 0 : c.lineColor) ?? Vo.lineColor, a = ((s = e.props) == null ? void 0 : s.lineHeight) ?? Vo.lineHeight;
   return /* @__PURE__ */ w(it, { title: n("divider.title"), children: [
@@ -2711,7 +2725,7 @@ function Xs({ data: e, setData: t }) {
     )
   ] });
 }
-const Nn = J.string().regex(/^#[0-9a-fA-F]{6}$/).nullable().optional(), Gs = J.enum([
+const Nn = J.string().regex(/^#[0-9a-fA-F]{6}$/).nullable().optional(), Js = J.enum([
   "MODERN_SANS",
   "BOOK_SANS",
   "ORGANIC_SANS",
@@ -2721,19 +2735,19 @@ const Nn = J.string().regex(/^#[0-9a-fA-F]{6}$/).nullable().optional(), Gs = J.e
   "MODERN_SERIF",
   "BOOK_SERIF",
   "MONOSPACE"
-]).nullable().optional(), fl = J.object({
+]).nullable().optional(), pl = J.object({
   backdropColor: Nn,
   borderColor: Nn,
   borderRadius: J.number().optional().nullable(),
   canvasColor: Nn,
   textColor: Nn,
-  fontFamily: Gs,
+  fontFamily: Js,
   width: J.number().optional().nullable(),
   childrenIds: J.array(J.string()).optional().nullable()
 });
-function ml({ data: e, setData: t }) {
+function fl({ data: e, setData: t }) {
   const { t: n } = Se(), [, r] = z(null), i = (l) => {
-    const a = fl.safeParse(l);
+    const a = pl.safeParse(l);
     a.success ? (t(a.data), r(null)) : r(a.error);
   };
   return /* @__PURE__ */ w(it, { title: n("emailLayout.global"), children: [
@@ -2776,7 +2790,7 @@ function ml({ data: e, setData: t }) {
       }
     ),
     /* @__PURE__ */ o(
-      sl,
+      al,
       {
         label: n("emailLayout.fontFamily"),
         defaultValue: "MODERN_SANS",
@@ -2793,10 +2807,10 @@ function ml({ data: e, setData: t }) {
     )
   ] });
 }
-function Js({ data: e, setData: t }) {
+function Zs({ data: e, setData: t }) {
   var l;
   const { t: n } = Se(), [, r] = z(null), i = (a) => {
-    const c = Vr.safeParse(a);
+    const c = Hr.safeParse(a);
     c.success ? (t(c.data), r(null)) : r(c.error);
   };
   return /* @__PURE__ */ w(it, { title: n("heading.title"), children: [
@@ -2804,7 +2818,7 @@ function Js({ data: e, setData: t }) {
       ft,
       {
         label: n("heading.level"),
-        defaultValue: ((l = e.props) == null ? void 0 : l.level) ?? Gi.level,
+        defaultValue: ((l = e.props) == null ? void 0 : l.level) ?? Fi.level,
         onChange: (a) => {
           i({ ...e, props: { ...e.props, level: a } });
         },
@@ -2825,8 +2839,8 @@ function Js({ data: e, setData: t }) {
     )
   ] });
 }
-function Zs({ label: e, value: t, onChange: n, height: r = "200px" }) {
-  const [i, l] = mt.useState(t), a = Oe(null);
+function Qs({ label: e, value: t, onChange: n, height: r = "200px" }) {
+  const [i, l] = mt.useState(t), a = Me(null);
   Ce(() => {
     t !== i && l(t);
   }, [t]);
@@ -2855,12 +2869,12 @@ function Zs({ label: e, value: t, onChange: n, height: r = "200px" }) {
           }
         },
         children: /* @__PURE__ */ o(
-          Qi,
+          Wi,
           {
             value: i,
             height: r,
-            extensions: [ea()],
-            theme: ta,
+            extensions: [Hi()],
+            theme: Vi,
             onChange: c,
             basicSetup: {
               lineNumbers: !0,
@@ -2874,15 +2888,15 @@ function Zs({ label: e, value: t, onChange: n, height: r = "200px" }) {
     )
   ] });
 }
-function Qs({ data: e, setData: t }) {
+function ec({ data: e, setData: t }) {
   var l;
   const { t: n } = Se(), [, r] = z(null), i = (a) => {
-    const c = Ur.safeParse(a);
+    const c = Vr.safeParse(a);
     c.success ? (t(c.data), r(null)) : r(c.error);
   };
   return /* @__PURE__ */ w(it, { title: n("html.title"), children: [
     /* @__PURE__ */ o(
-      Zs,
+      Qs,
       {
         label: n("html.content"),
         value: ((l = e.props) == null ? void 0 : l.contents) ?? "",
@@ -2920,10 +2934,10 @@ function $n({ label: e, defaultValue: t, onChange: n }) {
     }
   );
 }
-function ec({ data: e, setData: t }) {
+function tc({ data: e, setData: t }) {
   var m, h, b, S, y, k;
-  const { t: n } = Se(), [, r] = z(null), [i, l] = z("url"), [a, c] = z(!1), s = Oe(null), d = Gr(), u = (D) => {
-    const E = $r.safeParse(D);
+  const { t: n } = Se(), [, r] = z(null), [i, l] = z("url"), [a, c] = z(!1), s = Me(null), d = Xr(), u = (D) => {
+    const E = Ur.safeParse(D);
     E.success ? (t(E.data), r(null)) : r(E.error);
   }, g = async (D) => {
     var N;
@@ -2997,7 +3011,7 @@ function ec({ data: e, setData: t }) {
           }
         ),
         /* @__PURE__ */ o(
-          Me,
+          Oe,
           {
             variant: "outlined",
             startIcon: a ? /* @__PURE__ */ o(jn, { size: 16 }) : /* @__PURE__ */ o(Ft, {}),
@@ -3070,7 +3084,7 @@ function ec({ data: e, setData: t }) {
     )
   ] });
 }
-function gl() {
+function ml() {
   return J.object({
     top: J.number(),
     bottom: J.number(),
@@ -3078,7 +3092,7 @@ function gl() {
     left: J.number()
   });
 }
-const hl = J.object({
+const gl = J.object({
   props: J.object({
     url: J.string().nullable().optional(),
     alt: J.string().optional().nullable(),
@@ -3092,7 +3106,7 @@ const hl = J.object({
     controls: J.boolean().optional().nullable()
   }).optional().nullable(),
   style: J.object({
-    padding: gl().optional().nullable(),
+    padding: ml().optional().nullable(),
     backgroundColor: J.string().optional().nullable(),
     textAlign: J.enum(["left", "center", "right"]).optional().nullable()
   }).optional().nullable()
@@ -3104,7 +3118,7 @@ function Rn({ label: e, defaultValue: t, onChange: n }) {
     {
       label: e,
       control: /* @__PURE__ */ o(
-        Pl,
+        Rl,
         {
           checked: r,
           onChange: (l, a) => {
@@ -3115,10 +3129,10 @@ function Rn({ label: e, defaultValue: t, onChange: n }) {
     }
   );
 }
-function tc({ data: e, setData: t }) {
+function nc({ data: e, setData: t }) {
   var m, h, b, S, y, k, D, E, N, W;
-  const { t: n } = Se(), [, r] = z(null), [i, l] = z("url"), [a, c] = z(!1), s = Oe(null), d = Jr(), u = (P) => {
-    const he = hl.safeParse(P);
+  const { t: n } = Se(), [, r] = z(null), [i, l] = z("url"), [a, c] = z(!1), s = Me(null), d = Gr(), u = (P) => {
+    const he = gl.safeParse(P);
     he.success ? (t(he.data), r(null)) : r(he.error);
   }, g = async (P) => {
     var be;
@@ -3192,7 +3206,7 @@ function tc({ data: e, setData: t }) {
           }
         ),
         /* @__PURE__ */ o(
-          Me,
+          Oe,
           {
             variant: "outlined",
             startIcon: a ? /* @__PURE__ */ o(jn, { size: 16 }) : /* @__PURE__ */ o(Ft, {}),
@@ -3311,10 +3325,10 @@ function tc({ data: e, setData: t }) {
     )
   ] });
 }
-function nc({ data: e, setData: t }) {
+function oc({ data: e, setData: t }) {
   var l;
   const { t: n } = Se(), [, r] = z(null), i = (a) => {
-    const c = jr.safeParse(a);
+    const c = $r.safeParse(a);
     c.success ? (t(c.data), r(null)) : r(c.error);
   };
   return /* @__PURE__ */ o(it, { title: n("spacer.title"), children: /* @__PURE__ */ o(
@@ -3326,7 +3340,7 @@ function nc({ data: e, setData: t }) {
       step: 4,
       min: 4,
       max: 128,
-      defaultValue: ((l = e.props) == null ? void 0 : l.height) ?? oa.height,
+      defaultValue: ((l = e.props) == null ? void 0 : l.height) ?? $i.height,
       onChange: (a) => i({ ...e, props: { ...e.props, height: a } })
     }
   ) });
@@ -3381,7 +3395,7 @@ const Ao = [
     items: [{ name: "unsubscribe_link", labelKey: "text.variables.unsubscribeLink", kind: "user" }]
   }
 ];
-function oc(e) {
+function rc(e) {
   const t = e.baseGroups ?? Ao, n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
   for (const l of t)
     for (const a of l.items)
@@ -3404,7 +3418,7 @@ const rr = [
   "fontWeight",
   "fontStyle",
   "textDecoration"
-], rc = [
+], lc = [
   "color",
   "backgroundColor",
   "fontFamily",
@@ -3413,30 +3427,30 @@ const rr = [
   "fontWeight",
   "fontStyle",
   "textDecoration"
-], lc = ["lineHeight", "textAlign", "padding"], ic = Ao;
-function ac({ blockId: e, data: t, setData: n }) {
+], ic = ["lineHeight", "textAlign", "padding"], ac = Ao;
+function sc({ blockId: e, data: t, setData: n }) {
   var fe;
-  const { t: r } = Se(), [, i] = z(null), l = Yr();
-  Xr();
-  const a = ya(), c = qr(), s = ct(() => {
-    const I = (R) => typeof R == "string" ? R.trim() : "", O = (Array.isArray(c) ? c : []).filter((R) => {
+  const { t: r } = Se(), [, i] = z(null), l = qr();
+  Yr();
+  const a = xa(), c = Kr(), s = ct(() => {
+    const I = (R) => typeof R == "string" ? R.trim() : "", M = (Array.isArray(c) ? c : []).filter((R) => {
       if (!I(R == null ? void 0 : R.AttrField)) return !1;
       const Ee = R == null ? void 0 : R.Enable;
       return !(Ee === 0 || Ee === !1);
     }).map((R) => {
       const de = I(R == null ? void 0 : R.AttrField), Ee = I(R == null ? void 0 : R.AttrComment) || I(R == null ? void 0 : R.Name) || de;
       return { name: de, labelKey: Ee, kind: "user", isCustomLabel: !0 };
-    }), $ = ic.map((R) => ({
+    }), $ = ac.map((R) => ({
       ...R,
       items: R.items.map((de) => ({ ...de, isCustomLabel: !1 }))
     })), j = $.find((R) => R.id === "contacts");
     if (j) {
       const R = new Set(j.items.map((de) => de.name));
-      for (const de of O)
+      for (const de of M)
         R.has(de.name) || j.items.push(de);
     }
     return $;
-  }, [c]), d = Oe({}), u = Oe(null), g = en(() => {
+  }, [c]), d = Me({}), u = Me(null), g = en(() => {
     u.current = null;
     const I = d.current;
     d.current = {}, Object.keys(I).length !== 0 && (Sn(), qt(e, { kind: "style", style: I }));
@@ -3447,23 +3461,23 @@ function ac({ blockId: e, data: t, setData: n }) {
   const f = (l == null ? void 0 : l.blockId) === e && l.start < l.end, m = ct(() => {
     const I = t.style ?? {};
     if (!f || !l) return I;
-    const O = Ht(t.props ?? null), $ = ps(O, l.start, l.end);
+    const M = Ht(t.props ?? null), $ = fs(M, l.start, l.end);
     if ($ && Object.keys($).length) return { ...I, ...$ };
     const j = (a == null ? void 0 : a.blockId) === e ? a.styleSnapshot : void 0;
     return j && Object.keys(j).length ? { ...I, ...j } : I;
   }, [t.style, t.props, f, l, a, e]), h = (I) => {
-    const O = Br.safeParse(I);
-    O.success ? (n(O.data), i(null)) : i(O.error);
+    const M = Br.safeParse(I);
+    M.success ? (n(M.data), i(null)) : i(M.error);
   }, b = (I) => {
-    const O = m, $ = I, j = [...rr, "lineHeight", "textAlign", "padding"], R = {};
+    const M = m, $ = I, j = [...rr, "lineHeight", "textAlign", "padding"], R = {};
     for (const xe of j)
-      if ($[xe] !== O[xe]) {
+      if ($[xe] !== M[xe]) {
         const ge = $[xe];
         if (ge === void 0) continue;
         R[xe] = ge;
       }
     const de = ["fontWeight", "fontStyle", "textDecoration"];
-    if (de.some((xe) => $[xe] !== O[xe]))
+    if (de.some((xe) => $[xe] !== M[xe]))
       for (const xe of de) {
         const ge = $[xe];
         ge !== void 0 && (R[xe] = ge);
@@ -3485,39 +3499,39 @@ function ac({ blockId: e, data: t, setData: n }) {
   }, S = (a == null ? void 0 : a.blockId) === e ? a.text : "", y = f && l ? S.slice(l.start, l.end) : "", k = f, D = ct(() => {
     if (!f || !l) return null;
     const I = Ht(t.props ?? null);
-    return ms(I, l.start, l.end);
+    return gs(I, l.start, l.end);
   }, [f, l, t.props]), E = !f || !!D, N = ct(() => Ht(t.props ?? null), [t.props]), W = ct(() => {
     const I = /* @__PURE__ */ new Set();
-    for (const O of s)
-      for (const $ of O.items)
+    for (const M of s)
+      for (const $ of M.items)
         $.kind === "user" && I.add($.name);
     return I;
   }, [s]), P = ct(() => {
-    const I = qn(N), O = [], $ = /* @__PURE__ */ new Map();
+    const I = qn(N), M = [], $ = /* @__PURE__ */ new Map();
     for (const j of I) {
       if (j.builtin || !W.has(j.name) || !j.instanceId) continue;
       const R = $.get(j.name) ?? 0;
       $.set(j.name, R + 1);
       const de = R === 0 ? `{{${j.name}}}` : `{{${j.name}}} (${R + 1})`;
-      O.push({
+      M.push({
         instanceId: j.instanceId,
         name: j.name,
         label: de
       });
     }
-    return O;
-  }, [N, W]), he = ((fe = t.props) == null ? void 0 : fe.variableDefaults) ?? null, [be, ce] = z(null), [_, x] = z(null), [T, U] = z("contacts"), [ie, C] = z("pick"), [p, F] = z(null), [X, V] = z(""), [me, ve] = z(!1), [we, K] = z("web"), [Re, je] = z(""), [_t, ht] = z(!0), [pe, q] = z(!1), v = Oe(null), Y = /^(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,63}|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/, ee = /^(?:\[(?:[A-Fa-f0-9:.]+)\]|(?:[A-Za-z0-9\-._~!$&'()*+,;=]|%[0-9A-Fa-f]{2})+)$/, L = (I) => {
-    const O = I.match(/^[A-Za-z][A-Za-z0-9+.-]*:\/\/([^/?#]*)/);
-    if (!O) return null;
-    const j = O[1].replace(/^.*@/, "");
+    return M;
+  }, [N, W]), he = ((fe = t.props) == null ? void 0 : fe.variableDefaults) ?? null, [be, ce] = z(null), [_, x] = z(null), [T, U] = z("contacts"), [ie, C] = z("pick"), [p, F] = z(null), [X, V] = z(""), [me, ve] = z(!1), [we, K] = z("web"), [Re, je] = z(""), [_t, ht] = z(!0), [pe, q] = z(!1), v = Me(null), Y = /^(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,63}|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/, ee = /^(?:\[(?:[A-Fa-f0-9:.]+)\]|(?:[A-Za-z0-9\-._~!$&'()*+,;=]|%[0-9A-Fa-f]{2})+)$/, L = (I) => {
+    const M = I.match(/^[A-Za-z][A-Za-z0-9+.-]*:\/\/([^/?#]*)/);
+    if (!M) return null;
+    const j = M[1].replace(/^.*@/, "");
     if (!j) return null;
     if (j.startsWith("[")) {
       const R = j.indexOf("]");
       return R <= 0 ? null : j.slice(0, R + 1);
     }
     return j.split(":")[0] || null;
-  }, G = (I, O) => {
-    const $ = O.trim();
+  }, G = (I, M) => {
+    const $ = M.trim();
     if (!$) return null;
     if (/^\{\{[A-Za-z_][A-Za-z0-9_]*\}\}$/.test($) || /^\{\%[A-Za-z_][A-Za-z0-9_]*\%\}$/.test($))
       return $;
@@ -3533,30 +3547,30 @@ function ac({ blockId: e, data: t, setData: n }) {
     } catch {
       return null;
     }
-  }, ae = (I, O) => {
+  }, ae = (I, M) => {
     const $ = Ht(t.props ?? null);
-    return ds($, I, O);
+    return ps($, I, M);
   }, re = (I) => {
     if (!k || !l) return;
-    const O = ae(l.start, l.end);
-    O ? (/^mailto:/i.test(O.href) ? (K("email"), je(O.href.replace(/^mailto:/i, ""))) : (K("web"), je(O.href)), ht(!!O.targetBlank)) : (K("web"), je(""), ht(!0)), q(!1), ce(I.currentTarget);
+    const M = ae(l.start, l.end);
+    M ? (/^mailto:/i.test(M.href) ? (K("email"), je(M.href.replace(/^mailto:/i, ""))) : (K("web"), je(M.href)), ht(!!M.targetBlank)) : (K("web"), je(""), ht(!0)), q(!1), ce(I.currentTarget);
   }, ue = () => {
     ce(null), q(!1);
   }, te = ct(() => {
-    const I = s.find((O) => O.id === "links");
+    const I = s.find((M) => M.id === "links");
     return I ? I.items : [];
   }, [s]), Q = (I) => {
-    const O = v.current;
-    if (!O) {
+    const M = v.current;
+    if (!M) {
       je(I);
       return;
     }
-    const $ = O.selectionStart ?? Re.length, j = O.selectionEnd ?? Re.length, R = Re.slice(0, $) + I + Re.slice(j);
+    const $ = M.selectionStart ?? Re.length, j = M.selectionEnd ?? Re.length, R = Re.slice(0, $) + I + Re.slice(j);
     je(R), requestAnimationFrame(() => {
       try {
-        O.focus();
+        M.focus();
         const de = $ + I.length;
-        O.setSelectionRange(de, de);
+        M.setSelectionRange(de, de);
       } catch {
       }
     });
@@ -3564,9 +3578,9 @@ function ac({ blockId: e, data: t, setData: n }) {
     E && (x(I.currentTarget), U("contacts"), C("pick"), F(null), V(""), ve(!1));
   }, ne = () => {
     x(null), C("pick"), F(null), V(""), ve(!1);
-  }, A = (I, O) => {
+  }, A = (I, M) => {
     if (E) {
-      if (O === "builtin") {
+      if (M === "builtin") {
         const $ = `{%${I}%}`;
         D && l ? qt(e, {
           kind: "replaceVariable",
@@ -3576,7 +3590,7 @@ function ac({ blockId: e, data: t, setData: n }) {
         }) : qt(e, { kind: "variable", token: $ }), ne();
         return;
       }
-      F({ name: I, kind: O }), V(""), ve(!1), C("default");
+      F({ name: I, kind: M }), V(""), ve(!1), C("default");
     }
   }, H = () => {
     C("pick"), ve(!1);
@@ -3584,16 +3598,16 @@ function ac({ blockId: e, data: t, setData: n }) {
     if (!p) return;
     const I = X.trim();
     if (I === "") return;
-    const O = p.kind === "builtin" ? `{%${p.name}%}` : `{{${p.name}}}`;
+    const M = p.kind === "builtin" ? `{%${p.name}%}` : `{{${p.name}}}`;
     D && l ? qt(e, {
       kind: "replaceVariable",
-      token: O,
+      token: M,
       start: l.start,
       end: l.end,
       defaultValue: I
     }) : qt(e, {
       kind: "variable",
-      token: O,
+      token: M,
       defaultValue: I
     }), ne();
   }, oe = () => {
@@ -3644,14 +3658,14 @@ function ac({ blockId: e, data: t, setData: n }) {
     /* @__PURE__ */ w(Z, { direction: "row", alignItems: "start", flexDirection: "column", justifyContent: "space-between", children: [
       /* @__PURE__ */ o(At, { shrink: !0, children: r("text.link") }),
       /* @__PURE__ */ o(Z, { direction: "row", spacing: 1, sx: { mt: 0.5, alignSelf: "flex-start" }, children: /* @__PURE__ */ o(
-        Me,
+        Oe,
         {
           size: "small",
           variant: "outlined",
           onClick: re,
           disabled: !k,
           "aria-label": r("text.link"),
-          startIcon: /* @__PURE__ */ o(ia, { fontSize: "small" }),
+          startIcon: /* @__PURE__ */ o(qi, { fontSize: "small" }),
           sx: {
             color: "text.secondary",
             borderColor: "divider",
@@ -3669,14 +3683,14 @@ function ac({ blockId: e, data: t, setData: n }) {
     /* @__PURE__ */ w(Z, { direction: "row", alignItems: "start", flexDirection: "column", justifyContent: "space-between", sx: { mt: 2 }, children: [
       /* @__PURE__ */ o(At, { shrink: !0, children: r("text.variables.title") }),
       /* @__PURE__ */ o(Z, { direction: "row", spacing: 1, alignItems: "center", sx: { mt: 0.5, alignSelf: "flex-start" }, children: /* @__PURE__ */ o(
-        Me,
+        Oe,
         {
           size: "small",
           variant: "outlined",
           onClick: Ie,
           disabled: !E,
           "aria-label": r("text.addVariables"),
-          startIcon: /* @__PURE__ */ o(Fr, { fontSize: "small" }),
+          startIcon: /* @__PURE__ */ o(si, { fontSize: "small" }),
           sx: {
             color: "text.secondary",
             borderColor: "divider",
@@ -3726,9 +3740,9 @@ function ac({ blockId: e, data: t, setData: n }) {
                 },
                 value: (he && he[I.instanceId]) ?? "",
                 placeholder: r("text.variables.defaultPlaceholder"),
-                onChange: (O) => {
+                onChange: (M) => {
                   const $ = { ...he ?? {} };
-                  $[I.instanceId] = O.target.value, h({ ...t, props: { ...t.props, variableDefaults: $ } });
+                  $[I.instanceId] = M.target.value, h({ ...t, props: { ...t.props, variableDefaults: $ } });
                 }
               }
             )
@@ -3737,9 +3751,9 @@ function ac({ blockId: e, data: t, setData: n }) {
         I.instanceId
       ))
     ] }),
-    /* @__PURE__ */ o(gt, { names: rc, value: m, onChange: b }),
-    /* @__PURE__ */ o(rn, { sx: { my: 2 } }),
     /* @__PURE__ */ o(gt, { names: lc, value: m, onChange: b }),
+    /* @__PURE__ */ o(rn, { sx: { my: 2 } }),
+    /* @__PURE__ */ o(gt, { names: ic, value: m, onChange: b }),
     /* @__PURE__ */ o(
       ao,
       {
@@ -3784,7 +3798,7 @@ function ac({ blockId: e, data: t, setData: n }) {
           te.length > 0 && /* @__PURE__ */ w(Z, { spacing: 0.75, children: [
             /* @__PURE__ */ o(ke, { variant: "body2", color: "text.secondary", children: r("text.linkVariables") }),
             /* @__PURE__ */ o(Z, { direction: "row", spacing: 1, sx: { flexWrap: "wrap" }, children: te.map((I) => /* @__PURE__ */ o(
-              Me,
+              Oe,
               {
                 size: "small",
                 variant: "outlined",
@@ -3798,13 +3812,13 @@ function ac({ blockId: e, data: t, setData: n }) {
           /* @__PURE__ */ o(
             vr,
             {
-              control: /* @__PURE__ */ o(Fl, { checked: _t, onChange: (I) => ht(I.target.checked) }),
+              control: /* @__PURE__ */ o(Pl, { checked: _t, onChange: (I) => ht(I.target.checked) }),
               label: r("text.linkTargetBlank")
             }
           ),
           /* @__PURE__ */ w(se, { sx: { display: "flex", gap: 1, justifyContent: "flex-end", pt: 1 }, children: [
-            /* @__PURE__ */ o(Me, { variant: "outlined", onClick: ue, children: r("common.cancel") }),
-            /* @__PURE__ */ o(Me, { variant: "contained", onClick: oe, disabled: !G(we, Re), children: r("common.save") })
+            /* @__PURE__ */ o(Oe, { variant: "outlined", onClick: ue, children: r("common.cancel") }),
+            /* @__PURE__ */ o(Oe, { variant: "contained", onClick: oe, disabled: !G(we, Re), children: r("common.save") })
           ] })
         ] })
       }
@@ -3820,10 +3834,10 @@ function ac({ blockId: e, data: t, setData: n }) {
         PaperProps: { sx: { width: 360, p: 2.5, maxHeight: 500, overflowY: "auto" } },
         children: /* @__PURE__ */ w(Z, { spacing: 1.5, children: [
           /* @__PURE__ */ o(ke, { variant: "subtitle1", sx: { fontWeight: 700 }, children: r(ie === "pick" ? "text.addVariables" : "text.variables.setDefaultTitle") }),
-          ie === "pick" ? /* @__PURE__ */ o(se, { children: s.map((I, O) => {
+          ie === "pick" ? /* @__PURE__ */ o(se, { children: s.map((I, M) => {
             const $ = I.id === "contacts" ? "text.variables.groupContacts" : I.id === "email" ? "text.variables.groupEmail" : I.id === "organization" ? "text.variables.groupOrganization" : I.id === "date" ? "text.variables.groupDate" : "text.variables.groupLinks", j = T === I.id;
             return /* @__PURE__ */ w(
-              zl,
+              Fl,
               {
                 disableGutters: !0,
                 square: !0,
@@ -3840,9 +3854,9 @@ function ac({ blockId: e, data: t, setData: n }) {
                 },
                 children: [
                   /* @__PURE__ */ o(
-                    Ll,
+                    zl,
                     {
-                      expandIcon: /* @__PURE__ */ o(la, { fontSize: "small" }),
+                      expandIcon: /* @__PURE__ */ o(Ki, { fontSize: "small" }),
                       sx: {
                         minHeight: 40,
                         "& .MuiAccordionSummary-content": { my: 0.75 }
@@ -3850,8 +3864,8 @@ function ac({ blockId: e, data: t, setData: n }) {
                       children: /* @__PURE__ */ o(ke, { variant: "overline", color: "text.secondary", children: r($) })
                     }
                   ),
-                  /* @__PURE__ */ o(Wl, { sx: { pt: 0, pb: 1.25 }, children: /* @__PURE__ */ o(Z, { sx: { mt: 0.5 }, children: I.items.map((R) => /* @__PURE__ */ o(
-                    Me,
+                  /* @__PURE__ */ o(Ll, { sx: { pt: 0, pb: 1.25 }, children: /* @__PURE__ */ o(Z, { sx: { mt: 0.5 }, children: I.items.map((R) => /* @__PURE__ */ o(
+                    Oe,
                     {
                       size: "small",
                       variant: "outlined",
@@ -3916,9 +3930,9 @@ function ac({ blockId: e, data: t, setData: n }) {
               }
             ),
             /* @__PURE__ */ w(se, { sx: { display: "flex", gap: 1, justifyContent: "flex-end", pt: 0.5 }, children: [
-              /* @__PURE__ */ o(Me, { variant: "outlined", onClick: H, children: r("text.variables.back") }),
+              /* @__PURE__ */ o(Oe, { variant: "outlined", onClick: H, children: r("text.variables.back") }),
               /* @__PURE__ */ o(
-                Me,
+                Oe,
                 {
                   variant: "contained",
                   onClick: De,
@@ -3947,7 +3961,7 @@ const vn = [
   "reddit",
   "twitch",
   "threads"
-], bl = [
+], hl = [
   "no-border-black",
   // 深色 (Glyph Dark) -> glyph-dark
   "no-border-white",
@@ -3966,12 +3980,12 @@ const vn = [
   // 线性·浅色 (Circular Outline Light) -> circular-outline-light
   "standard"
   // 标准 (Standard) -> standard
-], Cl = J.object({
+], bl = J.object({
   props: J.object({
     // 选中的社媒平台列表
     platforms: J.array(J.enum(vn)).optional().nullable(),
     // 图标类别
-    iconStyle: J.enum(bl).optional().nullable(),
+    iconStyle: J.enum(hl).optional().nullable(),
     // 图标统一尺寸（宽高相同）
     iconSize: J.number().optional().nullable(),
     // 每个平台的配置
@@ -3983,7 +3997,7 @@ const vn = [
     ).optional().nullable()
   }).optional().nullable(),
   style: J.object({
-    padding: gl().optional().nullable(),
+    padding: ml().optional().nullable(),
     backgroundColor: J.string().optional().nullable(),
     textAlign: J.enum(["left", "center", "right"]).optional().nullable()
   }).optional().nullable()
@@ -4012,10 +4026,10 @@ const vn = [
   "with-border-line-white": { zh: "线性·浅色", en: "Circular Outline Light" },
   standard: { zh: "标准", en: "Standard" }
 };
-function sc({ data: e, setData: t }) {
+function cc({ data: e, setData: t }) {
   var T, U, ie;
-  const { t: n, language: r } = Se(), [, i] = z(null), [l, a] = z(null), [c, s] = z(null), [d, u] = z(null), g = Oe(!1), f = (C) => {
-    const p = Cl.safeParse(C);
+  const { t: n, language: r } = Se(), [, i] = z(null), [l, a] = z(null), [c, s] = z(null), [d, u] = z(null), g = Me(!1), f = (C) => {
+    const p = bl.safeParse(C);
     p.success ? (t(p.data), i(null)) : i(p.error);
   }, m = ((T = e.props) == null ? void 0 : T.iconStyle) || "origin-colorful", h = ((U = e.props) == null ? void 0 : U.iconSize) ?? 36, S = ((ie = e.props) == null ? void 0 : ie.socials) || [];
   S.map((C) => C.platform);
@@ -4212,7 +4226,7 @@ function sc({ data: e, setData: t }) {
                           onMouseDown: (K) => {
                             K.stopPropagation(), P();
                           },
-                          children: /* @__PURE__ */ o(zr, { fontSize: "small" })
+                          children: /* @__PURE__ */ o(Fr, { fontSize: "small" })
                         }
                       ),
                       /* @__PURE__ */ o(
@@ -4292,7 +4306,7 @@ function sc({ data: e, setData: t }) {
         }
       ),
       /* @__PURE__ */ o(
-        Me,
+        Oe,
         {
           startIcon: /* @__PURE__ */ o(ui, {}),
           onClick: N,
@@ -4307,10 +4321,10 @@ function sc({ data: e, setData: t }) {
     /* @__PURE__ */ o(rn, { sx: { my: 1 } }),
     /* @__PURE__ */ w(se, { sx: { mb: 2 }, children: [
       /* @__PURE__ */ o(ke, { variant: "body2", sx: { color: "text.secondary", mb: 1, fontSize: "12px", fontWeight: 500 }, children: n("socials.iconStyle") }),
-      /* @__PURE__ */ o(Z, { spacing: 1, sx: { mt: 1 }, children: bl.map((C) => {
+      /* @__PURE__ */ o(Z, { spacing: 1, sx: { mt: 1 }, children: hl.map((C) => {
         const p = x ? lr[C].zh : lr[C].en;
         return /* @__PURE__ */ o(
-          aa,
+          Yi,
           {
             value: C,
             selected: m === C,
@@ -4364,7 +4378,7 @@ function sc({ data: e, setData: t }) {
 function ir(e) {
   return /* @__PURE__ */ o(se, { sx: { m: 3, p: 1, border: "1px dashed", borderColor: "divider" }, children: /* @__PURE__ */ o(ke, { color: "text.secondary", children: e }) });
 }
-function cc() {
+function uc() {
   const { t: e } = Se(), t = Qe(), n = cn();
   if (!n)
     return ir(e("inspector.clickBlockToInspect"));
@@ -4374,28 +4388,28 @@ function cc() {
   const i = (c) => _e({ [n]: c }), { data: l, type: a } = r;
   switch (a) {
     case "Button":
-      return /* @__PURE__ */ o(js, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+      return /* @__PURE__ */ o(Ks, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "ColumnsContainer":
-      return /* @__PURE__ */ o(qs, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
-    case "Container":
       return /* @__PURE__ */ o(Ys, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
-    case "Divider":
+    case "Container":
       return /* @__PURE__ */ o(Xs, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+    case "Divider":
+      return /* @__PURE__ */ o(Gs, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "Heading":
-      return /* @__PURE__ */ o(Js, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+      return /* @__PURE__ */ o(Zs, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "Html":
-      return /* @__PURE__ */ o(Qs, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
-    case "Image":
       return /* @__PURE__ */ o(ec, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
-    case "Video":
+    case "Image":
       return /* @__PURE__ */ o(tc, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+    case "Video":
+      return /* @__PURE__ */ o(nc, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "EmailLayout":
-      return /* @__PURE__ */ o(ml, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+      return /* @__PURE__ */ o(fl, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "Spacer":
-      return /* @__PURE__ */ o(nc, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+      return /* @__PURE__ */ o(oc, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "Text":
       return /* @__PURE__ */ o(
-        ac,
+        sc,
         {
           blockId: n,
           data: l,
@@ -4404,28 +4418,28 @@ function cc() {
         n
       );
     case "Socials":
-      return /* @__PURE__ */ o(sc, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+      return /* @__PURE__ */ o(cc, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     default:
       return /* @__PURE__ */ o("pre", { children: JSON.stringify(r, null, "  ") });
   }
 }
-function uc() {
+function dc() {
   const e = Qe().root;
   if (!e)
     return /* @__PURE__ */ o("p", { children: "Block not found" });
   const { data: t, type: n } = e;
   if (n !== "EmailLayout")
     throw new Error('Expected "root" element to be of type EmailLayout');
-  return /* @__PURE__ */ o(ml, { data: t, setData: (r) => _e({ root: { type: n, data: r } }) }, "root");
+  return /* @__PURE__ */ o(fl, { data: t, setData: (r) => _e({ root: { type: n, data: r } }) }, "root");
 }
 const ar = 320;
-function dc() {
-  const { t: e } = Se(), t = ba(), n = ko(), i = Io() === "preview", l = () => {
+function pc() {
+  const { t: e } = Se(), t = Ca(), n = ko(), i = Io() === "preview", l = () => {
     switch (t) {
       case "block-configuration":
-        return /* @__PURE__ */ o(cc, {});
-      case "styles":
         return /* @__PURE__ */ o(uc, {});
+      case "styles":
+        return /* @__PURE__ */ o(dc, {});
     }
   };
   return /* @__PURE__ */ w(
@@ -4457,7 +4471,7 @@ function dc() {
         }
       },
       children: [
-        /* @__PURE__ */ o(se, { px: 2, children: /* @__PURE__ */ w(kr, { value: t, onChange: (a, c) => xa(c), children: [
+        /* @__PURE__ */ o(se, { px: 2, children: /* @__PURE__ */ w(kr, { value: t, onChange: (a, c) => Sa(c), children: [
           /* @__PURE__ */ o(Zt, { value: "styles", label: e("inspector.styles") }),
           /* @__PURE__ */ o(Zt, { value: "block-configuration", label: e("inspector.inspect") })
         ] }) }),
@@ -4479,7 +4493,7 @@ function dc() {
     }
   );
 }
-const pc = {
+const fc = {
   welcome: () => import("./chunks/chunk-Cc3ecmGS.js").then((e) => e.w).then((e) => e.default),
   "one-time-password": () => import("./chunks/chunk-Cc3ecmGS.js").then((e) => e.o).then((e) => e.default),
   "order-ecomerce": () => import("./chunks/chunk-Cc3ecmGS.js").then((e) => e.a).then((e) => e.default),
@@ -4496,8 +4510,8 @@ const pc = {
   "uspeedo-mothers-day": () => import("./chunks/chunk-Cc3ecmGS.js").then((e) => e.h).then((e) => e.default),
   "uspeedo-shopping-cart": () => import("./chunks/chunk-Cc3ecmGS.js").then((e) => e.i).then((e) => e.default)
 }, no = {};
-async function fc(e) {
-  const t = pc[e];
+async function mc(e) {
+  const t = fc[e];
   if (!t)
     return sn;
   if (no[e])
@@ -4507,10 +4521,10 @@ async function fc(e) {
 }
 function Ye({ sampleName: e, children: t }) {
   const [n, r] = z(!1);
-  return /* @__PURE__ */ o(Me, { size: "small", onClick: async () => {
+  return /* @__PURE__ */ o(Oe, { size: "small", onClick: async () => {
     r(!0);
     try {
-      const l = await fc(e);
+      const l = await mc(e);
       Rt(l);
     } catch {
     } finally {
@@ -4518,7 +4532,7 @@ function Ye({ sampleName: e, children: t }) {
     }
   }, disabled: n, children: n ? "Loading..." : t });
 }
-const mc = { p: 1.5, display: "flex", flexDirection: "column" }, gc = {
+const gc = { p: 1.5, display: "flex", flexDirection: "column" }, hc = {
   mb: 0.75,
   width: "100%",
   bgcolor: "cadet.200",
@@ -4528,7 +4542,7 @@ const mc = { p: 1.5, display: "flex", flexDirection: "column" }, gc = {
   border: "1px solid",
   borderColor: "cadet.300"
 };
-function yl({ label: e, icon: t, onClick: n, disabled: r = !1, block: i, onDragStart: l }) {
+function Cl({ label: e, icon: t, onClick: n, disabled: r = !1, block: i, onDragStart: l }) {
   const [a, c] = mt.useState(!1), s = mt.useRef(null), d = (g) => {
     if (!i || r) {
       g.preventDefault();
@@ -4549,11 +4563,11 @@ function yl({ label: e, icon: t, onClick: n, disabled: r = !1, block: i, onDragS
     window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1, c(!1);
   };
   return /* @__PURE__ */ w(
-    Me,
+    Oe,
     {
       ref: s,
       sx: {
-        ...mc,
+        ...gc,
         // cursor: disabled ? 'default' : 'move',
         outline: a ? "2px dashed rgba(0,121,204, 0.8)" : "none",
         outlineOffset: a ? "-2px" : "0",
@@ -4572,13 +4586,13 @@ function yl({ label: e, icon: t, onClick: n, disabled: r = !1, block: i, onDragS
         g.stopPropagation(), r || n();
       },
       children: [
-        /* @__PURE__ */ o(se, { sx: gc, children: t }),
+        /* @__PURE__ */ o(se, { sx: hc, children: t }),
         /* @__PURE__ */ o(ke, { variant: "body2", children: e })
       ]
     }
   );
 }
-const xl = [
+const yl = [
   {
     label: "Heading",
     icon: /* @__PURE__ */ o(di, {}),
@@ -4754,7 +4768,7 @@ const xl = [
   }
   // { label: 'ProgressBar', icon: <ProgressBarOutlined />, block: () => ({}) },
   // { label: 'LoopContainer', icon: <ViewListOutlined />, block: () => ({}) },
-], hc = (e) => ({
+], bc = (e) => ({
   Heading: "heading.name",
   Text: "text.name",
   Button: "button.name",
@@ -4767,15 +4781,15 @@ const xl = [
   ColumnsContainer: "columns.name",
   Container: "container.name"
 })[e] || e;
-function bc({ onSelect: e, disableContainerBlocks: t = !1, containerType: n = null }) {
-  const { t: r } = Se(), i = xl.filter((l) => {
+function Cc({ onSelect: e, disableContainerBlocks: t = !1, containerType: n = null }) {
+  const { t: r } = Se(), i = yl.filter((l) => {
     const a = l.block(), c = a.type === "Container" || a.type === "ColumnsContainer";
     return !(t && c && (n === "Container" && a.type === "ColumnsContainer" || n === "ColumnsContainer" && a.type === "ColumnsContainer" || !n || n !== "Container" && n !== "ColumnsContainer"));
   });
   return /* @__PURE__ */ o(se, { sx: { p: 1, display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: 0.5 }, children: i.map((l, a) => {
-    const c = l.block(), s = hc(c.type), d = r(s);
+    const c = l.block(), s = bc(c.type), d = r(s);
     return /* @__PURE__ */ o(
-      yl,
+      Cl,
       {
         label: d,
         icon: l.icon,
@@ -4788,18 +4802,18 @@ function bc({ onSelect: e, disableContainerBlocks: t = !1, containerType: n = nu
   }) });
 }
 const sr = 240;
-function Cc() {
+function yc() {
   return `block-${Date.now()}`;
 }
-function yc() {
-  const { t: e } = Se(), t = Do(), n = Qe(), r = Na(), i = Ha(), l = () => {
+function xc() {
+  const { t: e } = Se(), t = Do(), n = Qe(), r = Ra(), i = Va(), l = () => {
     Rt(sn);
   }, a = () => {
     for (const [m, h] of Object.entries(n))
       if (h.type === "EmailLayout")
         return m;
     return null;
-  }, [c, s] = z(null), d = Oe(null), u = (m) => {
+  }, [c, s] = z(null), d = Me(null), u = (m) => {
     d.current && clearTimeout(d.current), s(m.currentTarget);
   }, g = (m = 0) => {
     d.current && clearTimeout(d.current), m ? d.current = setTimeout(() => s(null), m) : (d.current = null, s(null));
@@ -4807,7 +4821,7 @@ function yc() {
     const h = a();
     if (!h)
       return;
-    const b = Cc(), S = n[h];
+    const b = yc(), S = n[h];
     if (!S || S.type !== "EmailLayout")
       return;
     const k = [...S.data.childrenIds || [], b];
@@ -4854,7 +4868,7 @@ function yc() {
         r && /* @__PURE__ */ w(an, { children: [
           /* @__PURE__ */ o(ke, { variant: "h6", component: "h1", sx: { p: 0.75 }, children: e("common.emailBuilder") }),
           /* @__PURE__ */ o(Z, { spacing: 1, alignItems: "flex-start", style: { marginTop: r ? 0 : 8 }, children: /* @__PURE__ */ o(
-            Me,
+            Oe,
             {
               variant: "contained",
               color: "primary",
@@ -4887,7 +4901,7 @@ function yc() {
                   onMouseLeave: () => g(180),
                   sx: { width: "100%" },
                   children: /* @__PURE__ */ w(
-                    Me,
+                    Oe,
                     {
                       size: "small",
                       sx: { cursor: "default", width: "100%", justifyContent: "space-between" },
@@ -4900,7 +4914,7 @@ function yc() {
                 }
               ),
               /* @__PURE__ */ o(
-                Hl,
+                Wl,
                 {
                   href: "https://uspeedo.com/email",
                   target: "_blank",
@@ -4944,17 +4958,17 @@ function yc() {
         i || null,
         /* @__PURE__ */ w(Z, { spacing: 1, sx: { mt: r ? 0 : "16px !important" }, children: [
           /* @__PURE__ */ o(ke, { variant: "caption", color: "text.secondary", sx: { px: 0.75, fontWeight: 500 }, children: e("common.addContentBlocks") }),
-          /* @__PURE__ */ o(bc, { onSelect: f, disableContainerBlocks: !1 })
+          /* @__PURE__ */ o(Cc, { onSelect: f, disableContainerBlocks: !1 })
         ] })
       ] }) })
     }
   );
 }
-const xc = ho(!1);
-function Sc({ value: e, children: t }) {
-  return /* @__PURE__ */ o(xc.Provider, { value: e, children: t });
+const Sc = ho(!1);
+function vc({ value: e, children: t }) {
+  return /* @__PURE__ */ o(Sc.Provider, { value: e, children: t });
 }
-const vc = (e) => ({
+const wc = (e) => ({
   Heading: "heading.name",
   Text: "text.name",
   Button: "button.name",
@@ -4967,7 +4981,7 @@ const vc = (e) => ({
   ColumnsContainer: "columns.name",
   Container: "container.name"
 })[e] || e;
-function wc({ anchorEl: e, setAnchorEl: t, onSelect: n, disableContainerBlocks: r = !1, containerType: i = null }) {
+function Ic({ anchorEl: e, setAnchorEl: t, onSelect: n, disableContainerBlocks: r = !1, containerType: i = null }) {
   const { t: l } = Se(), a = () => {
     t(null);
   }, c = (d) => {
@@ -4975,7 +4989,7 @@ function wc({ anchorEl: e, setAnchorEl: t, onSelect: n, disableContainerBlocks:
   };
   if (e === null)
     return null;
-  const s = xl.filter((d) => {
+  const s = yl.filter((d) => {
     const u = d.block(), g = u.type === "Container" || u.type === "ColumnsContainer";
     return !(r && g && (i === "Container" && u.type === "ColumnsContainer" || i === "ColumnsContainer" && u.type === "ColumnsContainer" || !i || i !== "Container" && i !== "ColumnsContainer"));
   });
@@ -4988,9 +5002,9 @@ function wc({ anchorEl: e, setAnchorEl: t, onSelect: n, disableContainerBlocks:
       anchorOrigin: { vertical: "bottom", horizontal: "center" },
       transformOrigin: { vertical: "top", horizontal: "center" },
       children: /* @__PURE__ */ o(se, { sx: { p: 1, display: "grid", gridTemplateColumns: "1fr 1fr 1fr 1fr" }, children: s.map((d, u) => {
-        const g = d.block(), f = vc(g.type), m = l(f);
+        const g = d.block(), f = wc(g.type), m = l(f);
         return /* @__PURE__ */ o(
-          yl,
+          Cl,
           {
             label: m,
             icon: d.icon,
@@ -5003,7 +5017,7 @@ function wc({ anchorEl: e, setAnchorEl: t, onSelect: n, disableContainerBlocks:
     }
   );
 }
-function Ic({ buttonElement: e, onClick: t }) {
+function kc({ buttonElement: e, onClick: t }) {
   const [n, r] = z(!1);
   return Ce(() => {
     function i({ clientX: l, clientY: a }) {
@@ -5019,7 +5033,7 @@ function Ic({ buttonElement: e, onClick: t }) {
     return window.addEventListener("mousemove", i), () => {
       window.removeEventListener("mousemove", i);
     };
-  }, [e, r]), /* @__PURE__ */ o(Vl, { in: n, children: /* @__PURE__ */ o(
+  }, [e, r]), /* @__PURE__ */ o(Hl, { in: n, children: /* @__PURE__ */ o(
     $e,
     {
       size: "small",
@@ -5044,7 +5058,7 @@ function Ic({ buttonElement: e, onClick: t }) {
     }
   ) });
 }
-function kc({ onClick: e }) {
+function Dc({ onClick: e }) {
   return /* @__PURE__ */ o(
     Fn,
     {
@@ -5079,13 +5093,13 @@ function oo({ onSelect: e, placeholder: t, disableContainerBlocks: n = !1, conta
     l(a);
   };
   return /* @__PURE__ */ w(an, { children: [
-    /* @__PURE__ */ o("div", { ref: c, style: { position: "relative" }, children: t ? /* @__PURE__ */ o(kc, { onClick: s }) : /* @__PURE__ */ o(Ic, { buttonElement: a, onClick: s }) }),
-    /* @__PURE__ */ o(wc, { anchorEl: i, setAnchorEl: l, onSelect: e, disableContainerBlocks: n, containerType: r })
+    /* @__PURE__ */ o("div", { ref: c, style: { position: "relative" }, children: t ? /* @__PURE__ */ o(Dc, { onClick: s }) : /* @__PURE__ */ o(kc, { buttonElement: a, onClick: s }) }),
+    /* @__PURE__ */ o(Ic, { anchorEl: i, setAnchorEl: l, onSelect: e, disableContainerBlocks: n, containerType: r })
   ] });
 }
-let Dc = 0;
+let Ec = 0;
 function kt() {
-  return `block-${Date.now()}-${++Dc}`;
+  return `block-${Date.now()}-${++Ec}`;
 }
 const Gt = () => window.__currentDraggedBlockId || null, Jt = () => window.__currentDraggedBlock || null;
 function Te(e, t) {
@@ -5167,7 +5181,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
         typeof document < "u" && document.body && (document.body.style.cursor = "");
       };
   }, [d]);
-  const b = M.getState().document, S = n ? (ce = b[n]) == null ? void 0 : ce.type : null, y = S === "Container" || S === "ColumnsContainer", k = S === "ColumnsContainer", D = (_) => {
+  const b = O.getState().document, S = n ? (ce = b[n]) == null ? void 0 : ce.type : null, y = S === "Container" || S === "ColumnsContainer", k = S === "ColumnsContainer", D = (_) => {
     const x = kt();
     return t({
       blockId: x,
@@ -5185,7 +5199,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
     _.preventDefault(), _.stopPropagation();
     const T = Gt();
     if (T) {
-      const U = Jt(), ie = M.getState().document, C = Lt(U, n, ie);
+      const U = Jt(), ie = O.getState().document, C = Lt(U, n, ie);
       u(!C), C ? (_.dataTransfer.effectAllowed = "move", _.dataTransfer.dropEffect = "move") : (_.dataTransfer.effectAllowed = "none", _.dataTransfer.dropEffect = "none"), a(T);
       const p = _.currentTarget.getBoundingClientRect(), F = _.clientY, X = p.top + p.height / 2;
       if (F < X)
@@ -5237,7 +5251,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
       window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, a(null), s(null);
       return;
     }
-    const F = M.getState().document;
+    const F = O.getState().document;
     if (!Lt(ie, n, F)) {
       window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, a(null), s(null), u(!1);
       return;
@@ -5265,7 +5279,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
           _.preventDefault(), _.stopPropagation();
           const x = Gt();
           if (x) {
-            const T = Jt(), U = M.getState().document, ie = Lt(T, n, U);
+            const T = Jt(), U = O.getState().document, ie = Lt(T, n, U);
             u(!ie), ie ? (_.dataTransfer.effectAllowed = "move", _.dataTransfer.dropEffect = "move") : (_.dataTransfer.effectAllowed = "none", _.dataTransfer.dropEffect = "none"), a(x), s(0);
           }
         },
@@ -5287,7 +5301,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
             window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, a(null), s(null);
             return;
           }
-          const C = M.getState().document;
+          const C = O.getState().document;
           if (!Lt(T, n, C)) {
             window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, a(null), s(null), u(!1);
             return;
@@ -5336,17 +5350,17 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
       !r && // 列有元素
       !V && // 不是跨列拖拽
       ve, K = r && c === x && U || X && c === x, Re = !r && c === x && U && !X && !we && !V, je = !r && T && c === e.length && U && !we && !V;
-      return /* @__PURE__ */ w(Bl, { children: [
+      return /* @__PURE__ */ w(_l, { children: [
         !k && /* @__PURE__ */ o(se, { component: "span", sx: { flex: "none", alignSelf: "flex-start" }, children: /* @__PURE__ */ o(oo, { onSelect: (pe) => E(pe, x), disableContainerBlocks: y, containerType: S }) }),
         /* @__PURE__ */ o(
           se,
           {
             onDragOver: (pe) => {
-              var fe, I, O, $, j, R, de, Ee, Pe;
+              var fe, I, M, $, j, R, de, Ee, Pe;
               pe.preventDefault(), pe.stopPropagation();
               const q = Gt();
               if (!q) return;
-              const v = Jt(), Y = M.getState().document, ee = Lt(v, n, Y);
+              const v = Jt(), Y = O.getState().document, ee = Lt(v, n, Y);
               u(!ee), ee ? (pe.dataTransfer.effectAllowed = "move", pe.dataTransfer.dropEffect = "move") : (pe.dataTransfer.effectAllowed = "none", pe.dataTransfer.dropEffect = "none");
               const L = !e.includes(q), ae = window.__isSidebarBlock === !0 ? { containerId: null, columnIndex: null } : Te(Y, q), re = Te(Y, _), ue = ae.columnIndex !== null, te = re.columnIndex !== null, Q = ue && te && re.containerId !== null && // 如果是同一个容器，需要是不同的列（避免同一列内部拖拽）
               // 如果是不同的容器，只要都在列中即可（允许跨容器拖拽）
@@ -5360,7 +5374,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                 if (ye) {
                   const Be = Y[ye];
                   if (Be && Be.type === "ColumnsContainer") {
-                    if ((((fe = Be.data.props) == null ? void 0 : fe.columnsCount) || ((O = (I = Be.data.props) == null ? void 0 : I.columns) == null ? void 0 : O.length) || 0) >= 4) {
+                    if ((((fe = Be.data.props) == null ? void 0 : fe.columnsCount) || ((M = (I = Be.data.props) == null ? void 0 : I.columns) == null ? void 0 : M.length) || 0) >= 4) {
                       u(!0), pe.dataTransfer.effectAllowed = "none", pe.dataTransfer.dropEffect = "none", f(null), h(null), s(null);
                       return;
                     }
@@ -5400,14 +5414,14 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                         a(q), s(null), An < Tn ? f("left") : f("right"), h(x);
                         return;
                       }
-                      const St = pe.currentTarget.getBoundingClientRect(), Bt = pe.clientX, vt = pe.clientY, Mt = St.bottom, zt = St.width * 0.15;
+                      const St = pe.currentTarget.getBoundingClientRect(), Bt = pe.clientX, vt = pe.clientY, Ot = St.bottom, zt = St.width * 0.15;
                       if (Bt < St.left + zt) {
                         a(q), f("left"), h(x), s(null);
                         return;
                       } else if (Bt > St.right - zt) {
                         a(q), f("right"), h(x), s(null);
                         return;
-                      } else if (vt > Mt - St.height / 2) {
+                      } else if (vt > Ot - St.height / 2) {
                         a(q), s(e.length), f(null), h(null);
                         return;
                       }
@@ -5432,8 +5446,8 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                         return;
                       }
                       if (We) {
-                        const vt = pe.currentTarget.getBoundingClientRect(), Mt = pe.clientX, zt = vt.left + vt.width / 2;
-                        a(q), s(null), Mt < zt ? f("left") : f("right"), h(x);
+                        const vt = pe.currentTarget.getBoundingClientRect(), Ot = pe.clientX, zt = vt.left + vt.width / 2;
+                        a(q), s(null), Ot < zt ? f("left") : f("right"), h(x);
                         return;
                       }
                       const Xe = pe.currentTarget.getBoundingClientRect(), Ke = pe.clientX, $t = pe.clientY;
@@ -5449,8 +5463,8 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                         if (a(q), f(null), h(null), $t < St)
                           s(x);
                         else {
-                          const vt = (e == null ? void 0 : e.length) || 0, Mt = Math.min(x + 1, vt);
-                          s(Mt);
+                          const vt = (e == null ? void 0 : e.length) || 0, Ot = Math.min(x + 1, vt);
+                          s(Ot);
                         }
                         return;
                       }
@@ -5464,7 +5478,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
             },
             onDragLeave: W,
             onDrop: (pe) => {
-              var vt, Mt, zt, dn, An, Tn, Bo, Mo, Oo, No, Ro, Po, Fo, zo;
+              var vt, Ot, zt, dn, An, Tn, Bo, Oo, Mo, No, Ro, Po, Fo, zo;
               pe.preventDefault(), pe.stopPropagation();
               const q = pe.dataTransfer.getData("text/plain") || Gt();
               if (!q || !e) {
@@ -5476,7 +5490,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                 window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1, a(null), s(null), f(null), h(null);
                 return;
               }
-              const Y = window.__isSidebarBlock === !0, ee = _, L = M.getState().document, G = L[ee], ae = (v == null ? void 0 : v.type) === "Container" || (v == null ? void 0 : v.type) === "ColumnsContainer", re = (G == null ? void 0 : G.type) === "Container" || (G == null ? void 0 : G.type) === "ColumnsContainer", ue = Y ? { containerId: null, columnIndex: null } : Te(L, q), te = Te(L, ee), Q = ue.columnIndex !== null, Ie = te.columnIndex !== null, ne = Q && Ie && ue.containerId === te.containerId && ue.containerId !== null && ue.columnIndex !== te.columnIndex, A = Q && Ie && ue.containerId === te.containerId && ue.columnIndex === te.columnIndex;
+              const Y = window.__isSidebarBlock === !0, ee = _, L = O.getState().document, G = L[ee], ae = (v == null ? void 0 : v.type) === "Container" || (v == null ? void 0 : v.type) === "ColumnsContainer", re = (G == null ? void 0 : G.type) === "Container" || (G == null ? void 0 : G.type) === "ColumnsContainer", ue = Y ? { containerId: null, columnIndex: null } : Te(L, q), te = Te(L, ee), Q = ue.columnIndex !== null, Ie = te.columnIndex !== null, ne = Q && Ie && ue.containerId === te.containerId && ue.containerId !== null && ue.columnIndex !== te.columnIndex, A = Q && Ie && ue.containerId === te.containerId && ue.columnIndex === te.columnIndex;
               if (ne && !ae && !re && q !== ee) {
                 const Ne = ue.columnIndex, ze = te.columnIndex, Fe = ue.containerId, qe = L[Fe];
                 if (qe && qe.type === "ColumnsContainer") {
@@ -5575,7 +5589,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                   if (et) {
                     const tt = L[et];
                     if (tt && tt.type === "ColumnsContainer") {
-                      const lt = ((Mt = tt.data.props) == null ? void 0 : Mt.columnsCount) || ((dn = (zt = tt.data.props) == null ? void 0 : zt.columns) == null ? void 0 : dn.length) || 0;
+                      const lt = ((Ot = tt.data.props) == null ? void 0 : Ot.columnsCount) || ((dn = (zt = tt.data.props) == null ? void 0 : zt.columns) == null ? void 0 : dn.length) || 0;
                       if (lt >= 4) {
                         window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1, a(null), s(null), u(!1);
                         return;
@@ -5590,7 +5604,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                       const Lo = Ne ? { containerId: null, columnIndex: null } : Te(L, q);
                       let Wo = L;
                       !Ne && Lo.containerId && (Wo = Wt(L, q, Lo));
-                      const Al = {
+                      const El = {
                         ...tt,
                         data: {
                           ...tt.data,
@@ -5604,7 +5618,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                       };
                       _e({
                         ...Wo,
-                        [et]: Al,
+                        [et]: El,
                         [pn]: v
                       }), window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1, a(null), s(null), f(null), h(null);
                       return;
@@ -5667,7 +5681,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                 if (Ne) {
                   const ze = L[Ne];
                   if (ze && ze.type === "ColumnsContainer") {
-                    const Fe = ((Mo = ze.data.props) == null ? void 0 : Mo.columnsCount) || ((No = (Oo = ze.data.props) == null ? void 0 : Oo.columns) == null ? void 0 : No.length) || 0;
+                    const Fe = ((Oo = ze.data.props) == null ? void 0 : Oo.columnsCount) || ((No = (Mo = ze.data.props) == null ? void 0 : Mo.columns) == null ? void 0 : No.length) || 0;
                     if (Fe >= 4) {
                       window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, a(null), s(null), u(!1);
                       return;
@@ -5780,7 +5794,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                 } : {}
               }
             },
-            children: /* @__PURE__ */ o(Dl, { id: _ })
+            children: /* @__PURE__ */ o(kl, { id: _ })
           }
         )
       ] }, _);
@@ -5789,8 +5803,8 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
   ] });
   return i ? /* @__PURE__ */ o(se, { sx: cr, children: be }) : be;
 }
-const Ec = [{ childrenIds: [] }], Ac = [{ childrenIds: [] }, { childrenIds: [] }], Tc = [{ childrenIds: [] }, { childrenIds: [] }, { childrenIds: [] }], _c = [{ childrenIds: [] }, { childrenIds: [] }, { childrenIds: [] }, { childrenIds: [] }];
-function Bc({ style: e, props: t }) {
+const Ac = [{ childrenIds: [] }], Tc = [{ childrenIds: [] }, { childrenIds: [] }], _c = [{ childrenIds: [] }, { childrenIds: [] }, { childrenIds: [] }], Bc = [{ childrenIds: [] }, { childrenIds: [] }, { childrenIds: [] }, { childrenIds: [] }];
+function Oc({ style: e, props: t }) {
   var E;
   const n = Tt();
   Qe();
@@ -5803,10 +5817,10 @@ function Bc({ style: e, props: t }) {
         N.push({ childrenIds: [] });
       return N;
     }
-    return s === 1 ? Ec : s === 2 ? Ac : s === 4 ? _c : Tc;
+    return s === 1 ? Ac : s === 2 ? Tc : s === 4 ? Bc : _c;
   }, [i, s]), u = (N, { block: W, blockId: P, childrenIds: he }) => {
     var F, X, V;
-    const be = M.getState().document, ce = be[P] && be[P].type, _ = be[n];
+    const be = O.getState().document, ce = be[P] && be[P].type, _ = be[n];
     let x = d;
     if (_ && _.type === "ColumnsContainer") {
       const me = (F = _.data.props) == null ? void 0 : F.columns;
@@ -5872,13 +5886,13 @@ function Bc({ style: e, props: t }) {
         fillHeight: b || ce
       }
     ) }, W);
-    return b || ce ? /* @__PURE__ */ o(Sc, { value: !0, children: x }, W) : x;
+    return b || ce ? /* @__PURE__ */ o(vc, { value: !0, children: x }, W) : x;
   }), D = {
     ...c && typeof c == "object" ? c : {},
     columnsCount: s
   };
   return /* @__PURE__ */ o(se, { sx: { color: "inherit", width: "100%", minWidth: 0, maxWidth: "100%", boxSizing: "border-box" }, children: /* @__PURE__ */ o(
-    Ki,
+    Mi,
     {
       props: D,
       style: e,
@@ -5888,7 +5902,7 @@ function Bc({ style: e, props: t }) {
 }
 function Mc({ style: e, props: t }) {
   const n = (t == null ? void 0 : t.childrenIds) ?? [], r = Qe(), i = Tt();
-  return /* @__PURE__ */ o(Yi, { style: e, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(Ri, { style: e, children: /* @__PURE__ */ o(
     To,
     {
       childrenIds: n,
@@ -5906,7 +5920,7 @@ function Mc({ style: e, props: t }) {
               }
             });
           else {
-            const s = M.getState().document, d = s[a] && s[a].type, u = {
+            const s = O.getState().document, d = s[a] && s[a].type, u = {
               [i]: {
                 type: "Container",
                 data: {
@@ -5921,12 +5935,12 @@ function Mc({ style: e, props: t }) {
     }
   ) });
 }
-let Oc = 0;
-function Nc() {
-  return `block-${Date.now()}-${++Oc}`;
+let Nc = 0;
+function Rc() {
+  return `block-${Date.now()}-${++Nc}`;
 }
-const ur = () => window.__currentDraggedBlockId || null, Rc = () => window.__currentDraggedBlock || null;
-function Pc(e) {
+const ur = () => window.__currentDraggedBlockId || null, Pc = () => window.__currentDraggedBlock || null;
+function Fc(e) {
   switch (e ?? "MODERN_SANS") {
     case "MODERN_SANS":
       return "Helvetica, Arial, sans-serif";
@@ -5948,7 +5962,7 @@ function Pc(e) {
       return "monospace";
   }
 }
-function Fc(e) {
+function zc(e) {
   const t = e.childrenIds ?? [], n = Qe(), r = Tt();
   return /* @__PURE__ */ o(
     "div",
@@ -5971,7 +5985,7 @@ function Fc(e) {
           window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1;
           return;
         }
-        const u = window.__isSidebarBlock === !0, g = Rc();
+        const u = window.__isSidebarBlock === !0, g = Pc();
         if (!g) {
           window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1;
           return;
@@ -5980,12 +5994,12 @@ function Fc(e) {
           window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1;
           return;
         }
-        const f = u ? Nc() : d;
+        const f = u ? Rc() : d;
         if (f === r) {
           window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1;
           return;
         }
-        const m = M.getState().document;
+        const m = O.getState().document;
         if (!u) {
           let ce = { containerId: null, columnIndex: null };
           for (const [_, x] of Object.entries(m)) {
@@ -6053,7 +6067,7 @@ function Fc(e) {
             _e(x);
           }
         }
-        const h = [...t, f], b = M.getState().document, S = b[f] && b[f].type, y = {
+        const h = [...t, f], b = O.getState().document, S = b[f] && b[f].type, y = {
           [r]: {
             type: "EmailLayout",
             data: {
@@ -6067,7 +6081,7 @@ function Fc(e) {
       style: {
         backgroundColor: e.backdropColor ?? "#F5F5F5",
         color: e.textColor ?? "#262626",
-        fontFamily: Pc(e.fontFamily),
+        fontFamily: Fc(e.fontFamily),
         fontSize: "16px",
         fontWeight: "400",
         letterSpacing: "0.15008px",
@@ -6117,7 +6131,7 @@ function Fc(e) {
                       }
                     });
                   else {
-                    const d = M.getState().document, u = d[c] && d[c].type, g = {
+                    const d = O.getState().document, u = d[c] && d[c].type, g = {
                       [r]: {
                         type: "EmailLayout",
                         data: {
@@ -6136,9 +6150,9 @@ function Fc(e) {
     }
   );
 }
-function zc(e) {
+function Lc(e) {
   var g;
-  const { t } = Se(), n = Tt(), r = Gr(), [i, l] = z("url"), [a, c] = z(!1), [s, d] = z(""), u = Oe(null);
+  const { t } = Se(), n = Tt(), r = Xr(), [i, l] = z("url"), [a, c] = z(!1), [s, d] = z(""), u = Me(null);
   if (!((g = e.props) != null && g.url)) {
     const f = async (y) => {
       var D;
@@ -6146,7 +6160,7 @@ function zc(e) {
       if (!(!k || !r)) {
         c(!0);
         try {
-          const E = await r(k), N = M.getState().document[n];
+          const E = await r(k), N = O.getState().document[n];
           N && N.type === "Image" && _e({
             [n]: {
               ...N,
@@ -6168,7 +6182,7 @@ function zc(e) {
       var k;
       y.stopPropagation(), y.preventDefault(), (k = u.current) == null || k.click();
     }, h = () => {
-      const y = s.trim().length === 0 ? null : s.trim(), k = M.getState().document[n];
+      const y = s.trim().length === 0 ? null : s.trim(), k = O.getState().document[n];
       k && k.type === "Image" && _e({
         [n]: {
           ...k,
@@ -6255,7 +6269,7 @@ function zc(e) {
                 }
               ),
               /* @__PURE__ */ o(
-                Me,
+                Oe,
                 {
                   variant: "contained",
                   size: "small",
@@ -6264,7 +6278,7 @@ function zc(e) {
                   },
                   onMouseDown: (y) => y.stopPropagation(),
                   sx: { minWidth: "auto", px: 2 },
-                  children: /* @__PURE__ */ o(Lr, { fontSize: "small" })
+                  children: /* @__PURE__ */ o(zr, { fontSize: "small" })
                 }
               )
             ] }) : /* @__PURE__ */ w(Z, { spacing: 1, children: [
@@ -6279,7 +6293,7 @@ function zc(e) {
                 }
               ),
               /* @__PURE__ */ o(
-                Me,
+                Oe,
                 {
                   variant: "outlined",
                   startIcon: a ? /* @__PURE__ */ o(jn, { size: 16 }) : /* @__PURE__ */ o(Ft, {}),
@@ -6303,13 +6317,13 @@ function zc(e) {
       onClick: (f) => {
       },
       sx: { display: "inline-block", width: "100%" },
-      children: /* @__PURE__ */ o(na, { ...e })
+      children: /* @__PURE__ */ o(Ui, { ...e })
     }
   );
 }
-function Lc(e) {
+function Wc(e) {
   var g, f, m;
-  const { t } = Se(), n = Tt(), r = Jr(), [i, l] = z("url"), [a, c] = z(!1), [s, d] = z(""), u = Oe(null);
+  const { t } = Se(), n = Tt(), r = Gr(), [i, l] = z("url"), [a, c] = z(!1), [s, d] = z(""), u = Me(null);
   if (!((g = e.props) != null && g.url)) {
     const h = async (D) => {
       var N;
@@ -6317,7 +6331,7 @@ function Lc(e) {
       if (!(!E || !r)) {
         c(!0);
         try {
-          const W = await r(E), P = M.getState().document[n];
+          const W = await r(E), P = O.getState().document[n];
           P && P.type === "Video" && _e({
             [n]: {
               ...P,
@@ -6339,7 +6353,7 @@ function Lc(e) {
       var E;
       D.stopPropagation(), D.preventDefault(), (E = u.current) == null || E.click();
     }, S = () => {
-      const D = s.trim().length === 0 ? null : s.trim(), E = M.getState().document[n];
+      const D = s.trim().length === 0 ? null : s.trim(), E = O.getState().document[n];
       E && E.type === "Video" && _e({
         [n]: {
           ...E,
@@ -6426,7 +6440,7 @@ function Lc(e) {
                 }
               ),
               /* @__PURE__ */ o(
-                Me,
+                Oe,
                 {
                   variant: "contained",
                   size: "small",
@@ -6435,7 +6449,7 @@ function Lc(e) {
                   },
                   onMouseDown: (D) => D.stopPropagation(),
                   sx: { minWidth: "auto", px: 2 },
-                  children: /* @__PURE__ */ o(Lr, { fontSize: "small" })
+                  children: /* @__PURE__ */ o(zr, { fontSize: "small" })
                 }
               )
             ] }) : /* @__PURE__ */ w(Z, { spacing: 1, children: [
@@ -6450,7 +6464,7 @@ function Lc(e) {
                 }
               ),
               /* @__PURE__ */ o(
-                Me,
+                Oe,
                 {
                   variant: "outlined",
                   startIcon: a ? /* @__PURE__ */ o(jn, { size: 16 }) : /* @__PURE__ */ o(Ft, {}),
@@ -6481,11 +6495,11 @@ function Lc(e) {
         backgroundColor: ((f = e.style) == null ? void 0 : f.backgroundColor) || void 0,
         textAlign: ((m = e.style) == null ? void 0 : m.textAlign) || void 0
       },
-      children: /* @__PURE__ */ o(da, { ...e })
+      children: /* @__PURE__ */ o(ea, { ...e })
     }
   );
 }
-function Wc(e) {
+function Hc(e) {
   var l, a;
   const { t } = Se(), n = ((l = e.props) == null ? void 0 : l.socials) || [], r = ((a = e.props) == null ? void 0 : a.platforms) || [];
   return (n.length > 0 ? n.map((c) => c.platform) : r).length === 0 ? /* @__PURE__ */ o(
@@ -6503,14 +6517,14 @@ function Wc(e) {
       },
       children: /* @__PURE__ */ o(ke, { variant: "body2", sx: { textAlign: "center", px: 2 }, children: t("socials.placeholder") })
     }
-  ) : /* @__PURE__ */ o(pa, { ...e });
+  ) : /* @__PURE__ */ o(ta, { ...e });
 }
-function Hc(e) {
+function Vc(e) {
   const t = e == null ? void 0 : e.padding;
   if (t)
     return `${t.top}px ${t.right}px ${t.bottom}px ${t.left}px`;
 }
-function Vc(e, t) {
+function Uc(e, t) {
   e.focus();
   const n = t.replace(/\r\n/g, `
 `);
@@ -6521,7 +6535,7 @@ function Vc(e, t) {
   }
   xt(e);
 }
-function Uc(e, t, n) {
+function $c(e, t, n) {
   const r = document;
   let i = null;
   if (r.caretPositionFromPoint) {
@@ -6532,7 +6546,7 @@ function Uc(e, t, n) {
   const l = window.getSelection();
   return l == null || l.removeAllRanges(), l == null || l.addRange(i), !0;
 }
-function Sl(e) {
+function xl(e) {
   const t = window.getSelection();
   if (!t) return;
   const n = document.createRange();
@@ -6542,7 +6556,7 @@ function Nt(e) {
   xt(e);
   const t = e.querySelectorAll("p"), n = t.length ? t[t.length - 1] : null;
   if (!n) {
-    Sl(e);
+    xl(e);
     return;
   }
   const r = window.getSelection();
@@ -6550,7 +6564,7 @@ function Nt(e) {
   const i = document.createRange();
   i.selectNodeContents(n), i.collapse(!1), r.removeAllRanges(), r.addRange(i);
 }
-function $c(e) {
+function jc(e) {
   const t = window.getSelection();
   if (!t || t.rangeCount === 0) return;
   const n = t.getRangeAt(0);
@@ -6558,11 +6572,11 @@ function $c(e) {
   const i = document.createRange();
   i.setStart(n.endContainer, n.endOffset), i.collapse(!0), t.removeAllRanges(), t.addRange(i);
 }
-function vl(e) {
+function Sl(e) {
   const t = document.createElement("span");
-  return t.textContent = e, t.setAttribute("data-text-variable", e), t.setAttribute("data-variable-instance-id", rl()), t.contentEditable = "false", t.setAttribute("contenteditable", "false"), t.setAttribute("contentEditable", "false"), t.style.whiteSpace = "nowrap", t.style.display = "inline-block", t.style.overflowWrap = "normal", t.style.wordBreak = "normal", wl(t), t;
+  return t.textContent = e, t.setAttribute("data-text-variable", e), t.setAttribute("data-variable-instance-id", ol()), t.contentEditable = "false", t.setAttribute("contenteditable", "false"), t.setAttribute("contentEditable", "false"), t.style.whiteSpace = "nowrap", t.style.display = "inline-block", t.style.overflowWrap = "normal", t.style.wordBreak = "normal", vl(t), t;
 }
-function wl(e) {
+function vl(e) {
   e.style.userSelect = "all", e.style.webkitUserSelect = "all", e.style.border = "1px solid rgba(25, 118, 210, 0.55)", e.style.borderRadius = "4px", e.style.padding = "0 4px", e.style.boxShadow = "inset 0 -999px 0 rgba(25, 118, 210, 0.08)";
 }
 function dr(e) {
@@ -6574,7 +6588,7 @@ function dr(e) {
     e.setAttribute("contenteditable", "false"), e.setAttribute("contentEditable", "false");
   }
 }
-function jc(e) {
+function Kc(e) {
   try {
     e.contentEditable = "true";
   } catch {
@@ -6592,12 +6606,12 @@ function xn(e) {
       n.push("");
       continue;
     }
-    n.push(ll(r));
+    n.push(rl(r));
   }
   return n.join(`
 `);
 }
-function Kc(e) {
+function qc(e) {
   return qn(e).filter((t) => t.instanceId).map((t) => {
     const n = t.builtin ? "system" : "user";
     return {
@@ -6608,7 +6622,7 @@ function Kc(e) {
     };
   });
 }
-function qc(e, t) {
+function Yc(e, t) {
   const n = window.getSelection();
   if (!n || (n.rangeCount === 0 && Nt(e), n.rangeCount === 0)) return null;
   const r = n.getRangeAt(0);
@@ -6622,31 +6636,31 @@ function qc(e, t) {
   }
   const u = n.getRangeAt(0);
   u.deleteContents();
-  const g = vl(t);
+  const g = Sl(t);
   u.insertNode(g);
   const f = document.createRange();
   return f.setStartAfter(g), f.collapse(!0), n.removeAllRanges(), n.addRange(f), g.getAttribute("data-variable-instance-id");
 }
-function Yc(e, t, n, r) {
+function Xc(e, t, n, r) {
   const i = Et(e, t, n);
   if (!i) return null;
   const l = window.getSelection();
   if (!l) return null;
   l.removeAllRanges(), l.addRange(i), i.deleteContents();
-  const a = vl(r);
+  const a = Sl(r);
   i.insertNode(a);
   const c = document.createRange();
   return c.setStartAfter(a), c.collapse(!0), l.removeAllRanges(), l.addRange(c), a.getAttribute("data-variable-instance-id");
 }
-function Xc(e) {
+function Gc(e) {
   var E, N, W, P, he, be, ce, _, x, T, U, ie;
-  const t = Tt(), n = cn(), r = Yr(), i = Xr(), l = qr(), a = Ca(), c = Oe(null), s = Oe(null), d = Oe(""), u = Oe(!1), g = Oe(null), f = Oe(null), m = n === t, { allowedUser: h, allowedBuiltin: b } = ct(
-    () => oc({ baseGroups: Ao, contactAttributes: l }),
+  const t = Tt(), n = cn(), r = qr(), i = Yr(), l = Kr(), a = ya(), c = Me(null), s = Me(null), d = Me(""), u = Me(!1), g = Me(null), f = Me(null), m = n === t, { allowedUser: h, allowedBuiltin: b } = ct(
+    () => rc({ baseGroups: Ao, contactAttributes: l }),
     [l]
   ), S = {
     ..._r(e.style ?? null),
     textAlign: ((E = e.style) == null ? void 0 : E.textAlign) ?? void 0,
-    padding: Hc(e.style ?? null),
+    padding: Vc(e.style ?? null),
     margin: 0
   }, y = en(() => {
     if (!m) return;
@@ -6662,10 +6676,10 @@ function Xc(e) {
   }, [y, (N = e.props) == null ? void 0 : N.html, (W = e.props) == null ? void 0 : W.text, (P = e.props) == null ? void 0 : P.message, (he = e.props) == null ? void 0 : he.variables, m]);
   const k = en(
     (C, p, F) => {
-      const X = M.getState().document[t];
+      const X = O.getState().document[t];
       if (!X || X.type !== "Text") return;
       d.current = C;
-      const V = Kc(C);
+      const V = qc(C);
       _e({
         [t]: {
           ...X,
@@ -6711,9 +6725,9 @@ function Xc(e) {
     s.current = C.firstElementChild;
     const p = s.current;
     if (!p) return;
-    jc(p), p.setAttribute("data-monto-text-block-id", t), p.style.outline = "none", p.style.cursor = "text";
+    Kc(p), p.setAttribute("data-monto-text-block-id", t), p.style.outline = "none", p.style.cursor = "text";
     for (const v of Array.from(p.querySelectorAll("[data-text-variable]")))
-      dr(v), wl(v);
+      dr(v), vl(v);
     const F = { current: !1 }, X = (v) => {
       var Ie, ne;
       if (F.current || v.rangeCount === 0) return null;
@@ -6779,7 +6793,7 @@ function Xc(e) {
         yt(null), Bn({ blockId: t, offset: re });
         return;
       }
-      const te = Ot(p, re);
+      const te = Mt(p, re);
       hn({ blockId: t, text: ae, styleSnapshot: te }), yt({ blockId: t, start: re, end: ue }), Bn({ blockId: t, offset: ue });
     }, me = () => {
       f.current = null;
@@ -6789,7 +6803,7 @@ function Xc(e) {
         const L = Y.getRangeAt(0);
         if (p.contains(L.startContainer) && p.contains(L.endContainer)) {
           const { start: G } = tn(p, L);
-          ee = Ot(p, Math.min(Math.max(G, 0), Math.max(v.length - 1, 0)));
+          ee = Mt(p, Math.min(Math.max(G, 0), Math.max(v.length - 1, 0)));
         }
       }
       hn({ blockId: t, text: v, styleSnapshot: ee });
@@ -6815,11 +6829,11 @@ function Xc(e) {
         }
       } catch {
       }
-      Vc(p, Y);
+      Uc(p, Y);
     }, Re = (v) => {
       var ee;
       v.preventDefault();
-      const Y = ll(p);
+      const Y = rl(p);
       (ee = v.clipboardData) == null || ee.setData("text/plain", Y);
     }, je = (v) => {
       var Y, ee, L, G, ae, re, ue;
@@ -6849,9 +6863,9 @@ function Xc(e) {
                   const $ = document.createRange();
                   $.setStartAfter(fe), $.collapse(!0), te.removeAllRanges(), te.addRange($);
                 }
-                const I = document.createTextNode(v.key), O = te.rangeCount > 0 ? te.getRangeAt(0) : null;
-                if (O && p.contains(O.startContainer)) {
-                  O.insertNode(I);
+                const I = document.createTextNode(v.key), M = te.rangeCount > 0 ? te.getRangeAt(0) : null;
+                if (M && p.contains(M.startContainer)) {
+                  M.insertNode(I);
                   const $ = document.createRange();
                   $.setStartAfter(I), $.collapse(!0), te.removeAllRanges(), te.addRange($);
                 }
@@ -6871,8 +6885,8 @@ function Xc(e) {
             if (De || oe || (() => {
               var I;
               try {
-                const O = Q.cloneContents();
-                return !!((I = O.querySelector) != null && I.call(O, "a,[data-text-variable]"));
+                const M = Q.cloneContents();
+                return !!((I = M.querySelector) != null && I.call(M, "a,[data-text-variable]"));
               } catch {
                 return !1;
               }
@@ -6903,12 +6917,12 @@ function Xc(e) {
               try {
                 const fe = document.createRange();
                 if (fe.setStart(A, 0), fe.setEnd(Q.startContainer, Q.startOffset), fe.toString().replace(/\u200B/g, "").length === 0) {
-                  let O = A.previousElementSibling, $ = !1;
-                  for (; O && O.tagName === "P"; ) {
-                    const j = O, R = (j.textContent ?? "").replace(/\u200B/g, "");
+                  let M = A.previousElementSibling, $ = !1;
+                  for (; M && M.tagName === "P"; ) {
+                    const j = M, R = (j.textContent ?? "").replace(/\u200B/g, "");
                     if (!(!!j.querySelector("br") && R.length === 0)) break;
                     const Ee = j;
-                    O = Ee.previousElementSibling, (G = Ee.parentElement) == null || G.removeChild(Ee), $ = !0;
+                    M = Ee.previousElementSibling, (G = Ee.parentElement) == null || G.removeChild(Ee), $ = !0;
                   }
                   if ($) {
                     v.preventDefault(), v.stopPropagation(), xt(p);
@@ -6940,18 +6954,18 @@ function Xc(e) {
           if (ne && ne.rangeCount > 0) {
             const A = ne.getRangeAt(0);
             if (p.contains(A.startContainer) && p.contains(A.endContainer) && A.collapsed) {
-              const oe = ((re = ((O) => O.nodeType === Node.ELEMENT_NODE ? O : O.parentElement)(A.startContainer)) == null ? void 0 : re.closest("p")) ?? null, fe = (() => {
-                const O = A.startContainer;
-                if (O.nodeType === Node.TEXT_NODE) {
-                  const $ = (O.textContent ?? "").length;
-                  return A.startOffset < $ ? null : O.nextSibling;
+              const oe = ((re = ((M) => M.nodeType === Node.ELEMENT_NODE ? M : M.parentElement)(A.startContainer)) == null ? void 0 : re.closest("p")) ?? null, fe = (() => {
+                const M = A.startContainer;
+                if (M.nodeType === Node.TEXT_NODE) {
+                  const $ = (M.textContent ?? "").length;
+                  return A.startOffset < $ ? null : M.nextSibling;
                 }
-                return O.nodeType === Node.ELEMENT_NODE ? O.childNodes[A.startOffset] ?? null : null;
+                return M.nodeType === Node.ELEMENT_NODE ? M.childNodes[A.startOffset] ?? null : null;
               })(), I = !!(fe && fe.nodeType === Node.ELEMENT_NODE && ((ue = fe.closest) != null && ue.call(fe, "[data-text-variable]")));
               if (oe && I) {
-                const O = document.createRange();
-                O.selectNodeContents(oe), O.setStart(A.startContainer, A.startOffset);
-                const $ = O.extractContents(), j = document.createElement("p");
+                const M = document.createRange();
+                M.selectNodeContents(oe), M.setStart(A.startContainer, A.startOffset);
+                const $ = M.extractContents(), j = document.createElement("p");
                 j.appendChild($), oe.insertAdjacentElement("afterend", j), xt(p);
                 const R = document.createRange();
                 R.selectNodeContents(j), R.collapse(!0), ne.removeAllRanges(), ne.addRange(R), V(), v.stopPropagation();
@@ -6962,7 +6976,7 @@ function Xc(e) {
         } catch {
         }
         document.execCommand("insertParagraph", !1), xt(p), requestAnimationFrame(() => {
-          var O, $, j, R, de, Ee, Pe, ye, Be, xe;
+          var M, $, j, R, de, Ee, Pe, ye, Be, xe;
           try {
             p.focus({ preventScroll: !0 });
           } catch {
@@ -6970,7 +6984,7 @@ function Xc(e) {
           const ne = window.getSelection();
           try {
             if (Q && Q.isConnected) {
-              const ge = ((O = Q.nextElementSibling) == null ? void 0 : O.tagName) === "P" ? Q.nextElementSibling : null;
+              const ge = ((M = Q.nextElementSibling) == null ? void 0 : M.tagName) === "P" ? Q.nextElementSibling : null;
               if (ge && ne) {
                 try {
                   if (!Ie && Wn(ge)) {
@@ -7107,7 +7121,7 @@ function Xc(e) {
           return;
         }
       }
-      p.focus({ preventScroll: !0 }), Uc(p, v.clientX, v.clientY) || Sl(p), $c(p), yt(null), requestAnimationFrame(V);
+      p.focus({ preventScroll: !0 }), $c(p, v.clientX, v.clientY) || xl(p), jc(p), yt(null), requestAnimationFrame(V);
     };
     return document.addEventListener("selectionchange", ve), p.addEventListener("blur", D), p.addEventListener("input", we), p.addEventListener("paste", K), p.addEventListener("copy", Re), p.addEventListener("keydown", je), p.addEventListener("beforeinput", _t), p.addEventListener("mousedown", pe), p.addEventListener("mouseup", q), p.addEventListener("click", ht), () => {
       document.removeEventListener("selectionchange", ve), p.removeEventListener("blur", D), p.removeEventListener("input", we), p.removeEventListener("paste", K), p.removeEventListener("copy", Re), p.removeEventListener("keydown", je), p.removeEventListener("beforeinput", _t), p.removeEventListener("mousedown", pe), p.removeEventListener("mouseup", q), p.removeEventListener("click", ht), p.contentEditable = "false", p.style.cursor = "", s.current = null, f.current != null && (cancelAnimationFrame(f.current), f.current = null);
@@ -7129,21 +7143,21 @@ function Xc(e) {
         De && oe && (oe.removeAllRanges(), oe.addRange(De));
       } else
         Nt(p);
-      const G = qc(p, C.token), ae = M.getState().document[t], re = ((q = (pe = ae == null ? void 0 : ae.data) == null ? void 0 : pe.props) == null ? void 0 : q.variableDefaults) ?? null, { variableDefaults: ue } = bn(p, re), te = C.defaultValue ?? "";
+      const G = Yc(p, C.token), ae = O.getState().document[t], re = ((q = (pe = ae == null ? void 0 : ae.data) == null ? void 0 : pe.props) == null ? void 0 : q.variableDefaults) ?? null, { variableDefaults: ue } = bn(p, re), te = C.defaultValue ?? "";
       G && te !== "" && (ue[G] = te);
       const Q = Cn(p), Ie = xn(p);
       k(Q, Ie, ue), Sn(), Yt();
       const ne = Dt(p);
       pt(p);
-      const A = ne.length > 0 ? Ot(p, Math.max(0, ne.length - 1)) : {};
+      const A = ne.length > 0 ? Mt(p, Math.max(0, ne.length - 1)) : {};
       hn({ blockId: t, text: ne, styleSnapshot: A });
       return;
     } else if (C.kind === "replaceVariable") {
-      const G = Yc(p, C.start, C.end, C.token), ae = M.getState().document[t], re = ((Y = (v = ae == null ? void 0 : ae.data) == null ? void 0 : v.props) == null ? void 0 : Y.variableDefaults) ?? null, { variableDefaults: ue } = bn(p, re), te = C.defaultValue ?? "";
+      const G = Xc(p, C.start, C.end, C.token), ae = O.getState().document[t], re = ((Y = (v = ae == null ? void 0 : ae.data) == null ? void 0 : v.props) == null ? void 0 : Y.variableDefaults) ?? null, { variableDefaults: ue } = bn(p, re), te = C.defaultValue ?? "";
       G && te !== "" && (ue[G] = te);
       const Q = Cn(p), Ie = xn(p);
       k(Q, Ie, ue), Sn(), Yt();
-      const ne = Dt(p), A = ne.length > 0 ? Ot(p, Math.max(0, ne.length - 1)) : {};
+      const ne = Dt(p), A = ne.length > 0 ? Mt(p, Math.max(0, ne.length - 1)) : {};
       hn({ blockId: t, text: ne, styleSnapshot: A }), yt(null);
       return;
     } else {
@@ -7158,26 +7172,26 @@ function Xc(e) {
         return;
       }
       const re = window.getSelection();
-      re == null || re.removeAllRanges(), re == null || re.addRange(ae), C.kind === "style" ? ss(p, G.start, G.end, {
+      re == null || re.removeAllRanges(), re == null || re.addRange(ae), C.kind === "style" ? cs(p, G.start, G.end, {
         patch: C.style,
         global: e.style ?? null
-      }) : cs(p, G.start, G.end, C.href, C.targetBlank);
+      }) : us(p, G.start, G.end, C.href, C.targetBlank);
     }
     xt(p);
-    const F = M.getState().document[t], X = ((L = (ee = F == null ? void 0 : F.data) == null ? void 0 : ee.props) == null ? void 0 : L.variableDefaults) ?? null, { variableDefaults: V } = bn(p, X), me = Cn(p), ve = xn(p);
+    const F = O.getState().document[t], X = ((L = (ee = F == null ? void 0 : F.data) == null ? void 0 : ee.props) == null ? void 0 : L.variableDefaults) ?? null, { variableDefaults: V } = bn(p, X), me = Cn(p), ve = xn(p);
     k(me, ve, V), Sn(), Yt();
-    const we = pt(p), K = r ? Math.min(r.start, we) : we, Re = r ? Math.min(r.end, we) : we, je = Dt(p), _t = je.length > 0 ? Ot(p, Math.min(K, je.length - 1)) : {};
+    const we = pt(p), K = r ? Math.min(r.start, we) : we, Re = r ? Math.min(r.end, we) : we, je = Dt(p), _t = je.length > 0 ? Mt(p, Math.min(K, je.length - 1)) : {};
     hn({ blockId: t, text: je, styleSnapshot: _t });
     const ht = Et(p, K, Re);
     if (ht && K < Re) {
       const G = window.getSelection();
       G == null || G.removeAllRanges(), G == null || G.addRange(ht);
     }
-  }, [a == null ? void 0 : a.id, r, i, t, k, e.style]), m ? /* @__PURE__ */ o("div", { style: S, children: /* @__PURE__ */ o("div", { ref: c, style: { margin: 0, padding: 0 } }, t) }) : /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(Xl, { ...e }) });
+  }, [a == null ? void 0 : a.id, r, i, t, k, e.style]), m ? /* @__PURE__ */ o("div", { style: S, children: /* @__PURE__ */ o("div", { ref: c, style: { margin: 0, padding: 0 } }, t) }) : /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(Yl, { ...e }) });
 }
-function Gc(e) {
-  const t = Tt(), n = cn(), r = Oe(null), i = Oe(null), l = Oe(!1), a = n === t, c = en((s) => {
-    const d = M.getState().document[t];
+function Jc(e) {
+  const t = Tt(), n = cn(), r = Me(null), i = Me(null), l = Me(!1), a = n === t, c = en((s) => {
+    const d = O.getState().document[t];
     d && d.type === "Heading" && _e({
       [t]: {
         ...d,
@@ -7223,11 +7237,11 @@ function Gc(e) {
         };
       }
     } else !a && i.current && (i.current.contentEditable = "false", i.current.style.cursor = "", i.current = null, l.current = !1);
-  }, [a, t, c]), /* @__PURE__ */ o(se, { ref: r, children: /* @__PURE__ */ o(Ji, { ...e }) });
+  }, [a, t, c]), /* @__PURE__ */ o(se, { ref: r, children: /* @__PURE__ */ o(zi, { ...e }) });
 }
-function Jc(e) {
-  const t = Tt(), n = cn(), r = Oe(null), i = Oe(null), l = Oe(!1), a = n === t, c = en((s) => {
-    const d = M.getState().document[t];
+function Zc(e) {
+  const t = Tt(), n = cn(), r = Me(null), i = Me(null), l = Me(!1), a = n === t, c = en((s) => {
+    const d = O.getState().document[t];
     d && d.type === "Button" && _e({
       [t]: {
         ...d,
@@ -7294,9 +7308,9 @@ function Jc(e) {
         }
       }
     } else !a && i.current && (i.current.contentEditable = "false", i.current.style.cursor = "", i.current = null, l.current = !1, r.current && (r.current.contentEditable = "false", r.current.style.cursor = ""));
-  }, [a, t, c]), /* @__PURE__ */ o(se, { ref: r, children: /* @__PURE__ */ o(Gl, { ...e }) });
+  }, [a, t, c]), /* @__PURE__ */ o(se, { ref: r, children: /* @__PURE__ */ o(Xl, { ...e }) });
 }
-function Zc() {
+function Qc() {
   return `block-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
 }
 function go(e, t) {
@@ -7304,7 +7318,7 @@ function go(e, t) {
   const n = e[t];
   if (!n)
     return { newDocument: e, newBlockId: t };
-  const r = Zc(), i = JSON.parse(JSON.stringify(n));
+  const r = Qc(), i = JSON.parse(JSON.stringify(n));
   let l = { ...e };
   if (i.type === "Container" && ((c = (a = i.data) == null ? void 0 : a.props) != null && c.childrenIds)) {
     const u = [];
@@ -7344,7 +7358,7 @@ function pr(e, t) {
   }
   return { containerId: null, columnIndex: null };
 }
-const Qc = {
+const eu = {
   position: "absolute",
   bottom: -12,
   left: -50,
@@ -7353,7 +7367,7 @@ const Qc = {
   paddingY: 0.5,
   zIndex: "fab"
 };
-function eu({ blockId: e }) {
+function tu({ blockId: e }) {
   const t = Qe(), n = pr(t, e), r = mt.useMemo(() => {
     var u, g;
     if (!n.containerId)
@@ -7580,7 +7594,7 @@ function eu({ blockId: e }) {
     }
     Rt(d), nt(e);
   };
-  return /* @__PURE__ */ o(Co, { sx: Qc, onClick: (c) => c.stopPropagation(), children: /* @__PURE__ */ w(Z, { children: [
+  return /* @__PURE__ */ o(Co, { sx: eu, onClick: (c) => c.stopPropagation(), children: /* @__PURE__ */ w(Z, { children: [
     r.canMoveUp && /* @__PURE__ */ o(Ze, { title: "Move up", placement: "left", arrow: !0, children: /* @__PURE__ */ o($e, { onClick: () => a("up"), sx: { color: "text.primary" }, children: /* @__PURE__ */ o(wi, { fontSize: "small" }) }) }),
     r.canMoveDown && /* @__PURE__ */ o(Ze, { title: "Move down", placement: "left", arrow: !0, children: /* @__PURE__ */ o($e, { onClick: () => a("down"), sx: { color: "text.primary" }, children: /* @__PURE__ */ o(Ii, { fontSize: "small" }) }) }),
     (r.canMoveUp || r.canMoveDown) && /* @__PURE__ */ o(rn, { sx: { my: 1, mx: 1 } }),
@@ -7589,10 +7603,10 @@ function eu({ blockId: e }) {
   ] }) });
 }
 function st({ children: e }) {
-  const t = cn(), [n, r] = z(!1), [i, l] = z(!1), [a, c] = z(!1), [s, d] = z(!1), u = Tt(), g = Oe(!1), m = M.getState().document[u], h = (m == null ? void 0 : m.type) === "Container" || (m == null ? void 0 : m.type) === "ColumnsContainer";
+  const t = cn(), [n, r] = z(!1), [i, l] = z(!1), [a, c] = z(!1), [s, d] = z(!1), u = Tt(), g = Me(!1), m = O.getState().document[u], h = (m == null ? void 0 : m.type) === "Container" || (m == null ? void 0 : m.type) === "ColumnsContainer";
   let b;
   a ? b = "2px dashed rgba(0,121,204, 0.8)" : t === u ? b = "2px solid rgba(0,121,204, 1)" : n && (b = "2px solid rgba(0,121,204, 0.3)");
-  const S = () => t !== u || a ? null : /* @__PURE__ */ o(eu, { blockId: u }), y = (E) => {
+  const S = () => t !== u || a ? null : /* @__PURE__ */ o(tu, { blockId: u }), y = (E) => {
     if (!g.current) {
       E.preventDefault();
       return;
@@ -7684,7 +7698,7 @@ function st({ children: e }) {
                 borderColor: "primary.main"
               }
             },
-            children: /* @__PURE__ */ o(zr, { fontSize: "small" })
+            children: /* @__PURE__ */ o(Fr, { fontSize: "small" })
           }
         ),
         S(),
@@ -7693,80 +7707,80 @@ function st({ children: e }) {
     }
   );
 }
-const Il = sa({
+const wl = Ji({
   Button: {
-    schema: Or,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Jc, { ...e }) })
+    schema: Mr,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Zc, { ...e }) })
   },
   Container: {
-    schema: pl,
+    schema: dl,
     Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Mc, { ...e }) })
   },
   ColumnsContainer: {
     schema: Xn,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Bc, { ...e }) })
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Oc, { ...e }) })
   },
   Heading: {
-    schema: Vr,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Gc, { ...e }) })
+    schema: Hr,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Jc, { ...e }) })
   },
   Html: {
-    schema: Ur,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Zi, { ...e }) })
+    schema: Vr,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Li, { ...e }) })
   },
   Image: {
-    schema: $r,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(zc, { ...e }) })
+    schema: Ur,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Lc, { ...e }) })
   },
   Video: {
-    schema: hl,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Lc, { ...e }) })
+    schema: gl,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Wc, { ...e }) })
   },
   Text: {
     schema: Br,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Xc, { ...e }) })
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Gc, { ...e }) })
   },
   EmailLayout: {
-    schema: fl,
-    Component: (e) => /* @__PURE__ */ o(Fc, { ...e })
+    schema: pl,
+    Component: (e) => /* @__PURE__ */ o(zc, { ...e })
   },
   Spacer: {
-    schema: jr,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(ra, { ...e }) })
+    schema: $r,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(ji, { ...e }) })
   },
   Divider: {
-    schema: Hr,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Xi, { ...e }) })
+    schema: Wr,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Pi, { ...e }) })
   },
   Socials: {
-    schema: Cl,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Wc, { ...e }) })
+    schema: bl,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Hc, { ...e }) })
   }
-}), tu = ca(Il), nu = ua(Il), ou = J.record(J.string(), nu), kl = ho(null), Tt = () => hr(kl);
-function Dl({ id: e }) {
+}), nu = Zi(wl), ou = Qi(wl), ru = J.record(J.string(), ou), Il = ho(null), Tt = () => hr(Il);
+function kl({ id: e }) {
   const n = Qe()[e];
   if (!n)
     throw new Error("Could not find block");
-  return /* @__PURE__ */ o(kl.Provider, { value: e, children: /* @__PURE__ */ o(tu, { ...n }) });
+  return /* @__PURE__ */ o(Il.Provider, { value: e, children: /* @__PURE__ */ o(nu, { ...n }) });
 }
-function ru() {
+function lu() {
   const e = ko(), t = () => {
-    va();
+    wa();
   };
-  return e ? /* @__PURE__ */ o($e, { onClick: t, children: /* @__PURE__ */ o(Ei, { fontSize: "small" }) }) : /* @__PURE__ */ o($e, { onClick: t, children: /* @__PURE__ */ o(Ai, { fontSize: "small" }) });
-}
-function lu() {
-  return Do() ? /* @__PURE__ */ o(Ti, { fontSize: "small" }) : /* @__PURE__ */ o(_i, { fontSize: "small" });
+  return e ? /* @__PURE__ */ o($e, { onClick: t, children: /* @__PURE__ */ o(oa, { fontSize: "small" }) }) : /* @__PURE__ */ o($e, { onClick: t, children: /* @__PURE__ */ o(na, { fontSize: "small" }) });
 }
 function iu() {
-  const e = lu();
-  return /* @__PURE__ */ o($e, { onClick: wa, children: e });
+  return Do() ? /* @__PURE__ */ o(ra, { fontSize: "small" }) : /* @__PURE__ */ o(la, { fontSize: "small" });
 }
 function au() {
+  const e = iu();
+  return /* @__PURE__ */ o($e, { onClick: Ia, children: e });
+}
+function su() {
   const { t: e } = Se(), t = Qe(), n = ct(() => `data:text/plain,${encodeURIComponent(JSON.stringify(t, null, "  "))}`, [t]);
-  return /* @__PURE__ */ o(Ze, { title: e("common.downloadJson"), arrow: !0, children: /* @__PURE__ */ o($e, { href: n, download: "emailTemplate.json", children: /* @__PURE__ */ o(Bi, { fontSize: "small" }) }) });
+  return /* @__PURE__ */ o(Ze, { title: e("common.downloadJson"), arrow: !0, children: /* @__PURE__ */ o($e, { href: n, download: "emailTemplate.json", children: /* @__PURE__ */ o(ia, { fontSize: "small" }) }) });
 }
-let ut = null, ro = null, lo = null, En = null, su = !1, io = !1;
+let ut = null, ro = null, lo = null, En = null, cu = !1, io = !1;
 async function _o() {
   if (!(ut || io) && !(typeof window > "u")) {
     io = !0;
@@ -7777,7 +7791,7 @@ async function _o() {
       const n = await import("react-syntax-highlighter/dist/esm/languages/hljs/xml");
       lo = n.default || n;
       const r = await import("react-syntax-highlighter/dist/esm/styles/hljs/github");
-      En = r.default || r, ut != null && ut.registerLanguage && (ro && ut.registerLanguage("json", ro), lo && ut.registerLanguage("html", lo), su = !0);
+      En = r.default || r, ut != null && ut.registerLanguage && (ro && ut.registerLanguage("json", ro), lo && ut.registerLanguage("html", lo), cu = !0);
     } catch {
     } finally {
       io = !1;
@@ -7799,7 +7813,7 @@ const fr = (e) => {
 `);
   }
   return e;
-}, cu = (e) => {
+}, uu = (e) => {
   var i, l;
   const t = e.split(`
 `), n = [], r = [];
@@ -7830,12 +7844,12 @@ const fr = (e) => {
   return r.join(`
 `);
 };
-function uu(e) {
+function du(e) {
   try {
     if (e.includes(`
 `) && e.trim().length > 0) {
       let a = fr(e);
-      return a = cu(a), a;
+      return a = uu(a), a;
     }
     let t = e.replace(/></g, `>
 <`).replace(/\n\s*\n/g, `
@@ -7858,7 +7872,7 @@ function uu(e) {
     return e;
   }
 }
-function du(e) {
+function pu(e) {
   try {
     const t = JSON.parse(e);
     return JSON.stringify(t, null, 2);
@@ -7866,9 +7880,9 @@ function du(e) {
     return e;
   }
 }
-async function pu(e) {
+async function fu(e) {
   await _o();
-  const t = uu(e);
+  const t = du(e);
   return !ut || !En ? /* @__PURE__ */ o("pre", { style: { margin: 0, padding: 16, whiteSpace: "pre-wrap" }, children: t }) : /* @__PURE__ */ o(
     ut,
     {
@@ -7882,9 +7896,9 @@ async function pu(e) {
     }
   );
 }
-async function fu(e) {
+async function mu(e) {
   await _o();
-  const t = du(e);
+  const t = pu(e);
   return !ut || !En ? /* @__PURE__ */ o("pre", { style: { margin: 0, padding: 16, whiteSpace: "pre-wrap" }, children: t }) : /* @__PURE__ */ o(
     ut,
     {
@@ -7898,15 +7912,15 @@ async function fu(e) {
     }
   );
 }
-function El({ type: e, value: t }) {
+function Dl({ type: e, value: t }) {
   const [n, r] = z(null);
   return Ce(() => {
     switch (e) {
       case "html":
-        pu(t).then(r);
+        fu(t).then(r);
         return;
       case "json":
-        fu(t).then(r);
+        mu(t).then(r);
         return;
     }
   }, [t, e]), n === null ? null : /* @__PURE__ */ o(
@@ -7920,7 +7934,7 @@ function El({ type: e, value: t }) {
     }
   );
 }
-function mu() {
+function gu() {
   const e = Qe(), [t, n] = z("");
   return Ce(() => {
     try {
@@ -7929,7 +7943,7 @@ function mu() {
     } catch {
       n("<!-- Error rendering HTML -->");
     }
-  }, [e]), /* @__PURE__ */ o(El, { type: "html", value: t });
+  }, [e]), /* @__PURE__ */ o(Dl, { type: "html", value: t });
 }
 function mr(e) {
   let t;
@@ -7938,10 +7952,10 @@ function mr(e) {
   } catch {
     return { error: "Invalid json" };
   }
-  const n = ou.safeParse(t);
+  const n = ru.safeParse(t);
   return n.success ? n.data.root ? { data: n.data } : { error: 'Missing "root" node' } : { error: "Invalid JSON schema" };
 }
-function gu({ onClose: e }) {
+function hu({ onClose: e }) {
   const { t } = Se(), [n, r] = z(""), [i, l] = z(null), a = (s) => {
     const d = s.currentTarget.value;
     r(d);
@@ -7949,7 +7963,7 @@ function gu({ onClose: e }) {
     l(u ?? null);
   };
   let c = null;
-  return i && (c = /* @__PURE__ */ o(Ul, { color: "error", children: i })), /* @__PURE__ */ w(Cr, { open: !0, onClose: e, children: [
+  return i && (c = /* @__PURE__ */ o(Vl, { color: "error", children: i })), /* @__PURE__ */ w(Cr, { open: !0, onClose: e, children: [
     /* @__PURE__ */ o(yr, { children: t("common.importJson") }),
     /* @__PURE__ */ w(
       "form",
@@ -7978,28 +7992,28 @@ function gu({ onClose: e }) {
             )
           ] }),
           /* @__PURE__ */ w(Sr, { children: [
-            /* @__PURE__ */ o(Me, { variant: "outlined", color: "primary", type: "button", onClick: e, children: t("common.cancel") }),
-            /* @__PURE__ */ o(Me, { variant: "contained", type: "submit", disabled: i !== null, children: t("common.import") })
+            /* @__PURE__ */ o(Oe, { variant: "outlined", color: "primary", type: "button", onClick: e, children: t("common.cancel") }),
+            /* @__PURE__ */ o(Oe, { variant: "contained", type: "submit", disabled: i !== null, children: t("common.import") })
           ] })
         ]
       }
     )
   ] });
 }
-function hu() {
+function bu() {
   const { t: e } = Se(), [t, n] = z(!1);
   let r = null;
-  return t && (r = /* @__PURE__ */ o(gu, { onClose: () => n(!1) })), /* @__PURE__ */ w(an, { children: [
-    /* @__PURE__ */ o(Ze, { title: e("common.importJson"), arrow: !0, children: /* @__PURE__ */ o($e, { onClick: () => n(!0), children: /* @__PURE__ */ o(Mi, { fontSize: "small" }) }) }),
+  return t && (r = /* @__PURE__ */ o(hu, { onClose: () => n(!1) })), /* @__PURE__ */ w(an, { children: [
+    /* @__PURE__ */ o(Ze, { title: e("common.importJson"), arrow: !0, children: /* @__PURE__ */ o($e, { onClick: () => n(!0), children: /* @__PURE__ */ o(aa, { fontSize: "small" }) }) }),
     r
   ] });
 }
-function bu() {
+function Cu() {
   const e = Qe(), t = ct(() => JSON.stringify(e, null, "  "), [e]);
-  return /* @__PURE__ */ o(El, { type: "json", value: t });
+  return /* @__PURE__ */ o(Dl, { type: "json", value: t });
 }
-function Cu() {
-  const { t: e } = Se(), t = Io(), n = Zr();
+function yu() {
+  const { t: e } = Se(), t = Io(), n = Jr();
   return /* @__PURE__ */ w(kr, { value: t, onChange: (i, l) => {
     switch (l) {
       case "json":
@@ -8016,34 +8030,34 @@ function Cu() {
       Zt,
       {
         value: "editor",
-        label: /* @__PURE__ */ o(Ze, { title: e("tabs.edit"), arrow: !0, children: /* @__PURE__ */ o(Oi, { fontSize: "small" }) })
+        label: /* @__PURE__ */ o(Ze, { title: e("tabs.edit"), arrow: !0, children: /* @__PURE__ */ o(ua, { fontSize: "small" }) })
       }
     ),
     /* @__PURE__ */ o(
       Zt,
       {
         value: "preview",
-        label: /* @__PURE__ */ o(Ze, { title: e("tabs.preview"), arrow: !0, children: /* @__PURE__ */ o(Ni, { fontSize: "small" }) })
+        label: /* @__PURE__ */ o(Ze, { title: e("tabs.preview"), arrow: !0, children: /* @__PURE__ */ o(da, { fontSize: "small" }) })
       }
     ),
     /* @__PURE__ */ o(
       Zt,
       {
         value: "html",
-        label: /* @__PURE__ */ o(Ze, { title: e("tabs.htmlOutput"), arrow: !0, children: /* @__PURE__ */ o(Ri, { fontSize: "small" }) })
+        label: /* @__PURE__ */ o(Ze, { title: e("tabs.htmlOutput"), arrow: !0, children: /* @__PURE__ */ o(sa, { fontSize: "small" }) })
       }
     ),
     n && /* @__PURE__ */ o(
       Zt,
       {
         value: "json",
-        label: /* @__PURE__ */ o(Ze, { title: e("tabs.jsonOutput"), arrow: !0, children: /* @__PURE__ */ o(Fr, { fontSize: "small" }) })
+        label: /* @__PURE__ */ o(Ze, { title: e("tabs.jsonOutput"), arrow: !0, children: /* @__PURE__ */ o(ca, { fontSize: "small" }) })
       }
     )
   ] });
 }
-function yu() {
-  const { t: e } = Se(), t = Aa();
+function xu() {
+  const { t: e } = Se(), t = Ta();
   return /* @__PURE__ */ o(
     ke,
     {
@@ -8064,17 +8078,17 @@ function yu() {
     }
   );
 }
-function xu() {
-  const { t: e } = Se(), t = La();
-  return /* @__PURE__ */ o(Ze, { title: e("common.redoTooltip"), arrow: !0, children: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o($e, { onClick: el, disabled: !t, size: "small", children: /* @__PURE__ */ o(Pi, { fontSize: "small" }) }) }) });
-}
 function Su() {
-  const { t: e } = Se(), t = za();
-  return /* @__PURE__ */ o(Ze, { title: e("common.undoTooltip"), arrow: !0, children: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o($e, { onClick: Qr, disabled: !t, size: "small", children: /* @__PURE__ */ o(Fi, { fontSize: "small" }) }) }) });
+  const { t: e } = Se(), t = Wa();
+  return /* @__PURE__ */ o(Ze, { title: e("common.redoTooltip"), arrow: !0, children: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o($e, { onClick: Qr, disabled: !t, size: "small", children: /* @__PURE__ */ o(pa, { fontSize: "small" }) }) }) });
 }
 function vu() {
+  const { t: e } = Se(), t = La();
+  return /* @__PURE__ */ o(Ze, { title: e("common.undoTooltip"), arrow: !0, children: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o($e, { onClick: Zr, disabled: !t, size: "small", children: /* @__PURE__ */ o(fa, { fontSize: "small" }) }) }) });
+}
+function wu() {
   var g, f, m, h, b, S;
-  const { t: e } = Se(), t = Qe(), n = Io(), r = ha(), i = Zr();
+  const { t: e } = Se(), t = Qe(), n = Io(), r = ba(), i = Jr();
   mt.useEffect(() => {
     !i && n === "json" && po("editor");
   }, [i, n]);
@@ -8098,13 +8112,13 @@ function vu() {
   }, u = () => {
     switch (n) {
       case "editor":
-        return /* @__PURE__ */ o(se, { sx: l, children: /* @__PURE__ */ o(Dl, { id: "root" }) });
+        return /* @__PURE__ */ o(se, { sx: l, children: /* @__PURE__ */ o(kl, { id: "root" }) });
       case "preview":
-        return /* @__PURE__ */ o(se, { sx: l, children: /* @__PURE__ */ o(Kl, { document: t, rootBlockId: "root" }) });
+        return /* @__PURE__ */ o(se, { sx: l, children: /* @__PURE__ */ o(jl, { document: t, rootBlockId: "root" }) });
       case "html":
-        return /* @__PURE__ */ o(mu, {});
+        return /* @__PURE__ */ o(gu, {});
       case "json":
-        return i ? /* @__PURE__ */ o(bu, {}) : null;
+        return i ? /* @__PURE__ */ o(Cu, {}) : null;
     }
   };
   return /* @__PURE__ */ w(se, { sx: { display: "flex", flexDirection: "column", height: "100%", overflow: "hidden" }, children: [
@@ -8125,22 +8139,22 @@ function vu() {
         justifyContent: "space-between",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ o(iu, {}),
-          /* @__PURE__ */ o(yu, {}),
+          /* @__PURE__ */ o(au, {}),
+          /* @__PURE__ */ o(xu, {}),
           /* @__PURE__ */ w(Z, { px: 2, direction: "row", gap: 2, width: "100%", justifyContent: "space-between", alignItems: "center", children: [
-            /* @__PURE__ */ o(Z, { direction: "row", spacing: 2, children: /* @__PURE__ */ o(Cu, {}) }),
+            /* @__PURE__ */ o(Z, { direction: "row", spacing: 2, children: /* @__PURE__ */ o(yu, {}) }),
             /* @__PURE__ */ w(Z, { direction: "row", spacing: 2, alignItems: "center", children: [
+              /* @__PURE__ */ o(vu, {}),
               /* @__PURE__ */ o(Su, {}),
-              /* @__PURE__ */ o(xu, {}),
-              i && /* @__PURE__ */ o(au, {}),
-              i && /* @__PURE__ */ o(hu, {}),
+              i && /* @__PURE__ */ o(su, {}),
+              i && /* @__PURE__ */ o(bu, {}),
               /* @__PURE__ */ w(bo, { size: "small", value: s, exclusive: !0, onChange: a, children: [
-                /* @__PURE__ */ o(Ze, { title: e("common.desktopView"), arrow: !0, children: /* @__PURE__ */ o(le, { value: "desktop", sx: s === "desktop" ? d : void 0, children: /* @__PURE__ */ o(zi, { fontSize: "small" }) }) }),
-                /* @__PURE__ */ o(Ze, { title: e("common.mobileView"), arrow: !0, children: /* @__PURE__ */ o(le, { value: "mobile", sx: s === "mobile" ? d : void 0, children: /* @__PURE__ */ o(Li, { fontSize: "small" }) }) })
+                /* @__PURE__ */ o(Ze, { title: e("common.desktopView"), arrow: !0, children: /* @__PURE__ */ o(le, { value: "desktop", sx: s === "desktop" ? d : void 0, children: /* @__PURE__ */ o(Xi, { fontSize: "small" }) }) }),
+                /* @__PURE__ */ o(Ze, { title: e("common.mobileView"), arrow: !0, children: /* @__PURE__ */ o(le, { value: "mobile", sx: s === "mobile" ? d : void 0, children: /* @__PURE__ */ o(Gi, { fontSize: "small" }) }) })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ o(ru, {})
+          /* @__PURE__ */ o(lu, {})
         ]
       }
     ),
@@ -8154,7 +8168,7 @@ function gr(e, t) {
     duration: t ? n.duration.enteringScreen : n.duration.leavingScreen
   });
 }
-function wu() {
+function Iu() {
   const e = ko(), t = Do(), n = gr("margin-left", t), r = gr("margin-right", e);
   return Ce(() => {
     const i = (l) => {
@@ -8162,13 +8176,13 @@ function wu() {
         const a = l.target;
         if (a.tagName === "INPUT" || a.tagName === "TEXTAREA" || a.isContentEditable)
           return;
-        l.preventDefault(), Qr();
+        l.preventDefault(), Zr();
       }
       if ((l.metaKey || l.ctrlKey) && (l.key === "y" || l.key === "z" && l.shiftKey)) {
         const a = l.target;
         if (a.tagName === "INPUT" || a.tagName === "TEXTAREA" || a.isContentEditable)
           return;
-        l.preventDefault(), el();
+        l.preventDefault(), Qr();
       }
     };
     return window.addEventListener("keydown", i), () => {
@@ -8185,7 +8199,7 @@ function wu() {
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ o(yc, {}),
+        /* @__PURE__ */ o(xc, {}),
         /* @__PURE__ */ o(
           Z,
           {
@@ -8198,15 +8212,15 @@ function wu() {
               overflow: "hidden",
               zIndex: 0
             },
-            children: /* @__PURE__ */ o(vu, {})
+            children: /* @__PURE__ */ o(wu, {})
           }
         ),
-        /* @__PURE__ */ o(dc, {})
+        /* @__PURE__ */ o(pc, {})
       ]
     }
   );
 }
-const Iu = Ml(function() {
+const ku = Bl(function() {
   return /* @__PURE__ */ o(
     se,
     {
@@ -8218,10 +8232,10 @@ const Iu = Ml(function() {
         flexDirection: "column",
         overflow: "hidden"
       },
-      children: /* @__PURE__ */ o(wu, {})
+      children: /* @__PURE__ */ o(Iu, {})
     }
   );
-}), ku = Ol(({
+}), Du = Ol(({
   initialDocument: e,
   language: t = "en",
   imageUploadHandler: n,
@@ -8238,10 +8252,10 @@ const Iu = Ml(function() {
   contactAttributes: m,
   variables: h
 }, b) => {
-  const S = Oe(!1);
+  const S = Me(!1);
   if (!S.current) {
     const y = Xo(e ?? sn);
-    ma({
+    ga({
       document: to(y, h),
       language: t,
       showJsonFeatures: s,
@@ -8256,20 +8270,20 @@ const Iu = Ml(function() {
     }
   }, [e]), Ce(() => {
     if (h === void 0 || h.length === 0) return;
-    const y = M.getState().document;
+    const y = O.getState().document;
     Rt(to(y, h));
   }, [h]), Ce(() => {
-    t !== void 0 && Ea(t);
+    t !== void 0 && Aa(t);
   }, [t]), Ce(() => {
-    Ia(n);
+    ka(n);
   }, [n]), Ce(() => {
-    ka(r);
+    Da(r);
   }, [r]), Ce(() => {
-    Sa(i);
-  }, [i]), Nl(b, () => ({
+    va(i);
+  }, [i]), Ml(b, () => ({
     getData: (y) => {
       Go();
-      const k = M.getState().document;
+      const k = O.getState().document;
       try {
         const D = yo(k, { rootBlockId: "root" });
         y(k, D);
@@ -8279,32 +8293,32 @@ const Iu = Ml(function() {
     },
     getVariables: (y) => {
       Go();
-      const k = M.getState().document;
-      y(Cs(k));
+      const k = O.getState().document;
+      y(ys(k));
     }
   })), Ce(() => {
-    l !== void 0 && Ta(l);
+    l !== void 0 && _a(l);
   }, [l]), Ce(() => {
-    _a(a);
+    Ba(a);
   }, [a]), Ce(() => {
-    Oa(s);
+    Na(s);
   }, [s]), Ce(() => {
-    Ra(d);
+    Pa(d);
   }, [d]), Ce(() => {
-    Ba(g);
+    Oa(g);
   }, [g]), Ce(() => {
     Ma(f);
   }, [f]), Ce(() => {
-    ga(m);
-  }, [m]), /* @__PURE__ */ w($l, { theme: c || Is, children: [
-    /* @__PURE__ */ o(jl, {}),
-    /* @__PURE__ */ o(Wa, { value: u ?? null, children: /* @__PURE__ */ o(Iu, {}) })
+    ha(m);
+  }, [m]), /* @__PURE__ */ w(Ul, { theme: c || ks, children: [
+    /* @__PURE__ */ o($l, {}),
+    /* @__PURE__ */ o(Ha, { value: u ?? null, children: /* @__PURE__ */ o(ku, {}) })
   ] });
 });
-ku.displayName = "EmailBuilder";
+Du.displayName = "EmailBuilder";
 export {
-  ku as EmailBuilder,
-  ku as default,
+  Du as EmailBuilder,
+  Du as default,
   Qe as useDocument,
-  Da as useLanguage
+  Ea as useLanguage
 };