@copilotkit/a2ui-renderer 1.53.0 → 1.53.1-next.1

package/dist/A2UIViewer.d.cts

@@ -1,5 +1,5 @@
-import { v0_8 } from "@a2ui/lit";
 import React from "react";
+import { v0_8 } from "@a2ui/lit";
 
 //#region src/A2UIViewer.d.ts
 interface A2UIActionEvent {

package/dist/A2UIViewer.d.mts

@@ -1,5 +1,5 @@
-import { v0_8 } from "@a2ui/lit";
 import React from "react";
+import { v0_8 } from "@a2ui/lit";
 
 //#region src/A2UIViewer.d.ts
 interface A2UIActionEvent {

package/dist/a2ui-types.cjs

@@ -0,0 +1,9 @@
+const require_runtime = require('./_virtual/_rolldown/runtime.cjs');
+let _a2ui_lit = require("@a2ui/lit");
+
+//#region src/a2ui-types.ts
+const DEFAULT_SURFACE_ID = _a2ui_lit.v0_8.Data.A2uiMessageProcessor.DEFAULT_SURFACE_ID;
+
+//#endregion
+exports.DEFAULT_SURFACE_ID = DEFAULT_SURFACE_ID;
+//# sourceMappingURL=a2ui-types.cjs.map

package/dist/a2ui-types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"a2ui-types.cjs","names":["v0_8"],"sources":["../src/a2ui-types.ts"],"sourcesContent":["import { v0_8 } from \"@a2ui/lit\";\n\nexport type Theme = v0_8.Types.Theme;\nexport type A2UIClientEventMessage = v0_8.Types.A2UIClientEventMessage;\nexport const DEFAULT_SURFACE_ID =\n  v0_8.Data.A2uiMessageProcessor.DEFAULT_SURFACE_ID;\n"],"mappings":";;;;AAIA,MAAa,qBACXA,eAAK,KAAK,qBAAqB"}

package/dist/a2ui-types.d.cts

@@ -0,0 +1,9 @@
+import { v0_8 } from "@a2ui/lit";
+
+//#region src/a2ui-types.d.ts
+type Theme = v0_8.Types.Theme;
+type A2UIClientEventMessage = v0_8.Types.A2UIClientEventMessage;
+declare const DEFAULT_SURFACE_ID = "@default";
+//#endregion
+export { A2UIClientEventMessage, DEFAULT_SURFACE_ID, Theme };
+//# sourceMappingURL=a2ui-types.d.cts.map

package/dist/a2ui-types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a2ui-types.d.cts","names":[],"sources":["../src/a2ui-types.ts"],"mappings":";;;KAEY,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,KAAA;AAAA,KACnB,sBAAA,GAAyB,IAAA,CAAK,KAAA,CAAM,sBAAA;AAAA,cACnC,kBAAA"}

package/dist/a2ui-types.d.mts

@@ -0,0 +1,9 @@
+import { v0_8 } from "@a2ui/lit";
+
+//#region src/a2ui-types.d.ts
+type Theme = v0_8.Types.Theme;
+type A2UIClientEventMessage = v0_8.Types.A2UIClientEventMessage;
+declare const DEFAULT_SURFACE_ID = "@default";
+//#endregion
+export { A2UIClientEventMessage, DEFAULT_SURFACE_ID, Theme };
+//# sourceMappingURL=a2ui-types.d.mts.map

package/dist/a2ui-types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a2ui-types.d.mts","names":[],"sources":["../src/a2ui-types.ts"],"mappings":";;;KAEY,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,KAAA;AAAA,KACnB,sBAAA,GAAyB,IAAA,CAAK,KAAA,CAAM,sBAAA;AAAA,cACnC,kBAAA"}

package/dist/a2ui-types.mjs

@@ -0,0 +1,8 @@
+import { v0_8 } from "@a2ui/lit";
+
+//#region src/a2ui-types.ts
+const DEFAULT_SURFACE_ID = v0_8.Data.A2uiMessageProcessor.DEFAULT_SURFACE_ID;
+
+//#endregion
+export { DEFAULT_SURFACE_ID };
+//# sourceMappingURL=a2ui-types.mjs.map

package/dist/a2ui-types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"a2ui-types.mjs","names":[],"sources":["../src/a2ui-types.ts"],"sourcesContent":["import { v0_8 } from \"@a2ui/lit\";\n\nexport type Theme = v0_8.Types.Theme;\nexport type A2UIClientEventMessage = v0_8.Types.A2UIClientEventMessage;\nexport const DEFAULT_SURFACE_ID =\n  v0_8.Data.A2uiMessageProcessor.DEFAULT_SURFACE_ID;\n"],"mappings":";;;AAIA,MAAa,qBACX,KAAK,KAAK,qBAAqB"}

package/dist/index.cjs

@@ -1,8 +1,80 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_A2UIMessageRenderer = require('./A2UIMessageRenderer.cjs');
+const require_litTheme = require('./react-renderer/theme/litTheme.cjs');
+const require_ThemeContext = require('./react-renderer/theme/ThemeContext.cjs');
+const require_A2UIProvider = require('./react-renderer/core/A2UIProvider.cjs');
+const require_useA2UI = require('./react-renderer/hooks/useA2UI.cjs');
+const require_ComponentRegistry = require('./react-renderer/registry/ComponentRegistry.cjs');
+const require_ComponentNode = require('./react-renderer/core/ComponentNode.cjs');
+const require_utils = require('./react-renderer/theme/utils.cjs');
+const require_utils$1 = require('./react-renderer/lib/utils.cjs');
+const require_A2UIRenderer = require('./react-renderer/core/A2UIRenderer.cjs');
+const require_useA2UIComponent = require('./react-renderer/hooks/useA2UIComponent.cjs');
+const require_Text = require('./react-renderer/components/content/Text.cjs');
+const require_Image = require('./react-renderer/components/content/Image.cjs');
+const require_Icon = require('./react-renderer/components/content/Icon.cjs');
+const require_Divider = require('./react-renderer/components/content/Divider.cjs');
+const require_Video = require('./react-renderer/components/content/Video.cjs');
+const require_AudioPlayer = require('./react-renderer/components/content/AudioPlayer.cjs');
+const require_Row = require('./react-renderer/components/layout/Row.cjs');
+const require_Column = require('./react-renderer/components/layout/Column.cjs');
+const require_List = require('./react-renderer/components/layout/List.cjs');
+const require_Card = require('./react-renderer/components/layout/Card.cjs');
+const require_Tabs = require('./react-renderer/components/layout/Tabs.cjs');
+const require_Modal = require('./react-renderer/components/layout/Modal.cjs');
+const require_Button = require('./react-renderer/components/interactive/Button.cjs');
+const require_TextField = require('./react-renderer/components/interactive/TextField.cjs');
+const require_CheckBox = require('./react-renderer/components/interactive/CheckBox.cjs');
+const require_Slider = require('./react-renderer/components/interactive/Slider.cjs');
+const require_DateTimeInput = require('./react-renderer/components/interactive/DateTimeInput.cjs');
+const require_MultipleChoice = require('./react-renderer/components/interactive/MultipleChoice.cjs');
+const require_defaultCatalog = require('./react-renderer/registry/defaultCatalog.cjs');
+const require_index = require('./react-renderer/styles/index.cjs');
+require('./react-renderer/index.cjs');
 const require_viewer_theme = require('./theme/viewer-theme.cjs');
 const require_A2UIViewer = require('./A2UIViewer.cjs');
+const require_a2ui_types = require('./a2ui-types.cjs');
 
+exports.A2UIProvider = require_A2UIProvider.A2UIProvider;
+exports.A2UIRenderer = require_A2UIRenderer;
 exports.A2UIViewer = require_A2UIViewer.A2UIViewer;
-exports.createA2UIMessageRenderer = require_A2UIMessageRenderer.createA2UIMessageRenderer;
+exports.AudioPlayer = require_AudioPlayer;
+exports.Button = require_Button;
+exports.Card = require_Card;
+exports.CheckBox = require_CheckBox;
+exports.Column = require_Column;
+exports.ComponentNode = require_ComponentNode;
+exports.ComponentRegistry = require_ComponentRegistry.ComponentRegistry;
+exports.DEFAULT_SURFACE_ID = require_a2ui_types.DEFAULT_SURFACE_ID;
+exports.DateTimeInput = require_DateTimeInput;
+exports.Divider = require_Divider;
+exports.Icon = require_Icon;
+exports.Image = require_Image;
+exports.List = require_List;
+exports.Modal = require_Modal;
+exports.MultipleChoice = require_MultipleChoice;
+exports.Row = require_Row;
+exports.Slider = require_Slider;
+exports.Tabs = require_Tabs;
+exports.Text = require_Text;
+exports.TextField = require_TextField;
+exports.ThemeProvider = require_ThemeContext.ThemeProvider;
+exports.Video = require_Video;
+exports.classMapToString = require_utils.classMapToString;
+exports.cn = require_utils$1.cn;
+exports.defaultTheme = require_litTheme.defaultTheme;
+exports.initializeDefaultCatalog = require_defaultCatalog.initializeDefaultCatalog;
+exports.injectStyles = require_index.injectStyles;
+exports.litTheme = require_litTheme.litTheme;
+exports.registerDefaultCatalog = require_defaultCatalog.registerDefaultCatalog;
+exports.removeStyles = require_index.removeStyles;
+exports.stylesToObject = require_utils.stylesToObject;
+exports.useA2UI = require_useA2UI.useA2UI;
+exports.useA2UIActions = require_A2UIProvider.useA2UIActions;
+exports.useA2UIComponent = require_useA2UIComponent.useA2UIComponent;
+exports.useA2UIContext = require_A2UIProvider.useA2UIContext;
+exports.useA2UIState = require_A2UIProvider.useA2UIState;
+exports.useA2UIStore = require_A2UIProvider.useA2UIStore;
+exports.useA2UIStoreSelector = require_A2UIProvider.useA2UIStoreSelector;
+exports.useTheme = require_ThemeContext.useTheme;
+exports.useThemeOptional = require_ThemeContext.useThemeOptional;
 exports.viewerTheme = require_viewer_theme.theme;

package/dist/index.d.cts

@@ -1,5 +1,38 @@
-import { A2UIMessageRendererOptions, createA2UIMessageRenderer } from "./A2UIMessageRenderer.cjs";
+import { A2UIComponentProps, A2UIProviderConfig, BooleanValue, ComponentLoader, ComponentRegistration, DataValue, MessageProcessor, NumberValue, OnActionCallback, Primitives, StringValue, SurfaceID, Types } from "./react-renderer/types.cjs";
+import { A2UIProvider, A2UIProviderProps, useA2UIActions, useA2UIContext, useA2UIState, useA2UIStore, useA2UIStoreSelector } from "./react-renderer/core/A2UIProvider.cjs";
+import { ComponentRegistry } from "./react-renderer/registry/ComponentRegistry.cjs";
+import { A2UIRenderer, A2UIRendererProps } from "./react-renderer/core/A2UIRenderer.cjs";
+import { A2UIActionEvent } from "./react-renderer/core/A2UIViewer.cjs";
+import { ComponentNode } from "./react-renderer/core/ComponentNode.cjs";
+import { UseA2UIResult, useA2UI } from "./react-renderer/hooks/useA2UI.cjs";
+import { UseA2UIComponentResult, useA2UIComponent } from "./react-renderer/hooks/useA2UIComponent.cjs";
+import { initializeDefaultCatalog, registerDefaultCatalog } from "./react-renderer/registry/defaultCatalog.cjs";
+import { ThemeProvider, useTheme, useThemeOptional } from "./react-renderer/theme/ThemeContext.cjs";
+import { defaultTheme, litTheme } from "./react-renderer/theme/litTheme.cjs";
+import { classMapToString, stylesToObject } from "./react-renderer/theme/utils.cjs";
+import { cn } from "./react-renderer/lib/utils.cjs";
+import { injectStyles, removeStyles } from "./react-renderer/styles/index.cjs";
+import { Text } from "./react-renderer/components/content/Text.cjs";
+import { Image } from "./react-renderer/components/content/Image.cjs";
+import { Icon } from "./react-renderer/components/content/Icon.cjs";
+import { Divider } from "./react-renderer/components/content/Divider.cjs";
+import { Video } from "./react-renderer/components/content/Video.cjs";
+import { AudioPlayer } from "./react-renderer/components/content/AudioPlayer.cjs";
+import { Row } from "./react-renderer/components/layout/Row.cjs";
+import { Column } from "./react-renderer/components/layout/Column.cjs";
+import { List } from "./react-renderer/components/layout/List.cjs";
+import { Card } from "./react-renderer/components/layout/Card.cjs";
+import { Tabs } from "./react-renderer/components/layout/Tabs.cjs";
+import { Modal } from "./react-renderer/components/layout/Modal.cjs";
+import { Button } from "./react-renderer/components/interactive/Button.cjs";
+import { TextField } from "./react-renderer/components/interactive/TextField.cjs";
+import { CheckBox } from "./react-renderer/components/interactive/CheckBox.cjs";
+import { Slider } from "./react-renderer/components/interactive/Slider.cjs";
+import { DateTimeInput } from "./react-renderer/components/interactive/DateTimeInput.cjs";
+import { MultipleChoice } from "./react-renderer/components/interactive/MultipleChoice.cjs";
+import "./react-renderer/index.cjs";
 import { A2UIViewer, A2UIViewerProps } from "./A2UIViewer.cjs";
+import { A2UIClientEventMessage, DEFAULT_SURFACE_ID, Theme } from "./a2ui-types.cjs";
 import { theme } from "./theme/viewer-theme.cjs";
 import { v0_8 } from "@a2ui/lit";
 
@@ -11,5 +44,5 @@ type ServerToClientMessage = v0_8.Types.ServerToClientMessage;
 type Surface = v0_8.Types.Surface;
 type AnyComponentNode = v0_8.Types.AnyComponentNode;
 //#endregion
-export { type A2UIMessageRendererOptions, A2UIViewer, type A2UIViewerProps, Action, AnyComponentNode, ComponentInstance, ServerToClientMessage, Surface, UserAction, createA2UIMessageRenderer, theme as viewerTheme };
+export { A2UIActionEvent, type A2UIClientEventMessage, A2UIComponentProps, A2UIProvider, A2UIProviderConfig, A2UIProviderProps, A2UIRenderer, A2UIRendererProps, A2UIViewer, type A2UIViewerProps, Action, AnyComponentNode, AudioPlayer, BooleanValue, Button, Card, CheckBox, Column, ComponentInstance, ComponentLoader, ComponentNode, ComponentRegistration, ComponentRegistry, DEFAULT_SURFACE_ID, DataValue, DateTimeInput, Divider, Icon, Image, List, MessageProcessor, Modal, MultipleChoice, NumberValue, OnActionCallback, Primitives, Row, ServerToClientMessage, Slider, StringValue, Surface, SurfaceID, Tabs, Text, TextField, type Theme, ThemeProvider, Types, UseA2UIComponentResult, UseA2UIResult, UserAction, Video, classMapToString, cn, defaultTheme, initializeDefaultCatalog, injectStyles, litTheme, registerDefaultCatalog, removeStyles, stylesToObject, useA2UI, useA2UIActions, useA2UIComponent, useA2UIContext, useA2UIState, useA2UIStore, useA2UIStoreSelector, useTheme, useThemeOptional, theme as viewerTheme };
 //# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../src/index.ts"],"mappings":";;;;;;KAwBY,iBAAA,GAAoB,IAAA,CAAK,KAAA,CAAM,iBAAA;AAAA,KAC/B,UAAA,GAAa,IAAA,CAAK,KAAA,CAAM,UAAA;AAAA,KACxB,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,MAAA;AAAA,KACpB,qBAAA,GAAwB,IAAA,CAAK,KAAA,CAAM,qBAAA;AAAA,KACnC,OAAA,GAAU,IAAA,CAAK,KAAA,CAAM,OAAA;AAAA,KACrB,gBAAA,GAAmB,IAAA,CAAK,KAAA,CAAM,gBAAA"}
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyBY,iBAAA,GAAoB,IAAA,CAAK,KAAA,CAAM,iBAAA;AAAA,KAC/B,UAAA,GAAa,IAAA,CAAK,KAAA,CAAM,UAAA;AAAA,KACxB,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,MAAA;AAAA,KACpB,qBAAA,GAAwB,IAAA,CAAK,KAAA,CAAM,qBAAA;AAAA,KACnC,OAAA,GAAU,IAAA,CAAK,KAAA,CAAM,OAAA;AAAA,KACrB,gBAAA,GAAmB,IAAA,CAAK,KAAA,CAAM,gBAAA"}

package/dist/index.d.mts

@@ -1,5 +1,38 @@
-import { A2UIMessageRendererOptions, createA2UIMessageRenderer } from "./A2UIMessageRenderer.mjs";
+import { A2UIComponentProps, A2UIProviderConfig, BooleanValue, ComponentLoader, ComponentRegistration, DataValue, MessageProcessor, NumberValue, OnActionCallback, Primitives, StringValue, SurfaceID, Types } from "./react-renderer/types.mjs";
+import { A2UIProvider, A2UIProviderProps, useA2UIActions, useA2UIContext, useA2UIState, useA2UIStore, useA2UIStoreSelector } from "./react-renderer/core/A2UIProvider.mjs";
+import { ComponentRegistry } from "./react-renderer/registry/ComponentRegistry.mjs";
+import { A2UIRenderer, A2UIRendererProps } from "./react-renderer/core/A2UIRenderer.mjs";
+import { A2UIActionEvent } from "./react-renderer/core/A2UIViewer.mjs";
+import { ComponentNode } from "./react-renderer/core/ComponentNode.mjs";
+import { UseA2UIResult, useA2UI } from "./react-renderer/hooks/useA2UI.mjs";
+import { UseA2UIComponentResult, useA2UIComponent } from "./react-renderer/hooks/useA2UIComponent.mjs";
+import { initializeDefaultCatalog, registerDefaultCatalog } from "./react-renderer/registry/defaultCatalog.mjs";
+import { ThemeProvider, useTheme, useThemeOptional } from "./react-renderer/theme/ThemeContext.mjs";
+import { defaultTheme, litTheme } from "./react-renderer/theme/litTheme.mjs";
+import { classMapToString, stylesToObject } from "./react-renderer/theme/utils.mjs";
+import { cn } from "./react-renderer/lib/utils.mjs";
+import { injectStyles, removeStyles } from "./react-renderer/styles/index.mjs";
+import { Text } from "./react-renderer/components/content/Text.mjs";
+import { Image } from "./react-renderer/components/content/Image.mjs";
+import { Icon } from "./react-renderer/components/content/Icon.mjs";
+import { Divider } from "./react-renderer/components/content/Divider.mjs";
+import { Video } from "./react-renderer/components/content/Video.mjs";
+import { AudioPlayer } from "./react-renderer/components/content/AudioPlayer.mjs";
+import { Row } from "./react-renderer/components/layout/Row.mjs";
+import { Column } from "./react-renderer/components/layout/Column.mjs";
+import { List } from "./react-renderer/components/layout/List.mjs";
+import { Card } from "./react-renderer/components/layout/Card.mjs";
+import { Tabs } from "./react-renderer/components/layout/Tabs.mjs";
+import { Modal } from "./react-renderer/components/layout/Modal.mjs";
+import { Button } from "./react-renderer/components/interactive/Button.mjs";
+import { TextField } from "./react-renderer/components/interactive/TextField.mjs";
+import { CheckBox } from "./react-renderer/components/interactive/CheckBox.mjs";
+import { Slider } from "./react-renderer/components/interactive/Slider.mjs";
+import { DateTimeInput } from "./react-renderer/components/interactive/DateTimeInput.mjs";
+import { MultipleChoice } from "./react-renderer/components/interactive/MultipleChoice.mjs";
+import "./react-renderer/index.mjs";
 import { A2UIViewer, A2UIViewerProps } from "./A2UIViewer.mjs";
+import { A2UIClientEventMessage, DEFAULT_SURFACE_ID, Theme } from "./a2ui-types.mjs";
 import { theme } from "./theme/viewer-theme.mjs";
 import { v0_8 } from "@a2ui/lit";
 
@@ -11,5 +44,5 @@ type ServerToClientMessage = v0_8.Types.ServerToClientMessage;
 type Surface = v0_8.Types.Surface;
 type AnyComponentNode = v0_8.Types.AnyComponentNode;
 //#endregion
-export { type A2UIMessageRendererOptions, A2UIViewer, type A2UIViewerProps, Action, AnyComponentNode, ComponentInstance, ServerToClientMessage, Surface, UserAction, createA2UIMessageRenderer, theme as viewerTheme };
+export { A2UIActionEvent, type A2UIClientEventMessage, A2UIComponentProps, A2UIProvider, A2UIProviderConfig, A2UIProviderProps, A2UIRenderer, A2UIRendererProps, A2UIViewer, type A2UIViewerProps, Action, AnyComponentNode, AudioPlayer, BooleanValue, Button, Card, CheckBox, Column, ComponentInstance, ComponentLoader, ComponentNode, ComponentRegistration, ComponentRegistry, DEFAULT_SURFACE_ID, DataValue, DateTimeInput, Divider, Icon, Image, List, MessageProcessor, Modal, MultipleChoice, NumberValue, OnActionCallback, Primitives, Row, ServerToClientMessage, Slider, StringValue, Surface, SurfaceID, Tabs, Text, TextField, type Theme, ThemeProvider, Types, UseA2UIComponentResult, UseA2UIResult, UserAction, Video, classMapToString, cn, defaultTheme, initializeDefaultCatalog, injectStyles, litTheme, registerDefaultCatalog, removeStyles, stylesToObject, useA2UI, useA2UIActions, useA2UIComponent, useA2UIContext, useA2UIState, useA2UIStore, useA2UIStoreSelector, useTheme, useThemeOptional, theme as viewerTheme };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"mappings":";;;;;;KAwBY,iBAAA,GAAoB,IAAA,CAAK,KAAA,CAAM,iBAAA;AAAA,KAC/B,UAAA,GAAa,IAAA,CAAK,KAAA,CAAM,UAAA;AAAA,KACxB,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,MAAA;AAAA,KACpB,qBAAA,GAAwB,IAAA,CAAK,KAAA,CAAM,qBAAA;AAAA,KACnC,OAAA,GAAU,IAAA,CAAK,KAAA,CAAM,OAAA;AAAA,KACrB,gBAAA,GAAmB,IAAA,CAAK,KAAA,CAAM,gBAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyBY,iBAAA,GAAoB,IAAA,CAAK,KAAA,CAAM,iBAAA;AAAA,KAC/B,UAAA,GAAa,IAAA,CAAK,KAAA,CAAM,UAAA;AAAA,KACxB,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,MAAA;AAAA,KACpB,qBAAA,GAAwB,IAAA,CAAK,KAAA,CAAM,qBAAA;AAAA,KACnC,OAAA,GAAU,IAAA,CAAK,KAAA,CAAM,OAAA;AAAA,KACrB,gBAAA,GAAmB,IAAA,CAAK,KAAA,CAAM,gBAAA"}

package/dist/index.mjs

@@ -1,5 +1,36 @@
-import { createA2UIMessageRenderer } from "./A2UIMessageRenderer.mjs";
+import { defaultTheme, litTheme } from "./react-renderer/theme/litTheme.mjs";
+import { ThemeProvider, useTheme, useThemeOptional } from "./react-renderer/theme/ThemeContext.mjs";
+import { A2UIProvider, useA2UIActions, useA2UIContext, useA2UIState, useA2UIStore, useA2UIStoreSelector } from "./react-renderer/core/A2UIProvider.mjs";
+import { useA2UI } from "./react-renderer/hooks/useA2UI.mjs";
+import { ComponentRegistry } from "./react-renderer/registry/ComponentRegistry.mjs";
+import ComponentNode from "./react-renderer/core/ComponentNode.mjs";
+import { classMapToString, stylesToObject } from "./react-renderer/theme/utils.mjs";
+import { cn } from "./react-renderer/lib/utils.mjs";
+import A2UIRenderer from "./react-renderer/core/A2UIRenderer.mjs";
+import { useA2UIComponent } from "./react-renderer/hooks/useA2UIComponent.mjs";
+import Text from "./react-renderer/components/content/Text.mjs";
+import Image from "./react-renderer/components/content/Image.mjs";
+import Icon from "./react-renderer/components/content/Icon.mjs";
+import Divider from "./react-renderer/components/content/Divider.mjs";
+import Video from "./react-renderer/components/content/Video.mjs";
+import AudioPlayer from "./react-renderer/components/content/AudioPlayer.mjs";
+import Row from "./react-renderer/components/layout/Row.mjs";
+import Column from "./react-renderer/components/layout/Column.mjs";
+import List from "./react-renderer/components/layout/List.mjs";
+import Card from "./react-renderer/components/layout/Card.mjs";
+import Tabs from "./react-renderer/components/layout/Tabs.mjs";
+import Modal from "./react-renderer/components/layout/Modal.mjs";
+import Button from "./react-renderer/components/interactive/Button.mjs";
+import TextField from "./react-renderer/components/interactive/TextField.mjs";
+import CheckBox from "./react-renderer/components/interactive/CheckBox.mjs";
+import Slider from "./react-renderer/components/interactive/Slider.mjs";
+import DateTimeInput from "./react-renderer/components/interactive/DateTimeInput.mjs";
+import MultipleChoice from "./react-renderer/components/interactive/MultipleChoice.mjs";
+import { initializeDefaultCatalog, registerDefaultCatalog } from "./react-renderer/registry/defaultCatalog.mjs";
+import { injectStyles, removeStyles } from "./react-renderer/styles/index.mjs";
+import "./react-renderer/index.mjs";
 import { theme } from "./theme/viewer-theme.mjs";
 import { A2UIViewer } from "./A2UIViewer.mjs";
+import { DEFAULT_SURFACE_ID } from "./a2ui-types.mjs";
 
-export { A2UIViewer, createA2UIMessageRenderer, theme as viewerTheme };
+export { A2UIProvider, A2UIRenderer, A2UIViewer, AudioPlayer, Button, Card, CheckBox, Column, ComponentNode, ComponentRegistry, DEFAULT_SURFACE_ID, DateTimeInput, Divider, Icon, Image, List, Modal, MultipleChoice, Row, Slider, Tabs, Text, TextField, ThemeProvider, Video, classMapToString, cn, defaultTheme, initializeDefaultCatalog, injectStyles, litTheme, registerDefaultCatalog, removeStyles, stylesToObject, useA2UI, useA2UIActions, useA2UIComponent, useA2UIContext, useA2UIState, useA2UIStore, useA2UIStoreSelector, useTheme, useThemeOptional, theme as viewerTheme };

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function(global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('@copilotkit/react-core/v2'), require('@a2ui/lit'), require('react'), require('zod'), require('@a2ui/lit/0.8'), require('react/jsx-runtime'), require('clsx'), require('markdown-it')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@copilotkit/react-core/v2', '@a2ui/lit', 'react', 'zod', '@a2ui/lit/0.8', 'react/jsx-runtime', 'clsx', 'markdown-it'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.CopilotKitA2UIRenderer = {}), global.CopilotKitReactCore,global.A2UILit,global.React,global.Zod,global.A2UILit,global.React,global.clsx,global.markdownit));
-})(this, function(exports, _copilotkit_react_core_v2, _a2ui_lit, react, zod, _a2ui_lit_0_8, react_jsx_runtime, clsx, markdown_it) {
+  typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('react'), require('@a2ui/lit/0.8'), require('react/jsx-runtime'), require('clsx'), require('markdown-it'), require('@a2ui/lit')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', '@a2ui/lit/0.8', 'react/jsx-runtime', 'clsx', 'markdown-it', '@a2ui/lit'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.CopilotKitA2UIRenderer = {}), global.React,global.A2UILit,global.React,global.clsx,global.markdownit,global.A2UILit));
+})(this, function(exports, react, _a2ui_lit_0_8, react_jsx_runtime, clsx, markdown_it, _a2ui_lit) {
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 //#region \0rolldown/runtime.js
 	var __create = Object.create;
@@ -424,6 +424,14 @@ markdown_it = __toESM(markdown_it);
 		if (!theme) throw new Error("useTheme must be used within a ThemeProvider or A2UIProvider");
 		return theme;
 	}
+	/**
+	* Hook to optionally access the current A2UI theme.
+	*
+	* @returns The current theme, or undefined if not within a provider
+	*/
+	function useThemeOptional() {
+		return (0, react.useContext)(ThemeContext);
+	}
 
 //#endregion
 //#region src/react-renderer/core/A2UIProvider.tsx
@@ -537,6 +545,38 @@ markdown_it = __toESM(markdown_it);
 		if (!state) throw new Error("useA2UIState must be used within an A2UIProvider");
 		return state;
 	}
+	/**
+	* Hook to access the full A2UI context (actions + state).
+	* Components using this will re-render when state changes.
+	*
+	* @returns The A2UI context value
+	* @throws If used outside of an A2UIProvider
+	*/
+	function useA2UIContext() {
+		const actions = useA2UIActions();
+		const state = useA2UIState();
+		return (0, react.useMemo)(() => ({
+			...actions,
+			processor: null,
+			version: state.version,
+			onAction: null
+		}), [actions, state.version]);
+	}
+	/**
+	* @deprecated Use useA2UIContext instead. This alias exists for backward compatibility only.
+	*/
+	const useA2UIStore = useA2UIContext;
+	/**
+	* @deprecated This selector pattern does not provide performance benefits with React Context.
+	* Components will re-render on any context change regardless of what you select.
+	* Use useA2UIContext() or useA2UI() directly instead.
+	*
+	* @param selector - Function to select a slice of state
+	* @returns The selected state
+	*/
+	function useA2UIStoreSelector(selector) {
+		return selector(useA2UIContext());
+	}
 
 //#endregion
 //#region src/react-renderer/hooks/useA2UI.ts
@@ -2433,130 +2473,14 @@ markdown_it = __toESM(markdown_it);
 		styleElement.textContent = resetStyles + "\n" + structuralStyles + "\n" + componentSpecificStyles;
 		document.head.appendChild(styleElement);
 	}
-
-//#endregion
-//#region src/A2UIMessageRenderer.tsx
-	let initialized$1 = false;
-	function ensureInitialized$1() {
-		if (!initialized$1) {
-			initializeDefaultCatalog();
-			injectStyles();
-			initialized$1 = true;
-		}
-	}
-	function createA2UIMessageRenderer(options) {
-		const { theme } = options;
-		return {
-			activityType: "a2ui-surface",
-			content: zod.z.any(),
-			render: ({ content, agent }) => {
-				ensureInitialized$1();
-				const [operations, setOperations] = (0, react.useState)([]);
-				const lastSignatureRef = (0, react.useRef)(null);
-				const { copilotkit } = (0, _copilotkit_react_core_v2.useCopilotKit)();
-				(0, react.useEffect)(() => {
-					if (!content || !Array.isArray(content.operations)) {
-						lastSignatureRef.current = null;
-						setOperations([]);
-						return;
-					}
-					const incoming = content.operations;
-					const signature = stringifyOperations(incoming);
-					if (signature && signature === lastSignatureRef.current) return;
-					lastSignatureRef.current = signature;
-					setOperations(incoming);
-				}, [content]);
-				const groupedOperations = (0, react.useMemo)(() => {
-					const groups = /* @__PURE__ */ new Map();
-					for (const operation of operations) {
-						var _getOperationSurfaceI;
-						const surfaceId = (_getOperationSurfaceI = getOperationSurfaceId(operation)) !== null && _getOperationSurfaceI !== void 0 ? _getOperationSurfaceI : _a2ui_lit.v0_8.Data.A2uiMessageProcessor.DEFAULT_SURFACE_ID;
-						if (!groups.has(surfaceId)) groups.set(surfaceId, []);
-						groups.get(surfaceId).push(operation);
-					}
-					return groups;
-				}, [operations]);
-				if (!groupedOperations.size) return null;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "flex min-h-0 flex-1 flex-col gap-6 overflow-auto py-6",
-					children: Array.from(groupedOperations.entries()).map(([surfaceId, ops]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReactSurfaceHost, {
-						surfaceId,
-						operations: ops,
-						theme,
-						agent,
-						copilotkit
-					}, surfaceId))
-				});
-			}
-		};
-	}
 	/**
-	* Renders a single A2UI surface using the React renderer.
-	* Wraps A2UIProvider + A2UIRenderer and bridges actions back to CopilotKit.
+	* Removes injected A2UI styles from the document.
+	* Useful for cleanup in tests or when unmounting.
 	*/
-	function ReactSurfaceHost({ surfaceId, operations, theme, agent, copilotkit }) {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "flex w-full flex-none overflow-hidden rounded-lg bg-white/5 p-4",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(A2UIProvider, {
-				onAction: (0, react.useCallback)(async (message) => {
-					if (!agent) return;
-					try {
-						var _copilotkit$propertie;
-						console.info("[A2UI] Action dispatched", message.userAction);
-						copilotkit.setProperties({
-							...(_copilotkit$propertie = copilotkit.properties) !== null && _copilotkit$propertie !== void 0 ? _copilotkit$propertie : {},
-							a2uiAction: message
-						});
-						await copilotkit.runAgent({ agent });
-					} finally {
-						if (copilotkit.properties) {
-							const { a2uiAction, ...rest } = copilotkit.properties;
-							copilotkit.setProperties(rest);
-						}
-					}
-				}, [agent, copilotkit]),
-				theme,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SurfaceMessageProcessor, {
-					surfaceId,
-					operations
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(A2UIRenderer, {
-					surfaceId,
-					className: "flex flex-1"
-				})]
-			})
-		});
-	}
-	/**
-	* Processes A2UI operations into the provider's message processor.
-	* Must be a child of A2UIProvider to access the actions context.
-	*/
-	function SurfaceMessageProcessor({ surfaceId, operations }) {
-		const { processMessages } = useA2UIActions();
-		const lastProcessedRef = (0, react.useRef)("");
-		(0, react.useEffect)(() => {
-			const key = `${surfaceId}-${JSON.stringify(operations)}`;
-			if (key === lastProcessedRef.current) return;
-			lastProcessedRef.current = key;
-			processMessages(operations);
-		}, [
-			processMessages,
-			surfaceId,
-			operations
-		]);
-		return null;
-	}
-	function getOperationSurfaceId(operation) {
-		var _ref, _ref2, _ref3, _operation$beginRende, _operation$beginRende2, _operation$surfaceUpd, _operation$dataModelU, _operation$deleteSurf;
-		if (!operation || typeof operation !== "object") return null;
-		if (typeof operation.surfaceId === "string") return operation.surfaceId;
-		return (_ref = (_ref2 = (_ref3 = (_operation$beginRende = operation === null || operation === void 0 || (_operation$beginRende2 = operation.beginRendering) === null || _operation$beginRende2 === void 0 ? void 0 : _operation$beginRende2.surfaceId) !== null && _operation$beginRende !== void 0 ? _operation$beginRende : operation === null || operation === void 0 || (_operation$surfaceUpd = operation.surfaceUpdate) === null || _operation$surfaceUpd === void 0 ? void 0 : _operation$surfaceUpd.surfaceId) !== null && _ref3 !== void 0 ? _ref3 : operation === null || operation === void 0 || (_operation$dataModelU = operation.dataModelUpdate) === null || _operation$dataModelU === void 0 ? void 0 : _operation$dataModelU.surfaceId) !== null && _ref2 !== void 0 ? _ref2 : operation === null || operation === void 0 || (_operation$deleteSurf = operation.deleteSurface) === null || _operation$deleteSurf === void 0 ? void 0 : _operation$deleteSurf.surfaceId) !== null && _ref !== void 0 ? _ref : null;
-	}
-	function stringifyOperations(ops) {
-		try {
-			return JSON.stringify(ops);
-		} catch (error) {
-			return null;
-		}
+	function removeStyles() {
+		if (typeof document === "undefined") return;
+		const styleElement = document.getElementById("a2ui-structural-styles");
+		if (styleElement) styleElement.remove();
 	}
 
 //#endregion
@@ -3064,8 +2988,53 @@ markdown_it = __toESM(markdown_it);
 	}
 
 //#endregion
+//#region src/a2ui-types.ts
+	const DEFAULT_SURFACE_ID = _a2ui_lit.v0_8.Data.A2uiMessageProcessor.DEFAULT_SURFACE_ID;
+
+//#endregion
+exports.A2UIProvider = A2UIProvider;
+exports.A2UIRenderer = A2UIRenderer;
 exports.A2UIViewer = A2UIViewer;
-exports.createA2UIMessageRenderer = createA2UIMessageRenderer;
+exports.AudioPlayer = AudioPlayer;
+exports.Button = Button;
+exports.Card = Card;
+exports.CheckBox = CheckBox;
+exports.Column = Column;
+exports.ComponentNode = ComponentNode;
+exports.ComponentRegistry = ComponentRegistry;
+exports.DEFAULT_SURFACE_ID = DEFAULT_SURFACE_ID;
+exports.DateTimeInput = DateTimeInput;
+exports.Divider = Divider;
+exports.Icon = Icon;
+exports.Image = Image;
+exports.List = List;
+exports.Modal = Modal;
+exports.MultipleChoice = MultipleChoice;
+exports.Row = Row;
+exports.Slider = Slider;
+exports.Tabs = Tabs;
+exports.Text = Text;
+exports.TextField = TextField;
+exports.ThemeProvider = ThemeProvider;
+exports.Video = Video;
+exports.classMapToString = classMapToString;
+exports.cn = cn;
+exports.defaultTheme = defaultTheme;
+exports.initializeDefaultCatalog = initializeDefaultCatalog;
+exports.injectStyles = injectStyles;
+exports.litTheme = litTheme;
+exports.registerDefaultCatalog = registerDefaultCatalog;
+exports.removeStyles = removeStyles;
+exports.stylesToObject = stylesToObject;
+exports.useA2UI = useA2UI;
+exports.useA2UIActions = useA2UIActions;
+exports.useA2UIComponent = useA2UIComponent;
+exports.useA2UIContext = useA2UIContext;
+exports.useA2UIState = useA2UIState;
+exports.useA2UIStore = useA2UIStore;
+exports.useA2UIStoreSelector = useA2UIStoreSelector;
+exports.useTheme = useTheme;
+exports.useThemeOptional = useThemeOptional;
 exports.viewerTheme = theme;
 });
 //# sourceMappingURL=index.umd.js.map