@skhema/embed 0.1.9 → 0.1.11

package/dist/method-schema.d.ts

@@ -0,0 +1,244 @@
+/**
+ * Vendored from @skhema/types (src/schema/{elements,components,mapping}.ts).
+ *
+ * @skhema/types is a restricted npm package; @skhema/embed is public, so it
+ * must not depend on it at install time. This is the public method vocabulary
+ * (it renders verbatim in public embeds) — keep it in sync with @skhema/types
+ * when the method schema changes (same pattern as
+ * skhema-cli/src/lib/contribute/method-schema.ts).
+ */
+export declare const ELEMENT_TYPES: {
+    readonly KEY_CHALLENGE: {
+        readonly value: "key_challenge";
+        readonly label: "Key Challenge";
+        readonly acronym: "CHL";
+    };
+    readonly SUPPORTING_FACT: {
+        readonly value: "supporting_fact";
+        readonly label: "Supporting Fact";
+        readonly acronym: "FCT";
+    };
+    readonly IMPACT: {
+        readonly value: "impact";
+        readonly label: "Impact";
+        readonly acronym: "IMP";
+    };
+    readonly GUIDING_POLICY: {
+        readonly value: "guiding_policy";
+        readonly label: "Guiding Policy";
+        readonly acronym: "POL";
+    };
+    readonly COMPETITOR_MOVE: {
+        readonly value: "competitor_move";
+        readonly label: "Competitor Move";
+        readonly acronym: "CMV";
+    };
+    readonly SCOPE: {
+        readonly value: "scope";
+        readonly label: "Scope";
+        readonly acronym: "SCP";
+    };
+    readonly CONSTRAINT: {
+        readonly value: "constraint";
+        readonly label: "Constraint";
+        readonly acronym: "CST";
+    };
+    readonly SOLUTION: {
+        readonly value: "solution";
+        readonly label: "Solution";
+        readonly acronym: "SOL";
+    };
+    readonly ASSUMPTION_HYPOTHESIS: {
+        readonly value: "assumption_hypothesis";
+        readonly label: "Assumption Hypothesis";
+        readonly acronym: "HYP";
+    };
+    readonly EXPERIMENT: {
+        readonly value: "experiment";
+        readonly label: "Experiment";
+        readonly acronym: "EXP";
+    };
+    readonly ACTION: {
+        readonly value: "action";
+        readonly label: "Action";
+        readonly acronym: "ACT";
+    };
+    readonly INVESTMENT: {
+        readonly value: "investment";
+        readonly label: "Investment";
+        readonly acronym: "INV";
+    };
+    readonly ESTIMATE: {
+        readonly value: "estimate";
+        readonly label: "Estimate";
+        readonly acronym: "EST";
+    };
+    readonly BASELINE: {
+        readonly value: "baseline";
+        readonly label: "Baseline";
+        readonly acronym: "BSL";
+    };
+    readonly OUTCOME: {
+        readonly value: "outcome";
+        readonly label: "Outcome";
+        readonly acronym: "OCM";
+    };
+    readonly PERFORMANCE_VARIABLE: {
+        readonly value: "performance_variable";
+        readonly label: "Performance Variable";
+        readonly acronym: "VAR";
+    };
+    readonly CAPABILITY: {
+        readonly value: "capability";
+        readonly label: "Capability";
+        readonly acronym: "CAP";
+    };
+    readonly SYSTEM: {
+        readonly value: "system";
+        readonly label: "System";
+        readonly acronym: "SYS";
+    };
+    readonly PRINCIPLE: {
+        readonly value: "principle";
+        readonly label: "Principle";
+        readonly acronym: "PRN";
+    };
+};
+export declare const COMPONENT_TYPES: {
+    readonly DIAGNOSIS: {
+        readonly value: "diagnosis";
+        readonly label: "Diagnosis";
+        readonly acronym: "BD";
+    };
+    readonly METHOD: {
+        readonly value: "method";
+        readonly label: "Method & Positioning";
+        readonly acronym: "MP";
+    };
+    readonly INITIATIVES: {
+        readonly value: "initiatives";
+        readonly label: "Portfolio of Initiatives";
+        readonly acronym: "PI";
+    };
+    readonly MEASURES: {
+        readonly value: "measures";
+        readonly label: "Measures";
+        readonly acronym: "M";
+    };
+    readonly SUPPORT: {
+        readonly value: "support";
+        readonly label: "Support Structures";
+        readonly acronym: "SS";
+    };
+};
+export declare const SKHEMA_MAPPING: {
+    readonly componentFlow: readonly [{
+        readonly value: "diagnosis";
+        readonly label: "Diagnosis";
+        readonly acronym: "BD";
+    }, {
+        readonly value: "method";
+        readonly label: "Method & Positioning";
+        readonly acronym: "MP";
+    }, {
+        readonly value: "initiatives";
+        readonly label: "Portfolio of Initiatives";
+        readonly acronym: "PI";
+    }, {
+        readonly value: "measures";
+        readonly label: "Measures";
+        readonly acronym: "M";
+    }, {
+        readonly value: "support";
+        readonly label: "Support Structures";
+        readonly acronym: "SS";
+    }];
+    readonly elementFlow: {
+        readonly diagnosis: readonly [{
+            readonly value: "key_challenge";
+            readonly label: "Key Challenge";
+            readonly acronym: "CHL";
+        }, {
+            readonly value: "supporting_fact";
+            readonly label: "Supporting Fact";
+            readonly acronym: "FCT";
+        }, {
+            readonly value: "impact";
+            readonly label: "Impact";
+            readonly acronym: "IMP";
+        }];
+        readonly method: readonly [{
+            readonly value: "guiding_policy";
+            readonly label: "Guiding Policy";
+            readonly acronym: "POL";
+        }, {
+            readonly value: "competitor_move";
+            readonly label: "Competitor Move";
+            readonly acronym: "CMV";
+        }, {
+            readonly value: "scope";
+            readonly label: "Scope";
+            readonly acronym: "SCP";
+        }, {
+            readonly value: "constraint";
+            readonly label: "Constraint";
+            readonly acronym: "CST";
+        }];
+        readonly initiatives: readonly [{
+            readonly value: "solution";
+            readonly label: "Solution";
+            readonly acronym: "SOL";
+        }, {
+            readonly value: "assumption_hypothesis";
+            readonly label: "Assumption Hypothesis";
+            readonly acronym: "HYP";
+        }, {
+            readonly value: "experiment";
+            readonly label: "Experiment";
+            readonly acronym: "EXP";
+        }, {
+            readonly value: "action";
+            readonly label: "Action";
+            readonly acronym: "ACT";
+        }, {
+            readonly value: "estimate";
+            readonly label: "Estimate";
+            readonly acronym: "EST";
+        }, {
+            readonly value: "investment";
+            readonly label: "Investment";
+            readonly acronym: "INV";
+        }];
+        readonly measures: readonly [{
+            readonly value: "baseline";
+            readonly label: "Baseline";
+            readonly acronym: "BSL";
+        }, {
+            readonly value: "outcome";
+            readonly label: "Outcome";
+            readonly acronym: "OCM";
+        }, {
+            readonly value: "performance_variable";
+            readonly label: "Performance Variable";
+            readonly acronym: "VAR";
+        }];
+        readonly support: readonly [{
+            readonly value: "capability";
+            readonly label: "Capability";
+            readonly acronym: "CAP";
+        }, {
+            readonly value: "system";
+            readonly label: "System";
+            readonly acronym: "SYS";
+        }, {
+            readonly value: "principle";
+            readonly label: "Principle";
+            readonly acronym: "PRN";
+        }];
+    };
+};
+export type ElementType = (typeof ELEMENT_TYPES)[keyof typeof ELEMENT_TYPES];
+export type ElementValue = ElementType['value'];
+export type ComponentType = (typeof COMPONENT_TYPES)[keyof typeof COMPONENT_TYPES];
+export type ComponentValue = ComponentType['value'];
+//# sourceMappingURL=method-schema.d.ts.map

package/dist/method-schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"method-schema.d.ts","sourceRoot":"","sources":["../src/method-schema.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGhB,CAAA;AAEV,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BlB,CAAA;AAEV,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCjB,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAA;AAC5E,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;AAC/C,MAAM,MAAM,aAAa,GACvB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAA;AACxD,MAAM,MAAM,cAAc,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA"}

package/dist/render/index.d.ts

@@ -0,0 +1,55 @@
+import { CardTheme } from '../styles/design-tokens.js';
+/** Card theme. Email is always `'light'`; the browser embed passes the
+ * detected page theme. Defaults to `'light'` when omitted. */
+export type { CardTheme };
+/** Author attribution shared by both card kinds. */
+interface AuthorFields {
+    /** Display name. When omitted, falls back to a humanised `contributorId`. */
+    authorName?: string | null;
+    /** Public contributor slug — when present, the name links to the profile. */
+    authorSlug?: string | null;
+    /** Contributor id, used only for the name fallback when `authorName` is unset. */
+    contributorId?: string | null;
+}
+/** Input for {@link renderElementCardHtml}. */
+export interface ElementCardData extends AuthorFields {
+    /** Skhema element type value, e.g. `"key_challenge"`. */
+    elementType: string;
+    /** The element content / premise (plain text; sanitised + escaped here). */
+    content: string;
+    /** Pre-built handoff URL for the "Save to Skhema" button. */
+    saveUrl: string;
+    /** Card theme (default `'light'`). */
+    theme?: CardTheme;
+}
+/** A single element row inside a component card. */
+export interface ComponentCardElement {
+    elementType: string;
+    content: string;
+}
+/** Input for {@link renderComponentCardHtml}. */
+export interface ComponentCardData extends AuthorFields {
+    /** Skhema component type value, e.g. `"diagnosis"`. */
+    componentType: string;
+    /** Optional component title shown after a "—" separator in the header. */
+    title?: string | null;
+    /** The component's elements, in display order. */
+    elements: ComponentCardElement[];
+    /** Pre-built handoff URL for the "Save to Skhema" button. */
+    saveUrl: string;
+    /** Card theme (default `'light'`). */
+    theme?: CardTheme;
+}
+/**
+ * Render the official Skhema **element** card as email-safe HTML.
+ * The badge acronym + palette resolve from the element's owning component type,
+ * exactly like the live `<skhema-element>` embed.
+ */
+export declare function renderElementCardHtml(data: ElementCardData): string;
+/**
+ * Render the official Skhema **component** card as email-safe HTML — a coloured
+ * top bar, header (badge + type label + optional title), per-element-type
+ * groups, and the shared footer.
+ */
+export declare function renderComponentCardHtml(data: ComponentCardData): string;
+//# sourceMappingURL=index.d.ts.map

package/dist/render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/render/index.ts"],"names":[],"mappings":"AAoBA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,4BAA4B,CAAA;AAcnC;8DAC8D;AAC9D,YAAY,EAAE,SAAS,EAAE,CAAA;AAEzB,oDAAoD;AACpD,UAAU,YAAY;IACpB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B;AAED,+CAA+C;AAC/C,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAA;IACnB,4EAA4E;IAC5E,OAAO,EAAE,MAAM,CAAA;IACf,6DAA6D;IAC7D,OAAO,EAAE,MAAM,CAAA;IACf,sCAAsC;IACtC,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,oDAAoD;AACpD,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,iDAAiD;AACjD,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,uDAAuD;IACvD,aAAa,EAAE,MAAM,CAAA;IACrB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,kDAAkD;IAClD,QAAQ,EAAE,oBAAoB,EAAE,CAAA;IAChC,6DAA6D;IAC7D,OAAO,EAAE,MAAM,CAAA;IACf,sCAAsC;IACtC,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AA+ID;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAmBnE;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CA4CvE"}

package/dist/render.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("./tokens-BxpYMhDq.cjs");
+const render = require("./index-B8ZF3snD.cjs");
+exports.renderComponentCardHtml = render.renderComponentCardHtml;
+exports.renderElementCardHtml = render.renderElementCardHtml;
+//# sourceMappingURL=render.cjs.map

package/dist/render.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/render.d.ts

@@ -0,0 +1,2 @@
+export * from './render/index'
+export {}

package/dist/render.es.js

@@ -0,0 +1,7 @@
+import "./tokens-BQf5zJ3j.js";
+import { r, a } from "./index-nkGvTyQR.js";
+export {
+  r as renderComponentCardHtml,
+  a as renderElementCardHtml
+};
+//# sourceMappingURL=render.es.js.map

package/dist/render.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/styles/design-tokens.d.ts

@@ -31,6 +31,38 @@ export declare const COMPONENT_COLORS: {
     };
 };
 export type ComponentColorKey = keyof typeof COMPONENT_COLORS;
+/**
+ * Email-safe flat hex palette for the card surface, per theme. These mirror the
+ * Tailwind slate values behind the `CARD_VARS` HSL tokens, pre-resolved to hex
+ * because email clients ignore `<style>` / CSS vars. The card renderer
+ * (`@skhema/embed/render`) inlines these so the live browser embed and email
+ * share one colour system (see the "converge on hex" decision).
+ */
+export declare const CARD_PALETTE: {
+    readonly light: {
+        readonly cardBg: "#ffffff";
+        readonly border: "#e2e8f0";
+        readonly text: "#020817";
+        readonly textMuted: "#64748b";
+    };
+    readonly dark: {
+        readonly cardBg: "#020817";
+        readonly border: "#1e293b";
+        readonly text: "#f8fafc";
+        readonly textMuted: "#94a3b8";
+    };
+};
+export type CardTheme = keyof typeof CARD_PALETTE;
+/** Save-button brand colours (hex) — match the `--skhema-primary*` HSL tokens. */
+export declare const PRIMARY_HEX = "#cd476a";
+export declare const PRIMARY_HOVER_HEX = "#b53d5e";
+export declare const PRIMARY_PRESSED_HEX = "#9d3552";
+/** Card geometry / typography shared by the renderer and the browser embed. */
+export declare const CARD_RADIUS = "4px";
+export declare const CARD_SHADOW = "0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)";
+export declare const CARD_SHADOW_LG = "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)";
+export declare const FONT_STACK = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Inter', sans-serif";
+export declare const MONO_STACK = "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace";
 /**
  * Shared base card CSS variables for light and dark modes.
  */
@@ -54,10 +86,6 @@ export declare const CARD_VARS: {
         readonly '--skhema-surface-subtle': "hsl(217.2 32.6% 12%)";
     };
 };
-/**
- * Shared card structure styles (used by both SkhemaElement and SkhemaComponent).
- */
-export declare const SHARED_CARD_STYLES = "\n/* Monospace acronym badge */\n.skhema-acronym-badge {\n  display: inline-flex;\n  align-items: center;\n  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;\n  font-size: 10px;\n  font-weight: 600;\n  padding: 2px 6px;\n  border-radius: 2px;\n  letter-spacing: 0.02em;\n  flex-shrink: 0;\n}\n\n/* Footer attribution tagline */\n.skhema-footer-attribution {\n  font-size: 11px;\n  color: var(--skhema-text-muted);\n  line-height: 1.4;\n}\n\n.skhema-footer-attribution a {\n  color: var(--skhema-text-muted);\n  text-decoration: underline;\n  text-decoration-color: var(--skhema-border);\n  text-underline-offset: 2px;\n}\n\n.skhema-footer-attribution a:hover {\n  color: var(--skhema-text);\n}\n\n/* Contributor line in footer */\n.skhema-contributor-line {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  color: var(--skhema-text-muted);\n}\n\n.skhema-contributor-line svg {\n  width: 14px;\n  height: 14px;\n  flex-shrink: 0;\n}\n\n.skhema-author-link {\n  color: inherit;\n  text-decoration: none;\n}\n\n.skhema-author-link:hover {\n  color: var(--skhema-text);\n  text-decoration: underline;\n}\n\n/* Save button \u2014 primary brand color */\n.skhema-save-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: var(--skhema-primary);\n  color: white;\n  border: none;\n  padding: 6px 14px;\n  border-radius: calc(var(--skhema-radius) + 2px);\n  font-size: 12px;\n  font-weight: 500;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.15s ease;\n  white-space: nowrap;\n}\n\n.skhema-save-btn:hover {\n  background: var(--skhema-primary-hover);\n}\n\n.skhema-save-btn:active {\n  background: var(--skhema-primary-pressed);\n}\n\n.skhema-save-btn:focus {\n  outline: 2px solid var(--skhema-primary);\n  outline-offset: 2px;\n}\n\n.skhema-save-btn::after {\n  content: '\\2192';\n  font-size: 13px;\n}\n";
 /**
  * User SVG icon (inline, no external deps).
  */

package/dist/styles/design-tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"design-tokens.d.ts","sourceRoot":"","sources":["../../src/styles/design-tokens.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BnB,CAAA;AAEV,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,gBAAgB,CAAA;AAE7D;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAmBZ,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,kBAAkB,m4DA4F9B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,kRAA4P,CAAA"}
+{"version":3,"file":"design-tokens.d.ts","sourceRoot":"","sources":["../../src/styles/design-tokens.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BnB,CAAA;AAEV,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,gBAAgB,CAAA;AAE7D;;;;;;GAMG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;CAaf,CAAA;AAEV,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,YAAY,CAAA;AAEjD,kFAAkF;AAClF,eAAO,MAAM,WAAW,YAAY,CAAA;AACpC,eAAO,MAAM,iBAAiB,YAAY,CAAA;AAC1C,eAAO,MAAM,mBAAmB,YAAY,CAAA;AAE5C,+EAA+E;AAC/E,eAAO,MAAM,WAAW,QAAQ,CAAA;AAChC,eAAO,MAAM,WAAW,gEACuC,CAAA;AAC/D,eAAO,MAAM,cAAc,qEACyC,CAAA;AACpE,eAAO,MAAM,UAAU,iFACyD,CAAA;AAChF,eAAO,MAAM,UAAU,wEACgD,CAAA;AAEvE;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAmBZ,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,aAAa,kRAA4P,CAAA"}