@copilotkit/a2ui-renderer 0.0.1

package/dist/A2UIMessageRenderer.js

@@ -0,0 +1,193 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCopilotKit } from "@copilotkitnext/react";
+import { v0_8 } from "@a2ui/lit";
+import React, { useCallback, useEffect, useMemo, useRef, useState, } from "react";
+import { z } from "zod";
+export function createA2UIMessageRenderer(options) {
+    const { theme } = options;
+    return {
+        activityType: "a2ui-surface",
+        content: z.any(),
+        render: ({ content, agent }) => {
+            const [operations, setOperations] = useState([]);
+            const lastSignatureRef = useRef(null);
+            const processorsRef = useRef(new Map());
+            const { copilotkit } = useCopilotKit();
+            const actionLogger = useCallback(async (event, context) => {
+                if (!agent) {
+                    return;
+                }
+                const resolvedContext = {};
+                const processorInstance = context.processor;
+                const surfaceKey = context.surfaceId ?? v0_8.Data.A2uiMessageProcessor.DEFAULT_SURFACE_ID;
+                const actionContext = event.detail.action?.context;
+                if (Array.isArray(actionContext) && actionContext.length > 0) {
+                    for (const item of actionContext) {
+                        if (!item?.key) {
+                            continue;
+                        }
+                        const valueDescriptor = item.value;
+                        if (!valueDescriptor) {
+                            continue;
+                        }
+                        if (typeof valueDescriptor.literalBoolean === "boolean" ||
+                            typeof valueDescriptor.literalNumber === "number" ||
+                            typeof valueDescriptor.literalString === "string") {
+                            resolvedContext[item.key] =
+                                valueDescriptor.literalBoolean ??
+                                    valueDescriptor.literalNumber ??
+                                    valueDescriptor.literalString;
+                            continue;
+                        }
+                        const path = valueDescriptor.path;
+                        if (path && processorInstance && typeof path === "string") {
+                            const resolvedPath = processorInstance.resolvePath(path, event.detail.dataContextPath);
+                            const value = processorInstance.getData(event.detail.sourceComponent, resolvedPath, surfaceKey);
+                            if (value !== undefined) {
+                                resolvedContext[item.key] = value;
+                            }
+                        }
+                    }
+                }
+                const userAction = {
+                    userAction: {
+                        name: event.detail.action.name ?? "",
+                        surfaceId: context.surfaceId ?? surfaceKey,
+                        sourceComponentId: event.detail.sourceComponentId,
+                        timestamp: new Date().toISOString(),
+                        context: {
+                            ...resolvedContext,
+                            surfaceId: context.surfaceId ?? surfaceKey,
+                        },
+                    },
+                };
+                try {
+                    console.info("[A2UI] Action dispatched", userAction.userAction);
+                    copilotkit.setProperties({
+                        ...(copilotkit.properties ?? {}),
+                        a2uiAction: userAction,
+                    });
+                    await copilotkit.runAgent({ agent });
+                }
+                finally {
+                    if (copilotkit.properties) {
+                        const { a2uiAction, ...rest } = copilotkit.properties;
+                        copilotkit.setProperties(rest);
+                    }
+                }
+            }, [agent, copilotkit]);
+            useEffect(() => {
+                if (!content || !Array.isArray(content.operations)) {
+                    processorsRef.current.forEach((processor) => processor.clearSurfaces());
+                    processorsRef.current.clear();
+                    lastSignatureRef.current = null;
+                    setOperations([]);
+                    return;
+                }
+                const processors = processorsRef.current;
+                const incoming = content.operations;
+                const signature = stringifyOperations(incoming);
+                if (signature && signature === lastSignatureRef.current) {
+                    return;
+                }
+                const groupedOperations = new Map();
+                for (const operation of incoming) {
+                    const surfaceId = getOperationSurfaceId(operation) ?? v0_8.Data.A2uiMessageProcessor.DEFAULT_SURFACE_ID;
+                    if (!groupedOperations.has(surfaceId)) {
+                        groupedOperations.set(surfaceId, []);
+                    }
+                    groupedOperations.get(surfaceId).push(operation);
+                }
+                groupedOperations.forEach((operationsForSurfaceId, surfaceId) => {
+                    let processor = processors.get(surfaceId);
+                    if (!processor) {
+                        processor = new v0_8.Data.A2uiMessageProcessor();
+                        processors.set(surfaceId, processor);
+                    }
+                    try {
+                        processor.processMessages(operationsForSurfaceId);
+                    }
+                    catch (error) {
+                        processors.delete(surfaceId);
+                    }
+                });
+                const emptyProcessors = [];
+                processors.forEach((processor, surfaceId) => {
+                    if (processor.getSurfaces().size === 0) {
+                        emptyProcessors.push(surfaceId);
+                    }
+                });
+                if (emptyProcessors.length > 0) {
+                    for (const surfaceId of emptyProcessors) {
+                        processors.delete(surfaceId);
+                    }
+                }
+                lastSignatureRef.current = signature;
+                setOperations(incoming);
+            }, [content]);
+            const surfaceEntries = useMemo(() => {
+                const entries = [];
+                processorsRef.current.forEach((processor) => {
+                    processor.getSurfaces().forEach((surface, surfaceId) => {
+                        const typedSurface = surface;
+                        if (typedSurface?.componentTree) {
+                            entries.push({ id: surfaceId, surface: typedSurface, processor });
+                        }
+                    });
+                });
+                return entries;
+            }, [operations]);
+            if (!surfaceEntries.length) {
+                return null;
+            }
+            return (_jsx("div", { className: "flex min-h-0 flex-1 flex-col gap-6 overflow-auto py-6", children: surfaceEntries.map(({ id, surface, processor }) => (_jsx(SurfaceHost, { actionLogger: actionLogger, processor: processor, surface: surface, surfaceId: id, theme: theme }, id))) }));
+        },
+    };
+}
+function getOperationSurfaceId(operation) {
+    if (!operation || typeof operation !== "object") {
+        return null;
+    }
+    if (typeof operation.surfaceId === "string") {
+        return operation.surfaceId;
+    }
+    return (operation?.beginRendering?.surfaceId ??
+        operation?.surfaceUpdate?.surfaceId ??
+        operation?.dataModelUpdate?.surfaceId ??
+        operation?.deleteSurface?.surfaceId ??
+        null);
+}
+function stringifyOperations(ops) {
+    try {
+        return JSON.stringify(ops);
+    }
+    catch (error) {
+        return null;
+    }
+}
+function SurfaceHost({ actionLogger, processor, surface, surfaceId, theme }) {
+    const elementRef = useRef(null);
+    useEffect(() => {
+        const element = elementRef.current;
+        if (!element) {
+            return;
+        }
+        element.processor = processor;
+        element.surfaceId = surfaceId;
+        element.surface = surface;
+        element.onAction = actionLogger;
+        element.theme = theme;
+        return () => {
+            if (elementRef.current === element) {
+                element.onAction = null;
+            }
+        };
+    }, [processor, surface, surfaceId, actionLogger, theme]);
+    return (_jsx("div", { className: "flex w-full flex-none overflow-hidden rounded-lg bg-white/5 p-4", children: React.createElement("themed-a2ui-surface", {
+            ref: elementRef,
+            className: "flex flex-1",
+            style: { height: "100%", overflow: "hidden" },
+            "data-surface-id": surfaceId,
+        }) }));
+}
+//# sourceMappingURL=A2UIMessageRenderer.js.map

package/dist/A2UIMessageRenderer.js.map

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

package/dist/A2UIViewer.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { v0_8 } from "@a2ui/lit";
+export interface A2UIViewerProps {
+    /** ID of the root component to render */
+    root: string;
+    /** Component definitions - array of ComponentInstance */
+    components: v0_8.Types.ComponentInstance[];
+    /** Data model - nested object, e.g. { user: { name: "John" }, items: ["a", "b"] } */
+    data?: Record<string, unknown>;
+    /** Called when user triggers an action (button click, etc.) */
+    onAction?: (action: v0_8.Types.UserAction) => void;
+    /** Surface styles (primaryColor, font, logoUrl) */
+    styles?: Record<string, string>;
+    /** Optional className for the container */
+    className?: string;
+}
+/**
+ * A2UIViewer renders an A2UI component tree from a JSON definition and data.
+ * It re-renders cleanly when props change, discarding previous state.
+ */
+export declare function A2UIViewer({ root, components, data, onAction, styles, className, }: A2UIViewerProps): React.JSX.Element;
+//# sourceMappingURL=A2UIViewer.d.ts.map

package/dist/A2UIViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"A2UIViewer.d.ts","sourceRoot":"","sources":["../src/A2UIViewer.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAcjC,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC3C,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACnD,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmIrC"}

package/dist/A2UIViewer.js

@@ -0,0 +1,165 @@
+/*
+ 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.
+ */
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useId, useMemo, useRef } from "react";
+import { v0_8 } from "@a2ui/lit";
+import { theme as viewerTheme } from "./theme/viewer-theme.js";
+/**
+ * A2UIViewer renders an A2UI component tree from a JSON definition and data.
+ * It re-renders cleanly when props change, discarding previous state.
+ */
+export function A2UIViewer({ root, components, data, onAction, styles, className, }) {
+    const elementRef = useRef(null);
+    // Use React's useId for SSR-safe base ID
+    const baseId = useId();
+    // Generate a stable surfaceId that changes when definition changes
+    // Data changes are handled reactively by the signal-based processor
+    // Combine baseId with a hash of the definition for uniqueness
+    const surfaceId = useMemo(() => {
+        const definitionKey = `${root}-${JSON.stringify(components)}`;
+        // Simple hash for the definition
+        let hash = 0;
+        for (let i = 0; i < definitionKey.length; i++) {
+            const char = definitionKey.charCodeAt(i);
+            hash = (hash << 5) - hash + char;
+            hash = hash & hash; // Convert to 32bit integer
+        }
+        return `${baseId}-${hash}`;
+    }, [baseId, root, components]);
+    // Create signal-based processor for reactive updates - new one when surfaceId changes
+    const processor = useMemo(() => v0_8.Data.createSignalA2uiMessageProcessor(), [surfaceId]);
+    // Build and process messages, returning the surface
+    const surface = useMemo(() => {
+        const messages = [
+            { beginRendering: { surfaceId, root, styles: styles ?? {} } },
+            { surfaceUpdate: { surfaceId, components } },
+        ];
+        // Add data model updates (convert nested object to ValueMap[])
+        if (data && Object.keys(data).length > 0) {
+            const contents = objectToValueMaps(data);
+            if (contents.length > 0) {
+                messages.push({ dataModelUpdate: { surfaceId, path: "/", contents } });
+            }
+        }
+        processor.processMessages(messages);
+        return processor.getSurfaces().get(surfaceId) ?? null;
+    }, [processor, surfaceId, root, components, data, styles]);
+    // Action handler that resolves context bindings
+    const handleAction = useCallback((event, context) => {
+        if (!onAction)
+            return;
+        const resolvedContext = {};
+        const processorInstance = context.processor;
+        const actionContext = event.detail.action?.context;
+        // Resolve action context bindings
+        if (Array.isArray(actionContext) && actionContext.length > 0) {
+            for (const item of actionContext) {
+                if (!item?.key)
+                    continue;
+                const valueDescriptor = item.value;
+                if (!valueDescriptor)
+                    continue;
+                // Handle literal values
+                if (typeof valueDescriptor.literalBoolean === "boolean" ||
+                    typeof valueDescriptor.literalNumber === "number" ||
+                    typeof valueDescriptor.literalString === "string") {
+                    resolvedContext[item.key] =
+                        valueDescriptor.literalBoolean ??
+                            valueDescriptor.literalNumber ??
+                            valueDescriptor.literalString;
+                    continue;
+                }
+                // Handle path-based values
+                const path = valueDescriptor.path;
+                if (path && processorInstance && typeof path === "string") {
+                    const resolvedPath = processorInstance.resolvePath(path, event.detail.dataContextPath);
+                    const value = processorInstance.getData(event.detail.sourceComponent, resolvedPath, surfaceId);
+                    if (value !== undefined) {
+                        resolvedContext[item.key] = value;
+                    }
+                }
+            }
+        }
+        onAction({
+            actionName: event.detail.action?.name ?? "",
+            sourceComponentId: event.detail.sourceComponentId,
+            timestamp: new Date().toISOString(),
+            context: resolvedContext,
+        });
+    }, [onAction, surfaceId]);
+    // Set properties on the custom element
+    useEffect(() => {
+        const element = elementRef.current;
+        if (!element)
+            return;
+        element.processor = processor;
+        element.surfaceId = surfaceId;
+        element.surface = surface;
+        element.onAction = handleAction;
+        element.theme = viewerTheme;
+        return () => {
+            if (elementRef.current === element) {
+                element.onAction = null;
+            }
+        };
+    }, [processor, surface, surfaceId, handleAction]);
+    // Show placeholder if no content
+    if (!surface?.componentTree) {
+        return (_jsx("div", { className: className, style: { padding: 16, color: "#666", fontFamily: "system-ui" }, children: "No content to display" }));
+    }
+    return React.createElement("themed-a2ui-surface", {
+        ref: elementRef,
+        className,
+        "data-surface-id": surfaceId,
+    });
+}
+/**
+ * Converts a nested JavaScript object to the ValueMap[] format
+ * expected by A2UI's dataModelUpdate message.
+ */
+function objectToValueMaps(obj) {
+    return Object.entries(obj).map(([key, value]) => valueToValueMap(key, value));
+}
+/**
+ * Converts a single key-value pair to a ValueMap.
+ */
+function valueToValueMap(key, value) {
+    if (typeof value === "string") {
+        return { key, valueString: value };
+    }
+    if (typeof value === "number") {
+        return { key, valueNumber: value };
+    }
+    if (typeof value === "boolean") {
+        return { key, valueBoolean: value };
+    }
+    if (value === null || value === undefined) {
+        return { key };
+    }
+    if (Array.isArray(value)) {
+        // Convert array items with index as key
+        const valueMap = value.map((item, index) => valueToValueMap(String(index), item));
+        return { key, valueMap };
+    }
+    if (typeof value === "object") {
+        // Convert nested object recursively
+        const valueMap = objectToValueMaps(value);
+        return { key, valueMap };
+    }
+    return { key };
+}
+//# sourceMappingURL=A2UIViewer.js.map

package/dist/A2UIViewer.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export { ThemedA2UISurface } from "./themed-surface.js";
+export type { ThemedA2UISurfaceActionCallback } from "./themed-surface.js";
+export { globalStyles } from "./styles/global.js";
+export { createA2UIMessageRenderer } from "./A2UIMessageRenderer.js";
+export type { A2UIMessageRendererOptions } from "./A2UIMessageRenderer.js";
+export { A2UIViewer } from "./A2UIViewer.js";
+export type { A2UIViewerProps } from "./A2UIViewer.js";
+import { v0_8 } from "@a2ui/lit";
+export type ComponentInstance = v0_8.Types.ComponentInstance;
+export type UserAction = v0_8.Types.UserAction;
+export type Action = v0_8.Types.Action;
+export type ServerToClientMessage = v0_8.Types.ServerToClientMessage;
+export type Surface = v0_8.Types.Surface;
+export type AnyComponentNode = v0_8.Types.AnyComponentNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AACrE,YAAY,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGvD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;AAC/C,MAAM,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;AACvC,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC;AACrE,MAAM,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;AACzC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC"}

package/dist/index.js

@@ -0,0 +1,20 @@
+/*
+ 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.
+ */
+export { ThemedA2UISurface } from "./themed-surface.js";
+export { globalStyles } from "./styles/global.js";
+export { createA2UIMessageRenderer } from "./A2UIMessageRenderer.js";
+export { A2UIViewer } from "./A2UIViewer.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/styles/components.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Component-level styles distributed via ThemeManager.
+ * These use :host() selectors to target specific A2UI components
+ * from within their shadow roots.
+ */
+export declare const componentStyles = "";
+//# sourceMappingURL=components.d.ts.map

package/dist/styles/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/styles/components.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,eAAe,KAAK,CAAC"}

package/dist/styles/components.js

@@ -0,0 +1,7 @@
+/**
+ * Component-level styles distributed via ThemeManager.
+ * These use :host() selectors to target specific A2UI components
+ * from within their shadow roots.
+ */
+export const componentStyles = ``;
+//# sourceMappingURL=components.js.map

package/dist/styles/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/styles/components.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC"}

package/dist/styles/global.d.ts

@@ -0,0 +1,2 @@
+export declare const globalStyles = "\n  :host {\n    --n-100: #ffffff;\n    --n-99: #fcfcfc;\n    --n-98: #f9f9f9;\n    --n-95: #f1f1f1;\n    --n-90: #e2e2e2;\n    --n-80: #c6c6c6;\n    --n-70: #ababab;\n    --n-60: #919191;\n    --n-50: #777777;\n    --n-40: #5e5e5e;\n    --n-35: #525252;\n    --n-30: #474747;\n    --n-25: #3b3b3b;\n    --n-20: #303030;\n    --n-15: #262626;\n    --n-10: #1b1b1b;\n    --n-5: #111111;\n    --n-0: #000000;\n\n    --p-100: var(--a2ui-card-bg, #ffffff);\n    --p-99: #fffbff;\n    --p-98: #fcf8ff;\n    --p-95: #f2efff;\n    --p-90: #e1e0ff;\n    --p-80: #c0c1ff;\n    --p-70: #a0a3ff;\n    --p-60: #8487ea;\n    --p-50: #6a6dcd;\n    --p-40: #5154b3;\n    --p-35: #4447a6;\n    --p-30: #383b99;\n    --p-25: #2c2e8d;\n    --p-20: #202182;\n    --p-15: #131178;\n    --p-10: #06006c;\n    --p-5: #03004d;\n    --p-0: #000000;\n\n    --s-100: #ffffff;\n    --s-99: #fffbff;\n    --s-98: #fcf8ff;\n    --s-95: #f2efff;\n    --s-90: #e2e0f9;\n    --s-80: #c6c4dd;\n    --s-70: #aaa9c1;\n    --s-60: #8f8fa5;\n    --s-50: #75758b;\n    --s-40: #5d5c72;\n    --s-35: #515165;\n    --s-30: #454559;\n    --s-25: #393a4d;\n    --s-20: #2e2f42;\n    --s-15: #242437;\n    --s-10: #191a2c;\n    --s-5: #0f0f21;\n    --s-0: #000000;\n\n    --t-100: #ffffff;\n    --t-99: #fffbff;\n    --t-98: #fff8f9;\n    --t-95: #ffecf4;\n    --t-90: #ffd8ec;\n    --t-80: #e9b9d3;\n    --t-70: #cc9eb8;\n    --t-60: #af849d;\n    --t-50: #946b83;\n    --t-40: #79536a;\n    --t-35: #6c475d;\n    --t-30: #5f3c51;\n    --t-25: #523146;\n    --t-20: #46263a;\n    --t-15: #3a1b2f;\n    --t-10: #2e1125;\n    --t-5: #22071a;\n    --t-0: #000000;\n\n    --nv-100: #ffffff;\n    --nv-99: #fffbff;\n    --nv-98: #fcf8ff;\n    --nv-95: #f2effa;\n    --nv-90: #e4e1ec;\n    --nv-80: #c8c5d0;\n    --nv-70: #acaab4;\n    --nv-60: #918f9a;\n    --nv-50: #777680;\n    --nv-40: #5e5d67;\n    --nv-35: #52515b;\n    --nv-30: #46464f;\n    --nv-25: #3b3b43;\n    --nv-20: #303038;\n    --nv-15: #25252d;\n    --nv-10: #1b1b23;\n    --nv-5: #101018;\n    --nv-0: #000000;\n\n    --e-100: #ffffff;\n    --e-99: #fffbff;\n    --e-98: #fff8f7;\n    --e-95: #ffedea;\n    --e-90: #ffdad6;\n    --e-80: #ffb4ab;\n    --e-70: #ff897d;\n    --e-60: #ff5449;\n    --e-50: #de3730;\n    --e-40: #ba1a1a;\n    --e-35: #a80710;\n    --e-30: #93000a;\n    --e-25: #7e0007;\n    --e-20: #690005;\n    --e-15: #540003;\n    --e-10: #410002;\n    --e-5: #2d0001;\n    --e-0: #000000;\n\n    --primary: #137fec;\n    --text-color: #fff;\n    --background-light: #f6f7f8;\n    --background-dark: #101922;\n    --border-color: oklch(from var(--background-light) l c h / calc(alpha * 0.15));\n    --elevated-background-light: oklch(\n      from var(--background-light) l c h / calc(alpha * 0.05)\n    );\n    --bb-grid-size: 4px;\n    --bb-grid-size-2: calc(var(--bb-grid-size) * 2);\n    --bb-grid-size-3: calc(var(--bb-grid-size) * 3);\n    --bb-grid-size-4: calc(var(--bb-grid-size) * 4);\n    --bb-grid-size-5: calc(var(--bb-grid-size) * 5);\n    --bb-grid-size-6: calc(var(--bb-grid-size) * 6);\n    --bb-grid-size-7: calc(var(--bb-grid-size) * 7);\n    --bb-grid-size-8: calc(var(--bb-grid-size) * 8);\n    --bb-grid-size-9: calc(var(--bb-grid-size) * 9);\n    --bb-grid-size-10: calc(var(--bb-grid-size) * 10);\n    --bb-grid-size-11: calc(var(--bb-grid-size) * 11);\n    --bb-grid-size-12: calc(var(--bb-grid-size) * 12);\n    --bb-grid-size-13: calc(var(--bb-grid-size) * 13);\n    --bb-grid-size-14: calc(var(--bb-grid-size) * 14);\n    --bb-grid-size-15: calc(var(--bb-grid-size) * 15);\n    --bb-grid-size-16: calc(var(--bb-grid-size) * 16);\n\n    font-family: \"Google Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  }\n";
+//# sourceMappingURL=global.d.ts.map

package/dist/styles/global.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../src/styles/global.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,+mHA+IxB,CAAC"}

package/dist/styles/global.js

@@ -0,0 +1,145 @@
+export const globalStyles = `
+  :host {
+    --n-100: #ffffff;
+    --n-99: #fcfcfc;
+    --n-98: #f9f9f9;
+    --n-95: #f1f1f1;
+    --n-90: #e2e2e2;
+    --n-80: #c6c6c6;
+    --n-70: #ababab;
+    --n-60: #919191;
+    --n-50: #777777;
+    --n-40: #5e5e5e;
+    --n-35: #525252;
+    --n-30: #474747;
+    --n-25: #3b3b3b;
+    --n-20: #303030;
+    --n-15: #262626;
+    --n-10: #1b1b1b;
+    --n-5: #111111;
+    --n-0: #000000;
+
+    --p-100: var(--a2ui-card-bg, #ffffff);
+    --p-99: #fffbff;
+    --p-98: #fcf8ff;
+    --p-95: #f2efff;
+    --p-90: #e1e0ff;
+    --p-80: #c0c1ff;
+    --p-70: #a0a3ff;
+    --p-60: #8487ea;
+    --p-50: #6a6dcd;
+    --p-40: #5154b3;
+    --p-35: #4447a6;
+    --p-30: #383b99;
+    --p-25: #2c2e8d;
+    --p-20: #202182;
+    --p-15: #131178;
+    --p-10: #06006c;
+    --p-5: #03004d;
+    --p-0: #000000;
+
+    --s-100: #ffffff;
+    --s-99: #fffbff;
+    --s-98: #fcf8ff;
+    --s-95: #f2efff;
+    --s-90: #e2e0f9;
+    --s-80: #c6c4dd;
+    --s-70: #aaa9c1;
+    --s-60: #8f8fa5;
+    --s-50: #75758b;
+    --s-40: #5d5c72;
+    --s-35: #515165;
+    --s-30: #454559;
+    --s-25: #393a4d;
+    --s-20: #2e2f42;
+    --s-15: #242437;
+    --s-10: #191a2c;
+    --s-5: #0f0f21;
+    --s-0: #000000;
+
+    --t-100: #ffffff;
+    --t-99: #fffbff;
+    --t-98: #fff8f9;
+    --t-95: #ffecf4;
+    --t-90: #ffd8ec;
+    --t-80: #e9b9d3;
+    --t-70: #cc9eb8;
+    --t-60: #af849d;
+    --t-50: #946b83;
+    --t-40: #79536a;
+    --t-35: #6c475d;
+    --t-30: #5f3c51;
+    --t-25: #523146;
+    --t-20: #46263a;
+    --t-15: #3a1b2f;
+    --t-10: #2e1125;
+    --t-5: #22071a;
+    --t-0: #000000;
+
+    --nv-100: #ffffff;
+    --nv-99: #fffbff;
+    --nv-98: #fcf8ff;
+    --nv-95: #f2effa;
+    --nv-90: #e4e1ec;
+    --nv-80: #c8c5d0;
+    --nv-70: #acaab4;
+    --nv-60: #918f9a;
+    --nv-50: #777680;
+    --nv-40: #5e5d67;
+    --nv-35: #52515b;
+    --nv-30: #46464f;
+    --nv-25: #3b3b43;
+    --nv-20: #303038;
+    --nv-15: #25252d;
+    --nv-10: #1b1b23;
+    --nv-5: #101018;
+    --nv-0: #000000;
+
+    --e-100: #ffffff;
+    --e-99: #fffbff;
+    --e-98: #fff8f7;
+    --e-95: #ffedea;
+    --e-90: #ffdad6;
+    --e-80: #ffb4ab;
+    --e-70: #ff897d;
+    --e-60: #ff5449;
+    --e-50: #de3730;
+    --e-40: #ba1a1a;
+    --e-35: #a80710;
+    --e-30: #93000a;
+    --e-25: #7e0007;
+    --e-20: #690005;
+    --e-15: #540003;
+    --e-10: #410002;
+    --e-5: #2d0001;
+    --e-0: #000000;
+
+    --primary: #137fec;
+    --text-color: #fff;
+    --background-light: #f6f7f8;
+    --background-dark: #101922;
+    --border-color: oklch(from var(--background-light) l c h / calc(alpha * 0.15));
+    --elevated-background-light: oklch(
+      from var(--background-light) l c h / calc(alpha * 0.05)
+    );
+    --bb-grid-size: 4px;
+    --bb-grid-size-2: calc(var(--bb-grid-size) * 2);
+    --bb-grid-size-3: calc(var(--bb-grid-size) * 3);
+    --bb-grid-size-4: calc(var(--bb-grid-size) * 4);
+    --bb-grid-size-5: calc(var(--bb-grid-size) * 5);
+    --bb-grid-size-6: calc(var(--bb-grid-size) * 6);
+    --bb-grid-size-7: calc(var(--bb-grid-size) * 7);
+    --bb-grid-size-8: calc(var(--bb-grid-size) * 8);
+    --bb-grid-size-9: calc(var(--bb-grid-size) * 9);
+    --bb-grid-size-10: calc(var(--bb-grid-size) * 10);
+    --bb-grid-size-11: calc(var(--bb-grid-size) * 11);
+    --bb-grid-size-12: calc(var(--bb-grid-size) * 12);
+    --bb-grid-size-13: calc(var(--bb-grid-size) * 13);
+    --bb-grid-size-14: calc(var(--bb-grid-size) * 14);
+    --bb-grid-size-15: calc(var(--bb-grid-size) * 15);
+    --bb-grid-size-16: calc(var(--bb-grid-size) * 16);
+
+    font-family: "Google Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  }
+`;
+//# sourceMappingURL=global.js.map

package/dist/styles/global.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.js","sourceRoot":"","sources":["../../src/styles/global.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+I3B,CAAC"}

package/dist/theme/viewer-theme.d.ts

@@ -0,0 +1,3 @@
+import { v0_8 } from "@a2ui/lit";
+export declare const theme: v0_8.Types.Theme;
+//# sourceMappingURL=viewer-theme.d.ts.map

package/dist/theme/viewer-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer-theme.d.ts","sourceRoot":"","sources":["../../src/theme/viewer-theme.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAqKjC,eAAO,MAAM,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAqO9B,CAAC"}