@maizzle/framework 6.0.0-rc.17 → 6.0.0-rc.19

package/dist/components/NotPlaintext.vue

@@ -0,0 +1,14 @@
+<script lang="ts">
+import { h } from 'vue'
+
+export default {
+  name: 'NotPlaintext',
+  setup(_, { slots }) {
+    return () => h(
+      'div',
+      { 'data-maizzle-html-only': '' },
+      slots.default?.(),
+    )
+  },
+}
+</script>

package/dist/components/{Vml.vue → OutlookBg.vue}

@@ -4,7 +4,7 @@ import type { PropType } from 'vue'
 import { normalizeToPixels } from './utils.ts'
 
 export default {
-  name: 'Vml',
+  name: 'OutlookBg',
   props: {
     /**
      * Width of the VML rectangle.

package/dist/components/Overlap.vue

@@ -62,6 +62,16 @@ const props = defineProps({
     type: String,
     default: '0,-60px,0,0'
   },
+  /**
+   * Toggle Outlook (MSO) and VML fallback markup for this
+   * component and all descendants.
+   *
+   * When `false`, skips MSO ghost tables, VML shapes,
+   * `xmlns:v`/`xmlns:o` attributes, and mso-specific CSS
+   * in all built-in components.
+   *
+   * @default true
+   */
   outlookFallback: outlookFallbackProp,
 })
 

package/dist/components/Plaintext.vue

@@ -0,0 +1,14 @@
+<script lang="ts">
+import { h } from 'vue'
+
+export default {
+  name: 'Plaintext',
+  setup(_, { slots }) {
+    return () => h(
+      'div',
+      { 'data-maizzle-plaintext-only': '' },
+      slots.default?.(),
+    )
+  },
+}
+</script>

package/dist/components/Preheader.vue

@@ -1,12 +1,7 @@
 <script setup lang="ts">
 defineProps({
-  /** Number of `&#8199;&#847;` filler pairs to render. */
-  fillerCount: {
-    type: Number,
-    default: 150
-  },
-  /** Number of `&shy;` entities to render. */
-  shyCount: {
+  /** Number of `&#8199;&#65279;&#847;` filler sequences to render after the preview text. */
+  spaces: {
     type: Number,
     default: 150
   }
@@ -15,6 +10,6 @@ defineProps({
 
 <template>
   <Teleport to="body:start">
-    <div style="display: none"><slot /><template v-for="i in fillerCount" :key="'f'+i">&#8199;&#847; </template><template v-for="i in shyCount" :key="'s'+i">&shy; </template>&nbsp;</div>
+    <div style="display: none"><slot /><template v-for="i in spaces" :key="i">&#8199;&#65279;&#847; </template>&nbsp;</div>
   </Teleport>
 </template>

package/dist/components/QrCode.vue

@@ -0,0 +1,157 @@
+<script lang="ts">
+import { createStaticVNode, type PropType } from 'vue'
+import { twMerge } from 'tailwind-merge'
+import { encode } from 'uqr'
+
+type Ecc = 'L' | 'M' | 'Q' | 'H'
+
+const escapeAttr = (v: string) =>
+  v
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+
+/**
+ * Parse a Tailwind sizing token's pixel equivalent.
+ *
+ * Assumes the default v4 spacing scale (1 unit = 0.25rem),
+ * which resolves to 4px at the standard 16px root font.
+ * Arbitrary values accept `px` and `rem`; other units
+ * fall through to the caller's default.
+ */
+function tokenToPx(token: string): number {
+  const seg = token.split(':').at(-1) ?? ''
+  const m = seg.match(/^(?:size|w|h)-(.+)$/)
+  if (!m) return 0
+  const v = m[1]
+  if (v.startsWith('[') && v.endsWith(']')) {
+    const um = v.slice(1, -1).match(/^([\d.]+)(px|rem)?$/)
+    if (!um) return 0
+    const n = Number.parseFloat(um[1])
+    return um[2] === 'rem' ? n * 16 : n
+  }
+  if (/^\d+(?:\.\d+)?$/.test(v)) return Number.parseFloat(v) * 4
+  return 0
+}
+
+/**
+ * Partition a class string into two buckets:
+ *
+ * - `sizing` — width/height/size utilities used for cell px math.
+ * - `neutral` — everything else; lands on the table verbatim.
+ */
+function partition(cls: string): { neutral: string[]; sizing: string[] } {
+  const neutral: string[] = []
+  const sizing: string[] = []
+  for (const t of cls.split(/\s+/).filter(Boolean)) {
+    const last = t.split(':').at(-1) ?? ''
+    if (/^(?:size|w|h|min-w|min-h|max-w|max-h)-/.test(last)) sizing.push(t)
+    else neutral.push(t)
+  }
+  return { neutral, sizing }
+}
+
+export default {
+  name: 'QrCode',
+  inheritAttrs: false,
+  props: {
+    /** Data to encode (URL or arbitrary text). */
+    value: {
+      type: String,
+      required: true,
+    },
+    /**
+     * Error correction level: redundancy that keeps the code
+     * scannable when partially obscured (e.g. a logo overlay),
+     * at the cost of a larger matrix.
+     *
+     * - `L` ~7% recovery
+     * - `M` ~15% recovery (default, fine for on-screen display)
+     * - `Q` ~25% recovery
+     * - `H` ~30% recovery
+     */
+    ecc: {
+      type: String as PropType<Ecc>,
+      default: 'M',
+      validator: (v: string) => ['L', 'M', 'Q', 'H'].includes(v),
+    },
+    /**
+     * Width of the light "quiet zone" around the code, in modules.
+     * Spec recommends ≥ 4; 1 is plenty for on-screen scans.
+     */
+    border: {
+      type: Number,
+      default: 1,
+    },
+    /**
+     * Accessible label exposed via `aria-label` on the table.
+     */
+    alt: {
+      type: String,
+      default: '',
+    },
+  },
+  setup(props, { attrs }) {
+    const userClass = String(attrs.class ?? '')
+    const { neutral, sizing } = partition(userClass)
+
+    /**
+     * Effective pixel size from the user's sizing token, else
+     * 120px (= `size-30` on the default v4 spacing scale).
+     */
+    const sizingToken = sizing[0]
+    const effectivePx = sizingToken ? (tokenToPx(sizingToken) || 120) : 120
+
+    const result = encode(props.value, {
+      ecc: props.ecc,
+      border: props.border,
+      boostEcc: true,
+    })
+    const matrix = result.data
+    const dim = matrix.length
+    const cellPx = Math.max(1, Math.floor(effectivePx / dim))
+    const totalPx = cellPx * dim
+
+    /**
+     * Table base classes:
+     *
+     * - `size-[Npx]` matches the outer to cell math (no stripe).
+     * - `[&_td]:*` sizes each cell and zeroes its font-size.
+     * - `bg-*` paints the table; light cells stay transparent.
+     * - `qr:*` paints dark cells via the registered variant.
+     *
+     * Defaults and user tokens share each form, so `twMerge`
+     * resolves overrides cleanly.
+     */
+    const baseTable = [
+      `size-[${totalPx}px]`,
+      `[&_td]:w-[${cellPx}px]`,
+      `[&_td]:h-[${cellPx}px]`,
+      '[&_td]:text-[0px]',
+      'bg-white',
+      'dark:bg-gray-950',
+      'qr:bg-gray-950',
+      'dark:qr:bg-white',
+    ]
+
+    const merged = twMerge([...baseTable, ...neutral].join(' '))
+
+    let rows = ''
+    for (let y = 0; y < dim; y++) {
+      let cells = ''
+      const row = matrix[y]
+      for (let x = 0; x < dim; x++) {
+        cells += row[x] ? '<td class="qd"></td>' : '<td></td>'
+      }
+      rows += `<tr>${cells}</tr>`
+    }
+
+    const altAttr = props.alt ? ` aria-label="${escapeAttr(props.alt)}"` : ''
+    const styleAttr = attrs.style ? ` style="${String(attrs.style)}"` : ''
+    const html = `<table class="${escapeAttr(merged)}" role="img"${altAttr} cellpadding="0" cellspacing="0" border="0"${styleAttr}>${rows}</table>`
+
+    return () => createStaticVNode(html, 1)
+  },
+}
+</script>

package/dist/components/Row.vue

@@ -38,6 +38,16 @@ const props = defineProps({
     type: Number,
     default: null
   },
+  /**
+   * Toggle Outlook (MSO) and VML fallback markup for this
+   * component and all descendants.
+   *
+   * When `false`, skips MSO ghost tables, VML shapes,
+   * `xmlns:v`/`xmlns:o` attributes, and mso-specific CSS
+   * in all built-in components.
+   *
+   * @default true
+   */
   outlookFallback: outlookFallbackProp,
 })
 

package/dist/components/Section.vue

@@ -33,6 +33,16 @@ const props = defineProps({
     type: String,
     default: undefined
   },
+  /**
+   * Toggle Outlook (MSO) and VML fallback markup for this
+   * component and all descendants.
+   *
+   * When `false`, skips MSO ghost tables, VML shapes,
+   * `xmlns:v`/`xmlns:o` attributes, and mso-specific CSS
+   * in all built-in components.
+   *
+   * @default true
+   */
   outlookFallback: outlookFallbackProp,
 })
 

package/dist/components/Spacer.vue

@@ -1,53 +1,48 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, h, useAttrs } from 'vue'
 import { normalizeToPixels, outlookFallbackProp } from './utils.ts'
 import { useOutlookFallback } from '../composables/useOutlookFallback'
 
+defineOptions({ inheritAttrs: false })
+
 const props = defineProps({
   /** The type of spacer. */
   type: {
     type: String as () => 'vertical' | 'horizontal',
     default: 'vertical'
   },
-  /** The height of the spacer (vertical). */
-  height: {
-    type: [String, Number],
-    default: null
-  },
   /** The width of the spacer (horizontal). */
   width: {
     type: [String, Number],
     default: 16
   },
-  /** The alternative height to use in Outlook. */
-  msoHeight: {
-    type: [String, Number],
-    default: null
-  },
   outlookFallback: outlookFallbackProp,
 })
 
+const attrs = useAttrs()
 const outlookFallback = useOutlookFallback(props.outlookFallback)
 
-function parsePixelValue(value: string | number): number {
-  if (typeof value === 'number') return value
-  return Number.parseFloat(value) || 0
-}
+const HEIGHT_RE = /(?:^|\s)h-([\w./\-[\]%]+)/g
+const LEADING_RE = /(?:^|\s)leading-/
 
-const verticalStyles = computed(() => {
-  const s = []
+const verticalClass = computed(() => {
+  const userClass = (attrs.class as string) || ''
+  if (!userClass) return ''
 
-  if (props.height) {
-    s.push(`line-height: ${normalizeToPixels(props.height)};`)
-  }
+  const heights = [...userClass.matchAll(HEIGHT_RE)]
+  const stripped = userClass.replace(HEIGHT_RE, ' ').replace(/\s+/g, ' ').trim()
 
-  if (outlookFallback && props.msoHeight) {
-    s.push(`mso-line-height-alt: ${normalizeToPixels(props.msoHeight)};`)
-  }
+  if (!heights.length) return stripped
+  if (LEADING_RE.test(stripped)) return stripped
 
-  return s.join('')
+  return `${stripped} leading-${heights[heights.length - 1][1]}`.trim()
 })
 
+function parsePixelValue(value: string | number): number {
+  if (typeof value === 'number') return value
+  return Number.parseFloat(value) || 0
+}
+
 const horizontalStyles = computed(() => {
   const mso = outlookFallback ? msoFontWidth.value : ''
   return `display:inline-block; width: ${normalizeToPixels(props.width)}; font-size: 16px;${mso}`
@@ -71,14 +66,20 @@ const emspCount = computed(() => {
 })
 
 const emsps = computed(() => '\u2003'.repeat(emspCount.value))
+
+const HorizontalSpacer = () =>
+  h('i', { ...attrs, style: horizontalStyles.value }, emsps.value)
 </script>
 
 <template>
   <template v-if="type === 'horizontal'">
-    <i :style="horizontalStyles">{{ emsps }}</i>
+    <HorizontalSpacer />
   </template>
   <template v-else>
-    <div v-if="height" role="separator" :style="verticalStyles">&zwj;</div>
-    <div v-else role="separator">&zwj;</div>
+    <div
+      role="separator"
+      v-bind="{ ...$attrs, class: undefined }"
+      :class="verticalClass"
+    >&zwj;</div>
   </template>
 </template>

package/dist/components/{utils.mjs → utils.js}

@@ -44,7 +44,7 @@ const outlookFallbackProp = {
 	type: Boolean,
 	default: null
 };
-
 //#endregion
 export { hasHeightInStyle, hasHeightUtility, hasWidthInStyle, hasWidthUtility, nextId, normalizeToPixels, outlookFallbackProp };
-//# sourceMappingURL=utils.mjs.map
+
+//# sourceMappingURL=utils.js.map

package/dist/components/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/components/utils.ts"],"sourcesContent":["export function normalizeToPixels(value: string | number): string {\n  if (typeof value === 'number' || Number.isFinite(Number(value))) {\n    return `${value}px`\n  }\n  return value\n}\n\nconst counters: Record<string, number> = {}\n\n/**\n * Module-scoped sequential ID generator. Used by components to mint\n * unique marker ids (e.g. `c1`, `c2`) for the post-render transformer.\n *\n * Must live here (not inside `<script setup>`) because Vue compiles\n * `<script setup>` into the component's `setup()` function — any\n * `let counter = 0` there resets per instance, causing id collisions.\n */\nexport function nextId(prefix: string): string {\n  counters[prefix] = (counters[prefix] ?? 0) + 1\n  return `${prefix}${counters[prefix]}`\n}\n\nexport function hasWidthUtility(classStr: string): boolean {\n  return classStr.split(/\\s+/).some((c) => {\n    const utility = c.split(':').pop() ?? ''\n    const clean = utility.replace(/^!/, '')\n    return /^(w-|max-w-|min-w-)/.test(clean)\n  })\n}\n\nexport function hasWidthInStyle(styleStr: string): boolean {\n  return /(?:^|;\\s*)(?:max-width|width)\\s*:/i.test(styleStr)\n}\n\nexport function hasHeightUtility(classStr: string): boolean {\n  return classStr.split(/\\s+/).some((c) => {\n    const utility = c.split(':').pop() ?? ''\n    const clean = utility.replace(/^!/, '')\n    return /^(h-|max-h-|min-h-)/.test(clean)\n  })\n}\n\nexport function hasHeightInStyle(styleStr: string): boolean {\n  return /(?:^|;\\s*)(?:max-height|height)\\s*:/i.test(styleStr)\n}\n\n/**\n * Shared prop for components that emit MSO/VML fallback markup. The\n * `null` default acts as the \"unset\" sentinel — `useOutlookFallback`\n * treats `null` as inherit-from-ancestor (root default `true`),\n * letting users override per-component without losing inheritance.\n */\nexport const outlookFallbackProp = {\n  type: Boolean,\n  default: null,\n} as const\n\n"],"mappings":";AAAA,SAAgB,kBAAkB,OAAgC;CAChE,IAAI,OAAO,UAAU,YAAY,OAAO,SAAS,OAAO,MAAM,CAAC,EAC7D,OAAO,GAAG,MAAM;CAElB,OAAO;;AAGT,MAAM,WAAmC,EAAE;;;;;;;;;AAU3C,SAAgB,OAAO,QAAwB;CAC7C,SAAS,WAAW,SAAS,WAAW,KAAK;CAC7C,OAAO,GAAG,SAAS,SAAS;;AAG9B,SAAgB,gBAAgB,UAA2B;CACzD,OAAO,SAAS,MAAM,MAAM,CAAC,MAAM,MAAM;EAEvC,MAAM,SADU,EAAE,MAAM,IAAI,CAAC,KAAK,IAAI,IAChB,QAAQ,MAAM,GAAG;EACvC,OAAO,sBAAsB,KAAK,MAAM;GACxC;;AAGJ,SAAgB,gBAAgB,UAA2B;CACzD,OAAO,qCAAqC,KAAK,SAAS;;AAG5D,SAAgB,iBAAiB,UAA2B;CAC1D,OAAO,SAAS,MAAM,MAAM,CAAC,MAAM,MAAM;EAEvC,MAAM,SADU,EAAE,MAAM,IAAI,CAAC,KAAK,IAAI,IAChB,QAAQ,MAAM,GAAG;EACvC,OAAO,sBAAsB,KAAK,MAAM;GACxC;;AAGJ,SAAgB,iBAAiB,UAA2B;CAC1D,OAAO,uCAAuC,KAAK,SAAS;;;;;;;;AAS9D,MAAa,sBAAsB;CACjC,MAAM;CACN,SAAS;CACV"}

package/dist/composables/{defineConfig.mjs → defineConfig.js}

@@ -1,8 +1,7 @@
-import { MaizzleConfigKey } from "./useConfig.mjs";
-import { RenderContextKey } from "./renderContext.mjs";
+import { MaizzleConfigKey } from "./useConfig.js";
+import { RenderContextKey } from "./renderContext.js";
 import { createDefu } from "defu";
 import { getCurrentInstance, inject, provide } from "vue";
-
 //#region src/composables/defineConfig.ts
 const merge = createDefu((obj, key, value) => {
 	if (Array.isArray(obj[key])) {
@@ -28,7 +27,7 @@ function defineConfig(data = {}) {
 	}
 	return data;
 }
-
 //#endregion
 export { defineConfig };
-//# sourceMappingURL=defineConfig.mjs.map
+
+//# sourceMappingURL=defineConfig.js.map

package/dist/composables/defineConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineConfig.js","names":[],"sources":["../../src/composables/defineConfig.ts"],"sourcesContent":["import { getCurrentInstance, inject, provide } from 'vue'\nimport { createDefu } from 'defu'\nimport { MaizzleConfigKey } from './useConfig.ts'\nimport { RenderContextKey } from './renderContext.ts'\nimport type { MaizzleConfig } from '../types/index.ts'\n\nconst merge = createDefu((obj, key, value) => {\n  if (Array.isArray(obj[key])) {\n    obj[key] = value\n    return true\n  }\n})\n\n/**\n * Define Maizzle config.\n *\n * Works in both contexts:\n * - In maizzle.config.ts: typed identity function, returns the config as-is\n * - In Vue SFC <script setup>: merges with the global config and provides\n *   the result to child components via useConfig()\n */\nexport function defineConfig(data: Partial<MaizzleConfig> = {}): MaizzleConfig {\n  // Inside a Vue SFC — merge with global config and provide to children\n  if (getCurrentInstance()) {\n    const globalConfig = inject(MaizzleConfigKey, {} as MaizzleConfig)\n    const merged = merge(data, globalConfig) as MaizzleConfig\n\n    const ctx = inject(RenderContextKey)\n    if (ctx) ctx.sfcConfig = merged\n\n    provide(MaizzleConfigKey, merged)\n\n    return merged\n  }\n\n  // Outside Vue (maizzle.config.ts) — just return the config\n  return data as MaizzleConfig\n}\n"],"mappings":";;;;;AAMA,MAAM,QAAQ,YAAY,KAAK,KAAK,UAAU;CAC5C,IAAI,MAAM,QAAQ,IAAI,KAAK,EAAE;EAC3B,IAAI,OAAO;EACX,OAAO;;EAET;;;;;;;;;AAUF,SAAgB,aAAa,OAA+B,EAAE,EAAiB;CAE7E,IAAI,oBAAoB,EAAE;EAExB,MAAM,SAAS,MAAM,MADA,OAAO,kBAAkB,EAAE,CACT,CAAC;EAExC,MAAM,MAAM,OAAO,iBAAiB;EACpC,IAAI,KAAK,IAAI,YAAY;EAEzB,QAAQ,kBAAkB,OAAO;EAEjC,OAAO;;CAIT,OAAO"}

package/dist/composables/{renderContext.mjs → renderContext.js}

@@ -1,6 +1,6 @@
 //#region src/composables/renderContext.ts
 const RenderContextKey = Symbol("RenderContext");
-
 //#endregion
 export { RenderContextKey };
-//# sourceMappingURL=renderContext.mjs.map
+
+//# sourceMappingURL=renderContext.js.map

package/dist/composables/renderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderContext.js","names":[],"sources":["../../src/composables/renderContext.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { MaizzleConfig } from '../types/index.ts'\nimport type { EventName, EventMap } from '../events/index.ts'\nimport type { UsePlaintextOptions } from './usePlaintext.ts'\n\nexport interface FontRegistration {\n  family: string\n  slug: string\n  declaration: string\n  url: string\n}\n\nexport interface TailwindBlock {\n  id: string\n  /** Optional raw CSS from the component's `#config` slot. */\n  css?: string\n}\n\nexport interface RenderContext {\n  doctype?: string\n  preheader?: { text: string; fillerCount: number; shyCount: number }\n  sfcConfig?: MaizzleConfig\n  sfcEventHandlers: Array<{ name: EventName; handler: EventMap[EventName] }>\n  plaintext?: UsePlaintextOptions\n  fonts?: FontRegistration[]\n  tailwindBlocks?: TailwindBlock[]\n}\n\nexport const RenderContextKey: InjectionKey<RenderContext> = Symbol('RenderContext')\n"],"mappings":";AA4BA,MAAa,mBAAgD,OAAO,gBAAgB"}

package/dist/composables/useBaseUrl.d.ts

@@ -0,0 +1,19 @@
+import { UrlConfig } from "../types/config.js";
+//#region src/composables/useBaseUrl.d.ts
+/**
+ * Set the base URL for the current email template — same as
+ * `config.url.base`, scoped to one SFC.
+ *
+ * Pass a string to prepend to all default tags/attributes, or an object
+ * for fine-grained control (which tags/attributes, style tags, etc.).
+ *
+ * Usage in SFC <script setup>:
+ * ```ts
+ * useBaseUrl('https://cdn.example.com/emails/')
+ * useBaseUrl({ url: 'https://cdn.example.com/', styleTag: true })
+ * ```
+ */
+declare function useBaseUrl(value: UrlConfig['base']): void;
+//#endregion
+export { useBaseUrl };
+//# sourceMappingURL=useBaseUrl.d.ts.map

package/dist/composables/useBaseUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBaseUrl.d.ts","names":[],"sources":["../../src/composables/useBaseUrl.ts"],"mappings":";;;;;AAkBA;;;;;;;;;;iBAAgB,UAAA,CAAW,KAAA,EAAO,SAAA"}

package/dist/composables/useBaseUrl.js

@@ -0,0 +1,26 @@
+import { RenderContextKey } from "./renderContext.js";
+import { defu as defu$1 } from "defu";
+import { inject } from "vue";
+//#region src/composables/useBaseUrl.ts
+/**
+* Set the base URL for the current email template — same as
+* `config.url.base`, scoped to one SFC.
+*
+* Pass a string to prepend to all default tags/attributes, or an object
+* for fine-grained control (which tags/attributes, style tags, etc.).
+*
+* Usage in SFC <script setup>:
+* ```ts
+* useBaseUrl('https://cdn.example.com/emails/')
+* useBaseUrl({ url: 'https://cdn.example.com/', styleTag: true })
+* ```
+*/
+function useBaseUrl(value) {
+	const ctx = inject(RenderContextKey);
+	if (!ctx) return;
+	ctx.sfcConfig = defu$1({ url: { base: value } }, ctx.sfcConfig ?? {});
+}
+//#endregion
+export { useBaseUrl };
+
+//# sourceMappingURL=useBaseUrl.js.map

package/dist/composables/useBaseUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBaseUrl.js","names":["merge"],"sources":["../../src/composables/useBaseUrl.ts"],"sourcesContent":["import { inject } from 'vue'\nimport { defu as merge } from 'defu'\nimport { RenderContextKey } from './renderContext.ts'\nimport type { UrlConfig } from '../types/index.ts'\n\n/**\n * Set the base URL for the current email template — same as\n * `config.url.base`, scoped to one SFC.\n *\n * Pass a string to prepend to all default tags/attributes, or an object\n * for fine-grained control (which tags/attributes, style tags, etc.).\n *\n * Usage in SFC <script setup>:\n * ```ts\n * useBaseUrl('https://cdn.example.com/emails/')\n * useBaseUrl({ url: 'https://cdn.example.com/', styleTag: true })\n * ```\n */\nexport function useBaseUrl(value: UrlConfig['base']): void {\n  const ctx = inject(RenderContextKey)\n  if (!ctx) return\n  ctx.sfcConfig = merge({ url: { base: value } }, ctx.sfcConfig ?? {})\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,SAAgB,WAAW,OAAgC;CACzD,MAAM,MAAM,OAAO,iBAAiB;CACpC,IAAI,CAAC,KAAK;CACV,IAAI,YAAYA,OAAM,EAAE,KAAK,EAAE,MAAM,OAAO,EAAE,EAAE,IAAI,aAAa,EAAE,CAAC"}

package/dist/composables/{useConfig.mjs → useConfig.js}

@@ -1,5 +1,4 @@
 import { inject } from "vue";
-
 //#region src/composables/useConfig.ts
 const MaizzleConfigKey = Symbol("MaizzleConfig");
 function useConfig() {
@@ -7,7 +6,7 @@ function useConfig() {
 	if (!config) throw new Error("useConfig() requires the Maizzle plugin to provide config. Make sure you are using it inside a Maizzle template.");
 	return config;
 }
-
 //#endregion
 export { MaizzleConfigKey, useConfig };
-//# sourceMappingURL=useConfig.mjs.map
+
+//# sourceMappingURL=useConfig.js.map

package/dist/composables/useConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfig.js","names":[],"sources":["../../src/composables/useConfig.ts"],"sourcesContent":["import { inject } from 'vue'\nimport type { InjectionKey } from 'vue'\nimport type { MaizzleConfig } from '../types/index.ts'\n\nexport const MaizzleConfigKey: InjectionKey<MaizzleConfig> = Symbol('MaizzleConfig')\n\nexport function useConfig(): MaizzleConfig {\n  const config = inject(MaizzleConfigKey)\n\n  if (!config) {\n    throw new Error('useConfig() requires the Maizzle plugin to provide config. Make sure you are using it inside a Maizzle template.')\n  }\n\n  return config\n}\n"],"mappings":";;AAIA,MAAa,mBAAgD,OAAO,gBAAgB;AAEpF,SAAgB,YAA2B;CACzC,MAAM,SAAS,OAAO,iBAAiB;CAEvC,IAAI,CAAC,QACH,MAAM,IAAI,MAAM,mHAAmH;CAGrI,OAAO"}

package/dist/composables/{useDoctype.mjs → useDoctype.js}

@@ -1,6 +1,5 @@
-import { RenderContextKey } from "./renderContext.mjs";
+import { RenderContextKey } from "./renderContext.js";
 import { inject } from "vue";
-
 //#region src/composables/useDoctype.ts
 /**
 * Set the doctype for the current email template.
@@ -14,7 +13,7 @@ function useDoctype(doctype) {
 	const ctx = inject(RenderContextKey);
 	if (ctx) ctx.doctype = doctype;
 }
-
 //#endregion
 export { useDoctype };
-//# sourceMappingURL=useDoctype.mjs.map
+
+//# sourceMappingURL=useDoctype.js.map

package/dist/composables/useDoctype.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDoctype.js","names":[],"sources":["../../src/composables/useDoctype.ts"],"sourcesContent":["import { inject } from 'vue'\nimport { RenderContextKey } from './renderContext.ts'\n\n/**\n * Set the doctype for the current email template.\n *\n * Usage in SFC <script setup>:\n * ```ts\n * useDoctype('<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">')\n * ```\n */\nexport function useDoctype(doctype: string): void {\n  const ctx = inject(RenderContextKey)\n  if (ctx) ctx.doctype = doctype\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,WAAW,SAAuB;CAChD,MAAM,MAAM,OAAO,iBAAiB;CACpC,IAAI,KAAK,IAAI,UAAU"}

package/dist/composables/{useEvent.mjs → useEvent.js}

@@ -1,6 +1,5 @@
-import { RenderContextKey } from "./renderContext.mjs";
+import { RenderContextKey } from "./renderContext.js";
 import { inject } from "vue";
-
 //#region src/composables/useEvent.ts
 /**
 * Register an event handler from within an SFC's <script setup>.
@@ -19,7 +18,7 @@ function useEvent(name, handler) {
 		handler
 	});
 }
-
 //#endregion
 export { useEvent };
-//# sourceMappingURL=useEvent.mjs.map
+
+//# sourceMappingURL=useEvent.js.map

package/dist/composables/useEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEvent.js","names":[],"sources":["../../src/composables/useEvent.ts"],"sourcesContent":["import { inject } from 'vue'\nimport { RenderContextKey } from './renderContext.ts'\nimport type { EventName, EventMap } from '../events/index.ts'\n\n/**\n * Register an event handler from within an SFC's <script setup>.\n *\n * Usage:\n * ```ts\n * useEvent('beforeRender', ({ config, template }) => {\n *   return template.replace('foo', 'bar')\n * })\n * ```\n */\nexport function useEvent<K extends EventName>(name: K, handler: EventMap[K]) {\n  const ctx = inject(RenderContextKey)\n  if (ctx) ctx.sfcEventHandlers.push({ name, handler })\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAgB,SAA8B,MAAS,SAAsB;CAC3E,MAAM,MAAM,OAAO,iBAAiB;CACpC,IAAI,KAAK,IAAI,iBAAiB,KAAK;EAAE;EAAM;EAAS,CAAC"}

package/dist/composables/{useFont.mjs → useFont.js}

@@ -1,6 +1,5 @@
-import { RenderContextKey } from "./renderContext.mjs";
+import { RenderContextKey } from "./renderContext.js";
 import { inject } from "vue";
-
 //#region src/composables/useFont.ts
 const FAMILY_CATEGORIES = {
 	"Roboto": "sans",
@@ -87,7 +86,7 @@ function useFont(options) {
 		url
 	});
 }
-
 //#endregion
 export { useFont };
-//# sourceMappingURL=useFont.mjs.map
+
+//# sourceMappingURL=useFont.js.map

package/dist/composables/useFont.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFont.js","names":[],"sources":["../../src/composables/useFont.ts"],"sourcesContent":["import { inject } from 'vue'\nimport { RenderContextKey } from './renderContext.ts'\n\ntype FontCategory = 'sans' | 'serif' | 'mono' | 'display' | 'handwriting'\n\nconst FAMILY_CATEGORIES: Record<string, FontCategory> = {\n  // Sans-serif\n  'Roboto': 'sans',\n  'Open Sans': 'sans',\n  'Inter': 'sans',\n  'Lato': 'sans',\n  'Montserrat': 'sans',\n  // Serif\n  'Merriweather': 'serif',\n  'Playfair Display': 'serif',\n  'Lora': 'serif',\n  'PT Serif': 'serif',\n  'Noto Serif': 'serif',\n  // Display\n  'Oswald': 'display',\n  'Bebas Neue': 'display',\n  'Anton': 'display',\n  'Lobster': 'display',\n  'Pacifico': 'display',\n  // Handwriting\n  'Dancing Script': 'handwriting',\n  'Caveat': 'handwriting',\n  'Shadows Into Light': 'handwriting',\n  'Satisfy': 'handwriting',\n  'Great Vibes': 'handwriting',\n  // Monospace\n  'Roboto Mono': 'mono',\n  'Source Code Pro': 'mono',\n  'JetBrains Mono': 'mono',\n  'Fira Code': 'mono',\n  'Inconsolata': 'mono',\n}\n\nconst DEFAULT_FALLBACKS: Record<FontCategory, string> = {\n  sans: 'ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif',\n  serif: 'ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif',\n  mono: 'ui-monospace, Menlo, Consolas, monospace',\n  display: 'Impact, \"Arial Black\", system-ui, sans-serif',\n  handwriting: '\"Segoe Script\", \"Brush Script MT\", cursive',\n}\n\nexport type FontProvider = 'google' | 'bunny'\n\nexport interface UseFontOptions {\n  /**\n   * A single font family name, e.g. `\"Roboto\"` or `\"Open Sans\"`.\n   *\n   * For fallback fonts, use the `fallback` option instead of a\n   * comma-separated list here.\n   */\n  family: string\n  /** CSS fallback list appended to the `font-family` declaration. */\n  fallback?: string\n  /**\n   * Font provider used to build the stylesheet URL when `url` is omitted.\n   * Bunny Fonts is a drop-in, privacy-friendly Google Fonts mirror.\n   * @default 'google'\n   */\n  provider?: FontProvider\n  /**\n   * Stylesheet URL. When provided, used as-is for the `<link href>`.\n   * When omitted, a URL is built from `provider`, `family`, `weights`,\n   * `display` and `styles`.\n   */\n  url?: string\n  /** Font weights to load. Ignored when `url` is provided. */\n  weights?: number[]\n  /** `font-display` value. Ignored when `url` is provided. */\n  display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional'\n  /** Font styles to load. Ignored when `url` is provided. */\n  styles?: Array<'normal' | 'italic'>\n}\n\nconst PROVIDER_BASE_URL: Record<FontProvider, string> = {\n  google: 'https://fonts.googleapis.com/css2',\n  bunny: 'https://fonts.bunny.net/css2',\n}\n\nfunction slugify(family: string): string {\n  return family\n    .trim()\n    .toLowerCase()\n    .replace(/\\s+/g, '-')\n    .replace(/[^a-z0-9-]/g, '')\n}\n\nfunction buildProviderUrl(opts: Required<Omit<UseFontOptions, 'url' | 'fallback'>>): string {\n  const familyParam = opts.family.trim().replace(/\\s+/g, '+')\n  const weights = [...opts.weights].sort((a, b) => a - b)\n  const hasItalic = opts.styles.includes('italic')\n  const hasNormal = opts.styles.includes('normal')\n\n  const axis = hasItalic\n    ? `:ital,wght@${weights.flatMap(w => [\n        ...(hasNormal ? [`0,${w}`] : []),\n        `1,${w}`,\n      ]).join(';')}`\n    : `:wght@${weights.join(';')}`\n\n  return `${PROVIDER_BASE_URL[opts.provider]}?family=${familyParam}${axis}&display=${opts.display}`\n}\n\n/**\n * Register a font for the current email template.\n *\n * Builds a Google Fonts stylesheet URL from `family`/`weights`/`display`/`styles`\n * (or uses `url` as-is). The renderer injects a `<link>` tag into `<head>`\n * and merges `--font-{slug}` declarations into the template's existing\n * `@import \"tailwindcss\"` style block so a `font-{slug}` utility class\n * is generated. If no Tailwind import is found, falls back to a `:root`\n * declaration so the CSS variable is still available.\n *\n * Usage in SFC <script setup>:\n * ```ts\n * useFont({ family: 'Roboto', fallback: 'Verdana, sans-serif', weights: [400, 600] })\n * ```\n */\nexport function useFont(options: UseFontOptions): void {\n  const ctx = inject(RenderContextKey)\n  if (!ctx) return\n\n  ctx.fonts = ctx.fonts ?? []\n  if (ctx.fonts.some(f => f.family === options.family)) return\n\n  const url = options.url ?? buildProviderUrl({\n    family: options.family,\n    provider: options.provider ?? 'google',\n    weights: options.weights ?? [400],\n    display: options.display ?? 'swap',\n    styles: options.styles ?? ['normal'],\n  })\n\n  const fallback = options.fallback\n    ?? DEFAULT_FALLBACKS[FAMILY_CATEGORIES[options.family] ?? 'sans']\n  const quoted = /\\s/.test(options.family) ? `\"${options.family}\"` : options.family\n  const declaration = `${quoted}, ${fallback}`\n\n  ctx.fonts.push({\n    family: options.family,\n    slug: slugify(options.family),\n    declaration,\n    url,\n  })\n}\n"],"mappings":";;;AAKA,MAAM,oBAAkD;CAEtD,UAAU;CACV,aAAa;CACb,SAAS;CACT,QAAQ;CACR,cAAc;CAEd,gBAAgB;CAChB,oBAAoB;CACpB,QAAQ;CACR,YAAY;CACZ,cAAc;CAEd,UAAU;CACV,cAAc;CACd,SAAS;CACT,WAAW;CACX,YAAY;CAEZ,kBAAkB;CAClB,UAAU;CACV,sBAAsB;CACtB,WAAW;CACX,eAAe;CAEf,eAAe;CACf,mBAAmB;CACnB,kBAAkB;CAClB,aAAa;CACb,eAAe;CAChB;AAED,MAAM,oBAAkD;CACtD,MAAM;CACN,OAAO;CACP,MAAM;CACN,SAAS;CACT,aAAa;CACd;AAkCD,MAAM,oBAAkD;CACtD,QAAQ;CACR,OAAO;CACR;AAED,SAAS,QAAQ,QAAwB;CACvC,OAAO,OACJ,MAAM,CACN,aAAa,CACb,QAAQ,QAAQ,IAAI,CACpB,QAAQ,eAAe,GAAG;;AAG/B,SAAS,iBAAiB,MAAkE;CAC1F,MAAM,cAAc,KAAK,OAAO,MAAM,CAAC,QAAQ,QAAQ,IAAI;CAC3D,MAAM,UAAU,CAAC,GAAG,KAAK,QAAQ,CAAC,MAAM,GAAG,MAAM,IAAI,EAAE;CACvD,MAAM,YAAY,KAAK,OAAO,SAAS,SAAS;CAChD,MAAM,YAAY,KAAK,OAAO,SAAS,SAAS;CAEhD,MAAM,OAAO,YACT,cAAc,QAAQ,SAAQ,MAAK,CACjC,GAAI,YAAY,CAAC,KAAK,IAAI,GAAG,EAAE,EAC/B,KAAK,IACN,CAAC,CAAC,KAAK,IAAI,KACZ,SAAS,QAAQ,KAAK,IAAI;CAE9B,OAAO,GAAG,kBAAkB,KAAK,UAAU,UAAU,cAAc,KAAK,WAAW,KAAK;;;;;;;;;;;;;;;;;AAkB1F,SAAgB,QAAQ,SAA+B;CACrD,MAAM,MAAM,OAAO,iBAAiB;CACpC,IAAI,CAAC,KAAK;CAEV,IAAI,QAAQ,IAAI,SAAS,EAAE;CAC3B,IAAI,IAAI,MAAM,MAAK,MAAK,EAAE,WAAW,QAAQ,OAAO,EAAE;CAEtD,MAAM,MAAM,QAAQ,OAAO,iBAAiB;EAC1C,QAAQ,QAAQ;EAChB,UAAU,QAAQ,YAAY;EAC9B,SAAS,QAAQ,WAAW,CAAC,IAAI;EACjC,SAAS,QAAQ,WAAW;EAC5B,QAAQ,QAAQ,UAAU,CAAC,SAAS;EACrC,CAAC;CAEF,MAAM,WAAW,QAAQ,YACpB,kBAAkB,kBAAkB,QAAQ,WAAW;CAE5D,MAAM,cAAc,GADL,KAAK,KAAK,QAAQ,OAAO,GAAG,IAAI,QAAQ,OAAO,KAAK,QAAQ,OAC7C,IAAI;CAElC,IAAI,MAAM,KAAK;EACb,QAAQ,QAAQ;EAChB,MAAM,QAAQ,QAAQ,OAAO;EAC7B;EACA;EACD,CAAC"}

package/dist/composables/{useOutlookFallback.mjs → useOutlookFallback.js}

@@ -1,5 +1,4 @@
 import { inject, provide } from "vue";
-
 //#region src/composables/useOutlookFallback.ts
 const OutlookFallbackKey = Symbol("OutlookFallback");
 /**
@@ -24,7 +23,7 @@ function useOutlookFallback(value) {
 	provide(OutlookFallbackKey, enabled);
 	return enabled;
 }
-
 //#endregion
 export { useOutlookFallback };
-//# sourceMappingURL=useOutlookFallback.mjs.map
+
+//# sourceMappingURL=useOutlookFallback.js.map

package/dist/composables/useOutlookFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutlookFallback.js","names":[],"sources":["../../src/composables/useOutlookFallback.ts"],"sourcesContent":["import { inject, provide, type InjectionKey } from 'vue'\n\nconst OutlookFallbackKey: InjectionKey<boolean> = Symbol('OutlookFallback')\n\n/**\n * Toggle whether descendants emit Outlook (MSO) and VML fallback markup.\n *\n * Call once in a Layout/template's `<script setup>` to disable for the\n * whole tree:\n *   `useOutlookFallback(false)`\n *\n * Components inheriting `false` skip MSO ghost tables, VML rectangles,\n * `xmlns:v`/`xmlns:o`, mso-specific CSS, and Button's `<Outlook>`\n * spacers. Each MSO-aware component still accepts an `outlook-fallback`\n * prop that overrides inheritance for its subtree.\n *\n * @param value Pass `true`/`false` to set; omit to just read the\n *              inherited value (defaults to `true` at the root).\n * @returns The resolved boolean for the current component.\n */\nexport function useOutlookFallback(value?: boolean | null): boolean {\n  const inherited = inject(OutlookFallbackKey, true)\n  const enabled = value == null ? inherited : value\n  provide(OutlookFallbackKey, enabled)\n  return enabled\n}\n"],"mappings":";;AAEA,MAAM,qBAA4C,OAAO,kBAAkB;;;;;;;;;;;;;;;;;AAkB3E,SAAgB,mBAAmB,OAAiC;CAClE,MAAM,YAAY,OAAO,oBAAoB,KAAK;CAClD,MAAM,UAAU,SAAS,OAAO,YAAY;CAC5C,QAAQ,oBAAoB,QAAQ;CACpC,OAAO"}

package/dist/composables/usePlaintext.d.ts

@@ -2,6 +2,7 @@
 interface UsePlaintextOptions {
   extension?: string;
   destination?: string;
+  options?: Record<string, unknown>;
 }
 /**
  * Enable plaintext generation for the current email template.
@@ -11,6 +12,7 @@ interface UsePlaintextOptions {
  * usePlaintext()
  * usePlaintext({ extension: 'text' })
  * usePlaintext({ destination: '/custom/path' })
+ * usePlaintext({ options: { ignoreTags: ['br'] } })
  * ```
  */
 declare function usePlaintext(options?: UsePlaintextOptions): void;

package/dist/composables/usePlaintext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePlaintext.d.ts","names":[],"sources":["../../src/composables/usePlaintext.ts"],"mappings":";UAGiB,mBAAA;EACf,SAAA;EACA,WAAA;AAAA;;;AAaF;;;;;;;;iBAAgB,YAAA,CAAa,OAAA,GAAU,mBAAA"}
+{"version":3,"file":"usePlaintext.d.ts","names":[],"sources":["../../src/composables/usePlaintext.ts"],"mappings":";UAGiB,mBAAA;EACf,SAAA;EACA,WAAA;EACA,OAAA,GAAU,MAAA;AAAA;;;;;;;AAcZ;;;;;iBAAgB,YAAA,CAAa,OAAA,GAAU,mBAAA"}