monto-email-builder 1.2.4 → 1.2.5

package/dist/index.js

@@ -1,54 +1,93 @@
-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);
+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);
 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 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 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 zn, 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 Kn, 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 { E as sn } from "./chunks/chunk-Cc3ecmGS.js";
-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 { 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 xo from "@mui/icons-material/AddOutlined";
+import Nr from "@mui/icons-material/CloseOutlined";
+import { HexColorPicker as Jl, HexColorInput as Zl } from "react-colorful";
+import Ql from "@mui/icons-material/FormatBoldOutlined";
+import ei from "@mui/icons-material/FormatItalicOutlined";
+import ti from "@mui/icons-material/FormatUnderlinedOutlined";
+import ni from "@mui/icons-material/StrikethroughSOutlined";
+import oi from "@mui/icons-material/RoundedCornerOutlined";
+import ri from "@mui/icons-material/TextFieldsOutlined";
+import li from "@mui/icons-material/TitleOutlined";
+import ii from "@mui/icons-material/AlignHorizontalLeftOutlined";
+import ai from "@mui/icons-material/AlignHorizontalRightOutlined";
+import si from "@mui/icons-material/AlignVerticalBottomOutlined";
+import ci from "@mui/icons-material/AlignVerticalTopOutlined";
+import ui from "@mui/icons-material/FormatAlignCenterOutlined";
+import di from "@mui/icons-material/FormatAlignLeftOutlined";
+import pi from "@mui/icons-material/FormatAlignRightOutlined";
+import fi from "@mui/icons-material/SpaceBarOutlined";
+import mi from "@mui/icons-material/UnfoldMoreOutlined";
+import So from "@mui/icons-material/VerticalAlignBottomOutlined";
+import vo from "@mui/icons-material/VerticalAlignCenterOutlined";
+import wo from "@mui/icons-material/VerticalAlignTopOutlined";
 import { z as J } from "zod";
-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 {
+import { ColumnsContainerPropsSchema as Rr, ColumnsContainer as gi } from "monto-email-block-columns-container";
+import { ContainerPropsSchema as hi, Container as bi } from "monto-email-block-container";
+import Pr from "@mui/icons-material/HeightOutlined";
+import { DividerPropsDefaults as Vo, DividerPropsSchema as Fr, Divider as Ci } from "monto-email-block-divider";
+import zr from "@mui/icons-material/AspectRatioOutlined";
+import { HeadingPropsDefaults as yi, HeadingPropsSchema as Lr, Heading as xi } from "monto-email-block-heading";
+import { HtmlPropsSchema as Wr, Html as Si } from "monto-email-block-html";
+import vi from "@uiw/react-codemirror";
+import { html as wi } from "@codemirror/lang-html";
+import { dracula as Ii } from "@uiw/codemirror-themes-all";
+import Ft from "@mui/icons-material/CloudUploadOutlined";
+import An from "@mui/icons-material/LinkOutlined";
+import { ImagePropsSchema as Hr, Image as ki } from "monto-email-block-image";
+import { SpacerPropsDefaults as Di, SpacerPropsSchema as Vr, Spacer as Ei } from "monto-email-block-spacer";
+import Ur from "@mui/icons-material/DataObjectOutlined";
+import Ai from "@mui/icons-material/ExpandMoreOutlined";
+import $r from "@mui/icons-material/DragIndicator";
+import Ti from "@mui/icons-material/DeleteOutline";
+import _i from "@mui/icons-material/Add";
+import Bi from "@mui/material/ToggleButton";
+import Mi from "@mui/icons-material/ArrowRightOutlined";
+import Oi from "@mui/icons-material/Crop32Outlined";
+import Ni from "@mui/icons-material/HMobiledataOutlined";
+import Ri from "@mui/icons-material/HorizontalRuleOutlined";
+import Pi from "@mui/icons-material/HtmlOutlined";
+import Fi from "@mui/icons-material/ImageOutlined";
+import zi from "@mui/icons-material/LibraryAddOutlined";
+import Li from "@mui/icons-material/NotesOutlined";
+import Wi from "@mui/icons-material/ShareOutlined";
+import Hi from "@mui/icons-material/SmartButtonOutlined";
+import Vi from "@mui/icons-material/ViewColumnOutlined";
+import Ui from "@mui/icons-material/VideocamOutlined";
+import $i from "@mui/icons-material/MonitorOutlined";
+import ji from "@mui/icons-material/PhoneIphoneOutlined";
+import { buildBlockConfigurationDictionary as Ki, buildBlockComponent as qi, buildBlockConfigurationSchema as Yi } from "monto-email-document-core";
+import jr from "@mui/icons-material/Check";
+import { Video as Xi } from "monto-email-block-video";
+import { Socials as Gi } from "monto-email-block-socials";
+import Ji from "@mui/icons-material/ArrowDownwardOutlined";
+import Zi from "@mui/icons-material/ArrowUpwardOutlined";
+import Qi from "@mui/icons-material/ContentCopyOutlined";
+import ea from "@mui/icons-material/DeleteOutlined";
+import ta from "@mui/icons-material/AppRegistrationOutlined";
+import na from "@mui/icons-material/LastPageOutlined";
+import oa from "@mui/icons-material/FirstPageOutlined";
+import ra from "@mui/icons-material/MenuOutlined";
+import la from "@mui/icons-material/FileDownloadOutlined";
+import ia from "@mui/icons-material/FileUploadOutlined";
+import aa from "@mui/icons-material/CodeOutlined";
+import sa from "@mui/icons-material/EditOutlined";
+import ca from "@mui/icons-material/PreviewOutlined";
+import ua from "@mui/icons-material/RedoOutlined";
+import da from "@mui/icons-material/UndoOutlined";
+class Kr {
   // 最多支持回退5步
   constructor(t) {
     gn(this, "past", []);
@@ -120,11 +159,11 @@ class jr {
     return JSON.stringify(t) === JSON.stringify(n);
   }
 }
-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 jr(t), O.setState({
+let pa = 0, Vn = null, so = null, co = !0, uo = !0, He = null;
+function fa(e) {
+  e != null && e.document && (Vn = 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) ?? Vn ?? 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({
     document: t,
     language: n,
     showJsonFeatures: r,
@@ -141,11 +180,11 @@ function ga(e) {
   }), Ar(n);
 }
 if (!He) {
-  const e = Hn || sn;
-  He = new jr(e);
+  const e = Vn || sn;
+  He = new Kr(e);
 }
-const O = Kl((e, t) => ({
-  document: Hn || sn,
+const M = ql((e, t) => ({
+  document: Vn || sn,
   selectedBlockId: null,
   textSelection: null,
   textCaret: null,
@@ -169,39 +208,39 @@ const O = Kl((e, t) => ({
   onSamplesDrawerToggle: void 0,
   onInspectorDrawerToggle: void 0
 }));
-function ha(e) {
-  return O.setState({ contactAttributes: Array.isArray(e) ? e : [] });
+function ma(e) {
+  return M.setState({ contactAttributes: Array.isArray(e) ? e : [] });
 }
-function Kr() {
-  return O((e) => e.contactAttributes);
+function qr() {
+  return M((e) => e.contactAttributes);
 }
 function Qe() {
-  return O((e) => e.document);
+  return M((e) => e.document);
 }
 function cn() {
-  return O((e) => e.selectedBlockId);
+  return M((e) => e.selectedBlockId);
 }
-function ba() {
-  return O((e) => e.selectedScreenSize);
+function ga() {
+  return M((e) => e.selectedScreenSize);
 }
 function Io() {
-  return O((e) => e.selectedMainTab);
+  return M((e) => e.selectedMainTab);
 }
 function po(e) {
-  return O.setState({ selectedMainTab: e });
+  return M.setState({ selectedMainTab: e });
 }
-function Ca() {
-  return O((e) => e.selectedSidebarTab);
+function ha() {
+  return M((e) => e.selectedSidebarTab);
 }
 function ko() {
-  return O((e) => e.inspectorDrawerOpen);
+  return M((e) => e.inspectorDrawerOpen);
 }
 function Do() {
-  return O((e) => e.samplesDrawerOpen);
+  return M((e) => e.samplesDrawerOpen);
 }
 function nt(e) {
   const t = e === null ? "styles" : "block-configuration", n = {};
-  return e !== null && (n.inspectorDrawerOpen = !0), O.setState({
+  return e !== null && (n.inspectorDrawerOpen = !0), M.setState({
     selectedBlockId: e,
     textSelection: null,
     textCaret: null,
@@ -212,43 +251,43 @@ function nt(e) {
   });
 }
 function yt(e) {
-  return O.setState({ textSelection: e });
+  return M.setState({ textSelection: e });
 }
-function Bn(e) {
-  return O.setState({ textCaret: e });
-}
-function qr() {
-  return O((e) => e.textSelection);
+function Mn(e) {
+  return M.setState({ textCaret: e });
 }
 function Yr() {
-  return O((e) => e.textCaret);
+  return M((e) => e.textSelection);
+}
+function Xr() {
+  return M((e) => e.textCaret);
 }
 function Sn() {
-  return O.setState({ lastInlineStyleApplyAt: Date.now() });
+  return M.setState({ lastInlineStyleApplyAt: Date.now() });
 }
 function hn(e) {
-  return O.setState({ lastTextBlockContent: e });
+  return M.setState({ lastTextBlockContent: e });
 }
 function qt(e, t) {
-  O.setState({
+  M.setState({
     textDomApplyRequest: {
       blockId: e,
-      id: ++ma,
+      id: ++pa,
       ...t
     }
   });
 }
 function Yt() {
-  return O.setState({ textDomApplyRequest: null });
+  return M.setState({ textDomApplyRequest: null });
 }
-function ya() {
-  return O((e) => e.textDomApplyRequest);
+function ba() {
+  return M((e) => e.textDomApplyRequest);
 }
-function xa() {
-  return O((e) => e.lastTextBlockContent);
+function Ca() {
+  return M((e) => e.lastTextBlockContent);
 }
-function Sa(e) {
-  return O.setState({ selectedSidebarTab: e });
+function ya(e) {
+  return M.setState({ selectedSidebarTab: e });
 }
 function wn(e, t) {
   let n;
@@ -260,7 +299,7 @@ function wn(e, t) {
   t(e, n);
 }
 function Rt(e) {
-  He && He.reset(e), O.setState({
+  He && He.reset(e), M.setState({
     document: e,
     selectedSidebarTab: "styles",
     selectedBlockId: null,
@@ -268,141 +307,141 @@ function Rt(e) {
     lastTextBlockContent: null,
     textDomApplyRequest: null
   });
-  const t = O.getState().onChange;
+  const t = M.getState().onChange;
   t && queueMicrotask(() => {
     wn(e, t);
   });
 }
 function _e(e, t) {
   const r = {
-    ...O.getState().document,
+    ...M.getState().document,
     ...e
   };
   if (He) {
     const i = He.record(r);
-    O.setState({
+    M.setState({
       document: i
     });
-    const l = O.getState().onChange;
+    const l = M.getState().onChange;
     l && queueMicrotask(() => {
       wn(i, l);
     });
   } else {
-    O.setState({
+    M.setState({
       document: r
     });
-    const i = O.getState().onChange;
+    const i = M.getState().onChange;
     i && queueMicrotask(() => {
       wn(r, i);
     });
   }
 }
-function va(e) {
-  return O.setState({ onChange: e });
+function xa(e) {
+  return M.setState({ onChange: e });
 }
-function wa() {
-  const e = O.getState(), t = !e.inspectorDrawerOpen;
-  O.setState({ inspectorDrawerOpen: t }), e.onInspectorDrawerToggle && e.onInspectorDrawerToggle(t);
+function Sa() {
+  const e = M.getState(), t = !e.inspectorDrawerOpen;
+  M.setState({ inspectorDrawerOpen: t }), e.onInspectorDrawerToggle && e.onInspectorDrawerToggle(t);
 }
-function Ia() {
-  const e = O.getState(), t = !e.samplesDrawerOpen;
-  O.setState({ samplesDrawerOpen: t }), e.onSamplesDrawerToggle && e.onSamplesDrawerToggle(t);
+function va() {
+  const e = M.getState(), t = !e.samplesDrawerOpen;
+  M.setState({ samplesDrawerOpen: t }), e.onSamplesDrawerToggle && e.onSamplesDrawerToggle(t);
 }
 function Uo(e) {
-  return O.setState({ selectedScreenSize: e });
+  return M.setState({ selectedScreenSize: e });
 }
-function Xr() {
-  return O((e) => e.imageUploadHandler);
+function Gr() {
+  return M((e) => e.imageUploadHandler);
 }
-function ka(e) {
-  return O.setState({ imageUploadHandler: e });
+function wa(e) {
+  return M.setState({ imageUploadHandler: e });
 }
-function Gr() {
-  return O((e) => e.videoUploadHandler);
+function Jr() {
+  return M((e) => e.videoUploadHandler);
+}
+function Ia(e) {
+  return M.setState({ videoUploadHandler: e });
+}
+function ka() {
+  return M((e) => e.language);
 }
 function Da(e) {
-  return O.setState({ videoUploadHandler: e });
+  return Ar(e), M.setState({ language: e });
 }
 function Ea() {
-  return O((e) => e.language);
+  return M((e) => e.name);
 }
 function Aa(e) {
-  return Ar(e), O.setState({ language: e });
+  M.setState({ name: e });
+  const t = M.getState().onNameChange;
+  t && t(e);
 }
-function Ta() {
-  return O((e) => e.name);
+function Ta(e) {
+  return M.setState({ onNameChange: e });
 }
 function _a(e) {
-  O.setState({ name: e });
-  const t = O.getState().onNameChange;
-  t && t(e);
+  return M.setState({ onSamplesDrawerToggle: e });
 }
 function Ba(e) {
-  return O.setState({ onNameChange: e });
+  return M.setState({ onInspectorDrawerToggle: e });
 }
-function Oa(e) {
-  return O.setState({ onSamplesDrawerToggle: e });
+function Zr() {
+  return M((e) => e.showJsonFeatures);
 }
 function Ma(e) {
-  return O.setState({ onInspectorDrawerToggle: e });
+  return M.setState({ showJsonFeatures: e });
 }
-function Jr() {
-  return O((e) => e.showJsonFeatures);
+function Oa() {
+  return M((e) => e.showSamplesDrawerTitle);
 }
 function Na(e) {
-  return O.setState({ showJsonFeatures: e });
+  return M.setState({ showSamplesDrawerTitle: e });
 }
 function Ra() {
-  return O((e) => e.showSamplesDrawerTitle);
-}
-function Pa(e) {
-  return O.setState({ showSamplesDrawerTitle: e });
-}
-function Fa() {
   return He ? He.canUndo() : !1;
 }
-function za() {
+function Pa() {
   return He ? He.canRedo() : !1;
 }
-function Zr() {
+function Qr() {
   if (!He) return !1;
   const e = He.undo();
   if (!e) return !1;
-  O.setState({
+  M.setState({
     document: e
   });
-  const t = O.getState().onChange;
+  const t = M.getState().onChange;
   return t && queueMicrotask(() => wn(e, t)), !0;
 }
-function Qr() {
+function el() {
   if (!He) return !1;
   const e = He.redo();
   if (!e) return !1;
-  O.setState({
+  M.setState({
     document: e
   });
-  const t = O.getState().onChange;
+  const t = M.getState().onChange;
   return t && queueMicrotask(() => wn(e, t)), !0;
 }
-function La() {
-  const e = O((t) => t.document);
-  return mt.useMemo(() => Fa(), [e]);
+function Fa() {
+  const e = M((t) => t.document);
+  return mt.useMemo(() => Ra(), [e]);
 }
-function Wa() {
-  const e = O((t) => t.document);
-  return mt.useMemo(() => za(), [e]);
+function za() {
+  const e = M((t) => t.document);
+  return mt.useMemo(() => Pa(), [e]);
 }
-const el = ho(null);
-function Ha({
+const tl = ho(null);
+function La({
   value: e,
   children: t
 }) {
-  return /* @__PURE__ */ o(el.Provider, { value: e, children: t });
+  return /* @__PURE__ */ o(tl.Provider, { value: e, children: t });
 }
-function Va() {
-  return hr(el);
+function Wa() {
+  return hr(tl);
 }
-const Ua = [
+const Ha = [
   "MODERN_SANS",
   "BOOK_SANS",
   "ORGANIC_SANS",
@@ -413,10 +452,10 @@ const Ua = [
   "BOOK_SERIF",
   "MONOSPACE"
 ];
-function $a(e) {
+function Va(e) {
   const t = e.trim().toLowerCase();
   if (t)
-    for (const n of Ua) {
+    for (const n of Ha) {
       const r = Tr(n);
       if (!r) continue;
       const i = r.split(",")[0].replace(/"/g, "").trim().toLowerCase();
@@ -440,7 +479,7 @@ function Dt(e) {
 function pt(e) {
   return Dt(e).length;
 }
-function ja(e, t) {
+function Ua(e, t) {
   if (t < 0) return null;
   let n = 0;
   const r = document.createTreeWalker(e, NodeFilter.SHOW_TEXT);
@@ -465,10 +504,10 @@ function fo(e, t) {
       return { node: i, offset: Math.max(0, t - n) };
     n += a;
   }
-  const l = Ka(e);
+  const l = $a(e);
   return l && t === n ? { node: l, offset: (l.textContent ?? "").length } : null;
 }
-function Ka(e) {
+function $a(e) {
   const t = document.createTreeWalker(e, NodeFilter.SHOW_TEXT);
   let n, r = null;
   for (; n = t.nextNode(); ) r = n;
@@ -495,19 +534,19 @@ function jo(e, t, n) {
     return 0;
   }
 }
-function Vn(e) {
+function Un(e) {
   return Array.from(e.children).filter((t) => t.tagName === "P");
 }
-function tl(e) {
+function nl(e) {
   const t = [];
   let n = 0;
-  for (const r of Vn(e)) {
+  for (const r of Un(e)) {
     const i = pt(r);
     t.push({ p: r, start: n, end: n + i }), n += i;
   }
   return t;
 }
-function qa(e) {
+function ja(e) {
   let t;
   for (; t = e.querySelector("a"); ) {
     const n = t.parentNode;
@@ -517,7 +556,7 @@ function qa(e) {
     n.removeChild(t);
   }
 }
-function nl(e) {
+function ol(e) {
   for (; ; ) {
     const t = Array.from(e.querySelectorAll("span")).find((r) => !r.hasAttribute("data-text-variable"));
     if (!t) break;
@@ -528,33 +567,33 @@ function nl(e) {
     n.removeChild(t);
   }
 }
-function Ya(e, t, n, r) {
+function Ka(e, t, n, r) {
   const i = Et(e, t, n);
   if (!i || i.collapsed) return;
   const l = i.extractContents();
-  nl(l);
+  ol(l);
   const a = document.createElement("span");
-  Un(a, r), a.appendChild(l), i.insertNode(a);
+  $n(a, r), a.appendChild(l), i.insertNode(a);
 }
 function In(e) {
   e.style.color || (e.style.color = "inherit");
 }
-function Xa(e, t, n, r, i) {
+function qa(e, t, n, r, i) {
   const l = Et(e, t, n);
   if (!l || l.collapsed) return;
   const a = l.extractContents();
-  qa(a);
+  ja(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 Ga(e) {
+function Ya(e) {
   return e.tagName === "SPAN" && Dn(e);
 }
-function Ja(e) {
+function Xa(e) {
   const t = Array.from(e.children);
   if (t.length !== 1) return;
   const n = t[0];
-  if (!Ga(n)) return;
+  if (!Ya(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) => {
@@ -562,19 +601,19 @@ function Ja(e) {
     if (!u) return;
     e.style[d] || (e.style[d] = u);
   };
-  c("fontSize"), c("fontFamily"), c("fontWeight"), c("fontStyle"), c("letterSpacing"), c("color"), c("backgroundColor"), c("textDecoration"), zn(r);
+  c("fontSize"), c("fontFamily"), c("fontWeight"), c("fontStyle"), c("letterSpacing"), c("color"), c("backgroundColor"), c("textDecoration"), Ln(r);
 }
-function Za(e, t, n, r, i) {
+function Ga(e, t, n, r, i) {
   const l = Et(e, t, n);
   if (!l || l.collapsed) return;
   const a = l.extractContents();
-  nl(a);
+  ol(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);
     if (s.length = 0, u.length === 0) return;
     const g = document.createElement("span");
-    Un(g, r);
+    $n(g, r);
     for (const m of u) g.appendChild(m);
     (g.textContent ?? "").replace(/\u200B/g, "").length === 0 && g.children.length === 0 || c.appendChild(g);
   };
@@ -595,7 +634,7 @@ function Za(e, t, n, r, i) {
   }
   d(), l.insertNode(c);
 }
-function Qa(e) {
+function Ja(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") {
@@ -607,7 +646,7 @@ function Qa(e) {
     }
   return t;
 }
-function es(e) {
+function Za(e) {
   const t = _r(e);
   return delete t.lineHeight, t;
 }
@@ -638,7 +677,7 @@ function kn(e, t) {
     typeof i == "number" ? n("letterSpacing", `${i}px`) : n("letterSpacing", String(i));
   }
 }
-function ts(e, t, n) {
+function Qa(e, t, n) {
   const r = Array.from(e.querySelectorAll("span"));
   for (const i of r) {
     const l = document.createRange();
@@ -649,7 +688,7 @@ function ts(e, t, n) {
   }
   return null;
 }
-function ns(e, t, n) {
+function es(e, t, n) {
   const r = Array.from(e.querySelectorAll("span[data-text-variable]"));
   for (const i of r) {
     const l = document.createRange();
@@ -659,11 +698,11 @@ function ns(e, t, n) {
   }
   return null;
 }
-function Un(e, t) {
+function $n(e, t) {
   for (const [n, r] of Object.entries(t))
     e.style[n] = r;
 }
-function zn(e) {
+function Ln(e) {
   const t = e.parentNode;
   if (t) {
     for (; e.firstChild; )
@@ -678,16 +717,16 @@ function ln(e) {
   const t = (e ?? "").trim().toLowerCase();
   return t ? t.split(";").map((r) => r.trim()).filter(Boolean).sort().join(";") : "";
 }
-function os(e, t) {
+function ts(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 rs(e, t) {
+function ns(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 ls(e) {
+function os(e) {
   return Dn(e) ? ln(e.getAttribute("style")) ? (e.textContent ?? "").replace(/\u200B/g, "").length === 0 : !0 : !1;
 }
 function Qt(e) {
@@ -699,10 +738,10 @@ function Qt(e) {
         const l = i;
         if (t(l), l.tagName === "A") {
           if ((l.textContent ?? "").replace(/\u200B/g, "").trim().length === 0) {
-            zn(l);
+            Ln(l);
             continue;
           }
-          Ja(l), In(l);
+          Xa(l), In(l);
         }
         if (l.tagName === "SPAN") {
           const a = l;
@@ -710,12 +749,12 @@ function Qt(e) {
             n.removeChild(a);
             continue;
           }
-          if (ls(a)) {
-            zn(a);
+          if (os(a)) {
+            Ln(a);
             continue;
           }
           if (ln(a.getAttribute("style")) === "" && Dn(a)) {
-            zn(a);
+            Ln(a);
             continue;
           }
         }
@@ -727,7 +766,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" && os(i, l)) {
+      if (i.nodeType === Node.ELEMENT_NODE && l.nodeType === Node.ELEMENT_NODE && i.tagName === "SPAN" && l.tagName === "SPAN" && ts(i, l)) {
         const a = i, c = l;
         for (; c.firstChild; )
           a.appendChild(c.firstChild);
@@ -738,7 +777,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" && rs(i, l)) {
+      if (i.nodeType === Node.ELEMENT_NODE && l.nodeType === Node.ELEMENT_NODE && i.tagName === "A" && l.tagName === "A" && ns(i, l)) {
         const a = i, c = l;
         for (; c.firstChild; )
           a.appendChild(c.firstChild);
@@ -750,23 +789,23 @@ function Qt(e) {
   };
   t(e);
 }
-function is(e) {
+function rs(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 as(e) {
+function ls(e) {
   const t = {};
   for (const [n, r] of Object.entries(e))
     r !== void 0 && (t[n] = r);
   return t;
 }
-function ss(e, t) {
+function is(e, t) {
   kn(e, t);
 }
-function cs(e, t, n, r) {
+function as(e, t, n, r) {
   var d, u;
-  const { patch: i, global: l } = r, a = as(i ?? {}), c = Object.keys(a).length > 0, s = tl(e);
+  const { patch: i, global: l } = r, a = ls(i ?? {}), c = Object.keys(a).length > 0, s = nl(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;
@@ -780,39 +819,39 @@ function cs(e, t, n, r) {
       }
     } catch {
     }
-    const y = ns(g, h - f, b - f);
+    const y = es(g, h - f, b - f);
     if (y) {
       c && kn(y, a), Qt(g);
       continue;
     }
-    const k = ts(g, h - f, b - f);
+    const k = Qa(g, h - f, b - f);
     if (k) {
-      c && ss(k, a), Qt(g);
+      c && is(k, a), Qt(g);
       continue;
     }
-    const D = bs(e, h, b), E = { ...l, ...D, ...a }, N = Qa(es(E));
+    const D = gs(e, h, b), E = { ...l, ...D, ...a }, N = Ja(Za(E));
     if (Object.keys(N).length === 0) continue;
     const W = Et(g, h - f, b - f), P = () => {
       if (!W || W.collapsed) return !1;
       const be = W.startContainer.nodeType === Node.ELEMENT_NODE ? W.startContainer : W.startContainer.parentElement, ce = W.endContainer.nodeType === Node.ELEMENT_NODE ? W.endContainer : W.endContainer.parentElement, _ = be == null ? void 0 : be.closest("a"), x = ce == null ? void 0 : ce.closest("a");
-      return _ && (Un(_, N), In(_)), x && x !== _ && (Un(x, N), In(x)), !!(_ || x);
+      return _ && ($n(_, N), In(_)), x && x !== _ && ($n(x, N), In(x)), !!(_ || x);
     };
     (() => {
       var ce;
       if (!W || W.collapsed) return !1;
       const be = W.cloneContents();
       return !!((ce = be.querySelector) != null && ce.call(be, "a,[data-text-variable]"));
-    })() ? Za(g, h - f, b - f, N, a) : P() || Ya(g, h - f, b - f, N), Qt(g);
+    })() ? Ga(g, h - f, b - f, N, a) : P() || Ka(g, h - f, b - f, N), Qt(g);
   }
 }
-function us(e, t, n, r, i) {
-  const l = tl(e);
+function ss(e, t, n, r, i) {
+  const l = nl(e);
   for (const { p: a, start: c, end: s } of l) {
     const d = Math.max(t, c), u = Math.min(n, s);
-    d >= u || (Xa(a, d - c, u - c, r, i), Qt(a));
+    d >= u || (qa(a, d - c, u - c, r, i), Qt(a));
   }
 }
-function ds(e, t) {
+function cs(e, t) {
   const n = pt(e);
   if (n === 0) return null;
   const r = fo(e, Math.min(t, n - 1));
@@ -827,19 +866,19 @@ function ds(e, t) {
   }
   return null;
 }
-function ps(e, t, n) {
+function us(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 = ds(i, s);
+    const d = cs(i, s);
     if (d) return d;
   }
   return null;
 }
-function fs(e, t, n) {
+function ds(e, t, n) {
   const i = new DOMParser().parseFromString(e, "text/html").body.firstElementChild;
   if (!i) return {};
   const l = pt(i);
@@ -851,14 +890,14 @@ function fs(e, t, n) {
       u = g;
       break;
     }
-  return Mt(i, u);
+  return Ot(i, u);
 }
 const mo = /^[A-Za-z_][A-Za-z0-9_]*$/;
-function ms(e) {
+function ps(e) {
   const t = new DOMParser().parseFromString(e, "text/html");
   return Array.from(t.body.querySelectorAll("[data-text-variable]"));
 }
-function gs(e, t, n) {
+function fs(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]"));
@@ -890,7 +929,7 @@ function Eo(e) {
   }
   return null;
 }
-function ol() {
+function rl() {
   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) {
@@ -899,7 +938,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", ol()), r = !0);
+    (d = f.getAttribute("data-variable-instance-id")) != null && d.trim() || (f.setAttribute("data-variable-instance-id", rl()), 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();
@@ -924,7 +963,7 @@ function bn(e, t) {
 }
 function qn(e) {
   const t = [];
-  for (const n of ms(e)) {
+  for (const n of ps(e)) {
     const r = Eo(n.getAttribute("data-text-variable") ?? "");
     if (!r) continue;
     const i = (n.getAttribute("data-variable-instance-id") ?? "").trim();
@@ -932,7 +971,7 @@ function qn(e) {
   }
   return t;
 }
-function hs(e, t) {
+function ms(e, t) {
   if (e.color && t.color == null) {
     const n = e.color.trim();
     t.color = n.startsWith("#") ? n : $o(n) ?? n;
@@ -946,7 +985,7 @@ function hs(e, t) {
     Number.isNaN(n) || (t.fontSize = n);
   }
   if (e.fontFamily && e.fontFamily !== "undefined" && t.fontFamily == null) {
-    const n = $a(e.fontFamily);
+    const n = Va(e.fontFamily);
     n && (t.fontFamily = n);
   }
   if (t.fontWeight == null) {
@@ -962,11 +1001,11 @@ function hs(e, t) {
     t.letterSpacing = n;
   }
 }
-function bs(e, t, n) {
+function gs(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 Mt(e, i(t));
+  if (n <= t) return Ot(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 = [
@@ -979,7 +1018,7 @@ function bs(e, t, n) {
     "letterSpacing"
   ];
   for (const u of a) {
-    const g = Mt(e, u);
+    const g = Ot(e, u);
     typeof g.fontSize == "number" && (s = Math.max(s, g.fontSize));
     for (const f of d) {
       const m = g[f];
@@ -988,39 +1027,39 @@ function bs(e, t, n) {
   }
   return s >= 0 && (c.fontSize = s), c;
 }
-function Mt(e, t) {
-  const n = pt(e), r = Math.min(t, Math.max(0, n - 1)), i = ja(e, r);
+function Ot(e, t) {
+  const n = pt(e), r = Math.min(t, Math.max(0, n - 1)), i = Ua(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") && 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;
+    (c === "SPAN" || c === "A") && ms(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;
 }
 const qo = "​";
 function xt(e) {
-  if (Vn(e).length === 0) {
+  if (Un(e).length === 0) {
     const t = document.createElement("p");
     t.style.margin = "0", t.appendChild(document.createTextNode(qo)), t.appendChild(document.createElement("br")), e.appendChild(t);
     return;
   }
-  for (const t of Vn(e))
+  for (const t of Un(e))
     t.style.margin = "0", Dt(t).length === 0 && (t.textContent = "", t.appendChild(document.createTextNode(qo)), t.appendChild(document.createElement("br")));
 }
-function rl(e) {
+function ll(e) {
   return Dt(e).replace(/\u200B/g, "");
 }
 function Cn(e) {
   const t = e.cloneNode(!0);
   xt(t);
-  for (const n of Vn(t))
+  for (const n of Un(t))
     Qt(n);
-  return is(t), t.outerHTML;
+  return rs(t), t.outerHTML;
 }
 const Yo = /^[A-Za-z_][A-Za-z0-9_]*$/;
-function ll(e) {
+function il(e) {
   const t = (e.attribute ?? "").trim();
   if (t && Yo.test(t)) return t;
   const n = (e.variable ?? "").trim();
@@ -1049,7 +1088,7 @@ function Xo(e, t = "root") {
         u[y] !== S && (u[y] = S, g = !0);
         continue;
       }
-      const k = ll({
+      const k = il({
         attribute: typeof h.attribute == "string" ? h.attribute : void 0,
         variable: typeof h.variable == "string" ? h.variable : void 0
       });
@@ -1068,7 +1107,7 @@ function Xo(e, t = "root") {
   }, l = /* @__PURE__ */ new Set();
   return e[t] && Yn(e, t, i, l), r ? n : e;
 }
-function Cs(e) {
+function hs(e) {
   const t = e.data;
   if (!t || typeof t != "object") return [];
   const n = [], r = t.childrenIds;
@@ -1096,11 +1135,11 @@ function Yn(e, t, n, r) {
   const i = e[t];
   if (i) {
     r.add(t), n(t, i);
-    for (const l of Cs(i))
+    for (const l of hs(i))
       Yn(e, l, n, r);
   }
 }
-function ys(e, t = "root") {
+function bs(e, t = "root") {
   const n = [];
   let r = 0;
   const i = /* @__PURE__ */ new Map(), l = (c, s) => {
@@ -1136,7 +1175,7 @@ function to(e, t, n = "root") {
       r.set(g, u);
       continue;
     }
-    const f = ll(d);
+    const f = il(d);
     f && i.set(f, u);
   }
   if (r.size === 0 && i.size === 0) return e;
@@ -1173,10 +1212,10 @@ function Go() {
   if (!t || !t.contains(e)) return;
   const n = t.getAttribute("data-monto-text-block-id");
   if (!n) return;
-  const r = O.getState().document[n];
+  const r = M.getState().document[n];
   !r || r.type !== "Text" || t.blur();
 }
-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({
+const Cs = "#212443", On = "#1E40AF", yn = "#1F8466", Nn = "#E81212", Xt = "#F6DC9F", ys = "#6C0E7C", xs = "#CC996C", Ss = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"', vs = '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({
   palette: {
     background: {
       default: "#f2f5f7"
@@ -1187,18 +1226,18 @@ const xs = "#212443", On = "#1E40AF", yn = "#1F8466", Mn = "#E81212", Xt = "#F6D
     }
   },
   typography: {
-    fontFamily: ws
+    fontFamily: Ss
   }
-}), ks = Or(B, {
+}), ws = Mr(B, {
   palette: {
     brand: {
-      navy: xs,
+      navy: Cs,
       blue: On,
-      red: Mn,
+      red: Nn,
       green: yn,
       yellow: Xt,
-      purple: Ss,
-      brown: vs
+      purple: ys,
+      brown: xs
     },
     success: {
       main: yn,
@@ -1206,9 +1245,9 @@ const xs = "#212443", On = "#1E40AF", yn = "#1F8466", Mn = "#E81212", Xt = "#F6D
       dark: Ho(yn, 0.15)
     },
     error: {
-      main: Mn,
-      light: jt(Mn, 0.15),
-      dark: Ho(Mn, 0.15)
+      main: Nn,
+      light: jt(Nn, 0.15),
+      dark: Ho(Nn, 0.15)
     },
     cadet: {
       100: "#F9FAFB",
@@ -1242,7 +1281,7 @@ const xs = "#212443", On = "#1E40AF", yn = "#1F8466", Mn = "#E81212", Xt = "#F6D
           padding: 0;
         }
         pre {
-          font-family: ${Is}
+          font-family: ${vs}
           white-space: pre-wrap;
           font-size: 12px;
         }
@@ -1690,8 +1729,8 @@ const xs = "#212443", On = "#1E40AF", yn = "#1F8466", Mn = "#E81212", Xt = "#F6D
   ]
 });
 function Se() {
-  const e = Ea();
-  return { t: (n, r) => ql(n, r, e), language: e };
+  const e = ka();
+  return { t: (n, r) => Yl(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: [
@@ -1699,17 +1738,17 @@ function it({ title: e, children: t }) {
     /* @__PURE__ */ o(Z, { spacing: 3, mb: 3, sx: { width: "100%", maxWidth: "100%" }, children: t })
   ] });
 }
-const Ds = {
+const Is = {
   width: 24,
   height: 24
 };
-function Es({ paletteColors: e, value: t, onChange: n }) {
+function ks({ paletteColors: e, value: t, onChange: n }) {
   const r = (i) => /* @__PURE__ */ o(
-    Oe,
+    Me,
     {
       onClick: () => n(i),
       sx: {
-        ...Ds,
+        ...Is,
         backgroundColor: i,
         border: "1px solid",
         borderColor: t === i ? "black" : "grey.200",
@@ -1725,7 +1764,7 @@ function Es({ 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 As = [
+const Ds = [
   "#E11D48",
   "#DB2777",
   "#C026D3",
@@ -1756,7 +1795,7 @@ const As = [
   "#171717",
   "#0A0A0A",
   "#000000"
-], Ts = {
+], Es = {
   p: 1,
   ".react-colorful__pointer ": {
     width: 16,
@@ -1786,11 +1825,11 @@ const As = [
     width: "100%"
   }
 };
-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 }) })
+function As({ value: e, onChange: t }) {
+  return /* @__PURE__ */ w(Z, { spacing: 1, sx: Es, children: [
+    /* @__PURE__ */ o(Jl, { color: e, onChange: t }),
+    /* @__PURE__ */ o(ks, { paletteColors: Ds, value: e, onChange: t }),
+    /* @__PURE__ */ o(se, { pt: 1, children: /* @__PURE__ */ o(Zl, { prefixed: !0, color: e, onChange: t }) })
   ] });
 }
 const Jo = 24, Zo = {
@@ -1813,7 +1852,7 @@ const Jo = 24, Zo = {
   minHeight: 40,
   cursor: "pointer"
 };
-function il({ label: e, defaultValue: t, onChange: n, nullable: r }) {
+function al({ label: e, defaultValue: t, onChange: n, nullable: r }) {
   const [i, l] = z(null), [a, c] = z(t);
   Ce(() => {
     c(t);
@@ -1821,7 +1860,7 @@ function il({ label: e, defaultValue: t, onChange: n, nullable: r }) {
   const s = (g) => {
     l(g.currentTarget);
   }, d = () => !r || typeof a != "string" || a.trim().length === 0 ? null : /* @__PURE__ */ o(
-    Fn,
+    zn,
     {
       onClick: () => {
         c(null), n(null);
@@ -1832,10 +1871,10 @@ function il({ label: e, defaultValue: t, onChange: n, nullable: r }) {
   return /* @__PURE__ */ w(Z, { alignItems: "flex-start", children: [
     /* @__PURE__ */ o(At, { sx: { mb: 0.5 }, children: e }),
     /* @__PURE__ */ w(Z, { direction: "row", spacing: 1, alignItems: "center", children: [
-      a ? /* @__PURE__ */ w(Fn, { onClick: s, sx: Qo, focusRipple: !0, children: [
+      a ? /* @__PURE__ */ w(zn, { onClick: s, sx: Qo, focusRipple: !0, children: [
         /* @__PURE__ */ o(se, { sx: { ...Zo, bgcolor: a } }),
         /* @__PURE__ */ o(ke, { component: "span", variant: "body2", sx: { color: "text.primary", fontFamily: "monospace", fontSize: "13px" }, children: a })
-      ] }) : /* @__PURE__ */ o(Fn, { onClick: s, sx: Qo, focusRipple: !0, children: /* @__PURE__ */ o(se, { sx: { ...Zo, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ o(xo, { sx: { fontSize: 18 } }) }) }),
+      ] }) : /* @__PURE__ */ o(zn, { onClick: s, sx: Qo, focusRipple: !0, children: /* @__PURE__ */ o(se, { sx: { ...Zo, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ o(xo, { sx: { fontSize: 18 } }) }) }),
       d()
     ] }),
     /* @__PURE__ */ o(
@@ -1848,7 +1887,7 @@ function il({ label: e, defaultValue: t, onChange: n, nullable: r }) {
           sx: { height: "auto", padding: 0 }
         },
         children: /* @__PURE__ */ o(
-          _s,
+          As,
           {
             value: a || "",
             onChange: (g) => {
@@ -1861,10 +1900,10 @@ function il({ label: e, defaultValue: t, onChange: n, nullable: r }) {
   ] });
 }
 function nn(e) {
-  return /* @__PURE__ */ o(il, { ...e, nullable: !1 });
+  return /* @__PURE__ */ o(al, { ...e, nullable: !1 });
 }
-function Ln(e) {
-  return /* @__PURE__ */ o(il, { ...e, nullable: !0 });
+function Wn(e) {
+  return /* @__PURE__ */ o(al, { ...e, nullable: !0 });
 }
 function ft({ label: e, children: t, defaultValue: n, onChange: r }) {
   const [i, l] = z(n);
@@ -1910,15 +1949,15 @@ function Pt({ helperText: e, label: t, placeholder: n, rows: r, InputProps: i, d
     }
   );
 }
-function Bs(e) {
+function Ts(e) {
   return typeof e == "string" && e.includes("underline");
 }
-function Os(e) {
+function _s(e) {
   return typeof e == "string" && e.includes("line-through");
 }
-function Ms({ value: e, onChange: t }) {
+function Bs({ 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"), Bs(i) && l.push("underline"), Os(i) && l.push("strikethrough"), /* @__PURE__ */ o(Z, { alignItems: "flex-start", children: /* @__PURE__ */ w(
+  return n === "bold" && l.push("bold"), r === "italic" && l.push("italic"), Ts(i) && l.push("underline"), _s(i) && l.push("strikethrough"), /* @__PURE__ */ o(Z, { alignItems: "flex-start", children: /* @__PURE__ */ w(
     bo,
     {
       size: "small",
@@ -1933,15 +1972,15 @@ function Ms({ value: e, onChange: t }) {
       },
       sx: { flexWrap: "nowrap" },
       children: [
-        /* @__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" }) })
+        /* @__PURE__ */ o(le, { value: "bold", "aria-label": "bold", children: /* @__PURE__ */ o(Ql, { fontSize: "small" }) }),
+        /* @__PURE__ */ o(le, { value: "italic", "aria-label": "italic", children: /* @__PURE__ */ o(ei, { fontSize: "small" }) }),
+        /* @__PURE__ */ o(le, { value: "underline", "aria-label": "underline", children: /* @__PURE__ */ o(ti, { fontSize: "small" }) }),
+        /* @__PURE__ */ o(le, { value: "strikethrough", "aria-label": "strikethrough", children: /* @__PURE__ */ o(ni, { fontSize: "small" }) })
       ]
     }
   ) });
 }
-const Ns = [
+const Ms = [
   {
     key: "MODERN_SANS",
     label: "Modern sans",
@@ -1987,8 +2026,8 @@ const Ns = [
     label: "Monospace",
     value: "monospace"
   }
-], 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 }) {
+], Os = Ms.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 }) {
   const [r, i] = z(n ?? "inherit");
   return /* @__PURE__ */ w(
     dt,
@@ -2003,7 +2042,7 @@ function al({ label: e, onChange: t, defaultValue: n }) {
       },
       children: [
         /* @__PURE__ */ o(on, { value: "inherit", children: "Match email settings" }),
-        Rs
+        Os
       ]
     }
   );
@@ -2012,7 +2051,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(
-      Nl,
+      Rl,
       {
         ...i,
         value: t,
@@ -2029,7 +2068,7 @@ function Vt({ iconLabel: e, value: t, setValue: n, units: r, ...i }) {
     ] }) })
   ] });
 }
-function Ps({ label: e, defaultValue: t, onChange: n }) {
+function Ns({ label: e, defaultValue: t, onChange: n }) {
   const r = t ?? 14, [i, l] = z(r);
   return Ce(() => {
     l(t ?? 14);
@@ -2038,7 +2077,7 @@ function Ps({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(Gl, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(ri, { sx: { fontSize: 16 } }),
         value: i,
         setValue: (c) => {
           l(c), n(c);
@@ -2051,7 +2090,7 @@ function Ps({ label: e, defaultValue: t, onChange: n }) {
     )
   ] });
 }
-function Fs({ label: e, defaultValue: t, onChange: n }) {
+function Rs({ label: e, defaultValue: t, onChange: n }) {
   const { t: r } = Se(), i = t || "normal", [l, a] = z(i);
   return Ce(() => {
     a(i);
@@ -2070,7 +2109,7 @@ function Fs({ label: e, defaultValue: t, onChange: n }) {
     }
   );
 }
-function zs({ label: e, defaultValue: t, onChange: n }) {
+function Ps({ label: e, defaultValue: t, onChange: n }) {
   const { t: r } = Se(), i = t ?? "normal", [l, a] = z(i);
   return Ce(() => {
     a(i);
@@ -2089,13 +2128,13 @@ function zs({ label: e, defaultValue: t, onChange: n }) {
     }
   );
 }
-const sl = -5, cl = 50, er = 0;
+const cl = -5, ul = 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(sl, Math.min(cl, t)) : er;
+  return Number.isFinite(t) ? Math.max(cl, Math.min(ul, t)) : er;
 }
-function Ls({ label: e, defaultValue: t, onChange: n }) {
+function Fs({ label: e, defaultValue: t, onChange: n }) {
   const r = tr(t), [i, l] = z(r);
   return Ce(() => {
     l(tr(t));
@@ -2104,21 +2143,21 @@ function Ls({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(Jl, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(li, { sx: { fontSize: 16 } }),
         value: i,
         setValue: (c) => {
           l(c), n(c);
         },
         units: "px",
         step: 1,
-        min: sl,
-        max: cl
+        min: cl,
+        max: ul
       }
     )
   ] });
 }
-const Ws = [1, 1.5, 2, 2.5, 3], nr = 1.5;
-function Hs({ label: e, defaultValue: t, onChange: n }) {
+const zs = [1, 1.5, 2, 2.5, 3], nr = 1.5;
+function Ls({ label: e, defaultValue: t, onChange: n }) {
   const [r, i] = z(t ?? nr);
   return Ce(() => {
     i(t ?? nr);
@@ -2134,11 +2173,11 @@ function Hs({ label: e, defaultValue: t, onChange: n }) {
         const a = Number(l.target.value);
         i(a), n(a);
       },
-      children: Ws.map((l) => /* @__PURE__ */ o(on, { value: l, children: l }, l))
+      children: zs.map((l) => /* @__PURE__ */ o(on, { value: l, children: l }, l))
     }
   );
 }
-function Vs({ label: e, defaultValue: t, onChange: n }) {
+function Ws({ label: e, defaultValue: t, onChange: n }) {
   const [r, i] = z(() => t || {
     top: 0,
     left: 0,
@@ -2157,7 +2196,7 @@ function Vs({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(Zl, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(ci, { sx: { fontSize: 16 } }),
         value: r.top,
         setValue: (a) => l("top", a),
         units: "px",
@@ -2170,7 +2209,7 @@ function Vs({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(Ql, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(si, { sx: { fontSize: 16 } }),
         value: r.bottom,
         setValue: (a) => l("bottom", a),
         units: "px",
@@ -2183,7 +2222,7 @@ function Vs({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(ei, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(ii, { sx: { fontSize: 16 } }),
         value: r.left,
         setValue: (a) => l("left", a),
         units: "px",
@@ -2196,7 +2235,7 @@ function Vs({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(ti, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(ai, { sx: { fontSize: 16 } }),
         value: r.right,
         setValue: (a) => l("right", a),
         units: "px",
@@ -2224,7 +2263,7 @@ function un({ label: e, defaultValue: t, onChange: n, ...r }) {
     )
   ] });
 }
-function Us({ label: e, defaultValue: t, onChange: n }) {
+function Hs({ label: e, defaultValue: t, onChange: n }) {
   const [r, i] = z(t ?? "left");
   return /* @__PURE__ */ w(
     ft,
@@ -2235,14 +2274,14 @@ function Us({ label: e, defaultValue: t, onChange: n }) {
         i(l), n(l);
       },
       children: [
-        /* @__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" }) })
+        /* @__PURE__ */ o(le, { value: "left", children: /* @__PURE__ */ o(di, { fontSize: "small" }) }),
+        /* @__PURE__ */ o(le, { value: "center", children: /* @__PURE__ */ o(ui, { fontSize: "small" }) }),
+        /* @__PURE__ */ o(le, { value: "right", children: /* @__PURE__ */ o(pi, { fontSize: "small" }) })
       ]
     }
   );
 }
-function $s({ label: e, defaultValue: t, onChange: n }) {
+function Vs({ label: e, defaultValue: t, onChange: n }) {
   const { t: r } = Se(), i = t || "none", [l, a] = z(i);
   return Ce(() => {
     a(i);
@@ -2268,14 +2307,14 @@ function or({ name: e, value: t, onChange: n }) {
   };
   switch (e) {
     case "backgroundColor":
-      return /* @__PURE__ */ o(Ln, { label: r("style.backgroundColor"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Wn, { label: r("style.backgroundColor"), defaultValue: i, onChange: l });
     case "borderColor":
-      return /* @__PURE__ */ o(Ln, { label: r("style.borderColor"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Wn, { label: r("style.borderColor"), defaultValue: i, onChange: l });
     case "borderRadius":
       return /* @__PURE__ */ o(
         un,
         {
-          iconLabel: /* @__PURE__ */ o(li, {}),
+          iconLabel: /* @__PURE__ */ o(oi, {}),
           units: "px",
           step: 4,
           marks: !0,
@@ -2287,45 +2326,45 @@ function or({ name: e, value: t, onChange: n }) {
         }
       );
     case "color":
-      return /* @__PURE__ */ o(Ln, { label: r("style.textColor"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Wn, { label: r("style.textColor"), defaultValue: i, onChange: l });
     case "fontFamily":
-      return /* @__PURE__ */ o(al, { label: r("style.fontFamily"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(sl, { label: r("style.fontFamily"), defaultValue: i, onChange: l });
     case "fontSize":
-      return /* @__PURE__ */ o(Ps, { label: r("style.fontSize"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Ns, { label: r("style.fontSize"), defaultValue: i, onChange: l });
     case "fontWeight":
-      return /* @__PURE__ */ o(zs, { label: r("style.fontWeight"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Ps, { label: r("style.fontWeight"), defaultValue: i, onChange: l });
     case "fontStyle":
-      return /* @__PURE__ */ o(Fs, { label: r("style.fontStyle"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Rs, { label: r("style.fontStyle"), defaultValue: i, onChange: l });
     case "textDecoration":
-      return /* @__PURE__ */ o($s, { label: r("style.textDecoration"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Vs, { label: r("style.textDecoration"), defaultValue: i, onChange: l });
     case "lineHeight":
-      return /* @__PURE__ */ o(Hs, { label: r("style.lineHeight"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Ls, { label: r("style.lineHeight"), defaultValue: i, onChange: l });
     case "letterSpacing":
-      return /* @__PURE__ */ o(Ls, { label: r("style.letterSpacing"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Fs, { label: r("style.letterSpacing"), defaultValue: i, onChange: l });
     case "textAlign":
-      return /* @__PURE__ */ o(Us, { label: r("style.alignment"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Hs, { label: r("style.alignment"), defaultValue: i, onChange: l });
     case "padding":
-      return /* @__PURE__ */ o(Vs, { label: r("style.padding"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Ws, { label: r("style.padding"), defaultValue: i, onChange: l });
   }
 }
-const ul = ["fontWeight", "fontStyle", "textDecoration"];
-function js(e) {
-  return ul.every((t) => e.includes(t));
+const dl = ["fontWeight", "fontStyle", "textDecoration"];
+function Us(e) {
+  return dl.every((t) => e.includes(t));
 }
 function gt({ names: e, value: t, onChange: n }) {
-  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: [
+  const { t: r } = Se(), i = Us(e);
+  return /* @__PURE__ */ o(an, { children: e.map((l) => dl.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") }),
-      /* @__PURE__ */ o(Ms, { value: t || {}, onChange: n })
+      /* @__PURE__ */ o(Bs, { value: t || {}, onChange: n })
     ] })
   ] }, "letterSpacing-and-format") : /* @__PURE__ */ o(or, { name: l, value: t || {}, onChange: n }, l)) });
 }
-function Ks({ data: e, setData: t }) {
+function $s({ data: e, setData: t }) {
   var g, f, m, h, b, S;
   const { t: n } = Se(), [, r] = z(null), i = (y) => {
-    const k = Mr.safeParse(y);
+    const k = Or.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: [
@@ -2402,10 +2441,10 @@ function Ks({ data: e, setData: t }) {
     )
   ] });
 }
-const qs = Lr.shape.props.unwrap().unwrap().shape, Xn = J.object({
-  style: Lr.shape.style,
+const js = Rr.shape.props.unwrap().unwrap().shape, Xn = J.object({
+  style: Rr.shape.style,
   props: J.object({
-    ...qs,
+    ...js,
     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([
@@ -2416,7 +2455,7 @@ const qs = Lr.shape.props.unwrap().unwrap().shape, Xn = J.object({
     ]).optional().nullable()
   }).optional().nullable()
 });
-function Ys({ data: e, setData: t }) {
+function Ks({ 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);
@@ -2623,7 +2662,7 @@ function Ys({ data: e, setData: t }) {
       un,
       {
         label: n("columns.gap"),
-        iconLabel: /* @__PURE__ */ o(ii, { sx: { color: "text.secondary" } }),
+        iconLabel: /* @__PURE__ */ o(fi, { sx: { color: "text.secondary" } }),
         units: "px",
         step: 4,
         marks: !0,
@@ -2642,10 +2681,10 @@ function Ys({ data: e, setData: t }) {
           a({ ...e, props: { ...e.props, contentAlignment: x } });
         },
         children: [
-          /* @__PURE__ */ o(le, { value: "top", title: n("columns.alignmentTop"), children: /* @__PURE__ */ o(So, { fontSize: "small" }) }),
+          /* @__PURE__ */ o(le, { value: "top", title: n("columns.alignmentTop"), children: /* @__PURE__ */ o(wo, { 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(ai, { fontSize: "small" }) })
+          /* @__PURE__ */ o(le, { value: "bottom", title: n("columns.alignmentBottom"), children: /* @__PURE__ */ o(So, { fontSize: "small" }) }),
+          /* @__PURE__ */ o(le, { value: "stretch", title: n("columns.alignmentStretch"), children: /* @__PURE__ */ o(mi, { fontSize: "small" }) })
         ]
       }
     ),
@@ -2661,21 +2700,21 @@ function Ys({ 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(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") })
+        /* @__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") })
       ] })
     ] })
   ] });
 }
-const dl = J.object({
-  style: Ni.shape.style,
+const pl = J.object({
+  style: hi.shape.style,
   props: J.object({
     childrenIds: J.array(J.string()).optional().nullable()
   }).optional().nullable()
 });
-function Xs({ data: e, setData: t }) {
+function qs({ data: e, setData: t }) {
   const { t: n } = Se(), [, r] = z(null), i = (l) => {
-    const a = dl.safeParse(l);
+    const a = pl.safeParse(l);
     a.success ? (t(a.data), r(null)) : r(a.error);
   };
   return /* @__PURE__ */ o(it, { title: n("container.title"), children: /* @__PURE__ */ o(
@@ -2687,10 +2726,10 @@ function Xs({ data: e, setData: t }) {
     }
   ) });
 }
-function Gs({ data: e, setData: t }) {
+function Ys({ data: e, setData: t }) {
   var c, s;
   const { t: n } = Se(), [, r] = z(null), i = (d) => {
-    const u = Wr.safeParse(d);
+    const u = Fr.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: [
@@ -2706,7 +2745,7 @@ function Gs({ data: e, setData: t }) {
       un,
       {
         label: n("divider.height"),
-        iconLabel: /* @__PURE__ */ o(Rr, { sx: { color: "text.secondary" } }),
+        iconLabel: /* @__PURE__ */ o(Pr, { sx: { color: "text.secondary" } }),
         units: "px",
         step: 1,
         min: 1,
@@ -2725,7 +2764,7 @@ function Gs({ data: e, setData: t }) {
     )
   ] });
 }
-const Nn = J.string().regex(/^#[0-9a-fA-F]{6}$/).nullable().optional(), Js = J.enum([
+const Rn = J.string().regex(/^#[0-9a-fA-F]{6}$/).nullable().optional(), Xs = J.enum([
   "MODERN_SANS",
   "BOOK_SANS",
   "ORGANIC_SANS",
@@ -2735,19 +2774,19 @@ const Nn = J.string().regex(/^#[0-9a-fA-F]{6}$/).nullable().optional(), Js = J.e
   "MODERN_SERIF",
   "BOOK_SERIF",
   "MONOSPACE"
-]).nullable().optional(), pl = J.object({
-  backdropColor: Nn,
-  borderColor: Nn,
+]).nullable().optional(), fl = J.object({
+  backdropColor: Rn,
+  borderColor: Rn,
   borderRadius: J.number().optional().nullable(),
-  canvasColor: Nn,
-  textColor: Nn,
-  fontFamily: Js,
+  canvasColor: Rn,
+  textColor: Rn,
+  fontFamily: Xs,
   width: J.number().optional().nullable(),
   childrenIds: J.array(J.string()).optional().nullable()
 });
-function fl({ data: e, setData: t }) {
+function ml({ data: e, setData: t }) {
   const { t: n } = Se(), [, r] = z(null), i = (l) => {
-    const a = pl.safeParse(l);
+    const a = fl.safeParse(l);
     a.success ? (t(a.data), r(null)) : r(a.error);
   };
   return /* @__PURE__ */ w(it, { title: n("emailLayout.global"), children: [
@@ -2768,7 +2807,7 @@ function fl({ data: e, setData: t }) {
       }
     ),
     /* @__PURE__ */ o(
-      Ln,
+      Wn,
       {
         label: n("emailLayout.canvasBorderColor"),
         defaultValue: e.borderColor ?? null,
@@ -2778,7 +2817,7 @@ function fl({ data: e, setData: t }) {
     /* @__PURE__ */ o(
       un,
       {
-        iconLabel: /* @__PURE__ */ o(Pr, {}),
+        iconLabel: /* @__PURE__ */ o(zr, {}),
         units: "px",
         step: 20,
         marks: !0,
@@ -2790,7 +2829,7 @@ function fl({ data: e, setData: t }) {
       }
     ),
     /* @__PURE__ */ o(
-      al,
+      sl,
       {
         label: n("emailLayout.fontFamily"),
         defaultValue: "MODERN_SANS",
@@ -2807,10 +2846,10 @@ function fl({ data: e, setData: t }) {
     )
   ] });
 }
-function Zs({ data: e, setData: t }) {
+function Gs({ data: e, setData: t }) {
   var l;
   const { t: n } = Se(), [, r] = z(null), i = (a) => {
-    const c = Hr.safeParse(a);
+    const c = Lr.safeParse(a);
     c.success ? (t(c.data), r(null)) : r(c.error);
   };
   return /* @__PURE__ */ w(it, { title: n("heading.title"), children: [
@@ -2818,7 +2857,7 @@ function Zs({ data: e, setData: t }) {
       ft,
       {
         label: n("heading.level"),
-        defaultValue: ((l = e.props) == null ? void 0 : l.level) ?? Fi.level,
+        defaultValue: ((l = e.props) == null ? void 0 : l.level) ?? yi.level,
         onChange: (a) => {
           i({ ...e, props: { ...e.props, level: a } });
         },
@@ -2839,8 +2878,8 @@ function Zs({ data: e, setData: t }) {
     )
   ] });
 }
-function Qs({ label: e, value: t, onChange: n, height: r = "200px" }) {
-  const [i, l] = mt.useState(t), a = Me(null);
+function Js({ label: e, value: t, onChange: n, height: r = "200px" }) {
+  const [i, l] = mt.useState(t), a = Oe(null);
   Ce(() => {
     t !== i && l(t);
   }, [t]);
@@ -2869,12 +2908,12 @@ function Qs({ label: e, value: t, onChange: n, height: r = "200px" }) {
           }
         },
         children: /* @__PURE__ */ o(
-          Wi,
+          vi,
           {
             value: i,
             height: r,
-            extensions: [Hi()],
-            theme: Vi,
+            extensions: [wi()],
+            theme: Ii,
             onChange: c,
             basicSetup: {
               lineNumbers: !0,
@@ -2888,15 +2927,15 @@ function Qs({ label: e, value: t, onChange: n, height: r = "200px" }) {
     )
   ] });
 }
-function ec({ 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 = Wr.safeParse(a);
     c.success ? (t(c.data), r(null)) : r(c.error);
   };
   return /* @__PURE__ */ w(it, { title: n("html.title"), children: [
     /* @__PURE__ */ o(
-      Qs,
+      Js,
       {
         label: n("html.content"),
         value: ((l = e.props) == null ? void 0 : l.contents) ?? "",
@@ -2914,7 +2953,7 @@ function ec({ data: e, setData: t }) {
     )
   ] });
 }
-function $n({ label: e, defaultValue: t, onChange: n }) {
+function jn({ label: e, defaultValue: t, onChange: n }) {
   return /* @__PURE__ */ o(
     dt,
     {
@@ -2934,10 +2973,10 @@ function $n({ label: e, defaultValue: t, onChange: n }) {
     }
   );
 }
-function tc({ data: e, setData: t }) {
+function Qs({ 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 = Me(null), d = Xr(), u = (D) => {
-    const E = Ur.safeParse(D);
+  const { t: n } = Se(), [, r] = z(null), [i, l] = z("url"), [a, c] = z(!1), s = Oe(null), d = Gr(), u = (D) => {
+    const E = Hr.safeParse(D);
     E.success ? (t(E.data), r(null)) : r(E.error);
   }, g = async (D) => {
     var N;
@@ -2968,7 +3007,7 @@ function tc({ data: e, setData: t }) {
             size: "small",
             fullWidth: !0,
             children: [
-              /* @__PURE__ */ o(Kn, { fontSize: "small", sx: { mr: 0.5 } }),
+              /* @__PURE__ */ o(An, { fontSize: "small", sx: { mr: 0.5 } }),
               n("image.url")
             ]
           }
@@ -3011,10 +3050,10 @@ function tc({ data: e, setData: t }) {
           }
         ),
         /* @__PURE__ */ o(
-          Oe,
+          Me,
           {
             variant: "outlined",
-            startIcon: a ? /* @__PURE__ */ o(jn, { size: 16 }) : /* @__PURE__ */ o(Ft, {}),
+            startIcon: a ? /* @__PURE__ */ o(Kn, { size: 16 }) : /* @__PURE__ */ o(Ft, {}),
             onClick: f,
             disabled: a || !d,
             fullWidth: !0,
@@ -3045,7 +3084,7 @@ function tc({ data: e, setData: t }) {
     ),
     /* @__PURE__ */ w(Z, { direction: "row", spacing: 2, children: [
       /* @__PURE__ */ o(
-        $n,
+        jn,
         {
           label: n("image.width"),
           defaultValue: (S = e.props) == null ? void 0 : S.width,
@@ -3053,7 +3092,7 @@ function tc({ data: e, setData: t }) {
         }
       ),
       /* @__PURE__ */ o(
-        $n,
+        jn,
         {
           label: n("image.height"),
           defaultValue: (y = e.props) == null ? void 0 : y.height,
@@ -3068,9 +3107,9 @@ function tc({ data: e, setData: t }) {
         defaultValue: ((k = e.props) == null ? void 0 : k.contentAlignment) ?? "middle",
         onChange: (D) => u({ ...e, props: { ...e.props, contentAlignment: D } }),
         children: [
-          /* @__PURE__ */ o(le, { value: "top", children: /* @__PURE__ */ o(So, { fontSize: "small" }) }),
+          /* @__PURE__ */ o(le, { value: "top", children: /* @__PURE__ */ o(wo, { fontSize: "small" }) }),
           /* @__PURE__ */ o(le, { value: "middle", children: /* @__PURE__ */ o(vo, { fontSize: "small" }) }),
-          /* @__PURE__ */ o(le, { value: "bottom", children: /* @__PURE__ */ o(wo, { fontSize: "small" }) })
+          /* @__PURE__ */ o(le, { value: "bottom", children: /* @__PURE__ */ o(So, { fontSize: "small" }) })
         ]
       }
     ),
@@ -3084,7 +3123,7 @@ function tc({ data: e, setData: t }) {
     )
   ] });
 }
-function ml() {
+function gl() {
   return J.object({
     top: J.number(),
     bottom: J.number(),
@@ -3092,7 +3131,7 @@ function ml() {
     left: J.number()
   });
 }
-const gl = J.object({
+const hl = J.object({
   props: J.object({
     url: J.string().nullable().optional(),
     alt: J.string().optional().nullable(),
@@ -3106,19 +3145,19 @@ const gl = J.object({
     controls: J.boolean().optional().nullable()
   }).optional().nullable(),
   style: J.object({
-    padding: ml().optional().nullable(),
+    padding: gl().optional().nullable(),
     backgroundColor: J.string().optional().nullable(),
     textAlign: J.enum(["left", "center", "right"]).optional().nullable()
   }).optional().nullable()
 });
-function Rn({ label: e, defaultValue: t, onChange: n }) {
+function Pn({ label: e, defaultValue: t, onChange: n }) {
   const [r, i] = z(t);
   return /* @__PURE__ */ o(
     vr,
     {
       label: e,
       control: /* @__PURE__ */ o(
-        Rl,
+        Pl,
         {
           checked: r,
           onChange: (l, a) => {
@@ -3129,10 +3168,10 @@ function Rn({ label: e, defaultValue: t, onChange: n }) {
     }
   );
 }
-function nc({ data: e, setData: t }) {
+function ec({ 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 = Me(null), d = Gr(), u = (P) => {
-    const he = gl.safeParse(P);
+  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);
     he.success ? (t(he.data), r(null)) : r(he.error);
   }, g = async (P) => {
     var be;
@@ -3163,7 +3202,7 @@ function nc({ data: e, setData: t }) {
             size: "small",
             fullWidth: !0,
             children: [
-              /* @__PURE__ */ o(Kn, { fontSize: "small", sx: { mr: 0.5 } }),
+              /* @__PURE__ */ o(An, { fontSize: "small", sx: { mr: 0.5 } }),
               n("video.url")
             ]
           }
@@ -3206,10 +3245,10 @@ function nc({ data: e, setData: t }) {
           }
         ),
         /* @__PURE__ */ o(
-          Oe,
+          Me,
           {
             variant: "outlined",
-            startIcon: a ? /* @__PURE__ */ o(jn, { size: 16 }) : /* @__PURE__ */ o(Ft, {}),
+            startIcon: a ? /* @__PURE__ */ o(Kn, { size: 16 }) : /* @__PURE__ */ o(Ft, {}),
             onClick: f,
             disabled: a || !d,
             fullWidth: !0,
@@ -3240,7 +3279,7 @@ function nc({ data: e, setData: t }) {
     ),
     /* @__PURE__ */ w(Z, { direction: "row", spacing: 2, children: [
       /* @__PURE__ */ o(
-        $n,
+        jn,
         {
           label: n("video.width"),
           defaultValue: (S = e.props) != null && S.width ? (() => {
@@ -3254,7 +3293,7 @@ function nc({ data: e, setData: t }) {
         }
       ),
       /* @__PURE__ */ o(
-        $n,
+        jn,
         {
           label: n("video.height"),
           defaultValue: (y = e.props) != null && y.height ? (() => {
@@ -3275,15 +3314,15 @@ function nc({ data: e, setData: t }) {
         defaultValue: ((k = e.props) == null ? void 0 : k.contentAlignment) ?? "middle",
         onChange: (P) => u({ ...e, props: { ...e.props, contentAlignment: P } }),
         children: [
-          /* @__PURE__ */ o(le, { value: "top", children: /* @__PURE__ */ o(So, { fontSize: "small" }) }),
+          /* @__PURE__ */ o(le, { value: "top", children: /* @__PURE__ */ o(wo, { fontSize: "small" }) }),
           /* @__PURE__ */ o(le, { value: "middle", children: /* @__PURE__ */ o(vo, { fontSize: "small" }) }),
-          /* @__PURE__ */ o(le, { value: "bottom", children: /* @__PURE__ */ o(wo, { fontSize: "small" }) })
+          /* @__PURE__ */ o(le, { value: "bottom", children: /* @__PURE__ */ o(So, { fontSize: "small" }) })
         ]
       }
     ),
     /* @__PURE__ */ w(Z, { spacing: 1, children: [
       /* @__PURE__ */ o(
-        Rn,
+        Pn,
         {
           label: n("video.autoplay"),
           defaultValue: ((D = e.props) == null ? void 0 : D.autoplay) ?? !1,
@@ -3291,7 +3330,7 @@ function nc({ data: e, setData: t }) {
         }
       ),
       /* @__PURE__ */ o(
-        Rn,
+        Pn,
         {
           label: n("video.loop"),
           defaultValue: ((E = e.props) == null ? void 0 : E.loop) ?? !1,
@@ -3299,7 +3338,7 @@ function nc({ data: e, setData: t }) {
         }
       ),
       /* @__PURE__ */ o(
-        Rn,
+        Pn,
         {
           label: n("video.muted"),
           defaultValue: ((N = e.props) == null ? void 0 : N.muted) ?? !1,
@@ -3307,7 +3346,7 @@ function nc({ data: e, setData: t }) {
         }
       ),
       /* @__PURE__ */ o(
-        Rn,
+        Pn,
         {
           label: n("video.controls"),
           defaultValue: ((W = e.props) == null ? void 0 : W.controls) ?? !0,
@@ -3325,22 +3364,22 @@ function nc({ data: e, setData: t }) {
     )
   ] });
 }
-function oc({ data: e, setData: t }) {
+function tc({ data: e, setData: t }) {
   var l;
   const { t: n } = Se(), [, r] = z(null), i = (a) => {
-    const c = $r.safeParse(a);
+    const c = Vr.safeParse(a);
     c.success ? (t(c.data), r(null)) : r(c.error);
   };
   return /* @__PURE__ */ o(it, { title: n("spacer.title"), children: /* @__PURE__ */ o(
     un,
     {
       label: n("spacer.height"),
-      iconLabel: /* @__PURE__ */ o(Rr, { sx: { color: "text.secondary" } }),
+      iconLabel: /* @__PURE__ */ o(Pr, { sx: { color: "text.secondary" } }),
       units: "px",
       step: 4,
       min: 4,
       max: 128,
-      defaultValue: ((l = e.props) == null ? void 0 : l.height) ?? $i.height,
+      defaultValue: ((l = e.props) == null ? void 0 : l.height) ?? Di.height,
       onChange: (a) => i({ ...e, props: { ...e.props, height: a } })
     }
   ) });
@@ -3395,7 +3434,7 @@ const Ao = [
     items: [{ name: "unsubscribe_link", labelKey: "text.variables.unsubscribeLink", kind: "user" }]
   }
 ];
-function rc(e) {
+function nc(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)
@@ -3418,7 +3457,7 @@ const rr = [
   "fontWeight",
   "fontStyle",
   "textDecoration"
-], lc = [
+], oc = [
   "color",
   "backgroundColor",
   "fontFamily",
@@ -3427,30 +3466,30 @@ const rr = [
   "fontWeight",
   "fontStyle",
   "textDecoration"
-], ic = ["lineHeight", "textAlign", "padding"], ac = Ao;
-function sc({ blockId: e, data: t, setData: n }) {
+], rc = ["lineHeight", "textAlign", "padding"], lc = Ao;
+function ic({ blockId: e, data: t, setData: n }) {
   var fe;
-  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) => {
+  const { t: r } = Se(), [, i] = z(null), l = Yr();
+  Xr();
+  const a = Ca(), c = qr(), s = ct(() => {
+    const I = (R) => typeof R == "string" ? R.trim() : "", O = (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 };
-    }), $ = ac.map((R) => ({
+    }), $ = lc.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 M)
+      for (const de of O)
         R.has(de.name) || j.items.push(de);
     }
     return $;
-  }, [c]), d = Me({}), u = Me(null), g = en(() => {
+  }, [c]), d = Oe({}), u = Oe(null), g = en(() => {
     u.current = null;
     const I = d.current;
     d.current = {}, Object.keys(I).length !== 0 && (Sn(), qt(e, { kind: "style", style: I }));
@@ -3461,23 +3500,23 @@ function sc({ 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 M = Ht(t.props ?? null), $ = fs(M, l.start, l.end);
+    const O = Ht(t.props ?? null), $ = ds(O, 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 M = Br.safeParse(I);
-    M.success ? (n(M.data), i(null)) : i(M.error);
+    const O = Br.safeParse(I);
+    O.success ? (n(O.data), i(null)) : i(O.error);
   }, b = (I) => {
-    const M = m, $ = I, j = [...rr, "lineHeight", "textAlign", "padding"], R = {};
+    const O = m, $ = I, j = [...rr, "lineHeight", "textAlign", "padding"], R = {};
     for (const xe of j)
-      if ($[xe] !== M[xe]) {
+      if ($[xe] !== O[xe]) {
         const ge = $[xe];
         if (ge === void 0) continue;
         R[xe] = ge;
       }
     const de = ["fontWeight", "fontStyle", "textDecoration"];
-    if (de.some((xe) => $[xe] !== M[xe]))
+    if (de.some((xe) => $[xe] !== O[xe]))
       for (const xe of de) {
         const ge = $[xe];
         ge !== void 0 && (R[xe] = ge);
@@ -3499,39 +3538,39 @@ function sc({ 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 gs(I, l.start, l.end);
+    return fs(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 M of s)
-      for (const $ of M.items)
+    for (const O of s)
+      for (const $ of O.items)
         $.kind === "user" && I.add($.name);
     return I;
   }, [s]), P = ct(() => {
-    const I = qn(N), M = [], $ = /* @__PURE__ */ new Map();
+    const I = qn(N), O = [], $ = /* @__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})`;
-      M.push({
+      O.push({
         instanceId: j.instanceId,
         name: j.name,
         label: de
       });
     }
-    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(/^.*@/, "");
+    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(/^.*@/, "");
     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, M) => {
-    const $ = M.trim();
+  }, G = (I, O) => {
+    const $ = O.trim();
     if (!$) return null;
     if (/^\{\{[A-Za-z_][A-Za-z0-9_]*\}\}$/.test($) || /^\{\%[A-Za-z_][A-Za-z0-9_]*\%\}$/.test($))
       return $;
@@ -3547,30 +3586,30 @@ function sc({ blockId: e, data: t, setData: n }) {
     } catch {
       return null;
     }
-  }, ae = (I, M) => {
+  }, ae = (I, O) => {
     const $ = Ht(t.props ?? null);
-    return ps($, I, M);
+    return us($, I, O);
   }, re = (I) => {
     if (!k || !l) return;
-    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);
+    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);
   }, ue = () => {
     ce(null), q(!1);
   }, te = ct(() => {
-    const I = s.find((M) => M.id === "links");
+    const I = s.find((O) => O.id === "links");
     return I ? I.items : [];
   }, [s]), Q = (I) => {
-    const M = v.current;
-    if (!M) {
+    const O = v.current;
+    if (!O) {
       je(I);
       return;
     }
-    const $ = M.selectionStart ?? Re.length, j = M.selectionEnd ?? Re.length, R = Re.slice(0, $) + I + Re.slice(j);
+    const $ = O.selectionStart ?? Re.length, j = O.selectionEnd ?? Re.length, R = Re.slice(0, $) + I + Re.slice(j);
     je(R), requestAnimationFrame(() => {
       try {
-        M.focus();
+        O.focus();
         const de = $ + I.length;
-        M.setSelectionRange(de, de);
+        O.setSelectionRange(de, de);
       } catch {
       }
     });
@@ -3578,9 +3617,9 @@ function sc({ 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, M) => {
+  }, A = (I, O) => {
     if (E) {
-      if (M === "builtin") {
+      if (O === "builtin") {
         const $ = `{%${I}%}`;
         D && l ? qt(e, {
           kind: "replaceVariable",
@@ -3590,7 +3629,7 @@ function sc({ blockId: e, data: t, setData: n }) {
         }) : qt(e, { kind: "variable", token: $ }), ne();
         return;
       }
-      F({ name: I, kind: M }), V(""), ve(!1), C("default");
+      F({ name: I, kind: O }), V(""), ve(!1), C("default");
     }
   }, H = () => {
     C("pick"), ve(!1);
@@ -3598,16 +3637,16 @@ function sc({ blockId: e, data: t, setData: n }) {
     if (!p) return;
     const I = X.trim();
     if (I === "") return;
-    const M = p.kind === "builtin" ? `{%${p.name}%}` : `{{${p.name}}}`;
+    const O = p.kind === "builtin" ? `{%${p.name}%}` : `{{${p.name}}}`;
     D && l ? qt(e, {
       kind: "replaceVariable",
-      token: M,
+      token: O,
       start: l.start,
       end: l.end,
       defaultValue: I
     }) : qt(e, {
       kind: "variable",
-      token: M,
+      token: O,
       defaultValue: I
     }), ne();
   }, oe = () => {
@@ -3658,14 +3697,14 @@ function sc({ 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(
-        Oe,
+        Me,
         {
           size: "small",
           variant: "outlined",
           onClick: re,
           disabled: !k,
           "aria-label": r("text.link"),
-          startIcon: /* @__PURE__ */ o(qi, { fontSize: "small" }),
+          startIcon: /* @__PURE__ */ o(An, { fontSize: "small" }),
           sx: {
             color: "text.secondary",
             borderColor: "divider",
@@ -3683,14 +3722,14 @@ function sc({ 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(
-        Oe,
+        Me,
         {
           size: "small",
           variant: "outlined",
           onClick: Ie,
           disabled: !E,
           "aria-label": r("text.addVariables"),
-          startIcon: /* @__PURE__ */ o(si, { fontSize: "small" }),
+          startIcon: /* @__PURE__ */ o(Ur, { fontSize: "small" }),
           sx: {
             color: "text.secondary",
             borderColor: "divider",
@@ -3740,9 +3779,9 @@ function sc({ blockId: e, data: t, setData: n }) {
                 },
                 value: (he && he[I.instanceId]) ?? "",
                 placeholder: r("text.variables.defaultPlaceholder"),
-                onChange: (M) => {
+                onChange: (O) => {
                   const $ = { ...he ?? {} };
-                  $[I.instanceId] = M.target.value, h({ ...t, props: { ...t.props, variableDefaults: $ } });
+                  $[I.instanceId] = O.target.value, h({ ...t, props: { ...t.props, variableDefaults: $ } });
                 }
               }
             )
@@ -3751,9 +3790,9 @@ function sc({ blockId: e, data: t, setData: n }) {
         I.instanceId
       ))
     ] }),
-    /* @__PURE__ */ o(gt, { names: lc, value: m, onChange: b }),
+    /* @__PURE__ */ o(gt, { names: oc, value: m, onChange: b }),
     /* @__PURE__ */ o(rn, { sx: { my: 2 } }),
-    /* @__PURE__ */ o(gt, { names: ic, value: m, onChange: b }),
+    /* @__PURE__ */ o(gt, { names: rc, value: m, onChange: b }),
     /* @__PURE__ */ o(
       ao,
       {
@@ -3798,7 +3837,7 @@ function sc({ 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(
-              Oe,
+              Me,
               {
                 size: "small",
                 variant: "outlined",
@@ -3812,13 +3851,13 @@ function sc({ blockId: e, data: t, setData: n }) {
           /* @__PURE__ */ o(
             vr,
             {
-              control: /* @__PURE__ */ o(Pl, { checked: _t, onChange: (I) => ht(I.target.checked) }),
+              control: /* @__PURE__ */ o(Fl, { 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(Oe, { variant: "outlined", onClick: ue, children: r("common.cancel") }),
-            /* @__PURE__ */ o(Oe, { variant: "contained", onClick: oe, disabled: !G(we, Re), children: r("common.save") })
+            /* @__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") })
           ] })
         ] })
       }
@@ -3834,10 +3873,10 @@ function sc({ 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, M) => {
+          ie === "pick" ? /* @__PURE__ */ o(se, { children: s.map((I, O) => {
             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(
-              Fl,
+              zl,
               {
                 disableGutters: !0,
                 square: !0,
@@ -3854,9 +3893,9 @@ function sc({ blockId: e, data: t, setData: n }) {
                 },
                 children: [
                   /* @__PURE__ */ o(
-                    zl,
+                    Ll,
                     {
-                      expandIcon: /* @__PURE__ */ o(Ki, { fontSize: "small" }),
+                      expandIcon: /* @__PURE__ */ o(Ai, { fontSize: "small" }),
                       sx: {
                         minHeight: 40,
                         "& .MuiAccordionSummary-content": { my: 0.75 }
@@ -3864,8 +3903,8 @@ function sc({ blockId: e, data: t, setData: n }) {
                       children: /* @__PURE__ */ o(ke, { variant: "overline", color: "text.secondary", children: r($) })
                     }
                   ),
-                  /* @__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,
+                  /* @__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,
                     {
                       size: "small",
                       variant: "outlined",
@@ -3930,9 +3969,9 @@ function sc({ blockId: e, data: t, setData: n }) {
               }
             ),
             /* @__PURE__ */ w(se, { sx: { display: "flex", gap: 1, justifyContent: "flex-end", pt: 0.5 }, children: [
-              /* @__PURE__ */ o(Oe, { variant: "outlined", onClick: H, children: r("text.variables.back") }),
+              /* @__PURE__ */ o(Me, { variant: "outlined", onClick: H, children: r("text.variables.back") }),
               /* @__PURE__ */ o(
-                Oe,
+                Me,
                 {
                   variant: "contained",
                   onClick: De,
@@ -3961,7 +4000,7 @@ const vn = [
   "reddit",
   "twitch",
   "threads"
-], hl = [
+], bl = [
   "no-border-black",
   // 深色 (Glyph Dark) -> glyph-dark
   "no-border-white",
@@ -3980,12 +4019,12 @@ const vn = [
   // 线性·浅色 (Circular Outline Light) -> circular-outline-light
   "standard"
   // 标准 (Standard) -> standard
-], bl = J.object({
+], Cl = J.object({
   props: J.object({
     // 选中的社媒平台列表
     platforms: J.array(J.enum(vn)).optional().nullable(),
     // 图标类别
-    iconStyle: J.enum(hl).optional().nullable(),
+    iconStyle: J.enum(bl).optional().nullable(),
     // 图标统一尺寸（宽高相同）
     iconSize: J.number().optional().nullable(),
     // 每个平台的配置
@@ -3997,11 +4036,11 @@ const vn = [
     ).optional().nullable()
   }).optional().nullable(),
   style: J.object({
-    padding: ml().optional().nullable(),
+    padding: gl().optional().nullable(),
     backgroundColor: J.string().optional().nullable(),
     textAlign: J.enum(["left", "center", "right"]).optional().nullable()
   }).optional().nullable()
-}), Pn = {
+}), Fn = {
   facebook: { zh: "Facebook", en: "Facebook" },
   instagram: { zh: "Instagram", en: "Instagram" },
   x: { zh: "X (Twitter)", en: "X (Twitter)" },
@@ -4026,10 +4065,10 @@ const vn = [
   "with-border-line-white": { zh: "线性·浅色", en: "Circular Outline Light" },
   standard: { zh: "标准", en: "Standard" }
 };
-function cc({ data: e, setData: t }) {
+function ac({ 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 = Me(!1), f = (C) => {
-    const p = bl.safeParse(C);
+  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);
     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);
@@ -4155,7 +4194,7 @@ function cc({ data: e, setData: t }) {
             l !== null && c !== null && (C.preventDefault(), C.stopPropagation(), ce(C, c));
           },
           children: S.map((C, p) => {
-            const F = x ? Pn[C.platform].zh : Pn[C.platform].en, X = l === p, V = c === p, me = V && d === "top", ve = V && d === "bottom", we = `social-${p}`;
+            const F = x ? Fn[C.platform].zh : Fn[C.platform].en, X = l === p, V = c === p, me = V && d === "top", ve = V && d === "bottom", we = `social-${p}`;
             return /* @__PURE__ */ w(mt.Fragment, { children: [
               me && /* @__PURE__ */ o(
                 se,
@@ -4226,7 +4265,7 @@ function cc({ data: e, setData: t }) {
                           onMouseDown: (K) => {
                             K.stopPropagation(), P();
                           },
-                          children: /* @__PURE__ */ o(Fr, { fontSize: "small" })
+                          children: /* @__PURE__ */ o($r, { fontSize: "small" })
                         }
                       ),
                       /* @__PURE__ */ o(
@@ -4238,7 +4277,7 @@ function cc({ data: e, setData: t }) {
                           sx: { flex: 1, fontSize: "12px" },
                           onMouseDown: (K) => K.stopPropagation(),
                           children: vn.map((K) => {
-                            const Re = x ? Pn[K].zh : Pn[K].en;
+                            const Re = x ? Fn[K].zh : Fn[K].en;
                             return /* @__PURE__ */ o(on, { value: K, children: Re }, K);
                           })
                         }
@@ -4250,7 +4289,7 @@ function cc({ data: e, setData: t }) {
                           onClick: () => E(p),
                           sx: { color: "error.main" },
                           onMouseDown: (K) => K.stopPropagation(),
-                          children: /* @__PURE__ */ o(ci, { fontSize: "small" })
+                          children: /* @__PURE__ */ o(Ti, { fontSize: "small" })
                         }
                       )
                     ] }),
@@ -4306,9 +4345,9 @@ function cc({ data: e, setData: t }) {
         }
       ),
       /* @__PURE__ */ o(
-        Oe,
+        Me,
         {
-          startIcon: /* @__PURE__ */ o(ui, {}),
+          startIcon: /* @__PURE__ */ o(_i, {}),
           onClick: N,
           variant: "outlined",
           size: "small",
@@ -4321,10 +4360,10 @@ function cc({ 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: hl.map((C) => {
+      /* @__PURE__ */ o(Z, { spacing: 1, sx: { mt: 1 }, children: bl.map((C) => {
         const p = x ? lr[C].zh : lr[C].en;
         return /* @__PURE__ */ o(
-          Yi,
+          Bi,
           {
             value: C,
             selected: m === C,
@@ -4347,7 +4386,7 @@ function cc({ data: e, setData: t }) {
       un,
       {
         label: n("socials.iconSize"),
-        iconLabel: /* @__PURE__ */ o(Pr, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(zr, { sx: { fontSize: 16 } }),
         defaultValue: h,
         onChange: (C) => {
           f({
@@ -4378,7 +4417,7 @@ function cc({ 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 uc() {
+function sc() {
   const { t: e } = Se(), t = Qe(), n = cn();
   if (!n)
     return ir(e("inspector.clickBlockToInspect"));
@@ -4388,28 +4427,28 @@ function uc() {
   const i = (c) => _e({ [n]: c }), { data: l, type: a } = r;
   switch (a) {
     case "Button":
-      return /* @__PURE__ */ o(Ks, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+      return /* @__PURE__ */ o($s, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "ColumnsContainer":
-      return /* @__PURE__ */ o(Ys, { 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 "Container":
-      return /* @__PURE__ */ o(Xs, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+      return /* @__PURE__ */ o(qs, { 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);
+      return /* @__PURE__ */ o(Ys, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "Heading":
-      return /* @__PURE__ */ o(Zs, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+      return /* @__PURE__ */ o(Gs, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "Html":
-      return /* @__PURE__ */ o(ec, { 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 "Image":
-      return /* @__PURE__ */ o(tc, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+      return /* @__PURE__ */ o(Qs, { 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);
+      return /* @__PURE__ */ o(ec, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "EmailLayout":
-      return /* @__PURE__ */ o(fl, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+      return /* @__PURE__ */ o(ml, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "Spacer":
-      return /* @__PURE__ */ o(oc, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+      return /* @__PURE__ */ o(tc, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "Text":
       return /* @__PURE__ */ o(
-        sc,
+        ic,
         {
           blockId: n,
           data: l,
@@ -4418,28 +4457,28 @@ function uc() {
         n
       );
     case "Socials":
-      return /* @__PURE__ */ o(cc, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+      return /* @__PURE__ */ o(ac, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     default:
       return /* @__PURE__ */ o("pre", { children: JSON.stringify(r, null, "  ") });
   }
 }
-function dc() {
+function cc() {
   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(fl, { data: t, setData: (r) => _e({ root: { type: n, data: r } }) }, "root");
+  return /* @__PURE__ */ o(ml, { data: t, setData: (r) => _e({ root: { type: n, data: r } }) }, "root");
 }
 const ar = 320;
-function pc() {
-  const { t: e } = Se(), t = Ca(), n = ko(), i = Io() === "preview", l = () => {
+function uc() {
+  const { t: e } = Se(), t = ha(), n = ko(), i = Io() === "preview", l = () => {
     switch (t) {
       case "block-configuration":
-        return /* @__PURE__ */ o(uc, {});
+        return /* @__PURE__ */ o(sc, {});
       case "styles":
-        return /* @__PURE__ */ o(dc, {});
+        return /* @__PURE__ */ o(cc, {});
     }
   };
   return /* @__PURE__ */ w(
@@ -4471,7 +4510,7 @@ function pc() {
         }
       },
       children: [
-        /* @__PURE__ */ o(se, { px: 2, children: /* @__PURE__ */ w(kr, { value: t, onChange: (a, c) => Sa(c), children: [
+        /* @__PURE__ */ o(se, { px: 2, children: /* @__PURE__ */ w(kr, { value: t, onChange: (a, c) => ya(c), children: [
           /* @__PURE__ */ o(Zt, { value: "styles", label: e("inspector.styles") }),
           /* @__PURE__ */ o(Zt, { value: "block-configuration", label: e("inspector.inspect") })
         ] }) }),
@@ -4493,7 +4532,7 @@ function pc() {
     }
   );
 }
-const fc = {
+const dc = {
   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),
@@ -4510,8 +4549,8 @@ const fc = {
   "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 mc(e) {
-  const t = fc[e];
+async function pc(e) {
+  const t = dc[e];
   if (!t)
     return sn;
   if (no[e])
@@ -4521,10 +4560,10 @@ async function mc(e) {
 }
 function Ye({ sampleName: e, children: t }) {
   const [n, r] = z(!1);
-  return /* @__PURE__ */ o(Oe, { size: "small", onClick: async () => {
+  return /* @__PURE__ */ o(Me, { size: "small", onClick: async () => {
     r(!0);
     try {
-      const l = await mc(e);
+      const l = await pc(e);
       Rt(l);
     } catch {
     } finally {
@@ -4532,7 +4571,7 @@ function Ye({ sampleName: e, children: t }) {
     }
   }, disabled: n, children: n ? "Loading..." : t });
 }
-const gc = { p: 1.5, display: "flex", flexDirection: "column" }, hc = {
+const fc = { p: 1.5, display: "flex", flexDirection: "column" }, mc = {
   mb: 0.75,
   width: "100%",
   bgcolor: "cadet.200",
@@ -4542,7 +4581,7 @@ const gc = { p: 1.5, display: "flex", flexDirection: "column" }, hc = {
   border: "1px solid",
   borderColor: "cadet.300"
 };
-function Cl({ label: e, icon: t, onClick: n, disabled: r = !1, block: i, onDragStart: l }) {
+function yl({ 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();
@@ -4563,11 +4602,11 @@ function Cl({ 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(
-    Oe,
+    Me,
     {
       ref: s,
       sx: {
-        ...gc,
+        ...fc,
         // cursor: disabled ? 'default' : 'move',
         outline: a ? "2px dashed rgba(0,121,204, 0.8)" : "none",
         outlineOffset: a ? "-2px" : "0",
@@ -4586,16 +4625,16 @@ function Cl({ label: e, icon: t, onClick: n, disabled: r = !1, block: i, onDragS
         g.stopPropagation(), r || n();
       },
       children: [
-        /* @__PURE__ */ o(se, { sx: hc, children: t }),
+        /* @__PURE__ */ o(se, { sx: mc, children: t }),
         /* @__PURE__ */ o(ke, { variant: "body2", children: e })
       ]
     }
   );
 }
-const yl = [
+const xl = [
   {
     label: "Heading",
-    icon: /* @__PURE__ */ o(di, {}),
+    icon: /* @__PURE__ */ o(Ni, {}),
     block: () => ({
       type: "Heading",
       data: {
@@ -4608,7 +4647,7 @@ const yl = [
   },
   {
     label: "Text",
-    icon: /* @__PURE__ */ o(pi, {}),
+    icon: /* @__PURE__ */ o(Li, {}),
     block: () => ({
       type: "Text",
       data: {
@@ -4622,7 +4661,7 @@ const yl = [
   },
   {
     label: "Button",
-    icon: /* @__PURE__ */ o(fi, {}),
+    icon: /* @__PURE__ */ o(Hi, {}),
     block: () => ({
       type: "Button",
       data: {
@@ -4636,7 +4675,7 @@ const yl = [
   },
   {
     label: "Image",
-    icon: /* @__PURE__ */ o(mi, {}),
+    icon: /* @__PURE__ */ o(Fi, {}),
     block: () => ({
       type: "Image",
       data: {
@@ -4652,7 +4691,7 @@ const yl = [
   },
   {
     label: "Video",
-    icon: /* @__PURE__ */ o(gi, {}),
+    icon: /* @__PURE__ */ o(Ui, {}),
     block: () => ({
       type: "Video",
       data: {
@@ -4686,7 +4725,7 @@ const yl = [
   // },
   {
     label: "Divider",
-    icon: /* @__PURE__ */ o(hi, {}),
+    icon: /* @__PURE__ */ o(Ri, {}),
     block: () => ({
       type: "Divider",
       data: {
@@ -4699,7 +4738,7 @@ const yl = [
   },
   {
     label: "Spacer",
-    icon: /* @__PURE__ */ o(bi, {}),
+    icon: /* @__PURE__ */ o(Oi, {}),
     block: () => ({
       type: "Spacer",
       data: {}
@@ -4707,7 +4746,7 @@ const yl = [
   },
   {
     label: "Socials",
-    icon: /* @__PURE__ */ o(Ci, {}),
+    icon: /* @__PURE__ */ o(Wi, {}),
     block: () => ({
       type: "Socials",
       data: {
@@ -4727,7 +4766,7 @@ const yl = [
   },
   {
     label: "HTML",
-    icon: /* @__PURE__ */ o(yi, {}),
+    icon: /* @__PURE__ */ o(Pi, {}),
     block: () => ({
       type: "Html",
       data: {
@@ -4742,7 +4781,7 @@ const yl = [
   },
   {
     label: "Columns",
-    icon: /* @__PURE__ */ o(xi, {}),
+    icon: /* @__PURE__ */ o(Vi, {}),
     block: () => ({
       type: "ColumnsContainer",
       data: {
@@ -4758,7 +4797,7 @@ const yl = [
   },
   {
     label: "Container",
-    icon: /* @__PURE__ */ o(Si, {}),
+    icon: /* @__PURE__ */ o(zi, {}),
     block: () => ({
       type: "Container",
       data: {
@@ -4768,7 +4807,7 @@ const yl = [
   }
   // { label: 'ProgressBar', icon: <ProgressBarOutlined />, block: () => ({}) },
   // { label: 'LoopContainer', icon: <ViewListOutlined />, block: () => ({}) },
-], bc = (e) => ({
+], gc = (e) => ({
   Heading: "heading.name",
   Text: "text.name",
   Button: "button.name",
@@ -4781,15 +4820,15 @@ const yl = [
   ColumnsContainer: "columns.name",
   Container: "container.name"
 })[e] || e;
-function Cc({ onSelect: e, disableContainerBlocks: t = !1, containerType: n = null }) {
-  const { t: r } = Se(), i = yl.filter((l) => {
+function hc({ onSelect: e, disableContainerBlocks: t = !1, containerType: n = null }) {
+  const { t: r } = Se(), i = xl.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 = bc(c.type), d = r(s);
+    const c = l.block(), s = gc(c.type), d = r(s);
     return /* @__PURE__ */ o(
-      Cl,
+      yl,
       {
         label: d,
         icon: l.icon,
@@ -4802,18 +4841,18 @@ function Cc({ onSelect: e, disableContainerBlocks: t = !1, containerType: n = nu
   }) });
 }
 const sr = 240;
-function yc() {
+function bc() {
   return `block-${Date.now()}`;
 }
-function xc() {
-  const { t: e } = Se(), t = Do(), n = Qe(), r = Ra(), i = Va(), l = () => {
+function Cc() {
+  const { t: e } = Se(), t = Do(), n = Qe(), r = Oa(), i = Wa(), 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 = Me(null), u = (m) => {
+  }, [c, s] = z(null), d = Oe(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));
@@ -4821,7 +4860,7 @@ function xc() {
     const h = a();
     if (!h)
       return;
-    const b = yc(), S = n[h];
+    const b = bc(), S = n[h];
     if (!S || S.type !== "EmailLayout")
       return;
     const k = [...S.data.childrenIds || [], b];
@@ -4868,7 +4907,7 @@ function xc() {
         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(
-            Oe,
+            Me,
             {
               variant: "contained",
               color: "primary",
@@ -4901,20 +4940,20 @@ function xc() {
                   onMouseLeave: () => g(180),
                   sx: { width: "100%" },
                   children: /* @__PURE__ */ w(
-                    Oe,
+                    Me,
                     {
                       size: "small",
                       sx: { cursor: "default", width: "100%", justifyContent: "space-between" },
                       children: [
                         /* @__PURE__ */ o("span", { children: e("common.more") }),
-                        /* @__PURE__ */ o(vi, {})
+                        /* @__PURE__ */ o(Mi, {})
                       ]
                     }
                   )
                 }
               ),
               /* @__PURE__ */ o(
-                Wl,
+                Hl,
                 {
                   href: "https://uspeedo.com/email",
                   target: "_blank",
@@ -4958,17 +4997,17 @@ function xc() {
         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(Cc, { onSelect: f, disableContainerBlocks: !1 })
+          /* @__PURE__ */ o(hc, { onSelect: f, disableContainerBlocks: !1 })
         ] })
       ] }) })
     }
   );
 }
-const Sc = ho(!1);
-function vc({ value: e, children: t }) {
-  return /* @__PURE__ */ o(Sc.Provider, { value: e, children: t });
+const yc = ho(!1);
+function xc({ value: e, children: t }) {
+  return /* @__PURE__ */ o(yc.Provider, { value: e, children: t });
 }
-const wc = (e) => ({
+const Sc = (e) => ({
   Heading: "heading.name",
   Text: "text.name",
   Button: "button.name",
@@ -4981,7 +5020,7 @@ const wc = (e) => ({
   ColumnsContainer: "columns.name",
   Container: "container.name"
 })[e] || e;
-function Ic({ anchorEl: e, setAnchorEl: t, onSelect: n, disableContainerBlocks: r = !1, containerType: i = null }) {
+function vc({ anchorEl: e, setAnchorEl: t, onSelect: n, disableContainerBlocks: r = !1, containerType: i = null }) {
   const { t: l } = Se(), a = () => {
     t(null);
   }, c = (d) => {
@@ -4989,7 +5028,7 @@ function Ic({ anchorEl: e, setAnchorEl: t, onSelect: n, disableContainerBlocks:
   };
   if (e === null)
     return null;
-  const s = yl.filter((d) => {
+  const s = xl.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"));
   });
@@ -5002,9 +5041,9 @@ function Ic({ 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 = wc(g.type), m = l(f);
+        const g = d.block(), f = Sc(g.type), m = l(f);
         return /* @__PURE__ */ o(
-          Cl,
+          yl,
           {
             label: m,
             icon: d.icon,
@@ -5017,7 +5056,7 @@ function Ic({ anchorEl: e, setAnchorEl: t, onSelect: n, disableContainerBlocks:
     }
   );
 }
-function kc({ buttonElement: e, onClick: t }) {
+function wc({ buttonElement: e, onClick: t }) {
   const [n, r] = z(!1);
   return Ce(() => {
     function i({ clientX: l, clientY: a }) {
@@ -5033,7 +5072,7 @@ function kc({ buttonElement: e, onClick: t }) {
     return window.addEventListener("mousemove", i), () => {
       window.removeEventListener("mousemove", i);
     };
-  }, [e, r]), /* @__PURE__ */ o(Hl, { in: n, children: /* @__PURE__ */ o(
+  }, [e, r]), /* @__PURE__ */ o(Vl, { in: n, children: /* @__PURE__ */ o(
     $e,
     {
       size: "small",
@@ -5058,9 +5097,9 @@ function kc({ buttonElement: e, onClick: t }) {
     }
   ) });
 }
-function Dc({ onClick: e }) {
+function Ic({ onClick: e }) {
   return /* @__PURE__ */ o(
-    Fn,
+    zn,
     {
       onClick: (t) => {
         t.stopPropagation(), e();
@@ -5093,13 +5132,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(Dc, { onClick: s }) : /* @__PURE__ */ o(kc, { buttonElement: a, onClick: s }) }),
-    /* @__PURE__ */ o(Ic, { anchorEl: i, setAnchorEl: l, onSelect: e, disableContainerBlocks: n, containerType: r })
+    /* @__PURE__ */ o("div", { ref: c, style: { position: "relative" }, children: t ? /* @__PURE__ */ o(Ic, { onClick: s }) : /* @__PURE__ */ o(wc, { buttonElement: a, onClick: s }) }),
+    /* @__PURE__ */ o(vc, { anchorEl: i, setAnchorEl: l, onSelect: e, disableContainerBlocks: n, containerType: r })
   ] });
 }
-let Ec = 0;
+let kc = 0;
 function kt() {
-  return `block-${Date.now()}-${++Ec}`;
+  return `block-${Date.now()}-${++kc}`;
 }
 const Gt = () => window.__currentDraggedBlockId || null, Jt = () => window.__currentDraggedBlock || null;
 function Te(e, t) {
@@ -5181,7 +5220,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
         typeof document < "u" && document.body && (document.body.style.cursor = "");
       };
   }, [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 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 x = kt();
     return t({
       blockId: x,
@@ -5199,7 +5238,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
     _.preventDefault(), _.stopPropagation();
     const T = Gt();
     if (T) {
-      const U = Jt(), ie = O.getState().document, C = Lt(U, n, ie);
+      const U = Jt(), ie = M.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)
@@ -5251,7 +5290,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 = O.getState().document;
+    const F = M.getState().document;
     if (!Lt(ie, n, F)) {
       window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, a(null), s(null), u(!1);
       return;
@@ -5279,7 +5318,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
           _.preventDefault(), _.stopPropagation();
           const x = Gt();
           if (x) {
-            const T = Jt(), U = O.getState().document, ie = Lt(T, n, U);
+            const T = Jt(), U = M.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);
           }
         },
@@ -5301,7 +5340,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 = O.getState().document;
+          const C = M.getState().document;
           if (!Lt(T, n, C)) {
             window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, a(null), s(null), u(!1);
             return;
@@ -5350,17 +5389,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(_l, { children: [
+      return /* @__PURE__ */ w(Bl, { 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, M, $, j, R, de, Ee, Pe;
+              var fe, I, O, $, j, R, de, Ee, Pe;
               pe.preventDefault(), pe.stopPropagation();
               const q = Gt();
               if (!q) return;
-              const v = Jt(), Y = O.getState().document, ee = Lt(v, n, Y);
+              const v = Jt(), Y = M.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 && // 如果是同一个容器，需要是不同的列（避免同一列内部拖拽）
               // 如果是不同的容器，只要都在列中即可（允许跨容器拖拽）
@@ -5374,7 +5413,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) || ((M = (I = Be.data.props) == null ? void 0 : I.columns) == null ? void 0 : M.length) || 0) >= 4) {
+                    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) {
                       u(!0), pe.dataTransfer.effectAllowed = "none", pe.dataTransfer.dropEffect = "none", f(null), h(null), s(null);
                       return;
                     }
@@ -5410,18 +5449,18 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                         return;
                       }
                       if (We) {
-                        const dn = pe.currentTarget.getBoundingClientRect(), An = pe.clientX, Tn = dn.left + dn.width / 2;
-                        a(q), s(null), An < Tn ? f("left") : f("right"), h(x);
+                        const dn = pe.currentTarget.getBoundingClientRect(), Tn = pe.clientX, _n = dn.left + dn.width / 2;
+                        a(q), s(null), Tn < _n ? f("left") : f("right"), h(x);
                         return;
                       }
-                      const St = pe.currentTarget.getBoundingClientRect(), Bt = pe.clientX, vt = pe.clientY, Ot = St.bottom, zt = St.width * 0.15;
+                      const St = pe.currentTarget.getBoundingClientRect(), Bt = pe.clientX, vt = pe.clientY, Mt = 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 > Ot - St.height / 2) {
+                      } else if (vt > Mt - St.height / 2) {
                         a(q), s(e.length), f(null), h(null);
                         return;
                       }
@@ -5446,8 +5485,8 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                         return;
                       }
                       if (We) {
-                        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);
+                        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);
                         return;
                       }
                       const Xe = pe.currentTarget.getBoundingClientRect(), Ke = pe.clientX, $t = pe.clientY;
@@ -5463,8 +5502,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, Ot = Math.min(x + 1, vt);
-                          s(Ot);
+                          const vt = (e == null ? void 0 : e.length) || 0, Mt = Math.min(x + 1, vt);
+                          s(Mt);
                         }
                         return;
                       }
@@ -5478,7 +5517,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
             },
             onDragLeave: W,
             onDrop: (pe) => {
-              var vt, Ot, zt, dn, An, Tn, Bo, Oo, Mo, No, Ro, Po, Fo, zo;
+              var vt, Mt, zt, dn, Tn, _n, Bo, Mo, Oo, No, Ro, Po, Fo, zo;
               pe.preventDefault(), pe.stopPropagation();
               const q = pe.dataTransfer.getData("text/plain") || Gt();
               if (!q || !e) {
@@ -5490,7 +5529,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 = 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;
+              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;
               if (ne && !ae && !re && q !== ee) {
                 const Ne = ue.columnIndex, ze = te.columnIndex, Fe = ue.containerId, qe = L[Fe];
                 if (qe && qe.type === "ColumnsContainer") {
@@ -5589,22 +5628,22 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                   if (et) {
                     const tt = L[et];
                     if (tt && tt.type === "ColumnsContainer") {
-                      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;
+                      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;
                       if (lt >= 4) {
                         window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1, a(null), s(null), u(!1);
                         return;
                       }
-                      const pn = Ne ? kt() : q, _n = ((An = tt.data.props) == null ? void 0 : An.columns) || [], Gn = Fe.columnIndex;
+                      const pn = Ne ? kt() : q, Bn = ((Tn = tt.data.props) == null ? void 0 : Tn.columns) || [], Gn = Fe.columnIndex;
                       let Jn, Zn;
                       lt === 2 || lt === 4 ? (Jn = 3, Zn = [null, null, null, null]) : Jn = lt + 1;
                       const fn = [];
                       for (let mn = 0; mn < lt; mn++)
-                        mn === Gn ? (fn.push({ childrenIds: ((Tn = _n[mn]) == null ? void 0 : Tn.childrenIds) || [] }), fn.push({ childrenIds: [pn] })) : fn.push({ childrenIds: ((Bo = _n[mn]) == null ? void 0 : Bo.childrenIds) || [] });
+                        mn === Gn ? (fn.push({ childrenIds: ((_n = Bn[mn]) == null ? void 0 : _n.childrenIds) || [] }), fn.push({ childrenIds: [pn] })) : fn.push({ childrenIds: ((Bo = Bn[mn]) == null ? void 0 : Bo.childrenIds) || [] });
                       (lt === 2 || lt === 4) && lt === 4 && fn.splice(3);
                       const Lo = Ne ? { containerId: null, columnIndex: null } : Te(L, q);
                       let Wo = L;
                       !Ne && Lo.containerId && (Wo = Wt(L, q, Lo));
-                      const El = {
+                      const Al = {
                         ...tt,
                         data: {
                           ...tt.data,
@@ -5618,7 +5657,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                       };
                       _e({
                         ...Wo,
-                        [et]: El,
+                        [et]: Al,
                         [pn]: v
                       }), window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1, a(null), s(null), f(null), h(null);
                       return;
@@ -5639,8 +5678,8 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                   return;
                 }
                 if (n) {
-                  const et = Te(L, n), tt = r || et.columnIndex !== null, lt = Le ? { containerId: null, columnIndex: null } : Te(L, q), pn = lt.columnIndex !== null, _n = (v == null ? void 0 : v.type) === "Container" || (v == null ? void 0 : v.type) === "ColumnsContainer", Gn = pn && tt && lt.containerId === et.containerId && lt.columnIndex !== et.columnIndex;
-                  if (tt && !r && (!pn || Gn) && _n) {
+                  const et = Te(L, n), tt = r || et.columnIndex !== null, lt = Le ? { containerId: null, columnIndex: null } : Te(L, q), pn = lt.columnIndex !== null, Bn = (v == null ? void 0 : v.type) === "Container" || (v == null ? void 0 : v.type) === "ColumnsContainer", Gn = pn && tt && lt.containerId === et.containerId && lt.columnIndex !== et.columnIndex;
+                  if (tt && !r && (!pn || Gn) && Bn) {
                     window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1, a(null), s(null), u(!1);
                     return;
                   }
@@ -5681,7 +5720,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 = ((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;
+                    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;
                     if (Fe >= 4) {
                       window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, a(null), s(null), u(!1);
                       return;
@@ -5794,7 +5833,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                 } : {}
               }
             },
-            children: /* @__PURE__ */ o(kl, { id: _ })
+            children: /* @__PURE__ */ o(Dl, { id: _ })
           }
         )
       ] }, _);
@@ -5803,8 +5842,8 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
   ] });
   return i ? /* @__PURE__ */ o(se, { sx: cr, children: be }) : be;
 }
-const Ac = [{ childrenIds: [] }], Tc = [{ childrenIds: [] }, { childrenIds: [] }], _c = [{ childrenIds: [] }, { childrenIds: [] }, { childrenIds: [] }], Bc = [{ childrenIds: [] }, { childrenIds: [] }, { childrenIds: [] }, { childrenIds: [] }];
-function Oc({ style: e, props: t }) {
+const Dc = [{ childrenIds: [] }], Ec = [{ childrenIds: [] }, { childrenIds: [] }], Ac = [{ childrenIds: [] }, { childrenIds: [] }, { childrenIds: [] }], Tc = [{ childrenIds: [] }, { childrenIds: [] }, { childrenIds: [] }, { childrenIds: [] }];
+function _c({ style: e, props: t }) {
   var E;
   const n = Tt();
   Qe();
@@ -5817,10 +5856,10 @@ function Oc({ style: e, props: t }) {
         N.push({ childrenIds: [] });
       return N;
     }
-    return s === 1 ? Ac : s === 2 ? Tc : s === 4 ? Bc : _c;
+    return s === 1 ? Dc : s === 2 ? Ec : s === 4 ? Tc : Ac;
   }, [i, s]), u = (N, { block: W, blockId: P, childrenIds: he }) => {
     var F, X, V;
-    const be = O.getState().document, ce = be[P] && be[P].type, _ = be[n];
+    const be = M.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;
@@ -5886,13 +5925,13 @@ function Oc({ style: e, props: t }) {
         fillHeight: b || ce
       }
     ) }, W);
-    return b || ce ? /* @__PURE__ */ o(vc, { value: !0, children: x }, W) : x;
+    return b || ce ? /* @__PURE__ */ o(xc, { 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(
-    Mi,
+    gi,
     {
       props: D,
       style: e,
@@ -5900,9 +5939,9 @@ function Oc({ style: e, props: t }) {
     }
   ) });
 }
-function Mc({ style: e, props: t }) {
+function Bc({ style: e, props: t }) {
   const n = (t == null ? void 0 : t.childrenIds) ?? [], r = Qe(), i = Tt();
-  return /* @__PURE__ */ o(Ri, { style: e, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(bi, { style: e, children: /* @__PURE__ */ o(
     To,
     {
       childrenIds: n,
@@ -5920,7 +5959,7 @@ function Mc({ style: e, props: t }) {
               }
             });
           else {
-            const s = O.getState().document, d = s[a] && s[a].type, u = {
+            const s = M.getState().document, d = s[a] && s[a].type, u = {
               [i]: {
                 type: "Container",
                 data: {
@@ -5935,12 +5974,12 @@ function Mc({ style: e, props: t }) {
     }
   ) });
 }
-let Nc = 0;
-function Rc() {
-  return `block-${Date.now()}-${++Nc}`;
+let Mc = 0;
+function Oc() {
+  return `block-${Date.now()}-${++Mc}`;
 }
-const ur = () => window.__currentDraggedBlockId || null, Pc = () => window.__currentDraggedBlock || null;
-function Fc(e) {
+const ur = () => window.__currentDraggedBlockId || null, Nc = () => window.__currentDraggedBlock || null;
+function Rc(e) {
   switch (e ?? "MODERN_SANS") {
     case "MODERN_SANS":
       return "Helvetica, Arial, sans-serif";
@@ -5962,7 +6001,7 @@ function Fc(e) {
       return "monospace";
   }
 }
-function zc(e) {
+function Pc(e) {
   const t = e.childrenIds ?? [], n = Qe(), r = Tt();
   return /* @__PURE__ */ o(
     "div",
@@ -5985,7 +6024,7 @@ function zc(e) {
           window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1;
           return;
         }
-        const u = window.__isSidebarBlock === !0, g = Pc();
+        const u = window.__isSidebarBlock === !0, g = Nc();
         if (!g) {
           window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1;
           return;
@@ -5994,12 +6033,12 @@ function zc(e) {
           window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1;
           return;
         }
-        const f = u ? Rc() : d;
+        const f = u ? Oc() : d;
         if (f === r) {
           window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1;
           return;
         }
-        const m = O.getState().document;
+        const m = M.getState().document;
         if (!u) {
           let ce = { containerId: null, columnIndex: null };
           for (const [_, x] of Object.entries(m)) {
@@ -6067,7 +6106,7 @@ function zc(e) {
             _e(x);
           }
         }
-        const h = [...t, f], b = O.getState().document, S = b[f] && b[f].type, y = {
+        const h = [...t, f], b = M.getState().document, S = b[f] && b[f].type, y = {
           [r]: {
             type: "EmailLayout",
             data: {
@@ -6081,7 +6120,7 @@ function zc(e) {
       style: {
         backgroundColor: e.backdropColor ?? "#F5F5F5",
         color: e.textColor ?? "#262626",
-        fontFamily: Fc(e.fontFamily),
+        fontFamily: Rc(e.fontFamily),
         fontSize: "16px",
         fontWeight: "400",
         letterSpacing: "0.15008px",
@@ -6131,7 +6170,7 @@ function zc(e) {
                       }
                     });
                   else {
-                    const d = O.getState().document, u = d[c] && d[c].type, g = {
+                    const d = M.getState().document, u = d[c] && d[c].type, g = {
                       [r]: {
                         type: "EmailLayout",
                         data: {
@@ -6150,9 +6189,9 @@ function zc(e) {
     }
   );
 }
-function Lc(e) {
+function Fc(e) {
   var g;
-  const { t } = Se(), n = Tt(), r = Xr(), [i, l] = z("url"), [a, c] = z(!1), [s, d] = z(""), u = Me(null);
+  const { t } = Se(), n = Tt(), r = Gr(), [i, l] = z("url"), [a, c] = z(!1), [s, d] = z(""), u = Oe(null);
   if (!((g = e.props) != null && g.url)) {
     const f = async (y) => {
       var D;
@@ -6160,7 +6199,7 @@ function Lc(e) {
       if (!(!k || !r)) {
         c(!0);
         try {
-          const E = await r(k), N = O.getState().document[n];
+          const E = await r(k), N = M.getState().document[n];
           N && N.type === "Image" && _e({
             [n]: {
               ...N,
@@ -6182,7 +6221,7 @@ function Lc(e) {
       var k;
       y.stopPropagation(), y.preventDefault(), (k = u.current) == null || k.click();
     }, h = () => {
-      const y = s.trim().length === 0 ? null : s.trim(), k = O.getState().document[n];
+      const y = s.trim().length === 0 ? null : s.trim(), k = M.getState().document[n];
       k && k.type === "Image" && _e({
         [n]: {
           ...k,
@@ -6230,7 +6269,7 @@ function Lc(e) {
                   size: "small",
                   fullWidth: !0,
                   children: [
-                    /* @__PURE__ */ o(Kn, { fontSize: "small", sx: { mr: 0.5 } }),
+                    /* @__PURE__ */ o(An, { fontSize: "small", sx: { mr: 0.5 } }),
                     t("image.url")
                   ]
                 }
@@ -6269,7 +6308,7 @@ function Lc(e) {
                 }
               ),
               /* @__PURE__ */ o(
-                Oe,
+                Me,
                 {
                   variant: "contained",
                   size: "small",
@@ -6278,7 +6317,7 @@ function Lc(e) {
                   },
                   onMouseDown: (y) => y.stopPropagation(),
                   sx: { minWidth: "auto", px: 2 },
-                  children: /* @__PURE__ */ o(zr, { fontSize: "small" })
+                  children: /* @__PURE__ */ o(jr, { fontSize: "small" })
                 }
               )
             ] }) : /* @__PURE__ */ w(Z, { spacing: 1, children: [
@@ -6293,10 +6332,10 @@ function Lc(e) {
                 }
               ),
               /* @__PURE__ */ o(
-                Oe,
+                Me,
                 {
                   variant: "outlined",
-                  startIcon: a ? /* @__PURE__ */ o(jn, { size: 16 }) : /* @__PURE__ */ o(Ft, {}),
+                  startIcon: a ? /* @__PURE__ */ o(Kn, { size: 16 }) : /* @__PURE__ */ o(Ft, {}),
                   onClick: m,
                   onMouseDown: (y) => y.stopPropagation(),
                   disabled: a || !r,
@@ -6317,13 +6356,13 @@ function Lc(e) {
       onClick: (f) => {
       },
       sx: { display: "inline-block", width: "100%" },
-      children: /* @__PURE__ */ o(Ui, { ...e })
+      children: /* @__PURE__ */ o(ki, { ...e })
     }
   );
 }
-function Wc(e) {
+function zc(e) {
   var g, f, m;
-  const { t } = Se(), n = Tt(), r = Gr(), [i, l] = z("url"), [a, c] = z(!1), [s, d] = z(""), u = Me(null);
+  const { t } = Se(), n = Tt(), r = Jr(), [i, l] = z("url"), [a, c] = z(!1), [s, d] = z(""), u = Oe(null);
   if (!((g = e.props) != null && g.url)) {
     const h = async (D) => {
       var N;
@@ -6331,7 +6370,7 @@ function Wc(e) {
       if (!(!E || !r)) {
         c(!0);
         try {
-          const W = await r(E), P = O.getState().document[n];
+          const W = await r(E), P = M.getState().document[n];
           P && P.type === "Video" && _e({
             [n]: {
               ...P,
@@ -6353,7 +6392,7 @@ function Wc(e) {
       var E;
       D.stopPropagation(), D.preventDefault(), (E = u.current) == null || E.click();
     }, S = () => {
-      const D = s.trim().length === 0 ? null : s.trim(), E = O.getState().document[n];
+      const D = s.trim().length === 0 ? null : s.trim(), E = M.getState().document[n];
       E && E.type === "Video" && _e({
         [n]: {
           ...E,
@@ -6401,7 +6440,7 @@ function Wc(e) {
                   size: "small",
                   fullWidth: !0,
                   children: [
-                    /* @__PURE__ */ o(Kn, { fontSize: "small", sx: { mr: 0.5 } }),
+                    /* @__PURE__ */ o(An, { fontSize: "small", sx: { mr: 0.5 } }),
                     t("video.url")
                   ]
                 }
@@ -6440,7 +6479,7 @@ function Wc(e) {
                 }
               ),
               /* @__PURE__ */ o(
-                Oe,
+                Me,
                 {
                   variant: "contained",
                   size: "small",
@@ -6449,7 +6488,7 @@ function Wc(e) {
                   },
                   onMouseDown: (D) => D.stopPropagation(),
                   sx: { minWidth: "auto", px: 2 },
-                  children: /* @__PURE__ */ o(zr, { fontSize: "small" })
+                  children: /* @__PURE__ */ o(jr, { fontSize: "small" })
                 }
               )
             ] }) : /* @__PURE__ */ w(Z, { spacing: 1, children: [
@@ -6464,10 +6503,10 @@ function Wc(e) {
                 }
               ),
               /* @__PURE__ */ o(
-                Oe,
+                Me,
                 {
                   variant: "outlined",
-                  startIcon: a ? /* @__PURE__ */ o(jn, { size: 16 }) : /* @__PURE__ */ o(Ft, {}),
+                  startIcon: a ? /* @__PURE__ */ o(Kn, { size: 16 }) : /* @__PURE__ */ o(Ft, {}),
                   onClick: b,
                   onMouseDown: (D) => D.stopPropagation(),
                   disabled: a || !r,
@@ -6495,11 +6534,11 @@ function Wc(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(ea, { ...e })
+      children: /* @__PURE__ */ o(Xi, { ...e })
     }
   );
 }
-function Hc(e) {
+function Lc(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(
@@ -6517,14 +6556,14 @@ function Hc(e) {
       },
       children: /* @__PURE__ */ o(ke, { variant: "body2", sx: { textAlign: "center", px: 2 }, children: t("socials.placeholder") })
     }
-  ) : /* @__PURE__ */ o(ta, { ...e });
+  ) : /* @__PURE__ */ o(Gi, { ...e });
 }
-function Vc(e) {
+function Wc(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 Uc(e, t) {
+function Hc(e, t) {
   e.focus();
   const n = t.replace(/\r\n/g, `
 `);
@@ -6535,7 +6574,7 @@ function Uc(e, t) {
   }
   xt(e);
 }
-function $c(e, t, n) {
+function Vc(e, t, n) {
   const r = document;
   let i = null;
   if (r.caretPositionFromPoint) {
@@ -6546,7 +6585,7 @@ function $c(e, t, n) {
   const l = window.getSelection();
   return l == null || l.removeAllRanges(), l == null || l.addRange(i), !0;
 }
-function xl(e) {
+function Sl(e) {
   const t = window.getSelection();
   if (!t) return;
   const n = document.createRange();
@@ -6556,7 +6595,7 @@ function Nt(e) {
   xt(e);
   const t = e.querySelectorAll("p"), n = t.length ? t[t.length - 1] : null;
   if (!n) {
-    xl(e);
+    Sl(e);
     return;
   }
   const r = window.getSelection();
@@ -6564,7 +6603,7 @@ function Nt(e) {
   const i = document.createRange();
   i.selectNodeContents(n), i.collapse(!1), r.removeAllRanges(), r.addRange(i);
 }
-function jc(e) {
+function Uc(e) {
   const t = window.getSelection();
   if (!t || t.rangeCount === 0) return;
   const n = t.getRangeAt(0);
@@ -6572,11 +6611,11 @@ function jc(e) {
   const i = document.createRange();
   i.setStart(n.endContainer, n.endOffset), i.collapse(!0), t.removeAllRanges(), t.addRange(i);
 }
-function Sl(e) {
+function vl(e) {
   const t = document.createElement("span");
-  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;
+  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;
 }
-function vl(e) {
+function wl(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) {
@@ -6588,30 +6627,30 @@ function dr(e) {
     e.setAttribute("contenteditable", "false"), e.setAttribute("contentEditable", "false");
   }
 }
-function Kc(e) {
+function $c(e) {
   try {
     e.contentEditable = "true";
   } catch {
   }
   e.setAttribute("contenteditable", "true"), e.setAttribute("contentEditable", "true");
 }
-function Wn(e) {
+function Hn(e) {
   const t = (e.textContent ?? "").replace(/\u200B/g, "");
   return !!e.querySelector("br") && t.length === 0;
 }
 function xn(e) {
   const t = Array.from(e.querySelectorAll("p")), n = [];
   for (const r of t) {
-    if (Wn(r)) {
+    if (Hn(r)) {
       n.push("");
       continue;
     }
-    n.push(rl(r));
+    n.push(ll(r));
   }
   return n.join(`
 `);
 }
-function qc(e) {
+function jc(e) {
   return qn(e).filter((t) => t.instanceId).map((t) => {
     const n = t.builtin ? "system" : "user";
     return {
@@ -6622,7 +6661,7 @@ function qc(e) {
     };
   });
 }
-function Yc(e, t) {
+function Kc(e, t) {
   const n = window.getSelection();
   if (!n || (n.rangeCount === 0 && Nt(e), n.rangeCount === 0)) return null;
   const r = n.getRangeAt(0);
@@ -6636,31 +6675,31 @@ function Yc(e, t) {
   }
   const u = n.getRangeAt(0);
   u.deleteContents();
-  const g = Sl(t);
+  const g = vl(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 Xc(e, t, n, r) {
+function qc(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 = Sl(r);
+  const a = vl(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 Gc(e) {
+function Yc(e) {
   var E, N, W, P, he, be, ce, _, x, T, U, ie;
-  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 }),
+  const t = Tt(), n = cn(), r = Yr(), i = Xr(), l = qr(), a = ba(), 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(
+    () => nc({ baseGroups: Ao, contactAttributes: l }),
     [l]
   ), S = {
     ..._r(e.style ?? null),
     textAlign: ((E = e.style) == null ? void 0 : E.textAlign) ?? void 0,
-    padding: Vc(e.style ?? null),
+    padding: Wc(e.style ?? null),
     margin: 0
   }, y = en(() => {
     if (!m) return;
@@ -6676,10 +6715,10 @@ function Gc(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 = O.getState().document[t];
+      const X = M.getState().document[t];
       if (!X || X.type !== "Text") return;
       d.current = C;
-      const V = qc(C);
+      const V = jc(C);
       _e({
         [t]: {
           ...X,
@@ -6725,9 +6764,9 @@ function Gc(e) {
     s.current = C.firstElementChild;
     const p = s.current;
     if (!p) return;
-    Kc(p), p.setAttribute("data-monto-text-block-id", t), p.style.outline = "none", p.style.cursor = "text";
+    $c(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), vl(v);
+      dr(v), wl(v);
     const F = { current: !1 }, X = (v) => {
       var Ie, ne;
       if (F.current || v.rangeCount === 0) return null;
@@ -6777,7 +6816,7 @@ function Gc(e) {
     }, V = () => {
       const v = window.getSelection();
       if (!v || v.rangeCount === 0) {
-        yt(null), Bn(null);
+        yt(null), Mn(null);
         return;
       }
       const ee = X(v) ?? v.getRangeAt(0);
@@ -6785,16 +6824,16 @@ function Gc(e) {
       if (ee.collapsed) {
         yt(null);
         const { start: Q } = tn(p, ee);
-        Bn({ blockId: t, offset: Q });
+        Mn({ blockId: t, offset: Q });
         return;
       }
       const { start: L, end: G } = tn(p, ee), ae = Dt(p), re = Math.max(0, Math.min(L, G)), ue = Math.min(ae.length, Math.max(L, G));
       if (re >= ue) {
-        yt(null), Bn({ blockId: t, offset: re });
+        yt(null), Mn({ blockId: t, offset: re });
         return;
       }
-      const te = Mt(p, re);
-      hn({ blockId: t, text: ae, styleSnapshot: te }), yt({ blockId: t, start: re, end: ue }), Bn({ blockId: t, offset: ue });
+      const te = Ot(p, re);
+      hn({ blockId: t, text: ae, styleSnapshot: te }), yt({ blockId: t, start: re, end: ue }), Mn({ blockId: t, offset: ue });
     }, me = () => {
       f.current = null;
       const v = Dt(p), Y = window.getSelection();
@@ -6803,7 +6842,7 @@ function Gc(e) {
         const L = Y.getRangeAt(0);
         if (p.contains(L.startContainer) && p.contains(L.endContainer)) {
           const { start: G } = tn(p, L);
-          ee = Mt(p, Math.min(Math.max(G, 0), Math.max(v.length - 1, 0)));
+          ee = Ot(p, Math.min(Math.max(G, 0), Math.max(v.length - 1, 0)));
         }
       }
       hn({ blockId: t, text: v, styleSnapshot: ee });
@@ -6829,11 +6868,11 @@ function Gc(e) {
         }
       } catch {
       }
-      Uc(p, Y);
+      Hc(p, Y);
     }, Re = (v) => {
       var ee;
       v.preventDefault();
-      const Y = rl(p);
+      const Y = ll(p);
       (ee = v.clipboardData) == null || ee.setData("text/plain", Y);
     }, je = (v) => {
       var Y, ee, L, G, ae, re, ue;
@@ -6863,9 +6902,9 @@ function Gc(e) {
                   const $ = document.createRange();
                   $.setStartAfter(fe), $.collapse(!0), te.removeAllRanges(), te.addRange($);
                 }
-                const I = document.createTextNode(v.key), M = te.rangeCount > 0 ? te.getRangeAt(0) : null;
-                if (M && p.contains(M.startContainer)) {
-                  M.insertNode(I);
+                const I = document.createTextNode(v.key), O = te.rangeCount > 0 ? te.getRangeAt(0) : null;
+                if (O && p.contains(O.startContainer)) {
+                  O.insertNode(I);
                   const $ = document.createRange();
                   $.setStartAfter(I), $.collapse(!0), te.removeAllRanges(), te.addRange($);
                 }
@@ -6885,8 +6924,8 @@ function Gc(e) {
             if (De || oe || (() => {
               var I;
               try {
-                const M = Q.cloneContents();
-                return !!((I = M.querySelector) != null && I.call(M, "a,[data-text-variable]"));
+                const O = Q.cloneContents();
+                return !!((I = O.querySelector) != null && I.call(O, "a,[data-text-variable]"));
               } catch {
                 return !1;
               }
@@ -6917,12 +6956,12 @@ function Gc(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 M = A.previousElementSibling, $ = !1;
-                  for (; M && M.tagName === "P"; ) {
-                    const j = M, R = (j.textContent ?? "").replace(/\u200B/g, "");
+                  let O = A.previousElementSibling, $ = !1;
+                  for (; O && O.tagName === "P"; ) {
+                    const j = O, R = (j.textContent ?? "").replace(/\u200B/g, "");
                     if (!(!!j.querySelector("br") && R.length === 0)) break;
                     const Ee = j;
-                    M = Ee.previousElementSibling, (G = Ee.parentElement) == null || G.removeChild(Ee), $ = !0;
+                    O = Ee.previousElementSibling, (G = Ee.parentElement) == null || G.removeChild(Ee), $ = !0;
                   }
                   if ($) {
                     v.preventDefault(), v.stopPropagation(), xt(p);
@@ -6944,7 +6983,7 @@ function Gc(e) {
         try {
           if (te && te.rangeCount > 0) {
             const ne = te.getRangeAt(0);
-            p.contains(ne.startContainer) && p.contains(ne.endContainer) && (Q = ((ae = ((H) => H.nodeType === Node.ELEMENT_NODE ? H : H.parentElement)(ne.startContainer)) == null ? void 0 : ae.closest("p")) ?? null, Q && (Ie = Wn(Q)));
+            p.contains(ne.startContainer) && p.contains(ne.endContainer) && (Q = ((ae = ((H) => H.nodeType === Node.ELEMENT_NODE ? H : H.parentElement)(ne.startContainer)) == null ? void 0 : ae.closest("p")) ?? null, Q && (Ie = Hn(Q)));
           }
         } catch {
           Q = null, Ie = !1;
@@ -6954,18 +6993,18 @@ function Gc(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 = ((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;
+              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;
                 }
-                return M.nodeType === Node.ELEMENT_NODE ? M.childNodes[A.startOffset] ?? null : null;
+                return O.nodeType === Node.ELEMENT_NODE ? O.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 M = document.createRange();
-                M.selectNodeContents(oe), M.setStart(A.startContainer, A.startOffset);
-                const $ = M.extractContents(), j = document.createElement("p");
+                const O = document.createRange();
+                O.selectNodeContents(oe), O.setStart(A.startContainer, A.startOffset);
+                const $ = O.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();
@@ -6976,7 +7015,7 @@ function Gc(e) {
         } catch {
         }
         document.execCommand("insertParagraph", !1), xt(p), requestAnimationFrame(() => {
-          var M, $, j, R, de, Ee, Pe, ye, Be, xe;
+          var O, $, j, R, de, Ee, Pe, ye, Be, xe;
           try {
             p.focus({ preventScroll: !0 });
           } catch {
@@ -6984,12 +7023,12 @@ function Gc(e) {
           const ne = window.getSelection();
           try {
             if (Q && Q.isConnected) {
-              const ge = ((M = Q.nextElementSibling) == null ? void 0 : M.tagName) === "P" ? Q.nextElementSibling : null;
+              const ge = ((O = Q.nextElementSibling) == null ? void 0 : O.tagName) === "P" ? Q.nextElementSibling : null;
               if (ge && ne) {
                 try {
-                  if (!Ie && Wn(ge)) {
+                  if (!Ie && Hn(ge)) {
                     const We = (($ = ge.nextElementSibling) == null ? void 0 : $.tagName) === "P" ? ge.nextElementSibling : null;
-                    We && Wn(We) && ((j = We.parentElement) == null || j.removeChild(We), xt(p));
+                    We && Hn(We) && ((j = We.parentElement) == null || j.removeChild(We), xt(p));
                   }
                 } catch {
                 }
@@ -7121,7 +7160,7 @@ function Gc(e) {
           return;
         }
       }
-      p.focus({ preventScroll: !0 }), $c(p, v.clientX, v.clientY) || xl(p), jc(p), yt(null), requestAnimationFrame(V);
+      p.focus({ preventScroll: !0 }), Vc(p, v.clientX, v.clientY) || Sl(p), Uc(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);
@@ -7143,21 +7182,21 @@ function Gc(e) {
         De && oe && (oe.removeAllRanges(), oe.addRange(De));
       } else
         Nt(p);
-      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 ?? "";
+      const G = Kc(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 ?? "";
       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 ? Mt(p, Math.max(0, ne.length - 1)) : {};
+      const A = ne.length > 0 ? Ot(p, Math.max(0, ne.length - 1)) : {};
       hn({ blockId: t, text: ne, styleSnapshot: A });
       return;
     } else if (C.kind === "replaceVariable") {
-      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 ?? "";
+      const G = qc(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 ?? "";
       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 ? Mt(p, Math.max(0, ne.length - 1)) : {};
+      const ne = Dt(p), A = ne.length > 0 ? Ot(p, Math.max(0, ne.length - 1)) : {};
       hn({ blockId: t, text: ne, styleSnapshot: A }), yt(null);
       return;
     } else {
@@ -7172,26 +7211,26 @@ function Gc(e) {
         return;
       }
       const re = window.getSelection();
-      re == null || re.removeAllRanges(), re == null || re.addRange(ae), C.kind === "style" ? cs(p, G.start, G.end, {
+      re == null || re.removeAllRanges(), re == null || re.addRange(ae), C.kind === "style" ? as(p, G.start, G.end, {
         patch: C.style,
         global: e.style ?? null
-      }) : us(p, G.start, G.end, C.href, C.targetBlank);
+      }) : ss(p, G.start, G.end, C.href, C.targetBlank);
     }
     xt(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);
+    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);
     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 ? Mt(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 ? Ot(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(Yl, { ...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(Xl, { ...e }) });
 }
-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];
+function Xc(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];
     d && d.type === "Heading" && _e({
       [t]: {
         ...d,
@@ -7237,11 +7276,11 @@ function Jc(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(zi, { ...e }) });
+  }, [a, t, c]), /* @__PURE__ */ o(se, { ref: r, children: /* @__PURE__ */ o(xi, { ...e }) });
 }
-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];
+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];
     d && d.type === "Button" && _e({
       [t]: {
         ...d,
@@ -7308,9 +7347,9 @@ function Zc(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(Xl, { ...e }) });
+  }, [a, t, c]), /* @__PURE__ */ o(se, { ref: r, children: /* @__PURE__ */ o(Gl, { ...e }) });
 }
-function Qc() {
+function Jc() {
   return `block-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
 }
 function go(e, t) {
@@ -7318,7 +7357,7 @@ function go(e, t) {
   const n = e[t];
   if (!n)
     return { newDocument: e, newBlockId: t };
-  const r = Qc(), i = JSON.parse(JSON.stringify(n));
+  const r = Jc(), 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 = [];
@@ -7358,7 +7397,7 @@ function pr(e, t) {
   }
   return { containerId: null, columnIndex: null };
 }
-const eu = {
+const Zc = {
   position: "absolute",
   bottom: -12,
   left: -50,
@@ -7367,7 +7406,7 @@ const eu = {
   paddingY: 0.5,
   zIndex: "fab"
 };
-function tu({ blockId: e }) {
+function Qc({ blockId: e }) {
   const t = Qe(), n = pr(t, e), r = mt.useMemo(() => {
     var u, g;
     if (!n.containerId)
@@ -7594,19 +7633,19 @@ function tu({ blockId: e }) {
     }
     Rt(d), nt(e);
   };
-  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" }) }) }),
+  return /* @__PURE__ */ o(Co, { sx: Zc, 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(Zi, { 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(Ji, { fontSize: "small" }) }) }),
     (r.canMoveUp || r.canMoveDown) && /* @__PURE__ */ o(rn, { sx: { my: 1, mx: 1 } }),
-    e !== "root" && /* @__PURE__ */ o(Ze, { title: "Duplicate", placement: "left", arrow: !0, children: /* @__PURE__ */ o($e, { onClick: l, sx: { color: "text.primary" }, children: /* @__PURE__ */ o(ki, { sx: { fontSize: "16px" } }) }) }),
-    /* @__PURE__ */ o(Ze, { title: "Delete", placement: "left", arrow: !0, children: /* @__PURE__ */ o($e, { onClick: i, sx: { color: "text.primary" }, children: /* @__PURE__ */ o(Di, { color: "error", fontSize: "small" }) }) })
+    e !== "root" && /* @__PURE__ */ o(Ze, { title: "Duplicate", placement: "left", arrow: !0, children: /* @__PURE__ */ o($e, { onClick: l, sx: { color: "text.primary" }, children: /* @__PURE__ */ o(Qi, { sx: { fontSize: "16px" } }) }) }),
+    /* @__PURE__ */ o(Ze, { title: "Delete", placement: "left", arrow: !0, children: /* @__PURE__ */ o($e, { onClick: i, sx: { color: "text.primary" }, children: /* @__PURE__ */ o(ea, { color: "error", fontSize: "small" }) }) })
   ] }) });
 }
 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 = Me(!1), m = O.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 = Oe(!1), m = M.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(tu, { blockId: u }), y = (E) => {
+  const S = () => t !== u || a ? null : /* @__PURE__ */ o(Qc, { blockId: u }), y = (E) => {
     if (!g.current) {
       E.preventDefault();
       return;
@@ -7698,7 +7737,7 @@ function st({ children: e }) {
                 borderColor: "primary.main"
               }
             },
-            children: /* @__PURE__ */ o(Fr, { fontSize: "small" })
+            children: /* @__PURE__ */ o($r, { fontSize: "small" })
           }
         ),
         S(),
@@ -7707,80 +7746,80 @@ function st({ children: e }) {
     }
   );
 }
-const wl = Ji({
+const Il = Ki({
   Button: {
-    schema: Mr,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Zc, { ...e }) })
+    schema: Or,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Gc, { ...e }) })
   },
   Container: {
-    schema: dl,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Mc, { ...e }) })
+    schema: pl,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Bc, { ...e }) })
   },
   ColumnsContainer: {
     schema: Xn,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Oc, { ...e }) })
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(_c, { ...e }) })
   },
   Heading: {
-    schema: Hr,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Jc, { ...e }) })
+    schema: Lr,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Xc, { ...e }) })
   },
   Html: {
-    schema: Vr,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Li, { ...e }) })
+    schema: Wr,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Si, { ...e }) })
   },
   Image: {
-    schema: Ur,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Lc, { ...e }) })
+    schema: Hr,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Fc, { ...e }) })
   },
   Video: {
-    schema: gl,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Wc, { ...e }) })
+    schema: hl,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(zc, { ...e }) })
   },
   Text: {
     schema: Br,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Gc, { ...e }) })
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Yc, { ...e }) })
   },
   EmailLayout: {
-    schema: pl,
-    Component: (e) => /* @__PURE__ */ o(zc, { ...e })
+    schema: fl,
+    Component: (e) => /* @__PURE__ */ o(Pc, { ...e })
   },
   Spacer: {
-    schema: $r,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(ji, { ...e }) })
+    schema: Vr,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Ei, { ...e }) })
   },
   Divider: {
-    schema: Wr,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Pi, { ...e }) })
+    schema: Fr,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Ci, { ...e }) })
   },
   Socials: {
-    schema: bl,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Hc, { ...e }) })
+    schema: Cl,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Lc, { ...e }) })
   }
-}), nu = Zi(wl), ou = Qi(wl), ru = J.record(J.string(), ou), Il = ho(null), Tt = () => hr(Il);
-function kl({ id: e }) {
+}), eu = qi(Il), tu = Yi(Il), nu = J.record(J.string(), tu), kl = ho(null), Tt = () => hr(kl);
+function Dl({ id: e }) {
   const n = Qe()[e];
   if (!n)
     throw new Error("Could not find block");
-  return /* @__PURE__ */ o(Il.Provider, { value: e, children: /* @__PURE__ */ o(nu, { ...n }) });
+  return /* @__PURE__ */ o(kl.Provider, { value: e, children: /* @__PURE__ */ o(eu, { ...n }) });
 }
-function lu() {
+function ou() {
   const e = ko(), t = () => {
-    wa();
+    Sa();
   };
-  return e ? /* @__PURE__ */ o($e, { onClick: t, children: /* @__PURE__ */ o(oa, { fontSize: "small" }) }) : /* @__PURE__ */ o($e, { onClick: t, children: /* @__PURE__ */ o(na, { fontSize: "small" }) });
+  return e ? /* @__PURE__ */ o($e, { onClick: t, children: /* @__PURE__ */ o(na, { fontSize: "small" }) }) : /* @__PURE__ */ o($e, { onClick: t, children: /* @__PURE__ */ o(ta, { fontSize: "small" }) });
 }
-function iu() {
-  return Do() ? /* @__PURE__ */ o(ra, { fontSize: "small" }) : /* @__PURE__ */ o(la, { fontSize: "small" });
+function ru() {
+  return Do() ? /* @__PURE__ */ o(oa, { fontSize: "small" }) : /* @__PURE__ */ o(ra, { fontSize: "small" });
 }
-function au() {
-  const e = iu();
-  return /* @__PURE__ */ o($e, { onClick: Ia, children: e });
+function lu() {
+  const e = ru();
+  return /* @__PURE__ */ o($e, { onClick: va, children: e });
 }
-function su() {
+function iu() {
   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(ia, { fontSize: "small" }) }) });
+  return /* @__PURE__ */ o(Ze, { title: e("common.downloadJson"), arrow: !0, children: /* @__PURE__ */ o($e, { href: n, download: "emailTemplate.json", children: /* @__PURE__ */ o(la, { fontSize: "small" }) }) });
 }
-let ut = null, ro = null, lo = null, En = null, cu = !1, io = !1;
+let ut = null, ro = null, lo = null, En = null, au = !1, io = !1;
 async function _o() {
   if (!(ut || io) && !(typeof window > "u")) {
     io = !0;
@@ -7791,7 +7830,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), cu = !0);
+      En = r.default || r, ut != null && ut.registerLanguage && (ro && ut.registerLanguage("json", ro), lo && ut.registerLanguage("html", lo), au = !0);
     } catch {
     } finally {
       io = !1;
@@ -7813,7 +7852,7 @@ const fr = (e) => {
 `);
   }
   return e;
-}, uu = (e) => {
+}, su = (e) => {
   var i, l;
   const t = e.split(`
 `), n = [], r = [];
@@ -7844,12 +7883,12 @@ const fr = (e) => {
   return r.join(`
 `);
 };
-function du(e) {
+function cu(e) {
   try {
     if (e.includes(`
 `) && e.trim().length > 0) {
       let a = fr(e);
-      return a = uu(a), a;
+      return a = su(a), a;
     }
     let t = e.replace(/></g, `>
 <`).replace(/\n\s*\n/g, `
@@ -7872,7 +7911,7 @@ function du(e) {
     return e;
   }
 }
-function pu(e) {
+function uu(e) {
   try {
     const t = JSON.parse(e);
     return JSON.stringify(t, null, 2);
@@ -7880,9 +7919,9 @@ function pu(e) {
     return e;
   }
 }
-async function fu(e) {
+async function du(e) {
   await _o();
-  const t = du(e);
+  const t = cu(e);
   return !ut || !En ? /* @__PURE__ */ o("pre", { style: { margin: 0, padding: 16, whiteSpace: "pre-wrap" }, children: t }) : /* @__PURE__ */ o(
     ut,
     {
@@ -7896,9 +7935,9 @@ async function fu(e) {
     }
   );
 }
-async function mu(e) {
+async function pu(e) {
   await _o();
-  const t = pu(e);
+  const t = uu(e);
   return !ut || !En ? /* @__PURE__ */ o("pre", { style: { margin: 0, padding: 16, whiteSpace: "pre-wrap" }, children: t }) : /* @__PURE__ */ o(
     ut,
     {
@@ -7912,15 +7951,15 @@ async function mu(e) {
     }
   );
 }
-function Dl({ type: e, value: t }) {
+function El({ type: e, value: t }) {
   const [n, r] = z(null);
   return Ce(() => {
     switch (e) {
       case "html":
-        fu(t).then(r);
+        du(t).then(r);
         return;
       case "json":
-        mu(t).then(r);
+        pu(t).then(r);
         return;
     }
   }, [t, e]), n === null ? null : /* @__PURE__ */ o(
@@ -7934,7 +7973,7 @@ function Dl({ type: e, value: t }) {
     }
   );
 }
-function gu() {
+function fu() {
   const e = Qe(), [t, n] = z("");
   return Ce(() => {
     try {
@@ -7943,7 +7982,7 @@ function gu() {
     } catch {
       n("<!-- Error rendering HTML -->");
     }
-  }, [e]), /* @__PURE__ */ o(Dl, { type: "html", value: t });
+  }, [e]), /* @__PURE__ */ o(El, { type: "html", value: t });
 }
 function mr(e) {
   let t;
@@ -7952,10 +7991,10 @@ function mr(e) {
   } catch {
     return { error: "Invalid json" };
   }
-  const n = ru.safeParse(t);
+  const n = nu.safeParse(t);
   return n.success ? n.data.root ? { data: n.data } : { error: 'Missing "root" node' } : { error: "Invalid JSON schema" };
 }
-function hu({ onClose: e }) {
+function mu({ onClose: e }) {
   const { t } = Se(), [n, r] = z(""), [i, l] = z(null), a = (s) => {
     const d = s.currentTarget.value;
     r(d);
@@ -7963,7 +8002,7 @@ function hu({ onClose: e }) {
     l(u ?? null);
   };
   let c = null;
-  return i && (c = /* @__PURE__ */ o(Vl, { color: "error", children: i })), /* @__PURE__ */ w(Cr, { open: !0, onClose: e, children: [
+  return i && (c = /* @__PURE__ */ o(Ul, { color: "error", children: i })), /* @__PURE__ */ w(Cr, { open: !0, onClose: e, children: [
     /* @__PURE__ */ o(yr, { children: t("common.importJson") }),
     /* @__PURE__ */ w(
       "form",
@@ -7992,28 +8031,28 @@ function hu({ onClose: e }) {
             )
           ] }),
           /* @__PURE__ */ w(Sr, { children: [
-            /* @__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") })
+            /* @__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") })
           ] })
         ]
       }
     )
   ] });
 }
-function bu() {
+function gu() {
   const { t: e } = Se(), [t, n] = z(!1);
   let r = null;
-  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" }) }) }),
+  return t && (r = /* @__PURE__ */ o(mu, { 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(ia, { fontSize: "small" }) }) }),
     r
   ] });
 }
-function Cu() {
+function hu() {
   const e = Qe(), t = ct(() => JSON.stringify(e, null, "  "), [e]);
-  return /* @__PURE__ */ o(Dl, { type: "json", value: t });
+  return /* @__PURE__ */ o(El, { type: "json", value: t });
 }
-function yu() {
-  const { t: e } = Se(), t = Io(), n = Jr();
+function bu() {
+  const { t: e } = Se(), t = Io(), n = Zr();
   return /* @__PURE__ */ w(kr, { value: t, onChange: (i, l) => {
     switch (l) {
       case "json":
@@ -8030,34 +8069,34 @@ function yu() {
       Zt,
       {
         value: "editor",
-        label: /* @__PURE__ */ o(Ze, { title: e("tabs.edit"), arrow: !0, children: /* @__PURE__ */ o(ua, { fontSize: "small" }) })
+        label: /* @__PURE__ */ o(Ze, { title: e("tabs.edit"), arrow: !0, children: /* @__PURE__ */ o(sa, { fontSize: "small" }) })
       }
     ),
     /* @__PURE__ */ o(
       Zt,
       {
         value: "preview",
-        label: /* @__PURE__ */ o(Ze, { title: e("tabs.preview"), arrow: !0, children: /* @__PURE__ */ o(da, { fontSize: "small" }) })
+        label: /* @__PURE__ */ o(Ze, { title: e("tabs.preview"), arrow: !0, children: /* @__PURE__ */ o(ca, { fontSize: "small" }) })
       }
     ),
     /* @__PURE__ */ o(
       Zt,
       {
         value: "html",
-        label: /* @__PURE__ */ o(Ze, { title: e("tabs.htmlOutput"), arrow: !0, children: /* @__PURE__ */ o(sa, { fontSize: "small" }) })
+        label: /* @__PURE__ */ o(Ze, { title: e("tabs.htmlOutput"), arrow: !0, children: /* @__PURE__ */ o(aa, { fontSize: "small" }) })
       }
     ),
     n && /* @__PURE__ */ o(
       Zt,
       {
         value: "json",
-        label: /* @__PURE__ */ o(Ze, { title: e("tabs.jsonOutput"), arrow: !0, children: /* @__PURE__ */ o(ca, { fontSize: "small" }) })
+        label: /* @__PURE__ */ o(Ze, { title: e("tabs.jsonOutput"), arrow: !0, children: /* @__PURE__ */ o(Ur, { fontSize: "small" }) })
       }
     )
   ] });
 }
-function xu() {
-  const { t: e } = Se(), t = Ta();
+function Cu() {
+  const { t: e } = Se(), t = Ea();
   return /* @__PURE__ */ o(
     ke,
     {
@@ -8078,17 +8117,17 @@ function xu() {
     }
   );
 }
-function Su() {
-  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 yu() {
+  const { t: e } = Se(), t = za();
+  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(ua, { 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 xu() {
+  const { t: e } = Se(), t = Fa();
+  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(da, { fontSize: "small" }) }) }) });
 }
-function wu() {
+function Su() {
   var g, f, m, h, b, S;
-  const { t: e } = Se(), t = Qe(), n = Io(), r = ba(), i = Jr();
+  const { t: e } = Se(), t = Qe(), n = Io(), r = ga(), i = Zr();
   mt.useEffect(() => {
     !i && n === "json" && po("editor");
   }, [i, n]);
@@ -8112,13 +8151,13 @@ function wu() {
   }, u = () => {
     switch (n) {
       case "editor":
-        return /* @__PURE__ */ o(se, { sx: l, children: /* @__PURE__ */ o(kl, { id: "root" }) });
+        return /* @__PURE__ */ o(se, { sx: l, children: /* @__PURE__ */ o(Dl, { id: "root" }) });
       case "preview":
-        return /* @__PURE__ */ o(se, { sx: l, children: /* @__PURE__ */ o(jl, { document: t, rootBlockId: "root" }) });
+        return /* @__PURE__ */ o(se, { sx: l, children: /* @__PURE__ */ o(Kl, { document: t, rootBlockId: "root" }) });
       case "html":
-        return /* @__PURE__ */ o(gu, {});
+        return /* @__PURE__ */ o(fu, {});
       case "json":
-        return i ? /* @__PURE__ */ o(Cu, {}) : null;
+        return i ? /* @__PURE__ */ o(hu, {}) : null;
     }
   };
   return /* @__PURE__ */ w(se, { sx: { display: "flex", flexDirection: "column", height: "100%", overflow: "hidden" }, children: [
@@ -8139,22 +8178,22 @@ function wu() {
         justifyContent: "space-between",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ o(au, {}),
-          /* @__PURE__ */ o(xu, {}),
+          /* @__PURE__ */ o(lu, {}),
+          /* @__PURE__ */ o(Cu, {}),
           /* @__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(yu, {}) }),
+            /* @__PURE__ */ o(Z, { direction: "row", spacing: 2, children: /* @__PURE__ */ o(bu, {}) }),
             /* @__PURE__ */ w(Z, { direction: "row", spacing: 2, alignItems: "center", children: [
-              /* @__PURE__ */ o(vu, {}),
-              /* @__PURE__ */ o(Su, {}),
-              i && /* @__PURE__ */ o(su, {}),
-              i && /* @__PURE__ */ o(bu, {}),
+              /* @__PURE__ */ o(xu, {}),
+              /* @__PURE__ */ o(yu, {}),
+              i && /* @__PURE__ */ o(iu, {}),
+              i && /* @__PURE__ */ o(gu, {}),
               /* @__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(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(Ze, { title: e("common.desktopView"), arrow: !0, children: /* @__PURE__ */ o(le, { value: "desktop", sx: s === "desktop" ? d : void 0, children: /* @__PURE__ */ o($i, { 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(ji, { fontSize: "small" }) }) })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ o(lu, {})
+          /* @__PURE__ */ o(ou, {})
         ]
       }
     ),
@@ -8168,7 +8207,7 @@ function gr(e, t) {
     duration: t ? n.duration.enteringScreen : n.duration.leavingScreen
   });
 }
-function Iu() {
+function vu() {
   const e = ko(), t = Do(), n = gr("margin-left", t), r = gr("margin-right", e);
   return Ce(() => {
     const i = (l) => {
@@ -8176,13 +8215,13 @@ function Iu() {
         const a = l.target;
         if (a.tagName === "INPUT" || a.tagName === "TEXTAREA" || a.isContentEditable)
           return;
-        l.preventDefault(), Zr();
+        l.preventDefault(), Qr();
       }
       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(), Qr();
+        l.preventDefault(), el();
       }
     };
     return window.addEventListener("keydown", i), () => {
@@ -8199,7 +8238,7 @@ function Iu() {
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ o(xc, {}),
+        /* @__PURE__ */ o(Cc, {}),
         /* @__PURE__ */ o(
           Z,
           {
@@ -8212,15 +8251,15 @@ function Iu() {
               overflow: "hidden",
               zIndex: 0
             },
-            children: /* @__PURE__ */ o(wu, {})
+            children: /* @__PURE__ */ o(Su, {})
           }
         ),
-        /* @__PURE__ */ o(pc, {})
+        /* @__PURE__ */ o(uc, {})
       ]
     }
   );
 }
-const ku = Bl(function() {
+const wu = Ml(function() {
   return /* @__PURE__ */ o(
     se,
     {
@@ -8232,10 +8271,10 @@ const ku = Bl(function() {
         flexDirection: "column",
         overflow: "hidden"
       },
-      children: /* @__PURE__ */ o(Iu, {})
+      children: /* @__PURE__ */ o(vu, {})
     }
   );
-}), Du = Ol(({
+}), Iu = Ol(({
   initialDocument: e,
   language: t = "en",
   imageUploadHandler: n,
@@ -8252,10 +8291,10 @@ const ku = Bl(function() {
   contactAttributes: m,
   variables: h
 }, b) => {
-  const S = Me(!1);
+  const S = Oe(!1);
   if (!S.current) {
     const y = Xo(e ?? sn);
-    ga({
+    fa({
       document: to(y, h),
       language: t,
       showJsonFeatures: s,
@@ -8270,20 +8309,20 @@ const ku = Bl(function() {
     }
   }, [e]), Ce(() => {
     if (h === void 0 || h.length === 0) return;
-    const y = O.getState().document;
+    const y = M.getState().document;
     Rt(to(y, h));
   }, [h]), Ce(() => {
-    t !== void 0 && Aa(t);
+    t !== void 0 && Da(t);
   }, [t]), Ce(() => {
-    ka(n);
+    wa(n);
   }, [n]), Ce(() => {
-    Da(r);
+    Ia(r);
   }, [r]), Ce(() => {
-    va(i);
-  }, [i]), Ml(b, () => ({
+    xa(i);
+  }, [i]), Nl(b, () => ({
     getData: (y) => {
       Go();
-      const k = O.getState().document;
+      const k = M.getState().document;
       try {
         const D = yo(k, { rootBlockId: "root" });
         y(k, D);
@@ -8293,32 +8332,32 @@ const ku = Bl(function() {
     },
     getVariables: (y) => {
       Go();
-      const k = O.getState().document;
-      y(ys(k));
+      const k = M.getState().document;
+      y(bs(k));
     }
   })), Ce(() => {
-    l !== void 0 && _a(l);
+    l !== void 0 && Aa(l);
   }, [l]), Ce(() => {
-    Ba(a);
+    Ta(a);
   }, [a]), Ce(() => {
-    Na(s);
+    Ma(s);
   }, [s]), Ce(() => {
-    Pa(d);
+    Na(d);
   }, [d]), Ce(() => {
-    Oa(g);
+    _a(g);
   }, [g]), Ce(() => {
-    Ma(f);
+    Ba(f);
   }, [f]), Ce(() => {
-    ha(m);
-  }, [m]), /* @__PURE__ */ w(Ul, { theme: c || ks, children: [
-    /* @__PURE__ */ o($l, {}),
-    /* @__PURE__ */ o(Ha, { value: u ?? null, children: /* @__PURE__ */ o(ku, {}) })
+    ma(m);
+  }, [m]), /* @__PURE__ */ w($l, { theme: c || ws, children: [
+    /* @__PURE__ */ o(jl, {}),
+    /* @__PURE__ */ o(La, { value: u ?? null, children: /* @__PURE__ */ o(wu, {}) })
   ] });
 });
-Du.displayName = "EmailBuilder";
+Iu.displayName = "EmailBuilder";
 export {
-  Du as EmailBuilder,
-  Du as default,
+  Iu as EmailBuilder,
+  Iu as default,
   Qe as useDocument,
-  Ea as useLanguage
+  ka as useLanguage
 };