@skhema/embed 0.1.10 → 0.1.11

package/dist/{index-DBeyneZT.cjs → index-B8ZF3snD.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const validation = require("./validation-DCw9rQeH.cjs");
+const tokens = require("./tokens-BxpYMhDq.cjs");
 const BRAND_PINK = "#cd476a";
 function hexToRgb(hex) {
   const h = hex.replace("#", "");
@@ -122,14 +122,14 @@ function humaniseContributorId(contributorId) {
   return contributorId.split(/[_-]/).map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
 }
 function resolveBadgePalette(componentType, theme) {
-  const surface = validation.CARD_PALETTE[theme].cardBg;
-  const colors = validation.COMPONENT_COLORS[componentType];
+  const surface = tokens.CARD_PALETTE[theme].cardBg;
+  const colors = tokens.COMPONENT_COLORS[componentType];
   if (!colors) {
     return {
       badgeBg: surface,
-      badgeText: validation.PRIMARY_HEX,
-      badgeBorder: validation.PRIMARY_HEX,
-      topBorder: validation.PRIMARY_HEX
+      badgeText: tokens.PRIMARY_HEX,
+      badgeBorder: tokens.PRIMARY_HEX,
+      topBorder: tokens.PRIMARY_HEX
     };
   }
   const text = oklchToHex(colors.text);
@@ -151,36 +151,36 @@ function renderAuthorHtml(author, mutedColor) {
     label = `By ${escapeHtml(humaniseContributorId(author.contributorId.trim()))}`;
   }
   if (!label) return " ";
-  return `<span style="display:inline-block;width:14px;height:14px;vertical-align:middle;color:${mutedColor};">${validation.USER_ICON_SVG}</span><span style="vertical-align:middle;padding-left:6px;">${label}</span>`;
+  return `<span style="display:inline-block;width:14px;height:14px;vertical-align:middle;color:${mutedColor};">${tokens.USER_ICON_SVG}</span><span style="vertical-align:middle;padding-left:6px;">${label}</span>`;
 }
 function renderFooter(saveUrl, author, theme) {
-  const p = validation.CARD_PALETTE[theme];
+  const p = tokens.CARD_PALETTE[theme];
   return `<tr><td style="padding:12px 16px;border-top:1px solid ${p.border};"><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="width:100%;border-collapse:collapse;"><tr><td style="vertical-align:middle;"><span style="font-size:12px;color:${p.textMuted};">${renderAuthorHtml(
     author,
     p.textMuted
-  )}</span></td><td style="text-align:right;vertical-align:middle;white-space:nowrap;"><a href="${escapeAttr(saveUrl)}" class="skhema-save-btn" target="_blank" rel="noopener noreferrer" title="Save this to Skhema" style="display:inline-block;background:${validation.PRIMARY_HEX};color:#ffffff;font-size:12px;font-weight:500;text-decoration:none;padding:6px 14px;border-radius:${validation.CARD_RADIUS};white-space:nowrap;">Save to Skhema &rarr;</a></td></tr></table><div style="font-size:11px;line-height:1.4;color:${p.textMuted};margin-top:8px;">Strategy powered by <a href="https://skhema.com" style="color:${p.textMuted};text-decoration:underline;" target="_blank" rel="noopener noreferrer">Skhema</a></div></td></tr>`;
+  )}</span></td><td style="text-align:right;vertical-align:middle;white-space:nowrap;"><a href="${escapeAttr(saveUrl)}" class="skhema-save-btn" target="_blank" rel="noopener noreferrer" title="Save this to Skhema" style="display:inline-block;background:${tokens.PRIMARY_HEX};color:#ffffff;font-size:12px;font-weight:500;text-decoration:none;padding:6px 14px;border-radius:${tokens.CARD_RADIUS};white-space:nowrap;">Save to Skhema &rarr;</a></td></tr></table><div style="font-size:11px;line-height:1.4;color:${p.textMuted};margin-top:8px;">Strategy powered by <a href="https://skhema.com" style="color:${p.textMuted};text-decoration:underline;" target="_blank" rel="noopener noreferrer">Skhema</a></div></td></tr>`;
 }
 function renderHeader(badge, acronym, typeLabel, labelColor, theme, title) {
-  const p = validation.CARD_PALETTE[theme];
+  const p = tokens.CARD_PALETTE[theme];
   const titleHtml = title ? `<span style="color:${p.textMuted};"> &mdash; </span><span style="font-weight:600;color:${p.text};">${escapeHtml(
     title
   )}</span>` : "";
-  return `<tr><td style="padding:12px 16px;border-bottom:1px solid ${p.border};"><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="width:100%;border-collapse:collapse;"><tr><td style="width:1%;white-space:nowrap;padding-right:8px;vertical-align:middle;"><span class="skhema-acronym-badge" title="${escapeAttr(typeLabel)}" style="display:inline-block;font-family:${validation.MONO_STACK};font-size:10px;font-weight:600;letter-spacing:0.02em;padding:2px 6px;border-radius:2px;background:${badge.badgeBg};color:${badge.badgeText};border:1px solid ${badge.badgeBorder};">${escapeHtml(
+  return `<tr><td style="padding:12px 16px;border-bottom:1px solid ${p.border};"><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="width:100%;border-collapse:collapse;"><tr><td style="width:1%;white-space:nowrap;padding-right:8px;vertical-align:middle;"><span class="skhema-acronym-badge" title="${escapeAttr(typeLabel)}" style="display:inline-block;font-family:${tokens.MONO_STACK};font-size:10px;font-weight:600;letter-spacing:0.02em;padding:2px 6px;border-radius:2px;background:${badge.badgeBg};color:${badge.badgeText};border:1px solid ${badge.badgeBorder};">${escapeHtml(
     acronym
   )}</span></td><td style="vertical-align:middle;"><span style="font-size:13px;font-weight:500;color:${labelColor};">${escapeHtml(
     typeLabel
   )}${titleHtml}</span></td></tr></table></td></tr>`;
 }
 function cardOpen(theme, kind) {
-  const p = validation.CARD_PALETTE[theme];
-  return `<table role="presentation" cellpadding="0" cellspacing="0" border="0" class="skhema-card" data-skhema-kind="${kind}" data-theme="${theme}" style="width:100%;max-width:600px;border-collapse:separate;background:${p.cardBg};border:1px solid ${p.border};border-radius:${validation.CARD_RADIUS};box-shadow:${validation.CARD_SHADOW};overflow:hidden;margin:8px 0;font-family:${validation.FONT_STACK};line-height:1.5;color:${p.text};">`;
+  const p = tokens.CARD_PALETTE[theme];
+  return `<table role="presentation" cellpadding="0" cellspacing="0" border="0" class="skhema-card" data-skhema-kind="${kind}" data-theme="${theme}" style="width:100%;max-width:600px;border-collapse:separate;background:${p.cardBg};border:1px solid ${p.border};border-radius:${tokens.CARD_RADIUS};box-shadow:${tokens.CARD_SHADOW};overflow:hidden;margin:8px 0;font-family:${tokens.FONT_STACK};line-height:1.5;color:${p.text};">`;
 }
 function renderElementCardHtml(data) {
   const theme = data.theme ?? "light";
-  const p = validation.CARD_PALETTE[theme];
-  const label = validation.getElementTypeLabel(data.elementType);
-  const componentType = validation.resolveComponentType(data.elementType);
-  const acronym = validation.getComponentTypeAcronym(componentType);
+  const p = tokens.CARD_PALETTE[theme];
+  const label = tokens.getElementTypeLabel(data.elementType);
+  const componentType = tokens.resolveComponentType(data.elementType);
+  const acronym = tokens.getComponentTypeAcronym(componentType);
   const badge = resolveBadgePalette(componentType, theme);
   return cardOpen(theme, "element") + renderHeader(badge, acronym, label, p.text, theme) + `<tr><td style="padding:16px;"><div style="font-size:15px;line-height:1.6;color:${p.text};word-wrap:break-word;overflow-wrap:break-word;">${sanitizeContent(
     data.content
@@ -188,9 +188,9 @@ function renderElementCardHtml(data) {
 }
 function renderComponentCardHtml(data) {
   const theme = data.theme ?? "light";
-  const p = validation.CARD_PALETTE[theme];
-  const label = validation.getComponentTypeLabel(data.componentType);
-  const acronym = validation.getComponentTypeAcronym(data.componentType);
+  const p = tokens.CARD_PALETTE[theme];
+  const label = tokens.getComponentTypeLabel(data.componentType);
+  const acronym = tokens.getComponentTypeAcronym(data.componentType);
   const badge = resolveBadgePalette(data.componentType, theme);
   const groups = /* @__PURE__ */ new Map();
   for (const el of data.elements) {
@@ -199,8 +199,8 @@ function renderComponentCardHtml(data) {
     else groups.set(el.elementType, [el.content]);
   }
   const groupsHtml = Array.from(groups.entries()).map(
-    ([elementType, contents]) => `<div style="margin-bottom:16px;"><div style="text-transform:uppercase;letter-spacing:0.05em;font-family:${validation.MONO_STACK};font-size:10px;font-weight:600;color:${p.textMuted};margin:0 0 4px;">${escapeHtml(
-      validation.getElementTypeLabel(elementType)
+    ([elementType, contents]) => `<div style="margin-bottom:16px;"><div style="text-transform:uppercase;letter-spacing:0.05em;font-family:${tokens.MONO_STACK};font-size:10px;font-weight:600;color:${p.textMuted};margin:0 0 4px;">${escapeHtml(
+      tokens.getElementTypeLabel(elementType)
     )}</div>` + contents.map(
       (content) => `<div style="font-size:14px;line-height:1.6;color:${p.text};padding-left:8px;border-left:2px solid ${p.border};word-wrap:break-word;overflow-wrap:break-word;">${sanitizeContent(
         content
@@ -212,4 +212,4 @@ function renderComponentCardHtml(data) {
 exports.renderComponentCardHtml = renderComponentCardHtml;
 exports.renderElementCardHtml = renderElementCardHtml;
 exports.validateContentSecurity = validateContentSecurity;
-//# sourceMappingURL=index-DBeyneZT.cjs.map
+//# sourceMappingURL=index-B8ZF3snD.cjs.map

package/dist/index-B8ZF3snD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-B8ZF3snD.cjs","sources":["../src/utils/color.ts","../src/utils/sanitization.ts","../src/render/index.ts"],"sourcesContent":["/**\n * DOM-free colour utilities for the email-safe card renderer.\n *\n * The card palette (`COMPONENT_COLORS`) is authored in `oklch()` for the live\n * browser embed, but email clients can't parse `oklch()` and `<style>` is\n * stripped, so every colour must be a pre-computed sRGB hex with all styles\n * inlined. This converts a single `oklch(...)` token to hex, compositing any\n * alpha over a flat background (white for light cards, the dark card surface\n * for dark cards) so the result is opaque and email-safe.\n *\n * This is the single source of the conversion that `sk comms curated` and the\n * `CuratedElements` email template previously duplicated.\n */\n\n/** Brand pink (hsl(344 57% 54%)) — fallback when a component palette is missing. */\nexport const BRAND_PINK = '#cd476a'\n\nfunction hexToRgb(hex: string): [number, number, number] {\n  const h = hex.replace('#', '')\n  return [\n    parseInt(h.slice(0, 2), 16),\n    parseInt(h.slice(2, 4), 16),\n    parseInt(h.slice(4, 6), 16),\n  ]\n}\n\n/**\n * Convert a single `oklch(...)` token to an email-safe sRGB hex. When the token\n * carries an alpha (e.g. the badge `bg` @ 0.15 / `border` @ 0.3), the colour is\n * composited over `overHex` so the result is a flat opaque hex.\n *\n * @param token  An `oklch(L C H)` or `oklch(L C H / A)` string.\n * @param overHex The flat background to composite alpha over (default white).\n */\nexport function oklchToHex(token: string, overHex = '#ffffff'): string {\n  const m = token.match(\n    /oklch\\(\\s*([\\d.]+)\\s+([\\d.]+)\\s+([\\d.]+)\\s*(?:\\/\\s*([\\d.]+)\\s*)?\\)/\n  )\n  if (!m) return BRAND_PINK\n  const L = parseFloat(m[1])\n  const C = parseFloat(m[2])\n  const H = parseFloat(m[3])\n  const alpha = m[4] !== undefined ? parseFloat(m[4]) : 1\n  const h = (H * Math.PI) / 180\n  const a = C * Math.cos(h)\n  const b = C * Math.sin(h)\n  const l_ = L + 0.3963377774 * a + 0.2158037573 * b\n  const m_ = L - 0.1055613458 * a - 0.0638541728 * b\n  const s_ = L - 0.0894841775 * a - 1.291485548 * b\n  const lr = l_ ** 3\n  const mr = m_ ** 3\n  const sr = s_ ** 3\n  const R = 4.0767416621 * lr - 3.3077115913 * mr + 0.2309699292 * sr\n  const G = -1.2684380046 * lr + 2.6097574011 * mr - 0.3413193965 * sr\n  const B = -0.0041960863 * lr - 0.7034186147 * mr + 1.707614701 * sr\n  const gamma = (x: number): number => {\n    const c = Math.max(0, Math.min(1, x))\n    return c <= 0.0031308 ? 12.92 * c : 1.055 * Math.pow(c, 1 / 2.4) - 0.055\n  }\n  let rgb = [gamma(R) * 255, gamma(G) * 255, gamma(B) * 255]\n  if (alpha < 1) {\n    const [br, bg, bb] = hexToRgb(overHex)\n    rgb = [\n      rgb[0] * alpha + br * (1 - alpha),\n      rgb[1] * alpha + bg * (1 - alpha),\n      rgb[2] * alpha + bb * (1 - alpha),\n    ]\n  }\n  return (\n    '#' + rgb.map((c) => Math.round(c).toString(16).padStart(2, '0')).join('')\n  )\n}\n","/**\n * Content sanitization utilities for Skhema cards.\n *\n * DOM-free by design: `sanitizeContent` is imported by the email-safe card\n * renderer (`@skhema/embed/render`), which must run in Node / email / CLI\n * runtimes with no `document`. Keep every export here free of DOM access at\n * call time (the legacy `stripHtml` below is the one exception and is not used\n * by the renderer).\n */\n\n/**\n * HTML entity encoding for basic XSS protection. Regex-based (no DOM) so it is\n * safe in non-browser runtimes. Escapes the text-context entities plus quotes.\n */\nfunction htmlEncode(str: string): string {\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n}\n\n/**\n * Sanitizes content to prevent XSS attacks and removes URLs\n * @param content The raw content to sanitize\n * @returns Sanitized HTML-safe content with URLs removed\n */\nexport function sanitizeContent(content: string): string {\n  // Strip URLs first\n  let sanitized = stripUrls(content)\n\n  // Encode all HTML entities to prevent script injection\n  sanitized = htmlEncode(sanitized)\n\n  // Preserve line breaks for readability\n  sanitized = sanitized.replace(/\\n/g, '<br>')\n\n  // Apply text wrapping rules for long text\n  sanitized = applyTextWrapping(sanitized)\n\n  return sanitized\n}\n\n/**\n * Strips all URLs from the content\n * @param text The text containing potential URLs\n * @returns Text with all URLs removed\n */\nfunction stripUrls(text: string): string {\n  // Comprehensive URL patterns to remove\n  const patterns = [\n    // Standard URLs with protocols\n    /https?:\\/\\/[^\\s<>\"{}|\\\\^`[\\]]+/gi,\n    // FTP URLs\n    /ftp:\\/\\/[^\\s<>\"{}|\\\\^`[\\]]+/gi,\n    // URLs without protocol but with www\n    /www\\.[^\\s<>\"{}|\\\\^`[\\]]+/gi,\n    // Email-like patterns\n    /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}/gi,\n    // Common domain patterns (anything.com, anything.org, etc.)\n    /(?:^|\\s)([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,}(?:\\/[^\\s]*)?/gi,\n  ]\n\n  let stripped = text\n  patterns.forEach((pattern) => {\n    stripped = stripped.replace(pattern, '')\n  })\n\n  // Clean up any multiple spaces left after URL removal\n  stripped = stripped.replace(/\\s+/g, ' ').trim()\n\n  return stripped\n}\n\n/**\n * Applies intelligent text wrapping to prevent layout breaking\n * @param text The text to apply wrapping rules to\n * @returns Text with appropriate wrapping hints\n */\nfunction applyTextWrapping(text: string): string {\n  // Split text into words\n  const words = text.split(/(\\s+)/)\n\n  return words\n    .map((word) => {\n      // Skip if it's whitespace or already contains HTML\n      if (/^\\s+$/.test(word) || word.includes('<')) {\n        return word\n      }\n\n      // For very long words (>30 chars), add word-break opportunities\n      if (word.length > 30) {\n        // Insert zero-width spaces every 10 characters for breaking\n        return word.replace(/(.{10})/g, '$1\\u200B')\n      }\n\n      return word\n    })\n    .join('')\n}\n\n/**\n * Validates if content contains potentially malicious patterns or URLs\n * @param content The content to validate\n * @returns Object with validation status and detected issues\n */\nexport function validateContentSecurity(content: string): {\n  isSecure: boolean\n  issues: string[]\n} {\n  const issues: string[] = []\n\n  // Check for script tags\n  if (/<script[\\s>]/i.test(content)) {\n    issues.push('Script tags detected')\n  }\n\n  // Check for event handlers\n  if (/on\\w+\\s*=/i.test(content)) {\n    issues.push('Event handlers detected')\n  }\n\n  // Check for javascript: protocol\n  if (/javascript:/i.test(content)) {\n    issues.push('JavaScript protocol detected')\n  }\n\n  // Check for data: URLs that could contain scripts\n  if (/data:[^,]*script/i.test(content)) {\n    issues.push('Data URL with script detected')\n  }\n\n  // Check for iframe tags\n  if (/<iframe[\\s>]/i.test(content)) {\n    issues.push('Iframe tags detected')\n  }\n\n  // Check for URLs (since we want to disallow them)\n  if (/https?:\\/\\//i.test(content) || /www\\./i.test(content)) {\n    issues.push('URLs detected in content')\n  }\n\n  return {\n    isSecure: issues.length === 0,\n    issues,\n  }\n}\n\n/**\n * Strips all HTML tags from content\n * @param content The content to strip\n * @returns Plain text content\n */\nexport function stripHtml(content: string): string {\n  const div = document.createElement('div')\n  div.innerHTML = content\n  return div.textContent || div.innerText || ''\n}\n\n/**\n * Checks if content contains any URLs\n * @param content The content to check\n * @returns True if URLs are found\n */\nexport function containsUrls(content: string): boolean {\n  const urlPatterns = [\n    /https?:\\/\\//i,\n    /ftp:\\/\\//i,\n    /www\\./i,\n    /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}/i,\n    /(?:^|\\s)([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,}(?:\\/[^\\s]*)?/i,\n  ]\n\n  return urlPatterns.some((pattern) => pattern.test(content))\n}\n","/**\n * `@skhema/embed/render` — the canonical, DOM-free source of truth for the\n * official Skhema element / component card HTML.\n *\n * `renderElementCardHtml(data)` / `renderComponentCardHtml(data)` return\n * EMAIL-SAFE HTML: a `role=\"presentation\"` table layout with every style\n * inlined as flat hex (no shadow DOM, no `<style>`, no `oklch()`, no CSS vars).\n * The same output is used three ways:\n *\n *   1. the live browser embed (`SkhemaElement` / `SkhemaComponent` inject it\n *      into shadow DOM and layer hover/transition CSS on top);\n *   2. the `CuratedElements` email template (injected verbatim); and\n *   3. any third-party / contributor email generator.\n *\n * The module is pure — importing it never touches the DOM, so it is safe in\n * Node, edge, and email build runtimes. It builds NO URLs: callers pass the\n * fully-formed `saveUrl` (e.g. the `/save` handoff) so each surface controls\n * its own UTM tagging.\n */\nimport type { ElementValue } from '../method-schema.js'\nimport {\n  CARD_PALETTE,\n  CARD_RADIUS,\n  CARD_SHADOW,\n  COMPONENT_COLORS,\n  FONT_STACK,\n  MONO_STACK,\n  PRIMARY_HEX,\n  USER_ICON_SVG,\n  type CardTheme,\n} from '../styles/design-tokens.js'\nimport { oklchToHex } from '../utils/color.js'\nimport {\n  getComponentTypeAcronym,\n  getComponentTypeLabel,\n  resolveComponentType,\n} from '../utils/component-validation.js'\nimport { sanitizeContent } from '../utils/sanitization.js'\nimport { getElementTypeLabel } from '../utils/validation.js'\n\n/* ------------------------------------------------------------------ *\n * Public data shapes (documented contract — see README \"render\")     *\n * ------------------------------------------------------------------ */\n\n/** Card theme. Email is always `'light'`; the browser embed passes the\n * detected page theme. Defaults to `'light'` when omitted. */\nexport type { CardTheme }\n\n/** Author attribution shared by both card kinds. */\ninterface AuthorFields {\n  /** Display name. When omitted, falls back to a humanised `contributorId`. */\n  authorName?: string | null\n  /** Public contributor slug — when present, the name links to the profile. */\n  authorSlug?: string | null\n  /** Contributor id, used only for the name fallback when `authorName` is unset. */\n  contributorId?: string | null\n}\n\n/** Input for {@link renderElementCardHtml}. */\nexport interface ElementCardData extends AuthorFields {\n  /** Skhema element type value, e.g. `\"key_challenge\"`. */\n  elementType: string\n  /** The element content / premise (plain text; sanitised + escaped here). */\n  content: string\n  /** Pre-built handoff URL for the \"Save to Skhema\" button. */\n  saveUrl: string\n  /** Card theme (default `'light'`). */\n  theme?: CardTheme\n}\n\n/** A single element row inside a component card. */\nexport interface ComponentCardElement {\n  elementType: string\n  content: string\n}\n\n/** Input for {@link renderComponentCardHtml}. */\nexport interface ComponentCardData extends AuthorFields {\n  /** Skhema component type value, e.g. `\"diagnosis\"`. */\n  componentType: string\n  /** Optional component title shown after a \"—\" separator in the header. */\n  title?: string | null\n  /** The component's elements, in display order. */\n  elements: ComponentCardElement[]\n  /** Pre-built handoff URL for the \"Save to Skhema\" button. */\n  saveUrl: string\n  /** Card theme (default `'light'`). */\n  theme?: CardTheme\n}\n\n/* ------------------------------------------------------------------ *\n * Internal helpers                                                   *\n * ------------------------------------------------------------------ */\n\nfunction escapeHtml(text: string): string {\n  return text\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n}\n\nfunction escapeAttr(text: string): string {\n  return escapeHtml(text).replace(/'/g, '&#39;')\n}\n\nfunction humaniseContributorId(contributorId: string): string {\n  return contributorId\n    .split(/[_-]/)\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join(' ')\n}\n\ninterface BadgePalette {\n  badgeBg: string\n  badgeText: string\n  badgeBorder: string\n  topBorder: string\n}\n\n/** Resolve the email-safe badge / top-border hex for a component type + theme. */\nfunction resolveBadgePalette(\n  componentType: string,\n  theme: CardTheme\n): BadgePalette {\n  const surface = CARD_PALETTE[theme].cardBg\n  const colors =\n    COMPONENT_COLORS[componentType as keyof typeof COMPONENT_COLORS]\n  if (!colors) {\n    return {\n      badgeBg: surface,\n      badgeText: PRIMARY_HEX,\n      badgeBorder: PRIMARY_HEX,\n      topBorder: PRIMARY_HEX,\n    }\n  }\n  const text = oklchToHex(colors.text)\n  return {\n    badgeBg: oklchToHex(colors.bg, surface),\n    badgeText: text,\n    badgeBorder: oklchToHex(colors.border, surface),\n    topBorder: text,\n  }\n}\n\n/** Contributor line inner HTML: person icon + \"By {author}\" (linked if slug). */\nfunction renderAuthorHtml(author: AuthorFields, mutedColor: string): string {\n  let label = ''\n  if (author.authorName && author.authorName.trim()) {\n    const name = escapeHtml(author.authorName.trim())\n    label = author.authorSlug\n      ? `By <a href=\"https://skhema.com/contributors/${encodeURIComponent(\n          author.authorSlug\n        )}\" style=\"color:${mutedColor};text-decoration:none;\" target=\"_blank\" rel=\"noopener noreferrer\">${name}</a>`\n      : `By ${name}`\n  } else if (author.contributorId && author.contributorId.trim()) {\n    label = `By ${escapeHtml(humaniseContributorId(author.contributorId.trim()))}`\n  }\n\n  if (!label) return '&nbsp;'\n\n  return (\n    `<span style=\"display:inline-block;width:14px;height:14px;vertical-align:middle;color:${mutedColor};\">${USER_ICON_SVG}</span>` +\n    `<span style=\"vertical-align:middle;padding-left:6px;\">${label}</span>`\n  )\n}\n\n/** The shared footer (contributor line + save button + attribution). */\nfunction renderFooter(\n  saveUrl: string,\n  author: AuthorFields,\n  theme: CardTheme\n): string {\n  const p = CARD_PALETTE[theme]\n  return (\n    `<tr><td style=\"padding:12px 16px;border-top:1px solid ${p.border};\">` +\n    `<table role=\"presentation\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"width:100%;border-collapse:collapse;\"><tr>` +\n    `<td style=\"vertical-align:middle;\"><span style=\"font-size:12px;color:${p.textMuted};\">${renderAuthorHtml(\n      author,\n      p.textMuted\n    )}</span></td>` +\n    `<td style=\"text-align:right;vertical-align:middle;white-space:nowrap;\">` +\n    `<a href=\"${escapeAttr(saveUrl)}\" class=\"skhema-save-btn\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Save this to Skhema\" style=\"display:inline-block;background:${PRIMARY_HEX};color:#ffffff;font-size:12px;font-weight:500;text-decoration:none;padding:6px 14px;border-radius:${CARD_RADIUS};white-space:nowrap;\">Save to Skhema &rarr;</a>` +\n    `</td></tr></table>` +\n    `<div style=\"font-size:11px;line-height:1.4;color:${p.textMuted};margin-top:8px;\">Strategy powered by <a href=\"https://skhema.com\" style=\"color:${p.textMuted};text-decoration:underline;\" target=\"_blank\" rel=\"noopener noreferrer\">Skhema</a></div>` +\n    `</td></tr>`\n  )\n}\n\n/** Header row: acronym badge + type label (+ optional \"— title\" for components). */\nfunction renderHeader(\n  badge: BadgePalette,\n  acronym: string,\n  typeLabel: string,\n  labelColor: string,\n  theme: CardTheme,\n  title?: string | null\n): string {\n  const p = CARD_PALETTE[theme]\n  const titleHtml = title\n    ? `<span style=\"color:${p.textMuted};\"> &mdash; </span><span style=\"font-weight:600;color:${p.text};\">${escapeHtml(\n        title\n      )}</span>`\n    : ''\n  return (\n    `<tr><td style=\"padding:12px 16px;border-bottom:1px solid ${p.border};\">` +\n    `<table role=\"presentation\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"width:100%;border-collapse:collapse;\"><tr>` +\n    `<td style=\"width:1%;white-space:nowrap;padding-right:8px;vertical-align:middle;\">` +\n    `<span class=\"skhema-acronym-badge\" title=\"${escapeAttr(typeLabel)}\" style=\"display:inline-block;font-family:${MONO_STACK};font-size:10px;font-weight:600;letter-spacing:0.02em;padding:2px 6px;border-radius:2px;background:${badge.badgeBg};color:${badge.badgeText};border:1px solid ${badge.badgeBorder};\">${escapeHtml(\n      acronym\n    )}</span></td>` +\n    `<td style=\"vertical-align:middle;\"><span style=\"font-size:13px;font-weight:500;color:${labelColor};\">${escapeHtml(\n      typeLabel\n    )}${titleHtml}</span></td>` +\n    `</tr></table></td></tr>`\n  )\n}\n\n/** Open the outer card table with inline card styling for the theme. */\nfunction cardOpen(theme: CardTheme, kind: 'element' | 'component'): string {\n  const p = CARD_PALETTE[theme]\n  return (\n    `<table role=\"presentation\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"skhema-card\" data-skhema-kind=\"${kind}\" data-theme=\"${theme}\" ` +\n    `style=\"width:100%;max-width:600px;border-collapse:separate;background:${p.cardBg};border:1px solid ${p.border};border-radius:${CARD_RADIUS};box-shadow:${CARD_SHADOW};overflow:hidden;margin:8px 0;font-family:${FONT_STACK};line-height:1.5;color:${p.text};\">`\n  )\n}\n\n/* ------------------------------------------------------------------ *\n * Public renderers                                                   *\n * ------------------------------------------------------------------ */\n\n/**\n * Render the official Skhema **element** card as email-safe HTML.\n * The badge acronym + palette resolve from the element's owning component type,\n * exactly like the live `<skhema-element>` embed.\n */\nexport function renderElementCardHtml(data: ElementCardData): string {\n  const theme = data.theme ?? 'light'\n  const p = CARD_PALETTE[theme]\n  const label = getElementTypeLabel(data.elementType as ElementValue)\n  const componentType = resolveComponentType(data.elementType)\n  const acronym = getComponentTypeAcronym(componentType)\n  const badge = resolveBadgePalette(componentType, theme)\n\n  return (\n    cardOpen(theme, 'element') +\n    renderHeader(badge, acronym, label, p.text, theme) +\n    `<tr><td style=\"padding:16px;\">` +\n    `<div style=\"font-size:15px;line-height:1.6;color:${p.text};word-wrap:break-word;overflow-wrap:break-word;\">${sanitizeContent(\n      data.content\n    )}</div>` +\n    `</td></tr>` +\n    renderFooter(data.saveUrl, data, theme) +\n    `</table>`\n  )\n}\n\n/**\n * Render the official Skhema **component** card as email-safe HTML — a coloured\n * top bar, header (badge + type label + optional title), per-element-type\n * groups, and the shared footer.\n */\nexport function renderComponentCardHtml(data: ComponentCardData): string {\n  const theme = data.theme ?? 'light'\n  const p = CARD_PALETTE[theme]\n  const label = getComponentTypeLabel(data.componentType)\n  const acronym = getComponentTypeAcronym(data.componentType)\n  const badge = resolveBadgePalette(data.componentType, theme)\n\n  // Group elements by type (preserving first-occurrence order), mirroring the\n  // live `<skhema-component>` body: one small-caps label per type, with each\n  // element's content as a left-ruled block beneath it.\n  const groups = new Map<string, string[]>()\n  for (const el of data.elements) {\n    const existing = groups.get(el.elementType)\n    if (existing) existing.push(el.content)\n    else groups.set(el.elementType, [el.content])\n  }\n\n  const groupsHtml = Array.from(groups.entries())\n    .map(\n      ([elementType, contents]) =>\n        `<div style=\"margin-bottom:16px;\">` +\n        `<div style=\"text-transform:uppercase;letter-spacing:0.05em;font-family:${MONO_STACK};font-size:10px;font-weight:600;color:${p.textMuted};margin:0 0 4px;\">${escapeHtml(\n          getElementTypeLabel(elementType as ElementValue)\n        )}</div>` +\n        contents\n          .map(\n            (content) =>\n              `<div style=\"font-size:14px;line-height:1.6;color:${p.text};padding-left:8px;border-left:2px solid ${p.border};word-wrap:break-word;overflow-wrap:break-word;\">${sanitizeContent(\n                content\n              )}</div>`\n          )\n          .join('') +\n        `</div>`\n    )\n    .join('')\n\n  return (\n    cardOpen(theme, 'component') +\n    `<tr><td style=\"height:2px;line-height:2px;font-size:0;background:${badge.topBorder};\">&nbsp;</td></tr>` +\n    renderHeader(badge, acronym, label, p.textMuted, theme, data.title) +\n    `<tr><td style=\"padding:16px;\">${groupsHtml}</td></tr>` +\n    renderFooter(data.saveUrl, data, theme) +\n    `</table>`\n  )\n}\n"],"names":["CARD_PALETTE","COMPONENT_COLORS","PRIMARY_HEX","USER_ICON_SVG","CARD_RADIUS","MONO_STACK","CARD_SHADOW","FONT_STACK","getElementTypeLabel","resolveComponentType","getComponentTypeAcronym","getComponentTypeLabel"],"mappings":";;AAeO,MAAM,aAAa;AAE1B,SAAS,SAAS,KAAuC;AACvD,QAAM,IAAI,IAAI,QAAQ,KAAK,EAAE;AAC7B,SAAO;AAAA,IACL,SAAS,EAAE,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,IAC1B,SAAS,EAAE,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,IAC1B,SAAS,EAAE,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,EAAA;AAE9B;AAUO,SAAS,WAAW,OAAe,UAAU,WAAmB;AACrE,QAAM,IAAI,MAAM;AAAA,IACd;AAAA,EAAA;AAEF,MAAI,CAAC,EAAG,QAAO;AACf,QAAM,IAAI,WAAW,EAAE,CAAC,CAAC;AACzB,QAAM,IAAI,WAAW,EAAE,CAAC,CAAC;AACzB,QAAM,IAAI,WAAW,EAAE,CAAC,CAAC;AACzB,QAAM,QAAQ,EAAE,CAAC,MAAM,SAAY,WAAW,EAAE,CAAC,CAAC,IAAI;AACtD,QAAM,IAAK,IAAI,KAAK,KAAM;AAC1B,QAAM,IAAI,IAAI,KAAK,IAAI,CAAC;AACxB,QAAM,IAAI,IAAI,KAAK,IAAI,CAAC;AACxB,QAAM,KAAK,IAAI,eAAe,IAAI,eAAe;AACjD,QAAM,KAAK,IAAI,eAAe,IAAI,eAAe;AACjD,QAAM,KAAK,IAAI,eAAe,IAAI,cAAc;AAChD,QAAM,KAAK,MAAM;AACjB,QAAM,KAAK,MAAM;AACjB,QAAM,KAAK,MAAM;AACjB,QAAM,IAAI,eAAe,KAAK,eAAe,KAAK,eAAe;AACjE,QAAM,IAAI,gBAAgB,KAAK,eAAe,KAAK,eAAe;AAClE,QAAM,IAAI,gBAAgB,KAAK,eAAe,KAAK,cAAc;AACjE,QAAM,QAAQ,CAAC,MAAsB;AACnC,UAAM,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,CAAC,CAAC;AACpC,WAAO,KAAK,WAAY,QAAQ,IAAI,QAAQ,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI;AAAA,EACrE;AACA,MAAI,MAAM,CAAC,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,GAAG;AACzD,MAAI,QAAQ,GAAG;AACb,UAAM,CAAC,IAAI,IAAI,EAAE,IAAI,SAAS,OAAO;AACrC,UAAM;AAAA,MACJ,IAAI,CAAC,IAAI,QAAQ,MAAM,IAAI;AAAA,MAC3B,IAAI,CAAC,IAAI,QAAQ,MAAM,IAAI;AAAA,MAC3B,IAAI,CAAC,IAAI,QAAQ,MAAM,IAAI;AAAA,IAAA;AAAA,EAE/B;AACA,SACE,MAAM,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE;AAE7E;ACzDA,SAAS,WAAW,KAAqB;AACvC,SAAO,IACJ,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,QAAQ;AAC3B;AAOO,SAAS,gBAAgB,SAAyB;AAEvD,MAAI,YAAY,UAAU,OAAO;AAGjC,cAAY,WAAW,SAAS;AAGhC,cAAY,UAAU,QAAQ,OAAO,MAAM;AAG3C,cAAY,kBAAkB,SAAS;AAEvC,SAAO;AACT;AAOA,SAAS,UAAU,MAAsB;AAEvC,QAAM,WAAW;AAAA;AAAA,IAEf;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA,EAAA;AAGF,MAAI,WAAW;AACf,WAAS,QAAQ,CAAC,YAAY;AAC5B,eAAW,SAAS,QAAQ,SAAS,EAAE;AAAA,EACzC,CAAC;AAGD,aAAW,SAAS,QAAQ,QAAQ,GAAG,EAAE,KAAA;AAEzC,SAAO;AACT;AAOA,SAAS,kBAAkB,MAAsB;AAE/C,QAAM,QAAQ,KAAK,MAAM,OAAO;AAEhC,SAAO,MACJ,IAAI,CAAC,SAAS;AAEb,QAAI,QAAQ,KAAK,IAAI,KAAK,KAAK,SAAS,GAAG,GAAG;AAC5C,aAAO;AAAA,IACT;AAGA,QAAI,KAAK,SAAS,IAAI;AAEpB,aAAO,KAAK,QAAQ,YAAY,KAAU;AAAA,IAC5C;AAEA,WAAO;AAAA,EACT,CAAC,EACA,KAAK,EAAE;AACZ;AAOO,SAAS,wBAAwB,SAGtC;AACA,QAAM,SAAmB,CAAA;AAGzB,MAAI,gBAAgB,KAAK,OAAO,GAAG;AACjC,WAAO,KAAK,sBAAsB;AAAA,EACpC;AAGA,MAAI,aAAa,KAAK,OAAO,GAAG;AAC9B,WAAO,KAAK,yBAAyB;AAAA,EACvC;AAGA,MAAI,eAAe,KAAK,OAAO,GAAG;AAChC,WAAO,KAAK,8BAA8B;AAAA,EAC5C;AAGA,MAAI,oBAAoB,KAAK,OAAO,GAAG;AACrC,WAAO,KAAK,+BAA+B;AAAA,EAC7C;AAGA,MAAI,gBAAgB,KAAK,OAAO,GAAG;AACjC,WAAO,KAAK,sBAAsB;AAAA,EACpC;AAGA,MAAI,eAAe,KAAK,OAAO,KAAK,SAAS,KAAK,OAAO,GAAG;AAC1D,WAAO,KAAK,0BAA0B;AAAA,EACxC;AAEA,SAAO;AAAA,IACL,UAAU,OAAO,WAAW;AAAA,IAC5B;AAAA,EAAA;AAEJ;ACpDA,SAAS,WAAW,MAAsB;AACxC,SAAO,KACJ,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,QAAQ;AAC3B;AAEA,SAAS,WAAW,MAAsB;AACxC,SAAO,WAAW,IAAI,EAAE,QAAQ,MAAM,OAAO;AAC/C;AAEA,SAAS,sBAAsB,eAA+B;AAC5D,SAAO,cACJ,MAAM,MAAM,EACZ,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,EAAE,YAAA,IAAgB,KAAK,MAAM,CAAC,EAAE,YAAA,CAAa,EACxE,KAAK,GAAG;AACb;AAUA,SAAS,oBACP,eACA,OACc;AACd,QAAM,UAAUA,OAAAA,aAAa,KAAK,EAAE;AACpC,QAAM,SACJC,OAAAA,iBAAiB,aAA8C;AACjE,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAWC,OAAAA;AAAAA,MACX,aAAaA,OAAAA;AAAAA,MACb,WAAWA,OAAAA;AAAAA,IAAA;AAAA,EAEf;AACA,QAAM,OAAO,WAAW,OAAO,IAAI;AACnC,SAAO;AAAA,IACL,SAAS,WAAW,OAAO,IAAI,OAAO;AAAA,IACtC,WAAW;AAAA,IACX,aAAa,WAAW,OAAO,QAAQ,OAAO;AAAA,IAC9C,WAAW;AAAA,EAAA;AAEf;AAGA,SAAS,iBAAiB,QAAsB,YAA4B;AAC1E,MAAI,QAAQ;AACZ,MAAI,OAAO,cAAc,OAAO,WAAW,QAAQ;AACjD,UAAM,OAAO,WAAW,OAAO,WAAW,MAAM;AAChD,YAAQ,OAAO,aACX,+CAA+C;AAAA,MAC7C,OAAO;AAAA,IAAA,CACR,kBAAkB,UAAU,qEAAqE,IAAI,SACtG,MAAM,IAAI;AAAA,EAChB,WAAW,OAAO,iBAAiB,OAAO,cAAc,QAAQ;AAC9D,YAAQ,MAAM,WAAW,sBAAsB,OAAO,cAAc,MAAM,CAAC,CAAC;AAAA,EAC9E;AAEA,MAAI,CAAC,MAAO,QAAO;AAEnB,SACE,wFAAwF,UAAU,MAAMC,OAAAA,aAAa,gEAC5D,KAAK;AAElE;AAGA,SAAS,aACP,SACA,QACA,OACQ;AACR,QAAM,IAAIH,OAAAA,aAAa,KAAK;AAC5B,SACE,yDAAyD,EAAE,MAAM,kMAEO,EAAE,SAAS,MAAM;AAAA,IACvF;AAAA,IACA,EAAE;AAAA,EAAA,CACH,+FAEW,WAAW,OAAO,CAAC,0IAA0IE,OAAAA,WAAW,qGAAqGE,OAAAA,WAAW,qHAEhP,EAAE,SAAS,mFAAmF,EAAE,SAAS;AAGjK;AAGA,SAAS,aACP,OACA,SACA,WACA,YACA,OACA,OACQ;AACR,QAAM,IAAIJ,OAAAA,aAAa,KAAK;AAC5B,QAAM,YAAY,QACd,sBAAsB,EAAE,SAAS,yDAAyD,EAAE,IAAI,MAAM;AAAA,IACpG;AAAA,EAAA,CACD,YACD;AACJ,SACE,4DAA4D,EAAE,MAAM,wPAGvB,WAAW,SAAS,CAAC,6CAA6CK,OAAAA,UAAU,sGAAsG,MAAM,OAAO,UAAU,MAAM,SAAS,qBAAqB,MAAM,WAAW,MAAM;AAAA,IAC/S;AAAA,EAAA,CACD,oGACuF,UAAU,MAAM;AAAA,IACtG;AAAA,EAAA,CACD,GAAG,SAAS;AAGjB;AAGA,SAAS,SAAS,OAAkB,MAAuC;AACzE,QAAM,IAAIL,OAAAA,aAAa,KAAK;AAC5B,SACE,+GAA+G,IAAI,iBAAiB,KAAK,2EAChE,EAAE,MAAM,qBAAqB,EAAE,MAAM,kBAAkBI,OAAAA,WAAW,eAAeE,kBAAW,6CAA6CC,OAAAA,UAAU,0BAA0B,EAAE,IAAI;AAEhQ;AAWO,SAAS,sBAAsB,MAA+B;AACnE,QAAM,QAAQ,KAAK,SAAS;AAC5B,QAAM,IAAIP,OAAAA,aAAa,KAAK;AAC5B,QAAM,QAAQQ,OAAAA,oBAAoB,KAAK,WAA2B;AAClE,QAAM,gBAAgBC,OAAAA,qBAAqB,KAAK,WAAW;AAC3D,QAAM,UAAUC,OAAAA,wBAAwB,aAAa;AACrD,QAAM,QAAQ,oBAAoB,eAAe,KAAK;AAEtD,SACE,SAAS,OAAO,SAAS,IACzB,aAAa,OAAO,SAAS,OAAO,EAAE,MAAM,KAAK,IACjD,kFACoD,EAAE,IAAI,oDAAoD;AAAA,IAC5G,KAAK;AAAA,EAAA,CACN,qBAED,aAAa,KAAK,SAAS,MAAM,KAAK,IACtC;AAEJ;AAOO,SAAS,wBAAwB,MAAiC;AACvE,QAAM,QAAQ,KAAK,SAAS;AAC5B,QAAM,IAAIV,OAAAA,aAAa,KAAK;AAC5B,QAAM,QAAQW,OAAAA,sBAAsB,KAAK,aAAa;AACtD,QAAM,UAAUD,OAAAA,wBAAwB,KAAK,aAAa;AAC1D,QAAM,QAAQ,oBAAoB,KAAK,eAAe,KAAK;AAK3D,QAAM,6BAAa,IAAA;AACnB,aAAW,MAAM,KAAK,UAAU;AAC9B,UAAM,WAAW,OAAO,IAAI,GAAG,WAAW;AAC1C,QAAI,SAAU,UAAS,KAAK,GAAG,OAAO;AAAA,gBAC1B,IAAI,GAAG,aAAa,CAAC,GAAG,OAAO,CAAC;AAAA,EAC9C;AAEA,QAAM,aAAa,MAAM,KAAK,OAAO,QAAA,CAAS,EAC3C;AAAA,IACC,CAAC,CAAC,aAAa,QAAQ,MACrB,2GAC0EL,iBAAU,yCAAyC,EAAE,SAAS,qBAAqB;AAAA,MAC3JG,OAAAA,oBAAoB,WAA2B;AAAA,IAAA,CAChD,WACD,SACG;AAAA,MACC,CAAC,YACC,oDAAoD,EAAE,IAAI,2CAA2C,EAAE,MAAM,oDAAoD;AAAA,QAC/J;AAAA,MAAA,CACD;AAAA,IAAA,EAEJ,KAAK,EAAE,IACV;AAAA,EAAA,EAEH,KAAK,EAAE;AAEV,SACE,SAAS,OAAO,WAAW,IAC3B,oEAAoE,MAAM,SAAS,wBACnF,aAAa,OAAO,SAAS,OAAO,EAAE,WAAW,OAAO,KAAK,KAAK,IAClE,iCAAiC,UAAU,eAC3C,aAAa,KAAK,SAAS,MAAM,KAAK,IACtC;AAEJ;;;;"}

package/dist/{index-jwx5CXLB.js → index-nkGvTyQR.js}

@@ -1,4 +1,4 @@
-import { d as getElementTypeLabel, r as resolveComponentType, g as getComponentTypeAcronym, h as CARD_PALETTE, b as getComponentTypeLabel, M as MONO_STACK, P as PRIMARY_HEX, a as COMPONENT_COLORS, j as CARD_RADIUS, k as CARD_SHADOW, F as FONT_STACK, U as USER_ICON_SVG } from "./validation-Dt4L_df8.js";
+import { g as getElementTypeLabel, r as resolveComponentType, a as getComponentTypeAcronym, C as CARD_PALETTE, b as getComponentTypeLabel, M as MONO_STACK, P as PRIMARY_HEX, c as COMPONENT_COLORS, d as CARD_RADIUS, e as CARD_SHADOW, F as FONT_STACK, U as USER_ICON_SVG } from "./tokens-BQf5zJ3j.js";
 const BRAND_PINK = "#cd476a";
 function hexToRgb(hex) {
   const h = hex.replace("#", "");
@@ -213,4 +213,4 @@ export {
   renderComponentCardHtml as r,
   validateContentSecurity as v
 };
-//# sourceMappingURL=index-jwx5CXLB.js.map
+//# sourceMappingURL=index-nkGvTyQR.js.map

package/dist/index-nkGvTyQR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-nkGvTyQR.js","sources":["../src/utils/color.ts","../src/utils/sanitization.ts","../src/render/index.ts"],"sourcesContent":["/**\n * DOM-free colour utilities for the email-safe card renderer.\n *\n * The card palette (`COMPONENT_COLORS`) is authored in `oklch()` for the live\n * browser embed, but email clients can't parse `oklch()` and `<style>` is\n * stripped, so every colour must be a pre-computed sRGB hex with all styles\n * inlined. This converts a single `oklch(...)` token to hex, compositing any\n * alpha over a flat background (white for light cards, the dark card surface\n * for dark cards) so the result is opaque and email-safe.\n *\n * This is the single source of the conversion that `sk comms curated` and the\n * `CuratedElements` email template previously duplicated.\n */\n\n/** Brand pink (hsl(344 57% 54%)) — fallback when a component palette is missing. */\nexport const BRAND_PINK = '#cd476a'\n\nfunction hexToRgb(hex: string): [number, number, number] {\n  const h = hex.replace('#', '')\n  return [\n    parseInt(h.slice(0, 2), 16),\n    parseInt(h.slice(2, 4), 16),\n    parseInt(h.slice(4, 6), 16),\n  ]\n}\n\n/**\n * Convert a single `oklch(...)` token to an email-safe sRGB hex. When the token\n * carries an alpha (e.g. the badge `bg` @ 0.15 / `border` @ 0.3), the colour is\n * composited over `overHex` so the result is a flat opaque hex.\n *\n * @param token  An `oklch(L C H)` or `oklch(L C H / A)` string.\n * @param overHex The flat background to composite alpha over (default white).\n */\nexport function oklchToHex(token: string, overHex = '#ffffff'): string {\n  const m = token.match(\n    /oklch\\(\\s*([\\d.]+)\\s+([\\d.]+)\\s+([\\d.]+)\\s*(?:\\/\\s*([\\d.]+)\\s*)?\\)/\n  )\n  if (!m) return BRAND_PINK\n  const L = parseFloat(m[1])\n  const C = parseFloat(m[2])\n  const H = parseFloat(m[3])\n  const alpha = m[4] !== undefined ? parseFloat(m[4]) : 1\n  const h = (H * Math.PI) / 180\n  const a = C * Math.cos(h)\n  const b = C * Math.sin(h)\n  const l_ = L + 0.3963377774 * a + 0.2158037573 * b\n  const m_ = L - 0.1055613458 * a - 0.0638541728 * b\n  const s_ = L - 0.0894841775 * a - 1.291485548 * b\n  const lr = l_ ** 3\n  const mr = m_ ** 3\n  const sr = s_ ** 3\n  const R = 4.0767416621 * lr - 3.3077115913 * mr + 0.2309699292 * sr\n  const G = -1.2684380046 * lr + 2.6097574011 * mr - 0.3413193965 * sr\n  const B = -0.0041960863 * lr - 0.7034186147 * mr + 1.707614701 * sr\n  const gamma = (x: number): number => {\n    const c = Math.max(0, Math.min(1, x))\n    return c <= 0.0031308 ? 12.92 * c : 1.055 * Math.pow(c, 1 / 2.4) - 0.055\n  }\n  let rgb = [gamma(R) * 255, gamma(G) * 255, gamma(B) * 255]\n  if (alpha < 1) {\n    const [br, bg, bb] = hexToRgb(overHex)\n    rgb = [\n      rgb[0] * alpha + br * (1 - alpha),\n      rgb[1] * alpha + bg * (1 - alpha),\n      rgb[2] * alpha + bb * (1 - alpha),\n    ]\n  }\n  return (\n    '#' + rgb.map((c) => Math.round(c).toString(16).padStart(2, '0')).join('')\n  )\n}\n","/**\n * Content sanitization utilities for Skhema cards.\n *\n * DOM-free by design: `sanitizeContent` is imported by the email-safe card\n * renderer (`@skhema/embed/render`), which must run in Node / email / CLI\n * runtimes with no `document`. Keep every export here free of DOM access at\n * call time (the legacy `stripHtml` below is the one exception and is not used\n * by the renderer).\n */\n\n/**\n * HTML entity encoding for basic XSS protection. Regex-based (no DOM) so it is\n * safe in non-browser runtimes. Escapes the text-context entities plus quotes.\n */\nfunction htmlEncode(str: string): string {\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n}\n\n/**\n * Sanitizes content to prevent XSS attacks and removes URLs\n * @param content The raw content to sanitize\n * @returns Sanitized HTML-safe content with URLs removed\n */\nexport function sanitizeContent(content: string): string {\n  // Strip URLs first\n  let sanitized = stripUrls(content)\n\n  // Encode all HTML entities to prevent script injection\n  sanitized = htmlEncode(sanitized)\n\n  // Preserve line breaks for readability\n  sanitized = sanitized.replace(/\\n/g, '<br>')\n\n  // Apply text wrapping rules for long text\n  sanitized = applyTextWrapping(sanitized)\n\n  return sanitized\n}\n\n/**\n * Strips all URLs from the content\n * @param text The text containing potential URLs\n * @returns Text with all URLs removed\n */\nfunction stripUrls(text: string): string {\n  // Comprehensive URL patterns to remove\n  const patterns = [\n    // Standard URLs with protocols\n    /https?:\\/\\/[^\\s<>\"{}|\\\\^`[\\]]+/gi,\n    // FTP URLs\n    /ftp:\\/\\/[^\\s<>\"{}|\\\\^`[\\]]+/gi,\n    // URLs without protocol but with www\n    /www\\.[^\\s<>\"{}|\\\\^`[\\]]+/gi,\n    // Email-like patterns\n    /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}/gi,\n    // Common domain patterns (anything.com, anything.org, etc.)\n    /(?:^|\\s)([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,}(?:\\/[^\\s]*)?/gi,\n  ]\n\n  let stripped = text\n  patterns.forEach((pattern) => {\n    stripped = stripped.replace(pattern, '')\n  })\n\n  // Clean up any multiple spaces left after URL removal\n  stripped = stripped.replace(/\\s+/g, ' ').trim()\n\n  return stripped\n}\n\n/**\n * Applies intelligent text wrapping to prevent layout breaking\n * @param text The text to apply wrapping rules to\n * @returns Text with appropriate wrapping hints\n */\nfunction applyTextWrapping(text: string): string {\n  // Split text into words\n  const words = text.split(/(\\s+)/)\n\n  return words\n    .map((word) => {\n      // Skip if it's whitespace or already contains HTML\n      if (/^\\s+$/.test(word) || word.includes('<')) {\n        return word\n      }\n\n      // For very long words (>30 chars), add word-break opportunities\n      if (word.length > 30) {\n        // Insert zero-width spaces every 10 characters for breaking\n        return word.replace(/(.{10})/g, '$1\\u200B')\n      }\n\n      return word\n    })\n    .join('')\n}\n\n/**\n * Validates if content contains potentially malicious patterns or URLs\n * @param content The content to validate\n * @returns Object with validation status and detected issues\n */\nexport function validateContentSecurity(content: string): {\n  isSecure: boolean\n  issues: string[]\n} {\n  const issues: string[] = []\n\n  // Check for script tags\n  if (/<script[\\s>]/i.test(content)) {\n    issues.push('Script tags detected')\n  }\n\n  // Check for event handlers\n  if (/on\\w+\\s*=/i.test(content)) {\n    issues.push('Event handlers detected')\n  }\n\n  // Check for javascript: protocol\n  if (/javascript:/i.test(content)) {\n    issues.push('JavaScript protocol detected')\n  }\n\n  // Check for data: URLs that could contain scripts\n  if (/data:[^,]*script/i.test(content)) {\n    issues.push('Data URL with script detected')\n  }\n\n  // Check for iframe tags\n  if (/<iframe[\\s>]/i.test(content)) {\n    issues.push('Iframe tags detected')\n  }\n\n  // Check for URLs (since we want to disallow them)\n  if (/https?:\\/\\//i.test(content) || /www\\./i.test(content)) {\n    issues.push('URLs detected in content')\n  }\n\n  return {\n    isSecure: issues.length === 0,\n    issues,\n  }\n}\n\n/**\n * Strips all HTML tags from content\n * @param content The content to strip\n * @returns Plain text content\n */\nexport function stripHtml(content: string): string {\n  const div = document.createElement('div')\n  div.innerHTML = content\n  return div.textContent || div.innerText || ''\n}\n\n/**\n * Checks if content contains any URLs\n * @param content The content to check\n * @returns True if URLs are found\n */\nexport function containsUrls(content: string): boolean {\n  const urlPatterns = [\n    /https?:\\/\\//i,\n    /ftp:\\/\\//i,\n    /www\\./i,\n    /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}/i,\n    /(?:^|\\s)([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,}(?:\\/[^\\s]*)?/i,\n  ]\n\n  return urlPatterns.some((pattern) => pattern.test(content))\n}\n","/**\n * `@skhema/embed/render` — the canonical, DOM-free source of truth for the\n * official Skhema element / component card HTML.\n *\n * `renderElementCardHtml(data)` / `renderComponentCardHtml(data)` return\n * EMAIL-SAFE HTML: a `role=\"presentation\"` table layout with every style\n * inlined as flat hex (no shadow DOM, no `<style>`, no `oklch()`, no CSS vars).\n * The same output is used three ways:\n *\n *   1. the live browser embed (`SkhemaElement` / `SkhemaComponent` inject it\n *      into shadow DOM and layer hover/transition CSS on top);\n *   2. the `CuratedElements` email template (injected verbatim); and\n *   3. any third-party / contributor email generator.\n *\n * The module is pure — importing it never touches the DOM, so it is safe in\n * Node, edge, and email build runtimes. It builds NO URLs: callers pass the\n * fully-formed `saveUrl` (e.g. the `/save` handoff) so each surface controls\n * its own UTM tagging.\n */\nimport type { ElementValue } from '../method-schema.js'\nimport {\n  CARD_PALETTE,\n  CARD_RADIUS,\n  CARD_SHADOW,\n  COMPONENT_COLORS,\n  FONT_STACK,\n  MONO_STACK,\n  PRIMARY_HEX,\n  USER_ICON_SVG,\n  type CardTheme,\n} from '../styles/design-tokens.js'\nimport { oklchToHex } from '../utils/color.js'\nimport {\n  getComponentTypeAcronym,\n  getComponentTypeLabel,\n  resolveComponentType,\n} from '../utils/component-validation.js'\nimport { sanitizeContent } from '../utils/sanitization.js'\nimport { getElementTypeLabel } from '../utils/validation.js'\n\n/* ------------------------------------------------------------------ *\n * Public data shapes (documented contract — see README \"render\")     *\n * ------------------------------------------------------------------ */\n\n/** Card theme. Email is always `'light'`; the browser embed passes the\n * detected page theme. Defaults to `'light'` when omitted. */\nexport type { CardTheme }\n\n/** Author attribution shared by both card kinds. */\ninterface AuthorFields {\n  /** Display name. When omitted, falls back to a humanised `contributorId`. */\n  authorName?: string | null\n  /** Public contributor slug — when present, the name links to the profile. */\n  authorSlug?: string | null\n  /** Contributor id, used only for the name fallback when `authorName` is unset. */\n  contributorId?: string | null\n}\n\n/** Input for {@link renderElementCardHtml}. */\nexport interface ElementCardData extends AuthorFields {\n  /** Skhema element type value, e.g. `\"key_challenge\"`. */\n  elementType: string\n  /** The element content / premise (plain text; sanitised + escaped here). */\n  content: string\n  /** Pre-built handoff URL for the \"Save to Skhema\" button. */\n  saveUrl: string\n  /** Card theme (default `'light'`). */\n  theme?: CardTheme\n}\n\n/** A single element row inside a component card. */\nexport interface ComponentCardElement {\n  elementType: string\n  content: string\n}\n\n/** Input for {@link renderComponentCardHtml}. */\nexport interface ComponentCardData extends AuthorFields {\n  /** Skhema component type value, e.g. `\"diagnosis\"`. */\n  componentType: string\n  /** Optional component title shown after a \"—\" separator in the header. */\n  title?: string | null\n  /** The component's elements, in display order. */\n  elements: ComponentCardElement[]\n  /** Pre-built handoff URL for the \"Save to Skhema\" button. */\n  saveUrl: string\n  /** Card theme (default `'light'`). */\n  theme?: CardTheme\n}\n\n/* ------------------------------------------------------------------ *\n * Internal helpers                                                   *\n * ------------------------------------------------------------------ */\n\nfunction escapeHtml(text: string): string {\n  return text\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n}\n\nfunction escapeAttr(text: string): string {\n  return escapeHtml(text).replace(/'/g, '&#39;')\n}\n\nfunction humaniseContributorId(contributorId: string): string {\n  return contributorId\n    .split(/[_-]/)\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join(' ')\n}\n\ninterface BadgePalette {\n  badgeBg: string\n  badgeText: string\n  badgeBorder: string\n  topBorder: string\n}\n\n/** Resolve the email-safe badge / top-border hex for a component type + theme. */\nfunction resolveBadgePalette(\n  componentType: string,\n  theme: CardTheme\n): BadgePalette {\n  const surface = CARD_PALETTE[theme].cardBg\n  const colors =\n    COMPONENT_COLORS[componentType as keyof typeof COMPONENT_COLORS]\n  if (!colors) {\n    return {\n      badgeBg: surface,\n      badgeText: PRIMARY_HEX,\n      badgeBorder: PRIMARY_HEX,\n      topBorder: PRIMARY_HEX,\n    }\n  }\n  const text = oklchToHex(colors.text)\n  return {\n    badgeBg: oklchToHex(colors.bg, surface),\n    badgeText: text,\n    badgeBorder: oklchToHex(colors.border, surface),\n    topBorder: text,\n  }\n}\n\n/** Contributor line inner HTML: person icon + \"By {author}\" (linked if slug). */\nfunction renderAuthorHtml(author: AuthorFields, mutedColor: string): string {\n  let label = ''\n  if (author.authorName && author.authorName.trim()) {\n    const name = escapeHtml(author.authorName.trim())\n    label = author.authorSlug\n      ? `By <a href=\"https://skhema.com/contributors/${encodeURIComponent(\n          author.authorSlug\n        )}\" style=\"color:${mutedColor};text-decoration:none;\" target=\"_blank\" rel=\"noopener noreferrer\">${name}</a>`\n      : `By ${name}`\n  } else if (author.contributorId && author.contributorId.trim()) {\n    label = `By ${escapeHtml(humaniseContributorId(author.contributorId.trim()))}`\n  }\n\n  if (!label) return '&nbsp;'\n\n  return (\n    `<span style=\"display:inline-block;width:14px;height:14px;vertical-align:middle;color:${mutedColor};\">${USER_ICON_SVG}</span>` +\n    `<span style=\"vertical-align:middle;padding-left:6px;\">${label}</span>`\n  )\n}\n\n/** The shared footer (contributor line + save button + attribution). */\nfunction renderFooter(\n  saveUrl: string,\n  author: AuthorFields,\n  theme: CardTheme\n): string {\n  const p = CARD_PALETTE[theme]\n  return (\n    `<tr><td style=\"padding:12px 16px;border-top:1px solid ${p.border};\">` +\n    `<table role=\"presentation\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"width:100%;border-collapse:collapse;\"><tr>` +\n    `<td style=\"vertical-align:middle;\"><span style=\"font-size:12px;color:${p.textMuted};\">${renderAuthorHtml(\n      author,\n      p.textMuted\n    )}</span></td>` +\n    `<td style=\"text-align:right;vertical-align:middle;white-space:nowrap;\">` +\n    `<a href=\"${escapeAttr(saveUrl)}\" class=\"skhema-save-btn\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Save this to Skhema\" style=\"display:inline-block;background:${PRIMARY_HEX};color:#ffffff;font-size:12px;font-weight:500;text-decoration:none;padding:6px 14px;border-radius:${CARD_RADIUS};white-space:nowrap;\">Save to Skhema &rarr;</a>` +\n    `</td></tr></table>` +\n    `<div style=\"font-size:11px;line-height:1.4;color:${p.textMuted};margin-top:8px;\">Strategy powered by <a href=\"https://skhema.com\" style=\"color:${p.textMuted};text-decoration:underline;\" target=\"_blank\" rel=\"noopener noreferrer\">Skhema</a></div>` +\n    `</td></tr>`\n  )\n}\n\n/** Header row: acronym badge + type label (+ optional \"— title\" for components). */\nfunction renderHeader(\n  badge: BadgePalette,\n  acronym: string,\n  typeLabel: string,\n  labelColor: string,\n  theme: CardTheme,\n  title?: string | null\n): string {\n  const p = CARD_PALETTE[theme]\n  const titleHtml = title\n    ? `<span style=\"color:${p.textMuted};\"> &mdash; </span><span style=\"font-weight:600;color:${p.text};\">${escapeHtml(\n        title\n      )}</span>`\n    : ''\n  return (\n    `<tr><td style=\"padding:12px 16px;border-bottom:1px solid ${p.border};\">` +\n    `<table role=\"presentation\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"width:100%;border-collapse:collapse;\"><tr>` +\n    `<td style=\"width:1%;white-space:nowrap;padding-right:8px;vertical-align:middle;\">` +\n    `<span class=\"skhema-acronym-badge\" title=\"${escapeAttr(typeLabel)}\" style=\"display:inline-block;font-family:${MONO_STACK};font-size:10px;font-weight:600;letter-spacing:0.02em;padding:2px 6px;border-radius:2px;background:${badge.badgeBg};color:${badge.badgeText};border:1px solid ${badge.badgeBorder};\">${escapeHtml(\n      acronym\n    )}</span></td>` +\n    `<td style=\"vertical-align:middle;\"><span style=\"font-size:13px;font-weight:500;color:${labelColor};\">${escapeHtml(\n      typeLabel\n    )}${titleHtml}</span></td>` +\n    `</tr></table></td></tr>`\n  )\n}\n\n/** Open the outer card table with inline card styling for the theme. */\nfunction cardOpen(theme: CardTheme, kind: 'element' | 'component'): string {\n  const p = CARD_PALETTE[theme]\n  return (\n    `<table role=\"presentation\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"skhema-card\" data-skhema-kind=\"${kind}\" data-theme=\"${theme}\" ` +\n    `style=\"width:100%;max-width:600px;border-collapse:separate;background:${p.cardBg};border:1px solid ${p.border};border-radius:${CARD_RADIUS};box-shadow:${CARD_SHADOW};overflow:hidden;margin:8px 0;font-family:${FONT_STACK};line-height:1.5;color:${p.text};\">`\n  )\n}\n\n/* ------------------------------------------------------------------ *\n * Public renderers                                                   *\n * ------------------------------------------------------------------ */\n\n/**\n * Render the official Skhema **element** card as email-safe HTML.\n * The badge acronym + palette resolve from the element's owning component type,\n * exactly like the live `<skhema-element>` embed.\n */\nexport function renderElementCardHtml(data: ElementCardData): string {\n  const theme = data.theme ?? 'light'\n  const p = CARD_PALETTE[theme]\n  const label = getElementTypeLabel(data.elementType as ElementValue)\n  const componentType = resolveComponentType(data.elementType)\n  const acronym = getComponentTypeAcronym(componentType)\n  const badge = resolveBadgePalette(componentType, theme)\n\n  return (\n    cardOpen(theme, 'element') +\n    renderHeader(badge, acronym, label, p.text, theme) +\n    `<tr><td style=\"padding:16px;\">` +\n    `<div style=\"font-size:15px;line-height:1.6;color:${p.text};word-wrap:break-word;overflow-wrap:break-word;\">${sanitizeContent(\n      data.content\n    )}</div>` +\n    `</td></tr>` +\n    renderFooter(data.saveUrl, data, theme) +\n    `</table>`\n  )\n}\n\n/**\n * Render the official Skhema **component** card as email-safe HTML — a coloured\n * top bar, header (badge + type label + optional title), per-element-type\n * groups, and the shared footer.\n */\nexport function renderComponentCardHtml(data: ComponentCardData): string {\n  const theme = data.theme ?? 'light'\n  const p = CARD_PALETTE[theme]\n  const label = getComponentTypeLabel(data.componentType)\n  const acronym = getComponentTypeAcronym(data.componentType)\n  const badge = resolveBadgePalette(data.componentType, theme)\n\n  // Group elements by type (preserving first-occurrence order), mirroring the\n  // live `<skhema-component>` body: one small-caps label per type, with each\n  // element's content as a left-ruled block beneath it.\n  const groups = new Map<string, string[]>()\n  for (const el of data.elements) {\n    const existing = groups.get(el.elementType)\n    if (existing) existing.push(el.content)\n    else groups.set(el.elementType, [el.content])\n  }\n\n  const groupsHtml = Array.from(groups.entries())\n    .map(\n      ([elementType, contents]) =>\n        `<div style=\"margin-bottom:16px;\">` +\n        `<div style=\"text-transform:uppercase;letter-spacing:0.05em;font-family:${MONO_STACK};font-size:10px;font-weight:600;color:${p.textMuted};margin:0 0 4px;\">${escapeHtml(\n          getElementTypeLabel(elementType as ElementValue)\n        )}</div>` +\n        contents\n          .map(\n            (content) =>\n              `<div style=\"font-size:14px;line-height:1.6;color:${p.text};padding-left:8px;border-left:2px solid ${p.border};word-wrap:break-word;overflow-wrap:break-word;\">${sanitizeContent(\n                content\n              )}</div>`\n          )\n          .join('') +\n        `</div>`\n    )\n    .join('')\n\n  return (\n    cardOpen(theme, 'component') +\n    `<tr><td style=\"height:2px;line-height:2px;font-size:0;background:${badge.topBorder};\">&nbsp;</td></tr>` +\n    renderHeader(badge, acronym, label, p.textMuted, theme, data.title) +\n    `<tr><td style=\"padding:16px;\">${groupsHtml}</td></tr>` +\n    renderFooter(data.saveUrl, data, theme) +\n    `</table>`\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const render = require("./index-DBeyneZT.cjs");
-const validation = require("./validation-DCw9rQeH.cjs");
+const render = require("./index-B8ZF3snD.cjs");
+const tokens = require("./tokens-BxpYMhDq.cjs");
 const ANALYTICS_ENDPOINT = "https://analytics.skhema.com/functions/v1/embed-manage";
 const TRACKING_COOKIE_NAME = "_sk";
 const TRACKING_EXPIRY_HOURS = 24;
@@ -400,7 +400,7 @@ function generateStructuredData(content, elementType, contributorId, sourceUrl)
     "@type": "AnalysisContent",
     text: content,
     analysisType: elementType,
-    category: validation.getElementTypeLabel(elementType),
+    category: tokens.getElementTypeLabel(elementType),
     contributor: contributorId,
     url: generateRedirectUrl(content, elementType, contributorId),
     provider: {
@@ -432,7 +432,7 @@ function generateRedirectUrl(content, elementType, contributorId, options = {})
   return `${baseUrl}?type=contributor&contributor_id=${contributorId}&element_type=${elementType}&content_hash=${contentHash}&${params.toString()}`;
 }
 function createMetaTags(content, elementType, contributorId) {
-  const label = validation.getElementTypeLabel(elementType);
+  const label = tokens.getElementTypeLabel(elementType);
   return `
     <div itemscope itemtype="https://schema.org/AnalysisContent" style="display:none;">
       <meta itemprop="analysisType" content="${elementType}">
@@ -444,7 +444,7 @@ function createMetaTags(content, elementType, contributorId) {
   `;
 }
 function generateComponentStructuredData(title, componentType, contributorId, elements, sourceUrl) {
-  const componentLabel = validation.getComponentTypeLabel(componentType);
+  const componentLabel = tokens.getComponentTypeLabel(componentType);
   return {
     "@context": "https://schema.org",
     "@type": "CreativeWork",
@@ -461,7 +461,7 @@ function generateComponentStructuredData(title, componentType, contributorId, el
       "@type": "AnalysisContent",
       text: el.content,
       analysisType: el.elementType,
-      category: validation.getElementTypeLabel(el.elementType)
+      category: tokens.getElementTypeLabel(el.elementType)
     })),
     provider: {
       "@type": "Organization",
@@ -491,7 +491,7 @@ function generateComponentRedirectUrl(componentHash, componentType, contributorI
   return `${baseUrl}?type=component&component_type=${componentType}&component_hash=${componentHash}&contributor_id=${contributorId}&${params.toString()}`;
 }
 function createAriaAttributes(elementType) {
-  const label = validation.getElementTypeLabel(elementType);
+  const label = tokens.getElementTypeLabel(elementType);
   return {
     role: "article",
     "aria-label": `${label} - Strategic element`,
@@ -544,7 +544,7 @@ const styles$1 = `
 }
 
 .skhema-card:hover {
-  box-shadow: ${validation.CARD_SHADOW_LG} !important;
+  box-shadow: ${tokens.CARD_SHADOW_LG} !important;
   transform: translateY(-1px);
 }
 
@@ -553,11 +553,11 @@ const styles$1 = `
 }
 
 .skhema-save-btn:hover {
-  background: ${validation.PRIMARY_HOVER_HEX} !important;
+  background: ${tokens.PRIMARY_HOVER_HEX} !important;
 }
 
 .skhema-save-btn:active {
-  background: ${validation.PRIMARY_PRESSED_HEX} !important;
+  background: ${tokens.PRIMARY_PRESSED_HEX} !important;
 }
 
 /* Error card wrapper (browser-only state) */
@@ -734,13 +734,13 @@ class SkhemaComponent extends HTMLElement {
     });
   }
   render() {
-    const validation2 = this.validateComponentAttributes();
-    if (!validation2.isValid) {
-      this.renderError("Invalid component attributes", validation2.errors);
+    const validation = this.validateComponentAttributes();
+    if (!validation.isValid) {
+      this.renderError("Invalid component attributes", validation.errors);
       return;
     }
-    const componentType = validation2.componentType;
-    const contributorId = validation2.contributorId;
+    const componentType = validation.componentType;
+    const contributorId = validation.contributorId;
     const title = this.getAttribute("title") || "";
     const childElements = this.gatherChildElements(componentType);
     if (childElements.length === 0) {
@@ -779,7 +779,7 @@ class SkhemaComponent extends HTMLElement {
     const contributorId = this.getAttribute("contributor-id");
     if (!componentType) {
       errors.push("Missing required attribute: component-type");
-    } else if (!validation.isValidComponentType(componentType)) {
+    } else if (!tokens.isValidComponentType(componentType)) {
       errors.push(`Invalid component-type "${componentType}"`);
     }
     if (!contributorId) {
@@ -790,7 +790,7 @@ class SkhemaComponent extends HTMLElement {
     return {
       isValid: errors.length === 0,
       errors,
-      componentType: validation.isValidComponentType(componentType || "") ? componentType : void 0,
+      componentType: tokens.isValidComponentType(componentType || "") ? componentType : void 0,
       contributorId: contributorId || void 0
     };
   }
@@ -802,14 +802,14 @@ class SkhemaComponent extends HTMLElement {
     for (const child of children) {
       const data = child.getElementData?.();
       if (!data) continue;
-      if (!validation.validateElementBelongsToComponent(data.elementType, componentType)) {
+      if (!tokens.validateElementBelongsToComponent(data.elementType, componentType)) {
         console.warn(
           `skhema-component: element type "${data.elementType}" does not belong to component type "${componentType}"`
         );
       }
       elements.push(data);
     }
-    const orderedTypes = validation.getElementTypesForComponent(componentType);
+    const orderedTypes = tokens.getElementTypesForComponent(componentType);
     elements.sort((a, b) => {
       const aIdx = orderedTypes.indexOf(a.elementType);
       const bIdx = orderedTypes.indexOf(b.elementType);
@@ -822,7 +822,7 @@ class SkhemaComponent extends HTMLElement {
   renderContent(elements) {
     if (!this.contentData) return;
     const { component_type, contributor_id, title } = this.contentData;
-    const componentLabel = validation.getComponentTypeLabel(component_type);
+    const componentLabel = tokens.getComponentTypeLabel(component_type);
     const themeAttribute = this.getAttribute("theme") || "auto";
     const actualTheme = this.getActualTheme(themeAttribute);
     const redirectUrl = generateComponentRedirectUrl(
@@ -1096,12 +1096,12 @@ const styles = `
 }
 
 .skhema-card:hover {
-  box-shadow: ${validation.CARD_SHADOW_LG} !important;
+  box-shadow: ${tokens.CARD_SHADOW_LG} !important;
   transform: translateY(-1px);
 }
 
 .skhema-card[data-skhema-kind="element"]:hover {
-  border-color: ${validation.PRIMARY_HEX} !important;
+  border-color: ${tokens.PRIMARY_HEX} !important;
 }
 
 .skhema-save-btn {
@@ -1109,11 +1109,11 @@ const styles = `
 }
 
 .skhema-save-btn:hover {
-  background: ${validation.PRIMARY_HOVER_HEX} !important;
+  background: ${tokens.PRIMARY_HOVER_HEX} !important;
 }
 
 .skhema-save-btn:active {
-  background: ${validation.PRIMARY_PRESSED_HEX} !important;
+  background: ${tokens.PRIMARY_PRESSED_HEX} !important;
 }
 
 /* Error card wrapper (browser-only state) */
@@ -1266,11 +1266,11 @@ class SkhemaElement extends HTMLElement {
     this.componentConnected = true;
     if (this.closest("skhema-component")) {
       this.nestedMode = true;
-      const validation$1 = validation.validateAttributes(this);
-      if (!validation$1.isValid) {
+      const validation = tokens.validateAttributes(this);
+      if (!validation.isValid) {
         console.warn(
           "skhema-element: invalid attributes in nested mode",
-          validation$1.errors
+          validation.errors
         );
         return;
       }
@@ -1280,8 +1280,8 @@ class SkhemaElement extends HTMLElement {
         return;
       }
       this.contentData = {
-        contributor_id: validation$1.contributorId,
-        element_type: validation$1.elementType,
+        contributor_id: validation.contributorId,
+        element_type: validation.elementType,
         content,
         content_hash: generateContentHash(content),
         source_url: this.getAttribute("source-url") || window.location.href,
@@ -1329,9 +1329,9 @@ class SkhemaElement extends HTMLElement {
     };
   }
   render() {
-    const validation$1 = validation.validateAttributes(this);
-    if (!validation$1.isValid) {
-      this.renderError("Invalid component attributes", validation$1.errors);
+    const validation = tokens.validateAttributes(this);
+    if (!validation.isValid) {
+      this.renderError("Invalid component attributes", validation.errors);
       return;
     }
     const content = this.getContent();
@@ -1350,8 +1350,8 @@ class SkhemaElement extends HTMLElement {
       return;
     }
     this.contentData = {
-      contributor_id: validation$1.contributorId,
-      element_type: validation$1.elementType,
+      contributor_id: validation.contributorId,
+      element_type: validation.elementType,
       content,
       content_hash: generateContentHash(content),
       source_url: this.getAttribute("source-url") || window.location.href,
@@ -1610,15 +1610,15 @@ if (typeof window !== "undefined") {
     );
   }
 }
-exports.getComponentTypeAcronym = validation.getComponentTypeAcronym;
-exports.getComponentTypeLabel = validation.getComponentTypeLabel;
-exports.getElementTypeAcronym = validation.getElementTypeAcronym;
-exports.getElementTypeLabel = validation.getElementTypeLabel;
-exports.isValidComponentType = validation.isValidComponentType;
-exports.isValidElementType = validation.isValidElementType;
-exports.resolveComponentType = validation.resolveComponentType;
-exports.validateAttributes = validation.validateAttributes;
-exports.validateElementBelongsToComponent = validation.validateElementBelongsToComponent;
+exports.getComponentTypeAcronym = tokens.getComponentTypeAcronym;
+exports.getComponentTypeLabel = tokens.getComponentTypeLabel;
+exports.getElementTypeAcronym = tokens.getElementTypeAcronym;
+exports.getElementTypeLabel = tokens.getElementTypeLabel;
+exports.isValidComponentType = tokens.isValidComponentType;
+exports.isValidElementType = tokens.isValidElementType;
+exports.resolveComponentType = tokens.resolveComponentType;
+exports.validateAttributes = tokens.validateAttributes;
+exports.validateElementBelongsToComponent = tokens.validateElementBelongsToComponent;
 exports.SkhemaComponent = SkhemaComponent;
 exports.SkhemaElement = SkhemaElement;
 exports.default = SkhemaElement;