@mobile-reality/mdma-renderer-vue 0.2.0

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,GAIb,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,SAAS,EAAuB,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,aAAa,EAA2B,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAA8B,MAAM,kCAAkC,CAAC;AAChG,OAAO,EACL,YAAY,EACZ,cAAc,GAGf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,SAAS,GAKV,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,wBAAwB,EACxB,kBAAkB,GAUnB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,UAAU,GACX,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,GAGnB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EACL,qBAAqB,EACrB,iBAAiB,GAKlB,MAAM,mCAAmC,CAAC"}

package/dist/renderers/renderer-props.d.ts

@@ -0,0 +1,51 @@
+import type { Component, PropType } from 'vue';
+import type { MdmaComponent, StoreAction } from '@mobile-reality/mdma-spec';
+import type { ComponentState } from '@mobile-reality/mdma-runtime';
+/** The props every block renderer receives from `MdmaBlock`. */
+export interface MdmaBlockRendererProps {
+    component: MdmaComponent;
+    componentState: ComponentState | undefined;
+    dispatch: (action: StoreAction) => void;
+    resolveBinding: (expr: string) => unknown;
+}
+/** A Vue component that accepts {@link MdmaBlockRendererProps}. */
+export type MdmaBlockRenderer = Component;
+/**
+ * Runtime prop declaration matching {@link MdmaBlockRendererProps}. Spread it
+ * into a `defineComponent` so a custom renderer declares exactly the props
+ * `MdmaBlock` passes — Vue would otherwise drop them onto the root element as
+ * attributes.
+ *
+ * This lives apart from `renderer-registry.ts` on purpose: the registry imports
+ * every built-in renderer, and each renderer needs this declaration, so keeping
+ * them in one module would be a cycle. Unlike React's type-only props, this
+ * value is read while the component modules evaluate, so the cycle would
+ * actually break at runtime.
+ *
+ * @example
+ * ```ts
+ * defineComponent({
+ *   props: blockRendererProps,
+ *   setup(props) { ... },
+ * })
+ * ```
+ */
+export declare const blockRendererProps: {
+    component: {
+        type: PropType<MdmaComponent>;
+        required: true;
+    };
+    componentState: {
+        type: PropType<ComponentState>;
+        default: undefined;
+    };
+    dispatch: {
+        type: PropType<(action: StoreAction) => void>;
+        required: true;
+    };
+    resolveBinding: {
+        type: PropType<(expr: string) => unknown>;
+        required: true;
+    };
+};
+//# sourceMappingURL=renderer-props.d.ts.map

package/dist/renderers/renderer-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-props.d.ts","sourceRoot":"","sources":["../../src/renderers/renderer-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,gEAAgE;AAChE,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,aAAa,CAAC;IACzB,cAAc,EAAE,cAAc,GAAG,SAAS,CAAC;IAC3C,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;CAC3C;AAED,mEAAmE;AACnE,MAAM,MAAM,iBAAiB,GAAG,SAAS,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,kBAAkB;;cACA,QAAQ,CAAC,aAAa,CAAC;;;;cAClB,QAAQ,CAAC,cAAc,CAAC;;;;cAC5B,QAAQ,CAAC,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;;;;cAEjD,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;;;CAGxD,CAAC"}

package/dist/renderers/renderer-props.js

@@ -0,0 +1,30 @@
+/**
+ * Runtime prop declaration matching {@link MdmaBlockRendererProps}. Spread it
+ * into a `defineComponent` so a custom renderer declares exactly the props
+ * `MdmaBlock` passes — Vue would otherwise drop them onto the root element as
+ * attributes.
+ *
+ * This lives apart from `renderer-registry.ts` on purpose: the registry imports
+ * every built-in renderer, and each renderer needs this declaration, so keeping
+ * them in one module would be a cycle. Unlike React's type-only props, this
+ * value is read while the component modules evaluate, so the cycle would
+ * actually break at runtime.
+ *
+ * @example
+ * ```ts
+ * defineComponent({
+ *   props: blockRendererProps,
+ *   setup(props) { ... },
+ * })
+ * ```
+ */
+export const blockRendererProps = {
+    component: { type: Object, required: true },
+    componentState: { type: Object, default: undefined },
+    dispatch: { type: Function, required: true },
+    resolveBinding: {
+        type: Function,
+        required: true,
+    },
+};
+//# sourceMappingURL=renderer-props.js.map

package/dist/renderers/renderer-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-props.js","sourceRoot":"","sources":["../../src/renderers/renderer-props.ts"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAiC,EAAE,QAAQ,EAAE,IAAa,EAAE;IAC/E,cAAc,EAAE,EAAE,IAAI,EAAE,MAAkC,EAAE,OAAO,EAAE,SAAS,EAAE;IAChF,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAmD,EAAE,QAAQ,EAAE,IAAa,EAAE;IAChG,cAAc,EAAE;QACd,IAAI,EAAE,QAA+C;QACrD,QAAQ,EAAE,IAAa;KACxB;CACF,CAAC"}

package/dist/renderers/renderer-registry.d.ts

@@ -0,0 +1,18 @@
+import type { MdmaBlockRenderer } from './renderer-props.js';
+export { blockRendererProps, type MdmaBlockRenderer, type MdmaBlockRendererProps, } from './renderer-props.js';
+export declare class RendererRegistry {
+    private renderers;
+    register(type: string, renderer: MdmaBlockRenderer): void;
+    get(type: string): MdmaBlockRenderer | undefined;
+    has(type: string): boolean;
+    /** Convert to a plain record for passing as the `renderers` prop. */
+    toRecord(): Record<string, MdmaBlockRenderer>;
+}
+/** Built-in renderers for all core MDMA component types. */
+export declare const defaultRenderers: Record<string, MdmaBlockRenderer>;
+/**
+ * Create a new RendererRegistry pre-populated with all built-in renderers.
+ * Register additional renderers to extend or override defaults.
+ */
+export declare function createRendererRegistry(): RendererRegistry;
+//# sourceMappingURL=renderer-registry.d.ts.map

package/dist/renderers/renderer-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-registry.d.ts","sourceRoot":"","sources":["../../src/renderers/renderer-registry.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,EACL,kBAAkB,EAClB,KAAK,iBAAiB,EACtB,KAAK,sBAAsB,GAC5B,MAAM,qBAAqB,CAAC;AAE7B,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,SAAS,CAAwC;IAEzD,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,iBAAiB,GAAG,IAAI;IAIzD,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS;IAIhD,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI1B,qEAAqE;IACrE,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC;CAG9C;AAED,4DAA4D;AAC5D,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAW9D,CAAC;AAEF;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,gBAAgB,CAMzD"}

package/dist/renderers/renderer-registry.js

@@ -0,0 +1,52 @@
+import { FormRenderer } from '../components/FormRenderer.js';
+import { ButtonRenderer } from '../components/ButtonRenderer.js';
+import { TasklistRenderer } from '../components/TasklistRenderer.js';
+import { TableRenderer } from '../components/TableRenderer.js';
+import { CalloutRenderer } from '../components/CalloutRenderer.js';
+import { ApprovalGateRenderer } from '../components/ApprovalGateRenderer.js';
+import { WebhookRenderer } from '../components/WebhookRenderer.js';
+import { ChartRenderer } from '../components/ChartRenderer.js';
+import { ThinkingRenderer } from '../components/ThinkingRenderer.js';
+import { CustomRenderer } from '../components/CustomRenderer.js';
+export { blockRendererProps, } from './renderer-props.js';
+export class RendererRegistry {
+    renderers = new Map();
+    register(type, renderer) {
+        this.renderers.set(type, renderer);
+    }
+    get(type) {
+        return this.renderers.get(type);
+    }
+    has(type) {
+        return this.renderers.has(type);
+    }
+    /** Convert to a plain record for passing as the `renderers` prop. */
+    toRecord() {
+        return Object.fromEntries(this.renderers);
+    }
+}
+/** Built-in renderers for all core MDMA component types. */
+export const defaultRenderers = {
+    form: FormRenderer,
+    button: ButtonRenderer,
+    tasklist: TasklistRenderer,
+    table: TableRenderer,
+    callout: CalloutRenderer,
+    'approval-gate': ApprovalGateRenderer,
+    webhook: WebhookRenderer,
+    chart: ChartRenderer,
+    thinking: ThinkingRenderer,
+    custom: CustomRenderer,
+};
+/**
+ * Create a new RendererRegistry pre-populated with all built-in renderers.
+ * Register additional renderers to extend or override defaults.
+ */
+export function createRendererRegistry() {
+    const registry = new RendererRegistry();
+    for (const [type, renderer] of Object.entries(defaultRenderers)) {
+        registry.register(type, renderer);
+    }
+    return registry;
+}
+//# sourceMappingURL=renderer-registry.js.map

package/dist/renderers/renderer-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-registry.js","sourceRoot":"","sources":["../../src/renderers/renderer-registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,EACL,kBAAkB,GAGnB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,OAAO,gBAAgB;IACnB,SAAS,GAAG,IAAI,GAAG,EAA6B,CAAC;IAEzD,QAAQ,CAAC,IAAY,EAAE,QAA2B;QAChD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACrC,CAAC;IAED,GAAG,CAAC,IAAY;QACd,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;IAED,GAAG,CAAC,IAAY;QACd,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;IAED,qEAAqE;IACrE,QAAQ;QACN,OAAO,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC5C,CAAC;CACF;AAED,4DAA4D;AAC5D,MAAM,CAAC,MAAM,gBAAgB,GAAsC;IACjE,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,cAAc;IACtB,QAAQ,EAAE,gBAAgB;IAC1B,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,eAAe;IACxB,eAAe,EAAE,oBAAoB;IACrC,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,cAAc;CACvB,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,sBAAsB;IACpC,MAAM,QAAQ,GAAG,IAAI,gBAAgB,EAAE,CAAC;IACxC,KAAK,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,CAAC;QAChE,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACpC,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/theme/MdmaThemeProvider.d.ts

@@ -0,0 +1,152 @@
+import { type ComputedRef, type CSSProperties, type InjectionKey, type PropType } from 'vue';
+/**
+ * Design tokens for the web renderer. This is the typed mirror of the CSS
+ * custom properties in `styles.css`: the same token shape the React and React
+ * Native renderers expose, so a theme object is portable between all three.
+ *
+ * You rarely need to read these tokens directly — the components are styled via
+ * `.mdma-*` classes that read the matching `--mdma-*` CSS variables. A custom
+ * theme just rewrites those variables (see {@link MdmaThemeProvider}).
+ */
+export interface MdmaTheme {
+    colors: {
+        background: string;
+        surface: string;
+        text: string;
+        textMuted: string;
+        border: string;
+        primary: string;
+        onPrimary: string;
+        secondary: string;
+        onSecondary: string;
+        danger: string;
+        onDanger: string;
+        /** Callout variant accents + soft backgrounds. */
+        info: string;
+        infoBg: string;
+        warning: string;
+        warningBg: string;
+        error: string;
+        errorBg: string;
+        success: string;
+        successBg: string;
+    };
+    spacing: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    radius: {
+        sm: number;
+        md: number;
+    };
+    fontSize: {
+        small: number;
+        body: number;
+        label: number;
+        title: number;
+    };
+}
+/** Built-in light palette — matches the default `--mdma-*` values in `styles.css`. */
+export declare const lightTheme: MdmaTheme;
+/** Built-in dark palette — matches the `[data-theme='dark']` block in `styles.css`. */
+export declare const darkTheme: MdmaTheme;
+/**
+ * What can be passed as a `theme`:
+ * - `'light'` / `'dark'` — the built-in palettes (applied via `data-theme`).
+ * - `'auto'` — follows the OS `prefers-color-scheme`.
+ * - a full {@link MdmaTheme} — custom tokens, written inline as CSS variables.
+ * - `undefined` — no theme; the stylesheet's default (light) tokens apply.
+ */
+export type MdmaThemeInput = MdmaTheme | 'light' | 'dark' | 'auto';
+export interface ResolvedThemeProps {
+    /** `data-theme` attribute value, when a built-in palette is selected. */
+    dataTheme?: 'light' | 'dark' | 'auto';
+    /** Inline CSS variables, when a custom theme object is provided. */
+    style?: CSSProperties;
+    /** The resolved token object exposed via {@link useMdmaTheme}. */
+    theme: MdmaTheme;
+}
+/**
+ * Injection key for the nearest resolved theme. Holds the full
+ * {@link ResolvedThemeProps} (not just the tokens) so a descendant
+ * `MdmaDocument` with no `theme` prop of its own can inherit the ancestor's
+ * `data-theme` / inline variables and re-apply them to its own root.
+ */
+export declare const MdmaThemeKey: InjectionKey<ComputedRef<ResolvedThemeProps>>;
+/**
+ * The nearest resolved theme props, or the unthemed light default. Internal —
+ * `MdmaDocument` uses it to inherit an ancestor provider's theme.
+ */
+export declare function useResolvedTheme(): ComputedRef<ResolvedThemeProps>;
+/**
+ * The resolved token object for the nearest theme (defaults to {@link lightTheme}).
+ *
+ * Unlike the React renderer's `useMdmaTheme`, this returns a `ComputedRef` so the
+ * tokens stay reactive when an ancestor's `theme` prop changes — read it as
+ * `theme.value` in `setup`, or unwrapped in a template.
+ */
+export declare function useMdmaTheme(): ComputedRef<MdmaTheme>;
+/**
+ * Convert an {@link MdmaTheme} into the inline CSS-variable style object the
+ * `.mdma-*` classes read. Numeric scales are emitted as `px`.
+ */
+export declare function themeToCssVars(theme: MdmaTheme): CSSProperties;
+/**
+ * Resolve a {@link MdmaThemeInput} into the DOM props that apply it: a
+ * `data-theme` attribute for built-in palettes, or inline CSS variables for a
+ * custom theme. Shared by {@link MdmaThemeProvider} and `MdmaDocument`.
+ */
+export declare function resolveThemeProps(theme: MdmaThemeInput | undefined): ResolvedThemeProps;
+/**
+ * Standalone theme wrapper for rendering MDMA components *without* `MdmaDocument`
+ * (e.g. a lone `<MdmaBlock>`). Renders a `.mdma-theme-root` element carrying the
+ * theme so the `--mdma-*` variables cascade to everything inside. When you use
+ * `MdmaDocument`, pass `theme` to it directly instead — it themes its own root.
+ */
+export declare const MdmaThemeProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** `'light'` | `'dark'` | `'auto'`, or a full {@link MdmaTheme}. */
+    theme: {
+        type: PropType<MdmaThemeInput>;
+        default: undefined;
+    };
+    /** Extra class names for the wrapper element. */
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Extra inline styles, merged after the theme's CSS variables. */
+    style: {
+        type: PropType<CSSProperties>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** `'light'` | `'dark'` | `'auto'`, or a full {@link MdmaTheme}. */
+    theme: {
+        type: PropType<MdmaThemeInput>;
+        default: undefined;
+    };
+    /** Extra class names for the wrapper element. */
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Extra inline styles, merged after the theme's CSS variables. */
+    style: {
+        type: PropType<CSSProperties>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    theme: MdmaThemeInput;
+    class: string;
+    style: CSSProperties;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type MdmaThemeProviderProps = {
+    theme?: MdmaThemeInput;
+    class?: string;
+    style?: CSSProperties;
+};
+//# sourceMappingURL=MdmaThemeProvider.d.ts.map

package/dist/theme/MdmaThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MdmaThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/MdmaThemeProvider.ts"],"names":[],"mappings":"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"}

package/dist/theme/MdmaThemeProvider.js

@@ -0,0 +1,169 @@
+import { computed, defineComponent, h, inject, provide, } from 'vue';
+/** Built-in light palette — matches the default `--mdma-*` values in `styles.css`. */
+export const lightTheme = {
+    colors: {
+        background: '#ffffff',
+        surface: '#f8f9fa',
+        text: '#333333',
+        textMuted: '#666666',
+        border: '#e0e0e0',
+        primary: '#6c5ce7',
+        onPrimary: '#ffffff',
+        secondary: '#dfe6e9',
+        onSecondary: '#2d3436',
+        danger: '#e74c3c',
+        onDanger: '#ffffff',
+        info: '#3498db',
+        infoBg: '#ebf5fb',
+        warning: '#f39c12',
+        warningBg: '#fef9e7',
+        error: '#e74c3c',
+        errorBg: '#fdedec',
+        success: '#27ae60',
+        successBg: '#eafaf1',
+    },
+    spacing: { xs: 4, sm: 8, md: 12, lg: 16 },
+    radius: { sm: 6, md: 10 },
+    fontSize: { small: 13, body: 14, label: 15, title: 18 },
+};
+/** Built-in dark palette — matches the `[data-theme='dark']` block in `styles.css`. */
+export const darkTheme = {
+    colors: {
+        background: '#151a26',
+        surface: '#1c2333',
+        text: '#e5e7eb',
+        textMuted: '#9ca3af',
+        border: '#2a3140',
+        primary: '#8b7ff0',
+        onPrimary: '#ffffff',
+        secondary: '#2a3140',
+        onSecondary: '#e5e7eb',
+        danger: '#ef4444',
+        onDanger: '#ffffff',
+        info: '#5dade2',
+        infoBg: '#16283a',
+        warning: '#f5b041',
+        warningBg: '#2a2412',
+        error: '#ef4444',
+        errorBg: '#2a1717',
+        success: '#2ecc71',
+        successBg: '#12251a',
+    },
+    spacing: { xs: 4, sm: 8, md: 12, lg: 16 },
+    radius: { sm: 6, md: 10 },
+    fontSize: { small: 13, body: 14, label: 15, title: 18 },
+};
+/**
+ * Injection key for the nearest resolved theme. Holds the full
+ * {@link ResolvedThemeProps} (not just the tokens) so a descendant
+ * `MdmaDocument` with no `theme` prop of its own can inherit the ancestor's
+ * `data-theme` / inline variables and re-apply them to its own root.
+ */
+export const MdmaThemeKey = Symbol('mdma-theme');
+/**
+ * The nearest resolved theme props, or the unthemed light default. Internal —
+ * `MdmaDocument` uses it to inherit an ancestor provider's theme.
+ */
+export function useResolvedTheme() {
+    return inject(MdmaThemeKey, computed(() => ({ theme: lightTheme })));
+}
+/**
+ * The resolved token object for the nearest theme (defaults to {@link lightTheme}).
+ *
+ * Unlike the React renderer's `useMdmaTheme`, this returns a `ComputedRef` so the
+ * tokens stay reactive when an ancestor's `theme` prop changes — read it as
+ * `theme.value` in `setup`, or unwrapped in a template.
+ */
+export function useMdmaTheme() {
+    const resolved = useResolvedTheme();
+    return computed(() => resolved.value.theme);
+}
+function camelToKebab(key) {
+    return key.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+}
+/**
+ * Convert an {@link MdmaTheme} into the inline CSS-variable style object the
+ * `.mdma-*` classes read. Numeric scales are emitted as `px`.
+ */
+export function themeToCssVars(theme) {
+    const vars = {};
+    for (const [key, value] of Object.entries(theme.colors)) {
+        vars[`--mdma-color-${camelToKebab(key)}`] = value;
+    }
+    for (const [key, value] of Object.entries(theme.spacing)) {
+        vars[`--mdma-spacing-${key}`] = `${value}px`;
+    }
+    for (const [key, value] of Object.entries(theme.radius)) {
+        vars[`--mdma-radius-${key}`] = `${value}px`;
+    }
+    for (const [key, value] of Object.entries(theme.fontSize)) {
+        vars[`--mdma-font-size-${camelToKebab(key)}`] = `${value}px`;
+    }
+    return vars;
+}
+/**
+ * Resolve a {@link MdmaThemeInput} into the DOM props that apply it: a
+ * `data-theme` attribute for built-in palettes, or inline CSS variables for a
+ * custom theme. Shared by {@link MdmaThemeProvider} and `MdmaDocument`.
+ */
+export function resolveThemeProps(theme) {
+    if (theme === undefined)
+        return { theme: lightTheme };
+    if (theme === 'light')
+        return { dataTheme: 'light', theme: lightTheme };
+    if (theme === 'dark')
+        return { dataTheme: 'dark', theme: darkTheme };
+    // `auto` follows the OS preference at the CSS layer; the resolved token
+    // object is a best-effort light default for any JS consumer of useMdmaTheme.
+    if (theme === 'auto')
+        return { dataTheme: 'auto', theme: lightTheme };
+    // A custom theme sets the public tokens inline, but the stylesheet also has
+    // internal derived vars (heading text, code backgrounds, …) that aren't on
+    // the public type. Pick the light/dark base by the theme's own background so
+    // those derived vars match — otherwise a custom *dark* theme would render,
+    // e.g., near-black heading text on a dark surface.
+    return {
+        dataTheme: isDarkTheme(theme) ? 'dark' : 'light',
+        style: themeToCssVars(theme),
+        theme,
+    };
+}
+/** Heuristic: is this theme's background dark? (relative luminance < 50%). */
+function isDarkTheme(theme) {
+    const hex = theme.colors.background.replace('#', '');
+    if (hex.length < 6)
+        return false;
+    const r = Number.parseInt(hex.slice(0, 2), 16);
+    const g = Number.parseInt(hex.slice(2, 4), 16);
+    const b = Number.parseInt(hex.slice(4, 6), 16);
+    if (Number.isNaN(r + g + b))
+        return false;
+    return 0.299 * r + 0.587 * g + 0.114 * b < 128;
+}
+/**
+ * Standalone theme wrapper for rendering MDMA components *without* `MdmaDocument`
+ * (e.g. a lone `<MdmaBlock>`). Renders a `.mdma-theme-root` element carrying the
+ * theme so the `--mdma-*` variables cascade to everything inside. When you use
+ * `MdmaDocument`, pass `theme` to it directly instead — it themes its own root.
+ */
+export const MdmaThemeProvider = defineComponent({
+    name: 'MdmaThemeProvider',
+    props: {
+        /** `'light'` | `'dark'` | `'auto'`, or a full {@link MdmaTheme}. */
+        theme: { type: [String, Object], default: undefined },
+        /** Extra class names for the wrapper element. */
+        class: { type: String, default: undefined },
+        /** Extra inline styles, merged after the theme's CSS variables. */
+        style: { type: Object, default: undefined },
+    },
+    setup(props, { slots }) {
+        const resolved = computed(() => resolveThemeProps(props.theme));
+        provide(MdmaThemeKey, resolved);
+        return () => h('div', {
+            class: `mdma-theme-root ${props.class ?? ''}`.trim(),
+            'data-theme': resolved.value.dataTheme,
+            style: { ...resolved.value.style, ...props.style },
+        }, slots.default?.());
+    },
+});
+//# sourceMappingURL=MdmaThemeProvider.js.map

package/dist/theme/MdmaThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MdmaThemeProvider.js","sourceRoot":"","sources":["../../src/theme/MdmaThemeProvider.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@mobile-reality/mdma-renderer-vue",
+  "version": "0.2.0",
+  "keywords": [
+    "mdma",
+    "markdown",
+    "ai",
+    "llm",
+    "interactive-document",
+    "vue",
+    "vue3",
+    "forms",
+    "ui"
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles.css": "./styles.css"
+  },
+  "dependencies": {
+    "@mobile-reality/mdma-runtime": "0.4.0",
+    "@mobile-reality/mdma-spec": "0.4.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0"
+  },
+  "devDependencies": {
+    "@vue/test-utils": "^2.4.11",
+    "happy-dom": "^20.0.0",
+    "remark-gfm": "^4.0.0",
+    "remark-parse": "^11.0.0",
+    "typescript": "^5.7.0",
+    "unified": "^11.0.0",
+    "vitest": "^3.2.0",
+    "vue": "^3.5.0",
+    "@mobile-reality/mdma-attachables-core": "0.2.6",
+    "@mobile-reality/mdma-parser": "0.3.0"
+  },
+  "files": [
+    "dist",
+    "styles.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/MobileReality/mdma.git",
+    "directory": "packages/renderer-vue"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "test": "vitest run",
+    "lint": "biome lint src/",
+    "typecheck": "tsc --noEmit"
+  }
+}