@polyxd/react 0.2.2 → 0.3.0

package/dist/context.js

@@ -1,12 +1,20 @@
 import { createContext, useContext } from "react";
 import { resolve, resolveContext, set, absolute } from "./data.js";
-import { formatValue } from "./format.js";
+import { formatValue, resolveFormat } from "./format.js";
 export const SurfaceContext = createContext(null);
 export const ScopeContext = createContext({ pointer: "" });
 /** Heading level for the next Section (the surface title is h1). */
 export const HeadingContext = createContext(2);
 /** Handles ui.back / ui.next inside Steps. */
 export const StepsContext = createContext(null);
+export const FrameHostContext = createContext(null);
+export const FrameContext = createContext(null);
+const NO_FRAME = { navigation: "side", compact: false };
+/** The layout the enclosing Frame chose; outside one, a wide layout with a side navigation. */
+export function useFrame() {
+    const f = useContext(FrameContext);
+    return f ? { navigation: f.navigation, compact: f.compact } : NO_FRAME;
+}
 export function useSurface() {
     const ctx = useContext(SurfaceContext);
     if (!ctx)
@@ -32,11 +40,6 @@ export function useBindings() {
         context: (c) => resolveContext(c, s.data, scope),
     };
 }
-/** A format's currency may itself be bound to data (e.g. the account's currency). */
-export function resolveFormat(format, data, scope) {
-    if (!format?.currency || typeof format.currency === "string")
-        return format;
-    return { ...format, currency: resolve(format.currency, data, scope) };
-}
+export { resolveFormat };
 export { set };
 //# sourceMappingURL=context.js.map

package/dist/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,QAAQ,EAAyB,MAAM,WAAW,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAe,MAAM,aAAa,CAAC;AAqDvD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAA6B,IAAI,CAAC,CAAC;AAC9E,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;AAClE,oEAAoE;AACpE,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;AAC/C,8CAA8C;AAC9C,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAgD,IAAI,CAAC,CAAC;AAE/F,MAAM,UAAU,UAAU;IACxB,MAAM,GAAG,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IACvC,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAC;IACvF,OAAO,GAAG,CAAC;AACb,CAAC;AAED,6CAA6C;AAC7C,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,OAAO;QACL,KAAK;QACL,0CAA0C;QAC1C,KAAK,EAAE,CAAe,CAAU,EAAK,EAAE,CAAC,OAAO,CAAI,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC;QACpE,qDAAqD;QACrD,IAAI,EAAE,CAAC,CAAU,EAAE,MAAe,EAAU,EAAE;YAC5C,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACpC,OAAO,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,EAAE,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAClI,CAAC;QACD,kEAAkE;QAClE,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC;QACzD,KAAK,EAAE,CAAC,CAAmB,EAAE,KAAc,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC;QAC1F,OAAO,EAAE,CAAC,CAAsC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC;KACtF,CAAC;AACJ,CAAC;AAED,qFAAqF;AACrF,MAAM,UAAU,aAAa,CAAC,MAA0B,EAAE,IAAa,EAAE,KAAY;IACnF,IAAI,CAAC,MAAM,EAAE,QAAQ,IAAI,OAAO,MAAM,CAAC,QAAQ,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC;IAC5E,OAAO,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAS,MAAM,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;AAChF,CAAC;AAED,OAAO,EAAE,GAAG,EAAyC,CAAC"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"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"}

package/dist/data.d.ts

@@ -1,26 +1,2 @@
-/** JSON Pointer helpers and binding resolution. Every binding resolves to an absolute pointer. */
-export type Data = Record<string, unknown>;
-/** Where relative paths resolve: the pointer of the current repeated item, or "" at top level. */
-export interface Scope {
-    pointer: string;
-}
-export declare const ROOT_SCOPE: Scope;
-export declare const isBinding: (v: unknown) => v is {
-    path: string;
-};
-/** Absolute pointer for a path: absolute paths stay; relative ones join the item scope. */
-export declare function absolute(path: string, scope: Scope): string;
-export declare function childPointer(pointer: string, key: string | number): string;
-export declare function get(data: unknown, pointer: string): unknown;
-/** Immutable set; creates intermediate objects (or arrays for numeric keys). */
-export declare function set(data: Data, pointer: string, value: unknown): Data;
-/**
- * Host data as a list. A binding that a component repeats over should point at an array; when the
- * host (or a generated document) points it somewhere else, the component shows nothing instead of
- * throwing. The validator reports the mismatch.
- */
-export declare const asList: (value: unknown) => unknown[];
-/** Resolves a literal-or-binding value. */
-export declare function resolve<T = unknown>(value: unknown, data: unknown, scope: Scope): T;
-/** Resolves every value in an action context. */
-export declare function resolveContext(context: Record<string, unknown> | undefined, data: unknown, scope: Scope): Record<string, unknown>;
+/** JSON Pointer helpers and binding resolution live in @polyxd/core; the renderer's modules import them from here. */
+export { type Data, type Scope, ROOT_SCOPE, isBinding, absolute, childPointer, get, set, asList, resolve, resolveContext, resolveDeep } from "@polyxd/core";

package/dist/data.js

@@ -1,52 +1,3 @@
-/** JSON Pointer helpers and binding resolution. Every binding resolves to an absolute pointer. */
-export const ROOT_SCOPE = { pointer: "" };
-const decode = (s) => s.replace(/~1/g, "/").replace(/~0/g, "~");
-const encode = (s) => s.replace(/~/g, "~0").replace(/\//g, "~1");
-export const isBinding = (v) => !!v && typeof v === "object" && !Array.isArray(v) && typeof v.path === "string";
-/** Absolute pointer for a path: absolute paths stay; relative ones join the item scope. */
-export function absolute(path, scope) {
-    return path.startsWith("/") ? path : `${scope.pointer}/${path}`;
-}
-export function childPointer(pointer, key) {
-    return `${pointer}/${encode(String(key))}`;
-}
-export function get(data, pointer) {
-    if (pointer === "")
-        return data;
-    let cur = data;
-    for (const part of pointer.slice(1).split("/").map(decode)) {
-        if (cur === null || typeof cur !== "object")
-            return undefined;
-        cur = cur[part];
-    }
-    return cur;
-}
-/** Immutable set; creates intermediate objects (or arrays for numeric keys). */
-export function set(data, pointer, value) {
-    const parts = pointer.slice(1).split("/").map(decode);
-    const write = (node, i) => {
-        const key = parts[i];
-        const copy = Array.isArray(node) ? [...node] : { ...(node ?? {}) };
-        if (i === parts.length - 1)
-            copy[key] = value;
-        else
-            copy[key] = write(node?.[key] ?? (/^\d+$/.test(parts[i + 1]) ? [] : {}), i + 1);
-        return copy;
-    };
-    return write(data, 0);
-}
-/**
- * Host data as a list. A binding that a component repeats over should point at an array; when the
- * host (or a generated document) points it somewhere else, the component shows nothing instead of
- * throwing. The validator reports the mismatch.
- */
-export const asList = (value) => (Array.isArray(value) ? value : []);
-/** Resolves a literal-or-binding value. */
-export function resolve(value, data, scope) {
-    return (isBinding(value) ? get(data, absolute(value.path, scope)) : value);
-}
-/** Resolves every value in an action context. */
-export function resolveContext(context, data, scope) {
-    return Object.fromEntries(Object.entries(context ?? {}).map(([k, v]) => [k, resolve(v, data, scope)]));
-}
+/** JSON Pointer helpers and binding resolution live in @polyxd/core; the renderer's modules import them from here. */
+export { ROOT_SCOPE, isBinding, absolute, childPointer, get, set, asList, resolve, resolveContext, resolveDeep } from "@polyxd/core";
 //# sourceMappingURL=data.js.map

package/dist/data.js.map

@@ -1 +1 @@
-{"version":3,"file":"data.js","sourceRoot":"","sources":["../src/data.ts"],"names":[],"mappings":"AAAA,kGAAkG;AASlG,MAAM,CAAC,MAAM,UAAU,GAAU,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;AAEjD,MAAM,MAAM,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AACxE,MAAM,MAAM,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAU,EAAyB,EAAE,CAC7D,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,OAAQ,CAAwB,CAAC,IAAI,KAAK,QAAQ,CAAC;AAE1G,2FAA2F;AAC3F,MAAM,UAAU,QAAQ,CAAC,IAAY,EAAE,KAAY;IACjD,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI,EAAE,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,OAAe,EAAE,GAAoB;IAChE,OAAO,GAAG,OAAO,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AAC7C,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,IAAa,EAAE,OAAe;IAChD,IAAI,OAAO,KAAK,EAAE;QAAE,OAAO,IAAI,CAAC;IAChC,IAAI,GAAG,GAAQ,IAAI,CAAC;IACpB,KAAK,MAAM,IAAI,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;QAC3D,IAAI,GAAG,KAAK,IAAI,IAAI,OAAO,GAAG,KAAK,QAAQ;YAAE,OAAO,SAAS,CAAC;QAC9D,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,gFAAgF;AAChF,MAAM,UAAU,GAAG,CAAC,IAAU,EAAE,OAAe,EAAE,KAAc;IAC7D,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACtD,MAAM,KAAK,GAAG,CAAC,IAAS,EAAE,CAAS,EAAO,EAAE;QAC1C,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACrB,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,CAAC;QACnE,IAAI,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;YAAE,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;;YACzC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QACrF,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IACF,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AACxB,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAc,EAAa,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAEzF,2CAA2C;AAC3C,MAAM,UAAU,OAAO,CAAc,KAAc,EAAE,IAAa,EAAE,KAAY;IAC9E,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAM,CAAC;AAClF,CAAC;AAED,iDAAiD;AACjD,MAAM,UAAU,cAAc,CAAC,OAA4C,EAAE,IAAa,EAAE,KAAY;IACtG,OAAO,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AACzG,CAAC"}
+{"version":3,"file":"data.js","sourceRoot":"","sources":["../src/data.ts"],"names":[],"mappings":"AAAA,sHAAsH;AACtH,OAAO,EAAyB,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}

package/dist/format.d.ts

@@ -1,14 +1,2 @@
-/** Localised presentation of values. The model never pre-formats; the renderer does it here. */
-export interface Format {
-    type: "text" | "number" | "currency" | "percent" | "date" | "time" | "datetime" | "relativeTime" | "duration" | "color" | "bytes";
-    /** ISO 4217 code, or a binding to one (resolved by the renderer before formatting) */
-    currency?: string | {
-        path: string;
-    };
-    precision?: number;
-}
-export declare function formatValue(value: unknown, format: Format | undefined, locale: string, now?: number): string;
-/** A CSS colour a swatch can safely take as its background: named, hex, rgb()/hsl()/oklch() etc. Anything else is not painted. */
-export declare function safeColor(value: unknown): string | undefined;
-/** Currency symbol for input adornments, e.g. "£". */
-export declare function currencySymbol(currency: string, locale: string): string;
+/** Localised presentation of values lives in @polyxd/core; the renderer's modules import it from here. */
+export { type Format, formatValue, safeColor, currencySymbol, resolveFormat } from "@polyxd/core";

package/dist/format.js

@@ -1,70 +1,3 @@
-/** Localised presentation of values. The model never pre-formats; the renderer does it here. */
-export function formatValue(value, format, locale, now = Date.now()) {
-    if (value === null || value === undefined || value === "")
-        return "—";
-    if (!format || format.type === "text")
-        return Array.isArray(value) ? value.join(", ") : String(value);
-    const n = typeof value === "number" ? value : Number(value);
-    const digits = format.precision === undefined ? {} : { minimumFractionDigits: format.precision, maximumFractionDigits: format.precision };
-    try {
-        switch (format.type) {
-            case "number":
-                return new Intl.NumberFormat(locale, digits).format(n);
-            case "currency":
-                return new Intl.NumberFormat(locale, { style: "currency", currency: typeof format.currency === "string" ? format.currency : "USD", ...digits }).format(n);
-            case "percent":
-                return new Intl.NumberFormat(locale, { style: "percent", maximumFractionDigits: format.precision ?? 1 }).format(n);
-            case "date":
-                return new Intl.DateTimeFormat(locale, { dateStyle: "medium", timeZone: "UTC" }).format(new Date(String(value)));
-            case "time":
-                return new Intl.DateTimeFormat(locale, { timeStyle: "short", timeZone: "UTC" }).format(new Date(String(value)));
-            case "datetime":
-                return new Intl.DateTimeFormat(locale, { dateStyle: "medium", timeStyle: "short", timeZone: "UTC" }).format(new Date(String(value)));
-            case "relativeTime": {
-                const diff = (new Date(String(value)).getTime() - now) / 1000;
-                const units = [["year", 31536000], ["month", 2592000], ["day", 86400], ["hour", 3600], ["minute", 60]];
-                const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
-                for (const [unit, secs] of units)
-                    if (Math.abs(diff) >= secs)
-                        return rtf.format(Math.round(diff / secs), unit);
-                return rtf.format(Math.round(diff), "second");
-            }
-            case "duration": {
-                const mins = Math.round(n / 60);
-                return mins >= 60 ? `${Math.floor(mins / 60)} h ${mins % 60} min` : `${mins} min`;
-            }
-            case "color":
-                // The value is the colour itself; renderers show a swatch of it beside this text.
-                return String(value).trim();
-            case "bytes": {
-                // 1.2 MB: decimal units, one decimal past kilobytes.
-                const units = ["byte", "kilobyte", "megabyte", "gigabyte", "terabyte"];
-                let i = 0;
-                let v = Math.abs(n);
-                while (v >= 1000 && i < units.length - 1)
-                    (v /= 1000), i++;
-                if (i === 0)
-                    return `${new Intl.NumberFormat(locale, { maximumFractionDigits: 0 }).format(n)} B`;
-                return new Intl.NumberFormat(locale, { style: "unit", unit: units[i], unitDisplay: "short", maximumFractionDigits: format.precision ?? 1 }).format(n < 0 ? -v : v);
-            }
-        }
-    }
-    catch {
-        return String(value);
-    }
-}
-/** A CSS colour a swatch can safely take as its background: named, hex, rgb()/hsl()/oklch() etc. Anything else is not painted. */
-export function safeColor(value) {
-    const v = String(value ?? "").trim();
-    return /^(#[0-9a-f]{3,8}|[a-z]{3,20}|(rgb|rgba|hsl|hsla|oklch|oklab|lab|lch|hwb)\([\d.,%\s\/-]+\))$/i.test(v) ? v : undefined;
-}
-/** Currency symbol for input adornments, e.g. "£". */
-export function currencySymbol(currency, locale) {
-    try {
-        return new Intl.NumberFormat(locale, { style: "currency", currency }).formatToParts(0).find((p) => p.type === "currency")?.value ?? currency;
-    }
-    catch {
-        return currency;
-    }
-}
+/** Localised presentation of values lives in @polyxd/core; the renderer's modules import it from here. */
+export { formatValue, safeColor, currencySymbol, resolveFormat } from "@polyxd/core";
 //# sourceMappingURL=format.js.map

package/dist/format.js.map

@@ -1 +1 @@
-{"version":3,"file":"format.js","sourceRoot":"","sources":["../src/format.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"format.js","sourceRoot":"","sources":["../src/format.ts"],"names":[],"mappings":"AAAA,0GAA0G;AAC1G,OAAO,EAAe,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}

package/dist/frame.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from "react";
+import { type PolyxdSurfaceProps } from "./surface.tsx";
+export interface PolyxdFrameProps extends Omit<PolyxdSurfaceProps, "onDismiss" | "derive"> {
+    /** The current screen: a PolyxdSurface, a React screen, anything. It renders in the shell's Outlet. */
+    children?: ReactNode;
+    /** Which navigation item is current, and the screen's title (shown in the AppBar on compact layouts; the document title follows it). */
+    current?: {
+        key?: string;
+        title?: string;
+    };
+    /** A screen is on its way: the Outlet shows its skeleton instead of `children`. */
+    loading?: boolean;
+}
+/**
+ * Renders a shell document (surface.kind "shell": a Frame with an Outlet) around the host's
+ * current screen. Navigation and AppBar actions dispatch through `onAction` like any action;
+ * the host routes and re-renders with the new `children` and `current`.
+ */
+export declare function PolyxdFrame({ children, current, loading, ...surface }: PolyxdFrameProps): import("react").JSX.Element;

package/dist/frame.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import { FrameHostContext } from "./context.js";
+import { PolyxdSurface } from "./surface.js";
+/**
+ * Renders a shell document (surface.kind "shell": a Frame with an Outlet) around the host's
+ * current screen. Navigation and AppBar actions dispatch through `onAction` like any action;
+ * the host routes and re-renders with the new `children` and `current`.
+ */
+export function PolyxdFrame({ children, current, loading, ...surface }) {
+    const host = useMemo(() => ({ outlet: children, current, loading }), [children, current?.key, current?.title, loading]);
+    // The document title follows the current screen, as the Frame's accessibility requires.
+    const product = surface.document.surface.title;
+    useEffect(() => {
+        if (typeof document === "undefined" || !current || !product)
+            return;
+        document.title = current.title ? `${current.title} · ${product}` : product;
+    }, [current?.title, product, Boolean(current)]);
+    return (_jsx(FrameHostContext.Provider, { value: host, children: _jsx(PolyxdSurface, { ...surface }) }));
+}
+//# sourceMappingURL=frame.js.map

package/dist/frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame.js","sourceRoot":"","sources":["../src/frame.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAkB,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAkB,MAAM,cAAe,CAAC;AACjE,OAAO,EAAE,aAAa,EAA2B,MAAM,cAAe,CAAC;AAWvE;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,OAAO,EAAoB;IACtF,MAAM,IAAI,GAAG,OAAO,CAAY,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IACnI,wFAAwF;IACxF,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;IAC/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO;YAAE,OAAO;QACpE,QAAQ,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IAC7E,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAChD,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YACpC,KAAC,aAAa,OAAK,OAAO,GAAI,GACJ,CAC7B,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { PolyxdSurface, Render, type PolyxdSurfaceProps } from "./surface.tsx";
+export { PolyxdFrame, type PolyxdFrameProps } from "./frame.tsx";
 export { PolyxdSkeleton, type PolyxdSkeletonProps, type SkeletonShape } from "./skeleton.tsx";
-export { useBindings, useSurface, type UIDocument, type ActionEvent, type Node } from "./context.tsx";
+export { useBindings, useSurface, useFrame, type UIDocument, type ActionEvent, type Node, type FrameLayout, type NavigationPlacement } from "./context.tsx";
 export { registry, type ComponentRenderer } from "./components/index.ts";
 export { formatValue, type Format } from "./format.ts";
 export { get as getPointer, set as setPointer, type Data } from "./data.ts";

package/dist/index.js

@@ -1,6 +1,7 @@
 export { PolyxdSurface, Render } from "./surface.js";
+export { PolyxdFrame } from "./frame.js";
 export { PolyxdSkeleton } from "./skeleton.js";
-export { useBindings, useSurface } from "./context.js";
+export { useBindings, useSurface, useFrame } from "./context.js";
 export { registry } from "./components/index.js";
 export { formatValue } from "./format.js";
 export { get as getPointer, set as setPointer } from "./data.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,EAA2B,MAAM,cAAe,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAgD,MAAM,eAAgB,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,UAAU,EAAgD,MAAM,cAAe,CAAC;AACtG,OAAO,EAAE,QAAQ,EAA0B,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAe,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,GAAG,IAAI,UAAU,EAAE,GAAG,IAAI,UAAU,EAAa,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,EAA2B,MAAM,cAAe,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAyB,MAAM,YAAa,CAAC;AACjE,OAAO,EAAE,cAAc,EAAgD,MAAM,eAAgB,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAA4F,MAAM,cAAe,CAAC;AAC5J,OAAO,EAAE,QAAQ,EAA0B,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAe,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,GAAG,IAAI,UAAU,EAAE,GAAG,IAAI,UAAU,EAAa,MAAM,WAAW,CAAC"}

package/dist/skeleton.d.ts

@@ -1,4 +1,5 @@
-export type SkeletonShape = "list" | "form" | "detail" | "dashboard" | "dialog" | "compare";
+import { type SkeletonShape } from "@polyxd/core";
+export type { SkeletonShape };
 export interface PolyxdSkeletonProps {
     /** Surface title if the host already knows it: the status reads "Preparing {title}". */
     title?: string;

package/dist/skeleton.js

@@ -1,30 +1,14 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/** What each pattern's surface usually looks like, so the placeholder has the right silhouette. */
-const PATTERN_SHAPE = {
-    "multi-step-form": "form",
-    "filter-and-browse": "list",
-    "undo-over-confirm": "list",
-    "compare-and-choose": "compare",
-    "confirm-destructive": "dialog",
-    "review-and-submit": "detail",
-};
-/** One placeholder block. `kind` sets its height and radius; `size` its width as a share of the row. */
-function Block({ kind, size }) {
-    return _jsx("span", { className: `pxd-skeleton-block pxd-skeleton-${kind}${size ? ` pxd-skeleton-${size}` : ""}` });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SKELETON_GROUP_CLASS, SKELETON_SHAPES, skeletonShape, skeletonStatus } from "@polyxd/core";
+/** One placeholder block, or a group of them, from the silhouette core describes. */
+function Part({ part }) {
+    if ("block" in part)
+        return _jsx("span", { className: `pxd-skeleton-block pxd-skeleton-${part.block}${part.size ? ` pxd-skeleton-${part.size}` : ""}` });
+    return (_jsx("div", { className: SKELETON_GROUP_CLASS[part.group], children: part.parts.map((p, i) => (_jsx(Part, { part: p }, i))) }));
 }
-const Row = ({ children }) => _jsx("div", { className: "pxd-skeleton-row", children: children });
-const times = (n, render) => Array.from({ length: n }, (_, i) => render(i));
-const SHAPES = {
-    list: () => (_jsxs(_Fragment, { children: [_jsx(Block, { kind: "field", size: "full" }), times(5, (i) => (_jsxs(Row, { children: [_jsx(Block, { kind: "square" }), _jsxs("div", { className: "pxd-skeleton-lines", children: [_jsx(Block, { kind: "line", size: i % 2 ? "medium" : "long" }), _jsx(Block, { kind: "small", size: "short" })] })] }, i)))] })),
-    form: () => (_jsxs(_Fragment, { children: [times(4, (i) => (_jsxs("div", { className: "pxd-skeleton-lines", children: [_jsx(Block, { kind: "small", size: "short" }), _jsx(Block, { kind: "field", size: i === 1 ? "medium" : "long" })] }, i))), _jsxs("div", { className: "pxd-skeleton-actions", children: [_jsx(Block, { kind: "button" }), _jsx(Block, { kind: "button" })] })] })),
-    detail: () => (_jsxs(_Fragment, { children: [_jsxs(Row, { children: [_jsx(Block, { kind: "circle" }), _jsxs("div", { className: "pxd-skeleton-lines", children: [_jsxs(Row, { children: [_jsx(Block, { kind: "line", size: "medium" }), _jsx(Block, { kind: "badge" })] }), _jsx(Block, { kind: "small", size: "short" })] })] }), _jsx("div", { className: "pxd-skeleton-dl", children: times(6, (i) => (_jsxs(Row, { children: [_jsx(Block, { kind: "small", size: "short" }), _jsx(Block, { kind: "line", size: i % 3 === 2 ? "medium" : "long" })] }, i))) })] })),
-    dashboard: () => (_jsxs(_Fragment, { children: [_jsx("div", { className: "pxd-skeleton-cards", children: times(3, (i) => (_jsxs("div", { className: "pxd-skeleton-card", children: [_jsx(Block, { kind: "small", size: "short" }), _jsx(Block, { kind: "value", size: "medium" })] }, i))) }), _jsx(Block, { kind: "chart", size: "full" })] })),
-    dialog: () => (_jsxs(_Fragment, { children: [_jsx(Block, { kind: "line", size: "long" }), _jsx(Block, { kind: "line", size: "medium" }), _jsxs("div", { className: "pxd-skeleton-actions", children: [_jsx(Block, { kind: "button" }), _jsx(Block, { kind: "button" })] })] })),
-    compare: () => (_jsx("div", { className: "pxd-skeleton-cards", children: times(3, (c) => (_jsxs("div", { className: "pxd-skeleton-card", children: [_jsx(Block, { kind: "line", size: "medium" }), times(5, (i) => (_jsx(Block, { kind: "small", size: i % 2 ? "short" : "long" }, i)))] }, c))) })),
-};
 /** The loading state for a surface that has not arrived yet: the shape it will take, shimmering. */
 export function PolyxdSkeleton({ title, pattern, shape, theme, mode, density, locale = "en-GB", className }) {
-    const chosen = shape ?? (pattern ? PATTERN_SHAPE[pattern] : undefined) ?? "detail";
-    return (_jsxs("div", { className: ["pxd-surface", "pxd-skeleton", `pxd-skeleton-${chosen}`, className].filter(Boolean).join(" "), "data-pxd-theme": theme, "data-pxd-mode": mode, "data-pxd-density": density, lang: locale, role: "status", "aria-busy": "true", children: [_jsx("span", { className: "pxd-sr-only", children: title ? `Preparing ${title}` : "Preparing" }), _jsxs("div", { className: "pxd-skeleton-body", "aria-hidden": "true", children: [_jsx(Block, { kind: "title", size: chosen === "dialog" ? "short" : "medium" }), SHAPES[chosen]()] })] }));
+    const chosen = skeletonShape(pattern, shape);
+    return (_jsxs("div", { className: ["pxd-surface", "pxd-skeleton", `pxd-skeleton-${chosen}`, className].filter(Boolean).join(" "), "data-pxd-theme": theme, "data-pxd-mode": mode, "data-pxd-density": density, lang: locale, role: "status", "aria-busy": "true", children: [_jsx("span", { className: "pxd-sr-only", children: skeletonStatus(title) }), _jsxs("div", { className: "pxd-skeleton-body", "aria-hidden": "true", children: [_jsx(Part, { part: { block: "title", size: chosen === "dialog" ? "short" : "medium" } }), SKELETON_SHAPES[chosen].map((p, i) => (_jsx(Part, { part: p }, i)))] })] }));
 }
 //# sourceMappingURL=skeleton.js.map

package/dist/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../src/skeleton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../src/skeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAyC,MAAM,cAAc,CAAC;AAkB3I,qFAAqF;AACrF,SAAS,IAAI,CAAC,EAAE,IAAI,EAA0B;IAC5C,IAAI,OAAO,IAAI,IAAI;QAAE,OAAO,eAAM,SAAS,EAAE,mCAAmC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,GAAI,CAAC;IACjJ,OAAO,CACL,cAAK,SAAS,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,YAC7C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,KAAC,IAAI,IAAS,IAAI,EAAE,CAAC,IAAV,CAAC,CAAa,CAC1B,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,oGAAoG;AACpG,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,SAAS,EAAuB;IAC9H,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC7C,OAAO,CACL,eACE,SAAS,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,gBAAgB,MAAM,EAAE,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,oBACzF,KAAK,mBACN,IAAI,sBACD,OAAO,EACzB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAC,QAAQ,eACH,MAAM,aAEhB,eAAM,SAAS,EAAC,aAAa,YAAE,cAAc,CAAC,KAAK,CAAC,GAAQ,EAC5D,eAAK,SAAS,EAAC,mBAAmB,iBAAa,MAAM,aACnD,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,EACjF,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACrC,KAAC,IAAI,IAAS,IAAI,EAAE,CAAC,IAAV,CAAC,CAAa,CAC1B,CAAC,IACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/surface.d.ts

@@ -1,9 +1,10 @@
+import { type ComponentType } from "react";
 import { StepsContext, type ActionEvent, type Node, type UIDocument } from "./context.tsx";
 import { type Data, type Scope } from "./data.ts";
 import { type ComponentRenderer } from "./components/index.ts";
 export interface PolyxdSurfaceProps {
     document: UIDocument;
-    /** Host data. Defaults to document.data. The surface keeps its own copy as inputs change. */
+    /** Host data. Defaults to document.data. The surface keeps its own copy as inputs change; a shell adopts each new copy the host passes. */
     data?: Data;
     /** Called for every capability action the user triggers. */
     onAction?: (event: ActionEvent) => void;
@@ -27,8 +28,11 @@ export interface PolyxdSurfaceProps {
     locale?: string;
     /** Turns a host media reference into a URL. Generated UIs never contain URLs. */
     resolveMedia?: (ref: string) => string | undefined;
-    /** Renderer adapter overrides: replace any component's renderer (e.g. with Astryx or your own). */
-    components?: Partial<Record<string, ComponentRenderer>>;
+    /**
+     * Renderer adapter overrides: replace any component's renderer (e.g. with Astryx or your own).
+     * Namespaced keys ("brand.logo") are the host's own components, which a Custom renders by name.
+     */
+    components?: Partial<Record<string, ComponentRenderer | ComponentType<any>>>;
     className?: string;
 }
 /** Renders one Polyxd UI document. */

package/dist/surface.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useContext, useMemo, useState } from "react";
+import { useCallback, useContext, useEffect, useMemo, useState } from "react";
 import { SurfaceContext, ScopeContext, StepsContext, useSurface } from "./context.js";
-import { ROOT_SCOPE, resolve, resolveContext, set } from "./data.js";
+import { dispatchAction } from "@polyxd/core";
+import { ROOT_SCOPE, resolve, set } from "./data.js";
 import { registry } from "./components/index.js";
 import { Avatar } from "./components/avatar.js";
 /** Renders one Polyxd UI document. */
@@ -17,18 +18,19 @@ export function PolyxdSurface({ document: doc, data: initial, onAction, onDataCh
         onDataChange?.(next);
         return next;
     }), [onDataChange, derive]);
-    const dispatch = useCallback((action, scope, source) => {
-        if (!action)
-            return;
-        const { name, context } = action.event;
-        if (name === "ui.dismiss")
-            return onDismiss?.();
-        onAction?.({ name, context: resolveContext(context, data, scope), source });
-    }, [data, onAction, onDismiss]);
+    const dispatch = useCallback((action, scope, source) => dispatchAction(action, scope, source, data, { onAction, onDismiss }), [data, onAction, onDismiss]);
     const value = { doc, byId, data, setValue, dispatch, locale, resolveMedia, portal, root, components, disclosure };
     const rootIsDialog = byId.get(doc.root)?.component === "Confirm";
-    const nav = doc.components.find((c) => c.component === "Navigation" && (!c.kind || c.kind === "main"));
-    return (_jsx(SurfaceContext.Provider, { value: value, children: _jsxs("div", { ref: setRoot, className: ["pxd-surface", doc.surface.presentation === "panel" ? "pxd-surface-panel" : null, nav ? "pxd-surface-with-nav" : null, className].filter(Boolean).join(" "), "data-pxd-theme": theme, "data-pxd-mode": mode, "data-pxd-density": density, "data-pxd-surface": doc.surface.id, lang: locale, children: [nav && _jsx(Render, { id: nav.id }), _jsxs("div", { className: "pxd-surface-main", children: [!rootIsDialog && _jsx(SurfaceHeader, {}), _jsx(Render, { id: doc.root })] }), _jsx("div", { ref: setPortal, className: "pxd-portal" })] }) }));
+    // A shell has no surface header and places its own navigation: the Frame draws the regions.
+    const shell = doc.surface.kind === "shell";
+    // A shell lives as long as the product does, and its host data moves under it (a badge count,
+    // the signed-in person), so each new copy the host passes is adopted rather than remounted.
+    useEffect(() => {
+        if (shell && initial)
+            setData(initial);
+    }, [shell, initial]);
+    const nav = shell ? undefined : doc.components.find((c) => c.component === "Navigation" && (!c.kind || c.kind === "main"));
+    return (_jsx(SurfaceContext.Provider, { value: value, children: _jsxs("div", { ref: setRoot, className: ["pxd-surface", shell ? "pxd-surface-shell" : null, doc.surface.presentation === "panel" ? "pxd-surface-panel" : null, nav ? "pxd-surface-with-nav" : null, className].filter(Boolean).join(" "), "data-pxd-theme": theme, "data-pxd-mode": mode, "data-pxd-density": density, "data-pxd-surface": doc.surface.id, lang: locale, children: [nav && _jsx(Render, { id: nav.id }), shell ? (_jsx(Render, { id: doc.root })) : (_jsxs("div", { className: "pxd-surface-main", children: [!rootIsDialog && _jsx(SurfaceHeader, {}), _jsx(Render, { id: doc.root })] })), _jsx("div", { ref: setPortal, className: "pxd-portal" })] }) }));
 }
 /** Title, and on a record page: where it sits, what state it's in, and what you can do to it. */
 function SurfaceHeader() {
@@ -38,7 +40,7 @@ function SurfaceHeader() {
     const plain = !subtitle && !breadcrumbs && !badge && !avatar && !actions;
     if (plain)
         return _jsx("h1", { className: "pxd-surface-title", children: title });
-    return (_jsxs("header", { className: "pxd-page-header", children: [breadcrumbs && (_jsx("nav", { className: "pxd-breadcrumbs", "aria-label": "Breadcrumb", children: _jsx("ol", { children: breadcrumbs.map((c, i) => (_jsx("li", { children: c.action ? (_jsx("button", { type: "button", className: "pxd-link", onClick: () => s.dispatch(c.action, ROOT_SCOPE, s.doc.surface.id), children: text(c.label) })) : (text(c.label)) }, i))) }) })), _jsxs("div", { className: "pxd-page-header-main", children: [avatar !== undefined && _jsx(Avatar, { value: text(avatar), name: title, size: 48 }), _jsxs("div", { className: "pxd-page-header-text", children: [_jsxs("h1", { className: "pxd-surface-title", children: [title, badge && _jsx("span", { className: `pxd-badge pxd-tone-${badge.tone ?? "neutral"}`, children: text(badge.text) })] }), subtitle && _jsx("p", { className: "pxd-surface-subtitle", children: subtitle })] }), actions && (_jsx("div", { className: "pxd-page-header-actions", children: _jsx(Render, { id: actions }) }))] })] }));
+    return (_jsxs("header", { className: "pxd-page-header", children: [breadcrumbs && (_jsx("nav", { className: "pxd-breadcrumbs", "aria-label": "Breadcrumb", children: _jsx("ol", { children: breadcrumbs.map((c, i) => (_jsx("li", { children: c.action ? (_jsx("button", { type: "button", className: "pxd-link", onClick: () => s.dispatch(c.action, ROOT_SCOPE, s.doc.surface.id), children: text(c.label) })) : (text(c.label)) }, i))) }) })), _jsxs("div", { className: "pxd-page-header-main", children: [avatar !== undefined && _jsx(Avatar, { value: text(avatar), name: title, size: 48 }), _jsxs("div", { className: "pxd-page-header-text", children: [_jsxs("h1", { className: "pxd-surface-title", children: [title, badge && _jsx("span", { className: `pxd-badge pxd-tone-${badge.tone ?? "neutral"}`, children: text(badge.text) })] }), subtitle !== undefined && _jsx("p", { className: "pxd-surface-subtitle", children: text(subtitle) })] }), actions && (_jsx("div", { className: "pxd-page-header-actions", children: _jsx(Render, { id: actions }) }))] })] }));
 }
 /** Renders a component by id in the current scope. */
 export function Render({ id, scope }) {

package/dist/surface.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polyxd/react",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "React renderer for Polyxd UI documents: Radix primitives styled by design-system tokens",
   "license": "Apache-2.0",
   "type": "module",
@@ -12,19 +12,22 @@
       "default": "./dist/index.js"
     },
     "./styles.css": "./src/styles.css",
-    "./themes/*": "./themes/*"
+    "./themes/*": "./themes/*",
+    "./preview/*": "./preview/*"
   },
   "files": [
     "dist",
     "src/styles.css",
     "themes",
+    "preview",
     "LICENSE",
     "NOTICE"
   ],
   "scripts": {
-    "build": "tsc -b",
+    "build": "tsc -b && node scripts/build-preview.ts",
     "build:themes": "node scripts/build-themes.ts",
-    "test": "tsc -b && node --test \"test/**/*.test.ts\""
+    "test": "tsc -b && node --test \"test/**/*.test.ts\"",
+    "build:preview": "node scripts/build-preview.ts"
   },
   "peerDependencies": {
     "react": ">=19",
@@ -34,10 +37,12 @@
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "react": "^19.3.0",
-    "react-dom": "^19.3.0"
+    "react-dom": "^19.3.0",
+    "esbuild": "^0.28.1"
   },
   "dependencies": {
-    "@polyxd/spec": "^0.2.2",
+    "@polyxd/core": "^0.3.0",
+    "@polyxd/spec": "^0.3.0",
     "radix-ui": "^1.6.7"
   },
   "repository": {