react-native-enriched-html 0.0.0 → 1.0.1

package/lib/module/web/pmPlugins/StripMarksOnImagePlugin.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import { Extension } from '@tiptap/core';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
+export const StripMarksOnImagePlugin = Extension.create({
+  name: 'stripMarksOnImage',
+  addProseMirrorPlugins() {
+    return [new Plugin({
+      key: new PluginKey('stripMarksOnImage'),
+      appendTransaction: (transactions, _oldState, newState) => {
+        if (!transactions.some(tr => tr.docChanged)) {
+          return null;
+        }
+        const tr = newState.tr;
+        let modified = false;
+        newState.doc.descendants((node, pos) => {
+          if (node.type.name === 'image' && node.marks.length > 0) {
+            node.marks.forEach(mark => {
+              tr.removeMark(pos, pos + node.nodeSize, mark);
+            });
+            modified = true;
+          }
+        });
+        return modified ? tr : null;
+      }
+    })];
+  }
+});
+//# sourceMappingURL=StripMarksOnImagePlugin.js.map

package/lib/module/web/pmPlugins/StripMarksOnImagePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Extension","Plugin","PluginKey","StripMarksOnImagePlugin","create","name","addProseMirrorPlugins","key","appendTransaction","transactions","_oldState","newState","some","tr","docChanged","modified","doc","descendants","node","pos","type","marks","length","forEach","mark","removeMark","nodeSize"],"sourceRoot":"../../../../src","sources":["web/pmPlugins/StripMarksOnImagePlugin.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,cAAc;AACxC,SAASC,MAAM,EAAEC,SAAS,QAAQ,kBAAkB;AAEpD,OAAO,MAAMC,uBAAuB,GAAGH,SAAS,CAACI,MAAM,CAAC;EACtDC,IAAI,EAAE,mBAAmB;EAEzBC,qBAAqBA,CAAA,EAAG;IACtB,OAAO,CACL,IAAIL,MAAM,CAAC;MACTM,GAAG,EAAE,IAAIL,SAAS,CAAC,mBAAmB,CAAC;MACvCM,iBAAiB,EAAEA,CAACC,YAAY,EAAEC,SAAS,EAAEC,QAAQ,KAAK;QACxD,IAAI,CAACF,YAAY,CAACG,IAAI,CAAEC,EAAE,IAAKA,EAAE,CAACC,UAAU,CAAC,EAAE;UAC7C,OAAO,IAAI;QACb;QAEA,MAAMD,EAAE,GAAGF,QAAQ,CAACE,EAAE;QACtB,IAAIE,QAAQ,GAAG,KAAK;QAEpBJ,QAAQ,CAACK,GAAG,CAACC,WAAW,CAAC,CAACC,IAAI,EAAEC,GAAG,KAAK;UACtC,IAAID,IAAI,CAACE,IAAI,CAACf,IAAI,KAAK,OAAO,IAAIa,IAAI,CAACG,KAAK,CAACC,MAAM,GAAG,CAAC,EAAE;YACvDJ,IAAI,CAACG,KAAK,CAACE,OAAO,CAAEC,IAAI,IAAK;cAC3BX,EAAE,CAACY,UAAU,CAACN,GAAG,EAAEA,GAAG,GAAGD,IAAI,CAACQ,QAAQ,EAAEF,IAAI,CAAC;YAC/C,CAAC,CAAC;YACFT,QAAQ,GAAG,IAAI;UACjB;QACF,CAAC,CAAC;QAEF,OAAOA,QAAQ,GAAGF,EAAE,GAAG,IAAI;MAC7B;IACF,CAAC,CAAC,CACH;EACH;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/web/positionMapping.js

@@ -0,0 +1,76 @@
+"use strict";
+
+/**
+ * Position model mismatch: ProseMirror vs native (iOS/Android)
+ *
+ * Native selection/cursor offsets are plain string indices in rendered text
+ * Block boundaries are represented by a single '\n'.
+ *
+ * ProseMirror positions are tree positions. Entering/leaving block nodes
+ * consumes extra positions that do not map to extra native characters.
+ * Crossing one paragraph boundary is 1 native char ('\n') but usually 2 PM
+ * positions (close paragraph + open next paragraph).
+ *
+ * Example for three paragraphs "AAAA", "BBBB", "CCCC":
+ *
+ *   PM:      1  2  3  4  5  6  7  8  9  10 11 12 13 14 15 16 17
+ *   Native:  0  1  2  3  4  4  5  6  7   8  9  9 10 11 12 13 14
+ *
+ * PM 5 and PM 6 both map to native 4, PM 11 and PM 12 both map to native 9.
+ *
+ * Inline images occupy one index in the native plain string as a '\ufffc' character,
+ * we do the same for the web implementation.
+ */
+
+/**
+ * Plain text in the native coordinate model for [from, to), including '\ufffc' per inline image.
+ */
+export function nativeLeafText(doc, from, to) {
+  return doc.textBetween(from, to, '\n', () => '\ufffc');
+}
+function nativeTextLength(doc, from, to) {
+  return nativeLeafText(doc, from, to).length;
+}
+
+/**
+ * Returns the native position for a given TipTap document position.
+ */
+export function tiptapPosToNativePos(doc, tiptapPos) {
+  if (tiptapPos <= 1) return 0;
+  return nativeTextLength(doc, 0, tiptapPos);
+}
+
+/**
+ * Returns the TipTap document position for a given native position.
+ *
+ * Traverses only text-bearing block nodes (paragraphs, headings, etc.),
+ * skipping wrapper nodes like block quotes and lists. This ensures the result
+ * is always a valid cursor position drilled down to the innermost content node.
+ */
+export function nativePosToTiptapPos(doc, nativePos) {
+  let currentNativePos = 0;
+  let targetTiptapPos = -1;
+  let lastValidTiptapPos = -1;
+  doc.descendants((node, pos) => {
+    if (targetTiptapPos !== -1) return false;
+
+    // Only consider text-bearing leaf blocks (paragraphs, headings, code blocks).
+    // Wrapper nodes (lists, list items, block quotes) are skipped
+    if (node.isTextblock) {
+      const textLen = node.textContent.length;
+      if (currentNativePos + textLen >= nativePos) {
+        // pos is before the opening tag; pos+1 is the first position inside.
+        const offset = Math.max(0, nativePos - currentNativePos);
+        targetTiptapPos = pos + 1 + offset;
+        return false;
+      }
+      currentNativePos += textLen + 1; // +1 for the '\n' block separator
+      lastValidTiptapPos = pos + 1 + textLen;
+    }
+    return true;
+  });
+  if (targetTiptapPos !== -1) return targetTiptapPos;
+  if (lastValidTiptapPos !== -1) return lastValidTiptapPos;
+  return 1;
+}
+//# sourceMappingURL=positionMapping.js.map

package/lib/module/web/positionMapping.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nativeLeafText","doc","from","to","textBetween","nativeTextLength","length","tiptapPosToNativePos","tiptapPos","nativePosToTiptapPos","nativePos","currentNativePos","targetTiptapPos","lastValidTiptapPos","descendants","node","pos","isTextblock","textLen","textContent","offset","Math","max"],"sourceRoot":"../../../src","sources":["web/positionMapping.ts"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,OAAO,SAASA,cAAcA,CAACC,GAAS,EAAEC,IAAY,EAAEC,EAAU,EAAU;EAC1E,OAAOF,GAAG,CAACG,WAAW,CAACF,IAAI,EAAEC,EAAE,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AACxD;AAEA,SAASE,gBAAgBA,CAACJ,GAAS,EAAEC,IAAY,EAAEC,EAAU,EAAU;EACrE,OAAOH,cAAc,CAACC,GAAG,EAAEC,IAAI,EAAEC,EAAE,CAAC,CAACG,MAAM;AAC7C;;AAEA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAACN,GAAS,EAAEO,SAAiB,EAAU;EACzE,IAAIA,SAAS,IAAI,CAAC,EAAE,OAAO,CAAC;EAC5B,OAAOH,gBAAgB,CAACJ,GAAG,EAAE,CAAC,EAAEO,SAAS,CAAC;AAC5C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAACR,GAAS,EAAES,SAAiB,EAAU;EACzE,IAAIC,gBAAgB,GAAG,CAAC;EACxB,IAAIC,eAAe,GAAG,CAAC,CAAC;EACxB,IAAIC,kBAAkB,GAAG,CAAC,CAAC;EAE3BZ,GAAG,CAACa,WAAW,CAAC,CAACC,IAAI,EAAEC,GAAG,KAAK;IAC7B,IAAIJ,eAAe,KAAK,CAAC,CAAC,EAAE,OAAO,KAAK;;IAExC;IACA;IACA,IAAIG,IAAI,CAACE,WAAW,EAAE;MACpB,MAAMC,OAAO,GAAGH,IAAI,CAACI,WAAW,CAACb,MAAM;MAEvC,IAAIK,gBAAgB,GAAGO,OAAO,IAAIR,SAAS,EAAE;QAC3C;QACA,MAAMU,MAAM,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEZ,SAAS,GAAGC,gBAAgB,CAAC;QACxDC,eAAe,GAAGI,GAAG,GAAG,CAAC,GAAGI,MAAM;QAClC,OAAO,KAAK;MACd;MAEAT,gBAAgB,IAAIO,OAAO,GAAG,CAAC,CAAC,CAAC;MACjCL,kBAAkB,GAAGG,GAAG,GAAG,CAAC,GAAGE,OAAO;IACxC;IAEA,OAAO,IAAI;EACb,CAAC,CAAC;EAEF,IAAIN,eAAe,KAAK,CAAC,CAAC,EAAE,OAAOA,eAAe;EAClD,IAAIC,kBAAkB,KAAK,CAAC,CAAC,EAAE,OAAOA,kBAAkB;EACxD,OAAO,CAAC;AACV","ignoreList":[]}

package/lib/module/web/returnKeyTypeToEnterKeyHint.js

@@ -0,0 +1,20 @@
+"use strict";
+
+// Keywords for the HTML global [`enterkeyhint`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/enterkeyhint) attribute
+
+// Maps React Native `returnKeyType` to the HTML global `enterkeyhint` attribute
+// if possible, otherwise falls back to enter.
+export function returnKeyTypeToEnterKeyHint(returnKeyType) {
+  switch (returnKeyType) {
+    case 'done':
+    case 'go':
+    case 'next':
+    case 'previous':
+    case 'search':
+    case 'send':
+      return returnKeyType;
+    default:
+      return 'enter';
+  }
+}
+//# sourceMappingURL=returnKeyTypeToEnterKeyHint.js.map

package/lib/module/web/returnKeyTypeToEnterKeyHint.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["returnKeyTypeToEnterKeyHint","returnKeyType"],"sourceRoot":"../../../src","sources":["web/returnKeyTypeToEnterKeyHint.ts"],"mappings":";;AAEA;;AAUA;AACA;AACA,OAAO,SAASA,2BAA2BA,CACzCC,aAA+C,EACjC;EACd,QAAQA,aAAa;IACnB,KAAK,MAAM;IACX,KAAK,IAAI;IACT,KAAK,MAAM;IACX,KAAK,UAAU;IACf,KAAK,QAAQ;IACb,KAAK,MAAM;MACT,OAAOA,aAAa;IACtB;MACE,OAAO,OAAO;EAClB;AACF","ignoreList":[]}

package/lib/module/web/sanitization/htmlSanitizer.js

@@ -0,0 +1,10 @@
+"use strict";
+
+import DOMPurify from 'dompurify';
+export function sanitizeHtml(html) {
+  return DOMPurify.sanitize(html, {
+    ADD_TAGS: ['mention', 'codeblock'],
+    ADD_ATTR: ['text', 'indicator']
+  });
+}
+//# sourceMappingURL=htmlSanitizer.js.map

package/lib/module/web/sanitization/htmlSanitizer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DOMPurify","sanitizeHtml","html","sanitize","ADD_TAGS","ADD_ATTR"],"sourceRoot":"../../../../src","sources":["web/sanitization/htmlSanitizer.ts"],"mappings":";;AAAA,OAAOA,SAAS,MAAM,WAAW;AAEjC,OAAO,SAASC,YAAYA,CAACC,IAAY,EAAE;EACzC,OAAOF,SAAS,CAACG,QAAQ,CAACD,IAAI,EAAE;IAC9BE,QAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;IAClCC,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW;EAChC,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/module/web/styleConversion/buildMentionRulesCSS.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import { isMentionStyleRecord } from "../../utils/isMentionStyleRecord.js";
+import { ENRICHED_TEXT_CLASSNAME, ENRICHED_TEXT_INPUT_CLASSNAME } from "../constants/classNames.js";
+import { ET_MENTION_CSS_VARS } from "./htmlStyleToCSSVariables.js";
+import { MENTION_STYLE_DEFAULT_KEY } from "./mentionIndicatorCssKey.js";
+function escapeIndicatorForCssAttributeSelector(indicator) {
+  if (typeof CSS !== 'undefined' && typeof CSS.escape === 'function') {
+    return CSS.escape(indicator);
+  }
+  return indicator.replace(/["\\]/g, '\\$&');
+}
+function mentionSelector(className, indicator) {
+  return indicator === MENTION_STYLE_DEFAULT_KEY ? `.${className} mention` : `.${className} mention[indicator="${escapeIndicatorForCssAttributeSelector(indicator)}"]`;
+}
+export function buildMentionRulesCSS(htmlStyle) {
+  const mapRaw = htmlStyle?.mention;
+  if (!mapRaw || typeof mapRaw !== 'object' || !isMentionStyleRecord(mapRaw)) {
+    return '';
+  }
+  const map = mapRaw;
+  const keys = Object.keys(map);
+  if (keys.length === 0) {
+    return '';
+  }
+  const lines = [];
+  for (const indicator of keys) {
+    const inputSelector = mentionSelector(ENRICHED_TEXT_INPUT_CLASSNAME, indicator);
+    const textSelector = mentionSelector(ENRICHED_TEXT_CLASSNAME, indicator);
+    lines.push(`${inputSelector},
+${textSelector} {
+  color: var(${ET_MENTION_CSS_VARS.color(indicator)});
+  background-color: var(${ET_MENTION_CSS_VARS.backgroundColor(indicator)});
+  text-decoration-line: var(${ET_MENTION_CSS_VARS.textDecorationLine(indicator)});
+}`.trim());
+  }
+  return lines.join('\n');
+}
+//# sourceMappingURL=buildMentionRulesCSS.js.map

package/lib/module/web/styleConversion/buildMentionRulesCSS.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isMentionStyleRecord","ENRICHED_TEXT_CLASSNAME","ENRICHED_TEXT_INPUT_CLASSNAME","ET_MENTION_CSS_VARS","MENTION_STYLE_DEFAULT_KEY","escapeIndicatorForCssAttributeSelector","indicator","CSS","escape","replace","mentionSelector","className","buildMentionRulesCSS","htmlStyle","mapRaw","mention","map","keys","Object","length","lines","inputSelector","textSelector","push","color","backgroundColor","textDecorationLine","trim","join"],"sourceRoot":"../../../../src","sources":["web/styleConversion/buildMentionRulesCSS.ts"],"mappings":";;AAKA,SAASA,oBAAoB,QAAQ,qCAAkC;AACvE,SACEC,uBAAuB,EACvBC,6BAA6B,QACxB,4BAAyB;AAChC,SAASC,mBAAmB,QAAQ,8BAA2B;AAC/D,SAASC,yBAAyB,QAAQ,6BAA0B;AAEpE,SAASC,sCAAsCA,CAACC,SAAiB,EAAU;EACzE,IAAI,OAAOC,GAAG,KAAK,WAAW,IAAI,OAAOA,GAAG,CAACC,MAAM,KAAK,UAAU,EAAE;IAClE,OAAOD,GAAG,CAACC,MAAM,CAACF,SAAS,CAAC;EAC9B;EACA,OAAOA,SAAS,CAACG,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC;AAC5C;AAEA,SAASC,eAAeA,CAACC,SAAiB,EAAEL,SAAiB,EAAU;EACrE,OAAOA,SAAS,KAAKF,yBAAyB,GAC1C,IAAIO,SAAS,UAAU,GACvB,IAAIA,SAAS,uBAAuBN,sCAAsC,CAACC,SAAS,CAAC,IAAI;AAC/F;AAEA,OAAO,SAASM,oBAAoBA,CAClCC,SAA6C,EACrC;EACR,MAAMC,MAAM,GAAGD,SAAS,EAAEE,OAAO;EACjC,IAAI,CAACD,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAI,CAACd,oBAAoB,CAACc,MAAM,CAAC,EAAE;IAC1E,OAAO,EAAE;EACX;EAEA,MAAME,GAA2C,GAAGF,MAAM;EAC1D,MAAMG,IAAI,GAAGC,MAAM,CAACD,IAAI,CAACD,GAAG,CAAC;EAC7B,IAAIC,IAAI,CAACE,MAAM,KAAK,CAAC,EAAE;IACrB,OAAO,EAAE;EACX;EAEA,MAAMC,KAAe,GAAG,EAAE;EAE1B,KAAK,MAAMd,SAAS,IAAIW,IAAI,EAAE;IAC5B,MAAMI,aAAa,GAAGX,eAAe,CACnCR,6BAA6B,EAC7BI,SACF,CAAC;IACD,MAAMgB,YAAY,GAAGZ,eAAe,CAACT,uBAAuB,EAAEK,SAAS,CAAC;IAExEc,KAAK,CAACG,IAAI,CACR,GAAGF,aAAa;AACtB,EAAEC,YAAY;AACd,eAAenB,mBAAmB,CAACqB,KAAK,CAAClB,SAAS,CAAC;AACnD,0BAA0BH,mBAAmB,CAACsB,eAAe,CAACnB,SAAS,CAAC;AACxE,8BAA8BH,mBAAmB,CAACuB,kBAAkB,CAACpB,SAAS,CAAC;AAC/E,EAAE,CAACqB,IAAI,CAAC,CACJ,CAAC;EACH;EAEA,OAAOP,KAAK,CAACQ,IAAI,CAAC,IAAI,CAAC;AACzB","ignoreList":[]}

package/lib/module/web/styleConversion/enrichedBaseStyleToCSSProperties.js

@@ -0,0 +1,159 @@
+"use strict";
+
+import { toColor } from "./toColor.js";
+export function enrichedBaseStyleToCSSProperties(style, extraOptions = {}) {
+  const css = {
+    // Dimensions
+    width: toPx(style.width),
+    height: toPx(style.height),
+    minWidth: toPx(style.minWidth),
+    maxWidth: toPx(style.maxWidth),
+    minHeight: toPx(style.minHeight),
+    maxHeight: toPx(style.maxHeight),
+    top: toPx(style.top),
+    bottom: toPx(style.bottom),
+    left: toPx(style.left),
+    right: toPx(style.right),
+    inset: toPx(style.inset),
+    insetBlock: toPx(style.insetBlock),
+    insetBlockEnd: toPx(style.insetBlockEnd),
+    insetBlockStart: toPx(style.insetBlockStart),
+    insetInline: toPx(style.insetInline),
+    insetInlineEnd: toPx(style.insetInlineEnd ?? style.end),
+    insetInlineStart: toPx(style.insetInlineStart ?? style.start),
+    // Margin - specific properties take precedence over shorthands (RN behavior)
+    margin: toPx(style.margin),
+    marginTop: toPx(style.marginTop ?? style.marginVertical),
+    marginBottom: toPx(style.marginBottom ?? style.marginVertical),
+    marginLeft: toPx(style.marginLeft ?? style.marginHorizontal),
+    marginRight: toPx(style.marginRight ?? style.marginHorizontal),
+    marginBlock: toPx(style.marginBlock),
+    marginBlockEnd: toPx(style.marginBlockEnd),
+    marginBlockStart: toPx(style.marginBlockStart),
+    marginInline: toPx(style.marginInline),
+    marginInlineEnd: toPx(style.marginInlineEnd ?? style.marginEnd),
+    marginInlineStart: toPx(style.marginInlineStart ?? style.marginStart),
+    // Padding - specific properties take precedence over shorthands (RN behavior)
+    padding: toPx(style.padding),
+    paddingTop: toPx(style.paddingTop ?? style.paddingVertical),
+    paddingBottom: toPx(style.paddingBottom ?? style.paddingVertical),
+    paddingLeft: toPx(style.paddingLeft ?? style.paddingHorizontal),
+    paddingRight: toPx(style.paddingRight ?? style.paddingHorizontal),
+    paddingBlock: toPx(style.paddingBlock),
+    paddingBlockEnd: toPx(style.paddingBlockEnd),
+    paddingBlockStart: toPx(style.paddingBlockStart),
+    paddingInline: toPx(style.paddingInline),
+    paddingInlineEnd: toPx(style.paddingInlineEnd ?? style.paddingEnd),
+    paddingInlineStart: toPx(style.paddingInlineStart ?? style.paddingStart),
+    // Border widths
+    borderInlineStartWidth: toPx(style.borderStartWidth),
+    borderInlineEndWidth: toPx(style.borderEndWidth),
+    borderWidth: toPx(style.borderWidth),
+    borderTopWidth: toPx(style.borderTopWidth),
+    borderBottomWidth: toPx(style.borderBottomWidth),
+    borderLeftWidth: toPx(style.borderLeftWidth),
+    borderRightWidth: toPx(style.borderRightWidth),
+    // Border radius (physical)
+    borderRadius: toPx(style.borderRadius),
+    borderTopLeftRadius: toPx(style.borderTopLeftRadius),
+    borderTopRightRadius: toPx(style.borderTopRightRadius),
+    borderBottomLeftRadius: toPx(style.borderBottomLeftRadius),
+    borderBottomRightRadius: toPx(style.borderBottomRightRadius),
+    // Border radius (logical)
+    borderStartStartRadius: toPx(style.borderStartStartRadius ?? style.borderTopStartRadius),
+    borderStartEndRadius: toPx(style.borderStartEndRadius ?? style.borderTopEndRadius),
+    borderEndStartRadius: toPx(style.borderEndStartRadius ?? style.borderBottomStartRadius),
+    borderEndEndRadius: toPx(style.borderEndEndRadius ?? style.borderBottomEndRadius),
+    // Border colors
+    borderColor: toColor(style.borderColor),
+    borderBlockColor: toColor(style.borderBlockColor),
+    borderBlockEndColor: toColor(style.borderBlockEndColor),
+    borderBlockStartColor: toColor(style.borderBlockStartColor),
+    borderBottomColor: toColor(style.borderBottomColor),
+    borderInlineEndColor: toColor(style.borderEndColor),
+    borderLeftColor: toColor(style.borderLeftColor),
+    borderRightColor: toColor(style.borderRightColor),
+    borderInlineStartColor: toColor(style.borderStartColor),
+    borderTopColor: toColor(style.borderTopColor),
+    borderStyle: style.borderStyle ?? (style.borderWidth != null || style.borderTopWidth != null || style.borderBottomWidth != null || style.borderLeftWidth != null || style.borderRightWidth != null || style.borderStartWidth != null || style.borderEndWidth != null || style.borderColor != null ? 'solid' : undefined),
+    // Typography
+    color: toColor(style.color),
+    fontFamily: style.fontFamily,
+    fontSize: toPx(style.fontSize),
+    fontStyle: style.fontStyle,
+    fontWeight: style.fontWeight,
+    lineHeight: toPx(style.lineHeight),
+    letterSpacing: toPx(style.letterSpacing),
+    // View appearance
+    backgroundColor: toColor(style.backgroundColor),
+    // boxShadow/filter: RN accepts arrays, CSS only strings
+    boxShadow: typeof style.boxShadow === 'string' ? style.boxShadow : undefined,
+    display: style.display,
+    position: style.position,
+    alignSelf: style.alignSelf,
+    backfaceVisibility: style.backfaceVisibility,
+    cursor: style.cursor,
+    filter: typeof style.filter === 'string' ? style.filter : undefined,
+    mixBlendMode: style.mixBlendMode,
+    boxSizing: style.boxSizing,
+    // pointerEvents: RN 'box-none'/'box-only' have no CSS equivalent
+    pointerEvents: style.pointerEvents === 'auto' || style.pointerEvents === 'none' ? style.pointerEvents : undefined,
+    // Outline
+    outlineColor: toColor(style.outlineColor),
+    outlineStyle: style.outlineStyle ?? (style.outlineWidth != null ? 'solid' : undefined),
+    outlineOffset: toPx(style.outlineOffset),
+    outlineWidth: toPx(style.outlineWidth),
+    // Transforms
+    transform: resolveTransform(style.transform),
+    // transformOrigin: RN accepts strings or arrays, CSS only strings
+    transformOrigin: typeof style.transformOrigin === 'string' ? style.transformOrigin : undefined,
+    // Flex
+    flex: style.flex,
+    flexGrow: style.flexGrow,
+    flexShrink: style.flexShrink,
+    flexBasis: toPx(style.flexBasis),
+    // Misc
+    zIndex: style.zIndex,
+    // opacity: RN AnimatableNumericValue includes AnimatedNode; CSS only number
+    opacity: typeof style.opacity === 'number' ? style.opacity : undefined,
+    aspectRatio: style.aspectRatio,
+    // Extra options
+    overflowY: extraOptions.scrollEnabled != null ? extraOptions.scrollEnabled ? 'auto' : 'hidden' : undefined
+  };
+
+  // Clean undefined values
+  return Object.fromEntries(Object.entries(css).filter(([, v]) => v !== undefined));
+}
+function toPx(value) {
+  if (value == null) return undefined;
+  if (typeof value === 'number') return `${value}px`;
+  if (typeof value === 'string') return value;
+  return undefined;
+}
+function resolveTransform(transform) {
+  if (typeof transform === 'string') return transform;
+  if (!Array.isArray(transform)) return undefined;
+  const parts = transform.map(item => {
+    if ('translateX' in item) return `translateX(${item.translateX}px)`;
+    if ('translateY' in item) return `translateY(${item.translateY}px)`;
+    if ('translateZ' in item) return `translateZ(${item.translateZ}px)`;
+    if ('scale' in item) return `scale(${item.scale})`;
+    if ('scaleX' in item) return `scaleX(${item.scaleX})`;
+    if ('scaleY' in item) return `scaleY(${item.scaleY})`;
+    if ('scaleZ' in item) return `scaleZ(${item.scaleZ})`;
+    if ('rotate' in item) return `rotate(${item.rotate})`;
+    if ('rotateX' in item) return `rotateX(${item.rotateX})`;
+    if ('rotateY' in item) return `rotateY(${item.rotateY})`;
+    if ('rotateZ' in item) return `rotateZ(${item.rotateZ})`;
+    if ('skewX' in item) return `skewX(${item.skewX})`;
+    if ('skewY' in item) return `skewY(${item.skewY})`;
+    if ('perspective' in item) return `perspective(${item.perspective}px)`;
+    if ('matrix' in item) {
+      return item.matrix.length === 16 ? `matrix3d(${item.matrix.join(', ')})` : `matrix(${item.matrix.join(', ')})`;
+    }
+    return null;
+  });
+  const css = parts.filter(Boolean).join(' ');
+  return css || undefined;
+}
+//# sourceMappingURL=enrichedBaseStyleToCSSProperties.js.map

package/lib/module/web/styleConversion/enrichedBaseStyleToCSSProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toColor","enrichedBaseStyleToCSSProperties","style","extraOptions","css","width","toPx","height","minWidth","maxWidth","minHeight","maxHeight","top","bottom","left","right","inset","insetBlock","insetBlockEnd","insetBlockStart","insetInline","insetInlineEnd","end","insetInlineStart","start","margin","marginTop","marginVertical","marginBottom","marginLeft","marginHorizontal","marginRight","marginBlock","marginBlockEnd","marginBlockStart","marginInline","marginInlineEnd","marginEnd","marginInlineStart","marginStart","padding","paddingTop","paddingVertical","paddingBottom","paddingLeft","paddingHorizontal","paddingRight","paddingBlock","paddingBlockEnd","paddingBlockStart","paddingInline","paddingInlineEnd","paddingEnd","paddingInlineStart","paddingStart","borderInlineStartWidth","borderStartWidth","borderInlineEndWidth","borderEndWidth","borderWidth","borderTopWidth","borderBottomWidth","borderLeftWidth","borderRightWidth","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","borderStartStartRadius","borderTopStartRadius","borderStartEndRadius","borderTopEndRadius","borderEndStartRadius","borderBottomStartRadius","borderEndEndRadius","borderBottomEndRadius","borderColor","borderBlockColor","borderBlockEndColor","borderBlockStartColor","borderBottomColor","borderInlineEndColor","borderEndColor","borderLeftColor","borderRightColor","borderInlineStartColor","borderStartColor","borderTopColor","borderStyle","undefined","color","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","letterSpacing","backgroundColor","boxShadow","display","position","alignSelf","backfaceVisibility","cursor","filter","mixBlendMode","boxSizing","pointerEvents","outlineColor","outlineStyle","outlineWidth","outlineOffset","transform","resolveTransform","transformOrigin","flex","flexGrow","flexShrink","flexBasis","zIndex","opacity","aspectRatio","overflowY","scrollEnabled","Object","fromEntries","entries","v","value","Array","isArray","parts","map","item","translateX","translateY","translateZ","scale","scaleX","scaleY","scaleZ","rotate","rotateX","rotateY","rotateZ","skewX","skewY","perspective","matrix","length","join","Boolean"],"sourceRoot":"../../../../src","sources":["web/styleConversion/enrichedBaseStyleToCSSProperties.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/styleConversion/enrichedInputStyleToCSSProperties.js

@@ -0,0 +1,7 @@
+"use strict";
+
+import { enrichedBaseStyleToCSSProperties } from "./enrichedBaseStyleToCSSProperties.js";
+export function enrichedInputStyleToCSSProperties(style, extraOptions) {
+  return enrichedBaseStyleToCSSProperties(style, extraOptions);
+}
+//# sourceMappingURL=enrichedInputStyleToCSSProperties.js.map

package/lib/module/web/styleConversion/enrichedInputStyleToCSSProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["enrichedBaseStyleToCSSProperties","enrichedInputStyleToCSSProperties","style","extraOptions"],"sourceRoot":"../../../../src","sources":["web/styleConversion/enrichedInputStyleToCSSProperties.ts"],"mappings":";;AAEA,SACEA,gCAAgC,QAE3B,uCAAoC;AAE3C,OAAO,SAASC,iCAAiCA,CAC/CC,KAAyB,EACzBC,YAA0C,EAC3B;EACf,OAAOH,gCAAgC,CAACE,KAAK,EAAEC,YAAY,CAAC;AAC9D","ignoreList":[]}

package/lib/module/web/styleConversion/enrichedTextStyleToCSSProperties.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import { enrichedBaseStyleToCSSProperties } from "./enrichedBaseStyleToCSSProperties.js";
+import { toColor } from "./toColor.js";
+export function enrichedTextStyleToCSSProperties(style) {
+  const css = {
+    ...enrichedBaseStyleToCSSProperties(style, {
+      scrollEnabled: false
+    }),
+    // Text-only properties
+    // textAlign: RN 'auto' has no CSS equivalent
+    textAlign: style.textAlign !== 'auto' ? style.textAlign : undefined,
+    textTransform: style.textTransform,
+    textDecorationLine: style.textDecorationLine,
+    textDecorationStyle: style.textDecorationStyle,
+    textDecorationColor: toColor(style.textDecorationColor),
+    textShadow: resolveTextShadow(style),
+    // userSelect: RN 'contain' has no CSS equivalent
+    userSelect: style.userSelect !== 'contain' ? style.userSelect : undefined,
+    fontVariant: Array.isArray(style.fontVariant) ? style.fontVariant.join(' ') : undefined,
+    // writingDirection: RN 'auto' has no CSS equivalent
+    direction: style.writingDirection !== 'auto' ? style.writingDirection : undefined,
+    // verticalAlign: RN 'auto' has no CSS equivalent
+    verticalAlign: style.verticalAlign !== 'auto' ? style.verticalAlign : undefined
+  };
+  return Object.fromEntries(Object.entries(css).filter(([, v]) => v !== undefined));
+}
+function resolveTextShadow(style) {
+  const {
+    textShadowColor,
+    textShadowOffset,
+    textShadowRadius
+  } = style;
+  if (textShadowColor == null && textShadowOffset == null && textShadowRadius == null) {
+    return undefined;
+  }
+  const x = textShadowOffset?.width ?? 0;
+  const y = textShadowOffset?.height ?? 0;
+  const blur = textShadowRadius ?? 0;
+  const color = toColor(textShadowColor);
+  const offset = `${x}px ${y}px ${blur}px`;
+  return color ? `${offset} ${color}` : offset;
+}
+//# sourceMappingURL=enrichedTextStyleToCSSProperties.js.map

package/lib/module/web/styleConversion/enrichedTextStyleToCSSProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["enrichedBaseStyleToCSSProperties","toColor","enrichedTextStyleToCSSProperties","style","css","scrollEnabled","textAlign","undefined","textTransform","textDecorationLine","textDecorationStyle","textDecorationColor","textShadow","resolveTextShadow","userSelect","fontVariant","Array","isArray","join","direction","writingDirection","verticalAlign","Object","fromEntries","entries","filter","v","textShadowColor","textShadowOffset","textShadowRadius","x","width","y","height","blur","color","offset"],"sourceRoot":"../../../../src","sources":["web/styleConversion/enrichedTextStyleToCSSProperties.ts"],"mappings":";;AAEA,SAASA,gCAAgC,QAAQ,uCAAoC;AACrF,SAASC,OAAO,QAAQ,cAAW;AAEnC,OAAO,SAASC,gCAAgCA,CAC9CC,KAAgB,EACD;EACf,MAAMC,GAAkB,GAAG;IACzB,GAAGJ,gCAAgC,CAACG,KAAK,EAAE;MAAEE,aAAa,EAAE;IAAM,CAAC,CAAC;IAEpE;IACA;IACAC,SAAS,EAAEH,KAAK,CAACG,SAAS,KAAK,MAAM,GAAGH,KAAK,CAACG,SAAS,GAAGC,SAAS;IACnEC,aAAa,EAAEL,KAAK,CAACK,aAAa;IAClCC,kBAAkB,EAAEN,KAAK,CAACM,kBAAkB;IAC5CC,mBAAmB,EAAEP,KAAK,CAACO,mBAAmB;IAC9CC,mBAAmB,EAAEV,OAAO,CAACE,KAAK,CAACQ,mBAAmB,CAAC;IACvDC,UAAU,EAAEC,iBAAiB,CAACV,KAAK,CAAC;IACpC;IACAW,UAAU,EAAEX,KAAK,CAACW,UAAU,KAAK,SAAS,GAAGX,KAAK,CAACW,UAAU,GAAGP,SAAS;IACzEQ,WAAW,EAAEC,KAAK,CAACC,OAAO,CAACd,KAAK,CAACY,WAAW,CAAC,GACzCZ,KAAK,CAACY,WAAW,CAACG,IAAI,CAAC,GAAG,CAAC,GAC3BX,SAAS;IACb;IACAY,SAAS,EACPhB,KAAK,CAACiB,gBAAgB,KAAK,MAAM,GAAGjB,KAAK,CAACiB,gBAAgB,GAAGb,SAAS;IACxE;IACAc,aAAa,EACXlB,KAAK,CAACkB,aAAa,KAAK,MAAM,GAAGlB,KAAK,CAACkB,aAAa,GAAGd;EAC3D,CAAC;EAED,OAAOe,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACpB,GAAG,CAAC,CAACqB,MAAM,CAAC,CAAC,GAAGC,CAAC,CAAC,KAAKA,CAAC,KAAKnB,SAAS,CACvD,CAAC;AACH;AAEA,SAASM,iBAAiBA,CAACV,KAAgB,EAAsB;EAC/D,MAAM;IAAEwB,eAAe;IAAEC,gBAAgB;IAAEC;EAAiB,CAAC,GAAG1B,KAAK;EACrE,IACEwB,eAAe,IAAI,IAAI,IACvBC,gBAAgB,IAAI,IAAI,IACxBC,gBAAgB,IAAI,IAAI,EACxB;IACA,OAAOtB,SAAS;EAClB;EACA,MAAMuB,CAAC,GAAGF,gBAAgB,EAAEG,KAAK,IAAI,CAAC;EACtC,MAAMC,CAAC,GAAGJ,gBAAgB,EAAEK,MAAM,IAAI,CAAC;EACvC,MAAMC,IAAI,GAAGL,gBAAgB,IAAI,CAAC;EAClC,MAAMM,KAAK,GAAGlC,OAAO,CAAC0B,eAAe,CAAC;EACtC,MAAMS,MAAM,GAAG,GAAGN,CAAC,MAAME,CAAC,MAAME,IAAI,IAAI;EACxC,OAAOC,KAAK,GAAG,GAAGC,MAAM,IAAID,KAAK,EAAE,GAAGC,MAAM;AAC9C","ignoreList":[]}

package/lib/module/web/styleConversion/enrichedThemingToCSSProperties.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { toColor } from "./toColor.js";
+export function enrichedInputThemingToCSSProperties({
+  cursorColor,
+  placeholderTextColor,
+  selectionColor
+}) {
+  const extra = {};
+  const caret = toColor(cursorColor);
+  if (caret) extra.caretColor = caret;
+  const placeholderCss = toColor(placeholderTextColor);
+  if (placeholderCss) extra['--et-placeholder-text-color'] = placeholderCss;
+  const selectionCss = toColor(selectionColor);
+  if (selectionCss) extra['--et-selection-color'] = selectionCss;
+  return extra;
+}
+//# sourceMappingURL=enrichedThemingToCSSProperties.js.map

package/lib/module/web/styleConversion/enrichedThemingToCSSProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toColor","enrichedInputThemingToCSSProperties","cursorColor","placeholderTextColor","selectionColor","extra","caret","caretColor","placeholderCss","selectionCss"],"sourceRoot":"../../../../src","sources":["web/styleConversion/enrichedThemingToCSSProperties.ts"],"mappings":";;AAEA,SAASA,OAAO,QAAQ,cAAW;AAenC,OAAO,SAASC,mCAAmCA,CAAC;EAClDC,WAAW;EACXC,oBAAoB;EACpBC;AAC0B,CAAC,EAAiB;EAC5C,MAAMC,KAAgC,GAAG,CAAC,CAAC;EAC3C,MAAMC,KAAK,GAAGN,OAAO,CAACE,WAAW,CAAC;EAClC,IAAII,KAAK,EAAED,KAAK,CAACE,UAAU,GAAGD,KAAK;EAEnC,MAAME,cAAc,GAAGR,OAAO,CAACG,oBAAoB,CAAC;EACpD,IAAIK,cAAc,EAAEH,KAAK,CAAC,6BAA6B,CAAC,GAAGG,cAAc;EAEzE,MAAMC,YAAY,GAAGT,OAAO,CAACI,cAAc,CAAC;EAC5C,IAAIK,YAAY,EAAEJ,KAAK,CAAC,sBAAsB,CAAC,GAAGI,YAAY;EAE9D,OAAOJ,KAAK;AACd","ignoreList":[]}

package/lib/module/web/styleConversion/htmlStyleToCSSVariables.js

@@ -0,0 +1,168 @@
+"use strict";
+
+import { DEFAULT_ENRICHED_TEXT_STYLE, DEFAULT_HTML_STYLE } from "../../utils/defaultHtmlStyle.js";
+import { expandMentionStylesForIndicators } from "../../utils/expandMentionStylesForIndicators.js";
+import { HEADING_TAGS } from "../formats/EnrichedHeading.js";
+import { indicatorToMentionCssKey, MENTION_STYLE_DEFAULT_KEY } from "./mentionIndicatorCssKey.js";
+import { toColor } from "./toColor.js";
+import { isMentionStyleRecord } from "../../utils/isMentionStyleRecord.js";
+export function mergeWithDefaultHtmlStyle(htmlStyle, htmlStyleToMergeWith = DEFAULT_HTML_STYLE) {
+  const style = htmlStyle ?? {};
+  const mentionMap = expandMentionStylesForIndicatorsIncludeDefault(style, htmlStyleToMergeWith);
+  const converted = {
+    ...style,
+    mention: mentionMap
+  };
+  const merged = {
+    ...htmlStyleToMergeWith
+  };
+  for (const key in converted) {
+    if (key === 'mention') {
+      merged[key] = {
+        ...converted.mention
+      };
+      continue;
+    }
+    merged[key] = {
+      ...htmlStyleToMergeWith[key],
+      ...converted[key]
+    };
+  }
+  return merged;
+}
+export function mergeWithDefaultEnrichedTextHtmlStyle(htmlStyle) {
+  const merged = mergeWithDefaultHtmlStyle(htmlStyle, DEFAULT_ENRICHED_TEXT_STYLE);
+  const a = {
+    ...DEFAULT_ENRICHED_TEXT_STYLE.a,
+    ...htmlStyle?.a
+  };
+  const mentionDefaults = DEFAULT_ENRICHED_TEXT_STYLE.mention;
+  const passedMentionMap = htmlStyle?.mention;
+  const mergedMentionMap = merged.mention;
+  const mention = {};
+  for (const indicator in mergedMentionMap) {
+    mention[indicator] = {
+      ...mentionDefaults,
+      ...(isMentionStyleRecord(passedMentionMap) ? passedMentionMap[indicator] ?? passedMentionMap[MENTION_STYLE_DEFAULT_KEY] : passedMentionMap)
+    };
+  }
+  return {
+    ...merged,
+    a,
+    mention
+  };
+}
+const ET_CSS_VARS = {
+  codeColor: '--et-code-color',
+  codeBgColor: '--et-code-bg-color',
+  blockquoteBorderColor: '--et-blockquote-border-color',
+  blockquoteBorderWidth: '--et-blockquote-border-width',
+  blockquoteGapWidth: '--et-blockquote-gap-width',
+  blockquoteColor: '--et-blockquote-color',
+  codeblockBgColor: '--et-codeblock-bg-color',
+  codeblockColor: '--et-codeblock-color',
+  codeblockBorderRadius: '--et-codeblock-border-radius',
+  linkColor: '--et-link-color',
+  linkTextDecorationLine: '--et-link-text-decoration-line',
+  ulBulletColor: '--et-ul-bullet-color',
+  ulBulletSize: '--et-ul-bullet-size',
+  ulMarginLeft: '--et-ul-margin-left',
+  ulGapWidth: '--et-ul-gap-width',
+  olMarginLeft: '--et-ol-margin-left',
+  olGapWidth: '--et-ol-gap-width',
+  olMarkerColor: '--et-ol-marker-color',
+  olMarkerFontWeight: '--et-ol-marker-font-weight',
+  checkboxBoxSize: '--et-checkbox-box-size',
+  checkboxGapWidth: '--et-checkbox-gap-width',
+  checkboxMarginLeft: '--et-checkbox-margin-left',
+  checkboxBoxColor: '--et-checkbox-box-color'
+};
+export const ET_MENTION_CSS_VARS = {
+  color: indicator => `--et-mention-${indicatorToMentionCssKey(indicator)}-color`,
+  backgroundColor: indicator => `--et-mention-${indicatorToMentionCssKey(indicator)}-background-color`,
+  textDecorationLine: indicator => `--et-mention-${indicatorToMentionCssKey(indicator)}-text-decoration-line`
+};
+function setColorVar(vars, name, value) {
+  const c = toColor(value);
+  if (c) vars[name] = c;
+}
+function setPxVar(vars, name, n) {
+  if (n != null) vars[name] = `${n}px`;
+}
+function applyCodeVars(vars, code) {
+  setColorVar(vars, ET_CSS_VARS.codeColor, code?.color);
+  setColorVar(vars, ET_CSS_VARS.codeBgColor, code?.backgroundColor);
+}
+function applyHeadingVars(vars, htmlStyle) {
+  for (const level of HEADING_TAGS) {
+    const h = htmlStyle?.[level];
+    if (h?.fontSize != null) vars[`--et-${level}-font-size`] = `${h.fontSize}px`;
+    if (h?.bold != null) vars[`--et-${level}-font-weight`] = h.bold ? 'bold' : 'normal';
+  }
+}
+function applyBlockquoteVars(vars, bq) {
+  setColorVar(vars, ET_CSS_VARS.blockquoteBorderColor, bq?.borderColor);
+  setPxVar(vars, ET_CSS_VARS.blockquoteBorderWidth, bq?.borderWidth);
+  setPxVar(vars, ET_CSS_VARS.blockquoteGapWidth, bq?.gapWidth);
+  setColorVar(vars, ET_CSS_VARS.blockquoteColor, bq?.color);
+}
+function applyCodeblockVars(vars, cb) {
+  setColorVar(vars, ET_CSS_VARS.codeblockBgColor, cb?.backgroundColor);
+  setColorVar(vars, ET_CSS_VARS.codeblockColor, cb?.color);
+  setPxVar(vars, ET_CSS_VARS.codeblockBorderRadius, cb?.borderRadius);
+}
+function applyLinkVars(vars, anchor) {
+  setColorVar(vars, ET_CSS_VARS.linkColor, anchor?.color);
+  if (anchor?.textDecorationLine != null) {
+    vars[ET_CSS_VARS.linkTextDecorationLine] = anchor.textDecorationLine;
+  }
+}
+function applyUnorderedListVars(vars, ul) {
+  setColorVar(vars, ET_CSS_VARS.ulBulletColor, ul?.bulletColor);
+  setPxVar(vars, ET_CSS_VARS.ulBulletSize, ul?.bulletSize);
+  setPxVar(vars, ET_CSS_VARS.ulMarginLeft, ul?.marginLeft);
+  setPxVar(vars, ET_CSS_VARS.ulGapWidth, ul?.gapWidth);
+}
+function applyOrderedListVars(vars, ol) {
+  setPxVar(vars, ET_CSS_VARS.olMarginLeft, ol?.marginLeft);
+  setPxVar(vars, ET_CSS_VARS.olGapWidth, ol?.gapWidth);
+  setColorVar(vars, ET_CSS_VARS.olMarkerColor, ol?.markerColor);
+  if (ol?.markerFontWeight != null) {
+    vars[ET_CSS_VARS.olMarkerFontWeight] = String(ol.markerFontWeight);
+  }
+}
+function applyCheckboxListVars(vars, ulCheckbox) {
+  setPxVar(vars, ET_CSS_VARS.checkboxBoxSize, ulCheckbox?.boxSize);
+  setPxVar(vars, ET_CSS_VARS.checkboxGapWidth, ulCheckbox?.gapWidth);
+  setPxVar(vars, ET_CSS_VARS.checkboxMarginLeft, ulCheckbox?.marginLeft);
+  setColorVar(vars, ET_CSS_VARS.checkboxBoxColor, ulCheckbox?.boxColor);
+}
+function applyMentionVars(vars, mention) {
+  if (!mention) return;
+  for (const [indicator, mentionStyle] of Object.entries(mention)) {
+    setColorVar(vars, ET_MENTION_CSS_VARS.color(indicator), mentionStyle.color);
+    setColorVar(vars, ET_MENTION_CSS_VARS.backgroundColor(indicator), mentionStyle.backgroundColor);
+    if (mentionStyle.textDecorationLine != null) {
+      vars[ET_MENTION_CSS_VARS.textDecorationLine(indicator)] = mentionStyle.textDecorationLine;
+    }
+  }
+}
+function expandMentionStylesForIndicatorsIncludeDefault(htmlStyle, htmlStyleToMergeWith) {
+  const mentionIndicators = isMentionStyleRecord(htmlStyle?.mention) ? Object.keys(htmlStyle?.mention) : [];
+  if (!mentionIndicators.includes(MENTION_STYLE_DEFAULT_KEY)) mentionIndicators.push(MENTION_STYLE_DEFAULT_KEY);
+  return expandMentionStylesForIndicators(htmlStyle?.mention, mentionIndicators, htmlStyleToMergeWith);
+}
+export function htmlStyleToCSSVariables(htmlStyle) {
+  const vars = {};
+  applyCodeVars(vars, htmlStyle?.code);
+  applyHeadingVars(vars, htmlStyle);
+  applyBlockquoteVars(vars, htmlStyle?.blockquote);
+  applyCodeblockVars(vars, htmlStyle?.codeblock);
+  applyLinkVars(vars, htmlStyle?.a);
+  applyUnorderedListVars(vars, htmlStyle?.ul);
+  applyOrderedListVars(vars, htmlStyle?.ol);
+  applyCheckboxListVars(vars, htmlStyle?.ulCheckbox);
+  applyMentionVars(vars, htmlStyle.mention);
+  return vars;
+}
+//# sourceMappingURL=htmlStyleToCSSVariables.js.map