npm - monto-email-builder - Versions diffs - 1.2.3 → 1.2.5 - Mend

monto-email-builder 1.2.3 → 1.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/dist/index.js CHANGED Viewed

@@ -3,7 +3,7 @@ var _l = (e, t, n) => t in e ? Tl(e, t, { enumerable: !0, configurable: !0, writ
 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 Oe, useMemo as ct, useCallback as en, Fragment as Bl, useLayoutEffect as Qn, memo as Ml, forwardRef as Ol, useImperativeHandle as Nl } from "react";
-import { Box as se, Typography as ke, Stack as Z, Button as Me, InputLabel as At, Menu as br, ButtonBase as Fn, ToggleButtonGroup as bo, TextField as dt, ToggleButton as le, MenuItem as on, Slider as Rl, Dialog as Cr, DialogTitle as yr, DialogContent as xr, DialogActions as Sr, CircularProgress as jn, FormControlLabel as vr, Switch as Pl, IconButton as $e, Divider as rn, Popover as ao, Select as wr, Checkbox as Fl, Accordion as zl, AccordionSummary as Ll, AccordionDetails as Wl, Paper as Co, Drawer as Ir, Tabs as kr, Tab as Zt, Link as Hl, Fade as Vl, Tooltip as Ze, Alert as Ul, useTheme as Dr, ThemeProvider as $l, CssBaseline as jl } from "@mui/material";
+import { 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";
@@ -11,29 +11,82 @@ import { E as sn } from "./chunks/chunk-Cc3ecmGS.js";
 import { getFontFamily as Tr, styleToCss as _r, getResolvedTextBodyHtml as Ht, TextPropsSchema as Br, Text as Xl } from "monto-email-block-text";
 import { createTheme as Mr, alpha as eo, lighten as jt, darken as Ho } from "@mui/material/styles";
 import { ButtonPropsDefaults as Kt, ButtonPropsSchema as Or, Button as Gl } from "monto-email-block-button";
-import { CloseOutlined as Nr, AddOutlined as xo, TextFieldsOutlined as Jl, TitleOutlined as Zl, AlignVerticalTopOutlined as Ql, AlignVerticalBottomOutlined as ei, AlignHorizontalLeftOutlined as ti, AlignHorizontalRightOutlined as ni, FormatAlignLeftOutlined as oi, FormatAlignCenterOutlined as ri, FormatAlignRightOutlined as li, RoundedCornerOutlined as ii, SpaceBarOutlined as ai, VerticalAlignTopOutlined as So, VerticalAlignCenterOutlined as vo, VerticalAlignBottomOutlined as wo, UnfoldMoreOutlined as si, HeightOutlined as Rr, AspectRatioOutlined as Pr, LinkOutlined as Kn, CloudUploadOutlined as Ft, DataObjectOutlined as Fr, DragIndicator as zr, DeleteOutline as ci, Add as ui, HMobiledataOutlined as di, NotesOutlined as pi, SmartButtonOutlined as fi, ImageOutlined as mi, VideocamOutlined as gi, HorizontalRuleOutlined as hi, Crop32Outlined as bi, ShareOutlined as Ci, HtmlOutlined as yi, ViewColumnOutlined as xi, LibraryAddOutlined as Si, ArrowRightOutlined as vi, Check as Lr, ArrowUpwardOutlined as wi, ArrowDownwardOutlined as Ii, ContentCopyOutlined as ki, DeleteOutlined as Di, LastPageOutlined as Ei, AppRegistrationOutlined as Ai, FirstPageOutlined as Ti, MenuOutlined as _i, FileDownloadOutlined as Bi, FileUploadOutlined as Mi, EditOutlined as Oi, PreviewOutlined as Ni, CodeOutlined as Ri, RedoOutlined as Pi, UndoOutlined as Fi, MonitorOutlined as zi, PhoneIphoneOutlined as Li } from "@mui/icons-material";
-import { HexColorPicker as Wi, HexColorInput as Hi } from "react-colorful";
-import Vi from "@mui/icons-material/FormatBoldOutlined";
-import Ui from "@mui/icons-material/FormatItalicOutlined";
-import $i from "@mui/icons-material/FormatUnderlinedOutlined";
-import ji from "@mui/icons-material/StrikethroughSOutlined";
+import 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 Wr, ColumnsContainer as Ki } from "monto-email-block-columns-container";
-import { ContainerPropsSchema as qi, Container as Yi } from "monto-email-block-container";
-import { DividerPropsDefaults as Vo, DividerPropsSchema as Hr, Divider as Xi } from "monto-email-block-divider";
-import { HeadingPropsDefaults as Gi, HeadingPropsSchema as Vr, Heading as Ji } from "monto-email-block-heading";
-import { HtmlPropsSchema as Ur, Html as Zi } from "monto-email-block-html";
-import Qi from "@uiw/react-codemirror";
-import { html as ea } from "@codemirror/lang-html";
-import { dracula as ta } from "@uiw/codemirror-themes-all";
-import { ImagePropsSchema as $r, Image as na } from "monto-email-block-image";
-import { SpacerPropsDefaults as oa, SpacerPropsSchema as jr, Spacer as ra } from "monto-email-block-spacer";
-import la from "@mui/icons-material/ExpandMoreOutlined";
-import ia from "@mui/icons-material/LinkOutlined";
-import aa from "@mui/material/ToggleButton";
-import { buildBlockConfigurationDictionary as sa, buildBlockComponent as ca, buildBlockConfigurationSchema as ua } from "monto-email-document-core";
-import { Video as da } from "monto-email-block-video";
-import { Socials as pa } from "monto-email-block-socials";
+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) {
@@ -106,10 +159,10 @@ class Kr {
     return JSON.stringify(t) === JSON.stringify(n);
   }
 }
-let fa = 0, Hn = null, so = null, co = !0, uo = !0, He = null;
-function ma(e) {
-  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) ?? [];
+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,
@@ -127,11 +180,11 @@ function ma(e) {
   }), Ar(n);
 }
 if (!He) {
-  const e = Hn || sn;
+  const e = Vn || sn;
   He = new Kr(e);
 }
 const M = ql((e, t) => ({
-  document: Hn || sn,
+  document: Vn || sn,
   selectedBlockId: null,
   textSelection: null,
   textCaret: null,
@@ -155,7 +208,7 @@ const M = ql((e, t) => ({
   onSamplesDrawerToggle: void 0,
   onInspectorDrawerToggle: void 0
 }));
-function ga(e) {
+function ma(e) {
   return M.setState({ contactAttributes: Array.isArray(e) ? e : [] });
 }
 function qr() {
@@ -167,7 +220,7 @@ function Qe() {
 function cn() {
   return M((e) => e.selectedBlockId);
 }
-function ha() {
+function ga() {
   return M((e) => e.selectedScreenSize);
 }
 function Io() {
@@ -176,7 +229,7 @@ function Io() {
 function po(e) {
   return M.setState({ selectedMainTab: e });
 }
-function ba() {
+function ha() {
   return M((e) => e.selectedSidebarTab);
 }
 function ko() {
@@ -200,7 +253,7 @@ function nt(e) {
 function yt(e) {
   return M.setState({ textSelection: e });
 }
-function Bn(e) {
+function Mn(e) {
   return M.setState({ textCaret: e });
 }
 function Yr() {
@@ -219,7 +272,7 @@ function qt(e, t) {
   M.setState({
     textDomApplyRequest: {
       blockId: e,
-      id: ++fa,
+      id: ++pa,
       ...t
     }
   });
@@ -227,13 +280,13 @@ function qt(e, t) {
 function Yt() {
   return M.setState({ textDomApplyRequest: null });
 }
-function Ca() {
+function ba() {
   return M((e) => e.textDomApplyRequest);
 }
-function ya() {
+function Ca() {
   return M((e) => e.lastTextBlockContent);
 }
-function xa(e) {
+function ya(e) {
   return M.setState({ selectedSidebarTab: e });
 }
 function wn(e, t) {
@@ -283,14 +336,14 @@ function _e(e, t) {
     });
   }
 }
-function Sa(e) {
+function xa(e) {
   return M.setState({ onChange: e });
 }
-function va() {
+function Sa() {
   const e = M.getState(), t = !e.inspectorDrawerOpen;
   M.setState({ inspectorDrawerOpen: t }), e.onInspectorDrawerToggle && e.onInspectorDrawerToggle(t);
 }
-function wa() {
+function va() {
   const e = M.getState(), t = !e.samplesDrawerOpen;
   M.setState({ samplesDrawerOpen: t }), e.onSamplesDrawerToggle && e.onSamplesDrawerToggle(t);
 }
@@ -300,54 +353,54 @@ function Uo(e) {
 function Gr() {
   return M((e) => e.imageUploadHandler);
 }
-function Ia(e) {
+function wa(e) {
   return M.setState({ imageUploadHandler: e });
 }
 function Jr() {
   return M((e) => e.videoUploadHandler);
 }
-function ka(e) {
+function Ia(e) {
   return M.setState({ videoUploadHandler: e });
 }
-function Da() {
+function ka() {
   return M((e) => e.language);
 }
-function Ea(e) {
+function Da(e) {
   return Ar(e), M.setState({ language: e });
 }
-function Aa() {
+function Ea() {
   return M((e) => e.name);
 }
-function Ta(e) {
+function Aa(e) {
   M.setState({ name: e });
   const t = M.getState().onNameChange;
   t && t(e);
 }
-function _a(e) {
+function Ta(e) {
   return M.setState({ onNameChange: e });
 }
-function Ba(e) {
+function _a(e) {
   return M.setState({ onSamplesDrawerToggle: e });
 }
-function Ma(e) {
+function Ba(e) {
   return M.setState({ onInspectorDrawerToggle: e });
 }
 function Zr() {
   return M((e) => e.showJsonFeatures);
 }
-function Oa(e) {
+function Ma(e) {
   return M.setState({ showJsonFeatures: e });
 }
-function Na() {
+function Oa() {
   return M((e) => e.showSamplesDrawerTitle);
 }
-function Ra(e) {
+function Na(e) {
   return M.setState({ showSamplesDrawerTitle: e });
 }
-function Pa() {
+function Ra() {
   return He ? He.canUndo() : !1;
 }
-function Fa() {
+function Pa() {
   return He ? He.canRedo() : !1;
 }
 function Qr() {
@@ -370,25 +423,25 @@ function el() {
   const t = M.getState().onChange;
   return t && queueMicrotask(() => wn(e, t)), !0;
 }
-function za() {
+function Fa() {
   const e = M((t) => t.document);
-  return mt.useMemo(() => Pa(), [e]);
+  return mt.useMemo(() => Ra(), [e]);
 }
-function La() {
+function za() {
   const e = M((t) => t.document);
-  return mt.useMemo(() => Fa(), [e]);
+  return mt.useMemo(() => Pa(), [e]);
 }
 const tl = ho(null);
-function Wa({
+function La({
   value: e,
   children: t
 }) {
   return /* @__PURE__ */ o(tl.Provider, { value: e, children: t });
 }
-function Ha() {
+function Wa() {
   return hr(tl);
 }
-const Va = [
+const Ha = [
   "MODERN_SANS",
   "BOOK_SANS",
   "ORGANIC_SANS",
@@ -399,10 +452,10 @@ const Va = [
   "BOOK_SERIF",
   "MONOSPACE"
 ];
-function Ua(e) {
+function Va(e) {
   const t = e.trim().toLowerCase();
   if (t)
-    for (const n of Va) {
+    for (const n of Ha) {
       const r = Tr(n);
       if (!r) continue;
       const i = r.split(",")[0].replace(/"/g, "").trim().toLowerCase();
@@ -426,7 +479,7 @@ function Dt(e) {
 function pt(e) {
   return Dt(e).length;
 }
-function $a(e, t) {
+function Ua(e, t) {
   if (t < 0) return null;
   let n = 0;
   const r = document.createTreeWalker(e, NodeFilter.SHOW_TEXT);
@@ -451,10 +504,10 @@ function fo(e, t) {
       return { node: i, offset: Math.max(0, t - n) };
     n += a;
   }
-  const l = ja(e);
+  const l = $a(e);
   return l && t === n ? { node: l, offset: (l.textContent ?? "").length } : null;
 }
-function ja(e) {
+function $a(e) {
   const t = document.createTreeWalker(e, NodeFilter.SHOW_TEXT);
   let n, r = null;
   for (; n = t.nextNode(); ) r = n;
@@ -481,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 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 Ka(e) {
+function ja(e) {
   let t;
   for (; t = e.querySelector("a"); ) {
     const n = t.parentNode;
@@ -514,33 +567,33 @@ function ol(e) {
     n.removeChild(t);
   }
 }
-function qa(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();
   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 Ya(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();
-  Ka(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 Xa(e) {
+function Ya(e) {
   return e.tagName === "SPAN" && Dn(e);
 }
-function Ga(e) {
+function Xa(e) {
   const t = Array.from(e.children);
   if (t.length !== 1) return;
   const n = t[0];
-  if (!Xa(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) => {
@@ -548,9 +601,9 @@ function Ga(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 Ja(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();
@@ -560,7 +613,7 @@ function Ja(e, t, n, r, i) {
     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);
   };
@@ -581,7 +634,7 @@ function Ja(e, t, n, r, i) {
   }
   d(), l.insertNode(c);
 }
-function Za(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") {
@@ -593,7 +646,7 @@ function Za(e) {
     }
   return t;
 }
-function Qa(e) {
+function Za(e) {
   const t = _r(e);
   return delete t.lineHeight, t;
 }
@@ -624,7 +677,7 @@ function kn(e, t) {
     typeof i == "number" ? n("letterSpacing", `${i}px`) : n("letterSpacing", String(i));
   }
 }
-function es(e, t, n) {
+function Qa(e, t, n) {
   const r = Array.from(e.querySelectorAll("span"));
   for (const i of r) {
     const l = document.createRange();
@@ -635,7 +688,7 @@ function es(e, t, n) {
   }
   return null;
 }
-function ts(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();
@@ -645,11 +698,11 @@ function ts(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; )
@@ -664,16 +717,16 @@ function ln(e) {
   const t = (e ?? "").trim().toLowerCase();
   return t ? t.split(";").map((r) => r.trim()).filter(Boolean).sort().join(";") : "";
 }
-function ns(e, t) {
+function 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 os(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 rs(e) {
+function os(e) {
   return Dn(e) ? ln(e.getAttribute("style")) ? (e.textContent ?? "").replace(/\u200B/g, "").length === 0 : !0 : !1;
 }
 function Qt(e) {
@@ -685,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;
           }
-          Ga(l), In(l);
+          Xa(l), In(l);
         }
         if (l.tagName === "SPAN") {
           const a = l;
@@ -696,12 +749,12 @@ function Qt(e) {
             n.removeChild(a);
             continue;
           }
-          if (rs(a)) {
-            zn(a);
+          if (os(a)) {
+            Ln(a);
             continue;
           }
           if (ln(a.getAttribute("style")) === "" && Dn(a)) {
-            zn(a);
+            Ln(a);
             continue;
           }
         }
@@ -713,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" && ns(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);
@@ -724,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" && os(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);
@@ -736,23 +789,23 @@ function Qt(e) {
   };
   t(e);
 }
-function ls(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 is(e) {
+function ls(e) {
   const t = {};
   for (const [n, r] of Object.entries(e))
     r !== void 0 && (t[n] = r);
   return t;
 }
-function as(e, t) {
+function is(e, t) {
   kn(e, t);
 }
-function ss(e, t, n, r) {
+function as(e, t, n, r) {
   var d, u;
-  const { patch: i, global: l } = r, a = is(i ?? {}), c = Object.keys(a).length > 0, s = nl(e);
+  const { patch: i, global: l } = r, a = 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;
@@ -766,39 +819,39 @@ function ss(e, t, n, r) {
       }
     } catch {
     }
-    const y = ts(g, h - f, b - f);
+    const y = es(g, h - f, b - f);
     if (y) {
       c && kn(y, a), Qt(g);
       continue;
     }
-    const k = es(g, h - f, b - f);
+    const k = Qa(g, h - f, b - f);
     if (k) {
-      c && as(k, a), Qt(g);
+      c && is(k, a), Qt(g);
       continue;
     }
-    const D = hs(e, h, b), E = { ...l, ...D, ...a }, N = Za(Qa(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]"));
-    })() ? Ja(g, h - f, b - f, N, a) : P() || qa(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 cs(e, t, n, r, i) {
+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 || (Ya(a, d - c, u - c, r, i), Qt(a));
+    d >= u || (qa(a, d - c, u - c, r, i), Qt(a));
   }
 }
-function us(e, t) {
+function cs(e, t) {
   const n = pt(e);
   if (n === 0) return null;
   const r = fo(e, Math.min(t, n - 1));
@@ -813,19 +866,19 @@ function us(e, t) {
   }
   return null;
 }
-function ds(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 = us(i, s);
+    const d = cs(i, s);
     if (d) return d;
   }
   return null;
 }
-function ps(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);
@@ -840,11 +893,11 @@ function ps(e, t, n) {
   return Ot(i, u);
 }
 const mo = /^[A-Za-z_][A-Za-z0-9_]*$/;
-function fs(e) {
+function ps(e) {
   const t = new DOMParser().parseFromString(e, "text/html");
   return Array.from(t.body.querySelectorAll("[data-text-variable]"));
 }
-function ms(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]"));
@@ -910,7 +963,7 @@ function bn(e, t) {
 }
 function qn(e) {
   const t = [];
-  for (const n of fs(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();
@@ -918,7 +971,7 @@ function qn(e) {
   }
   return t;
 }
-function gs(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;
@@ -932,7 +985,7 @@ function gs(e, t) {
     Number.isNaN(n) || (t.fontSize = n);
   }
   if (e.fontFamily && e.fontFamily !== "undefined" && t.fontFamily == null) {
-    const n = Ua(e.fontFamily);
+    const n = Va(e.fontFamily);
     n && (t.fontFamily = n);
   }
   if (t.fontWeight == null) {
@@ -948,7 +1001,7 @@ function gs(e, t) {
     t.letterSpacing = n;
   }
 }
-function hs(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));
@@ -975,24 +1028,24 @@ function hs(e, t, n) {
   return s >= 0 && (c.fontSize = s), c;
 }
 function Ot(e, t) {
-  const n = pt(e), r = Math.min(t, Math.max(0, n - 1)), i = $a(e, r);
+  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") && gs(l.style, a), (c === "STRONG" || c === "B") && a.fontWeight == null && (a.fontWeight = "bold"), (c === "I" || c === "EM") && a.fontStyle == null && (a.fontStyle = "italic"), l = l.parentElement;
+    (c === "SPAN" || c === "A") && 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 ll(e) {
@@ -1001,9 +1054,9 @@ function ll(e) {
 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 ls(t), t.outerHTML;
+  return rs(t), t.outerHTML;
 }
 const Yo = /^[A-Za-z_][A-Za-z0-9_]*$/;
 function il(e) {
@@ -1054,7 +1107,7 @@ function Xo(e, t = "root") {
   }, l = /* @__PURE__ */ new Set();
   return e[t] && Yn(e, t, i, l), r ? n : e;
 }
-function bs(e) {
+function hs(e) {
   const t = e.data;
   if (!t || typeof t != "object") return [];
   const n = [], r = t.childrenIds;
@@ -1082,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 bs(i))
+    for (const l of hs(i))
       Yn(e, l, n, r);
   }
 }
-function Cs(e, t = "root") {
+function bs(e, t = "root") {
   const n = [];
   let r = 0;
   const i = /* @__PURE__ */ new Map(), l = (c, s) => {
@@ -1162,7 +1215,7 @@ function Go() {
   const r = M.getState().document[n];
   !r || r.type !== "Text" || t.blur();
 }
-const ys = "#212443", Mn = "#1E40AF", yn = "#1F8466", On = "#E81212", Xt = "#F6DC9F", xs = "#6C0E7C", Ss = "#CC996C", vs = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"', ws = 'ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace', B = Mr({
+const 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"
@@ -1173,18 +1226,18 @@ const ys = "#212443", Mn = "#1E40AF", yn = "#1F8466", On = "#E81212", Xt = "#F6D
     }
   },
   typography: {
-    fontFamily: vs
+    fontFamily: Ss
   }
-}), Is = Mr(B, {
+}), ws = Mr(B, {
   palette: {
     brand: {
-      navy: ys,
-      blue: Mn,
-      red: On,
+      navy: Cs,
+      blue: On,
+      red: Nn,
       green: yn,
       yellow: Xt,
-      purple: xs,
-      brown: Ss
+      purple: ys,
+      brown: xs
     },
     success: {
       main: yn,
@@ -1192,9 +1245,9 @@ const ys = "#212443", Mn = "#1E40AF", yn = "#1F8466", On = "#E81212", Xt = "#F6D
       dark: Ho(yn, 0.15)
     },
     error: {
-      main: On,
-      light: jt(On, 0.15),
-      dark: Ho(On, 0.15)
+      main: Nn,
+      light: jt(Nn, 0.15),
+      dark: Ho(Nn, 0.15)
     },
     cadet: {
       100: "#F9FAFB",
@@ -1211,10 +1264,10 @@ const ys = "#212443", Mn = "#1E40AF", yn = "#1F8466", On = "#E81212", Xt = "#F6D
       500: Xt
     },
     info: {
-      main: Mn
+      main: On
     },
     primary: {
-      main: Mn
+      main: On
     }
   },
   components: {
@@ -1228,7 +1281,7 @@ const ys = "#212443", Mn = "#1E40AF", yn = "#1F8466", On = "#E81212", Xt = "#F6D
           padding: 0;
         }
         pre {
-          font-family: ${ws}
+          font-family: ${vs}
           white-space: pre-wrap;
           font-size: 12px;
         }
@@ -1391,7 +1444,7 @@ const ys = "#212443", Mn = "#1E40AF", yn = "#1F8466", On = "#E81212", Xt = "#F6D
           width: 16,
           cursor: "col-resize",
           "&:hover, &.Mui-active, &.Mui-focusVisible": {
-            boxShadow: `0 0 0 4px ${eo(Mn, 0.2)}`
+            boxShadow: `0 0 0 4px ${eo(On, 0.2)}`
           },
           "&:before": {
             display: "none"
@@ -1676,7 +1729,7 @@ const ys = "#212443", Mn = "#1E40AF", yn = "#1F8466", On = "#E81212", Xt = "#F6D
   ]
 });
 function Se() {
-  const e = Da();
+  const e = ka();
   return { t: (n, r) => Yl(n, r, e), language: e };
 }
 function it({ title: e, children: t }) {
@@ -1685,17 +1738,17 @@ function it({ title: e, children: t }) {
     /* @__PURE__ */ o(Z, { spacing: 3, mb: 3, sx: { width: "100%", maxWidth: "100%" }, children: t })
   ] });
 }
-const ks = {
+const Is = {
   width: 24,
   height: 24
 };
-function Ds({ paletteColors: e, value: t, onChange: n }) {
+function ks({ paletteColors: e, value: t, onChange: n }) {
   const r = (i) => /* @__PURE__ */ o(
     Me,
     {
       onClick: () => n(i),
       sx: {
-        ...ks,
+        ...Is,
         backgroundColor: i,
         border: "1px solid",
         borderColor: t === i ? "black" : "grey.200",
@@ -1711,7 +1764,7 @@ function Ds({ paletteColors: e, value: t, onChange: n }) {
   );
   return /* @__PURE__ */ o(se, { width: "100%", sx: { display: "grid", gap: 1, gridTemplateColumns: "1fr 1fr 1fr 1fr 1fr 1fr" }, children: e.map((i) => r(i)) });
 }
-const Es = [
+const Ds = [
   "#E11D48",
   "#DB2777",
   "#C026D3",
@@ -1742,7 +1795,7 @@ const Es = [
   "#171717",
   "#0A0A0A",
   "#000000"
-], As = {
+], Es = {
   p: 1,
   ".react-colorful__pointer ": {
     width: 16,
@@ -1772,11 +1825,11 @@ const Es = [
     width: "100%"
   }
 };
-function Ts({ value: e, onChange: t }) {
-  return /* @__PURE__ */ w(Z, { spacing: 1, sx: As, children: [
-    /* @__PURE__ */ o(Wi, { color: e, onChange: t }),
-    /* @__PURE__ */ o(Ds, { paletteColors: Es, value: e, onChange: t }),
-    /* @__PURE__ */ o(se, { pt: 1, children: /* @__PURE__ */ o(Hi, { prefixed: !0, color: e, onChange: t }) })
+function 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 = {
@@ -1807,7 +1860,7 @@ function al({ 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);
@@ -1818,10 +1871,10 @@ function al({ 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(
@@ -1834,7 +1887,7 @@ function al({ label: e, defaultValue: t, onChange: n, nullable: r }) {
           sx: { height: "auto", padding: 0 }
         },
         children: /* @__PURE__ */ o(
-          Ts,
+          As,
           {
             value: a || "",
             onChange: (g) => {
@@ -1849,7 +1902,7 @@ function al({ label: e, defaultValue: t, onChange: n, nullable: r }) {
 function nn(e) {
   return /* @__PURE__ */ o(al, { ...e, nullable: !1 });
 }
-function Ln(e) {
+function Wn(e) {
   return /* @__PURE__ */ o(al, { ...e, nullable: !0 });
 }
 function ft({ label: e, children: t, defaultValue: n, onChange: r }) {
@@ -1896,15 +1949,15 @@ function Pt({ helperText: e, label: t, placeholder: n, rows: r, InputProps: i, d
     }
   );
 }
-function _s(e) {
+function Ts(e) {
   return typeof e == "string" && e.includes("underline");
 }
-function Bs(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"), _s(i) && l.push("underline"), Bs(i) && l.push("strikethrough"), /* @__PURE__ */ o(Z, { alignItems: "flex-start", children: /* @__PURE__ */ w(
+  return n === "bold" && l.push("bold"), r === "italic" && l.push("italic"), Ts(i) && l.push("underline"), _s(i) && l.push("strikethrough"), /* @__PURE__ */ o(Z, { alignItems: "flex-start", children: /* @__PURE__ */ w(
     bo,
     {
       size: "small",
@@ -1919,15 +1972,15 @@ function Ms({ value: e, onChange: t }) {
       },
       sx: { flexWrap: "nowrap" },
       children: [
-        /* @__PURE__ */ o(le, { value: "bold", "aria-label": "bold", children: /* @__PURE__ */ o(Vi, { fontSize: "small" }) }),
-        /* @__PURE__ */ o(le, { value: "italic", "aria-label": "italic", children: /* @__PURE__ */ o(Ui, { fontSize: "small" }) }),
-        /* @__PURE__ */ o(le, { value: "underline", "aria-label": "underline", children: /* @__PURE__ */ o($i, { fontSize: "small" }) }),
-        /* @__PURE__ */ o(le, { value: "strikethrough", "aria-label": "strikethrough", children: /* @__PURE__ */ o(ji, { fontSize: "small" }) })
+        /* @__PURE__ */ o(le, { value: "bold", "aria-label": "bold", children: /* @__PURE__ */ o(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 Os = [
+const Ms = [
   {
     key: "MODERN_SANS",
     label: "Modern sans",
@@ -1973,7 +2026,7 @@ const Os = [
     label: "Monospace",
     value: "monospace"
   }
-], Ns = Os.map((e) => /* @__PURE__ */ o(on, { value: e.key, sx: { fontFamily: e.value }, children: e.label }, e.key));
+], 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(
@@ -1989,7 +2042,7 @@ function sl({ label: e, onChange: t, defaultValue: n }) {
       },
       children: [
         /* @__PURE__ */ o(on, { value: "inherit", children: "Match email settings" }),
-        Ns
+        Os
       ]
     }
   );
@@ -2015,7 +2068,7 @@ function Vt({ iconLabel: e, value: t, setValue: n, units: r, ...i }) {
     ] }) })
   ] });
 }
-function Rs({ 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);
@@ -2024,7 +2077,7 @@ function Rs({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(Jl, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(ri, { sx: { fontSize: 16 } }),
         value: i,
         setValue: (c) => {
           l(c), n(c);
@@ -2037,7 +2090,7 @@ function Rs({ label: e, defaultValue: t, onChange: n }) {
     )
   ] });
 }
-function Ps({ 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);
@@ -2056,7 +2109,7 @@ function Ps({ label: e, defaultValue: t, onChange: n }) {
     }
   );
 }
-function Fs({ 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);
@@ -2081,7 +2134,7 @@ function tr(e) {
   const t = typeof e == "number" ? e : parseFloat(String(e));
   return Number.isFinite(t) ? Math.max(cl, Math.min(ul, t)) : er;
 }
-function zs({ 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));
@@ -2090,7 +2143,7 @@ function zs({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(Zl, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(li, { sx: { fontSize: 16 } }),
         value: i,
         setValue: (c) => {
           l(c), n(c);
@@ -2103,8 +2156,8 @@ function zs({ label: e, defaultValue: t, onChange: n }) {
     )
   ] });
 }
-const Ls = [1, 1.5, 2, 2.5, 3], nr = 1.5;
-function Ws({ 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);
@@ -2120,11 +2173,11 @@ function Ws({ label: e, defaultValue: t, onChange: n }) {
         const a = Number(l.target.value);
         i(a), n(a);
       },
-      children: Ls.map((l) => /* @__PURE__ */ o(on, { value: l, children: l }, l))
+      children: zs.map((l) => /* @__PURE__ */ o(on, { value: l, children: l }, l))
     }
   );
 }
-function Hs({ label: e, defaultValue: t, onChange: n }) {
+function Ws({ label: e, defaultValue: t, onChange: n }) {
   const [r, i] = z(() => t || {
     top: 0,
     left: 0,
@@ -2143,7 +2196,7 @@ function Hs({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(Ql, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(ci, { sx: { fontSize: 16 } }),
         value: r.top,
         setValue: (a) => l("top", a),
         units: "px",
@@ -2156,7 +2209,7 @@ function Hs({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(ei, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(si, { sx: { fontSize: 16 } }),
         value: r.bottom,
         setValue: (a) => l("bottom", a),
         units: "px",
@@ -2169,7 +2222,7 @@ function Hs({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(ti, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(ii, { sx: { fontSize: 16 } }),
         value: r.left,
         setValue: (a) => l("left", a),
         units: "px",
@@ -2182,7 +2235,7 @@ function Hs({ label: e, defaultValue: t, onChange: n }) {
     /* @__PURE__ */ o(
       Vt,
       {
-        iconLabel: /* @__PURE__ */ o(ni, { sx: { fontSize: 16 } }),
+        iconLabel: /* @__PURE__ */ o(ai, { sx: { fontSize: 16 } }),
         value: r.right,
         setValue: (a) => l("right", a),
         units: "px",
@@ -2210,7 +2263,7 @@ function un({ label: e, defaultValue: t, onChange: n, ...r }) {
     )
   ] });
 }
-function Vs({ label: e, defaultValue: t, onChange: n }) {
+function Hs({ label: e, defaultValue: t, onChange: n }) {
   const [r, i] = z(t ?? "left");
   return /* @__PURE__ */ w(
     ft,
@@ -2221,14 +2274,14 @@ function Vs({ label: e, defaultValue: t, onChange: n }) {
         i(l), n(l);
       },
       children: [
-        /* @__PURE__ */ o(le, { value: "left", children: /* @__PURE__ */ o(oi, { fontSize: "small" }) }),
-        /* @__PURE__ */ o(le, { value: "center", children: /* @__PURE__ */ o(ri, { fontSize: "small" }) }),
-        /* @__PURE__ */ o(le, { value: "right", children: /* @__PURE__ */ o(li, { fontSize: "small" }) })
+        /* @__PURE__ */ o(le, { value: "left", children: /* @__PURE__ */ o(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 Us({ 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);
@@ -2254,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(ii, {}),
+          iconLabel: /* @__PURE__ */ o(oi, {}),
           units: "px",
           step: 4,
           marks: !0,
@@ -2273,42 +2326,42 @@ 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(sl, { label: r("style.fontFamily"), defaultValue: i, onChange: l });
     case "fontSize":
-      return /* @__PURE__ */ o(Rs, { label: r("style.fontSize"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Ns, { label: r("style.fontSize"), defaultValue: i, onChange: l });
     case "fontWeight":
-      return /* @__PURE__ */ o(Fs, { label: r("style.fontWeight"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Ps, { label: r("style.fontWeight"), defaultValue: i, onChange: l });
     case "fontStyle":
-      return /* @__PURE__ */ o(Ps, { label: r("style.fontStyle"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Rs, { label: r("style.fontStyle"), defaultValue: i, onChange: l });
     case "textDecoration":
-      return /* @__PURE__ */ o(Us, { label: r("style.textDecoration"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Vs, { label: r("style.textDecoration"), defaultValue: i, onChange: l });
     case "lineHeight":
-      return /* @__PURE__ */ o(Ws, { label: r("style.lineHeight"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Ls, { label: r("style.lineHeight"), defaultValue: i, onChange: l });
     case "letterSpacing":
-      return /* @__PURE__ */ o(zs, { label: r("style.letterSpacing"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Fs, { label: r("style.letterSpacing"), defaultValue: i, onChange: l });
     case "textAlign":
-      return /* @__PURE__ */ o(Vs, { label: r("style.alignment"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Hs, { label: r("style.alignment"), defaultValue: i, onChange: l });
     case "padding":
-      return /* @__PURE__ */ o(Hs, { label: r("style.padding"), defaultValue: i, onChange: l });
+      return /* @__PURE__ */ o(Ws, { label: r("style.padding"), defaultValue: i, onChange: l });
   }
 }
 const dl = ["fontWeight", "fontStyle", "textDecoration"];
-function $s(e) {
+function Us(e) {
   return dl.every((t) => e.includes(t));
 }
 function gt({ names: e, value: t, onChange: n }) {
-  const { t: r } = Se(), i = $s(e);
+  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 js({ 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 = Or.safeParse(y);
@@ -2388,10 +2441,10 @@ function js({ data: e, setData: t }) {
     )
   ] });
 }
-const Ks = Wr.shape.props.unwrap().unwrap().shape, Xn = J.object({
-  style: Wr.shape.style,
+const js = Rr.shape.props.unwrap().unwrap().shape, Xn = J.object({
+  style: Rr.shape.style,
   props: J.object({
-    ...Ks,
+    ...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([
@@ -2402,7 +2455,7 @@ const Ks = Wr.shape.props.unwrap().unwrap().shape, Xn = J.object({
     ]).optional().nullable()
   }).optional().nullable()
 });
-function qs({ 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);
@@ -2609,7 +2662,7 @@ function qs({ data: e, setData: t }) {
       un,
       {
         label: n("columns.gap"),
-        iconLabel: /* @__PURE__ */ o(ai, { sx: { color: "text.secondary" } }),
+        iconLabel: /* @__PURE__ */ o(fi, { sx: { color: "text.secondary" } }),
         units: "px",
         step: 4,
         marks: !0,
@@ -2628,10 +2681,10 @@ function qs({ 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(si, { 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" }) })
         ]
       }
     ),
@@ -2654,12 +2707,12 @@ function qs({ data: e, setData: t }) {
   ] });
 }
 const pl = J.object({
-  style: qi.shape.style,
+  style: hi.shape.style,
   props: J.object({
     childrenIds: J.array(J.string()).optional().nullable()
   }).optional().nullable()
 });
-function Ys({ data: e, setData: t }) {
+function qs({ data: e, setData: t }) {
   const { t: n } = Se(), [, r] = z(null), i = (l) => {
     const a = pl.safeParse(l);
     a.success ? (t(a.data), r(null)) : r(a.error);
@@ -2673,10 +2726,10 @@ function Ys({ data: e, setData: t }) {
     }
   ) });
 }
-function Xs({ data: e, setData: t }) {
+function Ys({ data: e, setData: t }) {
   var c, s;
   const { t: n } = Se(), [, r] = z(null), i = (d) => {
-    const u = Hr.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: [
@@ -2692,7 +2745,7 @@ function Xs({ 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,
@@ -2711,7 +2764,7 @@ function Xs({ data: e, setData: t }) {
     )
   ] });
 }
-const Nn = J.string().regex(/^#[0-9a-fA-F]{6}$/).nullable().optional(), Gs = J.enum([
+const Rn = J.string().regex(/^#[0-9a-fA-F]{6}$/).nullable().optional(), Xs = J.enum([
   "MODERN_SANS",
   "BOOK_SANS",
   "ORGANIC_SANS",
@@ -2722,12 +2775,12 @@ const Nn = J.string().regex(/^#[0-9a-fA-F]{6}$/).nullable().optional(), Gs = J.e
   "BOOK_SERIF",
   "MONOSPACE"
 ]).nullable().optional(), fl = J.object({
-  backdropColor: Nn,
-  borderColor: Nn,
+  backdropColor: Rn,
+  borderColor: Rn,
   borderRadius: J.number().optional().nullable(),
-  canvasColor: Nn,
-  textColor: Nn,
-  fontFamily: Gs,
+  canvasColor: Rn,
+  textColor: Rn,
+  fontFamily: Xs,
   width: J.number().optional().nullable(),
   childrenIds: J.array(J.string()).optional().nullable()
 });
@@ -2754,7 +2807,7 @@ function ml({ data: e, setData: t }) {
       }
     ),
     /* @__PURE__ */ o(
-      Ln,
+      Wn,
       {
         label: n("emailLayout.canvasBorderColor"),
         defaultValue: e.borderColor ?? null,
@@ -2764,7 +2817,7 @@ function ml({ data: e, setData: t }) {
     /* @__PURE__ */ o(
       un,
       {
-        iconLabel: /* @__PURE__ */ o(Pr, {}),
+        iconLabel: /* @__PURE__ */ o(zr, {}),
         units: "px",
         step: 20,
         marks: !0,
@@ -2793,10 +2846,10 @@ function ml({ data: e, setData: t }) {
     )
   ] });
 }
-function Js({ data: e, setData: t }) {
+function Gs({ data: e, setData: t }) {
   var l;
   const { t: n } = Se(), [, r] = z(null), i = (a) => {
-    const c = Vr.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: [
@@ -2804,7 +2857,7 @@ function Js({ data: e, setData: t }) {
       ft,
       {
         label: n("heading.level"),
-        defaultValue: ((l = e.props) == null ? void 0 : l.level) ?? Gi.level,
+        defaultValue: ((l = e.props) == null ? void 0 : l.level) ?? yi.level,
         onChange: (a) => {
           i({ ...e, props: { ...e.props, level: a } });
         },
@@ -2825,7 +2878,7 @@ function Js({ data: e, setData: t }) {
     )
   ] });
 }
-function Zs({ label: e, value: t, onChange: n, height: r = "200px" }) {
+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);
@@ -2855,12 +2908,12 @@ function Zs({ label: e, value: t, onChange: n, height: r = "200px" }) {
           }
         },
         children: /* @__PURE__ */ o(
-          Qi,
+          vi,
           {
             value: i,
             height: r,
-            extensions: [ea()],
-            theme: ta,
+            extensions: [wi()],
+            theme: Ii,
             onChange: c,
             basicSetup: {
               lineNumbers: !0,
@@ -2874,15 +2927,15 @@ function Zs({ label: e, value: t, onChange: n, height: r = "200px" }) {
     )
   ] });
 }
-function Qs({ data: e, setData: t }) {
+function Zs({ data: e, setData: t }) {
   var l;
   const { t: n } = Se(), [, r] = z(null), i = (a) => {
-    const c = Ur.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(
-      Zs,
+      Js,
       {
         label: n("html.content"),
         value: ((l = e.props) == null ? void 0 : l.contents) ?? "",
@@ -2900,7 +2953,7 @@ function Qs({ data: e, setData: t }) {
     )
   ] });
 }
-function $n({ label: e, defaultValue: t, onChange: n }) {
+function jn({ label: e, defaultValue: t, onChange: n }) {
   return /* @__PURE__ */ o(
     dt,
     {
@@ -2920,10 +2973,10 @@ function $n({ label: e, defaultValue: t, onChange: n }) {
     }
   );
 }
-function ec({ 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 = Oe(null), d = Gr(), u = (D) => {
-    const E = $r.safeParse(D);
+    const E = Hr.safeParse(D);
     E.success ? (t(E.data), r(null)) : r(E.error);
   }, g = async (D) => {
     var N;
@@ -2954,7 +3007,7 @@ function ec({ 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")
             ]
           }
@@ -3000,7 +3053,7 @@ function ec({ data: e, setData: t }) {
           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,
@@ -3031,7 +3084,7 @@ function ec({ 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,
@@ -3039,7 +3092,7 @@ function ec({ data: e, setData: t }) {
         }
       ),
       /* @__PURE__ */ o(
-        $n,
+        jn,
         {
           label: n("image.height"),
           defaultValue: (y = e.props) == null ? void 0 : y.height,
@@ -3054,9 +3107,9 @@ function ec({ 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" }) })
         ]
       }
     ),
@@ -3097,7 +3150,7 @@ const hl = J.object({
     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,
@@ -3115,7 +3168,7 @@ function Rn({ label: e, defaultValue: t, onChange: n }) {
     }
   );
 }
-function tc({ 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 = Oe(null), d = Jr(), u = (P) => {
     const he = hl.safeParse(P);
@@ -3149,7 +3202,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("video.url")
             ]
           }
@@ -3195,7 +3248,7 @@ function tc({ data: e, setData: t }) {
           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,
@@ -3226,7 +3279,7 @@ function tc({ 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 ? (() => {
@@ -3240,7 +3293,7 @@ function tc({ data: e, setData: t }) {
         }
       ),
       /* @__PURE__ */ o(
-        $n,
+        jn,
         {
           label: n("video.height"),
           defaultValue: (y = e.props) != null && y.height ? (() => {
@@ -3261,15 +3314,15 @@ function tc({ 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,
@@ -3277,7 +3330,7 @@ function tc({ data: e, setData: t }) {
         }
       ),
       /* @__PURE__ */ o(
-        Rn,
+        Pn,
         {
           label: n("video.loop"),
           defaultValue: ((E = e.props) == null ? void 0 : E.loop) ?? !1,
@@ -3285,7 +3338,7 @@ function tc({ data: e, setData: t }) {
         }
       ),
       /* @__PURE__ */ o(
-        Rn,
+        Pn,
         {
           label: n("video.muted"),
           defaultValue: ((N = e.props) == null ? void 0 : N.muted) ?? !1,
@@ -3293,7 +3346,7 @@ function tc({ data: e, setData: t }) {
         }
       ),
       /* @__PURE__ */ o(
-        Rn,
+        Pn,
         {
           label: n("video.controls"),
           defaultValue: ((W = e.props) == null ? void 0 : W.controls) ?? !0,
@@ -3311,22 +3364,22 @@ function tc({ data: e, setData: t }) {
     )
   ] });
 }
-function nc({ data: e, setData: t }) {
+function tc({ data: e, setData: t }) {
   var l;
   const { t: n } = Se(), [, r] = z(null), i = (a) => {
-    const c = jr.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) ?? oa.height,
+      defaultValue: ((l = e.props) == null ? void 0 : l.height) ?? Di.height,
       onChange: (a) => i({ ...e, props: { ...e.props, height: a } })
     }
   ) });
@@ -3381,7 +3434,7 @@ const Ao = [
     items: [{ name: "unsubscribe_link", labelKey: "text.variables.unsubscribeLink", kind: "user" }]
   }
 ];
-function oc(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)
@@ -3404,7 +3457,7 @@ const rr = [
   "fontWeight",
   "fontStyle",
   "textDecoration"
-], rc = [
+], oc = [
   "color",
   "backgroundColor",
   "fontFamily",
@@ -3413,12 +3466,12 @@ const rr = [
   "fontWeight",
   "fontStyle",
   "textDecoration"
-], lc = ["lineHeight", "textAlign", "padding"], ic = Ao;
-function ac({ 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 = Yr();
   Xr();
-  const a = ya(), c = qr(), s = ct(() => {
+  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;
@@ -3426,7 +3479,7 @@ function ac({ blockId: e, data: t, setData: n }) {
     }).map((R) => {
       const de = I(R == null ? void 0 : R.AttrField), Ee = I(R == null ? void 0 : R.AttrComment) || I(R == null ? void 0 : R.Name) || de;
       return { name: de, labelKey: Ee, kind: "user", isCustomLabel: !0 };
-    }), $ = ic.map((R) => ({
+    }), $ = lc.map((R) => ({
       ...R,
       items: R.items.map((de) => ({ ...de, isCustomLabel: !1 }))
     })), j = $.find((R) => R.id === "contacts");
@@ -3447,7 +3500,7 @@ function ac({ blockId: e, data: t, setData: n }) {
   const f = (l == null ? void 0 : l.blockId) === e && l.start < l.end, m = ct(() => {
     const I = t.style ?? {};
     if (!f || !l) return I;
-    const O = Ht(t.props ?? null), $ = ps(O, l.start, l.end);
+    const 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;
@@ -3485,7 +3538,7 @@ function ac({ blockId: e, data: t, setData: n }) {
   }, S = (a == null ? void 0 : a.blockId) === e ? a.text : "", y = f && l ? S.slice(l.start, l.end) : "", k = f, D = ct(() => {
     if (!f || !l) return null;
     const I = Ht(t.props ?? null);
-    return ms(I, l.start, l.end);
+    return 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 O of s)
@@ -3535,7 +3588,7 @@ function ac({ blockId: e, data: t, setData: n }) {
     }
   }, ae = (I, O) => {
     const $ = Ht(t.props ?? null);
-    return ds($, I, O);
+    return us($, I, O);
   }, re = (I) => {
     if (!k || !l) return;
     const O = ae(l.start, l.end);
@@ -3651,7 +3704,7 @@ function ac({ blockId: e, data: t, setData: n }) {
           onClick: re,
           disabled: !k,
           "aria-label": r("text.link"),
-          startIcon: /* @__PURE__ */ o(ia, { fontSize: "small" }),
+          startIcon: /* @__PURE__ */ o(An, { fontSize: "small" }),
           sx: {
             color: "text.secondary",
             borderColor: "divider",
@@ -3676,7 +3729,7 @@ function ac({ blockId: e, data: t, setData: n }) {
           onClick: Ie,
           disabled: !E,
           "aria-label": r("text.addVariables"),
-          startIcon: /* @__PURE__ */ o(Fr, { fontSize: "small" }),
+          startIcon: /* @__PURE__ */ o(Ur, { fontSize: "small" }),
           sx: {
             color: "text.secondary",
             borderColor: "divider",
@@ -3737,9 +3790,9 @@ function ac({ blockId: e, data: t, setData: n }) {
         I.instanceId
       ))
     ] }),
-    /* @__PURE__ */ o(gt, { names: rc, value: m, onChange: b }),
+    /* @__PURE__ */ o(gt, { names: oc, value: m, onChange: b }),
     /* @__PURE__ */ o(rn, { sx: { my: 2 } }),
-    /* @__PURE__ */ o(gt, { names: lc, value: m, onChange: b }),
+    /* @__PURE__ */ o(gt, { names: rc, value: m, onChange: b }),
     /* @__PURE__ */ o(
       ao,
       {
@@ -3842,7 +3895,7 @@ function ac({ blockId: e, data: t, setData: n }) {
                   /* @__PURE__ */ o(
                     Ll,
                     {
-                      expandIcon: /* @__PURE__ */ o(la, { fontSize: "small" }),
+                      expandIcon: /* @__PURE__ */ o(Ai, { fontSize: "small" }),
                       sx: {
                         minHeight: 40,
                         "& .MuiAccordionSummary-content": { my: 0.75 }
@@ -3987,7 +4040,7 @@ const vn = [
     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)" },
@@ -4012,7 +4065,7 @@ const vn = [
   "with-border-line-white": { zh: "线性·浅色", en: "Circular Outline Light" },
   standard: { zh: "标准", en: "Standard" }
 };
-function sc({ 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 = Oe(!1), f = (C) => {
     const p = Cl.safeParse(C);
@@ -4141,7 +4194,7 @@ function sc({ 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,
@@ -4212,7 +4265,7 @@ function sc({ data: e, setData: t }) {
                           onMouseDown: (K) => {
                             K.stopPropagation(), P();
                           },
-                          children: /* @__PURE__ */ o(zr, { fontSize: "small" })
+                          children: /* @__PURE__ */ o($r, { fontSize: "small" })
                         }
                       ),
                       /* @__PURE__ */ o(
@@ -4224,7 +4277,7 @@ function sc({ 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);
                           })
                         }
@@ -4236,7 +4289,7 @@ function sc({ 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" })
                         }
                       )
                     ] }),
@@ -4294,7 +4347,7 @@ function sc({ data: e, setData: t }) {
       /* @__PURE__ */ o(
         Me,
         {
-          startIcon: /* @__PURE__ */ o(ui, {}),
+          startIcon: /* @__PURE__ */ o(_i, {}),
           onClick: N,
           variant: "outlined",
           size: "small",
@@ -4310,7 +4363,7 @@ function sc({ data: e, setData: t }) {
       /* @__PURE__ */ o(Z, { spacing: 1, sx: { mt: 1 }, children: bl.map((C) => {
         const p = x ? lr[C].zh : lr[C].en;
         return /* @__PURE__ */ o(
-          aa,
+          Bi,
           {
             value: C,
             selected: m === C,
@@ -4333,7 +4386,7 @@ function sc({ 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({
@@ -4364,7 +4417,7 @@ function sc({ data: e, setData: t }) {
 function ir(e) {
   return /* @__PURE__ */ o(se, { sx: { m: 3, p: 1, border: "1px dashed", borderColor: "divider" }, children: /* @__PURE__ */ o(ke, { color: "text.secondary", children: e }) });
 }
-function cc() {
+function sc() {
   const { t: e } = Se(), t = Qe(), n = cn();
   if (!n)
     return ir(e("inspector.clickBlockToInspect"));
@@ -4374,28 +4427,28 @@ function cc() {
   const i = (c) => _e({ [n]: c }), { data: l, type: a } = r;
   switch (a) {
     case "Button":
-      return /* @__PURE__ */ o(js, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+      return /* @__PURE__ */ o($s, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "ColumnsContainer":
-      return /* @__PURE__ */ o(qs, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+      return /* @__PURE__ */ o(Ks, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "Container":
-      return /* @__PURE__ */ o(Ys, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+      return /* @__PURE__ */ o(qs, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "Divider":
-      return /* @__PURE__ */ o(Xs, { 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(Js, { 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(Qs, { 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(ec, { 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(tc, { 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(ml, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "Spacer":
-      return /* @__PURE__ */ o(nc, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
+      return /* @__PURE__ */ o(tc, { data: l, setData: (c) => i({ type: a, data: c }) }, n);
     case "Text":
       return /* @__PURE__ */ o(
-        ac,
+        ic,
         {
           blockId: n,
           data: l,
@@ -4404,12 +4457,12 @@ function cc() {
         n
       );
     case "Socials":
-      return /* @__PURE__ */ o(sc, { 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 uc() {
+function cc() {
   const e = Qe().root;
   if (!e)
     return /* @__PURE__ */ o("p", { children: "Block not found" });
@@ -4419,13 +4472,13 @@ function uc() {
   return /* @__PURE__ */ o(ml, { data: t, setData: (r) => _e({ root: { type: n, data: r } }) }, "root");
 }
 const ar = 320;
-function dc() {
-  const { t: e } = Se(), t = ba(), n = ko(), i = Io() === "preview", l = () => {
+function uc() {
+  const { t: e } = Se(), t = ha(), n = ko(), i = Io() === "preview", l = () => {
     switch (t) {
       case "block-configuration":
-        return /* @__PURE__ */ o(cc, {});
+        return /* @__PURE__ */ o(sc, {});
       case "styles":
-        return /* @__PURE__ */ o(uc, {});
+        return /* @__PURE__ */ o(cc, {});
     }
   };
   return /* @__PURE__ */ w(
@@ -4457,7 +4510,7 @@ function dc() {
         }
       },
       children: [
-        /* @__PURE__ */ o(se, { px: 2, children: /* @__PURE__ */ w(kr, { value: t, onChange: (a, c) => xa(c), children: [
+        /* @__PURE__ */ o(se, { px: 2, children: /* @__PURE__ */ w(kr, { value: t, onChange: (a, c) => ya(c), children: [
           /* @__PURE__ */ o(Zt, { value: "styles", label: e("inspector.styles") }),
           /* @__PURE__ */ o(Zt, { value: "block-configuration", label: e("inspector.inspect") })
         ] }) }),
@@ -4479,7 +4532,7 @@ function dc() {
     }
   );
 }
-const pc = {
+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),
@@ -4496,8 +4549,8 @@ const pc = {
   "uspeedo-mothers-day": () => import("./chunks/chunk-Cc3ecmGS.js").then((e) => e.h).then((e) => e.default),
   "uspeedo-shopping-cart": () => import("./chunks/chunk-Cc3ecmGS.js").then((e) => e.i).then((e) => e.default)
 }, no = {};
-async function fc(e) {
-  const t = pc[e];
+async function pc(e) {
+  const t = dc[e];
   if (!t)
     return sn;
   if (no[e])
@@ -4510,7 +4563,7 @@ function Ye({ sampleName: e, children: t }) {
   return /* @__PURE__ */ o(Me, { size: "small", onClick: async () => {
     r(!0);
     try {
-      const l = await fc(e);
+      const l = await pc(e);
       Rt(l);
     } catch {
     } finally {
@@ -4518,7 +4571,7 @@ function Ye({ sampleName: e, children: t }) {
     }
   }, disabled: n, children: n ? "Loading..." : t });
 }
-const mc = { p: 1.5, display: "flex", flexDirection: "column" }, gc = {
+const fc = { p: 1.5, display: "flex", flexDirection: "column" }, mc = {
   mb: 0.75,
   width: "100%",
   bgcolor: "cadet.200",
@@ -4553,7 +4606,7 @@ function yl({ label: e, icon: t, onClick: n, disabled: r = !1, block: i, onDragS
     {
       ref: s,
       sx: {
-        ...mc,
+        ...fc,
         // cursor: disabled ? 'default' : 'move',
         outline: a ? "2px dashed rgba(0,121,204, 0.8)" : "none",
         outlineOffset: a ? "-2px" : "0",
@@ -4572,7 +4625,7 @@ function yl({ label: e, icon: t, onClick: n, disabled: r = !1, block: i, onDragS
         g.stopPropagation(), r || n();
       },
       children: [
-        /* @__PURE__ */ o(se, { sx: gc, children: t }),
+        /* @__PURE__ */ o(se, { sx: mc, children: t }),
         /* @__PURE__ */ o(ke, { variant: "body2", children: e })
       ]
     }
@@ -4581,7 +4634,7 @@ function yl({ label: e, icon: t, onClick: n, disabled: r = !1, block: i, onDragS
 const xl = [
   {
     label: "Heading",
-    icon: /* @__PURE__ */ o(di, {}),
+    icon: /* @__PURE__ */ o(Ni, {}),
     block: () => ({
       type: "Heading",
       data: {
@@ -4594,7 +4647,7 @@ const xl = [
   },
   {
     label: "Text",
-    icon: /* @__PURE__ */ o(pi, {}),
+    icon: /* @__PURE__ */ o(Li, {}),
     block: () => ({
       type: "Text",
       data: {
@@ -4608,7 +4661,7 @@ const xl = [
   },
   {
     label: "Button",
-    icon: /* @__PURE__ */ o(fi, {}),
+    icon: /* @__PURE__ */ o(Hi, {}),
     block: () => ({
       type: "Button",
       data: {
@@ -4622,7 +4675,7 @@ const xl = [
   },
   {
     label: "Image",
-    icon: /* @__PURE__ */ o(mi, {}),
+    icon: /* @__PURE__ */ o(Fi, {}),
     block: () => ({
       type: "Image",
       data: {
@@ -4638,7 +4691,7 @@ const xl = [
   },
   {
     label: "Video",
-    icon: /* @__PURE__ */ o(gi, {}),
+    icon: /* @__PURE__ */ o(Ui, {}),
     block: () => ({
       type: "Video",
       data: {
@@ -4672,7 +4725,7 @@ const xl = [
   // },
   {
     label: "Divider",
-    icon: /* @__PURE__ */ o(hi, {}),
+    icon: /* @__PURE__ */ o(Ri, {}),
     block: () => ({
       type: "Divider",
       data: {
@@ -4685,7 +4738,7 @@ const xl = [
   },
   {
     label: "Spacer",
-    icon: /* @__PURE__ */ o(bi, {}),
+    icon: /* @__PURE__ */ o(Oi, {}),
     block: () => ({
       type: "Spacer",
       data: {}
@@ -4693,7 +4746,7 @@ const xl = [
   },
   {
     label: "Socials",
-    icon: /* @__PURE__ */ o(Ci, {}),
+    icon: /* @__PURE__ */ o(Wi, {}),
     block: () => ({
       type: "Socials",
       data: {
@@ -4713,7 +4766,7 @@ const xl = [
   },
   {
     label: "HTML",
-    icon: /* @__PURE__ */ o(yi, {}),
+    icon: /* @__PURE__ */ o(Pi, {}),
     block: () => ({
       type: "Html",
       data: {
@@ -4728,7 +4781,7 @@ const xl = [
   },
   {
     label: "Columns",
-    icon: /* @__PURE__ */ o(xi, {}),
+    icon: /* @__PURE__ */ o(Vi, {}),
     block: () => ({
       type: "ColumnsContainer",
       data: {
@@ -4744,7 +4797,7 @@ const xl = [
   },
   {
     label: "Container",
-    icon: /* @__PURE__ */ o(Si, {}),
+    icon: /* @__PURE__ */ o(zi, {}),
     block: () => ({
       type: "Container",
       data: {
@@ -4754,7 +4807,7 @@ const xl = [
   }
   // { label: 'ProgressBar', icon: <ProgressBarOutlined />, block: () => ({}) },
   // { label: 'LoopContainer', icon: <ViewListOutlined />, block: () => ({}) },
-], hc = (e) => ({
+], gc = (e) => ({
   Heading: "heading.name",
   Text: "text.name",
   Button: "button.name",
@@ -4767,13 +4820,13 @@ const xl = [
   ColumnsContainer: "columns.name",
   Container: "container.name"
 })[e] || e;
-function bc({ onSelect: e, disableContainerBlocks: t = !1, containerType: n = null }) {
+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 = hc(c.type), d = r(s);
+    const c = l.block(), s = gc(c.type), d = r(s);
     return /* @__PURE__ */ o(
       yl,
       {
@@ -4788,11 +4841,11 @@ function bc({ onSelect: e, disableContainerBlocks: t = !1, containerType: n = nu
   }) });
 }
 const sr = 240;
-function Cc() {
+function bc() {
   return `block-${Date.now()}`;
 }
-function yc() {
-  const { t: e } = Se(), t = Do(), n = Qe(), r = Na(), i = Ha(), 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))
@@ -4807,7 +4860,7 @@ function yc() {
     const h = a();
     if (!h)
       return;
-    const b = Cc(), S = n[h];
+    const b = bc(), S = n[h];
     if (!S || S.type !== "EmailLayout")
       return;
     const k = [...S.data.childrenIds || [], b];
@@ -4893,7 +4946,7 @@ function yc() {
                       sx: { cursor: "default", width: "100%", justifyContent: "space-between" },
                       children: [
                         /* @__PURE__ */ o("span", { children: e("common.more") }),
-                        /* @__PURE__ */ o(vi, {})
+                        /* @__PURE__ */ o(Mi, {})
                       ]
                     }
                   )
@@ -4944,17 +4997,17 @@ function yc() {
         i || null,
         /* @__PURE__ */ w(Z, { spacing: 1, sx: { mt: r ? 0 : "16px !important" }, children: [
           /* @__PURE__ */ o(ke, { variant: "caption", color: "text.secondary", sx: { px: 0.75, fontWeight: 500 }, children: e("common.addContentBlocks") }),
-          /* @__PURE__ */ o(bc, { onSelect: f, disableContainerBlocks: !1 })
+          /* @__PURE__ */ o(hc, { onSelect: f, disableContainerBlocks: !1 })
         ] })
       ] }) })
     }
   );
 }
-const xc = ho(!1);
-function Sc({ value: e, children: t }) {
-  return /* @__PURE__ */ o(xc.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 vc = (e) => ({
+const Sc = (e) => ({
   Heading: "heading.name",
   Text: "text.name",
   Button: "button.name",
@@ -4967,7 +5020,7 @@ const vc = (e) => ({
   ColumnsContainer: "columns.name",
   Container: "container.name"
 })[e] || e;
-function wc({ anchorEl: e, setAnchorEl: t, onSelect: n, disableContainerBlocks: r = !1, containerType: i = null }) {
+function vc({ anchorEl: e, setAnchorEl: t, onSelect: n, disableContainerBlocks: r = !1, containerType: i = null }) {
   const { t: l } = Se(), a = () => {
     t(null);
   }, c = (d) => {
@@ -4988,7 +5041,7 @@ function wc({ anchorEl: e, setAnchorEl: t, onSelect: n, disableContainerBlocks:
       anchorOrigin: { vertical: "bottom", horizontal: "center" },
       transformOrigin: { vertical: "top", horizontal: "center" },
       children: /* @__PURE__ */ o(se, { sx: { p: 1, display: "grid", gridTemplateColumns: "1fr 1fr 1fr 1fr" }, children: s.map((d, u) => {
-        const g = d.block(), f = vc(g.type), m = l(f);
+        const g = d.block(), f = Sc(g.type), m = l(f);
         return /* @__PURE__ */ o(
           yl,
           {
@@ -5003,7 +5056,7 @@ function wc({ anchorEl: e, setAnchorEl: t, onSelect: n, disableContainerBlocks:
     }
   );
 }
-function Ic({ buttonElement: e, onClick: t }) {
+function wc({ buttonElement: e, onClick: t }) {
   const [n, r] = z(!1);
   return Ce(() => {
     function i({ clientX: l, clientY: a }) {
@@ -5044,9 +5097,9 @@ function Ic({ buttonElement: e, onClick: t }) {
     }
   ) });
 }
-function kc({ onClick: e }) {
+function Ic({ onClick: e }) {
   return /* @__PURE__ */ o(
-    Fn,
+    zn,
     {
       onClick: (t) => {
         t.stopPropagation(), e();
@@ -5079,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(kc, { onClick: s }) : /* @__PURE__ */ o(Ic, { buttonElement: a, onClick: s }) }),
-    /* @__PURE__ */ o(wc, { anchorEl: i, setAnchorEl: l, onSelect: e, disableContainerBlocks: n, containerType: r })
+    /* @__PURE__ */ o("div", { ref: c, style: { position: "relative" }, children: t ? /* @__PURE__ */ o(Ic, { onClick: s }) : /* @__PURE__ */ o(wc, { buttonElement: a, onClick: s }) }),
+    /* @__PURE__ */ o(vc, { anchorEl: i, setAnchorEl: l, onSelect: e, disableContainerBlocks: n, containerType: r })
   ] });
 }
-let Dc = 0;
+let kc = 0;
 function kt() {
-  return `block-${Date.now()}-${++Dc}`;
+  return `block-${Date.now()}-${++kc}`;
 }
 const Gt = () => window.__currentDraggedBlockId || null, Jt = () => window.__currentDraggedBlock || null;
 function Te(e, t) {
@@ -5396,8 +5449,8 @@ 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, Mt = St.bottom, zt = St.width * 0.15;
@@ -5464,7 +5517,7 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
             },
             onDragLeave: W,
             onDrop: (pe) => {
-              var vt, Mt, zt, dn, An, Tn, Bo, Mo, Oo, No, Ro, Po, Fo, zo;
+              var vt, 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) {
@@ -5580,12 +5633,12 @@ function To({ childrenIds: e, onChange: t, containerId: n, allowReplace: r = !1,
                         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;
@@ -5625,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;
                   }
@@ -5789,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 Ec = [{ childrenIds: [] }], Ac = [{ childrenIds: [] }, { childrenIds: [] }], Tc = [{ childrenIds: [] }, { childrenIds: [] }, { childrenIds: [] }], _c = [{ childrenIds: [] }, { childrenIds: [] }, { childrenIds: [] }, { childrenIds: [] }];
-function Bc({ 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();
@@ -5803,7 +5856,7 @@ function Bc({ style: e, props: t }) {
         N.push({ childrenIds: [] });
       return N;
     }
-    return s === 1 ? Ec : s === 2 ? Ac : s === 4 ? _c : Tc;
+    return s === 1 ? Dc : s === 2 ? Ec : s === 4 ? Tc : Ac;
   }, [i, s]), u = (N, { block: W, blockId: P, childrenIds: he }) => {
     var F, X, V;
     const be = M.getState().document, ce = be[P] && be[P].type, _ = be[n];
@@ -5872,13 +5925,13 @@ function Bc({ style: e, props: t }) {
         fillHeight: b || ce
       }
     ) }, W);
-    return b || ce ? /* @__PURE__ */ o(Sc, { value: !0, children: x }, W) : x;
+    return b || ce ? /* @__PURE__ */ o(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(
-    Ki,
+    gi,
     {
       props: D,
       style: e,
@@ -5886,9 +5939,9 @@ function Bc({ 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(Yi, { style: e, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(bi, { style: e, children: /* @__PURE__ */ o(
     To,
     {
       childrenIds: n,
@@ -5921,12 +5974,12 @@ function Mc({ style: e, props: t }) {
     }
   ) });
 }
-let Oc = 0;
-function Nc() {
-  return `block-${Date.now()}-${++Oc}`;
+let Mc = 0;
+function Oc() {
+  return `block-${Date.now()}-${++Mc}`;
 }
-const ur = () => window.__currentDraggedBlockId || null, Rc = () => window.__currentDraggedBlock || null;
-function Pc(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";
@@ -5948,7 +6001,7 @@ function Pc(e) {
       return "monospace";
   }
 }
-function Fc(e) {
+function Pc(e) {
   const t = e.childrenIds ?? [], n = Qe(), r = Tt();
   return /* @__PURE__ */ o(
     "div",
@@ -5971,7 +6024,7 @@ function Fc(e) {
           window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1;
           return;
         }
-        const u = window.__isSidebarBlock === !0, g = Rc();
+        const u = window.__isSidebarBlock === !0, g = Nc();
         if (!g) {
           window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1;
           return;
@@ -5980,7 +6033,7 @@ function Fc(e) {
           window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1;
           return;
         }
-        const f = u ? Nc() : d;
+        const f = u ? Oc() : d;
         if (f === r) {
           window.__currentDraggedBlockId = null, window.__currentDraggedBlock = null, window.__isSidebarBlock = !1;
           return;
@@ -6067,7 +6120,7 @@ function Fc(e) {
       style: {
         backgroundColor: e.backdropColor ?? "#F5F5F5",
         color: e.textColor ?? "#262626",
-        fontFamily: Pc(e.fontFamily),
+        fontFamily: Rc(e.fontFamily),
         fontSize: "16px",
         fontWeight: "400",
         letterSpacing: "0.15008px",
@@ -6136,7 +6189,7 @@ function Fc(e) {
     }
   );
 }
-function zc(e) {
+function Fc(e) {
   var g;
   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)) {
@@ -6216,7 +6269,7 @@ function zc(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")
                   ]
                 }
@@ -6264,7 +6317,7 @@ function zc(e) {
                   },
                   onMouseDown: (y) => y.stopPropagation(),
                   sx: { minWidth: "auto", px: 2 },
-                  children: /* @__PURE__ */ o(Lr, { fontSize: "small" })
+                  children: /* @__PURE__ */ o(jr, { fontSize: "small" })
                 }
               )
             ] }) : /* @__PURE__ */ w(Z, { spacing: 1, children: [
@@ -6282,7 +6335,7 @@ function zc(e) {
                 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,
@@ -6303,11 +6356,11 @@ function zc(e) {
       onClick: (f) => {
       },
       sx: { display: "inline-block", width: "100%" },
-      children: /* @__PURE__ */ o(na, { ...e })
+      children: /* @__PURE__ */ o(ki, { ...e })
     }
   );
 }
-function Lc(e) {
+function zc(e) {
   var g, f, m;
   const { t } = Se(), n = Tt(), r = Jr(), [i, l] = z("url"), [a, c] = z(!1), [s, d] = z(""), u = Oe(null);
   if (!((g = e.props) != null && g.url)) {
@@ -6387,7 +6440,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("video.url")
                   ]
                 }
@@ -6435,7 +6488,7 @@ function Lc(e) {
                   },
                   onMouseDown: (D) => D.stopPropagation(),
                   sx: { minWidth: "auto", px: 2 },
-                  children: /* @__PURE__ */ o(Lr, { fontSize: "small" })
+                  children: /* @__PURE__ */ o(jr, { fontSize: "small" })
                 }
               )
             ] }) : /* @__PURE__ */ w(Z, { spacing: 1, children: [
@@ -6453,7 +6506,7 @@ function Lc(e) {
                 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,
@@ -6481,11 +6534,11 @@ function Lc(e) {
         backgroundColor: ((f = e.style) == null ? void 0 : f.backgroundColor) || void 0,
         textAlign: ((m = e.style) == null ? void 0 : m.textAlign) || void 0
       },
-      children: /* @__PURE__ */ o(da, { ...e })
+      children: /* @__PURE__ */ o(Xi, { ...e })
     }
   );
 }
-function Wc(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(
@@ -6503,14 +6556,14 @@ function Wc(e) {
       },
       children: /* @__PURE__ */ o(ke, { variant: "body2", sx: { textAlign: "center", px: 2 }, children: t("socials.placeholder") })
     }
-  ) : /* @__PURE__ */ o(pa, { ...e });
+  ) : /* @__PURE__ */ o(Gi, { ...e });
 }
-function Hc(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 Vc(e, t) {
+function Hc(e, t) {
   e.focus();
   const n = t.replace(/\r\n/g, `
 `);
@@ -6521,7 +6574,7 @@ function Vc(e, t) {
   }
   xt(e);
 }
-function Uc(e, t, n) {
+function Vc(e, t, n) {
   const r = document;
   let i = null;
   if (r.caretPositionFromPoint) {
@@ -6550,7 +6603,7 @@ function Nt(e) {
   const i = document.createRange();
   i.selectNodeContents(n), i.collapse(!1), r.removeAllRanges(), r.addRange(i);
 }
-function $c(e) {
+function Uc(e) {
   const t = window.getSelection();
   if (!t || t.rangeCount === 0) return;
   const n = t.getRangeAt(0);
@@ -6574,21 +6627,21 @@ function dr(e) {
     e.setAttribute("contenteditable", "false"), e.setAttribute("contentEditable", "false");
   }
 }
-function jc(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;
     }
@@ -6597,7 +6650,7 @@ function xn(e) {
   return n.join(`
 `);
 }
-function Kc(e) {
+function jc(e) {
   return qn(e).filter((t) => t.instanceId).map((t) => {
     const n = t.builtin ? "system" : "user";
     return {
@@ -6608,7 +6661,7 @@ function Kc(e) {
     };
   });
 }
-function qc(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);
@@ -6627,7 +6680,7 @@ function qc(e, t) {
   const f = document.createRange();
   return f.setStartAfter(g), f.collapse(!0), n.removeAllRanges(), n.addRange(f), g.getAttribute("data-variable-instance-id");
 }
-function Yc(e, t, n, r) {
+function qc(e, t, n, r) {
   const i = Et(e, t, n);
   if (!i) return null;
   const l = window.getSelection();
@@ -6638,15 +6691,15 @@ function Yc(e, t, n, r) {
   const c = document.createRange();
   return c.setStartAfter(a), c.collapse(!0), l.removeAllRanges(), l.addRange(c), a.getAttribute("data-variable-instance-id");
 }
-function Xc(e) {
+function Yc(e) {
   var E, N, W, P, he, be, ce, _, x, T, U, ie;
-  const t = Tt(), n = cn(), r = Yr(), i = Xr(), l = qr(), a = Ca(), c = Oe(null), s = Oe(null), d = Oe(""), u = Oe(!1), g = Oe(null), f = Oe(null), m = n === t, { allowedUser: h, allowedBuiltin: b } = ct(
-    () => oc({ baseGroups: Ao, contactAttributes: l }),
+  const t = Tt(), n = cn(), r = 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: Hc(e.style ?? null),
+    padding: Wc(e.style ?? null),
     margin: 0
   }, y = en(() => {
     if (!m) return;
@@ -6665,7 +6718,7 @@ function Xc(e) {
       const X = M.getState().document[t];
       if (!X || X.type !== "Text") return;
       d.current = C;
-      const V = Kc(C);
+      const V = jc(C);
       _e({
         [t]: {
           ...X,
@@ -6711,7 +6764,7 @@ function Xc(e) {
     s.current = C.firstElementChild;
     const p = s.current;
     if (!p) return;
-    jc(p), p.setAttribute("data-monto-text-block-id", t), p.style.outline = "none", p.style.cursor = "text";
+    $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), wl(v);
     const F = { current: !1 }, X = (v) => {
@@ -6763,7 +6816,7 @@ function Xc(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);
@@ -6771,16 +6824,16 @@ function Xc(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 = Ot(p, re);
-      hn({ blockId: t, text: ae, styleSnapshot: te }), yt({ blockId: t, start: re, end: ue }), Bn({ blockId: t, offset: ue });
+      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();
@@ -6815,7 +6868,7 @@ function Xc(e) {
         }
       } catch {
       }
-      Vc(p, Y);
+      Hc(p, Y);
     }, Re = (v) => {
       var ee;
       v.preventDefault();
@@ -6930,7 +6983,7 @@ function Xc(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;
@@ -6973,9 +7026,9 @@ function Xc(e) {
               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 {
                 }
@@ -7107,7 +7160,7 @@ function Xc(e) {
           return;
         }
       }
-      p.focus({ preventScroll: !0 }), Uc(p, v.clientX, v.clientY) || Sl(p), $c(p), yt(null), requestAnimationFrame(V);
+      p.focus({ preventScroll: !0 }), 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);
@@ -7129,7 +7182,7 @@ function Xc(e) {
         De && oe && (oe.removeAllRanges(), oe.addRange(De));
       } else
         Nt(p);
-      const G = qc(p, C.token), ae = M.getState().document[t], re = ((q = (pe = ae == null ? void 0 : ae.data) == null ? void 0 : pe.props) == null ? void 0 : q.variableDefaults) ?? null, { variableDefaults: ue } = bn(p, re), te = C.defaultValue ?? "";
+      const G = 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();
@@ -7139,7 +7192,7 @@ function Xc(e) {
       hn({ blockId: t, text: ne, styleSnapshot: A });
       return;
     } else if (C.kind === "replaceVariable") {
-      const G = Yc(p, C.start, C.end, C.token), ae = M.getState().document[t], re = ((Y = (v = ae == null ? void 0 : ae.data) == null ? void 0 : v.props) == null ? void 0 : Y.variableDefaults) ?? null, { variableDefaults: ue } = bn(p, re), te = C.defaultValue ?? "";
+      const G = 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();
@@ -7158,10 +7211,10 @@ function Xc(e) {
         return;
       }
       const re = window.getSelection();
-      re == null || re.removeAllRanges(), re == null || re.addRange(ae), C.kind === "style" ? ss(p, G.start, G.end, {
+      re == null || re.removeAllRanges(), re == null || re.addRange(ae), C.kind === "style" ? as(p, G.start, G.end, {
         patch: C.style,
         global: e.style ?? null
-      }) : cs(p, G.start, G.end, C.href, C.targetBlank);
+      }) : ss(p, G.start, G.end, C.href, C.targetBlank);
     }
     xt(p);
     const F = M.getState().document[t], X = ((L = (ee = F == null ? void 0 : F.data) == null ? void 0 : ee.props) == null ? void 0 : L.variableDefaults) ?? null, { variableDefaults: V } = bn(p, X), me = Cn(p), ve = xn(p);
@@ -7175,7 +7228,7 @@ function Xc(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 Gc(e) {
+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({
@@ -7223,9 +7276,9 @@ function Gc(e) {
         };
       }
     } else !a && i.current && (i.current.contentEditable = "false", i.current.style.cursor = "", i.current = null, l.current = !1);
-  }, [a, t, c]), /* @__PURE__ */ o(se, { ref: r, children: /* @__PURE__ */ o(Ji, { ...e }) });
+  }, [a, t, c]), /* @__PURE__ */ o(se, { ref: r, children: /* @__PURE__ */ o(xi, { ...e }) });
 }
-function Jc(e) {
+function Gc(e) {
   const t = Tt(), n = cn(), r = Oe(null), i = Oe(null), l = Oe(!1), a = n === t, c = en((s) => {
     const d = M.getState().document[t];
     d && d.type === "Button" && _e({
@@ -7296,7 +7349,7 @@ function Jc(e) {
     } else !a && i.current && (i.current.contentEditable = "false", i.current.style.cursor = "", i.current = null, l.current = !1, r.current && (r.current.contentEditable = "false", r.current.style.cursor = ""));
   }, [a, t, c]), /* @__PURE__ */ o(se, { ref: r, children: /* @__PURE__ */ o(Gl, { ...e }) });
 }
-function Zc() {
+function Jc() {
   return `block-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
 }
 function go(e, t) {
@@ -7304,7 +7357,7 @@ function go(e, t) {
   const n = e[t];
   if (!n)
     return { newDocument: e, newBlockId: t };
-  const r = Zc(), i = JSON.parse(JSON.stringify(n));
+  const r = 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 = [];
@@ -7344,7 +7397,7 @@ function pr(e, t) {
   }
   return { containerId: null, columnIndex: null };
 }
-const Qc = {
+const Zc = {
   position: "absolute",
   bottom: -12,
   left: -50,
@@ -7353,7 +7406,7 @@ const Qc = {
   paddingY: 0.5,
   zIndex: "fab"
 };
-function eu({ blockId: e }) {
+function Qc({ blockId: e }) {
   const t = Qe(), n = pr(t, e), r = mt.useMemo(() => {
     var u, g;
     if (!n.containerId)
@@ -7580,19 +7633,19 @@ function eu({ blockId: e }) {
     }
     Rt(d), nt(e);
   };
-  return /* @__PURE__ */ o(Co, { sx: Qc, 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 = 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(eu, { blockId: u }), y = (E) => {
+  const S = () => t !== u || a ? null : /* @__PURE__ */ o(Qc, { blockId: u }), y = (E) => {
     if (!g.current) {
       E.preventDefault();
       return;
@@ -7684,7 +7737,7 @@ function st({ children: e }) {
                 borderColor: "primary.main"
               }
             },
-            children: /* @__PURE__ */ o(zr, { fontSize: "small" })
+            children: /* @__PURE__ */ o($r, { fontSize: "small" })
           }
         ),
         S(),
@@ -7693,80 +7746,80 @@ function st({ children: e }) {
     }
   );
 }
-const Il = sa({
+const Il = Ki({
   Button: {
     schema: Or,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Jc, { ...e }) })
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Gc, { ...e }) })
   },
   Container: {
     schema: pl,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Mc, { ...e }) })
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Bc, { ...e }) })
   },
   ColumnsContainer: {
     schema: Xn,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Bc, { ...e }) })
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(_c, { ...e }) })
   },
   Heading: {
-    schema: Vr,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Gc, { ...e }) })
+    schema: Lr,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Xc, { ...e }) })
   },
   Html: {
-    schema: Ur,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Zi, { ...e }) })
+    schema: Wr,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Si, { ...e }) })
   },
   Image: {
-    schema: $r,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(zc, { ...e }) })
+    schema: Hr,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Fc, { ...e }) })
   },
   Video: {
     schema: hl,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Lc, { ...e }) })
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(zc, { ...e }) })
   },
   Text: {
     schema: Br,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Xc, { ...e }) })
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Yc, { ...e }) })
   },
   EmailLayout: {
     schema: fl,
-    Component: (e) => /* @__PURE__ */ o(Fc, { ...e })
+    Component: (e) => /* @__PURE__ */ o(Pc, { ...e })
   },
   Spacer: {
-    schema: jr,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(ra, { ...e }) })
+    schema: Vr,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Ei, { ...e }) })
   },
   Divider: {
-    schema: Hr,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Xi, { ...e }) })
+    schema: Fr,
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Ci, { ...e }) })
   },
   Socials: {
     schema: Cl,
-    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Wc, { ...e }) })
+    Component: (e) => /* @__PURE__ */ o(st, { children: /* @__PURE__ */ o(Lc, { ...e }) })
   }
-}), tu = ca(Il), nu = ua(Il), ou = J.record(J.string(), nu), kl = ho(null), Tt = () => hr(kl);
+}), 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(kl.Provider, { value: e, children: /* @__PURE__ */ o(tu, { ...n }) });
+  return /* @__PURE__ */ o(kl.Provider, { value: e, children: /* @__PURE__ */ o(eu, { ...n }) });
 }
-function ru() {
+function ou() {
   const e = ko(), t = () => {
-    va();
+    Sa();
   };
-  return e ? /* @__PURE__ */ o($e, { onClick: t, children: /* @__PURE__ */ o(Ei, { fontSize: "small" }) }) : /* @__PURE__ */ o($e, { onClick: t, children: /* @__PURE__ */ o(Ai, { 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 ru() {
+  return Do() ? /* @__PURE__ */ o(oa, { fontSize: "small" }) : /* @__PURE__ */ o(ra, { fontSize: "small" });
 }
 function lu() {
-  return Do() ? /* @__PURE__ */ o(Ti, { fontSize: "small" }) : /* @__PURE__ */ o(_i, { fontSize: "small" });
+  const e = ru();
+  return /* @__PURE__ */ o($e, { onClick: va, children: e });
 }
 function iu() {
-  const e = lu();
-  return /* @__PURE__ */ o($e, { onClick: wa, children: e });
-}
-function au() {
   const { t: e } = Se(), t = Qe(), n = ct(() => `data:text/plain,${encodeURIComponent(JSON.stringify(t, null, "  "))}`, [t]);
-  return /* @__PURE__ */ o(Ze, { title: e("common.downloadJson"), arrow: !0, children: /* @__PURE__ */ o($e, { href: n, download: "emailTemplate.json", children: /* @__PURE__ */ o(Bi, { fontSize: "small" }) }) });
+  return /* @__PURE__ */ o(Ze, { title: e("common.downloadJson"), arrow: !0, children: /* @__PURE__ */ o($e, { href: n, download: "emailTemplate.json", children: /* @__PURE__ */ o(la, { fontSize: "small" }) }) });
 }
-let ut = null, ro = null, lo = null, En = null, su = !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;
@@ -7777,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), su = !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;
@@ -7799,7 +7852,7 @@ const fr = (e) => {
 `);
   }
   return e;
-}, cu = (e) => {
+}, su = (e) => {
   var i, l;
   const t = e.split(`
 `), n = [], r = [];
@@ -7830,12 +7883,12 @@ const fr = (e) => {
   return r.join(`
 `);
 };
-function uu(e) {
+function cu(e) {
   try {
     if (e.includes(`
 `) && e.trim().length > 0) {
       let a = fr(e);
-      return a = cu(a), a;
+      return a = su(a), a;
     }
     let t = e.replace(/></g, `>
 <`).replace(/\n\s*\n/g, `
@@ -7858,7 +7911,7 @@ function uu(e) {
     return e;
   }
 }
-function du(e) {
+function uu(e) {
   try {
     const t = JSON.parse(e);
     return JSON.stringify(t, null, 2);
@@ -7866,9 +7919,9 @@ function du(e) {
     return e;
   }
 }
-async function pu(e) {
+async function du(e) {
   await _o();
-  const t = uu(e);
+  const t = cu(e);
   return !ut || !En ? /* @__PURE__ */ o("pre", { style: { margin: 0, padding: 16, whiteSpace: "pre-wrap" }, children: t }) : /* @__PURE__ */ o(
     ut,
     {
@@ -7882,9 +7935,9 @@ async function pu(e) {
     }
   );
 }
-async function fu(e) {
+async function pu(e) {
   await _o();
-  const t = du(e);
+  const t = uu(e);
   return !ut || !En ? /* @__PURE__ */ o("pre", { style: { margin: 0, padding: 16, whiteSpace: "pre-wrap" }, children: t }) : /* @__PURE__ */ o(
     ut,
     {
@@ -7903,10 +7956,10 @@ function El({ type: e, value: t }) {
   return Ce(() => {
     switch (e) {
       case "html":
-        pu(t).then(r);
+        du(t).then(r);
         return;
       case "json":
-        fu(t).then(r);
+        pu(t).then(r);
         return;
     }
   }, [t, e]), n === null ? null : /* @__PURE__ */ o(
@@ -7920,7 +7973,7 @@ function El({ type: e, value: t }) {
     }
   );
 }
-function mu() {
+function fu() {
   const e = Qe(), [t, n] = z("");
   return Ce(() => {
     try {
@@ -7938,10 +7991,10 @@ function mr(e) {
   } catch {
     return { error: "Invalid json" };
   }
-  const n = ou.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 gu({ 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);
@@ -7986,19 +8039,19 @@ function gu({ onClose: e }) {
     )
   ] });
 }
-function hu() {
+function gu() {
   const { t: e } = Se(), [t, n] = z(!1);
   let r = null;
-  return t && (r = /* @__PURE__ */ o(gu, { onClose: () => n(!1) })), /* @__PURE__ */ w(an, { children: [
-    /* @__PURE__ */ o(Ze, { title: e("common.importJson"), arrow: !0, children: /* @__PURE__ */ o($e, { onClick: () => n(!0), children: /* @__PURE__ */ o(Mi, { fontSize: "small" }) }) }),
+  return t && (r = /* @__PURE__ */ o(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 bu() {
+function hu() {
   const e = Qe(), t = ct(() => JSON.stringify(e, null, "  "), [e]);
   return /* @__PURE__ */ o(El, { type: "json", value: t });
 }
-function Cu() {
+function bu() {
   const { t: e } = Se(), t = Io(), n = Zr();
   return /* @__PURE__ */ w(kr, { value: t, onChange: (i, l) => {
     switch (l) {
@@ -8016,34 +8069,34 @@ function Cu() {
       Zt,
       {
         value: "editor",
-        label: /* @__PURE__ */ o(Ze, { title: e("tabs.edit"), arrow: !0, children: /* @__PURE__ */ o(Oi, { fontSize: "small" }) })
+        label: /* @__PURE__ */ o(Ze, { title: e("tabs.edit"), arrow: !0, children: /* @__PURE__ */ o(sa, { fontSize: "small" }) })
       }
     ),
     /* @__PURE__ */ o(
       Zt,
       {
         value: "preview",
-        label: /* @__PURE__ */ o(Ze, { title: e("tabs.preview"), arrow: !0, children: /* @__PURE__ */ o(Ni, { fontSize: "small" }) })
+        label: /* @__PURE__ */ o(Ze, { title: e("tabs.preview"), arrow: !0, children: /* @__PURE__ */ o(ca, { fontSize: "small" }) })
       }
     ),
     /* @__PURE__ */ o(
       Zt,
       {
         value: "html",
-        label: /* @__PURE__ */ o(Ze, { title: e("tabs.htmlOutput"), arrow: !0, children: /* @__PURE__ */ o(Ri, { fontSize: "small" }) })
+        label: /* @__PURE__ */ o(Ze, { title: e("tabs.htmlOutput"), arrow: !0, children: /* @__PURE__ */ o(aa, { fontSize: "small" }) })
       }
     ),
     n && /* @__PURE__ */ o(
       Zt,
       {
         value: "json",
-        label: /* @__PURE__ */ o(Ze, { title: e("tabs.jsonOutput"), arrow: !0, children: /* @__PURE__ */ o(Fr, { fontSize: "small" }) })
+        label: /* @__PURE__ */ o(Ze, { title: e("tabs.jsonOutput"), arrow: !0, children: /* @__PURE__ */ o(Ur, { fontSize: "small" }) })
       }
     )
   ] });
 }
-function yu() {
-  const { t: e } = Se(), t = Aa();
+function Cu() {
+  const { t: e } = Se(), t = Ea();
   return /* @__PURE__ */ o(
     ke,
     {
@@ -8064,17 +8117,17 @@ function yu() {
     }
   );
 }
+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 xu() {
-  const { t: e } = Se(), t = La();
-  return /* @__PURE__ */ o(Ze, { title: e("common.redoTooltip"), arrow: !0, children: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o($e, { onClick: el, disabled: !t, size: "small", children: /* @__PURE__ */ o(Pi, { fontSize: "small" }) }) }) });
+  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 Su() {
-  const { t: e } = Se(), t = za();
-  return /* @__PURE__ */ o(Ze, { title: e("common.undoTooltip"), arrow: !0, children: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o($e, { onClick: Qr, disabled: !t, size: "small", children: /* @__PURE__ */ o(Fi, { fontSize: "small" }) }) }) });
-}
-function vu() {
   var g, f, m, h, b, S;
-  const { t: e } = Se(), t = Qe(), n = Io(), r = ha(), i = Zr();
+  const { t: e } = Se(), t = Qe(), n = Io(), r = ga(), i = Zr();
   mt.useEffect(() => {
     !i && n === "json" && po("editor");
   }, [i, n]);
@@ -8102,9 +8155,9 @@ function vu() {
       case "preview":
         return /* @__PURE__ */ o(se, { sx: l, children: /* @__PURE__ */ o(Kl, { document: t, rootBlockId: "root" }) });
       case "html":
-        return /* @__PURE__ */ o(mu, {});
+        return /* @__PURE__ */ o(fu, {});
       case "json":
-        return i ? /* @__PURE__ */ o(bu, {}) : null;
+        return i ? /* @__PURE__ */ o(hu, {}) : null;
     }
   };
   return /* @__PURE__ */ w(se, { sx: { display: "flex", flexDirection: "column", height: "100%", overflow: "hidden" }, children: [
@@ -8125,22 +8178,22 @@ function vu() {
         justifyContent: "space-between",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ o(iu, {}),
-          /* @__PURE__ */ o(yu, {}),
+          /* @__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(Cu, {}) }),
+            /* @__PURE__ */ o(Z, { direction: "row", spacing: 2, children: /* @__PURE__ */ o(bu, {}) }),
             /* @__PURE__ */ w(Z, { direction: "row", spacing: 2, alignItems: "center", children: [
-              /* @__PURE__ */ o(Su, {}),
               /* @__PURE__ */ o(xu, {}),
-              i && /* @__PURE__ */ o(au, {}),
-              i && /* @__PURE__ */ o(hu, {}),
+              /* @__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(zi, { fontSize: "small" }) }) }),
-                /* @__PURE__ */ o(Ze, { title: e("common.mobileView"), arrow: !0, children: /* @__PURE__ */ o(le, { value: "mobile", sx: s === "mobile" ? d : void 0, children: /* @__PURE__ */ o(Li, { fontSize: "small" }) }) })
+                /* @__PURE__ */ o(Ze, { title: e("common.desktopView"), arrow: !0, children: /* @__PURE__ */ o(le, { value: "desktop", sx: s === "desktop" ? d : void 0, children: /* @__PURE__ */ o($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(ru, {})
+          /* @__PURE__ */ o(ou, {})
         ]
       }
     ),
@@ -8154,7 +8207,7 @@ function gr(e, t) {
     duration: t ? n.duration.enteringScreen : n.duration.leavingScreen
   });
 }
-function wu() {
+function vu() {
   const e = ko(), t = Do(), n = gr("margin-left", t), r = gr("margin-right", e);
   return Ce(() => {
     const i = (l) => {
@@ -8185,7 +8238,7 @@ function wu() {
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ o(yc, {}),
+        /* @__PURE__ */ o(Cc, {}),
         /* @__PURE__ */ o(
           Z,
           {
@@ -8198,15 +8251,15 @@ function wu() {
               overflow: "hidden",
               zIndex: 0
             },
-            children: /* @__PURE__ */ o(vu, {})
+            children: /* @__PURE__ */ o(Su, {})
           }
         ),
-        /* @__PURE__ */ o(dc, {})
+        /* @__PURE__ */ o(uc, {})
       ]
     }
   );
 }
-const Iu = Ml(function() {
+const wu = Ml(function() {
   return /* @__PURE__ */ o(
     se,
     {
@@ -8218,10 +8271,10 @@ const Iu = Ml(function() {
         flexDirection: "column",
         overflow: "hidden"
       },
-      children: /* @__PURE__ */ o(wu, {})
+      children: /* @__PURE__ */ o(vu, {})
     }
   );
-}), ku = Ol(({
+}), Iu = Ol(({
   initialDocument: e,
   language: t = "en",
   imageUploadHandler: n,
@@ -8241,7 +8294,7 @@ const Iu = Ml(function() {
   const S = Oe(!1);
   if (!S.current) {
     const y = Xo(e ?? sn);
-    ma({
+    fa({
       document: to(y, h),
       language: t,
       showJsonFeatures: s,
@@ -8259,13 +8312,13 @@ const Iu = Ml(function() {
     const y = M.getState().document;
     Rt(to(y, h));
   }, [h]), Ce(() => {
-    t !== void 0 && Ea(t);
+    t !== void 0 && Da(t);
   }, [t]), Ce(() => {
-    Ia(n);
+    wa(n);
   }, [n]), Ce(() => {
-    ka(r);
+    Ia(r);
   }, [r]), Ce(() => {
-    Sa(i);
+    xa(i);
   }, [i]), Nl(b, () => ({
     getData: (y) => {
       Go();
@@ -8280,31 +8333,31 @@ const Iu = Ml(function() {
     getVariables: (y) => {
       Go();
       const k = M.getState().document;
-      y(Cs(k));
+      y(bs(k));
     }
   })), Ce(() => {
-    l !== void 0 && Ta(l);
+    l !== void 0 && Aa(l);
   }, [l]), Ce(() => {
-    _a(a);
+    Ta(a);
   }, [a]), Ce(() => {
-    Oa(s);
+    Ma(s);
   }, [s]), Ce(() => {
-    Ra(d);
+    Na(d);
   }, [d]), Ce(() => {
-    Ba(g);
+    _a(g);
   }, [g]), Ce(() => {
-    Ma(f);
+    Ba(f);
   }, [f]), Ce(() => {
-    ga(m);
-  }, [m]), /* @__PURE__ */ w($l, { theme: c || Is, children: [
+    ma(m);
+  }, [m]), /* @__PURE__ */ w($l, { theme: c || ws, children: [
     /* @__PURE__ */ o(jl, {}),
-    /* @__PURE__ */ o(Wa, { value: u ?? null, children: /* @__PURE__ */ o(Iu, {}) })
+    /* @__PURE__ */ o(La, { value: u ?? null, children: /* @__PURE__ */ o(wu, {}) })
   ] });
 });
-ku.displayName = "EmailBuilder";
+Iu.displayName = "EmailBuilder";
 export {
-  ku as EmailBuilder,
-  ku as default,
+  Iu as EmailBuilder,
+  Iu as default,
   Qe as useDocument,
-  Da as useLanguage
+  ka as useLanguage
 };