@copilotkit/a2ui-renderer 0.0.1

package/dist/theme/viewer-theme.js

@@ -0,0 +1,391 @@
+/*
+ Copyright 2025 Google LLC
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+import { v0_8 } from "@a2ui/lit";
+/** Elements */
+const a = {
+    "typography-f-sf": true,
+    "typography-fs-n": true,
+    "typography-w-500": true,
+    "layout-as-n": true,
+    "layout-dis-iflx": true,
+    "layout-al-c": true,
+};
+const audio = {
+    "layout-w-100": true,
+};
+const body = {
+    "typography-f-s": true,
+    "typography-fs-n": true,
+    "typography-w-400": true,
+    "layout-mt-0": true,
+    "layout-mb-2": true,
+    "typography-sz-bm": true,
+    "color-c-n10": true,
+};
+const button = {
+    "typography-f-sf": true,
+    "typography-fs-n": true,
+    "typography-w-500": true,
+    "layout-pt-3": true,
+    "layout-pb-3": true,
+    "layout-pl-5": true,
+    "layout-pr-5": true,
+    "layout-mb-1": true,
+    "border-br-16": true,
+    "border-bw-0": true,
+    "border-c-n70": true,
+    "border-bs-s": true,
+    "color-bgc-s30": true,
+    "color-c-n100": true,
+    "behavior-ho-80": true,
+};
+const heading = {
+    "typography-f-sf": true,
+    "typography-fs-n": true,
+    "typography-w-500": true,
+    "layout-mt-0": true,
+    "layout-mb-2": true,
+    "color-c-n10": true,
+};
+const h1 = {
+    ...heading,
+    "typography-sz-tl": true,
+};
+const h2 = {
+    ...heading,
+    "typography-sz-tm": true,
+};
+const h3 = {
+    ...heading,
+    "typography-sz-ts": true,
+};
+const iframe = {
+    "behavior-sw-n": true,
+};
+const input = {
+    "typography-f-sf": true,
+    "typography-fs-n": true,
+    "typography-w-400": true,
+    "layout-pl-4": true,
+    "layout-pr-4": true,
+    "layout-pt-2": true,
+    "layout-pb-2": true,
+    "border-br-6": true,
+    "border-bw-1": true,
+    "color-bc-s70": true,
+    "border-bs-s": true,
+    "layout-as-n": true,
+    "color-c-n10": true,
+};
+const p = {
+    "typography-f-s": true,
+    "typography-fs-n": true,
+    "typography-w-400": true,
+    "layout-m-0": true,
+    "typography-sz-bm": true,
+    "layout-as-n": true,
+    "color-c-n10": true,
+};
+const orderedList = {
+    "typography-f-s": true,
+    "typography-fs-n": true,
+    "typography-w-400": true,
+    "layout-m-0": true,
+    "typography-sz-bm": true,
+    "layout-as-n": true,
+};
+const unorderedList = {
+    "typography-f-s": true,
+    "typography-fs-n": true,
+    "typography-w-400": true,
+    "layout-m-0": true,
+    "typography-sz-bm": true,
+    "layout-as-n": true,
+};
+const listItem = {
+    "typography-f-s": true,
+    "typography-fs-n": true,
+    "typography-w-400": true,
+    "layout-m-0": true,
+    "typography-sz-bm": true,
+    "layout-as-n": true,
+};
+const pre = {
+    "typography-f-c": true,
+    "typography-fs-n": true,
+    "typography-w-400": true,
+    "typography-sz-bm": true,
+    "typography-ws-p": true,
+    "layout-as-n": true,
+};
+const textarea = {
+    ...input,
+    "layout-r-none": true,
+    "layout-fs-c": true,
+};
+const video = {
+    "layout-el-cv": true,
+};
+const aLight = v0_8.Styles.merge(a, { "color-c-n5": true });
+const inputLight = v0_8.Styles.merge(input, { "color-c-n5": true });
+const textareaLight = v0_8.Styles.merge(textarea, { "color-c-n5": true });
+const buttonLight = v0_8.Styles.merge(button, { "color-c-n100": true });
+const h1Light = v0_8.Styles.merge(h1, { "color-c-n5": true });
+const h2Light = v0_8.Styles.merge(h2, { "color-c-n5": true });
+const h3Light = v0_8.Styles.merge(h3, { "color-c-n5": true });
+const bodyLight = v0_8.Styles.merge(body, { "color-c-n5": true });
+const pLight = v0_8.Styles.merge(p, { "color-c-n35": true });
+const preLight = v0_8.Styles.merge(pre, { "color-c-n35": true });
+const orderedListLight = v0_8.Styles.merge(orderedList, {
+    "color-c-n35": true,
+});
+const unorderedListLight = v0_8.Styles.merge(unorderedList, {
+    "color-c-n35": true,
+});
+const listItemLight = v0_8.Styles.merge(listItem, {
+    "color-c-n35": true,
+});
+export const theme = {
+    additionalStyles: {
+        Button: {
+            "--n-35": "var(--n-100)",
+        },
+        Card: {
+            padding: "32px",
+        },
+    },
+    components: {
+        AudioPlayer: {},
+        Button: {
+            "layout-pt-2": true,
+            "layout-pb-2": true,
+            "layout-pl-3": true,
+            "layout-pr-3": true,
+            "border-br-12": true,
+            "border-bw-0": true,
+            "border-bs-s": true,
+            "color-bgc-p30": true,
+            "color-c-n100": true,
+            "behavior-ho-70": true,
+        },
+        Card: { "border-br-9": true, "color-bgc-p100": true },
+        CheckBox: {
+            element: {
+                "layout-m-0": true,
+                "layout-mr-2": true,
+                "layout-p-2": true,
+                "border-br-12": true,
+                "border-bw-1": true,
+                "border-bs-s": true,
+                "color-bgc-p100": true,
+                "color-bc-p60": true,
+                "color-c-n30": true,
+                "color-c-p30": true,
+            },
+            label: {
+                "color-c-p30": true,
+                "typography-f-sf": true,
+                "typography-v-r": true,
+                "typography-w-400": true,
+                "layout-flx-1": true,
+                "typography-sz-ll": true,
+            },
+            container: {
+                "layout-dsp-iflex": true,
+                "layout-al-c": true,
+            },
+        },
+        Column: {
+            "layout-g-2": true,
+        },
+        DateTimeInput: {
+            container: {},
+            label: {},
+            element: {
+                "layout-pt-2": true,
+                "layout-pb-2": true,
+                "layout-pl-3": true,
+                "layout-pr-3": true,
+                "border-br-12": true,
+                "border-bw-1": true,
+                "border-bs-s": true,
+                "color-bgc-p100": true,
+                "color-bc-p60": true,
+                "color-c-n30": true,
+                "color-c-p30": true,
+            },
+        },
+        Divider: {},
+        Image: {
+            all: {
+                "border-br-5": true,
+                "layout-el-cv": true,
+                "layout-w-100": true,
+                "layout-h-100": true,
+            },
+            avatar: { "is-avatar": true },
+            header: {},
+            icon: {},
+            largeFeature: {},
+            mediumFeature: {},
+            smallFeature: {},
+        },
+        Icon: {},
+        List: {
+            "layout-g-4": true,
+            "layout-p-2": true,
+        },
+        Modal: {
+            backdrop: { "color-bbgc-p60_20": true },
+            element: {
+                "border-br-2": true,
+                "color-bgc-p100": true,
+                "layout-p-4": true,
+                "border-bw-1": true,
+                "border-bs-s": true,
+                "color-bc-p80": true,
+            },
+        },
+        MultipleChoice: {
+            container: {},
+            label: {},
+            element: {},
+        },
+        Row: {
+            "layout-g-4": true,
+        },
+        Slider: {
+            container: {},
+            label: {},
+            element: {},
+        },
+        Tabs: {
+            container: {},
+            controls: { all: {}, selected: {} },
+            element: {},
+        },
+        Text: {
+            all: {
+                "layout-w-100": true,
+                "layout-g-2": true,
+            },
+            h1: {
+                "typography-f-sf": true,
+                "typography-v-r": true,
+                "typography-w-400": true,
+                "layout-m-0": true,
+                "layout-p-0": true,
+                "typography-sz-tl": true,
+            },
+            h2: {
+                "typography-f-sf": true,
+                "typography-v-r": true,
+                "typography-w-400": true,
+                "layout-m-0": true,
+                "layout-p-0": true,
+                "typography-sz-tm": true,
+            },
+            h3: {
+                "typography-f-sf": true,
+                "typography-v-r": true,
+                "typography-w-400": true,
+                "layout-m-0": true,
+                "layout-p-0": true,
+                "typography-sz-ts": true,
+            },
+            h4: {
+                "typography-f-sf": true,
+                "typography-v-r": true,
+                "typography-w-400": true,
+                "layout-m-0": true,
+                "layout-p-0": true,
+                "typography-sz-bl": true,
+            },
+            h5: {
+                "typography-f-sf": true,
+                "typography-v-r": true,
+                "typography-w-400": true,
+                "layout-m-0": true,
+                "layout-p-0": true,
+                "typography-sz-bm": true,
+            },
+            body: {},
+            caption: {},
+        },
+        TextField: {
+            container: {
+                "typography-sz-bm": true,
+                "layout-w-100": true,
+                "layout-g-2": true,
+                "layout-dsp-flexhor": true,
+                "layout-al-c": true,
+            },
+            label: {
+                "layout-flx-0": true,
+            },
+            element: {
+                "typography-sz-bm": true,
+                "layout-pt-2": true,
+                "layout-pb-2": true,
+                "layout-pl-3": true,
+                "layout-pr-3": true,
+                "border-br-12": true,
+                "border-bw-1": true,
+                "border-bs-s": true,
+                "color-bgc-p100": true,
+                "color-bc-p60": true,
+                "color-c-n30": true,
+                "color-c-p30": true,
+            },
+        },
+        Video: {
+            "border-br-5": true,
+            "layout-el-cv": true,
+        },
+    },
+    elements: {
+        a: aLight,
+        audio,
+        body: bodyLight,
+        button: buttonLight,
+        h1: h1Light,
+        h2: h2Light,
+        h3: h3Light,
+        h4: {},
+        h5: {},
+        iframe,
+        input: inputLight,
+        p: pLight,
+        pre: preLight,
+        textarea: textareaLight,
+        video,
+    },
+    markdown: {
+        p: [...Object.keys(pLight)],
+        h1: [...Object.keys(h1Light)],
+        h2: [...Object.keys(h2Light)],
+        h3: [...Object.keys(h3Light)],
+        h4: [],
+        h5: [],
+        ul: [...Object.keys(unorderedListLight)],
+        ol: [...Object.keys(orderedListLight)],
+        li: [...Object.keys(listItemLight)],
+        a: [...Object.keys(aLight)],
+        strong: [],
+        em: [],
+    },
+};
+//# sourceMappingURL=viewer-theme.js.map

package/dist/theme/viewer-theme.js.map

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

package/dist/themed-surface.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from "lit";
+import { v0_8 } from "@a2ui/lit";
+export type ThemedA2UISurfaceActionCallback = (event: v0_8.Events.StateEvent<"a2ui.action">, context: ThemedA2UISurfaceContext) => void;
+export type ThemedA2UISurfaceContext = {
+    surfaceId: v0_8.Types.SurfaceID | null;
+    surface: v0_8.Types.Surface | null;
+    processor: InstanceType<typeof v0_8.Data.A2uiMessageProcessor> | null;
+};
+declare const ThemedA2UISurface_base: typeof LitElement;
+export declare class ThemedA2UISurface extends ThemedA2UISurface_base {
+    #private;
+    accessor theme: v0_8.Types.Theme;
+    accessor surfaceId: v0_8.Types.SurfaceID | null;
+    accessor surface: v0_8.Types.Surface | null;
+    accessor processor: InstanceType<typeof v0_8.Data.A2uiMessageProcessor> | null;
+    accessor onAction: ThemedA2UISurfaceActionCallback | null;
+    render(): import("lit").TemplateResult<1>;
+}
+export {};
+//# sourceMappingURL=themed-surface.d.ts.map

package/dist/themed-surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themed-surface.d.ts","sourceRoot":"","sources":["../src/themed-surface.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAIjC,MAAM,MAAM,+BAA+B,GAAG,CAC5C,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,EAC5C,OAAO,EAAE,wBAAwB,KAC9B,IAAI,CAAC;AAEV,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACvC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,YAAY,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAC;CACvE,CAAC;;AAEF,qBACa,iBAAkB,SAAQ,sBAAyB;;IAG9D,QAAQ,CAAC,KAAK,EAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAGlC,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAQ;IAGvD,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAQ;IAGnD,QAAQ,CAAC,SAAS,EAAE,YAAY,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAQ;IAGtF,QAAQ,CAAC,QAAQ,EAAE,+BAA+B,GAAG,IAAI,CAAQ;IAUjE,MAAM;CAWP"}

package/dist/themed-surface.js

@@ -0,0 +1,133 @@
+/*
+ Copyright 2025 Google LLC
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { SignalWatcher } from "@lit-labs/signals";
+import { provide } from "@lit/context";
+import { html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import * as UI from "@a2ui/lit/ui";
+import { globalStyles } from "./styles/global.js";
+let ThemedA2UISurface = (() => {
+    let _classDecorators = [customElement("themed-a2ui-surface")];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = SignalWatcher(LitElement);
+    let _theme_decorators;
+    let _theme_initializers = [];
+    let _theme_extraInitializers = [];
+    let _surfaceId_decorators;
+    let _surfaceId_initializers = [];
+    let _surfaceId_extraInitializers = [];
+    let _surface_decorators;
+    let _surface_initializers = [];
+    let _surface_extraInitializers = [];
+    let _processor_decorators;
+    let _processor_initializers = [];
+    let _processor_extraInitializers = [];
+    let _onAction_decorators;
+    let _onAction_initializers = [];
+    let _onAction_extraInitializers = [];
+    var ThemedA2UISurface = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _theme_decorators = [provide({ context: UI.Context.themeContext }), property({ attribute: false })];
+            _surfaceId_decorators = [property({ attribute: false })];
+            _surface_decorators = [property({ attribute: false })];
+            _processor_decorators = [property({ attribute: false })];
+            _onAction_decorators = [property({ attribute: false })];
+            __esDecorate(this, null, _theme_decorators, { kind: "accessor", name: "theme", static: false, private: false, access: { has: obj => "theme" in obj, get: obj => obj.theme, set: (obj, value) => { obj.theme = value; } }, metadata: _metadata }, _theme_initializers, _theme_extraInitializers);
+            __esDecorate(this, null, _surfaceId_decorators, { kind: "accessor", name: "surfaceId", static: false, private: false, access: { has: obj => "surfaceId" in obj, get: obj => obj.surfaceId, set: (obj, value) => { obj.surfaceId = value; } }, metadata: _metadata }, _surfaceId_initializers, _surfaceId_extraInitializers);
+            __esDecorate(this, null, _surface_decorators, { kind: "accessor", name: "surface", static: false, private: false, access: { has: obj => "surface" in obj, get: obj => obj.surface, set: (obj, value) => { obj.surface = value; } }, metadata: _metadata }, _surface_initializers, _surface_extraInitializers);
+            __esDecorate(this, null, _processor_decorators, { kind: "accessor", name: "processor", static: false, private: false, access: { has: obj => "processor" in obj, get: obj => obj.processor, set: (obj, value) => { obj.processor = value; } }, metadata: _metadata }, _processor_initializers, _processor_extraInitializers);
+            __esDecorate(this, null, _onAction_decorators, { kind: "accessor", name: "onAction", static: false, private: false, access: { has: obj => "onAction" in obj, get: obj => obj.onAction, set: (obj, value) => { obj.onAction = value; } }, metadata: _metadata }, _onAction_initializers, _onAction_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            ThemedA2UISurface = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        #theme_accessor_storage = __runInitializers(this, _theme_initializers, void 0);
+        get theme() { return this.#theme_accessor_storage; }
+        set theme(value) { this.#theme_accessor_storage = value; }
+        #surfaceId_accessor_storage = (__runInitializers(this, _theme_extraInitializers), __runInitializers(this, _surfaceId_initializers, null));
+        get surfaceId() { return this.#surfaceId_accessor_storage; }
+        set surfaceId(value) { this.#surfaceId_accessor_storage = value; }
+        #surface_accessor_storage = (__runInitializers(this, _surfaceId_extraInitializers), __runInitializers(this, _surface_initializers, null));
+        get surface() { return this.#surface_accessor_storage; }
+        set surface(value) { this.#surface_accessor_storage = value; }
+        #processor_accessor_storage = (__runInitializers(this, _surface_extraInitializers), __runInitializers(this, _processor_initializers, null));
+        get processor() { return this.#processor_accessor_storage; }
+        set processor(value) { this.#processor_accessor_storage = value; }
+        #onAction_accessor_storage = (__runInitializers(this, _processor_extraInitializers), __runInitializers(this, _onAction_initializers, null));
+        get onAction() { return this.#onAction_accessor_storage; }
+        set onAction(value) { this.#onAction_accessor_storage = value; }
+        #handleAction = (__runInitializers(this, _onAction_extraInitializers), (event) => {
+            this.onAction?.(event, {
+                surfaceId: this.surfaceId,
+                surface: this.surface,
+                processor: this.processor,
+            });
+        });
+        render() {
+            return html `<style>
+        ${globalStyles}
+      </style>
+      <a2ui-surface
+        @a2uiaction=${this.#handleAction}
+        .surfaceId=${this.surfaceId}
+        .surface=${this.surface}
+        .processor=${this.processor}
+      ></a2ui-surface>`;
+        }
+    };
+    return ThemedA2UISurface = _classThis;
+})();
+export { ThemedA2UISurface };
+//# sourceMappingURL=themed-surface.js.map

package/dist/themed-surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themed-surface.js","sourceRoot":"","sources":["../src/themed-surface.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,KAAK,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;IAcrC,iBAAiB;4BAD7B,aAAa,CAAC,qBAAqB,CAAC;;;;sBACE,aAAa,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;iCAAjC,SAAQ,WAAyB;;;;iCAC7D,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,EAC7C,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;qCAG9B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;mCAG9B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;qCAG9B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oCAG9B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;YAX/B,oKAAS,KAAK,6BAAL,KAAK,qFAAoB;YAGlC,gLAAS,SAAS,6BAAT,SAAS,6FAAqC;YAGvD,0KAAS,OAAO,6BAAP,OAAO,yFAAmC;YAGnD,gLAAS,SAAS,6BAAT,SAAS,6FAAoE;YAGtF,6KAAS,QAAQ,6BAAR,QAAQ,2FAAgD;YAfnE,6KAoCC;;;YApCY,uDAAiB;;QAG5B,+EAAkC;QAAlC,IAAS,KAAK,2CAAoB;QAAlC,IAAS,KAAK,iDAAoB;QAGlC,mIAAkD,IAAI,GAAC;QAAvD,IAAS,SAAS,+CAAqC;QAAvD,IAAS,SAAS,qDAAqC;QAGvD,mIAA8C,IAAI,GAAC;QAAnD,IAAS,OAAO,6CAAmC;QAAnD,IAAS,OAAO,mDAAmC;QAGnD,qIAAiF,IAAI,GAAC;QAAtF,IAAS,SAAS,+CAAoE;QAAtF,IAAS,SAAS,qDAAoE;QAGtF,qIAA4D,IAAI,GAAC;QAAjE,IAAS,QAAQ,8CAAgD;QAAjE,IAAS,QAAQ,oDAAgD;QAEjE,aAAa,0DAAG,CAAC,KAA4C,EAAE,EAAE;YAC/D,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE;gBACrB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,SAAS,EAAE,IAAI,CAAC,SAAS;aAC1B,CAAC,CAAC;QACL,CAAC,EAAC;QAEF,MAAM;YACJ,OAAO,IAAI,CAAA;UACL,YAAY;;;sBAGA,IAAI,CAAC,aAAa;qBACnB,IAAI,CAAC,SAAS;mBAChB,IAAI,CAAC,OAAO;qBACV,IAAI,CAAC,SAAS;uBACZ,CAAC;QACtB,CAAC;;;;SAnCU,iBAAiB"}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@copilotkit/a2ui-renderer",
+  "private": false,
+  "version": "0.0.1",
+  "description": "A2UI Renderer for CopilotKit - render A2UI surfaces in React applications",
+  "homepage": "https://github.com/CopilotKit/CopilotKit",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/CopilotKit/CopilotKit.git",
+    "directory": "packages/a2ui-renderer"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "copilotkit",
+    "a2ui",
+    "react",
+    "ai",
+    "ui",
+    "renderer"
+  ],
+  "dependencies": {
+    "@a2ui/lit": "^0.8.1",
+    "@lit-labs/signals": "^0.1.3",
+    "@lit/context": "^1.1.4",
+    "lit": "^3.2.1",
+    "zod": "^3.25.75"
+  },
+  "peerDependencies": {
+    "@copilotkit/react-core": "^1.50.0",
+    "@copilotkitnext/react": "*",
+    "react": "^18 || ^19 || ^19.0.0-rc",
+    "react-dom": "^18 || ^19 || ^19.0.0-rc"
+  },
+  "devDependencies": {
+    "@copilotkitnext/react": "^0.0.31",
+    "@types/react": "^19.2.3",
+    "@types/react-dom": "^19.2.3",
+    "typescript": "5.9.2"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "check-types": "tsc --noEmit -p tsconfig.json"
+  }
+}