@skhema/embed 0.1.9 → 0.1.11

package/dist/tokens-BxpYMhDq.cjs

@@ -0,0 +1,332 @@
+"use strict";
+const COMPONENT_COLORS = {
+  diagnosis: {
+    bg: "oklch(0.65 0.06 25 / 0.15)",
+    text: "oklch(0.65 0.06 25)",
+    border: "oklch(0.65 0.06 25 / 0.3)"
+  },
+  method: {
+    bg: "oklch(0.6 0.06 250 / 0.15)",
+    text: "oklch(0.6 0.06 250)",
+    border: "oklch(0.6 0.06 250 / 0.3)"
+  },
+  initiatives: {
+    bg: "oklch(0.6 0.06 155 / 0.15)",
+    text: "oklch(0.6 0.06 155)",
+    border: "oklch(0.6 0.06 155 / 0.3)"
+  },
+  measures: {
+    bg: "oklch(0.6 0.06 300 / 0.15)",
+    text: "oklch(0.6 0.06 300)",
+    border: "oklch(0.6 0.06 300 / 0.3)"
+  },
+  support: {
+    bg: "oklch(0.65 0.06 65 / 0.15)",
+    text: "oklch(0.65 0.06 65)",
+    border: "oklch(0.65 0.06 65 / 0.3)"
+  }
+};
+const CARD_PALETTE = {
+  light: {
+    cardBg: "#ffffff",
+    // hsl(0 0% 100%)
+    border: "#e2e8f0",
+    // hsl(214.3 31.8% 91.4%) — slate-200
+    text: "#020817",
+    // hsl(222.2 84% 4.9%)  — slate-950
+    textMuted: "#64748b"
+    // hsl(215.4 16.3% 46.9%) — slate-500
+  },
+  dark: {
+    cardBg: "#020817",
+    // hsl(222.2 84% 4.9%)  — slate-950
+    border: "#1e293b",
+    // hsl(217.2 32.6% 17.5%) — slate-800
+    text: "#f8fafc",
+    // hsl(210 40% 98%)     — slate-50
+    textMuted: "#94a3b8"
+    // hsl(215 20.2% 65.1%)  — slate-400
+  }
+};
+const PRIMARY_HEX = "#cd476a";
+const PRIMARY_HOVER_HEX = "#b53d5e";
+const PRIMARY_PRESSED_HEX = "#9d3552";
+const CARD_RADIUS = "4px";
+const CARD_SHADOW = "0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)";
+const CARD_SHADOW_LG = "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)";
+const FONT_STACK = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Inter', sans-serif";
+const MONO_STACK = "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace";
+const CARD_VARS = {
+  light: {
+    "--skhema-bg": "hsl(0 0% 100%)",
+    "--skhema-card": "hsl(0 0% 100%)",
+    "--skhema-border": "hsl(214.3 31.8% 91.4%)",
+    "--skhema-text": "hsl(222.2 84% 4.9%)",
+    "--skhema-text-muted": "hsl(215.4 16.3% 46.9%)",
+    "--skhema-accent": "hsl(210 40% 96%)",
+    "--skhema-surface-subtle": "hsl(210 40% 97%)"
+  },
+  dark: {
+    "--skhema-bg": "hsl(222.2 84% 4.9%)",
+    "--skhema-card": "hsl(222.2 84% 4.9%)",
+    "--skhema-border": "hsl(217.2 32.6% 17.5%)",
+    "--skhema-text": "hsl(210 40% 98%)",
+    "--skhema-text-muted": "hsl(215 20.2% 65.1%)",
+    "--skhema-accent": "hsl(217.2 32.6% 17.5%)",
+    "--skhema-surface-subtle": "hsl(217.2 32.6% 12%)"
+  }
+};
+const USER_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>`;
+const ELEMENT_TYPES = {
+  KEY_CHALLENGE: {
+    value: "key_challenge",
+    label: "Key Challenge",
+    acronym: "CHL"
+  },
+  SUPPORTING_FACT: {
+    value: "supporting_fact",
+    label: "Supporting Fact",
+    acronym: "FCT"
+  },
+  IMPACT: {
+    value: "impact",
+    label: "Impact",
+    acronym: "IMP"
+  },
+  GUIDING_POLICY: {
+    value: "guiding_policy",
+    label: "Guiding Policy",
+    acronym: "POL"
+  },
+  COMPETITOR_MOVE: {
+    value: "competitor_move",
+    label: "Competitor Move",
+    acronym: "CMV"
+  },
+  SCOPE: {
+    value: "scope",
+    label: "Scope",
+    acronym: "SCP"
+  },
+  CONSTRAINT: {
+    value: "constraint",
+    label: "Constraint",
+    acronym: "CST"
+  },
+  SOLUTION: {
+    value: "solution",
+    label: "Solution",
+    acronym: "SOL"
+  },
+  ASSUMPTION_HYPOTHESIS: {
+    value: "assumption_hypothesis",
+    label: "Assumption Hypothesis",
+    acronym: "HYP"
+  },
+  EXPERIMENT: {
+    value: "experiment",
+    label: "Experiment",
+    acronym: "EXP"
+  },
+  ACTION: {
+    value: "action",
+    label: "Action",
+    acronym: "ACT"
+  },
+  INVESTMENT: {
+    value: "investment",
+    label: "Investment",
+    acronym: "INV"
+  },
+  ESTIMATE: {
+    value: "estimate",
+    label: "Estimate",
+    acronym: "EST"
+  },
+  BASELINE: {
+    value: "baseline",
+    label: "Baseline",
+    acronym: "BSL"
+  },
+  OUTCOME: {
+    value: "outcome",
+    label: "Outcome",
+    acronym: "OCM"
+  },
+  PERFORMANCE_VARIABLE: {
+    value: "performance_variable",
+    label: "Performance Variable",
+    acronym: "VAR"
+  },
+  CAPABILITY: {
+    value: "capability",
+    label: "Capability",
+    acronym: "CAP"
+  },
+  SYSTEM: {
+    value: "system",
+    label: "System",
+    acronym: "SYS"
+  },
+  PRINCIPLE: {
+    value: "principle",
+    label: "Principle",
+    acronym: "PRN"
+  }
+};
+const COMPONENT_TYPES = {
+  DIAGNOSIS: {
+    value: "diagnosis",
+    label: "Diagnosis",
+    acronym: "BD"
+  },
+  METHOD: {
+    value: "method",
+    label: "Method & Positioning",
+    acronym: "MP"
+  },
+  INITIATIVES: {
+    value: "initiatives",
+    label: "Portfolio of Initiatives",
+    acronym: "PI"
+  },
+  MEASURES: {
+    value: "measures",
+    label: "Measures",
+    acronym: "M"
+  },
+  SUPPORT: {
+    value: "support",
+    label: "Support Structures",
+    acronym: "SS"
+  }
+};
+const SKHEMA_MAPPING = {
+  elementFlow: {
+    [COMPONENT_TYPES.DIAGNOSIS.value]: [
+      ELEMENT_TYPES.KEY_CHALLENGE,
+      ELEMENT_TYPES.SUPPORTING_FACT,
+      ELEMENT_TYPES.IMPACT
+    ],
+    [COMPONENT_TYPES.METHOD.value]: [
+      ELEMENT_TYPES.GUIDING_POLICY,
+      ELEMENT_TYPES.COMPETITOR_MOVE,
+      ELEMENT_TYPES.SCOPE,
+      ELEMENT_TYPES.CONSTRAINT
+    ],
+    [COMPONENT_TYPES.INITIATIVES.value]: [
+      ELEMENT_TYPES.SOLUTION,
+      ELEMENT_TYPES.ASSUMPTION_HYPOTHESIS,
+      ELEMENT_TYPES.EXPERIMENT,
+      ELEMENT_TYPES.ACTION,
+      ELEMENT_TYPES.ESTIMATE,
+      ELEMENT_TYPES.INVESTMENT
+    ],
+    [COMPONENT_TYPES.MEASURES.value]: [
+      ELEMENT_TYPES.BASELINE,
+      ELEMENT_TYPES.OUTCOME,
+      ELEMENT_TYPES.PERFORMANCE_VARIABLE
+    ],
+    [COMPONENT_TYPES.SUPPORT.value]: [
+      ELEMENT_TYPES.CAPABILITY,
+      ELEMENT_TYPES.SYSTEM,
+      ELEMENT_TYPES.PRINCIPLE
+    ]
+  }
+};
+function isValidComponentType(componentType) {
+  const validTypes = Object.values(COMPONENT_TYPES).map((t) => t.value);
+  return validTypes.includes(componentType);
+}
+function validateElementBelongsToComponent(elementType, componentType) {
+  if (!isValidComponentType(componentType)) return false;
+  const validElements = SKHEMA_MAPPING.elementFlow[componentType];
+  if (!validElements) return false;
+  return validElements.some((e) => e.value === elementType);
+}
+function getComponentTypeLabel(componentType) {
+  const type = Object.values(COMPONENT_TYPES).find(
+    (t) => t.value === componentType
+  );
+  return type?.label || componentType;
+}
+function getComponentTypeAcronym(componentType) {
+  const type = Object.values(COMPONENT_TYPES).find(
+    (t) => t.value === componentType
+  );
+  return type?.acronym || componentType.substring(0, 2).toUpperCase();
+}
+function resolveComponentType(elementType) {
+  for (const [componentValue, elements] of Object.entries(
+    SKHEMA_MAPPING.elementFlow
+  )) {
+    if (elements.some((e) => e.value === elementType)) {
+      return componentValue;
+    }
+  }
+  return "diagnosis";
+}
+function getElementTypesForComponent(componentType) {
+  if (!isValidComponentType(componentType)) return [];
+  const elements = SKHEMA_MAPPING.elementFlow[componentType];
+  return elements?.map((e) => e.value) || [];
+}
+function isValidElementType(elementType) {
+  const validTypes = Object.values(ELEMENT_TYPES).map((type) => type.value);
+  return validTypes.includes(elementType);
+}
+function validateAttributes(element) {
+  const errors = [];
+  const elementType = element.getAttribute("element-type");
+  const contributorId = element.getAttribute("contributor-id");
+  if (!elementType) {
+    errors.push("Missing required attribute: element-type");
+  } else if (!isValidElementType(elementType)) {
+    const validTypes = Object.values(ELEMENT_TYPES).map((t) => t.value).join(", ");
+    errors.push(
+      `Invalid element-type "${elementType}". Valid types: ${validTypes}`
+    );
+  }
+  if (!contributorId) {
+    errors.push("Missing required attribute: contributor-id");
+  } else if (contributorId.trim().length === 0) {
+    errors.push("contributor-id cannot be empty");
+  }
+  return {
+    isValid: errors.length === 0,
+    errors,
+    elementType: isValidElementType(elementType || "") ? elementType : void 0,
+    contributorId: contributorId || void 0
+  };
+}
+function getElementTypeLabel(elementType) {
+  const type = Object.values(ELEMENT_TYPES).find((t) => t.value === elementType);
+  return type?.label || elementType;
+}
+function getElementTypeAcronym(elementType) {
+  const type = Object.values(ELEMENT_TYPES).find((t) => t.value === elementType);
+  return type?.acronym || elementType.substring(0, 2).toUpperCase();
+}
+exports.CARD_PALETTE = CARD_PALETTE;
+exports.CARD_RADIUS = CARD_RADIUS;
+exports.CARD_SHADOW = CARD_SHADOW;
+exports.CARD_SHADOW_LG = CARD_SHADOW_LG;
+exports.CARD_VARS = CARD_VARS;
+exports.COMPONENT_COLORS = COMPONENT_COLORS;
+exports.FONT_STACK = FONT_STACK;
+exports.MONO_STACK = MONO_STACK;
+exports.PRIMARY_HEX = PRIMARY_HEX;
+exports.PRIMARY_HOVER_HEX = PRIMARY_HOVER_HEX;
+exports.PRIMARY_PRESSED_HEX = PRIMARY_PRESSED_HEX;
+exports.USER_ICON_SVG = USER_ICON_SVG;
+exports.getComponentTypeAcronym = getComponentTypeAcronym;
+exports.getComponentTypeLabel = getComponentTypeLabel;
+exports.getElementTypeAcronym = getElementTypeAcronym;
+exports.getElementTypeLabel = getElementTypeLabel;
+exports.getElementTypesForComponent = getElementTypesForComponent;
+exports.isValidComponentType = isValidComponentType;
+exports.isValidElementType = isValidElementType;
+exports.resolveComponentType = resolveComponentType;
+exports.validateAttributes = validateAttributes;
+exports.validateElementBelongsToComponent = validateElementBelongsToComponent;
+//# sourceMappingURL=tokens-BxpYMhDq.cjs.map

package/dist/tokens-BxpYMhDq.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens-BxpYMhDq.cjs","sources":["../src/styles/design-tokens.ts","../src/method-schema.ts","../src/utils/component-validation.ts","../src/utils/validation.ts"],"sourcesContent":["/**\n * Hardcoded color tokens for component-type badge colors.\n * Embeds can't rely on host page CSS vars, so we use inline values.\n * Source: skhema-web/src/app/globals.css oklch tokens converted to HSL-ish for browser compat.\n */\n\nexport const COMPONENT_COLORS = {\n  diagnosis: {\n    bg: 'oklch(0.65 0.06 25 / 0.15)',\n    text: 'oklch(0.65 0.06 25)',\n    border: 'oklch(0.65 0.06 25 / 0.3)',\n  },\n  method: {\n    bg: 'oklch(0.6 0.06 250 / 0.15)',\n    text: 'oklch(0.6 0.06 250)',\n    border: 'oklch(0.6 0.06 250 / 0.3)',\n  },\n  initiatives: {\n    bg: 'oklch(0.6 0.06 155 / 0.15)',\n    text: 'oklch(0.6 0.06 155)',\n    border: 'oklch(0.6 0.06 155 / 0.3)',\n  },\n  measures: {\n    bg: 'oklch(0.6 0.06 300 / 0.15)',\n    text: 'oklch(0.6 0.06 300)',\n    border: 'oklch(0.6 0.06 300 / 0.3)',\n  },\n  support: {\n    bg: 'oklch(0.65 0.06 65 / 0.15)',\n    text: 'oklch(0.65 0.06 65)',\n    border: 'oklch(0.65 0.06 65 / 0.3)',\n  },\n} as const\n\nexport type ComponentColorKey = keyof typeof COMPONENT_COLORS\n\n/**\n * Email-safe flat hex palette for the card surface, per theme. These mirror the\n * Tailwind slate values behind the `CARD_VARS` HSL tokens, pre-resolved to hex\n * because email clients ignore `<style>` / CSS vars. The card renderer\n * (`@skhema/embed/render`) inlines these so the live browser embed and email\n * share one colour system (see the \"converge on hex\" decision).\n */\nexport const CARD_PALETTE = {\n  light: {\n    cardBg: '#ffffff', // hsl(0 0% 100%)\n    border: '#e2e8f0', // hsl(214.3 31.8% 91.4%) — slate-200\n    text: '#020817', // hsl(222.2 84% 4.9%)  — slate-950\n    textMuted: '#64748b', // hsl(215.4 16.3% 46.9%) — slate-500\n  },\n  dark: {\n    cardBg: '#020817', // hsl(222.2 84% 4.9%)  — slate-950\n    border: '#1e293b', // hsl(217.2 32.6% 17.5%) — slate-800\n    text: '#f8fafc', // hsl(210 40% 98%)     — slate-50\n    textMuted: '#94a3b8', // hsl(215 20.2% 65.1%)  — slate-400\n  },\n} as const\n\nexport type CardTheme = keyof typeof CARD_PALETTE\n\n/** Save-button brand colours (hex) — match the `--skhema-primary*` HSL tokens. */\nexport const PRIMARY_HEX = '#cd476a' // hsl(344 57% 54%)\nexport const PRIMARY_HOVER_HEX = '#b53d5e' // hsl(344 50% 47%)\nexport const PRIMARY_PRESSED_HEX = '#9d3552' // hsl(343 50% 41%)\n\n/** Card geometry / typography shared by the renderer and the browser embed. */\nexport const CARD_RADIUS = '4px' // calc(0.1rem + 2px) ≈ 3.6px\nexport const CARD_SHADOW =\n  '0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)'\nexport const CARD_SHADOW_LG =\n  '0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)'\nexport const FONT_STACK =\n  \"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Inter', sans-serif\"\nexport const MONO_STACK =\n  \"ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace\"\n\n/**\n * Shared base card CSS variables for light and dark modes.\n */\nexport const CARD_VARS = {\n  light: {\n    '--skhema-bg': 'hsl(0 0% 100%)',\n    '--skhema-card': 'hsl(0 0% 100%)',\n    '--skhema-border': 'hsl(214.3 31.8% 91.4%)',\n    '--skhema-text': 'hsl(222.2 84% 4.9%)',\n    '--skhema-text-muted': 'hsl(215.4 16.3% 46.9%)',\n    '--skhema-accent': 'hsl(210 40% 96%)',\n    '--skhema-surface-subtle': 'hsl(210 40% 97%)',\n  },\n  dark: {\n    '--skhema-bg': 'hsl(222.2 84% 4.9%)',\n    '--skhema-card': 'hsl(222.2 84% 4.9%)',\n    '--skhema-border': 'hsl(217.2 32.6% 17.5%)',\n    '--skhema-text': 'hsl(210 40% 98%)',\n    '--skhema-text-muted': 'hsl(215 20.2% 65.1%)',\n    '--skhema-accent': 'hsl(217.2 32.6% 17.5%)',\n    '--skhema-surface-subtle': 'hsl(217.2 32.6% 12%)',\n  },\n} as const\n\n/**\n * User SVG icon (inline, no external deps).\n */\nexport const USER_ICON_SVG = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"/><circle cx=\"12\" cy=\"7\" r=\"4\"/></svg>`\n","/**\n * Vendored from @skhema/types (src/schema/{elements,components,mapping}.ts).\n *\n * @skhema/types is a restricted npm package; @skhema/embed is public, so it\n * must not depend on it at install time. This is the public method vocabulary\n * (it renders verbatim in public embeds) — keep it in sync with @skhema/types\n * when the method schema changes (same pattern as\n * skhema-cli/src/lib/contribute/method-schema.ts).\n */\n\nexport const ELEMENT_TYPES = {\n  KEY_CHALLENGE: {\n    value: 'key_challenge',\n    label: 'Key Challenge',\n    acronym: 'CHL',\n  },\n  SUPPORTING_FACT: {\n    value: 'supporting_fact',\n    label: 'Supporting Fact',\n    acronym: 'FCT',\n  },\n  IMPACT: {\n    value: 'impact',\n    label: 'Impact',\n    acronym: 'IMP',\n  },\n  GUIDING_POLICY: {\n    value: 'guiding_policy',\n    label: 'Guiding Policy',\n    acronym: 'POL',\n  },\n  COMPETITOR_MOVE: {\n    value: 'competitor_move',\n    label: 'Competitor Move',\n    acronym: 'CMV',\n  },\n  SCOPE: {\n    value: 'scope',\n    label: 'Scope',\n    acronym: 'SCP',\n  },\n  CONSTRAINT: {\n    value: 'constraint',\n    label: 'Constraint',\n    acronym: 'CST',\n  },\n  SOLUTION: {\n    value: 'solution',\n    label: 'Solution',\n    acronym: 'SOL',\n  },\n  ASSUMPTION_HYPOTHESIS: {\n    value: 'assumption_hypothesis',\n    label: 'Assumption Hypothesis',\n    acronym: 'HYP',\n  },\n  EXPERIMENT: {\n    value: 'experiment',\n    label: 'Experiment',\n    acronym: 'EXP',\n  },\n  ACTION: {\n    value: 'action',\n    label: 'Action',\n    acronym: 'ACT',\n  },\n  INVESTMENT: {\n    value: 'investment',\n    label: 'Investment',\n    acronym: 'INV',\n  },\n  ESTIMATE: {\n    value: 'estimate',\n    label: 'Estimate',\n    acronym: 'EST',\n  },\n  BASELINE: {\n    value: 'baseline',\n    label: 'Baseline',\n    acronym: 'BSL',\n  },\n  OUTCOME: {\n    value: 'outcome',\n    label: 'Outcome',\n    acronym: 'OCM',\n  },\n  PERFORMANCE_VARIABLE: {\n    value: 'performance_variable',\n    label: 'Performance Variable',\n    acronym: 'VAR',\n  },\n  CAPABILITY: {\n    value: 'capability',\n    label: 'Capability',\n    acronym: 'CAP',\n  },\n  SYSTEM: {\n    value: 'system',\n    label: 'System',\n    acronym: 'SYS',\n  },\n  PRINCIPLE: {\n    value: 'principle',\n    label: 'Principle',\n    acronym: 'PRN',\n  },\n} as const\n\nexport const COMPONENT_TYPES = {\n  DIAGNOSIS: {\n    value: 'diagnosis',\n    label: 'Diagnosis',\n    acronym: 'BD',\n  },\n  METHOD: {\n    value: 'method',\n    label: 'Method & Positioning',\n    acronym: 'MP',\n  },\n  INITIATIVES: {\n    value: 'initiatives',\n    label: 'Portfolio of Initiatives',\n    acronym: 'PI',\n  },\n  MEASURES: {\n    value: 'measures',\n    label: 'Measures',\n    acronym: 'M',\n  },\n  SUPPORT: {\n    value: 'support',\n    label: 'Support Structures',\n    acronym: 'SS',\n  },\n} as const\n\nexport const SKHEMA_MAPPING = {\n  componentFlow: [\n    COMPONENT_TYPES.DIAGNOSIS,\n    COMPONENT_TYPES.METHOD,\n    COMPONENT_TYPES.INITIATIVES,\n    COMPONENT_TYPES.MEASURES,\n    COMPONENT_TYPES.SUPPORT,\n  ] as const,\n\n  elementFlow: {\n    [COMPONENT_TYPES.DIAGNOSIS.value]: [\n      ELEMENT_TYPES.KEY_CHALLENGE,\n      ELEMENT_TYPES.SUPPORTING_FACT,\n      ELEMENT_TYPES.IMPACT,\n    ],\n    [COMPONENT_TYPES.METHOD.value]: [\n      ELEMENT_TYPES.GUIDING_POLICY,\n      ELEMENT_TYPES.COMPETITOR_MOVE,\n      ELEMENT_TYPES.SCOPE,\n      ELEMENT_TYPES.CONSTRAINT,\n    ],\n    [COMPONENT_TYPES.INITIATIVES.value]: [\n      ELEMENT_TYPES.SOLUTION,\n      ELEMENT_TYPES.ASSUMPTION_HYPOTHESIS,\n      ELEMENT_TYPES.EXPERIMENT,\n      ELEMENT_TYPES.ACTION,\n      ELEMENT_TYPES.ESTIMATE,\n      ELEMENT_TYPES.INVESTMENT,\n    ],\n    [COMPONENT_TYPES.MEASURES.value]: [\n      ELEMENT_TYPES.BASELINE,\n      ELEMENT_TYPES.OUTCOME,\n      ELEMENT_TYPES.PERFORMANCE_VARIABLE,\n    ],\n    [COMPONENT_TYPES.SUPPORT.value]: [\n      ELEMENT_TYPES.CAPABILITY,\n      ELEMENT_TYPES.SYSTEM,\n      ELEMENT_TYPES.PRINCIPLE,\n    ],\n  } as const,\n} as const\n\nexport type ElementType = (typeof ELEMENT_TYPES)[keyof typeof ELEMENT_TYPES]\nexport type ElementValue = ElementType['value']\nexport type ComponentType =\n  (typeof COMPONENT_TYPES)[keyof typeof COMPONENT_TYPES]\nexport type ComponentValue = ComponentType['value']\n","import type { ComponentValue, ElementValue } from '../method-schema.js'\nimport { COMPONENT_TYPES, SKHEMA_MAPPING } from '../method-schema.js'\n\n/**\n * Validate that a string is a valid component type.\n */\nexport function isValidComponentType(\n  componentType: string\n): componentType is ComponentValue {\n  const validTypes = Object.values(COMPONENT_TYPES).map((t) => t.value)\n  return validTypes.includes(componentType as ComponentValue)\n}\n\n/**\n * Validate that an element type belongs to the given component type.\n */\nexport function validateElementBelongsToComponent(\n  elementType: string,\n  componentType: string\n): boolean {\n  if (!isValidComponentType(componentType)) return false\n\n  const validElements =\n    SKHEMA_MAPPING.elementFlow[\n      componentType as keyof typeof SKHEMA_MAPPING.elementFlow\n    ]\n  if (!validElements) return false\n\n  return validElements.some((e) => e.value === elementType)\n}\n\n/**\n * Get the human-readable label for a component type.\n */\nexport function getComponentTypeLabel(componentType: string): string {\n  const type = Object.values(COMPONENT_TYPES).find(\n    (t) => t.value === componentType\n  )\n  return type?.label || componentType\n}\n\n/**\n * Get the acronym for a component type (e.g., 'BD' for diagnosis).\n */\nexport function getComponentTypeAcronym(componentType: string): string {\n  const type = Object.values(COMPONENT_TYPES).find(\n    (t) => t.value === componentType\n  )\n  return type?.acronym || componentType.substring(0, 2).toUpperCase()\n}\n\n/**\n * Resolve which component type an element belongs to.\n * Returns the component value, or 'diagnosis' as fallback.\n */\nexport function resolveComponentType(elementType: string): ComponentValue {\n  for (const [componentValue, elements] of Object.entries(\n    SKHEMA_MAPPING.elementFlow\n  )) {\n    if (elements.some((e) => e.value === elementType)) {\n      return componentValue as ComponentValue\n    }\n  }\n  return 'diagnosis'\n}\n\n/**\n * Get all valid element types for a given component, ordered per the mapping.\n */\nexport function getElementTypesForComponent(\n  componentType: string\n): ElementValue[] {\n  if (!isValidComponentType(componentType)) return []\n  const elements =\n    SKHEMA_MAPPING.elementFlow[\n      componentType as keyof typeof SKHEMA_MAPPING.elementFlow\n    ]\n  return elements?.map((e) => e.value) || []\n}\n","import type { ElementValue } from '../method-schema.js'\nimport { ELEMENT_TYPES } from '../method-schema.js'\n\nexport function isValidElementType(\n  elementType: string\n): elementType is ElementValue {\n  const validTypes = Object.values(ELEMENT_TYPES).map((type) => type.value)\n  return validTypes.includes(elementType as ElementValue)\n}\n\nexport function validateAttributes(element: HTMLElement): {\n  isValid: boolean\n  errors: string[]\n  elementType?: ElementValue\n  contributorId?: string\n} {\n  const errors: string[] = []\n\n  const elementType = element.getAttribute('element-type')\n  const contributorId = element.getAttribute('contributor-id')\n\n  if (!elementType) {\n    errors.push('Missing required attribute: element-type')\n  } else if (!isValidElementType(elementType)) {\n    const validTypes = Object.values(ELEMENT_TYPES)\n      .map((t) => t.value)\n      .join(', ')\n    errors.push(\n      `Invalid element-type \"${elementType}\". Valid types: ${validTypes}`\n    )\n  }\n\n  if (!contributorId) {\n    errors.push('Missing required attribute: contributor-id')\n  } else if (contributorId.trim().length === 0) {\n    errors.push('contributor-id cannot be empty')\n  }\n\n  return {\n    isValid: errors.length === 0,\n    errors,\n    elementType: isValidElementType(elementType || '')\n      ? (elementType as ElementValue)\n      : undefined,\n    contributorId: contributorId || undefined,\n  }\n}\n\nexport function getElementTypeLabel(elementType: ElementValue): string {\n  const type = Object.values(ELEMENT_TYPES).find((t) => t.value === elementType)\n  return type?.label || elementType\n}\n\nexport function getElementTypeAcronym(elementType: ElementValue): string {\n  const type = Object.values(ELEMENT_TYPES).find((t) => t.value === elementType)\n  return type?.acronym || elementType.substring(0, 2).toUpperCase()\n}\n"],"names":[],"mappings":"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"}

package/dist/tokens.cjs

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const validation = require("./validation-CNWaQfh_.cjs");
-exports.CARD_VARS = validation.CARD_VARS;
-exports.COMPONENT_COLORS = validation.COMPONENT_COLORS;
-exports.USER_ICON_SVG = validation.USER_ICON_SVG;
-exports.getComponentTypeAcronym = validation.getComponentTypeAcronym;
-exports.getComponentTypeLabel = validation.getComponentTypeLabel;
-exports.getElementTypeAcronym = validation.getElementTypeAcronym;
-exports.getElementTypeLabel = validation.getElementTypeLabel;
-exports.getElementTypesForComponent = validation.getElementTypesForComponent;
-exports.isValidComponentType = validation.isValidComponentType;
-exports.isValidElementType = validation.isValidElementType;
-exports.resolveComponentType = validation.resolveComponentType;
-exports.validateElementBelongsToComponent = validation.validateElementBelongsToComponent;
+const tokens = require("./tokens-BxpYMhDq.cjs");
+exports.CARD_VARS = tokens.CARD_VARS;
+exports.COMPONENT_COLORS = tokens.COMPONENT_COLORS;
+exports.USER_ICON_SVG = tokens.USER_ICON_SVG;
+exports.getComponentTypeAcronym = tokens.getComponentTypeAcronym;
+exports.getComponentTypeLabel = tokens.getComponentTypeLabel;
+exports.getElementTypeAcronym = tokens.getElementTypeAcronym;
+exports.getElementTypeLabel = tokens.getElementTypeLabel;
+exports.getElementTypesForComponent = tokens.getElementTypesForComponent;
+exports.isValidComponentType = tokens.isValidComponentType;
+exports.isValidElementType = tokens.isValidElementType;
+exports.resolveComponentType = tokens.resolveComponentType;
+exports.validateElementBelongsToComponent = tokens.validateElementBelongsToComponent;
 //# sourceMappingURL=tokens.cjs.map

package/dist/tokens.d.ts

@@ -10,7 +10,7 @@
  *
  * Everything re-exported below is pure (no DOM, no side effects).
  */
-export { COMPONENT_COLORS, CARD_VARS, USER_ICON_SVG, } from './styles/design-tokens.js';
+export { CARD_VARS, COMPONENT_COLORS, USER_ICON_SVG, } from './styles/design-tokens.js';
 export type { ComponentColorKey } from './styles/design-tokens.js';
 export { getComponentTypeAcronym, getComponentTypeLabel, getElementTypesForComponent, isValidComponentType, resolveComponentType, validateElementBelongsToComponent, } from './utils/component-validation.js';
 export { getElementTypeAcronym, getElementTypeLabel, isValidElementType, } from './utils/validation.js';

package/dist/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EACL,gBAAgB,EAChB,SAAS,EACT,aAAa,GACd,MAAM,2BAA2B,CAAA;AAClC,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAElE,OAAO,EACL,uBAAuB,EACvB,qBAAqB,EACrB,2BAA2B,EAC3B,oBAAoB,EACpB,oBAAoB,EACpB,iCAAiC,GAClC,MAAM,iCAAiC,CAAA;AAExC,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,GACd,MAAM,2BAA2B,CAAA;AAClC,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAElE,OAAO,EACL,uBAAuB,EACvB,qBAAqB,EACrB,2BAA2B,EAC3B,oBAAoB,EACpB,oBAAoB,EACpB,iCAAiC,GAClC,MAAM,iCAAiC,CAAA;AAExC,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,uBAAuB,CAAA"}

package/dist/tokens.es.js

@@ -1,15 +1,15 @@
-import { C, a, U, g, b, c, d, e, i, f, r, v } from "./validation-MSiRF5Wt.js";
+import { o, c, U, a, b, m, g, f, i, n, r, v } from "./tokens-BQf5zJ3j.js";
 export {
-  C as CARD_VARS,
-  a as COMPONENT_COLORS,
+  o as CARD_VARS,
+  c as COMPONENT_COLORS,
   U as USER_ICON_SVG,
-  g as getComponentTypeAcronym,
+  a as getComponentTypeAcronym,
   b as getComponentTypeLabel,
-  c as getElementTypeAcronym,
-  d as getElementTypeLabel,
-  e as getElementTypesForComponent,
+  m as getElementTypeAcronym,
+  g as getElementTypeLabel,
+  f as getElementTypesForComponent,
   i as isValidComponentType,
-  f as isValidElementType,
+  n as isValidElementType,
   r as resolveComponentType,
   v as validateElementBelongsToComponent
 };

package/dist/utils/color.d.ts

@@ -0,0 +1,25 @@
+/**
+ * DOM-free colour utilities for the email-safe card renderer.
+ *
+ * The card palette (`COMPONENT_COLORS`) is authored in `oklch()` for the live
+ * browser embed, but email clients can't parse `oklch()` and `<style>` is
+ * stripped, so every colour must be a pre-computed sRGB hex with all styles
+ * inlined. This converts a single `oklch(...)` token to hex, compositing any
+ * alpha over a flat background (white for light cards, the dark card surface
+ * for dark cards) so the result is opaque and email-safe.
+ *
+ * This is the single source of the conversion that `sk comms curated` and the
+ * `CuratedElements` email template previously duplicated.
+ */
+/** Brand pink (hsl(344 57% 54%)) — fallback when a component palette is missing. */
+export declare const BRAND_PINK = "#cd476a";
+/**
+ * Convert a single `oklch(...)` token to an email-safe sRGB hex. When the token
+ * carries an alpha (e.g. the badge `bg` @ 0.15 / `border` @ 0.3), the colour is
+ * composited over `overHex` so the result is a flat opaque hex.
+ *
+ * @param token  An `oklch(L C H)` or `oklch(L C H / A)` string.
+ * @param overHex The flat background to composite alpha over (default white).
+ */
+export declare function oklchToHex(token: string, overHex?: string): string;
+//# sourceMappingURL=color.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,oFAAoF;AACpF,eAAO,MAAM,UAAU,YAAY,CAAA;AAWnC;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,SAAY,GAAG,MAAM,CAqCrE"}

package/dist/utils/component-validation.d.ts

@@ -1,4 +1,4 @@
-import { ComponentValue, ElementValue } from '@skhema/types';
+import { ComponentValue, ElementValue } from '../method-schema.js';
 /**
  * Validate that a string is a valid component type.
  */

package/dist/utils/component-validation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-validation.d.ts","sourceRoot":"","sources":["../../src/utils/component-validation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAGjE;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,aAAa,EAAE,MAAM,GACpB,aAAa,IAAI,cAAc,CAGjC;AAED;;GAEG;AACH,wBAAgB,iCAAiC,CAC/C,WAAW,EAAE,MAAM,EACnB,aAAa,EAAE,MAAM,GACpB,OAAO,CAUT;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAKnE;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAKrE;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,cAAc,CASxE;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,aAAa,EAAE,MAAM,GACpB,YAAY,EAAE,CAOhB"}
+{"version":3,"file":"component-validation.d.ts","sourceRoot":"","sources":["../../src/utils/component-validation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAGvE;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,aAAa,EAAE,MAAM,GACpB,aAAa,IAAI,cAAc,CAGjC;AAED;;GAEG;AACH,wBAAgB,iCAAiC,CAC/C,WAAW,EAAE,MAAM,EACnB,aAAa,EAAE,MAAM,GACpB,OAAO,CAUT;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAKnE;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAKrE;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,cAAc,CASxE;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,aAAa,EAAE,MAAM,GACpB,YAAY,EAAE,CAOhB"}

package/dist/utils/sanitization.d.ts

@@ -1,5 +1,11 @@
 /**
- * Content sanitization utilities for Skhema web component
+ * Content sanitization utilities for Skhema cards.
+ *
+ * DOM-free by design: `sanitizeContent` is imported by the email-safe card
+ * renderer (`@skhema/embed/render`), which must run in Node / email / CLI
+ * runtimes with no `document`. Keep every export here free of DOM access at
+ * call time (the legacy `stripHtml` below is the one exception and is not used
+ * by the renderer).
  */
 /**
  * Sanitizes content to prevent XSS attacks and removes URLs

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

@@ -1 +1 @@
-{"version":3,"file":"sanitization.d.ts","sourceRoot":"","sources":["../../src/utils/sanitization.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAqBvD;AA4DD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,GAAG;IACxD,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,MAAM,EAAE,CAAA;CACjB,CAqCA;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAIjD;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAUrD"}
+{"version":3,"file":"sanitization.d.ts","sourceRoot":"","sources":["../../src/utils/sanitization.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAcH;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAcvD;AA4DD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,GAAG;IACxD,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,MAAM,EAAE,CAAA;CACjB,CAqCA;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAIjD;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAUrD"}

package/dist/utils/seo.d.ts

@@ -1,4 +1,4 @@
-import { ComponentValue, ElementValue } from '@skhema/types';
+import { ComponentValue, ElementValue } from '../method-schema.js';
 export declare function generateStructuredData(content: string, elementType: ElementValue, contributorId: string, sourceUrl: string): object;
 export declare function generateRedirectUrl(content: string, elementType: ElementValue, contributorId: string, options?: {
     baseUrl?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"seo.d.ts","sourceRoot":"","sources":["../../src/utils/seo.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAKjE,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,MAAM,EACf,WAAW,EAAE,YAAY,EACzB,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,MAAM,GAChB,MAAM,CAqBR;AAED,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,MAAM,EACf,WAAW,EAAE,YAAY,EACzB,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CAChB,GACL,MAAM,CAiBR;AAED,wBAAgB,cAAc,CAC5B,OAAO,EAAE,MAAM,EACf,WAAW,EAAE,YAAY,EACzB,aAAa,EAAE,MAAM,GACpB,MAAM,CAYR;AAED,wBAAgB,+BAA+B,CAC7C,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,cAAc,EAC7B,aAAa,EAAE,MAAM,EACrB,QAAQ,EAAE,KAAK,CAAC;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,EACzD,SAAS,EAAE,MAAM,GAChB,MAAM,CAiCR;AAED,wBAAgB,4BAA4B,CAC1C,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,cAAc,EAC7B,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CAChB,GACL,MAAM,CAeR;AAED,wBAAgB,oBAAoB,CAClC,WAAW,EAAE,YAAY,GACxB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAQxB"}
+{"version":3,"file":"seo.d.ts","sourceRoot":"","sources":["../../src/utils/seo.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAKvE,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,MAAM,EACf,WAAW,EAAE,YAAY,EACzB,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,MAAM,GAChB,MAAM,CAqBR;AAED,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,MAAM,EACf,WAAW,EAAE,YAAY,EACzB,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CAChB,GACL,MAAM,CAiBR;AAED,wBAAgB,cAAc,CAC5B,OAAO,EAAE,MAAM,EACf,WAAW,EAAE,YAAY,EACzB,aAAa,EAAE,MAAM,GACpB,MAAM,CAYR;AAED,wBAAgB,+BAA+B,CAC7C,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,cAAc,EAC7B,aAAa,EAAE,MAAM,EACrB,QAAQ,EAAE,KAAK,CAAC;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,EACzD,SAAS,EAAE,MAAM,GAChB,MAAM,CAiCR;AAED,wBAAgB,4BAA4B,CAC1C,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,cAAc,EAC7B,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CAChB,GACL,MAAM,CAeR;AAED,wBAAgB,oBAAoB,CAClC,WAAW,EAAE,YAAY,GACxB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAQxB"}

package/dist/utils/validation.d.ts

@@ -1,4 +1,4 @@
-import { ElementValue } from '@skhema/types';
+import { ElementValue } from '../method-schema.js';
 export declare function isValidElementType(elementType: string): elementType is ElementValue;
 export declare function validateAttributes(element: HTMLElement): {
     isValid: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/utils/validation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAGjD,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,GAClB,WAAW,IAAI,YAAY,CAG7B;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,WAAW,GAAG;IACxD,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CA+BA;AAED,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,YAAY,GAAG,MAAM,CAGrE;AAED,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,YAAY,GAAG,MAAM,CAGvE"}
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/utils/validation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAGvD,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,GAClB,WAAW,IAAI,YAAY,CAG7B;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,WAAW,GAAG;IACxD,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CA+BA;AAED,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,YAAY,GAAG,MAAM,CAGrE;AAED,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,YAAY,GAAG,MAAM,CAGvE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skhema/embed",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "description": "Embeddable component for integrating strategic elements with Skhema.",
   "main": "dist/index.cjs",
   "module": "dist/index.es.js",
@@ -26,6 +26,12 @@
       "require": "./dist/tokens.cjs",
       "default": "./dist/tokens.es.js"
     },
+    "./render": {
+      "types": "./dist/render.d.ts",
+      "import": "./dist/render.es.js",
+      "require": "./dist/render.cjs",
+      "default": "./dist/render.es.js"
+    },
     "./cdn": {
       "types": "./dist/cdn.d.ts",
       "import": "./dist/embed.min.js"
@@ -45,8 +51,8 @@
     "lint:fix": "eslint . --fix",
     "format": "prettier --write .",
     "format:check": "prettier --check .",
-    "test": "echo \"No tests configured yet\"",
-    "test:watch": "echo \"No tests configured yet\"",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "check": "npm run typecheck && npm run lint && npm run format:check",
     "check:fix": "npm run format && npm run lint:fix",
     "preview": "vite preview",
@@ -63,9 +69,6 @@
   ],
   "author": "Skhema Team",
   "license": "MIT",
-  "dependencies": {
-    "@skhema/types": "2.5.0"
-  },
   "devDependencies": {
     "@skhema/linter": "2.2.0",
     "@skhema/prettier-config": "1.0.0",
@@ -76,7 +79,8 @@
     "terser": "^5.0.0",
     "typescript": "^5.0.0",
     "vite": "^7.0.0",
-    "vite-plugin-dts": "^4.0.0"
+    "vite-plugin-dts": "^4.0.0",
+    "vitest": "^4.0.17"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/dist/utils/author-attribution.d.ts

@@ -1,16 +0,0 @@
-/**
- * Resolve author display from element attributes.
- * Prefer author-name; contributor-name is deprecated.
- */
-export interface AuthorAttribution {
-    authorName: string;
-    authorSlug?: string;
-}
-export declare function readAuthorAttribution(element: HTMLElement): AuthorAttribution | null;
-/**
- * Footer HTML: "By {authorName}", linked when authorSlug is set.
- */
-export declare function formatAuthorAttributionHtml(authorName: string, authorSlug?: string): string;
-export declare function formatContributorIdFallback(contributorId: string): string;
-export declare function resolveAuthorFooterHtml(element: HTMLElement, contributorId: string): string;
-//# sourceMappingURL=author-attribution.d.ts.map

package/dist/utils/author-attribution.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"author-attribution.d.ts","sourceRoot":"","sources":["../../src/utils/author-attribution.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,WAAW,GACnB,iBAAiB,GAAG,IAAI,CAY1B;AAUD;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,UAAU,EAAE,MAAM,EAClB,UAAU,CAAC,EAAE,MAAM,GAClB,MAAM,CAMR;AAED,wBAAgB,2BAA2B,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAKzE;AAED,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,MAAM,GACpB,MAAM,CASR"}