monto-email-builder 1.4.0 → 1.4.2

package/dist/chunks/{chunk-CF4KXMbF.js → chunk-ZMWDxWGX.js}

@@ -1,4 +1,5 @@
-const d = {
+import { createTheme as b, alpha as y, lighten as s, darken as h } from "@mui/material/styles";
+const f = {
   newDocument: "New Blank Document",
   useBuiltInTemplates: "Use Built-in Templates",
   emailBuilder: "Monto Email Builder",
@@ -21,7 +22,7 @@ const d = {
   undoTooltip: "Undo (Ctrl/Cmd + Z)",
   redo: "Redo",
   redoTooltip: "Redo (Ctrl/Cmd + Shift + Z)"
-}, c = {
+}, v = {
   welcomeEmail: "Marketing Template",
   oneTimePasscode: "One-time passcode (OTP)",
   resetPassword: "Reset password",
@@ -31,17 +32,17 @@ const d = {
   postMetrics: "Post metrics",
   respondToMessage: "Respond to inquiry",
   quickStart: "Quick Start"
-}, u = {
+}, k = {
   styles: "Styles",
   inspect: "Inspect",
   clickBlockToInspect: "Click on a block to inspect.",
   blockNotFound: "Block with id {{id}} was not found. Click on a block to reset."
-}, m = {
+}, x = {
   edit: "Edit",
   preview: "Preview",
   htmlOutput: "HTML output",
   jsonOutput: "JSON output"
-}, p = {
+}, S = {
   title: "Image block",
   name: "Image",
   sourceUrl: "Source URL",
@@ -57,7 +58,7 @@ const d = {
   uploading: "Uploading...",
   uploadHandlerNotConfigured: "Please configure imageUploadHandler to enable local upload",
   placeholder: "Add an image"
-}, b = {
+}, C = {
   title: "Video block",
   name: "Video",
   sourceUrl: "Video URL",
@@ -78,7 +79,7 @@ const d = {
   loop: "Loop",
   muted: "Muted",
   controls: "Show controls"
-}, g = {
+}, M = {
   title: "Columns block",
   name: "Columns",
   layout: "Layout",
@@ -96,7 +97,7 @@ const d = {
   confirmChangeMessage: "Changing the column layout will delete data in some columns. This action cannot be undone. Are you sure you want to continue?",
   cancel: "Cancel",
   confirm: "Confirm"
-}, h = {
+}, T = {
   global: "Global",
   backdropColor: "Backdrop color",
   canvasColor: "Canvas color",
@@ -105,7 +106,7 @@ const d = {
   pageWidth: "Page width",
   fontFamily: "Font family",
   textColor: "Text color"
-}, y = {
+}, w = {
   title: "Text block",
   name: "Text",
   content: "Content",
@@ -172,7 +173,7 @@ const d = {
     customVariableNameInvalid: "Only letters, numbers, and underscores allowed, starting with a letter or underscore",
     customVariableNameDuplicate: "Variable name already exists"
   }
-}, k = {
+}, R = {
   title: "Button block",
   name: "Button",
   text: "Text",
@@ -191,12 +192,12 @@ const d = {
   stylePill: "Pill",
   textColor: "Text color",
   buttonColor: "Button color"
-}, v = {
+}, L = {
   title: "Heading block",
   name: "Heading",
   content: "Content",
   level: "Level"
-}, f = {
+}, A = {
   title: "Avatar block",
   size: "Size",
   shape: "Shape",
@@ -205,23 +206,23 @@ const d = {
   shapeRounded: "Rounded",
   imageUrl: "Image URL",
   altText: "Alt text"
-}, C = {
+}, B = {
   title: "Divider block",
   name: "Divider",
   color: "Color",
   height: "Height"
-}, S = {
+}, O = {
   title: "Container block",
   name: "Container"
-}, w = {
+}, F = {
   title: "Spacer block",
   name: "Spacer",
   height: "Height"
-}, T = {
+}, E = {
   title: "HTML block",
   name: "HTML",
   content: "Content"
-}, L = {
+}, U = {
   title: "Social Media block",
   name: "Socials",
   selectPlatforms: "Social Media Selection",
@@ -234,7 +235,7 @@ const d = {
   iconUrl: "Link URL",
   placeholder: "Click the right panel to add social media icons",
   addAnother: "Add another social link"
-}, x = {
+}, N = {
   backgroundColor: "Background color",
   borderColor: "Border color",
   borderRadius: "Border radius",
@@ -258,7 +259,7 @@ const d = {
   both: "Both",
   default: "Default",
   formatGroup: "Style"
-}, R = {
+}, P = {
   mode: {
     split: "Split view",
     code: "Code only",
@@ -292,27 +293,27 @@ const d = {
     empty: "No variables yet. Click Save in the code panel to scan, or insert one from the catalog above.",
     systemDefault: "System variables do not need defaults"
   }
-}, A = {
-  common: d,
-  samples: c,
-  inspector: u,
-  tabs: m,
-  image: p,
-  video: b,
-  columns: g,
-  emailLayout: h,
-  text: y,
-  button: k,
-  heading: v,
-  avatar: f,
-  divider: C,
-  container: S,
-  spacer: w,
-  html: T,
-  socials: L,
-  style: x,
-  htmlEditor: R
 }, V = {
+  common: f,
+  samples: v,
+  inspector: k,
+  tabs: x,
+  image: S,
+  video: C,
+  columns: M,
+  emailLayout: T,
+  text: w,
+  button: R,
+  heading: L,
+  avatar: A,
+  divider: B,
+  container: O,
+  spacer: F,
+  html: E,
+  socials: U,
+  style: N,
+  htmlEditor: P
+}, W = {
   newDocument: "新建空白文档",
   useBuiltInTemplates: "使用内置模板",
   emailBuilder: "Monto 邮件编辑器",
@@ -335,7 +336,7 @@ const d = {
   undoTooltip: "撤销 (Ctrl/Cmd + Z)",
   redo: "重做",
   redoTooltip: "重做 (Ctrl/Cmd + Shift + Z)"
-}, U = {
+}, z = {
   welcomeEmail: "营销模板",
   oneTimePasscode: "一次性密码 (OTP)",
   resetPassword: "重置密码",
@@ -345,17 +346,17 @@ const d = {
   postMetrics: "指标报告",
   respondToMessage: "回复询问",
   quickStart: "快速开始"
-}, B = {
+}, I = {
   styles: "样式",
   inspect: "检查",
   clickBlockToInspect: "点击一个块进行检查。",
   blockNotFound: "未找到 id 为 {{id}} 的块。点击一个块以重置。"
-}, N = {
+}, D = {
   edit: "编辑",
   preview: "预览",
   htmlOutput: "HTML 输出",
   jsonOutput: "JSON 输出"
-}, M = {
+}, _ = {
   title: "图片块",
   name: "图片",
   sourceUrl: "图片地址",
@@ -371,7 +372,7 @@ const d = {
   uploading: "上传中...",
   uploadHandlerNotConfigured: "请配置 imageUploadHandler 以启用本地上传功能",
   placeholder: "添加图片"
-}, I = {
+}, H = {
   title: "视频块",
   name: "视频",
   sourceUrl: "视频地址",
@@ -392,7 +393,7 @@ const d = {
   loop: "循环播放",
   muted: "静音",
   controls: "显示控制条"
-}, P = {
+}, $ = {
   title: "列块",
   name: "列容器",
   layout: "分栏",
@@ -410,7 +411,7 @@ const d = {
   confirmChangeMessage: "切换分栏布局将删除部分列中的数据，此操作不可撤销。确定要继续吗？",
   cancel: "取消",
   confirm: "确定"
-}, E = {
+}, K = {
   global: "全局",
   backdropColor: "背景颜色",
   canvasColor: "画布颜色",
@@ -419,7 +420,7 @@ const d = {
   pageWidth: "页面宽度",
   fontFamily: "字体",
   textColor: "文字颜色"
-}, _ = {
+}, q = {
   title: "文本块",
   name: "文本",
   content: "内容",
@@ -486,7 +487,7 @@ const d = {
     customVariableNameInvalid: "变量名只能包含英文字母、数字和下划线，且以字母或下划线开头",
     customVariableNameDuplicate: "变量名已存在"
   }
-}, H = {
+}, J = {
   title: "按钮块",
   name: "按钮",
   text: "文本",
@@ -505,12 +506,12 @@ const d = {
   stylePill: "胶囊",
   textColor: "文字颜色",
   buttonColor: "按钮颜色"
-}, z = {
+}, Y = {
   title: "标题块",
   name: "标题",
   content: "内容",
   level: "级别"
-}, D = {
+}, j = {
   title: "头像块",
   size: "尺寸",
   shape: "形状",
@@ -519,23 +520,23 @@ const d = {
   shapeRounded: "圆角",
   imageUrl: "图片地址",
   altText: "替代文本"
-}, K = {
+}, G = {
   title: "分割线块",
   name: "分割线",
   color: "颜色",
   height: "高度"
-}, O = {
+}, Z = {
   title: "容器块",
   name: "容器"
-}, $ = {
+}, X = {
   title: "间距块",
   name: "间距",
   height: "高度"
-}, W = {
+}, Q = {
   title: "HTML块",
   name: "HTML",
   content: "内容"
-}, F = {
+}, ee = {
   title: "社媒块",
   name: "社媒",
   selectPlatforms: "社媒选择",
@@ -548,7 +549,7 @@ const d = {
   iconUrl: "跳转链接",
   placeholder: "点击右侧面板添加社媒图标",
   addAnother: "新增社媒"
-}, q = {
+}, te = {
   backgroundColor: "背景颜色",
   borderColor: "边框颜色",
   borderRadius: "圆角",
@@ -572,7 +573,7 @@ const d = {
   both: "两者",
   default: "默认",
   formatGroup: "样式"
-}, J = {
+}, oe = {
   mode: {
     split: "左右栏",
     code: "仅代码",
@@ -606,62 +607,575 @@ const d = {
     empty: "暂无变量。点击左侧代码区的保存按钮扫描，或从上方变量目录插入。",
     systemDefault: "系统变量无需默认值"
   }
-}, Y = {
-  common: V,
-  samples: U,
-  inspector: B,
-  tabs: N,
-  image: M,
-  video: I,
-  columns: P,
-  emailLayout: E,
-  text: _,
-  button: H,
-  heading: z,
-  avatar: D,
-  divider: K,
-  container: O,
-  spacer: $,
-  html: W,
-  socials: F,
-  style: q,
-  htmlEditor: J
-}, Z = {
-  zh: Y,
-  en: A
+}, ie = {
+  common: W,
+  samples: z,
+  inspector: I,
+  tabs: D,
+  image: _,
+  video: H,
+  columns: $,
+  emailLayout: K,
+  text: q,
+  button: J,
+  heading: Y,
+  avatar: j,
+  divider: G,
+  container: Z,
+  spacer: X,
+  html: Q,
+  socials: ee,
+  style: te,
+  htmlEditor: oe
+}, ae = {
+  zh: ie,
+  en: V
 };
-function Q(a, e, o) {
-  const l = o ?? j(), s = a.split(".");
-  let n = Z[l];
-  for (const t of s)
-    if (n && typeof n == "object" && t in n)
-      n = n[t];
+function ge(i, t, r) {
+  const l = r ?? ne(), g = i.split(".");
+  let n = ae[l];
+  for (const o of g)
+    if (n && typeof n == "object" && o in n)
+      n = n[o];
     else
-      return a;
-  return typeof n != "string" ? a : e ? n.replace(/\{\{(\w+)\}\}/g, (t, i) => {
-    var r;
-    return ((r = e[i]) == null ? void 0 : r.toString()) ?? t;
+      return i;
+  return typeof n != "string" ? i : t ? n.replace(/\{\{(\w+)\}\}/g, (o, a) => {
+    var c;
+    return ((c = t[a]) == null ? void 0 : c.toString()) ?? o;
   }) : n;
 }
-function j() {
+function ne() {
   if (typeof window > "u")
     return "en";
-  const a = localStorage.getItem("app-language");
-  return a && (a === "zh" || a === "en") ? a : navigator.language.toLowerCase().startsWith("zh") ? "zh" : "en";
+  const i = localStorage.getItem("app-language");
+  return i && (i === "zh" || i === "en") ? i : navigator.language.toLowerCase().startsWith("zh") ? "zh" : "en";
 }
-function ee(a) {
-  typeof window < "u" && localStorage.setItem("app-language", a);
+function ye(i) {
+  typeof window < "u" && localStorage.setItem("app-language", i);
 }
-function te(a) {
-  let e = a, o = 0;
-  for (; e && typeof e == "object" && "default" in e && o < 5; ) {
-    const l = e.default;
-    if (!l || l === e) break;
-    e = l, o += 1;
+const re = "#212443", u = "#1E40AF", p = "#1F8466", m = "#E81212", d = "#F6DC9F", le = "#6C0E7C", se = "#CC996C", de = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"', ce = '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', e = b({
+  palette: {
+    background: {
+      default: "#f2f5f7"
+    },
+    text: {
+      primary: "#1F1F21",
+      secondary: "#4F4F4F"
+    }
+  },
+  typography: {
+    fontFamily: de
+  }
+}), he = b(e, {
+  palette: {
+    brand: {
+      navy: re,
+      blue: u,
+      red: m,
+      green: p,
+      yellow: d,
+      purple: le,
+      brown: se
+    },
+    success: {
+      main: p,
+      light: s(p, 0.15),
+      dark: h(p, 0.15)
+    },
+    error: {
+      main: m,
+      light: s(m, 0.15),
+      dark: h(m, 0.15)
+    },
+    cadet: {
+      100: "#F9FAFB",
+      200: "#F2F5F7",
+      300: "#DCE4EA",
+      400: "#A8BBCA",
+      500: "#6A8BA4"
+    },
+    highlight: {
+      100: s(d, 0.8),
+      200: s(d, 0.6),
+      300: s(d, 0.4),
+      400: s(d, 0.2),
+      500: d
+    },
+    info: {
+      main: u
+    },
+    primary: {
+      main: u
+    }
+  },
+  components: {
+    MuiCssBaseline: {
+      styleOverrides: `
+        address {
+          font-style: normal;
+        }
+        fieldset {
+          border: none;
+          padding: 0;
+        }
+        pre {
+          font-family: ${ce}
+          white-space: pre-wrap;
+          font-size: 12px;
+        }
+      `
+    },
+    MuiAlert: {
+      styleOverrides: {
+        root: {
+          fontSize: e.typography.pxToRem(14)
+        },
+        action: {
+          paddingTop: 0,
+          marginRight: 0
+        },
+        filledSuccess: {
+          backgroundColor: p
+        }
+      }
+    },
+    MuiStepLabel: {
+      styleOverrides: {
+        label: {
+          fontWeight: e.typography.fontWeightMedium
+        }
+      }
+    },
+    MuiDialog: {
+      defaultProps: {
+        fullWidth: !0
+      },
+      styleOverrides: {
+        paper: {
+          borderRadius: e.spacing(1)
+        }
+      }
+    },
+    MuiDialogContent: {
+      styleOverrides: {
+        root: {
+          paddingTop: e.spacing(1),
+          paddingBottom: e.spacing(2)
+        }
+      }
+    },
+    MuiDialogTitle: {
+      defaultProps: {
+        variant: "h4"
+      },
+      styleOverrides: {
+        root: {
+          paddingTop: e.spacing(3),
+          paddingBottom: e.spacing(1)
+        }
+      }
+    },
+    MuiDialogActions: {
+      styleOverrides: {
+        root: {
+          borderTop: "1px solid",
+          borderTopColor: e.palette.divider,
+          marginTop: e.spacing(2.5),
+          padding: `${e.spacing(1.5)} ${e.spacing(3)}`
+        }
+      }
+    },
+    MuiTableCell: {
+      styleOverrides: {
+        root: {
+          ...e.typography.body2,
+          borderColor: e.palette.grey[200]
+        },
+        head: {
+          ...e.typography.overline,
+          fontWeight: e.typography.fontWeightMedium,
+          letterSpacing: "0.075em",
+          color: e.palette.text.secondary
+        }
+      }
+    },
+    MuiTableRow: {
+      styleOverrides: {
+        root: {
+          "&:last-child td": {
+            borderBottom: 0
+          }
+        }
+      }
+    },
+    MuiAvatar: {
+      styleOverrides: {
+        root: {
+          textTransform: "uppercase",
+          fontSize: e.typography.pxToRem(14)
+        }
+      }
+    },
+    MuiChip: {
+      styleOverrides: {
+        root: {
+          "&.MuiChip-filledError, &.MuiChip-filledSuccess": {
+            fill: e.palette.primary.contrastText
+          }
+        },
+        sizeSmall: {
+          borderRadius: e.spacing(0.5),
+          fontSize: 12
+        },
+        iconSmall: {
+          fontSize: 14,
+          marginLeft: e.spacing(1)
+        },
+        colorSecondary: {
+          borderColor: e.palette.grey[400],
+          color: e.palette.text.secondary
+        },
+        label: {
+          fontWeight: e.typography.fontWeightMedium
+        }
+      }
+    },
+    MuiDrawer: {
+      defaultProps: {
+        PaperProps: {
+          elevation: 2
+        }
+      }
+    },
+    MuiTooltip: {
+      styleOverrides: {
+        tooltip: {
+          // fontSize: BASE_THEME.typography.pxToRem(12),
+          backgroundColor: y(e.palette.text.primary, 0.9)
+        },
+        arrow: {
+          color: y(e.palette.text.primary, 0.9)
+        }
+      }
+    },
+    MuiSlider: {
+      styleOverrides: {
+        root: {
+          height: 1
+        },
+        track: {
+          height: 1,
+          border: "none"
+        },
+        rail: {
+          height: 1,
+          backgroundColor: e.palette.grey[500]
+        },
+        mark: {
+          backgroundColor: e.palette.grey[500]
+        },
+        markActive: {
+          height: 0
+        },
+        thumb: {
+          height: 16,
+          width: 16,
+          cursor: "col-resize",
+          "&:hover, &.Mui-active, &.Mui-focusVisible": {
+            boxShadow: `0 0 0 4px ${y(u, 0.2)}`
+          },
+          "&:before": {
+            display: "none"
+          }
+        }
+      }
+    },
+    MuiPaper: {
+      defaultProps: {
+        elevation: 2,
+        square: !0
+      }
+    },
+    MuiButtonBase: {
+      defaultProps: {
+        // disableTouchRipple: true,
+        focusRipple: !0
+      },
+      styleOverrides: {
+        root: {
+          "&.MuiButton-containedSecondary.Mui-disabled": {
+            backgroundColor: e.palette.grey[100]
+          }
+        }
+      }
+    },
+    MuiButtonGroup: {
+      defaultProps: {
+        disableElevation: !0
+      }
+    },
+    MuiIconButton: {
+      styleOverrides: {
+        edgeStart: {
+          marginLeft: e.spacing(-1)
+        },
+        colorSecondary: {
+          color: e.palette.grey[500]
+        }
+      }
+    },
+    MuiButton: {
+      defaultProps: {
+        disableElevation: !0
+      },
+      styleOverrides: {
+        root: {
+          borderRadius: 8
+        },
+        textPrimary: {
+          color: e.palette.text.primary
+        },
+        textSecondary: {
+          color: e.palette.text.secondary
+        },
+        outlinedPrimary: {
+          // borderColor: BASE_THEME.palette.grey[300],
+          // color: BASE_THEME.palette.text.primary,
+          // '&:hover, &:active, &:focus': {
+          //   borderColor: BASE_THEME.palette.grey[500],
+          //   color: BASE_THEME.palette.text.primary,
+          // },
+        },
+        containedSecondary: {
+          backgroundColor: e.palette.common.white,
+          border: `1px solid ${e.palette.grey[300]}`,
+          color: e.palette.text.primary,
+          "&:hover, &:active, &:focus": {
+            backgroundColor: e.palette.common.white,
+            borderColor: e.palette.grey[500],
+            color: e.palette.text.primary
+          }
+        }
+      }
+    },
+    MuiToggleButton: {
+      styleOverrides: {
+        root: {
+          paddingLeft: e.spacing(1.5),
+          paddingRight: e.spacing(1.5)
+        }
+      }
+    },
+    MuiInputBase: {
+      styleOverrides: {
+        root: {
+          "&:not(.Mui-disabled, .Mui-error):before": {
+            borderBottom: `1px solid ${e.palette.grey[400]}`
+          },
+          "&:hover:not(.Mui-disabled, .Mui-error):before": {
+            borderBottom: `1px solid ${e.palette.grey[500]} !important`
+          },
+          "&:after": {
+            borderBottom: `1px solid ${e.palette.text.primary} !important`
+          },
+          "&.MuiOutlinedInput-root:not(.Mui-error)": {
+            "& fieldset": {
+              borderColor: e.palette.grey[300],
+              transition: "border-color 0.2s"
+            }
+          },
+          "&.MuiOutlinedInput-root:not(.Mui-disabled, .Mui-error)": {
+            "&:hover fieldset": {
+              borderColor: e.palette.grey[400]
+            },
+            "&.Mui-focused fieldset": {
+              borderColor: e.palette.text.secondary,
+              borderWidth: 1
+            }
+          }
+        },
+        input: {
+          fontSize: e.typography.pxToRem(14),
+          "&.Mui-disabled": {
+            WebkitTextFillColor: "inherit",
+            color: e.palette.text.secondary
+          }
+        },
+        inputSizeSmall: {}
+      }
+    },
+    MuiOutlinedInput: {
+      styleOverrides: {
+        notchedOutline: {
+          "& legend": {
+            fontSize: "0.85em",
+            maxWidth: "100%"
+          }
+        }
+      }
+    },
+    MuiInputAdornment: {
+      styleOverrides: {
+        root: {
+          "& .MuiTypography-root": {
+            fontSize: e.typography.pxToRem(14),
+            color: e.palette.text.secondary
+          }
+        }
+      }
+    },
+    MuiInputLabel: {
+      defaultProps: {
+        shrink: !0
+      },
+      styleOverrides: {
+        shrink: {
+          transform: "scale(0.85)",
+          fontWeight: e.typography.fontWeightMedium,
+          "&.Mui-focused": {
+            color: e.palette.text.primary
+          },
+          "&.MuiInputLabel-standard": {
+            transform: "translate(0, -4px) scale(0.85)",
+            color: "#4F4F4F"
+          },
+          "&.MuiInputLabel-outlined": {
+            transform: "translate(15px, -8px) scale(0.85)"
+          }
+        }
+      }
+    },
+    MuiTabs: {
+      defaultProps: {
+        variant: "scrollable"
+      },
+      styleOverrides: {
+        indicator: {
+          height: 1,
+          backgroundColor: e.palette.text.primary
+        }
+      }
+    },
+    MuiTab: {
+      styleOverrides: {
+        root: {
+          textTransform: "none",
+          minWidth: e.spacing(2),
+          paddingLeft: e.spacing(1.5),
+          paddingRight: e.spacing(1.5),
+          fontSize: e.typography.pxToRem(14),
+          fontFamily: e.typography.fontFamily,
+          lineHeight: 1.5,
+          fontWeight: e.typography.fontWeightMedium,
+          transition: "color 0.2s",
+          "&.Mui-selected": {
+            color: e.palette.text.primary
+          },
+          "&:hover": {
+            color: e.palette.text.primary
+          }
+        }
+      }
+    },
+    MuiCard: {
+      styleOverrides: {
+        root: {
+          borderRadius: 8
+        }
+      }
+    },
+    MuiCardHeader: {
+      styleOverrides: {
+        title: {
+          fontSize: e.typography.pxToRem(18),
+          fontWeight: e.typography.fontWeightMedium
+        }
+      }
+    }
+  },
+  typography: {
+    fontFamily: e.typography.fontFamily,
+    h1: {
+      fontFamily: e.typography.fontFamily,
+      fontSize: e.typography.pxToRem(40),
+      lineHeight: 1.2,
+      letterSpacing: "-0.02em",
+      fontWeight: e.typography.fontWeightMedium
+    },
+    h2: {
+      fontFamily: e.typography.fontFamily,
+      fontSize: e.typography.pxToRem(32),
+      lineHeight: 1.2,
+      letterSpacing: "-0.02em",
+      fontWeight: e.typography.fontWeightMedium
+    },
+    h3: {
+      fontFamily: e.typography.fontFamily,
+      fontSize: e.typography.pxToRem(24),
+      lineHeight: 1.5,
+      letterSpacing: "-0.01em",
+      fontWeight: e.typography.fontWeightMedium
+    },
+    h4: {
+      fontFamily: e.typography.fontFamily,
+      fontSize: e.typography.pxToRem(20),
+      lineHeight: 1.5,
+      letterSpacing: "-0.01em",
+      fontWeight: e.typography.fontWeightMedium
+    },
+    h5: {
+      fontFamily: e.typography.fontFamily,
+      fontSize: e.typography.pxToRem(18),
+      lineHeight: 1.5,
+      letterSpacing: "-0.01em",
+      fontWeight: e.typography.fontWeightMedium
+    },
+    h6: {
+      fontFamily: e.typography.fontFamily,
+      fontSize: e.typography.pxToRem(16),
+      lineHeight: 1.5,
+      letterSpacing: "-0.005em",
+      fontWeight: e.typography.fontWeightMedium
+    },
+    body1: {
+      fontSize: e.typography.pxToRem(14)
+    },
+    body2: {
+      fontSize: e.typography.pxToRem(12)
+    },
+    overline: {
+      fontWeight: e.typography.fontWeightMedium,
+      letterSpacing: "0.05em"
+    },
+    button: {
+      textTransform: "none",
+      fontWeight: e.typography.fontWeightMedium,
+      lineHeight: 1.5
+    },
+    caption: {
+      letterSpacing: 0,
+      lineHeight: 1.5
+    }
+  },
+  shadows: [
+    "none",
+    "0px 4px 15px rgba(33, 36, 67, 0.04), 0px 0px 2px rgba(33, 36, 67, 0.04), 0px 0px 1px rgba(33, 36, 67, 0.04)",
+    "0px 10px 20px rgba(33, 36, 67, 0.04), 0px 2px 6px rgba(33, 36, 67, 0.04), 0px 0px 1px rgba(33, 36, 67, 0.04)",
+    "0px 16px 24px rgba(33, 36, 67, 0.05), 0px 2px 6px rgba(33, 36, 67, 0.05), 0px 0px 1px rgba(33, 36, 67, 0.05)",
+    "0px 24px 32px rgba(33, 36, 67, 0.06), 0px 16px 24px rgba(33, 36, 67, 0.06), 0px 4px 8px rgba(33, 36, 67, 0.06)",
+    ...Array(20).fill("none")
+  ]
+});
+function be(i) {
+  let t = i, r = 0;
+  for (; t && typeof t == "object" && "default" in t && r < 5; ) {
+    const l = t.default;
+    if (!l || l === t) break;
+    t = l, r += 1;
   }
-  return typeof e == "function" || typeof e == "string" || e && typeof e == "object" && "$$typeof" in e ? e : "span";
+  return typeof t == "function" || typeof t == "string" || t && typeof t == "object" && "$$typeof" in t ? t : "span";
 }
-const G = /^[A-Za-z_][A-Za-z0-9_]*$/, X = [
+const pe = /^[A-Za-z_][A-Za-z0-9_]*$/, ue = [
   {
     id: "contacts",
     items: [
@@ -711,31 +1225,32 @@ const G = /^[A-Za-z_][A-Za-z0-9_]*$/, X = [
     items: [{ name: "unsubscribe_link", labelKey: "text.variables.unsubscribeLink", kind: "user" }]
   }
 ];
-function ae(a) {
-  const e = a.baseGroups ?? X, o = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set();
-  for (const t of e)
-    for (const i of t.items)
-      i.kind === "user" ? o.add(i.name) : l.add(i.name);
-  const s = Array.isArray(a.contactAttributes) ? a.contactAttributes : [];
-  for (const t of s) {
-    const i = t == null ? void 0 : t.Enable;
-    if (i === 0 || i === !1) continue;
-    const r = typeof (t == null ? void 0 : t.AttrField) == "string" ? t.AttrField.trim() : "";
-    r && o.add(r);
+function fe(i) {
+  const t = i.baseGroups ?? ue, r = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set();
+  for (const o of t)
+    for (const a of o.items)
+      a.kind === "user" ? r.add(a.name) : l.add(a.name);
+  const g = Array.isArray(i.contactAttributes) ? i.contactAttributes : [];
+  for (const o of g) {
+    const a = o == null ? void 0 : o.Enable;
+    if (a === 0 || a === !1) continue;
+    const c = typeof (o == null ? void 0 : o.AttrField) == "string" ? o.AttrField.trim() : "";
+    c && r.add(c);
   }
-  const n = Array.isArray(a.customVariables) ? a.customVariables : [];
-  for (const t of n) {
-    const i = typeof (t == null ? void 0 : t.name) == "string" ? t.name.trim() : "";
-    i && G.test(i) && o.add(i);
+  const n = Array.isArray(i.customVariables) ? i.customVariables : [];
+  for (const o of n) {
+    const a = typeof (o == null ? void 0 : o.name) == "string" ? o.name.trim() : "";
+    a && pe.test(a) && r.add(a);
   }
-  return { allowedUser: o, allowedBuiltin: l };
+  return { allowedUser: r, allowedBuiltin: l };
 }
 export {
-  X as B,
-  G as V,
-  ae as b,
-  j as g,
-  te as r,
-  ee as s,
-  Q as t
+  ue as B,
+  he as T,
+  pe as V,
+  fe as b,
+  ne as g,
+  be as r,
+  ye as s,
+  ge as t
 };