@maizzle/framework 6.0.0-rc.21 → 6.0.0-rc.22

package/dist/utils/ast/serializer.js

@@ -1,30 +1,40 @@
-import { walk } from "./walker.js";
 import render from "dom-serializer";
 //#region src/utils/ast/serializer.ts
+const RAW_TEXT_ELEMENTS = new Set(["script", "style"]);
 /**
-* Re-encode < and > as entities in text nodes inside <code> elements.
+* Re-encode `<` and `>` in text nodes before serialization.
 *
-* The DOM parser decodes entities like &#x3C; into raw < in text nodes.
-* With encodeEntities: false the serializer outputs them as-is, which
-* creates broken HTML (e.g. </a> inside a code block closes the real tag).
+* The parser decodes entities like `&lt;` into raw `<` in text nodes. With
+* `encodeEntities: false` (needed so other transformers can emit entity
+* strings such as `&nbsp;` verbatim), the serializer would write those raw
+* `<` characters as-is, turning escaped text (e.g. a Vue `{{ html }}`
+* interpolation containing `<p>...</p>`) into real DOM downstream.
 *
-* We selectively fix this for <code> contents only, so the rest of the
-* document (where encodeEntities: false is needed) is unaffected.
+* `&` is intentionally not re-encoded: the `entities` transformer writes
+* literal entity strings (`&nbsp;`, `&mdash;`) directly into text-node data
+* and relies on the serializer leaving them alone.
+*
+* Skip `<script>` / `<style>` — their children are raw-text containers, and
+* CSS/JS legitimately contains `<` and `>`.
 */
-function encodeCodeTextNodes(dom) {
-	walk(dom, (node) => {
-		const el = node;
-		if (el.name !== "code") return;
-		walk(el.children ?? [], (child) => {
-			if (child.type === "text") {
-				const text = child;
+function encodeTextNodes(dom, inRawText = false) {
+	for (const node of dom) {
+		if (node.type === "text") {
+			if (!inRawText) {
+				const text = node;
 				text.data = text.data.replace(/</g, "&lt;").replace(/>/g, "&gt;");
 			}
-		});
-	});
+			continue;
+		}
+		if ("children" in node && node.children?.length) {
+			const el = node;
+			const nextRaw = inRawText || RAW_TEXT_ELEMENTS.has(el.name);
+			encodeTextNodes(el.children, nextRaw);
+		}
+	}
 }
 function serialize(dom, options) {
-	encodeCodeTextNodes(dom);
+	encodeTextNodes(dom);
 	return render(dom, {
 		encodeEntities: false,
 		...options

package/dist/utils/ast/serializer.js.map

@@ -1 +1 @@
-{"version":3,"file":"serializer.js","names":[],"sources":["../../../src/utils/ast/serializer.ts"],"sourcesContent":["import render from 'dom-serializer'\nimport type { ChildNode } from 'domhandler'\nimport type { DomSerializerOptions } from 'dom-serializer'\nimport { walk } from './walker.ts'\n\n/**\n * Re-encode < and > as entities in text nodes inside <code> elements.\n *\n * The DOM parser decodes entities like &#x3C; into raw < in text nodes.\n * With encodeEntities: false the serializer outputs them as-is, which\n * creates broken HTML (e.g. </a> inside a code block closes the real tag).\n *\n * We selectively fix this for <code> contents only, so the rest of the\n * document (where encodeEntities: false is needed) is unaffected.\n */\nfunction encodeCodeTextNodes(dom: ChildNode[]): void {\n  walk(dom, (node) => {\n    const el = node as import('domhandler').Element\n    if (el.name !== 'code') return\n\n    walk(el.children ?? [], (child) => {\n      if (child.type === 'text') {\n        const text = child as import('domhandler').Text\n        text.data = text.data.replace(/</g, '&lt;').replace(/>/g, '&gt;')\n      }\n    })\n  })\n}\n\nexport function serialize(dom: ChildNode[], options?: DomSerializerOptions): string {\n  encodeCodeTextNodes(dom)\n  return render(dom, { encodeEntities: false, ...options })\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,SAAS,oBAAoB,KAAwB;CACnD,KAAK,MAAM,SAAS;EAClB,MAAM,KAAK;EACX,IAAI,GAAG,SAAS,QAAQ;EAExB,KAAK,GAAG,YAAY,EAAE,GAAG,UAAU;GACjC,IAAI,MAAM,SAAS,QAAQ;IACzB,MAAM,OAAO;IACb,KAAK,OAAO,KAAK,KAAK,QAAQ,MAAM,OAAO,CAAC,QAAQ,MAAM,OAAO;;IAEnE;GACF;;AAGJ,SAAgB,UAAU,KAAkB,SAAwC;CAClF,oBAAoB,IAAI;CACxB,OAAO,OAAO,KAAK;EAAE,gBAAgB;EAAO,GAAG;EAAS,CAAC"}
+{"version":3,"file":"serializer.js","names":[],"sources":["../../../src/utils/ast/serializer.ts"],"sourcesContent":["import render from 'dom-serializer'\nimport type { ChildNode, Element, Text } from 'domhandler'\nimport type { DomSerializerOptions } from 'dom-serializer'\n\nconst RAW_TEXT_ELEMENTS = new Set(['script', 'style'])\n\n/**\n * Re-encode `<` and `>` in text nodes before serialization.\n *\n * The parser decodes entities like `&lt;` into raw `<` in text nodes. With\n * `encodeEntities: false` (needed so other transformers can emit entity\n * strings such as `&nbsp;` verbatim), the serializer would write those raw\n * `<` characters as-is, turning escaped text (e.g. a Vue `{{ html }}`\n * interpolation containing `<p>...</p>`) into real DOM downstream.\n *\n * `&` is intentionally not re-encoded: the `entities` transformer writes\n * literal entity strings (`&nbsp;`, `&mdash;`) directly into text-node data\n * and relies on the serializer leaving them alone.\n *\n * Skip `<script>` / `<style>` — their children are raw-text containers, and\n * CSS/JS legitimately contains `<` and `>`.\n */\nfunction encodeTextNodes(dom: ChildNode[], inRawText = false): void {\n  for (const node of dom) {\n    if (node.type === 'text') {\n      if (!inRawText) {\n        const text = node as Text\n        text.data = text.data\n          .replace(/</g, '&lt;')\n          .replace(/>/g, '&gt;')\n      }\n      continue\n    }\n\n    if ('children' in node && (node as Element).children?.length) {\n      const el = node as Element\n      const nextRaw = inRawText || RAW_TEXT_ELEMENTS.has(el.name)\n      encodeTextNodes(el.children as ChildNode[], nextRaw)\n    }\n  }\n}\n\nexport function serialize(dom: ChildNode[], options?: DomSerializerOptions): string {\n  encodeTextNodes(dom)\n  return render(dom, { encodeEntities: false, ...options })\n}\n"],"mappings":";;AAIA,MAAM,oBAAoB,IAAI,IAAI,CAAC,UAAU,QAAQ,CAAC;;;;;;;;;;;;;;;;;AAkBtD,SAAS,gBAAgB,KAAkB,YAAY,OAAa;CAClE,KAAK,MAAM,QAAQ,KAAK;EACtB,IAAI,KAAK,SAAS,QAAQ;GACxB,IAAI,CAAC,WAAW;IACd,MAAM,OAAO;IACb,KAAK,OAAO,KAAK,KACd,QAAQ,MAAM,OAAO,CACrB,QAAQ,MAAM,OAAO;;GAE1B;;EAGF,IAAI,cAAc,QAAS,KAAiB,UAAU,QAAQ;GAC5D,MAAM,KAAK;GACX,MAAM,UAAU,aAAa,kBAAkB,IAAI,GAAG,KAAK;GAC3D,gBAAgB,GAAG,UAAyB,QAAQ;;;;AAK1D,SAAgB,UAAU,KAAkB,SAAwC;CAClF,gBAAgB,IAAI;CACpB,OAAO,OAAO,KAAK;EAAE,gBAAgB;EAAO,GAAG;EAAS,CAAC"}

package/dist/utils/cssBox.d.ts

@@ -0,0 +1,42 @@
+import { Root } from "postcss";
+
+//#region src/utils/cssBox.d.ts
+declare const NO_BORDER_STYLES: Set<string>;
+/**
+ * Parse a length token into px. Handles `Npx`, `Nrem`, `Nem`, `Npt`, and
+ * unitless N (treated as px). Returns null for percentages, calc(),
+ * keywords, or anything that doesn't reduce to a concrete length.
+ */
+declare function lengthToPx(value: string): number | null;
+/**
+ * Expand a 1-4 token CSS shorthand (T R B L) into a left/right pair:
+ *   1: all sides
+ *   2: TB RL
+ *   3: T RL B
+ *   4: T R B L
+ */
+declare function shorthandSides(value: string): {
+  left?: string;
+  right?: string;
+};
+/**
+ * Read horizontal padding (left + right) px from a parsed style root.
+ * Percentages are skipped since they'd need a known container width.
+ */
+declare function horizontalPaddingPx(root: Root): number;
+/**
+ * Extract a px length from a CSS border shorthand (e.g. `1px solid red` → 1).
+ * Returns null when the value indicates no border (`none` or `hidden`).
+ * Defaults to 3px (CSS `medium`) when a visible style is set but no
+ * explicit width token is present in the shorthand value.
+ */
+declare function shorthandBorderWidthPx(value: string): number | null;
+/**
+ * Read horizontal border widths (left + right) px from a parsed style root.
+ * Per-side `border-style: none|hidden` overrides count as zero
+ * contribution. Returns total px or 0 when nothing resolves.
+ */
+declare function horizontalBorderPx(root: Root): number;
+//#endregion
+export { NO_BORDER_STYLES, horizontalBorderPx, horizontalPaddingPx, lengthToPx, shorthandBorderWidthPx, shorthandSides };
+//# sourceMappingURL=cssBox.d.ts.map

package/dist/utils/cssBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssBox.d.ts","names":[],"sources":["../../src/utils/cssBox.ts"],"mappings":";;;cAEa,gBAAA,EAAgB,GAAA;;AAA7B;;;;iBAOgB,UAAA,CAAW,KAAA;AAA3B;;;;;AAoBA;;AApBA,iBAoBgB,cAAA,CAAe,KAAA;EAAkB,IAAA;EAAe,KAAA;AAAA;;;;AAehE;iBAAgB,mBAAA,CAAoB,IAAA,EAAM,IAAA;;;;AA8B1C;;;iBAAgB,sBAAA,CAAuB,KAAA;;AAevC;;;;iBAAgB,kBAAA,CAAmB,IAAA,EAAM,IAAA"}

package/dist/utils/cssBox.js

@@ -0,0 +1,156 @@
+//#region src/utils/cssBox.ts
+const NO_BORDER_STYLES = new Set(["none", "hidden"]);
+/**
+* Parse a length token into px. Handles `Npx`, `Nrem`, `Nem`, `Npt`, and
+* unitless N (treated as px). Returns null for percentages, calc(),
+* keywords, or anything that doesn't reduce to a concrete length.
+*/
+function lengthToPx(value) {
+	const m = value.trim().match(/^([\d.]+)(px|rem|em|pt)?$/i);
+	if (!m) return null;
+	const n = parseFloat(m[1]);
+	switch ((m[2] || "px").toLowerCase()) {
+		case "px": return n;
+		case "rem":
+		case "em": return n * 16;
+		case "pt": return n * 1.333;
+		default: return null;
+	}
+}
+/**
+* Expand a 1-4 token CSS shorthand (T R B L) into a left/right pair:
+*   1: all sides
+*   2: TB RL
+*   3: T RL B
+*   4: T R B L
+*/
+function shorthandSides(value) {
+	const parts = value.trim().split(/\s+/);
+	switch (parts.length) {
+		case 1: return {
+			left: parts[0],
+			right: parts[0]
+		};
+		case 2:
+		case 3: return {
+			left: parts[1],
+			right: parts[1]
+		};
+		case 4: return {
+			left: parts[3],
+			right: parts[1]
+		};
+		default: return {};
+	}
+}
+/**
+* Read horizontal padding (left + right) px from a parsed style root.
+* Percentages are skipped since they'd need a known container width.
+*/
+function horizontalPaddingPx(root) {
+	let left = null;
+	let right = null;
+	root.walkDecls((d) => {
+		switch (d.prop) {
+			case "padding": {
+				const { left: l, right: r } = shorthandSides(d.value);
+				if (l) left = lengthToPx(l);
+				if (r) right = lengthToPx(r);
+				break;
+			}
+			case "padding-left":
+				left = lengthToPx(d.value);
+				break;
+			case "padding-right":
+				right = lengthToPx(d.value);
+				break;
+		}
+	});
+	return (left ?? 0) + (right ?? 0);
+}
+/**
+* Extract a px length from a CSS border shorthand (e.g. `1px solid red` → 1).
+* Returns null when the value indicates no border (`none` or `hidden`).
+* Defaults to 3px (CSS `medium`) when a visible style is set but no
+* explicit width token is present in the shorthand value.
+*/
+function shorthandBorderWidthPx(value) {
+	const tokens = value.trim().split(/\s+/);
+	if (tokens.some((t) => NO_BORDER_STYLES.has(t.toLowerCase()))) return null;
+	for (const t of tokens) {
+		const px = lengthToPx(t);
+		if (px != null) return px;
+	}
+	return 3;
+}
+/**
+* Read horizontal border widths (left + right) px from a parsed style root.
+* Per-side `border-style: none|hidden` overrides count as zero
+* contribution. Returns total px or 0 when nothing resolves.
+*/
+function horizontalBorderPx(root) {
+	let left = null;
+	let right = null;
+	let leftNone = false;
+	let rightNone = false;
+	root.walkDecls((d) => {
+		switch (d.prop) {
+			case "border": {
+				const w = shorthandBorderWidthPx(d.value);
+				if (w == null) leftNone = rightNone = true;
+				else {
+					left = right = w;
+					leftNone = rightNone = false;
+				}
+				break;
+			}
+			case "border-width": {
+				const { left: l, right: r } = shorthandSides(d.value);
+				if (l) left = lengthToPx(l) ?? left;
+				if (r) right = lengthToPx(r) ?? right;
+				break;
+			}
+			case "border-style": {
+				const { left: l, right: r } = shorthandSides(d.value);
+				if (l && NO_BORDER_STYLES.has(l.toLowerCase())) leftNone = true;
+				if (r && NO_BORDER_STYLES.has(r.toLowerCase())) rightNone = true;
+				break;
+			}
+			case "border-left": {
+				const w = shorthandBorderWidthPx(d.value);
+				if (w == null) leftNone = true;
+				else {
+					left = w;
+					leftNone = false;
+				}
+				break;
+			}
+			case "border-right": {
+				const w = shorthandBorderWidthPx(d.value);
+				if (w == null) rightNone = true;
+				else {
+					right = w;
+					rightNone = false;
+				}
+				break;
+			}
+			case "border-left-width":
+				left = lengthToPx(d.value) ?? left;
+				break;
+			case "border-right-width":
+				right = lengthToPx(d.value) ?? right;
+				break;
+			case "border-left-style":
+				if (NO_BORDER_STYLES.has(d.value.trim().toLowerCase())) leftNone = true;
+				break;
+			case "border-right-style":
+				if (NO_BORDER_STYLES.has(d.value.trim().toLowerCase())) rightNone = true;
+				break;
+		}
+	});
+	return (leftNone ? 0 : left ?? 0) + (rightNone ? 0 : right ?? 0);
+}
+//#endregion
+export { NO_BORDER_STYLES, horizontalBorderPx, horizontalPaddingPx, lengthToPx, shorthandBorderWidthPx, shorthandSides };
+
+//# sourceMappingURL=cssBox.js.map

package/dist/utils/cssBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssBox.js","names":[],"sources":["../../src/utils/cssBox.ts"],"sourcesContent":["import type { Root } from 'postcss'\n\nexport const NO_BORDER_STYLES = new Set(['none', 'hidden'])\n\n/**\n * Parse a length token into px. Handles `Npx`, `Nrem`, `Nem`, `Npt`, and\n * unitless N (treated as px). Returns null for percentages, calc(),\n * keywords, or anything that doesn't reduce to a concrete length.\n */\nexport function lengthToPx(value: string): number | null {\n  const m = value.trim().match(/^([\\d.]+)(px|rem|em|pt)?$/i)\n  if (!m) return null\n  const n = parseFloat(m[1])\n  switch ((m[2] || 'px').toLowerCase()) {\n    case 'px': return n\n    case 'rem':\n    case 'em': return n * 16\n    case 'pt': return n * 1.333\n    default: return null\n  }\n}\n\n/**\n * Expand a 1-4 token CSS shorthand (T R B L) into a left/right pair:\n *   1: all sides\n *   2: TB RL\n *   3: T RL B\n *   4: T R B L\n */\nexport function shorthandSides(value: string): { left?: string; right?: string } {\n  const parts = value.trim().split(/\\s+/)\n  switch (parts.length) {\n    case 1: return { left: parts[0], right: parts[0] }\n    case 2:\n    case 3: return { left: parts[1], right: parts[1] }\n    case 4: return { left: parts[3], right: parts[1] }\n    default: return {}\n  }\n}\n\n/**\n * Read horizontal padding (left + right) px from a parsed style root.\n * Percentages are skipped since they'd need a known container width.\n */\nexport function horizontalPaddingPx(root: Root): number {\n  let left: number | null = null\n  let right: number | null = null\n\n  root.walkDecls((d) => {\n    switch (d.prop) {\n      case 'padding': {\n        const { left: l, right: r } = shorthandSides(d.value)\n        if (l) left = lengthToPx(l)\n        if (r) right = lengthToPx(r)\n        break\n      }\n      case 'padding-left':\n        left = lengthToPx(d.value)\n        break\n      case 'padding-right':\n        right = lengthToPx(d.value)\n        break\n    }\n  })\n\n  return (left ?? 0) + (right ?? 0)\n}\n\n/**\n * Extract a px length from a CSS border shorthand (e.g. `1px solid red` → 1).\n * Returns null when the value indicates no border (`none` or `hidden`).\n * Defaults to 3px (CSS `medium`) when a visible style is set but no\n * explicit width token is present in the shorthand value.\n */\nexport function shorthandBorderWidthPx(value: string): number | null {\n  const tokens = value.trim().split(/\\s+/)\n  if (tokens.some((t) => NO_BORDER_STYLES.has(t.toLowerCase()))) return null\n  for (const t of tokens) {\n    const px = lengthToPx(t)\n    if (px != null) return px\n  }\n  return 3\n}\n\n/**\n * Read horizontal border widths (left + right) px from a parsed style root.\n * Per-side `border-style: none|hidden` overrides count as zero\n * contribution. Returns total px or 0 when nothing resolves.\n */\nexport function horizontalBorderPx(root: Root): number {\n  let left: number | null = null\n  let right: number | null = null\n  let leftNone = false\n  let rightNone = false\n\n  root.walkDecls((d) => {\n    switch (d.prop) {\n      case 'border': {\n        const w = shorthandBorderWidthPx(d.value)\n        if (w == null) {\n          leftNone = rightNone = true\n        }\n        else {\n          left = right = w\n          leftNone = rightNone = false\n        }\n        break\n      }\n      case 'border-width': {\n        const { left: l, right: r } = shorthandSides(d.value)\n        if (l) left = lengthToPx(l) ?? left\n        if (r) right = lengthToPx(r) ?? right\n        break\n      }\n      case 'border-style': {\n        const { left: l, right: r } = shorthandSides(d.value)\n        if (l && NO_BORDER_STYLES.has(l.toLowerCase())) leftNone = true\n        if (r && NO_BORDER_STYLES.has(r.toLowerCase())) rightNone = true\n        break\n      }\n      case 'border-left': {\n        const w = shorthandBorderWidthPx(d.value)\n        if (w == null) leftNone = true\n        else { left = w; leftNone = false }\n        break\n      }\n      case 'border-right': {\n        const w = shorthandBorderWidthPx(d.value)\n        if (w == null) rightNone = true\n        else { right = w; rightNone = false }\n        break\n      }\n      case 'border-left-width':\n        left = lengthToPx(d.value) ?? left\n        break\n      case 'border-right-width':\n        right = lengthToPx(d.value) ?? right\n        break\n      case 'border-left-style':\n        if (NO_BORDER_STYLES.has(d.value.trim().toLowerCase())) leftNone = true\n        break\n      case 'border-right-style':\n        if (NO_BORDER_STYLES.has(d.value.trim().toLowerCase())) rightNone = true\n        break\n    }\n  })\n\n  return (leftNone ? 0 : (left ?? 0)) + (rightNone ? 0 : (right ?? 0))\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "6.0.0-rc.21",
+  "version": "6.0.0-rc.22",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "type": "module",

package/dist/transformers/safeClassNames.d.ts

@@ -1,22 +0,0 @@
-import { CssConfig } from "../types/config.js";
-import { ChildNode } from "domhandler";
-
-//#region src/transformers/safeClassNames.d.ts
-/**
- * Safe class names transformer.
- *
- * Replaces unsafe characters (`:`, `/`, `[`, `]`, etc.) in:
- * - CSS selectors inside `<style>` tags
- * - HTML `class` attributes
- *
- * This makes Tailwind utility classes like `sm:text-base` safe for
- * email clients that cannot handle escaped characters in class names.
- *
- * Enabled by default. Disable by setting `css.safe` to `false`.
- * Customize replacements by passing a `Record<string, string>` — user
- * values are merged on top of the defaults.
- */
-declare function safeClassNames(dom: ChildNode[], config?: CssConfig): ChildNode[];
-//#endregion
-export { safeClassNames };
-//# sourceMappingURL=safeClassNames.d.ts.map

package/dist/transformers/safeClassNames.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"safeClassNames.d.ts","names":[],"sources":["../../src/transformers/safeClassNames.ts"],"mappings":";;;;;;AAsGA;;;;;;;;;;;;iBAAgB,cAAA,CAAe,GAAA,EAAK,SAAA,IAAa,MAAA,GAAQ,SAAA,GAAiB,SAAA"}

package/dist/transformers/safeClassNames.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"safeClassNames.js","names":[],"sources":["../../src/transformers/safeClassNames.ts"],"sourcesContent":["import postcss from 'postcss'\nimport safeParser from 'postcss-safe-parser'\nimport type { ChildNode, Element } from 'domhandler'\nimport { walk } from '../utils/ast/index.ts'\nimport type { CssConfig } from '../types/config.ts'\n\nconst DEFAULT_REPLACEMENTS: Record<string, string> = {\n  ':': '-',\n  '/': '-',\n  '%': 'pc',\n  '.': '_',\n  ',': '_',\n  '#': '_',\n  '[': '',\n  ']': '',\n  '(': '',\n  ')': '',\n  '{': '',\n  '}': '',\n  '!': '-i',\n  '&': 'and-',\n  '<': 'lt-',\n  '=': 'eq-',\n  '>': 'gt-',\n  '|': 'or-',\n  '@': 'at-',\n  '?': 'q-',\n  '\\\\': '-',\n  '\"': '-',\n  \"'\": '-',\n  '*': '-',\n  '+': '-',\n  ';': '-',\n  '^': '-',\n  '`': '-',\n  '~': '-',\n  '$': '-',\n}\n\nfunction escapeForRegex(s: string): string {\n  return s.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n}\n\n/**\n * Replace escaped special characters in CSS selectors.\n *\n * Tailwind generates selectors like `.sm\\:text-base`. This function\n * replaces the `\\:` with `-` (or whatever the configured replacement is)\n * so the selector becomes `.sm-text-base`, which is safe for email clients.\n */\nfunction processCssSelectors(css: string, replacements: Record<string, string>): string {\n  // Matches \\<char> in CSS selectors — e.g. \\: \\/ \\. \\[ etc.\n  const selectorRegex = new RegExp(\n    `\\\\\\\\(${Object.keys(replacements).map(escapeForRegex).join('|')})`,\n    'g',\n  )\n\n  return postcss([\n    (root: postcss.Root) => {\n      root.walkRules((rule: postcss.Rule) => {\n        rule.selector = rule.selector\n          .replace(selectorRegex, (_matched, char) => replacements[char] ?? _matched)\n          // Handle CSS unicode escape for comma (\\2c  → _)\n          .replaceAll('\\\\2c ', '_')\n      })\n    },\n  ]).process(css, { parser: safeParser }).css\n}\n\n/**\n * Replace unsafe special characters in a class attribute value.\n *\n * Splits on whitespace and replaces each char from the replacements map\n * in each class token individually.\n */\nfunction processClassAttr(classStr: string, replacements: Record<string, string>): string {\n  return classStr\n    .split(/\\s+/)\n    .filter(Boolean)\n    .map((cls) => {\n      for (const [from, to] of Object.entries(replacements)) {\n        cls = cls.split(from).join(to)\n      }\n      return cls\n    })\n    .join(' ')\n}\n\n/**\n * Safe class names transformer.\n *\n * Replaces unsafe characters (`:`, `/`, `[`, `]`, etc.) in:\n * - CSS selectors inside `<style>` tags\n * - HTML `class` attributes\n *\n * This makes Tailwind utility classes like `sm:text-base` safe for\n * email clients that cannot handle escaped characters in class names.\n *\n * Enabled by default. Disable by setting `css.safe` to `false`.\n * Customize replacements by passing a `Record<string, string>` — user\n * values are merged on top of the defaults.\n */\nexport function safeClassNames(dom: ChildNode[], config: CssConfig = {}): ChildNode[] {\n  const option = config.safe ?? true\n\n  if (!option) return dom\n\n  const replacements: Record<string, string> =\n    option && typeof option === 'object'\n      ? { ...DEFAULT_REPLACEMENTS, ...option }\n      : DEFAULT_REPLACEMENTS\n\n  walk(dom, (node) => {\n    const el = node as Element\n\n    // Process CSS selectors inside <style> tags\n    if (el.name === 'style' && el.children?.length) {\n      const text = el.children.find((c) => c.type === 'text') as any\n      if (text?.data?.trim()) {\n        text.data = processCssSelectors(text.data, replacements)\n      }\n    }\n\n    // Replace special chars in class attributes\n    if ('attribs' in el && el.attribs?.class) {\n      el.attribs.class = processClassAttr(el.attribs.class, replacements)\n    }\n  })\n\n  return dom\n}\n"],"mappings":";;;;;AAMA,MAAM,uBAA+C;CACnD,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,MAAM;CACN,MAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN;AAED,SAAS,eAAe,GAAmB;CACzC,OAAO,EAAE,QAAQ,uBAAuB,OAAO;;;;;;;;;AAUjD,SAAS,oBAAoB,KAAa,cAA8C;CAEtF,MAAM,gBAAgB,IAAI,OACxB,QAAQ,OAAO,KAAK,aAAa,CAAC,IAAI,eAAe,CAAC,KAAK,IAAI,CAAC,IAChE,IACD;CAED,OAAO,QAAQ,EACZ,SAAuB;EACtB,KAAK,WAAW,SAAuB;GACrC,KAAK,WAAW,KAAK,SAClB,QAAQ,gBAAgB,UAAU,SAAS,aAAa,SAAS,SAAS,CAE1E,WAAW,SAAS,IAAI;IAC3B;GAEL,CAAC,CAAC,QAAQ,KAAK,EAAE,QAAQ,YAAY,CAAC,CAAC;;;;;;;;AAS1C,SAAS,iBAAiB,UAAkB,cAA8C;CACxF,OAAO,SACJ,MAAM,MAAM,CACZ,OAAO,QAAQ,CACf,KAAK,QAAQ;EACZ,KAAK,MAAM,CAAC,MAAM,OAAO,OAAO,QAAQ,aAAa,EACnD,MAAM,IAAI,MAAM,KAAK,CAAC,KAAK,GAAG;EAEhC,OAAO;GACP,CACD,KAAK,IAAI;;;;;;;;;;;;;;;;AAiBd,SAAgB,eAAe,KAAkB,SAAoB,EAAE,EAAe;CACpF,MAAM,SAAS,OAAO,QAAQ;CAE9B,IAAI,CAAC,QAAQ,OAAO;CAEpB,MAAM,eACJ,UAAU,OAAO,WAAW,WACxB;EAAE,GAAG;EAAsB,GAAG;EAAQ,GACtC;CAEN,KAAK,MAAM,SAAS;EAClB,MAAM,KAAK;EAGX,IAAI,GAAG,SAAS,WAAW,GAAG,UAAU,QAAQ;GAC9C,MAAM,OAAO,GAAG,SAAS,MAAM,MAAM,EAAE,SAAS,OAAO;GACvD,IAAI,MAAM,MAAM,MAAM,EACpB,KAAK,OAAO,oBAAoB,KAAK,MAAM,aAAa;;EAK5D,IAAI,aAAa,MAAM,GAAG,SAAS,OACjC,GAAG,QAAQ,QAAQ,iBAAiB,GAAG,QAAQ,OAAO,aAAa;GAErE;CAEF,OAAO"}