@maily-to/shared 0.0.2 → 2.0.0-beta.2

package/dist/index.d.mts

@@ -1,114 +1,1040 @@
-import * as CSS$1 from "csstype";
-import * as CSS from "csstype";
+import { Properties } from "csstype";
 
-//#region src/theme.d.ts
-declare const allowedFallbackFonts: readonly ["Arial", "Helvetica", "Verdana", "Georgia", "Times New Roman", "serif", "sans-serif", "monospace", "cursive", "fantasy"];
+//#region src/alignment.d.ts
+declare const TEXT_ALIGNMENTS: {
+  readonly LEFT: 'left';
+  readonly CENTER: 'center';
+  readonly RIGHT: 'right';
+};
+type AllowedTextAlignment = (typeof TEXT_ALIGNMENTS)[keyof typeof TEXT_ALIGNMENTS];
+declare const allowedTextAligns: readonly AllowedTextAlignment[];
+declare const DEFAULT_TEXT_ALIGN: AllowedTextAlignment;
+declare function isAllowedTextAlignment(value: unknown): value is AllowedTextAlignment;
+//#endregion
+//#region src/field-mode.d.ts
+/**
+ * Controls how multi-value fields (padding, margin, border) are edited.
+ * "none" disables the field, "uniform" links all sides to one value,
+ * "mixed" allows independent per-side values, "preset" uses predefined
+ * size options (e.g. small/medium/large).
+ */
+declare const FIELD_MODE: {
+  readonly NONE: 'none';
+  readonly MIXED: 'mixed';
+  readonly UNIFORM: 'uniform';
+  readonly PRESET: 'preset';
+};
+type AllowedFieldMode = (typeof FIELD_MODE)[keyof typeof FIELD_MODE];
+declare const allowedFieldModes: readonly AllowedFieldMode[];
+declare function isAllowedFieldMode(mode: unknown): mode is AllowedFieldMode;
+//#endregion
+//#region src/border.d.ts
+declare const BORDER_STYLES: {
+  readonly SOLID: 'solid';
+  readonly DASHED: 'dashed';
+  readonly DOTTED: 'dotted';
+};
+type AllowedBorderStyle = (typeof BORDER_STYLES)[keyof typeof BORDER_STYLES];
+declare const DEFAULT_BORDER_STYLE: AllowedBorderStyle;
+declare const DEFAULT_BORDER_COLOR = "#000000";
+/**
+ * Full border configuration for a node. Includes border style, color,
+ * per-side widths (top/right/bottom/left), per-corner radii, and
+ * field modes that control whether each group is edited uniformly
+ * or independently.
+ */
+type BorderStyleConfig = {
+  borderStyle: AllowedBorderStyle;
+  borderColor: string;
+  borderWidthMode: AllowedFieldMode;
+  borderTopWidth: number;
+  borderRightWidth: number;
+  borderBottomWidth: number;
+  borderLeftWidth: number;
+  borderRadiusMode: AllowedFieldMode;
+  borderTopLeftRadius: number;
+  borderTopRightRadius: number;
+  borderBottomRightRadius: number;
+  borderBottomLeftRadius: number;
+};
+/**
+ * Converts a BorderStyleConfig into CSS properties for inline styles.
+ * When all widths or radii are equal (or the mode is "uniform"), emits
+ * shorthand CSS; otherwise emits per-side longhand properties.
+ */
+declare function getBorderStyle(config: BorderStyleConfig): Properties;
+//#endregion
+//#region src/button-kind.d.ts
+/**
+ * Button layout kinds.
+ * "tight" renders the button at its content width,
+ * "full-width" stretches it to fill the container.
+ */
+declare const BUTTON_KINDS: {
+  readonly TIGHT: 'tight';
+  readonly FULL_WIDTH: 'full-width';
+};
+type AllowedButtonKind = (typeof BUTTON_KINDS)[keyof typeof BUTTON_KINDS];
+declare const allowedButtonKinds: readonly AllowedButtonKind[];
+declare const DEFAULT_BUTTON_KIND: AllowedButtonKind;
+declare function isAllowedButtonKind(value: unknown): value is AllowedButtonKind;
+//#endregion
+//#region src/constants.d.ts
+/** HTML data attribute key used to identify node types in rendered output. */
+declare const DATA_NODE_TYPE_KEY = "data-node-type";
+/** HTML data attribute key used to store serialized visibility rules. */
+declare const DATA_VISIBILITY_RULE_KEY = "data-visibility-rule";
+/** Prefix prepended to all Maily error messages for easy identification. */
+declare const MAILY_ERROR_PREFIX = "[Maily Error]";
+/** URL for filing bug reports against the Maily repository. */
+declare const MAILY_BUG_REPORT_URL = "https://github.com/arikchakma/maily.to/issues/new";
+//#endregion
+//#region src/font.d.ts
+/**
+ * List of allowed fallback font families. These are system fonts or
+ * generic font families that serve as fallbacks when a web font
+ * fails to load.
+ */
+declare const allowedFallbackFonts: readonly ['Arial', 'Helvetica', 'Verdana', 'Georgia', 'Times New Roman', 'serif', 'sans-serif', 'monospace', 'cursive', 'fantasy'];
 type FallbackFont = (typeof allowedFallbackFonts)[number];
-declare const allowedFontFormats: readonly ["woff", "woff2", "truetype", "opentype", "embedded-opentype", "svg"];
+declare const allowedFontFormats: readonly ['woff', 'woff2', 'truetype', 'opentype', 'embedded-opentype', 'svg'];
 type FontFormat = (typeof allowedFontFormats)[number];
-type FontWeight = CSS$1.Properties["fontWeight"];
-type FontStyle = CSS$1.Properties["fontStyle"];
+type FontStyle = Properties['fontStyle'];
+/**
+ * Configuration for a font used in the editor or renderer.
+ * Specifies the primary font family, a fallback, and an optional
+ * web font URL with its format for @font-face loading.
+ */
 interface FontProps {
-  /** The font you want to use. NOTE: Do not insert multiple fonts here, use fallbackFontFamily for that */
   fontFamily: string;
-  /** An array is possible, but the order of the array is the priority order */
   fallbackFontFamily: FallbackFont;
-  /** Not all clients support web fonts. For support check: https://www.caniemail.com/features/css-at-font-face/ */
   webFont?: {
     url: string;
     format: FontFormat;
   };
-  /** Default: 'normal' */
   fontStyle?: FontStyle;
-  /** Default: 400 */
-  fontWeight?: FontWeight;
+  fontWeight?: number;
 }
+/**
+ * Default font configuration: Inter with sans-serif fallback,
+ * loaded from the Maily CDN as woff2.
+ */
+declare const DEFAULT_FONT: FontProps;
+/**
+ * Injects a @font-face style element into the document head to load
+ * the given font. Only works in browser environments.
+ */
+declare function loadFont(font: FontProps): void;
+/**
+ * Generates a @font-face CSS rule string for the given font configuration.
+ * Includes the font family, style, weight, MSO fallback, and web font
+ * source URL when available.
+ */
+declare function getFontFaceStyle(font: FontProps): string;
+//#endregion
+//#region src/font-weight.d.ts
+/**
+ * Numeric font weight values mapped to semantic names.
+ * Normal (400), Medium (500), Semibold (600), Bold (700), Extra Bold (800).
+ */
+declare const FONT_WEIGHTS: {
+  readonly NORMAL: 400;
+  readonly MEDIUM: 500;
+  readonly SEMIBOLD: 600;
+  readonly BOLD: 700;
+  readonly EXTRA_BOLD: 800;
+};
+type FontWeight = (typeof FONT_WEIGHTS)[keyof typeof FONT_WEIGHTS];
+//#endregion
+//#region src/font-style.d.ts
+/**
+ * Entry for the font picker dropdown. Web fonts include a CDN URL
+ * and format for @font-face loading; system fonts omit the webFont field.
+ */
+type FontFamilyItem = {
+  fontFamily: string;
+  label?: string;
+  webFont?: {
+    url: string;
+    format: FontFormat;
+  };
+};
+/**
+ * Built-in font options served from the Maily CDN. System fonts
+ * (Arial, Helvetica, etc.) are included without a webFont field.
+ */
+declare const DEFAULT_FONT_FAMILIES: FontFamilyItem[];
+type FontFamily = string;
+declare const FONT_STYLES: {
+  readonly NORMAL: 'normal';
+  readonly ITALIC: 'italic';
+};
+type FontStyleValue = (typeof FONT_STYLES)[keyof typeof FONT_STYLES];
+/** Preset options for the font size dropdown in the editor. */
+declare const FONT_SIZE_PRESETS: readonly [{
+  readonly value: 12;
+  readonly label: 'Small';
+}, {
+  readonly value: 14;
+  readonly label: 'Normal';
+}, {
+  readonly value: 16;
+  readonly label: 'Medium';
+}, {
+  readonly value: 18;
+  readonly label: 'Large';
+}, {
+  readonly value: 24;
+  readonly label: 'XL';
+}, {
+  readonly value: 32;
+  readonly label: '2XL';
+}];
+/** Preset options for the line height dropdown in the editor. */
+declare const LINE_HEIGHT_PRESETS: readonly [{
+  readonly value: 1;
+  readonly label: 'Tight';
+}, {
+  readonly value: 1.25;
+  readonly label: 'Snug';
+}, {
+  readonly value: 1.5;
+  readonly label: 'Normal';
+}, {
+  readonly value: 1.75;
+  readonly label: 'Relaxed';
+}, {
+  readonly value: 2;
+  readonly label: 'Loose';
+}];
+declare const DEFAULT_FONT_FAMILY: FontFamily;
+declare const DEFAULT_FONT_SIZE = 15;
+declare const DEFAULT_FONT_WEIGHT: FontWeight;
+declare const DEFAULT_LINE_HEIGHT = 1.75;
+declare const DEFAULT_FONT_FALLBACK: FallbackFont;
+/**
+ * Per-node font style overrides. Null values mean "inherit from
+ * the theme defaults" — only non-null values produce inline CSS.
+ */
+type FontStyleAttributes = {
+  fontFamily: FontFamily | null;
+  fontFallback: FallbackFont | null;
+  fontSize: number | null;
+  fontWeight: FontWeight | null;
+  lineHeight: number | null;
+  fontStyle: FontStyleValue | null;
+};
+/**
+ * Baseline font values used when a node's FontStyleAttributes are null.
+ * Each node type (paragraph, heading, button, etc.) has its own defaults
+ * defined in the renderer theme.
+ */
+type NodeFontStyleDefaults = {
+  fontSize: number;
+  lineHeight: number;
+  fontWeight: number;
+  fontStyle?: FontStyleValue;
+};
+/**
+ * Builds a CSS properties object from a node's font attributes,
+ * falling back to the provided defaults for any null values.
+ * Only includes properties that have a resolved value.
+ */
+declare function getFontStyle(attrs: FontStyleAttributes, defaults?: Partial<NodeFontStyleDefaults>): Properties;
+//#endregion
+//#region src/html-code-block.d.ts
+/**
+ * Tab options for the HTML code block node.
+ * "code" shows the raw HTML source, "preview" renders it visually.
+ */
+declare const HTML_CODE_BLOCK_TABS: {
+  readonly CODE: 'code';
+  readonly PREVIEW: 'preview';
+};
+type AllowedHtmlCodeBlockTab = (typeof HTML_CODE_BLOCK_TABS)[keyof typeof HTML_CODE_BLOCK_TABS];
+declare const DEFAULT_HTML_CODE_BLOCK_TAB: AllowedHtmlCodeBlockTab;
+//#endregion
+//#region src/margin.d.ts
+/**
+ * Per-side margin configuration for a node. Includes a field mode
+ * that controls whether margin is edited uniformly or per-side,
+ * and individual values for each side in pixels.
+ */
+type MarginStyleConfig = {
+  marginMode: AllowedFieldMode;
+  marginTop: number;
+  marginRight: number;
+  marginBottom: number;
+  marginLeft: number;
+};
+/**
+ * Converts a MarginStyleConfig into CSS properties for inline styles.
+ * When all sides are equal (or mode is "uniform"), emits shorthand CSS;
+ * otherwise emits per-side longhand properties.
+ */
+declare function getMarginStyle(config: MarginStyleConfig): Properties;
+//#endregion
+//#region src/mark.d.ts
+/** Registry of all inline mark type strings used in the document JSON. */
+declare const MAILY_MARK_TYPES: {
+  readonly BOLD: 'bold';
+  readonly ITALIC: 'italic';
+  readonly STRIKE: 'strike';
+  readonly UNDERLINE: 'underline';
+  readonly LINK: 'link';
+  readonly CODE: 'code';
+  readonly TEXT_STYLE: 'textStyle';
+  readonly HIGHLIGHT: 'highlight';
+};
+type MailyMarkType = (typeof MAILY_MARK_TYPES)[keyof typeof MAILY_MARK_TYPES];
+declare const allowedMarkTypes: ("bold" | "code" | "highlight" | "italic" | "link" | "strike" | "textStyle" | "underline")[];
+/**
+ * Base shape shared by all inline marks. Individual mark types
+ * narrow the type field and optionally add typed attrs.
+ */
+type BaseMailyMark = {
+  type: MailyMarkType;
+  attrs?: Record<string, any>;
+};
+/** Bold */
+type BoldMark = BaseMailyMark & {
+  type: typeof MAILY_MARK_TYPES.BOLD;
+};
+/** Italic */
+type ItalicMark = BaseMailyMark & {
+  type: typeof MAILY_MARK_TYPES.ITALIC;
+};
+/** Strike */
+type StrikeMark = BaseMailyMark & {
+  type: typeof MAILY_MARK_TYPES.STRIKE;
+};
+/** Underline */
+type UnderlineMark = BaseMailyMark & {
+  type: typeof MAILY_MARK_TYPES.UNDERLINE;
+};
+/** Link */
+type LinkAttributes = {
+  href: string;
+  target?: string;
+};
+type LinkMark = BaseMailyMark & {
+  type: typeof MAILY_MARK_TYPES.LINK;
+  attrs: LinkAttributes;
+};
+/** Code */
+type CodeAttributes = {};
+type CodeMark = BaseMailyMark & {
+  type: typeof MAILY_MARK_TYPES.CODE;
+  attrs: CodeAttributes;
+};
+/** Text Style */
+type TextStyleAttributes = {
+  color: string;
+};
+type TextStyleMark = BaseMailyMark & {
+  type: typeof MAILY_MARK_TYPES.TEXT_STYLE;
+  attrs: TextStyleAttributes;
+};
+/** Highlight */
+type HighlightAttributes = {
+  color: string;
+};
+type HighlightMark = BaseMailyMark & {
+  type: typeof MAILY_MARK_TYPES.HIGHLIGHT;
+  attrs: HighlightAttributes;
+};
+type AnyMailyMark = BoldMark | ItalicMark | StrikeMark | UnderlineMark | LinkMark | CodeMark | TextStyleMark | HighlightMark;
+//#endregion
+//#region src/padding.d.ts
+/**
+ * Per-side padding configuration for a node. Includes a field mode
+ * that controls whether padding is edited uniformly or per-side,
+ * and individual values for each side in pixels.
+ */
+type PaddingStyleConfig = {
+  paddingMode: AllowedFieldMode;
+  paddingTop: number;
+  paddingRight: number;
+  paddingBottom: number;
+  paddingLeft: number;
+};
+/**
+ * Converts a PaddingStyleConfig into CSS properties for inline styles.
+ * When all sides are equal (or mode is "uniform"), emits shorthand CSS;
+ * otherwise emits per-side longhand properties.
+ */
+declare function getPaddingStyle(config: PaddingStyleConfig): Properties;
+//#endregion
+//#region src/text-direction.d.ts
+/** Text direction values matching the HTML `dir` attribute: ltr, rtl, auto. */
+declare const TEXT_DIRECTIONS: {
+  readonly LTR: 'ltr';
+  readonly RTL: 'rtl';
+  readonly AUTO: 'auto';
+};
+type TextDirection = (typeof TEXT_DIRECTIONS)[keyof typeof TEXT_DIRECTIONS];
+declare const allowedTextDirections: readonly TextDirection[];
+declare const DEFAULT_TEXT_DIRECTION: TextDirection;
+declare function isAllowedTextDirection(value: unknown): value is TextDirection;
+/**
+ * Returns a CSS `direction` property object for the given dir value.
+ * Returns an empty object for "auto" or nullish values, since the
+ * browser default is sufficient in those cases.
+ */
+declare function getCssDirection(dir: TextDirection | null | undefined): Record<string, Omit<TextDirection, typeof TEXT_DIRECTIONS.AUTO>>;
+//#endregion
+//#region src/visibility.d.ts
+/**
+ * Comparison operators for conditional visibility rules.
+ * Used to evaluate a template variable against a value
+ * to decide whether a node should be shown or hidden.
+ */
+declare const VISIBILITY_OPERATORS: {
+  readonly IS_TRUE: 'is_true';
+  readonly IS_FALSE: 'is_false';
+  readonly EQUALS: 'equals';
+  readonly NOT_EQUALS: 'not_equals';
+  readonly CONTAINS: 'contains';
+  readonly NOT_CONTAINS: 'not_contains';
+  readonly STARTS_WITH: 'starts_with';
+  readonly ENDS_WITH: 'ends_with';
+  readonly GREATER_THAN: 'greater_than';
+  readonly LESS_THAN: 'less_than';
+};
+type AllowedVisibilityOperator = (typeof VISIBILITY_OPERATORS)[keyof typeof VISIBILITY_OPERATORS];
+declare const VISIBILITY_OPERATOR_OPTIONS: {
+  value: AllowedVisibilityOperator;
+  label: string;
+}[];
+/**
+ * Unary operators that don't require a comparison value.
+ * The UI hides the value input field when one of these is selected.
+ */
+declare const OPERATORS_WITHOUT_VALUE: AllowedVisibilityOperator[];
+declare const VISIBILITY_ACTIONS: {
+  readonly NONE: 'none';
+  readonly SHOW: 'show';
+  readonly HIDE: 'hide';
+};
+type AllowedVisibilityAction = (typeof VISIBILITY_ACTIONS)[keyof typeof VISIBILITY_ACTIONS];
+declare const VISIBILITY_ACTION_OPTIONS: {
+  value: AllowedVisibilityAction;
+  label: string;
+}[];
+/**
+ * Defines when a node is conditionally shown or hidden based on
+ * a template variable. Evaluated at render time by the renderer.
+ */
+type VisibilityRule = {
+  action: AllowedVisibilityAction;
+  variable: string;
+  operator: AllowedVisibilityOperator;
+  value: string;
+};
+/** Mixin for nodes that support conditional visibility. */
+type WithVisibilityAttrs = {
+  visibilityRule?: VisibilityRule | null;
+};
+//#endregion
+//#region src/node.d.ts
+/**
+ * Registry of all document node type strings. These map 1:1 to
+ * Tiptap extension names and are used as discriminators in the
+ * document JSON.
+ */
+declare const MAILY_NODE_TYPES: {
+  readonly DOCUMENT: 'doc';
+  readonly PARAGRAPH: 'paragraph';
+  readonly TEXT: 'text';
+  readonly HEADING: 'heading';
+  readonly VARIABLE: 'variable';
+  readonly IMAGE: 'image';
+  readonly SPACER: 'spacer';
+  readonly SECTION: 'section';
+  readonly COLUMNS: 'columns';
+  readonly COLUMN: 'column';
+  readonly BULLET_LIST: 'bulletList';
+  readonly ORDERED_LIST: 'orderedList';
+  readonly LIST_ITEM: 'listItem';
+  readonly HORIZONTAL_RULE: 'horizontalRule';
+  readonly BUTTON: 'button';
+  readonly REPEAT: 'repeat';
+  readonly HTML_CODE_BLOCK: 'htmlCodeBlock';
+  readonly BLOCKQUOTE: 'blockquote';
+  readonly HARD_BREAK: 'hardBreak';
+  readonly FOOTER: 'footer';
+  readonly INLINE_IMAGE: 'inlineImage';
+  readonly LINK_CARD: 'linkCard';
+};
+/**
+ * Tiptap extension types that attach attributes to nodes but are
+ * not document nodes themselves (e.g. fontStyle, visibility).
+ */
+declare const MAILY_EXTENSION_TYPES: {
+  readonly FONT_STYLE: 'fontStyle';
+  readonly VISIBILITY: 'visibility';
+};
+declare const allowedNodeTypes: ("blockquote" | "bulletList" | "button" | "column" | "columns" | "doc" | "footer" | "hardBreak" | "heading" | "horizontalRule" | "htmlCodeBlock" | "image" | "inlineImage" | "linkCard" | "listItem" | "orderedList" | "paragraph" | "repeat" | "section" | "spacer" | "text" | "variable")[];
+type MailyNodeType = (typeof MAILY_NODE_TYPES)[keyof typeof MAILY_NODE_TYPES];
+/**
+ * Global attributes mixed into every node by Tiptap extensions:
+ * text direction, unique id, and conditional visibility.
+ */
+type WithExtraAttrs = {
+  dir?: TextDirection | null;
+  id?: string | null;
+  visibilityRule?: VisibilityRule | null;
+};
+/**
+ * Base shape shared by all document nodes. Individual node types
+ * narrow the type field, add typed attrs, and constrain content.
+ */
+type BaseMailyNode = {
+  type: MailyNodeType;
+  attrs?: Record<string, any> & WithExtraAttrs;
+  content?: AnyMailyNode[];
+  marks?: AnyMailyMark[];
+  text?: string;
+};
+/** Document */
+type DocumentAttributes = {
+  version: number;
+};
+type DocumentNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.DOCUMENT;
+  attrs: DocumentAttributes;
+  content: BaseMailyNode[];
+};
+/** Paragraph */
+type ParagraphAttributes = {
+  id: string;
+  textAlign: AllowedTextAlignment;
+} & FontStyleAttributes;
+type ParagraphNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.PARAGRAPH;
+  attrs: ParagraphAttributes;
+};
+/** Text */
+type TextNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.TEXT;
+  text: string;
+};
+/** Heading */
+type HeadingLevel = 1 | 2 | 3;
+type HeadingAttributes = {
+  id: string;
+  level: HeadingLevel;
+} & FontStyleAttributes;
+type HeadingNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.HEADING;
+  attrs: HeadingAttributes;
+};
+/**
+ * Variable
+ * Attributes for a template variable node. The id and label must not
+ * contain `|` characters — that delimiter is used when serializing
+ * variable data to plain text (see serializeVariableToText).
+ */
+type VariableAttributes = {
+  /** Stored as `data-id`. Identifies which variable this node represents. */id: string | null; /** Stored as `data-label`. Display text shown in the editor instead of the id. */
+  label?: string | null; /** Stored as `data-fallback`. Used when the variable has no value at render time. */
+  fallback?: string | null;
+  required?: boolean;
+  hideDefaultValue?: boolean; /** The character that opens the variable suggestion popup (e.g. `@`). */
+  variableSuggestionChar?: string;
+};
+type VariableNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.VARIABLE;
+  attrs: VariableAttributes;
+  content: never;
+};
+/** Image */
+type ImageAttributes = {
+  src: string;
+  alt?: string;
+  title?: string;
+  width: string;
+  align: AllowedTextAlignment;
+  externalLink: string | null;
+} & BorderStyleConfig;
+type ImageNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.IMAGE;
+  attrs: ImageAttributes;
+  content: never;
+};
+/** Spacer */
+type SpacerAttributes = {
+  height: number;
+  heightMode: AllowedFieldMode;
+};
+type SpacerNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.SPACER;
+  attrs: SpacerAttributes;
+  content: never;
+};
+/** Section */
+type SectionAttributes = {
+  backgroundColor: string;
+  align: AllowedTextAlignment;
+} & BorderStyleConfig & PaddingStyleConfig & MarginStyleConfig;
+type SectionNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.SECTION;
+  attrs: SectionAttributes;
+  content: AnyMailyNode[];
+};
+/** Bullet List */
+type BulletListAttributes = {
+  id: string;
+};
+type BulletListNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.BULLET_LIST;
+  attrs: BulletListAttributes;
+  content: AnyMailyNode[];
+};
+/** Ordered List */
+type OrderedListAttributes = {
+  id: string;
+};
+type OrderedListNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.ORDERED_LIST;
+  attrs: OrderedListAttributes;
+  content: AnyMailyNode[];
+};
+/** List Item */
+type ListItemAttributes = {
+  id: string;
+};
+type ListItemNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.LIST_ITEM;
+  attrs: ListItemAttributes;
+  content: AnyMailyNode[];
+};
+/** Blockquote */
+type BlockquoteAttributes = {
+  id: string;
+} & FontStyleAttributes;
+type BlockquoteNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.BLOCKQUOTE;
+  attrs: BlockquoteAttributes;
+  content: AnyMailyNode[];
+};
+/** Horizontal Rule */
+type HorizontalRuleAttributes = {
+  id: string;
+};
+type HorizontalRuleNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.HORIZONTAL_RULE;
+  attrs: HorizontalRuleAttributes;
+  content: never;
+};
+/** Button */
+type ButtonAttributes = {
+  url: string;
+  kind: AllowedButtonKind;
+  alignment: AllowedTextAlignment | null;
+  backgroundColor: string | null;
+  color: string | null;
+  paddingMode: AllowedFieldMode;
+  paddingTop: number;
+  paddingRight: number;
+  paddingBottom: number;
+  paddingLeft: number;
+} & BorderStyleConfig & FontStyleAttributes;
+type ButtonNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.BUTTON;
+  attrs: ButtonAttributes;
+  content: AnyMailyNode[];
+};
+/** HTML Code Block */
+type HtmlCodeBlockAttributes = {
+  activeTab: AllowedHtmlCodeBlockTab;
+  language: string;
+};
+type HtmlCodeBlockNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.HTML_CODE_BLOCK;
+  attrs: HtmlCodeBlockAttributes;
+  content: AnyMailyNode[];
+};
+/** Repeat */
+type RepeatAttributes = {
+  each: string;
+};
+type RepeatNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.REPEAT;
+  attrs: RepeatAttributes;
+  content: AnyMailyNode[];
+};
+/** Columns (container for multiple columns) */
+type ColumnsAttributes = {
+  columnCount: number;
+  gap: number;
+};
+type ColumnsNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.COLUMNS;
+  attrs: ColumnsAttributes;
+  content: ColumnNode[];
+};
+/** Column (individual column within columns container) */
+type ColumnAttributes = {
+  width: number | null;
+  verticalAlign: 'top' | 'middle' | 'bottom';
+};
+type ColumnNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.COLUMN;
+  attrs: ColumnAttributes;
+  content: AnyMailyNode[];
+};
+/** Hard Break */
+type HardBreakNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.HARD_BREAK;
+  content: never;
+};
+/** Footer */
+type FooterAttributes = {
+  id: string;
+  textAlign: AllowedTextAlignment;
+} & FontStyleAttributes;
+type FooterNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.FOOTER;
+  attrs: FooterAttributes;
+};
+/** Inline Image */
+type InlineImageAttributes = {
+  src: string;
+  alt?: string;
+  title?: string;
+  width: number;
+  height: number;
+  externalLink: string | null;
+};
+type InlineImageNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.INLINE_IMAGE;
+  attrs: InlineImageAttributes;
+  content: never;
+};
+/** Link Card */
+type LinkCardAttributes = {
+  title: string;
+  description: string;
+  link: string;
+  linkTitle: string;
+  image: string;
+  subTitle: string;
+  badgeText: string;
+};
+type LinkCardNode = BaseMailyNode & {
+  type: typeof MAILY_NODE_TYPES.LINK_CARD;
+  attrs: LinkCardAttributes;
+  content: never;
+};
+type AnyMailyNode = DocumentNode | ParagraphNode | TextNode | HeadingNode | VariableNode | ImageNode | SpacerNode | SectionNode | RepeatNode | ColumnsNode | ColumnNode | BulletListNode | OrderedListNode | ListItemNode | HorizontalRuleNode | ButtonNode | HtmlCodeBlockNode | BlockquoteNode | HardBreakNode | FooterNode | InlineImageNode | LinkCardNode;
+//#endregion
+//#region src/theme.d.ts
+/**
+ * Shared theme properties used by both the editor and renderer.
+ * Controls global styling for the body, container, buttons, links,
+ * and font. Extended by EditorThemeOptions and RendererThemeOptions.
+ */
 interface BaseThemeOptions {
-  container?: Partial<Pick<CSS$1.Properties, "backgroundColor" | "maxWidth" | "minWidth" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "borderRadius" | "borderWidth" | "borderColor">>;
-  body?: Partial<Pick<CSS$1.Properties, "backgroundColor" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft">>;
-  button?: Partial<Pick<CSS$1.Properties, "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "backgroundColor" | "color">>;
-  link?: Partial<Pick<CSS$1.Properties, "color">>;
-  font?: Pick<FontProps, "fontFamily" | "fallbackFontFamily" | "webFont"> | null;
+  container?: Partial<{
+    backgroundColor: string;
+    maxWidth: number;
+    minWidth: number;
+    borderRadius: number;
+    borderWidth: number;
+    borderColor: string;
+    paddingTop: number;
+    paddingRight: number;
+    paddingBottom: number;
+    paddingLeft: number;
+  }>;
+  body?: Partial<{
+    backgroundColor: string;
+    paddingTop: number;
+    paddingRight: number;
+    paddingBottom: number;
+    paddingLeft: number;
+  }>;
+  button?: Partial<{
+    paddingTop: number;
+    paddingRight: number;
+    paddingBottom: number;
+    paddingLeft: number;
+    backgroundColor: string;
+    color: string;
+  }>;
+  link?: Partial<{
+    color: string;
+  }>;
+  font?: Pick<FontProps, 'fontFamily' | 'fallbackFontFamily' | 'webFont'> | null;
+  listMarker?: Partial<{
+    color: string;
+  }>;
 }
 /**
-* The theme options for the editor.
-* currently, we don't allow any customizations for the colors in the editor.
-* that's why we have a separate theme for the editor.
-*/
+ * Editor-specific theme. Currently identical to the base — the editor
+ * does not yet support per-node color customization, which is why
+ * it's kept separate from the renderer theme.
+ */
 interface EditorThemeOptions extends BaseThemeOptions {}
+/** Per-node styling overrides in the renderer theme. */
+type NodeThemeEntry = Partial<{
+  color: string;
+  fontSize: number;
+  lineHeight: number;
+  fontWeight: number;
+}>;
+type HeadingLevelTheme = Partial<{
+  fontSize: number;
+  lineHeight: number;
+  fontWeight: number;
+}>;
 /**
-* The theme options for the renderer.
-* currently, we don't allow any customizations for the colors in the editor.
-* that's why we have a separate theme for the renderer.
-*/
+ * Renderer-specific theme. Extends the base with per-node styling
+ * grouped by node type — each key corresponds to a node and contains
+ * all relevant style properties for that node.
+ */
 interface RendererThemeOptions extends BaseThemeOptions {
-  colors?: Partial<{
-    heading: string;
-    paragraph: string;
-    horizontal: string;
-    footer: string;
-    blockquoteBorder: string;
-    codeBackground: string;
-    codeText: string;
-    linkCardTitle: string;
-    linkCardDescription: string;
-    linkCardBadgeText: string;
-    linkCardBadgeBackground: string;
-    linkCardSubTitle: string;
-  }>;
-  fontSize?: Partial<{
-    paragraph: Partial<{
-      size: string;
-      lineHeight: string;
-    }>;
-    footer: Partial<{
-      size: string;
-      lineHeight: string;
+  paragraph?: NodeThemeEntry;
+  heading?: Partial<{
+    defaults: Partial<{
+      color: string;
     }>;
+    h1: HeadingLevelTheme;
+    h2: HeadingLevelTheme;
+    h3: HeadingLevelTheme;
+  }>;
+  footer?: NodeThemeEntry;
+  blockquote?: NodeThemeEntry & Partial<{
+    borderColor: string;
+    fontStyle: FontStyleValue;
+  }>;
+  horizontalRule?: Partial<{
+    color: string;
+  }>;
+  code?: Partial<{
+    color: string;
+    backgroundColor: string;
+  }>;
+  button?: BaseThemeOptions['button'] & Partial<{
+    fontSize: number;
+    lineHeight: number;
+    fontWeight: number;
+  }>;
+  linkCard?: Partial<{
+    titleColor: string;
+    descriptionColor: string;
+    badgeTextColor: string;
+    badgeBackgroundColor: string;
+    subTitleColor: string;
+    borderColor: string;
   }>;
 }
-declare const DEFAULT_FONT: FontProps;
 declare const DEFAULT_LINK_TEXT_COLOR = "#111827";
 declare const DEFAULT_RENDERER_THEME: RendererThemeOptions;
 declare const DEFAULT_EDITOR_THEME: EditorThemeOptions;
+/**
+ * Resolves the baseline font defaults for a node type from the
+ * renderer theme. Falls back to paragraph defaults for unknown types.
+ */
+declare function getNodeFontStyleDefaults(nodeType: string, level?: HeadingLevel): NodeFontStyleDefaults;
 //#endregion
 //#region src/css-variables.d.ts
-declare module "csstype" {
+declare module 'csstype' {
   interface Properties {
     [index: `--mly-${string}`]: any;
   }
 }
 /**
-* if the value is undefined, it will return an empty object
-* so that we don't override the default value
-* @param name - The name of the CSS variable
-* @param value - The value of the CSS variable
-* @returns The CSS variable value
-*/
-declare function getVariableValue(name: `--mly-${string}`, value: any): CSS.Properties;
-/**
-* Get the CSS variables for the theme
-* @param theme - The theme
-* @returns The CSS variables
-* @example
-* ```ts
-* const theme = {
-*   body: {
-*     backgroundColor: 'red',
-*   },
-* };
-*
-* const cssVariables = getCssVariables(theme);
-*
-* console.log(cssVariables);
-* // { '--mly-body-background-color': 'red' }
-*/
-declare function getMailyCssVariables(theme: EditorThemeOptions): CSS.Properties;
+ * Returns a CSS variable object for the given name and value.
+ * If the value is nullish or empty, returns an empty object so that
+ * the default CSS variable value is not overridden. Numbers are
+ * automatically suffixed with "px".
+ */
+declare function getVariableValue(name: `--mly-${string}`, value: unknown): Properties;
+/**
+ * Converts an EditorThemeOptions object into a flat map of Maily CSS
+ * custom properties (--mly-*). Used to apply theme overrides as inline
+ * styles on the editor or renderer root element. Covers body background,
+ * container dimensions and borders, button colors, link color, and
+ * font family settings.
+ */
+declare function getMailyCssVariables(theme: EditorThemeOptions): Properties;
 //#endregion
-//#region src/font.d.ts
-type Font = Pick<FontProps, "fontFamily" | "fallbackFontFamily" | "webFont">;
-declare function loadFont(font: Font): void;
-declare function fontStyle(font: Font): string;
+//#region src/image-width.d.ts
+/**
+ * Represents an image width value — can be a pixel number, a percentage
+ * string (e.g. "50%"), or the literal "auto" for full-width.
+ */
+type ImageWidth = number | string;
+declare const MIN_IMAGE_WIDTH_PERCENTAGE = 5;
+declare const MAX_IMAGE_WIDTH_PERCENTAGE = 100;
+/**
+ * Converts any ImageWidth value to a clamped percentage number.
+ * Handles "auto" (→ 100), percentage strings (e.g. "50%" → 50),
+ * and legacy pixel numbers (converted relative to maxWidthPixels).
+ * Returns 100 for null or unrecognized values.
+ */
+declare function parseWidthToPercentage(width: ImageWidth | null, maxWidthPixels?: number): number;
+declare function clampImageWidthPercentage(width: number): number;
+//#endregion
+//#region src/function.d.ts
+type Noop = () => void;
+/** A no-operation function. Useful as a default callback or placeholder. */
+declare function noop(): void;
+//#endregion
+//#region src/invariant.d.ts
+/**
+ * Assertion function that throws if the value is false, null, or undefined.
+ * Used as a development-time guard to catch impossible states early.
+ * Logs a bug report URL before throwing to help with issue filing.
+ */
+declare function invariant(value: boolean, message?: string): asserts value;
+declare function invariant<T>(value: T | null | undefined, message?: string): asserts value is T;
+//#endregion
+//#region src/is.d.ts
+/**
+ * Type guards for Maily nodes and marks. Provides narrowing functions
+ * for every node type (is.paragraph, is.button, etc.) and mark type
+ * (is.bold, is.link, etc.), plus structural checks like is.parent
+ * and is.marked. Each guard narrows the input to its specific type.
+ *
+ * Example:
+ *   if (is.paragraph(node)) {
+ *     node.attrs.textAlign // narrowed to ParagraphNode
+ *   }
+ */
+declare const is: {
+  any(value: unknown): value is AnyMailyNode | AnyMailyMark;
+  parent(node: AnyMailyNode): node is AnyMailyNode & {
+    content: AnyMailyNode[];
+  };
+  marked(node: AnyMailyNode): node is AnyMailyNode & {
+    marks: AnyMailyMark[];
+  };
+  node(node: unknown): node is AnyMailyNode;
+  doc: (node: AnyMailyNode | AnyMailyMark) => node is DocumentNode;
+  paragraph: (node: AnyMailyNode | AnyMailyMark) => node is ParagraphNode;
+  text: (node: AnyMailyNode | AnyMailyMark) => node is TextNode;
+  heading: (node: AnyMailyNode | AnyMailyMark) => node is HeadingNode;
+  variable: (node: AnyMailyNode | AnyMailyMark) => node is VariableNode;
+  image: (node: AnyMailyNode | AnyMailyMark) => node is ImageNode;
+  inlineImage: (node: AnyMailyNode | AnyMailyMark) => node is InlineImageNode;
+  spacer: (node: AnyMailyNode | AnyMailyMark) => node is SpacerNode;
+  section: (node: AnyMailyNode | AnyMailyMark) => node is SectionNode;
+  button: (node: AnyMailyNode | AnyMailyMark) => node is ButtonNode;
+  columns: (node: AnyMailyNode | AnyMailyMark) => node is ColumnsNode;
+  column: (node: AnyMailyNode | AnyMailyMark) => node is ColumnNode;
+  repeat: (node: AnyMailyNode | AnyMailyMark) => node is RepeatNode;
+  bulletList: (node: AnyMailyNode | AnyMailyMark) => node is BulletListNode;
+  orderedList: (node: AnyMailyNode | AnyMailyMark) => node is OrderedListNode;
+  listItem: (node: AnyMailyNode | AnyMailyMark) => node is ListItemNode;
+  horizontalRule: (node: AnyMailyNode | AnyMailyMark) => node is HorizontalRuleNode;
+  htmlCodeBlock: (node: AnyMailyNode | AnyMailyMark) => node is HtmlCodeBlockNode;
+  blockquote: (node: AnyMailyNode | AnyMailyMark) => node is BlockquoteNode;
+  hardBreak: (node: AnyMailyNode | AnyMailyMark) => node is HardBreakNode;
+  footer: (node: AnyMailyNode | AnyMailyMark) => node is FooterNode;
+  linkCard: (node: AnyMailyNode | AnyMailyMark) => node is LinkCardNode;
+  mark(mark: unknown): mark is AnyMailyMark;
+  bold: (node: AnyMailyNode | AnyMailyMark) => node is BoldMark;
+  italic: (node: AnyMailyNode | AnyMailyMark) => node is ItalicMark;
+  strike: (node: AnyMailyNode | AnyMailyMark) => node is StrikeMark;
+  underline: (node: AnyMailyNode | AnyMailyMark) => node is UnderlineMark;
+  link: (node: AnyMailyNode | AnyMailyMark) => node is LinkMark;
+  code: (node: AnyMailyNode | AnyMailyMark) => node is CodeMark;
+  textStyle: (node: AnyMailyNode | AnyMailyMark) => node is TextStyleMark;
+  highlight: (node: AnyMailyNode | AnyMailyMark) => node is HighlightMark;
+};
+/** Type guard that checks if a value is defined (not null or undefined). */
+declare function isDef<T = any>(val?: T | null): val is T;
+/** Type guard that checks if a value is a boolean. */
+declare function isBoolean(val: any): val is boolean;
+/** Type guard that checks if a value is a number. */
+declare function isNumber(val: any): val is number;
+/** Type guard that checks if a value is a string. */
+declare function isString(val: unknown): val is string;
+/** Type guard that checks if a value is a non-null object. */
+declare function isObject(val: unknown): val is object;
+//#endregion
+//#region src/math.d.ts
+declare function clamp(value: number, [min, max]: [number, number]): number;
+declare function percentage(portion: number, total: number): number;
+declare function absoluteFromPercentage(percentage: number, total: number): number;
+declare function roundTo(value: number, decimals: number): number;
+//#endregion
+//#region src/object.d.ts
+/**
+ * One-level deep merge of plain objects. Nested plain objects are
+ * shallow-merged; primitives, arrays, and null are replaced outright.
+ * Does not mutate the target — returns a new object.
+ *
+ * Example:
+ *   deepMerge({ a: 1, nested: { x: 1, y: 2 } }, { nested: { y: 3 } })
+ *   // => { a: 1, nested: { x: 1, y: 3 } }
+ */
+declare function deepMerge<T extends object>(target: T, ...sources: Partial<T>[]): T;
+declare function isObjectDeepEqual(first: object, second: object): boolean;
+//#endregion
+//#region src/promise.d.ts
+/** Returns a promise that resolves after the given number of milliseconds. */
+declare function sleep(ms: number): Promise<void>;
+//#endregion
+//#region src/variable.d.ts
+/** Default opening delimiter for variable placeholders in text. */
+declare const DEFAULT_VARIABLE_START_TRIGGER = "{{";
+/** Default closing delimiter for variable placeholders in text. */
+declare const DEFAULT_VARIABLE_END_TRIGGER = "}}";
+/**
+ * Regex that matches variable placeholders like {{name}} in a string.
+ * Uses a non-greedy match to handle multiple variables in one string.
+ */
+declare const VARIABLE_PLACEHOLDER_REGEX: RegExp;
+/**
+ * Delimiter used between fields inside a serialized variable string.
+ * Format: {{id|label|required|hideDefaultValue}}.
+ */
+declare const VARIABLE_TEXT_DELIMITER = "|";
+/**
+ * Serializes a variable node's attributes into a delimited string.
+ * Output format: `{{id|label|required|hideDefaultValue}}`.
+ * Used to represent structured variable data as a template string
+ * in plain text contexts.
+ */
+declare function serializeVariableToText(variable: VariableAttributes): string;
+/**
+ * Deserializes a variable string back into VariableAttributes.
+ * Expected input format: `{{id|label|required|hideDefaultValue}}`.
+ * Missing fields default to undefined; boolean fields are parsed
+ * from "true"/"false" strings.
+ */
+declare function deserializeVariableFromText(text: string): VariableAttributes;
+/**
+ * Parses a string containing variable placeholders (e.g. "Hello {{name}}")
+ * into a Tiptap-compatible document JSON with text and variable nodes.
+ * Splits on {{...}} boundaries and creates the appropriate node type
+ * for each segment.
+ */
+declare function buildDocFromVariableText(content: string): {
+  type: "doc";
+  content: {
+    type: "paragraph";
+    content: ({
+      type: "variable";
+      attrs: VariableAttributes;
+      text?: undefined;
+    } | {
+      attrs?: undefined;
+      type: "text";
+      text: string;
+    })[];
+  }[];
+};
+/**
+ * Checks if a string contains at least one variable placeholder.
+ * Returns true for strings like "Hello {{name}}", false for plain text.
+ * Uses index-based scanning instead of regex for performance.
+ */
+declare function hasVariableInText(text: string): boolean;
 //#endregion
-export { BaseThemeOptions, DEFAULT_EDITOR_THEME, DEFAULT_FONT, DEFAULT_LINK_TEXT_COLOR, DEFAULT_RENDERER_THEME, EditorThemeOptions, FallbackFont, FontFormat, FontProps, RendererThemeOptions, allowedFallbackFonts, allowedFontFormats, fontStyle, getMailyCssVariables, getVariableValue, loadFont };
+export { AllowedBorderStyle, AllowedButtonKind, AllowedFieldMode, AllowedHtmlCodeBlockTab, AllowedTextAlignment, AllowedVisibilityAction, AllowedVisibilityOperator, AnyMailyMark, AnyMailyNode, BORDER_STYLES, BUTTON_KINDS, BaseMailyMark, BaseMailyNode, BaseThemeOptions, BlockquoteAttributes, BlockquoteNode, BoldMark, BorderStyleConfig, BulletListAttributes, BulletListNode, ButtonAttributes, ButtonNode, CodeAttributes, CodeMark, ColumnAttributes, ColumnNode, ColumnsAttributes, ColumnsNode, DATA_NODE_TYPE_KEY, DATA_VISIBILITY_RULE_KEY, DEFAULT_BORDER_COLOR, DEFAULT_BORDER_STYLE, DEFAULT_BUTTON_KIND, DEFAULT_EDITOR_THEME, DEFAULT_FONT, DEFAULT_FONT_FALLBACK, DEFAULT_FONT_FAMILIES, DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, DEFAULT_FONT_WEIGHT, DEFAULT_HTML_CODE_BLOCK_TAB, DEFAULT_LINE_HEIGHT, DEFAULT_LINK_TEXT_COLOR, DEFAULT_RENDERER_THEME, DEFAULT_TEXT_ALIGN, DEFAULT_TEXT_DIRECTION, DEFAULT_VARIABLE_END_TRIGGER, DEFAULT_VARIABLE_START_TRIGGER, DocumentAttributes, DocumentNode, EditorThemeOptions, FIELD_MODE, FONT_SIZE_PRESETS, FONT_STYLES, FONT_WEIGHTS, FallbackFont, FontFamily, FontFamilyItem, FontFormat, FontProps, FontStyleAttributes, FontStyleValue, FontWeight, FooterAttributes, FooterNode, HTML_CODE_BLOCK_TABS, HardBreakNode, HeadingAttributes, HeadingLevel, HeadingLevelTheme, HeadingNode, HighlightAttributes, HighlightMark, HorizontalRuleAttributes, HorizontalRuleNode, HtmlCodeBlockAttributes, HtmlCodeBlockNode, ImageAttributes, ImageNode, ImageWidth, InlineImageAttributes, InlineImageNode, ItalicMark, LINE_HEIGHT_PRESETS, LinkAttributes, LinkCardAttributes, LinkCardNode, LinkMark, ListItemAttributes, ListItemNode, MAILY_BUG_REPORT_URL, MAILY_ERROR_PREFIX, MAILY_EXTENSION_TYPES, MAILY_MARK_TYPES, MAILY_NODE_TYPES, MAX_IMAGE_WIDTH_PERCENTAGE, MIN_IMAGE_WIDTH_PERCENTAGE, MailyMarkType, MailyNodeType, MarginStyleConfig, NodeFontStyleDefaults, NodeThemeEntry, Noop, OPERATORS_WITHOUT_VALUE, OrderedListAttributes, OrderedListNode, PaddingStyleConfig, ParagraphAttributes, ParagraphNode, RendererThemeOptions, RepeatAttributes, RepeatNode, SectionAttributes, SectionNode, SpacerAttributes, SpacerNode, StrikeMark, TEXT_ALIGNMENTS, TEXT_DIRECTIONS, TextDirection, TextNode, TextStyleAttributes, TextStyleMark, UnderlineMark, VARIABLE_PLACEHOLDER_REGEX, VARIABLE_TEXT_DELIMITER, VISIBILITY_ACTIONS, VISIBILITY_ACTION_OPTIONS, VISIBILITY_OPERATORS, VISIBILITY_OPERATOR_OPTIONS, VariableAttributes, VariableNode, VisibilityRule, WithExtraAttrs, WithVisibilityAttrs, absoluteFromPercentage, allowedButtonKinds, allowedFallbackFonts, allowedFieldModes, allowedFontFormats, allowedMarkTypes, allowedNodeTypes, allowedTextAligns, allowedTextDirections, buildDocFromVariableText, clamp, clampImageWidthPercentage, deepMerge, deserializeVariableFromText, getBorderStyle, getCssDirection, getFontFaceStyle, getFontStyle, getMailyCssVariables, getMarginStyle, getNodeFontStyleDefaults, getPaddingStyle, getVariableValue, hasVariableInText, invariant, is, isAllowedButtonKind, isAllowedFieldMode, isAllowedTextAlignment, isAllowedTextDirection, isBoolean, isDef, isNumber, isObject, isObjectDeepEqual, isString, loadFont, noop, parseWidthToPercentage, percentage, roundTo, serializeVariableToText, sleep };
 //# sourceMappingURL=index.d.mts.map