@copilotkit/a2ui-renderer 1.55.0-next.9 → 1.55.0

package/dist/react-renderer/create-catalog.mjs

@@ -0,0 +1,111 @@
+import { createReactComponent } from "./a2ui-react/adapter.mjs";
+import { basicCatalog } from "./a2ui-react/catalog/basic/index.mjs";
+import "./a2ui-react/index.mjs";
+import { Catalog } from "@a2ui/web_core/v0_9";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/react-renderer/create-catalog.tsx
+/**
+* Create an A2UI catalog from definitions and renderers.
+*
+* Definitions are platform-agnostic (Zod schemas + descriptions).
+* Renderers are platform-specific (React components).
+* TypeScript enforces that renderers match definitions exactly.
+*
+* @example
+* ```tsx
+* // schema.ts (platform-agnostic)
+* export const demoCatalogDefinitions = {
+*   Card: {
+*     description: "A card container",
+*     props: z.object({ title: z.string(), child: z.string().optional() }),
+*   },
+* } satisfies CatalogDefinitions;
+*
+* // catalog.tsx (React renderers)
+* export const demoCatalog = createCatalog(demoCatalogDefinitions, {
+*   Card: ({ props, children }) => (
+*     <div>{props.title}{props.child && children(props.child)}</div>
+*   ),
+* });
+* ```
+*/
+function createCatalog(definitions, renderers, options) {
+	const catalogId = options?.catalogId ?? "copilotkit://custom-catalog";
+	const includeBasic = options?.includeBasicCatalog === true;
+	const customComponents = [];
+	for (const [name, def] of Object.entries(definitions)) {
+		const api = {
+			name,
+			schema: def.props
+		};
+		const renderer = renderers[name];
+		const wrapped = createReactComponent(api, ({ props, buildChild, context }) => {
+			const Render = renderer;
+			const dispatch = (action) => context.dispatchAction(action);
+			return /* @__PURE__ */ jsx(Render, {
+				props,
+				children: buildChild,
+				dispatch
+			});
+		});
+		customComponents.push(wrapped);
+	}
+	return new Catalog(catalogId, includeBasic ? [...Array.from(basicCatalog.components.values()), ...customComponents] : customComponents, includeBasic ? Array.from(basicCatalog.functions.values()) : []);
+}
+/**
+* Extract a JSON-serializable schema from catalog definitions.
+* Suitable for passing to the runtime's `a2ui.schema` config.
+*/
+function extractSchema(definitions) {
+	return Object.entries(definitions).map(([name, def]) => ({
+		name,
+		description: def.description,
+		props: zodSchemaToSimpleObject(def.props)
+	}));
+}
+function zodSchemaToSimpleObject(schema) {
+	const shape = schema.shape;
+	const properties = {};
+	for (const [key, value] of Object.entries(shape)) {
+		const zodValue = value;
+		properties[key] = {
+			type: zodValue._def?.typeName ?? "unknown",
+			...zodValue.description ? { description: zodValue.description } : {}
+		};
+	}
+	return {
+		type: "object",
+		properties
+	};
+}
+/**
+* @deprecated Use `createCatalog(definitions, renderers)` instead.
+*/
+function createA2UICatalog(components, options) {
+	const definitions = {};
+	const renderers = {};
+	for (const [name, def] of Object.entries(components)) {
+		definitions[name] = {
+			props: def.props,
+			description: def.description
+		};
+		renderers[name] = def.render;
+	}
+	return createCatalog(definitions, renderers, options);
+}
+/**
+* @deprecated Use `extractSchema(definitions)` instead.
+*/
+function extractA2UISchema(components) {
+	const definitions = {};
+	for (const [name, def] of Object.entries(components)) definitions[name] = {
+		props: def.props,
+		description: def.description
+	};
+	return extractSchema(definitions);
+}
+
+//#endregion
+export { createA2UICatalog, createCatalog, extractA2UISchema, extractSchema };
+//# sourceMappingURL=create-catalog.mjs.map

package/dist/react-renderer/create-catalog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-catalog.mjs","names":[],"sources":["../../src/react-renderer/create-catalog.tsx"],"sourcesContent":["import { z, type ZodObject, type ZodRawShape } from \"zod\";\nimport { Catalog } from \"@a2ui/web_core/v0_9\";\nimport { BASIC_FUNCTIONS } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { basicCatalog, createReactComponent } from \"./a2ui-react\";\nimport type { ReactComponentImplementation } from \"./a2ui-react\";\nimport type { ComponentApi } from \"@a2ui/web_core/v0_9\";\n\n// ─── Catalog Definitions (platform-agnostic) ─────────────────────────\n\n/**\n * A single component definition — Zod props schema + optional description.\n * Platform-agnostic: no React or rendering details.\n */\nexport interface CatalogComponentDefinition<\n  T extends ZodRawShape = ZodRawShape,\n> {\n  /** Zod schema for component props */\n  props: ZodObject<T>;\n  /** Description for the AI agent */\n  description?: string;\n}\n\n/**\n * A record mapping component names to their definitions.\n * This is the platform-agnostic \"contract\" that agents use.\n */\nexport type CatalogDefinitions = Record<\n  string,\n  CatalogComponentDefinition<any>\n>;\n\n/**\n * Infer the props type for a specific component in the definitions.\n */\nexport type PropsOf<D extends CatalogDefinitions, K extends keyof D> = z.infer<\n  D[K][\"props\"]\n>;\n\n// ─── Catalog Renderers (platform-specific) ───────────────────────────\n\n/**\n * Props passed to a renderer function.\n */\nexport interface RendererProps<T = Record<string, unknown>> {\n  /** Resolved prop values from the A2UI data model */\n  props: T;\n  /** Render a child component by ID */\n  children: (id: string) => React.ReactNode;\n  /** Dispatch an A2UI action from this component (e.g., on button click) */\n  dispatch?: (action: any) => void;\n}\n\n/**\n * A renderer function for a component.\n */\nexport type ComponentRenderer<T = Record<string, unknown>> = React.FC<\n  RendererProps<T>\n>;\n\n/**\n * A record mapping component names to React renderer functions.\n * Type-checked against the catalog definitions.\n */\nexport type CatalogRenderers<D extends CatalogDefinitions> = {\n  [K in keyof D]: ComponentRenderer<z.infer<D[K][\"props\"]>>;\n};\n\n// ─── Create Catalog ──────────────────────────────────────────────────\n\n/**\n * Create an A2UI catalog from definitions and renderers.\n *\n * Definitions are platform-agnostic (Zod schemas + descriptions).\n * Renderers are platform-specific (React components).\n * TypeScript enforces that renderers match definitions exactly.\n *\n * @example\n * ```tsx\n * // schema.ts (platform-agnostic)\n * export const demoCatalogDefinitions = {\n *   Card: {\n *     description: \"A card container\",\n *     props: z.object({ title: z.string(), child: z.string().optional() }),\n *   },\n * } satisfies CatalogDefinitions;\n *\n * // catalog.tsx (React renderers)\n * export const demoCatalog = createCatalog(demoCatalogDefinitions, {\n *   Card: ({ props, children }) => (\n *     <div>{props.title}{props.child && children(props.child)}</div>\n *   ),\n * });\n * ```\n */\nexport function createCatalog<D extends CatalogDefinitions>(\n  definitions: D,\n  renderers: CatalogRenderers<D>,\n  options?: {\n    /** Catalog ID. Defaults to a generated URI. */\n    catalogId?: string;\n    /** If true, merge the built-in basic catalog components (Text, Button, Row, etc.) into this catalog. Default: false */\n    includeBasicCatalog?: boolean;\n  },\n): Catalog<ReactComponentImplementation> {\n  const catalogId = options?.catalogId ?? \"copilotkit://custom-catalog\";\n  const includeBasic = options?.includeBasicCatalog === true;\n\n  const customComponents: ReactComponentImplementation[] = [];\n\n  for (const [name, def] of Object.entries(definitions)) {\n    const api: ComponentApi = {\n      name,\n      schema: def.props,\n    };\n\n    const renderer = (renderers as Record<string, ComponentRenderer<any>>)[\n      name\n    ];\n    const wrapped = createReactComponent(\n      api,\n      ({ props, buildChild, context }) => {\n        const Render = renderer;\n        const dispatch = (action: any) => context.dispatchAction(action);\n        return (\n          <Render props={props} children={buildChild} dispatch={dispatch} />\n        );\n      },\n    );\n\n    customComponents.push(wrapped);\n  }\n\n  const allComponents = includeBasic\n    ? [...Array.from(basicCatalog.components.values()), ...customComponents]\n    : customComponents;\n\n  const functions = includeBasic\n    ? Array.from(basicCatalog.functions.values())\n    : [];\n\n  return new Catalog<ReactComponentImplementation>(\n    catalogId,\n    allComponents,\n    functions,\n  );\n}\n\n// ─── Extract Schema (for runtime) ────────────────────────────────────\n\n/**\n * Extract a JSON-serializable schema from catalog definitions.\n * Suitable for passing to the runtime's `a2ui.schema` config.\n */\nexport function extractSchema(definitions: CatalogDefinitions): Array<{\n  name: string;\n  description?: string;\n  props?: Record<string, unknown>;\n}> {\n  return Object.entries(definitions).map(([name, def]) => ({\n    name,\n    description: def.description,\n    props: zodSchemaToSimpleObject(def.props),\n  }));\n}\n\nfunction zodSchemaToSimpleObject(\n  schema: ZodObject<any>,\n): Record<string, unknown> {\n  const shape = schema.shape;\n  const properties: Record<string, { type: string; description?: string }> = {};\n  for (const [key, value] of Object.entries(shape)) {\n    const zodValue = value as any;\n    properties[key] = {\n      type: zodValue._def?.typeName ?? \"unknown\",\n      ...(zodValue.description ? { description: zodValue.description } : {}),\n    };\n  }\n  return { type: \"object\", properties };\n}\n\n// ─── Backward Compatibility ──────────────────────────────────────────\n\n// Old API — definitions + renderers combined in one object\nexport interface A2UIComponentDefinition<T extends ZodRawShape = ZodRawShape> {\n  props: ZodObject<T>;\n  description?: string;\n  render: React.FC<RendererProps<z.infer<ZodObject<T>>>>;\n}\n\nexport type A2UIComponentMap = Record<string, A2UIComponentDefinition<any>>;\n\n/**\n * @deprecated Use `createCatalog(definitions, renderers)` instead.\n */\nexport function createA2UICatalog(\n  components: A2UIComponentMap,\n  options?: {\n    catalogId?: string;\n    includeBasicCatalog?: boolean;\n  },\n): Catalog<ReactComponentImplementation> {\n  const definitions: CatalogDefinitions = {};\n  const renderers: Record<string, ComponentRenderer<any>> = {};\n\n  for (const [name, def] of Object.entries(components)) {\n    definitions[name] = { props: def.props, description: def.description };\n    renderers[name] = def.render;\n  }\n\n  return createCatalog(definitions, renderers as any, options);\n}\n\n/**\n * @deprecated Use `extractSchema(definitions)` instead.\n */\nexport function extractA2UISchema(components: A2UIComponentMap): Array<{\n  name: string;\n  description?: string;\n  props?: Record<string, unknown>;\n}> {\n  const definitions: CatalogDefinitions = {};\n  for (const [name, def] of Object.entries(components)) {\n    definitions[name] = { props: def.props, description: def.description };\n  }\n  return extractSchema(definitions);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA,SAAgB,cACd,aACA,WACA,SAMuC;CACvC,MAAM,YAAY,SAAS,aAAa;CACxC,MAAM,eAAe,SAAS,wBAAwB;CAEtD,MAAM,mBAAmD,EAAE;AAE3D,MAAK,MAAM,CAAC,MAAM,QAAQ,OAAO,QAAQ,YAAY,EAAE;EACrD,MAAM,MAAoB;GACxB;GACA,QAAQ,IAAI;GACb;EAED,MAAM,WAAY,UAChB;EAEF,MAAM,UAAU,qBACd,MACC,EAAE,OAAO,YAAY,cAAc;GAClC,MAAM,SAAS;GACf,MAAM,YAAY,WAAgB,QAAQ,eAAe,OAAO;AAChE,UACE,oBAAC;IAAc;IAAO,UAAU;IAAsB;KAAY;IAGvE;AAED,mBAAiB,KAAK,QAAQ;;AAWhC,QAAO,IAAI,QACT,WAToB,eAClB,CAAC,GAAG,MAAM,KAAK,aAAa,WAAW,QAAQ,CAAC,EAAE,GAAG,iBAAiB,GACtE,kBAEc,eACd,MAAM,KAAK,aAAa,UAAU,QAAQ,CAAC,GAC3C,EAAE,CAML;;;;;;AASH,SAAgB,cAAc,aAI3B;AACD,QAAO,OAAO,QAAQ,YAAY,CAAC,KAAK,CAAC,MAAM,UAAU;EACvD;EACA,aAAa,IAAI;EACjB,OAAO,wBAAwB,IAAI,MAAM;EAC1C,EAAE;;AAGL,SAAS,wBACP,QACyB;CACzB,MAAM,QAAQ,OAAO;CACrB,MAAM,aAAqE,EAAE;AAC7E,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,EAAE;EAChD,MAAM,WAAW;AACjB,aAAW,OAAO;GAChB,MAAM,SAAS,MAAM,YAAY;GACjC,GAAI,SAAS,cAAc,EAAE,aAAa,SAAS,aAAa,GAAG,EAAE;GACtE;;AAEH,QAAO;EAAE,MAAM;EAAU;EAAY;;;;;AAiBvC,SAAgB,kBACd,YACA,SAIuC;CACvC,MAAM,cAAkC,EAAE;CAC1C,MAAM,YAAoD,EAAE;AAE5D,MAAK,MAAM,CAAC,MAAM,QAAQ,OAAO,QAAQ,WAAW,EAAE;AACpD,cAAY,QAAQ;GAAE,OAAO,IAAI;GAAO,aAAa,IAAI;GAAa;AACtE,YAAU,QAAQ,IAAI;;AAGxB,QAAO,cAAc,aAAa,WAAkB,QAAQ;;;;;AAM9D,SAAgB,kBAAkB,YAI/B;CACD,MAAM,cAAkC,EAAE;AAC1C,MAAK,MAAM,CAAC,MAAM,QAAQ,OAAO,QAAQ,WAAW,CAClD,aAAY,QAAQ;EAAE,OAAO,IAAI;EAAO,aAAa,IAAI;EAAa;AAExE,QAAO,cAAc,YAAY"}

package/dist/react-renderer/hooks/useA2UI.cjs

@@ -2,32 +2,8 @@ const require_A2UIProvider = require('../core/A2UIProvider.cjs');
 
 //#region src/react-renderer/hooks/useA2UI.ts
 /**
-* Main API hook for A2UI. Provides methods to process messages
+* Main API hook for A2UI v0.9. Provides methods to process messages
 * and access surface state.
-*
-* Note: This hook subscribes to state changes. Components using this
-* will re-render when the A2UI state changes. For action-only usage
-* (no re-renders), use useA2UIActions() instead.
-*
-* @returns Object with message processing and surface access methods
-*
-* @example
-* ```tsx
-* function ChatApp() {
-*   const { processMessages, getSurface } = useA2UI();
-*
-*   useEffect(() => {
-*     const ws = new WebSocket('wss://agent.example.com');
-*     ws.onmessage = (event) => {
-*       const messages = JSON.parse(event.data);
-*       processMessages(messages);
-*     };
-*     return () => ws.close();
-*   }, [processMessages]);
-*
-*   return <A2UIRenderer surfaceId="main" />;
-* }
-* ```
 */
 function useA2UI() {
 	const actions = require_A2UIProvider.useA2UIActions();
@@ -35,7 +11,6 @@ function useA2UI() {
 	return {
 		processMessages: actions.processMessages,
 		getSurface: actions.getSurface,
-		getSurfaces: actions.getSurfaces,
 		clearSurfaces: actions.clearSurfaces,
 		version: state.version
 	};

package/dist/react-renderer/hooks/useA2UI.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useA2UI.cjs","names":["useA2UIActions","useA2UIState"],"sources":["../../../src/react-renderer/hooks/useA2UI.ts"],"sourcesContent":["import type { Types } from \"@a2ui/lit/0.8\";\nimport { useA2UIActions, useA2UIState } from \"../core/A2UIProvider\";\n\n/**\n * Result returned by the useA2UI hook.\n */\nexport interface UseA2UIResult {\n  /** Process incoming server messages */\n  processMessages: (messages: Types.ServerToClientMessage[]) => void;\n\n  /** Get a surface by ID */\n  getSurface: (surfaceId: string) => Types.Surface | undefined;\n\n  /** Get all surfaces */\n  getSurfaces: () => ReadonlyMap<string, Types.Surface>;\n\n  /** Clear all surfaces */\n  clearSurfaces: () => void;\n\n  /** The current version number (increments on state changes) */\n  version: number;\n}\n\n/**\n * Main API hook for A2UI. Provides methods to process messages\n * and access surface state.\n *\n * Note: This hook subscribes to state changes. Components using this\n * will re-render when the A2UI state changes. For action-only usage\n * (no re-renders), use useA2UIActions() instead.\n *\n * @returns Object with message processing and surface access methods\n *\n * @example\n * ```tsx\n * function ChatApp() {\n *   const { processMessages, getSurface } = useA2UI();\n *\n *   useEffect(() => {\n *     const ws = new WebSocket('wss://agent.example.com');\n *     ws.onmessage = (event) => {\n *       const messages = JSON.parse(event.data);\n *       processMessages(messages);\n *     };\n *     return () => ws.close();\n *   }, [processMessages]);\n *\n *   return <A2UIRenderer surfaceId=\"main\" />;\n * }\n * ```\n */\nexport function useA2UI(): UseA2UIResult {\n  const actions = useA2UIActions();\n  const state = useA2UIState();\n\n  return {\n    processMessages: actions.processMessages,\n    getSurface: actions.getSurface,\n    getSurfaces: actions.getSurfaces,\n    clearSurfaces: actions.clearSurfaces,\n    version: state.version,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,SAAgB,UAAyB;CACvC,MAAM,UAAUA,qCAAgB;CAChC,MAAM,QAAQC,mCAAc;AAE5B,QAAO;EACL,iBAAiB,QAAQ;EACzB,YAAY,QAAQ;EACpB,aAAa,QAAQ;EACrB,eAAe,QAAQ;EACvB,SAAS,MAAM;EAChB"}
+{"version":3,"file":"useA2UI.cjs","names":["useA2UIActions","useA2UIState"],"sources":["../../../src/react-renderer/hooks/useA2UI.ts"],"sourcesContent":["import { useA2UIActions, useA2UIState } from \"../core/A2UIProvider\";\n\n/**\n * Result returned by the useA2UI hook.\n */\nexport interface UseA2UIResult {\n  /** Process incoming v0.9 A2UI messages */\n  processMessages: (messages: Array<Record<string, unknown>>) => void;\n\n  /** Get a surface model by ID */\n  getSurface: (surfaceId: string) => any | undefined;\n\n  /** Clear all surfaces */\n  clearSurfaces: () => void;\n\n  /** The current version number (increments on state changes) */\n  version: number;\n}\n\n/**\n * Main API hook for A2UI v0.9. Provides methods to process messages\n * and access surface state.\n */\nexport function useA2UI(): UseA2UIResult {\n  const actions = useA2UIActions();\n  const state = useA2UIState();\n\n  return {\n    processMessages: actions.processMessages,\n    getSurface: actions.getSurface,\n    clearSurfaces: actions.clearSurfaces,\n    version: state.version,\n  };\n}\n"],"mappings":";;;;;;;AAuBA,SAAgB,UAAyB;CACvC,MAAM,UAAUA,qCAAgB;CAChC,MAAM,QAAQC,mCAAc;AAE5B,QAAO;EACL,iBAAiB,QAAQ;EACzB,YAAY,QAAQ;EACpB,eAAe,QAAQ;EACvB,SAAS,MAAM;EAChB"}

package/dist/react-renderer/hooks/useA2UI.d.cts

@@ -1,48 +1,20 @@
-import { Types } from "@a2ui/lit/0.8";
-
 //#region src/react-renderer/hooks/useA2UI.d.ts
 /**
  * Result returned by the useA2UI hook.
  */
 interface UseA2UIResult {
-  /** Process incoming server messages */
-  processMessages: (messages: Types.ServerToClientMessage[]) => void;
-  /** Get a surface by ID */
-  getSurface: (surfaceId: string) => Types.Surface | undefined;
-  /** Get all surfaces */
-  getSurfaces: () => ReadonlyMap<string, Types.Surface>;
+  /** Process incoming v0.9 A2UI messages */
+  processMessages: (messages: Array<Record<string, unknown>>) => void;
+  /** Get a surface model by ID */
+  getSurface: (surfaceId: string) => any | undefined;
   /** Clear all surfaces */
   clearSurfaces: () => void;
   /** The current version number (increments on state changes) */
   version: number;
 }
 /**
- * Main API hook for A2UI. Provides methods to process messages
+ * Main API hook for A2UI v0.9. Provides methods to process messages
  * and access surface state.
- *
- * Note: This hook subscribes to state changes. Components using this
- * will re-render when the A2UI state changes. For action-only usage
- * (no re-renders), use useA2UIActions() instead.
- *
- * @returns Object with message processing and surface access methods
- *
- * @example
- * ```tsx
- * function ChatApp() {
- *   const { processMessages, getSurface } = useA2UI();
- *
- *   useEffect(() => {
- *     const ws = new WebSocket('wss://agent.example.com');
- *     ws.onmessage = (event) => {
- *       const messages = JSON.parse(event.data);
- *       processMessages(messages);
- *     };
- *     return () => ws.close();
- *   }, [processMessages]);
- *
- *   return <A2UIRenderer surfaceId="main" />;
- * }
- * ```
  */
 declare function useA2UI(): UseA2UIResult;
 //#endregion

package/dist/react-renderer/hooks/useA2UI.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"useA2UI.d.cts","names":[],"sources":["../../../src/react-renderer/hooks/useA2UI.ts"],"mappings":";;;;;AAMA;UAAiB,aAAA;;EAEf,eAAA,GAAkB,QAAA,EAAU,KAAA,CAAM,qBAAA;EAGC;EAAnC,UAAA,GAAa,SAAA,aAAsB,KAAA,CAAM,OAAA;EAGtB;EAAnB,WAAA,QAAmB,WAAA,SAAoB,KAAA,CAAM,OAAA;EAAf;EAG9B,aAAA;EAT4B;EAY5B,OAAA;AAAA;;;;;;;;;;;;;AA+BF;;;;;;;;;;;;;;;;iBAAgB,OAAA,CAAA,GAAW,aAAA"}
+{"version":3,"file":"useA2UI.d.cts","names":[],"sources":["../../../src/react-renderer/hooks/useA2UI.ts"],"mappings":";;AAKA;;UAAiB,aAAA;EAEkB;EAAjC,eAAA,GAAkB,QAAA,EAAU,KAAA,CAAM,MAAA;EAAN;EAG5B,UAAA,GAAa,SAAA;EAHK;EAMlB,aAAA;EAHa;EAMb,OAAA;AAAA;;;AAOF;;iBAAgB,OAAA,CAAA,GAAW,aAAA"}

package/dist/react-renderer/hooks/useA2UI.d.mts

@@ -1,48 +1,20 @@
-import { Types } from "@a2ui/lit/0.8";
-
 //#region src/react-renderer/hooks/useA2UI.d.ts
 /**
  * Result returned by the useA2UI hook.
  */
 interface UseA2UIResult {
-  /** Process incoming server messages */
-  processMessages: (messages: Types.ServerToClientMessage[]) => void;
-  /** Get a surface by ID */
-  getSurface: (surfaceId: string) => Types.Surface | undefined;
-  /** Get all surfaces */
-  getSurfaces: () => ReadonlyMap<string, Types.Surface>;
+  /** Process incoming v0.9 A2UI messages */
+  processMessages: (messages: Array<Record<string, unknown>>) => void;
+  /** Get a surface model by ID */
+  getSurface: (surfaceId: string) => any | undefined;
   /** Clear all surfaces */
   clearSurfaces: () => void;
   /** The current version number (increments on state changes) */
   version: number;
 }
 /**
- * Main API hook for A2UI. Provides methods to process messages
+ * Main API hook for A2UI v0.9. Provides methods to process messages
  * and access surface state.
- *
- * Note: This hook subscribes to state changes. Components using this
- * will re-render when the A2UI state changes. For action-only usage
- * (no re-renders), use useA2UIActions() instead.
- *
- * @returns Object with message processing and surface access methods
- *
- * @example
- * ```tsx
- * function ChatApp() {
- *   const { processMessages, getSurface } = useA2UI();
- *
- *   useEffect(() => {
- *     const ws = new WebSocket('wss://agent.example.com');
- *     ws.onmessage = (event) => {
- *       const messages = JSON.parse(event.data);
- *       processMessages(messages);
- *     };
- *     return () => ws.close();
- *   }, [processMessages]);
- *
- *   return <A2UIRenderer surfaceId="main" />;
- * }
- * ```
  */
 declare function useA2UI(): UseA2UIResult;
 //#endregion

package/dist/react-renderer/hooks/useA2UI.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"useA2UI.d.mts","names":[],"sources":["../../../src/react-renderer/hooks/useA2UI.ts"],"mappings":";;;;;AAMA;UAAiB,aAAA;;EAEf,eAAA,GAAkB,QAAA,EAAU,KAAA,CAAM,qBAAA;EAGC;EAAnC,UAAA,GAAa,SAAA,aAAsB,KAAA,CAAM,OAAA;EAGtB;EAAnB,WAAA,QAAmB,WAAA,SAAoB,KAAA,CAAM,OAAA;EAAf;EAG9B,aAAA;EAT4B;EAY5B,OAAA;AAAA;;;;;;;;;;;;;AA+BF;;;;;;;;;;;;;;;;iBAAgB,OAAA,CAAA,GAAW,aAAA"}
+{"version":3,"file":"useA2UI.d.mts","names":[],"sources":["../../../src/react-renderer/hooks/useA2UI.ts"],"mappings":";;AAKA;;UAAiB,aAAA;EAEkB;EAAjC,eAAA,GAAkB,QAAA,EAAU,KAAA,CAAM,MAAA;EAAN;EAG5B,UAAA,GAAa,SAAA;EAHK;EAMlB,aAAA;EAHa;EAMb,OAAA;AAAA;;;AAOF;;iBAAgB,OAAA,CAAA,GAAW,aAAA"}

package/dist/react-renderer/hooks/useA2UI.mjs

@@ -2,32 +2,8 @@ import { useA2UIActions, useA2UIState } from "../core/A2UIProvider.mjs";
 
 //#region src/react-renderer/hooks/useA2UI.ts
 /**
-* Main API hook for A2UI. Provides methods to process messages
+* Main API hook for A2UI v0.9. Provides methods to process messages
 * and access surface state.
-*
-* Note: This hook subscribes to state changes. Components using this
-* will re-render when the A2UI state changes. For action-only usage
-* (no re-renders), use useA2UIActions() instead.
-*
-* @returns Object with message processing and surface access methods
-*
-* @example
-* ```tsx
-* function ChatApp() {
-*   const { processMessages, getSurface } = useA2UI();
-*
-*   useEffect(() => {
-*     const ws = new WebSocket('wss://agent.example.com');
-*     ws.onmessage = (event) => {
-*       const messages = JSON.parse(event.data);
-*       processMessages(messages);
-*     };
-*     return () => ws.close();
-*   }, [processMessages]);
-*
-*   return <A2UIRenderer surfaceId="main" />;
-* }
-* ```
 */
 function useA2UI() {
 	const actions = useA2UIActions();
@@ -35,7 +11,6 @@ function useA2UI() {
 	return {
 		processMessages: actions.processMessages,
 		getSurface: actions.getSurface,
-		getSurfaces: actions.getSurfaces,
 		clearSurfaces: actions.clearSurfaces,
 		version: state.version
 	};

package/dist/react-renderer/hooks/useA2UI.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useA2UI.mjs","names":[],"sources":["../../../src/react-renderer/hooks/useA2UI.ts"],"sourcesContent":["import type { Types } from \"@a2ui/lit/0.8\";\nimport { useA2UIActions, useA2UIState } from \"../core/A2UIProvider\";\n\n/**\n * Result returned by the useA2UI hook.\n */\nexport interface UseA2UIResult {\n  /** Process incoming server messages */\n  processMessages: (messages: Types.ServerToClientMessage[]) => void;\n\n  /** Get a surface by ID */\n  getSurface: (surfaceId: string) => Types.Surface | undefined;\n\n  /** Get all surfaces */\n  getSurfaces: () => ReadonlyMap<string, Types.Surface>;\n\n  /** Clear all surfaces */\n  clearSurfaces: () => void;\n\n  /** The current version number (increments on state changes) */\n  version: number;\n}\n\n/**\n * Main API hook for A2UI. Provides methods to process messages\n * and access surface state.\n *\n * Note: This hook subscribes to state changes. Components using this\n * will re-render when the A2UI state changes. For action-only usage\n * (no re-renders), use useA2UIActions() instead.\n *\n * @returns Object with message processing and surface access methods\n *\n * @example\n * ```tsx\n * function ChatApp() {\n *   const { processMessages, getSurface } = useA2UI();\n *\n *   useEffect(() => {\n *     const ws = new WebSocket('wss://agent.example.com');\n *     ws.onmessage = (event) => {\n *       const messages = JSON.parse(event.data);\n *       processMessages(messages);\n *     };\n *     return () => ws.close();\n *   }, [processMessages]);\n *\n *   return <A2UIRenderer surfaceId=\"main\" />;\n * }\n * ```\n */\nexport function useA2UI(): UseA2UIResult {\n  const actions = useA2UIActions();\n  const state = useA2UIState();\n\n  return {\n    processMessages: actions.processMessages,\n    getSurface: actions.getSurface,\n    getSurfaces: actions.getSurfaces,\n    clearSurfaces: actions.clearSurfaces,\n    version: state.version,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,SAAgB,UAAyB;CACvC,MAAM,UAAU,gBAAgB;CAChC,MAAM,QAAQ,cAAc;AAE5B,QAAO;EACL,iBAAiB,QAAQ;EACzB,YAAY,QAAQ;EACpB,aAAa,QAAQ;EACrB,eAAe,QAAQ;EACvB,SAAS,MAAM;EAChB"}
+{"version":3,"file":"useA2UI.mjs","names":[],"sources":["../../../src/react-renderer/hooks/useA2UI.ts"],"sourcesContent":["import { useA2UIActions, useA2UIState } from \"../core/A2UIProvider\";\n\n/**\n * Result returned by the useA2UI hook.\n */\nexport interface UseA2UIResult {\n  /** Process incoming v0.9 A2UI messages */\n  processMessages: (messages: Array<Record<string, unknown>>) => void;\n\n  /** Get a surface model by ID */\n  getSurface: (surfaceId: string) => any | undefined;\n\n  /** Clear all surfaces */\n  clearSurfaces: () => void;\n\n  /** The current version number (increments on state changes) */\n  version: number;\n}\n\n/**\n * Main API hook for A2UI v0.9. Provides methods to process messages\n * and access surface state.\n */\nexport function useA2UI(): UseA2UIResult {\n  const actions = useA2UIActions();\n  const state = useA2UIState();\n\n  return {\n    processMessages: actions.processMessages,\n    getSurface: actions.getSurface,\n    clearSurfaces: actions.clearSurfaces,\n    version: state.version,\n  };\n}\n"],"mappings":";;;;;;;AAuBA,SAAgB,UAAyB;CACvC,MAAM,UAAU,gBAAgB;CAChC,MAAM,QAAQ,cAAc;AAE5B,QAAO;EACL,iBAAiB,QAAQ;EACzB,YAAY,QAAQ;EACpB,eAAe,QAAQ;EACvB,SAAS,MAAM;EAChB"}

package/dist/react-renderer/index.cjs

@@ -1,31 +1,25 @@
-const require_litTheme = require('./theme/litTheme.cjs');
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_adapter = require('./a2ui-react/adapter.cjs');
+const require_index = require('./a2ui-react/catalog/basic/index.cjs');
 const require_ThemeContext = require('./theme/ThemeContext.cjs');
 const require_A2UIProvider = require('./core/A2UIProvider.cjs');
 const require_useA2UI = require('./hooks/useA2UI.cjs');
-const require_ComponentRegistry = require('./registry/ComponentRegistry.cjs');
-const require_ComponentNode = require('./core/ComponentNode.cjs');
-const require_utils = require('./theme/utils.cjs');
-const require_utils$1 = require('./lib/utils.cjs');
+const require_utils = require('./lib/utils.cjs');
 const require_A2UIRenderer = require('./core/A2UIRenderer.cjs');
-const require_useA2UIComponent = require('./hooks/useA2UIComponent.cjs');
-const require_Text = require('./components/content/Text.cjs');
-const require_Image = require('./components/content/Image.cjs');
-const require_Icon = require('./components/content/Icon.cjs');
-const require_Divider = require('./components/content/Divider.cjs');
-const require_Video = require('./components/content/Video.cjs');
-const require_AudioPlayer = require('./components/content/AudioPlayer.cjs');
-const require_Row = require('./components/layout/Row.cjs');
-const require_Column = require('./components/layout/Column.cjs');
-const require_List = require('./components/layout/List.cjs');
-const require_Card = require('./components/layout/Card.cjs');
-const require_Tabs = require('./components/layout/Tabs.cjs');
-const require_Modal = require('./components/layout/Modal.cjs');
-const require_Button = require('./components/interactive/Button.cjs');
-const require_TextField = require('./components/interactive/TextField.cjs');
-const require_CheckBox = require('./components/interactive/CheckBox.cjs');
-const require_Slider = require('./components/interactive/Slider.cjs');
-const require_DateTimeInput = require('./components/interactive/DateTimeInput.cjs');
-const require_MultipleChoice = require('./components/interactive/MultipleChoice.cjs');
-const require_defaultCatalog = require('./registry/defaultCatalog.cjs');
-const require_index = require('./styles/index.cjs');
-require('./core/A2UIViewer.cjs');
+const require_catalog_utils = require('./catalog-utils.cjs');
+const require_create_catalog = require('./create-catalog.cjs');
+const require_index$1 = require('./styles/index.cjs');
+let _a2ui_web_core_v0_9 = require("@a2ui/web_core/v0_9");
+
+//#region src/react-renderer/index.ts
+function registerDefaultCatalog() {}
+function initializeDefaultCatalog() {}
+const defaultTheme = {};
+const litTheme = defaultTheme;
+
+//#endregion
+exports.defaultTheme = defaultTheme;
+exports.initializeDefaultCatalog = initializeDefaultCatalog;
+exports.litTheme = litTheme;
+exports.registerDefaultCatalog = registerDefaultCatalog;
+//# sourceMappingURL=index.cjs.map

package/dist/react-renderer/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/react-renderer/index.ts"],"sourcesContent":["// Core components and provider\nexport {\n  A2UIProvider,\n  useA2UIActions,\n  useA2UIState,\n  useA2UIContext,\n  useA2UIStore, // @deprecated - use useA2UIContext\n  useA2UIStoreSelector, // @deprecated - use useA2UIContext or useA2UI\n  useA2UIError,\n} from \"./core/A2UIProvider\";\nexport type { A2UIProviderProps } from \"./core/A2UIProvider\";\nexport { A2UIRenderer } from \"./core/A2UIRenderer\";\nexport type { A2UIRendererProps } from \"./core/A2UIRenderer\";\n\n// Hooks\nexport { useA2UI } from \"./hooks/useA2UI\";\nexport type { UseA2UIResult } from \"./hooks/useA2UI\";\n\n// Theme\nexport {\n  ThemeProvider,\n  useTheme,\n  useThemeOptional,\n} from \"./theme/ThemeContext\";\n\n// Utilities\nexport { cn } from \"./lib/utils\";\n\n// Catalog utilities\nexport {\n  A2UI_SCHEMA_CONTEXT_DESCRIPTION,\n  extendsBasicCatalog,\n  getCustomComponentNames,\n  buildCatalogContextValue,\n  extractCatalogComponentSchemas,\n} from \"./catalog-utils\";\n\n// Catalog creation — new API (definitions + renderers)\nexport { createCatalog, extractSchema } from \"./create-catalog\";\nexport type {\n  CatalogComponentDefinition,\n  CatalogDefinitions,\n  CatalogRenderers,\n  RendererProps,\n  ComponentRenderer,\n  PropsOf,\n} from \"./create-catalog\";\n\n// Catalog creation — deprecated API (combined definitions + renderers)\nexport { createA2UICatalog, extractA2UISchema } from \"./create-catalog\";\nexport type {\n  A2UIComponentDefinition,\n  A2UIComponentMap,\n} from \"./create-catalog\";\n\n// Styles\nexport { injectStyles, removeStyles } from \"./styles\";\n\n// Types\nexport type {\n  Types,\n  Primitives,\n  AnyComponentNode,\n  Surface,\n  SurfaceID,\n  Theme,\n  ServerToClientMessage,\n  A2UIClientEventMessage,\n  Action,\n  DataValue,\n  MessageProcessor,\n  StringValue,\n  NumberValue,\n  BooleanValue,\n  A2UIComponentProps,\n  ComponentRegistration,\n  ComponentLoader,\n  OnActionCallback,\n  A2UIProviderConfig,\n} from \"./types\";\n\n// Low-level a2ui-react primitives (vendored from @a2ui/react)\nexport { createReactComponent } from \"./a2ui-react/adapter\";\nexport type { ReactComponentImplementation } from \"./a2ui-react/adapter\";\nexport { basicCatalog } from \"./a2ui-react/catalog/basic\";\nexport { Catalog } from \"@a2ui/web_core/v0_9\";\n\n// Backward compat: no-op functions for initializeDefaultCatalog\nexport function registerDefaultCatalog() {\n  /* v0.9: catalog is built-in */\n}\nexport function initializeDefaultCatalog() {\n  /* v0.9: catalog is built-in */\n}\n\n// Backward compat: defaultTheme export (v0.9 themes are handled internally)\nexport const defaultTheme: Record<string, unknown> = {};\nexport const litTheme = defaultTheme;\n"],"mappings":";;;;;;;;;;;;;;AAwFA,SAAgB,yBAAyB;AAGzC,SAAgB,2BAA2B;AAK3C,MAAa,eAAwC,EAAE;AACvD,MAAa,WAAW"}

package/dist/react-renderer/index.d.cts

@@ -1,32 +1,22 @@
-import { A2UIComponentProps, A2UIProviderConfig, BooleanValue, ComponentLoader, ComponentRegistration, DataValue, MessageProcessor, NumberValue, OnActionCallback, Primitives, StringValue, SurfaceID, Types } from "./types.cjs";
-import { A2UIProvider, A2UIProviderProps, useA2UIActions, useA2UIContext, useA2UIState, useA2UIStore, useA2UIStoreSelector } from "./core/A2UIProvider.cjs";
-import { ComponentRegistry } from "./registry/ComponentRegistry.cjs";
+import { A2UIClientEventMessage, Theme } from "../a2ui-types.cjs";
+import { A2UIComponentProps, A2UIProviderConfig, Action, AnyComponentNode, BooleanValue, ComponentLoader, ComponentRegistration, DataValue, MessageProcessor, NumberValue, OnActionCallback, Primitives, ServerToClientMessage, StringValue, Surface, SurfaceID, Types } from "./types.cjs";
+import { A2UIProvider, A2UIProviderProps, useA2UIActions, useA2UIContext, useA2UIError, useA2UIState, useA2UIStore, useA2UIStoreSelector } from "./core/A2UIProvider.cjs";
 import { A2UIRenderer, A2UIRendererProps } from "./core/A2UIRenderer.cjs";
-import { A2UIActionEvent } from "./core/A2UIViewer.cjs";
-import { ComponentNode } from "./core/ComponentNode.cjs";
 import { UseA2UIResult, useA2UI } from "./hooks/useA2UI.cjs";
-import { UseA2UIComponentResult, useA2UIComponent } from "./hooks/useA2UIComponent.cjs";
-import { initializeDefaultCatalog, registerDefaultCatalog } from "./registry/defaultCatalog.cjs";
 import { ThemeProvider, useTheme, useThemeOptional } from "./theme/ThemeContext.cjs";
-import { defaultTheme, litTheme } from "./theme/litTheme.cjs";
-import { classMapToString, stylesToObject } from "./theme/utils.cjs";
 import { cn } from "./lib/utils.cjs";
+import { A2UI_SCHEMA_CONTEXT_DESCRIPTION, buildCatalogContextValue, extendsBasicCatalog, extractCatalogComponentSchemas, getCustomComponentNames } from "./catalog-utils.cjs";
+import { ReactComponentImplementation, createReactComponent } from "./a2ui-react/adapter.cjs";
+import { basicCatalog } from "./a2ui-react/catalog/basic/index.cjs";
+import { A2UIComponentDefinition, A2UIComponentMap, CatalogComponentDefinition, CatalogDefinitions, CatalogRenderers, ComponentRenderer, PropsOf, RendererProps, createA2UICatalog, createCatalog, extractA2UISchema, extractSchema } from "./create-catalog.cjs";
 import { injectStyles, removeStyles } from "./styles/index.cjs";
-import { Text } from "./components/content/Text.cjs";
-import { Image } from "./components/content/Image.cjs";
-import { Icon } from "./components/content/Icon.cjs";
-import { Divider } from "./components/content/Divider.cjs";
-import { Video } from "./components/content/Video.cjs";
-import { AudioPlayer } from "./components/content/AudioPlayer.cjs";
-import { Row } from "./components/layout/Row.cjs";
-import { Column } from "./components/layout/Column.cjs";
-import { List } from "./components/layout/List.cjs";
-import { Card } from "./components/layout/Card.cjs";
-import { Tabs } from "./components/layout/Tabs.cjs";
-import { Modal } from "./components/layout/Modal.cjs";
-import { Button } from "./components/interactive/Button.cjs";
-import { TextField } from "./components/interactive/TextField.cjs";
-import { CheckBox } from "./components/interactive/CheckBox.cjs";
-import { Slider } from "./components/interactive/Slider.cjs";
-import { DateTimeInput } from "./components/interactive/DateTimeInput.cjs";
-import { MultipleChoice } from "./components/interactive/MultipleChoice.cjs";
+import { Catalog as Catalog$1 } from "@a2ui/web_core/v0_9";
+
+//#region src/react-renderer/index.d.ts
+declare function registerDefaultCatalog(): void;
+declare function initializeDefaultCatalog(): void;
+declare const defaultTheme: Record<string, unknown>;
+declare const litTheme: Record<string, unknown>;
+//#endregion
+export { Catalog$1 as Catalog, defaultTheme, initializeDefaultCatalog, litTheme, registerDefaultCatalog };
+//# sourceMappingURL=index.d.cts.map

package/dist/react-renderer/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/react-renderer/index.ts"],"mappings":";;;;;;;;;;;;;;;iBAwFgB,sBAAA,CAAA;AAAA,iBAGA,wBAAA,CAAA;AAAA,cAKH,YAAA,EAAc,MAAA;AAAA,cACd,QAAA,EAAQ,MAAA"}

package/dist/react-renderer/index.d.mts

@@ -1,32 +1,22 @@
-import { A2UIComponentProps, A2UIProviderConfig, BooleanValue, ComponentLoader, ComponentRegistration, DataValue, MessageProcessor, NumberValue, OnActionCallback, Primitives, StringValue, SurfaceID, Types } from "./types.mjs";
-import { A2UIProvider, A2UIProviderProps, useA2UIActions, useA2UIContext, useA2UIState, useA2UIStore, useA2UIStoreSelector } from "./core/A2UIProvider.mjs";
-import { ComponentRegistry } from "./registry/ComponentRegistry.mjs";
+import { A2UIClientEventMessage, Theme } from "../a2ui-types.mjs";
+import { A2UIComponentProps, A2UIProviderConfig, Action, AnyComponentNode, BooleanValue, ComponentLoader, ComponentRegistration, DataValue, MessageProcessor as MessageProcessor$1, NumberValue, OnActionCallback, Primitives, ServerToClientMessage, StringValue, Surface, SurfaceID, Types } from "./types.mjs";
+import { A2UIProvider, A2UIProviderProps, useA2UIActions, useA2UIContext, useA2UIError, useA2UIState, useA2UIStore, useA2UIStoreSelector } from "./core/A2UIProvider.mjs";
 import { A2UIRenderer, A2UIRendererProps } from "./core/A2UIRenderer.mjs";
-import { A2UIActionEvent } from "./core/A2UIViewer.mjs";
-import { ComponentNode } from "./core/ComponentNode.mjs";
 import { UseA2UIResult, useA2UI } from "./hooks/useA2UI.mjs";
-import { UseA2UIComponentResult, useA2UIComponent } from "./hooks/useA2UIComponent.mjs";
-import { initializeDefaultCatalog, registerDefaultCatalog } from "./registry/defaultCatalog.mjs";
 import { ThemeProvider, useTheme, useThemeOptional } from "./theme/ThemeContext.mjs";
-import { defaultTheme, litTheme } from "./theme/litTheme.mjs";
-import { classMapToString, stylesToObject } from "./theme/utils.mjs";
 import { cn } from "./lib/utils.mjs";
+import { A2UI_SCHEMA_CONTEXT_DESCRIPTION, buildCatalogContextValue, extendsBasicCatalog, extractCatalogComponentSchemas, getCustomComponentNames } from "./catalog-utils.mjs";
+import { ReactComponentImplementation, createReactComponent } from "./a2ui-react/adapter.mjs";
+import { basicCatalog } from "./a2ui-react/catalog/basic/index.mjs";
+import { A2UIComponentDefinition, A2UIComponentMap, CatalogComponentDefinition, CatalogDefinitions, CatalogRenderers, ComponentRenderer, PropsOf, RendererProps, createA2UICatalog, createCatalog, extractA2UISchema, extractSchema } from "./create-catalog.mjs";
 import { injectStyles, removeStyles } from "./styles/index.mjs";
-import { Text } from "./components/content/Text.mjs";
-import { Image } from "./components/content/Image.mjs";
-import { Icon } from "./components/content/Icon.mjs";
-import { Divider } from "./components/content/Divider.mjs";
-import { Video } from "./components/content/Video.mjs";
-import { AudioPlayer } from "./components/content/AudioPlayer.mjs";
-import { Row } from "./components/layout/Row.mjs";
-import { Column } from "./components/layout/Column.mjs";
-import { List } from "./components/layout/List.mjs";
-import { Card } from "./components/layout/Card.mjs";
-import { Tabs } from "./components/layout/Tabs.mjs";
-import { Modal } from "./components/layout/Modal.mjs";
-import { Button } from "./components/interactive/Button.mjs";
-import { TextField } from "./components/interactive/TextField.mjs";
-import { CheckBox } from "./components/interactive/CheckBox.mjs";
-import { Slider } from "./components/interactive/Slider.mjs";
-import { DateTimeInput } from "./components/interactive/DateTimeInput.mjs";
-import { MultipleChoice } from "./components/interactive/MultipleChoice.mjs";
+import { Catalog as Catalog$1 } from "@a2ui/web_core/v0_9";
+
+//#region src/react-renderer/index.d.ts
+declare function registerDefaultCatalog(): void;
+declare function initializeDefaultCatalog(): void;
+declare const defaultTheme: Record<string, unknown>;
+declare const litTheme: Record<string, unknown>;
+//#endregion
+export { Catalog$1 as Catalog, defaultTheme, initializeDefaultCatalog, litTheme, registerDefaultCatalog };
+//# sourceMappingURL=index.d.mts.map

package/dist/react-renderer/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/react-renderer/index.ts"],"mappings":";;;;;;;;;;;;;;;iBAwFgB,sBAAA,CAAA;AAAA,iBAGA,wBAAA,CAAA;AAAA,cAKH,YAAA,EAAc,MAAA;AAAA,cACd,QAAA,EAAQ,MAAA"}

package/dist/react-renderer/index.mjs

@@ -1,33 +1,21 @@
-import { defaultTheme, litTheme } from "./theme/litTheme.mjs";
+import { createReactComponent } from "./a2ui-react/adapter.mjs";
+import { basicCatalog } from "./a2ui-react/catalog/basic/index.mjs";
 import { ThemeProvider, useTheme, useThemeOptional } from "./theme/ThemeContext.mjs";
-import { A2UIProvider, useA2UIActions, useA2UIContext, useA2UIState, useA2UIStore, useA2UIStoreSelector } from "./core/A2UIProvider.mjs";
+import { A2UIProvider, useA2UIActions, useA2UIContext, useA2UIError, useA2UIState, useA2UIStore, useA2UIStoreSelector } from "./core/A2UIProvider.mjs";
 import { useA2UI } from "./hooks/useA2UI.mjs";
-import { ComponentRegistry } from "./registry/ComponentRegistry.mjs";
-import ComponentNode from "./core/ComponentNode.mjs";
-import { classMapToString, stylesToObject } from "./theme/utils.mjs";
 import { cn } from "./lib/utils.mjs";
 import A2UIRenderer from "./core/A2UIRenderer.mjs";
-import { useA2UIComponent } from "./hooks/useA2UIComponent.mjs";
-import Text from "./components/content/Text.mjs";
-import Image from "./components/content/Image.mjs";
-import Icon from "./components/content/Icon.mjs";
-import Divider from "./components/content/Divider.mjs";
-import Video from "./components/content/Video.mjs";
-import AudioPlayer from "./components/content/AudioPlayer.mjs";
-import Row from "./components/layout/Row.mjs";
-import Column from "./components/layout/Column.mjs";
-import List from "./components/layout/List.mjs";
-import Card from "./components/layout/Card.mjs";
-import Tabs from "./components/layout/Tabs.mjs";
-import Modal from "./components/layout/Modal.mjs";
-import Button from "./components/interactive/Button.mjs";
-import TextField from "./components/interactive/TextField.mjs";
-import CheckBox from "./components/interactive/CheckBox.mjs";
-import Slider from "./components/interactive/Slider.mjs";
-import DateTimeInput from "./components/interactive/DateTimeInput.mjs";
-import MultipleChoice from "./components/interactive/MultipleChoice.mjs";
-import { initializeDefaultCatalog, registerDefaultCatalog } from "./registry/defaultCatalog.mjs";
+import { A2UI_SCHEMA_CONTEXT_DESCRIPTION, buildCatalogContextValue, extendsBasicCatalog, extractCatalogComponentSchemas, getCustomComponentNames } from "./catalog-utils.mjs";
+import { createA2UICatalog, createCatalog, extractA2UISchema, extractSchema } from "./create-catalog.mjs";
 import { injectStyles, removeStyles } from "./styles/index.mjs";
-import "./core/A2UIViewer.mjs";
+import { Catalog as Catalog$1 } from "@a2ui/web_core/v0_9";
 
-export {  };
+//#region src/react-renderer/index.ts
+function registerDefaultCatalog() {}
+function initializeDefaultCatalog() {}
+const defaultTheme = {};
+const litTheme = defaultTheme;
+
+//#endregion
+export { Catalog$1 as Catalog, defaultTheme, initializeDefaultCatalog, litTheme, registerDefaultCatalog };
+//# sourceMappingURL=index.mjs.map

package/dist/react-renderer/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/react-renderer/index.ts"],"sourcesContent":["// Core components and provider\nexport {\n  A2UIProvider,\n  useA2UIActions,\n  useA2UIState,\n  useA2UIContext,\n  useA2UIStore, // @deprecated - use useA2UIContext\n  useA2UIStoreSelector, // @deprecated - use useA2UIContext or useA2UI\n  useA2UIError,\n} from \"./core/A2UIProvider\";\nexport type { A2UIProviderProps } from \"./core/A2UIProvider\";\nexport { A2UIRenderer } from \"./core/A2UIRenderer\";\nexport type { A2UIRendererProps } from \"./core/A2UIRenderer\";\n\n// Hooks\nexport { useA2UI } from \"./hooks/useA2UI\";\nexport type { UseA2UIResult } from \"./hooks/useA2UI\";\n\n// Theme\nexport {\n  ThemeProvider,\n  useTheme,\n  useThemeOptional,\n} from \"./theme/ThemeContext\";\n\n// Utilities\nexport { cn } from \"./lib/utils\";\n\n// Catalog utilities\nexport {\n  A2UI_SCHEMA_CONTEXT_DESCRIPTION,\n  extendsBasicCatalog,\n  getCustomComponentNames,\n  buildCatalogContextValue,\n  extractCatalogComponentSchemas,\n} from \"./catalog-utils\";\n\n// Catalog creation — new API (definitions + renderers)\nexport { createCatalog, extractSchema } from \"./create-catalog\";\nexport type {\n  CatalogComponentDefinition,\n  CatalogDefinitions,\n  CatalogRenderers,\n  RendererProps,\n  ComponentRenderer,\n  PropsOf,\n} from \"./create-catalog\";\n\n// Catalog creation — deprecated API (combined definitions + renderers)\nexport { createA2UICatalog, extractA2UISchema } from \"./create-catalog\";\nexport type {\n  A2UIComponentDefinition,\n  A2UIComponentMap,\n} from \"./create-catalog\";\n\n// Styles\nexport { injectStyles, removeStyles } from \"./styles\";\n\n// Types\nexport type {\n  Types,\n  Primitives,\n  AnyComponentNode,\n  Surface,\n  SurfaceID,\n  Theme,\n  ServerToClientMessage,\n  A2UIClientEventMessage,\n  Action,\n  DataValue,\n  MessageProcessor,\n  StringValue,\n  NumberValue,\n  BooleanValue,\n  A2UIComponentProps,\n  ComponentRegistration,\n  ComponentLoader,\n  OnActionCallback,\n  A2UIProviderConfig,\n} from \"./types\";\n\n// Low-level a2ui-react primitives (vendored from @a2ui/react)\nexport { createReactComponent } from \"./a2ui-react/adapter\";\nexport type { ReactComponentImplementation } from \"./a2ui-react/adapter\";\nexport { basicCatalog } from \"./a2ui-react/catalog/basic\";\nexport { Catalog } from \"@a2ui/web_core/v0_9\";\n\n// Backward compat: no-op functions for initializeDefaultCatalog\nexport function registerDefaultCatalog() {\n  /* v0.9: catalog is built-in */\n}\nexport function initializeDefaultCatalog() {\n  /* v0.9: catalog is built-in */\n}\n\n// Backward compat: defaultTheme export (v0.9 themes are handled internally)\nexport const defaultTheme: Record<string, unknown> = {};\nexport const litTheme = defaultTheme;\n"],"mappings":";;;;;;;;;;;;;AAwFA,SAAgB,yBAAyB;AAGzC,SAAgB,2BAA2B;AAK3C,MAAa,eAAwC,EAAE;AACvD,MAAa,WAAW"}