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

package/dist/react-renderer/a2ui-react/A2uiSurface.cjs

@@ -0,0 +1,110 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _a2ui_web_core_v0_9 = require("@a2ui/web_core/v0_9");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/react-renderer/a2ui-react/A2uiSurface.tsx
+/**
+* Copyright 2026 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
+*
+*     http://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.
+*/
+const ResolvedChild = (0, react.memo)(({ surface, id, basePath, compImpl, componentModel }) => {
+	const ComponentToRender = compImpl.render;
+	const context = (0, react.useMemo)(() => new _a2ui_web_core_v0_9.ComponentContext(surface, id, basePath), [
+		surface,
+		id,
+		basePath,
+		componentModel
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComponentToRender, {
+		context,
+		buildChild: (0, react.useCallback)((childId, specificPath) => {
+			const path = specificPath || context.dataContext.path;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeferredChild, {
+				surface,
+				id: childId,
+				basePath: path
+			}, `${childId}-${path}`);
+		}, [surface, context.dataContext.path])
+	});
+});
+ResolvedChild.displayName = "ResolvedChild";
+const DeferredChild = (0, react.memo)(({ surface, id, basePath }) => {
+	const store = (0, react.useMemo)(() => {
+		let version = 0;
+		return {
+			subscribe: (cb) => {
+				const unsub1 = surface.componentsModel.onCreated.subscribe((comp) => {
+					if (comp.id === id) {
+						version++;
+						cb();
+					}
+				});
+				const unsub2 = surface.componentsModel.onDeleted.subscribe((delId) => {
+					if (delId === id) {
+						version++;
+						cb();
+					}
+				});
+				return () => {
+					unsub1.unsubscribe();
+					unsub2.unsubscribe();
+				};
+			},
+			getSnapshot: () => {
+				const comp = surface.componentsModel.get(id);
+				return comp ? `${comp.type}-${version}` : `missing-${version}`;
+			}
+		};
+	}, [surface, id]);
+	(0, react.useSyncExternalStore)(store.subscribe, store.getSnapshot);
+	const componentModel = surface.componentsModel.get(id);
+	if (!componentModel) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		style: {
+			padding: "12px 16px",
+			borderRadius: "8px",
+			background: "linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%)",
+			backgroundSize: "200% 100%",
+			animation: "a2ui-shimmer 1.5s ease-in-out infinite",
+			minHeight: "2rem"
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `@keyframes a2ui-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }` })
+	});
+	const compImpl = surface.catalog.components.get(componentModel.type);
+	if (!compImpl) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style: { color: "red" },
+		children: ["Unknown component: ", componentModel.type]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResolvedChild, {
+		surface,
+		id,
+		basePath,
+		componentModel,
+		compImpl
+	});
+});
+DeferredChild.displayName = "DeferredChild";
+const A2uiSurface = ({ surface }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeferredChild, {
+		surface,
+		id: "root",
+		basePath: "/"
+	});
+};
+
+//#endregion
+exports.A2uiSurface = A2uiSurface;
+exports.DeferredChild = DeferredChild;
+//# sourceMappingURL=A2uiSurface.cjs.map

package/dist/react-renderer/a2ui-react/A2uiSurface.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"A2uiSurface.cjs","names":["ComponentContext"],"sources":["../../../src/react-renderer/a2ui-react/A2uiSurface.tsx"],"sourcesContent":["/**\n * Copyright 2026 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useSyncExternalStore, memo, useMemo, useCallback } from \"react\";\nimport {\n  type SurfaceModel,\n  ComponentContext,\n  type ComponentModel,\n} from \"@a2ui/web_core/v0_9\";\nimport type { ReactComponentImplementation } from \"./adapter\";\n\nconst ResolvedChild = memo(\n  ({\n    surface,\n    id,\n    basePath,\n    compImpl,\n    componentModel,\n  }: {\n    surface: SurfaceModel<ReactComponentImplementation>;\n    id: string;\n    basePath: string;\n    componentModel: ComponentModel;\n    compImpl: ReactComponentImplementation;\n  }) => {\n    const ComponentToRender = compImpl.render;\n\n    // Create context. Recreate if the componentModel instance changes (e.g. type change recreation).\n    const context = useMemo(\n      () => new ComponentContext(surface, id, basePath),\n      // componentModel is used as a trigger for recreation even if not in the body\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [surface, id, basePath, componentModel],\n    );\n\n    const buildChild = useCallback(\n      (childId: string, specificPath?: string) => {\n        const path = specificPath || context.dataContext.path;\n        return (\n          <DeferredChild\n            key={`${childId}-${path}`}\n            surface={surface}\n            id={childId}\n            basePath={path}\n          />\n        );\n      },\n      [surface, context.dataContext.path],\n    );\n\n    return <ComponentToRender context={context} buildChild={buildChild} />;\n  },\n);\nResolvedChild.displayName = \"ResolvedChild\";\n\nexport const DeferredChild: React.FC<{\n  surface: SurfaceModel<ReactComponentImplementation>;\n  id: string;\n  basePath: string;\n}> = memo(({ surface, id, basePath }) => {\n  // 1. Subscribe specifically to this component's existence\n  const store = useMemo(() => {\n    let version = 0;\n    return {\n      subscribe: (cb: () => void) => {\n        const unsub1 = surface.componentsModel.onCreated.subscribe((comp) => {\n          if (comp.id === id) {\n            version++;\n            cb();\n          }\n        });\n        const unsub2 = surface.componentsModel.onDeleted.subscribe((delId) => {\n          if (delId === id) {\n            version++;\n            cb();\n          }\n        });\n        return () => {\n          unsub1.unsubscribe();\n          unsub2.unsubscribe();\n        };\n      },\n      getSnapshot: () => {\n        const comp = surface.componentsModel.get(id);\n        // We use instance identity + version as the snapshot to ensure\n        // type replacements (e.g. Button -> Text) trigger a re-render.\n        return comp ? `${comp.type}-${version}` : `missing-${version}`;\n      },\n    };\n  }, [surface, id]);\n\n  useSyncExternalStore(store.subscribe, store.getSnapshot);\n\n  const componentModel = surface.componentsModel.get(id);\n\n  if (!componentModel) {\n    return (\n      <div\n        style={{\n          padding: \"12px 16px\",\n          borderRadius: \"8px\",\n          background:\n            \"linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%)\",\n          backgroundSize: \"200% 100%\",\n          animation: \"a2ui-shimmer 1.5s ease-in-out infinite\",\n          minHeight: \"2rem\",\n        }}\n      >\n        <style>{`@keyframes a2ui-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }`}</style>\n      </div>\n    );\n  }\n\n  const compImpl = surface.catalog.components.get(componentModel.type);\n\n  if (!compImpl) {\n    return (\n      <div style={{ color: \"red\" }}>\n        Unknown component: {componentModel.type}\n      </div>\n    );\n  }\n\n  return (\n    <ResolvedChild\n      surface={surface}\n      id={id}\n      basePath={basePath}\n      componentModel={componentModel}\n      compImpl={compImpl}\n    />\n  );\n});\nDeferredChild.displayName = \"DeferredChild\";\n\nexport const A2uiSurface: React.FC<{\n  surface: SurfaceModel<ReactComponentImplementation>;\n}> = ({ surface }) => {\n  // The root component always has ID 'root' and base path '/'\n  return <DeferredChild surface={surface} id=\"root\" basePath=\"/\" />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAM,iCACH,EACC,SACA,IACA,UACA,UACA,qBAOI;CACJ,MAAM,oBAAoB,SAAS;CAGnC,MAAM,mCACE,IAAIA,qCAAiB,SAAS,IAAI,SAAS,EAGjD;EAAC;EAAS;EAAI;EAAU;EAAe,CACxC;AAiBD,QAAO,2CAAC;EAA2B;EAAS,oCAdzC,SAAiB,iBAA0B;GAC1C,MAAM,OAAO,gBAAgB,QAAQ,YAAY;AACjD,UACE,2CAAC;IAEU;IACT,IAAI;IACJ,UAAU;MAHL,GAAG,QAAQ,GAAG,OAInB;KAGN,CAAC,SAAS,QAAQ,YAAY,KAAK,CACpC;GAEqE;EAEzE;AACD,cAAc,cAAc;AAE5B,MAAa,iCAIF,EAAE,SAAS,IAAI,eAAe;CAEvC,MAAM,iCAAsB;EAC1B,IAAI,UAAU;AACd,SAAO;GACL,YAAY,OAAmB;IAC7B,MAAM,SAAS,QAAQ,gBAAgB,UAAU,WAAW,SAAS;AACnE,SAAI,KAAK,OAAO,IAAI;AAClB;AACA,UAAI;;MAEN;IACF,MAAM,SAAS,QAAQ,gBAAgB,UAAU,WAAW,UAAU;AACpE,SAAI,UAAU,IAAI;AAChB;AACA,UAAI;;MAEN;AACF,iBAAa;AACX,YAAO,aAAa;AACpB,YAAO,aAAa;;;GAGxB,mBAAmB;IACjB,MAAM,OAAO,QAAQ,gBAAgB,IAAI,GAAG;AAG5C,WAAO,OAAO,GAAG,KAAK,KAAK,GAAG,YAAY,WAAW;;GAExD;IACA,CAAC,SAAS,GAAG,CAAC;AAEjB,iCAAqB,MAAM,WAAW,MAAM,YAAY;CAExD,MAAM,iBAAiB,QAAQ,gBAAgB,IAAI,GAAG;AAEtD,KAAI,CAAC,eACH,QACE,2CAAC;EACC,OAAO;GACL,SAAS;GACT,cAAc;GACd,YACE;GACF,gBAAgB;GAChB,WAAW;GACX,WAAW;GACZ;YAED,2CAAC,qBAAO,2GAAiH;GACrH;CAIV,MAAM,WAAW,QAAQ,QAAQ,WAAW,IAAI,eAAe,KAAK;AAEpE,KAAI,CAAC,SACH,QACE,4CAAC;EAAI,OAAO,EAAE,OAAO,OAAO;aAAE,uBACR,eAAe;GAC/B;AAIV,QACE,2CAAC;EACU;EACL;EACM;EACM;EACN;GACV;EAEJ;AACF,cAAc,cAAc;AAE5B,MAAa,eAEP,EAAE,cAAc;AAEpB,QAAO,2CAAC;EAAuB;EAAS,IAAG;EAAO,UAAS;GAAM"}

package/dist/react-renderer/a2ui-react/A2uiSurface.d.cts

@@ -0,0 +1,2 @@
+import "./adapter.cjs";
+import React from "react";

package/dist/react-renderer/a2ui-react/A2uiSurface.d.mts

@@ -0,0 +1,3 @@
+import "./adapter.mjs";
+import React from "react";
+import "@a2ui/web_core/v0_9";

package/dist/react-renderer/a2ui-react/A2uiSurface.mjs

@@ -0,0 +1,107 @@
+import React, { memo, useCallback, useMemo, useSyncExternalStore } from "react";
+import { ComponentContext } from "@a2ui/web_core/v0_9";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/react-renderer/a2ui-react/A2uiSurface.tsx
+/**
+* Copyright 2026 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
+*
+*     http://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.
+*/
+const ResolvedChild = memo(({ surface, id, basePath, compImpl, componentModel }) => {
+	const ComponentToRender = compImpl.render;
+	const context = useMemo(() => new ComponentContext(surface, id, basePath), [
+		surface,
+		id,
+		basePath,
+		componentModel
+	]);
+	return /* @__PURE__ */ jsx(ComponentToRender, {
+		context,
+		buildChild: useCallback((childId, specificPath) => {
+			const path = specificPath || context.dataContext.path;
+			return /* @__PURE__ */ jsx(DeferredChild, {
+				surface,
+				id: childId,
+				basePath: path
+			}, `${childId}-${path}`);
+		}, [surface, context.dataContext.path])
+	});
+});
+ResolvedChild.displayName = "ResolvedChild";
+const DeferredChild = memo(({ surface, id, basePath }) => {
+	const store = useMemo(() => {
+		let version = 0;
+		return {
+			subscribe: (cb) => {
+				const unsub1 = surface.componentsModel.onCreated.subscribe((comp) => {
+					if (comp.id === id) {
+						version++;
+						cb();
+					}
+				});
+				const unsub2 = surface.componentsModel.onDeleted.subscribe((delId) => {
+					if (delId === id) {
+						version++;
+						cb();
+					}
+				});
+				return () => {
+					unsub1.unsubscribe();
+					unsub2.unsubscribe();
+				};
+			},
+			getSnapshot: () => {
+				const comp = surface.componentsModel.get(id);
+				return comp ? `${comp.type}-${version}` : `missing-${version}`;
+			}
+		};
+	}, [surface, id]);
+	useSyncExternalStore(store.subscribe, store.getSnapshot);
+	const componentModel = surface.componentsModel.get(id);
+	if (!componentModel) return /* @__PURE__ */ jsx("div", {
+		style: {
+			padding: "12px 16px",
+			borderRadius: "8px",
+			background: "linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%)",
+			backgroundSize: "200% 100%",
+			animation: "a2ui-shimmer 1.5s ease-in-out infinite",
+			minHeight: "2rem"
+		},
+		children: /* @__PURE__ */ jsx("style", { children: `@keyframes a2ui-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }` })
+	});
+	const compImpl = surface.catalog.components.get(componentModel.type);
+	if (!compImpl) return /* @__PURE__ */ jsxs("div", {
+		style: { color: "red" },
+		children: ["Unknown component: ", componentModel.type]
+	});
+	return /* @__PURE__ */ jsx(ResolvedChild, {
+		surface,
+		id,
+		basePath,
+		componentModel,
+		compImpl
+	});
+});
+DeferredChild.displayName = "DeferredChild";
+const A2uiSurface = ({ surface }) => {
+	return /* @__PURE__ */ jsx(DeferredChild, {
+		surface,
+		id: "root",
+		basePath: "/"
+	});
+};
+
+//#endregion
+export { A2uiSurface, DeferredChild };
+//# sourceMappingURL=A2uiSurface.mjs.map

package/dist/react-renderer/a2ui-react/A2uiSurface.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"A2uiSurface.mjs","names":[],"sources":["../../../src/react-renderer/a2ui-react/A2uiSurface.tsx"],"sourcesContent":["/**\n * Copyright 2026 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useSyncExternalStore, memo, useMemo, useCallback } from \"react\";\nimport {\n  type SurfaceModel,\n  ComponentContext,\n  type ComponentModel,\n} from \"@a2ui/web_core/v0_9\";\nimport type { ReactComponentImplementation } from \"./adapter\";\n\nconst ResolvedChild = memo(\n  ({\n    surface,\n    id,\n    basePath,\n    compImpl,\n    componentModel,\n  }: {\n    surface: SurfaceModel<ReactComponentImplementation>;\n    id: string;\n    basePath: string;\n    componentModel: ComponentModel;\n    compImpl: ReactComponentImplementation;\n  }) => {\n    const ComponentToRender = compImpl.render;\n\n    // Create context. Recreate if the componentModel instance changes (e.g. type change recreation).\n    const context = useMemo(\n      () => new ComponentContext(surface, id, basePath),\n      // componentModel is used as a trigger for recreation even if not in the body\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [surface, id, basePath, componentModel],\n    );\n\n    const buildChild = useCallback(\n      (childId: string, specificPath?: string) => {\n        const path = specificPath || context.dataContext.path;\n        return (\n          <DeferredChild\n            key={`${childId}-${path}`}\n            surface={surface}\n            id={childId}\n            basePath={path}\n          />\n        );\n      },\n      [surface, context.dataContext.path],\n    );\n\n    return <ComponentToRender context={context} buildChild={buildChild} />;\n  },\n);\nResolvedChild.displayName = \"ResolvedChild\";\n\nexport const DeferredChild: React.FC<{\n  surface: SurfaceModel<ReactComponentImplementation>;\n  id: string;\n  basePath: string;\n}> = memo(({ surface, id, basePath }) => {\n  // 1. Subscribe specifically to this component's existence\n  const store = useMemo(() => {\n    let version = 0;\n    return {\n      subscribe: (cb: () => void) => {\n        const unsub1 = surface.componentsModel.onCreated.subscribe((comp) => {\n          if (comp.id === id) {\n            version++;\n            cb();\n          }\n        });\n        const unsub2 = surface.componentsModel.onDeleted.subscribe((delId) => {\n          if (delId === id) {\n            version++;\n            cb();\n          }\n        });\n        return () => {\n          unsub1.unsubscribe();\n          unsub2.unsubscribe();\n        };\n      },\n      getSnapshot: () => {\n        const comp = surface.componentsModel.get(id);\n        // We use instance identity + version as the snapshot to ensure\n        // type replacements (e.g. Button -> Text) trigger a re-render.\n        return comp ? `${comp.type}-${version}` : `missing-${version}`;\n      },\n    };\n  }, [surface, id]);\n\n  useSyncExternalStore(store.subscribe, store.getSnapshot);\n\n  const componentModel = surface.componentsModel.get(id);\n\n  if (!componentModel) {\n    return (\n      <div\n        style={{\n          padding: \"12px 16px\",\n          borderRadius: \"8px\",\n          background:\n            \"linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%)\",\n          backgroundSize: \"200% 100%\",\n          animation: \"a2ui-shimmer 1.5s ease-in-out infinite\",\n          minHeight: \"2rem\",\n        }}\n      >\n        <style>{`@keyframes a2ui-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }`}</style>\n      </div>\n    );\n  }\n\n  const compImpl = surface.catalog.components.get(componentModel.type);\n\n  if (!compImpl) {\n    return (\n      <div style={{ color: \"red\" }}>\n        Unknown component: {componentModel.type}\n      </div>\n    );\n  }\n\n  return (\n    <ResolvedChild\n      surface={surface}\n      id={id}\n      basePath={basePath}\n      componentModel={componentModel}\n      compImpl={compImpl}\n    />\n  );\n});\nDeferredChild.displayName = \"DeferredChild\";\n\nexport const A2uiSurface: React.FC<{\n  surface: SurfaceModel<ReactComponentImplementation>;\n}> = ({ surface }) => {\n  // The root component always has ID 'root' and base path '/'\n  return <DeferredChild surface={surface} id=\"root\" basePath=\"/\" />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBA,MAAM,gBAAgB,MACnB,EACC,SACA,IACA,UACA,UACA,qBAOI;CACJ,MAAM,oBAAoB,SAAS;CAGnC,MAAM,UAAU,cACR,IAAI,iBAAiB,SAAS,IAAI,SAAS,EAGjD;EAAC;EAAS;EAAI;EAAU;EAAe,CACxC;AAiBD,QAAO,oBAAC;EAA2B;EAAS,YAfzB,aAChB,SAAiB,iBAA0B;GAC1C,MAAM,OAAO,gBAAgB,QAAQ,YAAY;AACjD,UACE,oBAAC;IAEU;IACT,IAAI;IACJ,UAAU;MAHL,GAAG,QAAQ,GAAG,OAInB;KAGN,CAAC,SAAS,QAAQ,YAAY,KAAK,CACpC;GAEqE;EAEzE;AACD,cAAc,cAAc;AAE5B,MAAa,gBAIR,MAAM,EAAE,SAAS,IAAI,eAAe;CAEvC,MAAM,QAAQ,cAAc;EAC1B,IAAI,UAAU;AACd,SAAO;GACL,YAAY,OAAmB;IAC7B,MAAM,SAAS,QAAQ,gBAAgB,UAAU,WAAW,SAAS;AACnE,SAAI,KAAK,OAAO,IAAI;AAClB;AACA,UAAI;;MAEN;IACF,MAAM,SAAS,QAAQ,gBAAgB,UAAU,WAAW,UAAU;AACpE,SAAI,UAAU,IAAI;AAChB;AACA,UAAI;;MAEN;AACF,iBAAa;AACX,YAAO,aAAa;AACpB,YAAO,aAAa;;;GAGxB,mBAAmB;IACjB,MAAM,OAAO,QAAQ,gBAAgB,IAAI,GAAG;AAG5C,WAAO,OAAO,GAAG,KAAK,KAAK,GAAG,YAAY,WAAW;;GAExD;IACA,CAAC,SAAS,GAAG,CAAC;AAEjB,sBAAqB,MAAM,WAAW,MAAM,YAAY;CAExD,MAAM,iBAAiB,QAAQ,gBAAgB,IAAI,GAAG;AAEtD,KAAI,CAAC,eACH,QACE,oBAAC;EACC,OAAO;GACL,SAAS;GACT,cAAc;GACd,YACE;GACF,gBAAgB;GAChB,WAAW;GACX,WAAW;GACZ;YAED,oBAAC,qBAAO,2GAAiH;GACrH;CAIV,MAAM,WAAW,QAAQ,QAAQ,WAAW,IAAI,eAAe,KAAK;AAEpE,KAAI,CAAC,SACH,QACE,qBAAC;EAAI,OAAO,EAAE,OAAO,OAAO;aAAE,uBACR,eAAe;GAC/B;AAIV,QACE,oBAAC;EACU;EACL;EACM;EACM;EACN;GACV;EAEJ;AACF,cAAc,cAAc;AAE5B,MAAa,eAEP,EAAE,cAAc;AAEpB,QAAO,oBAAC;EAAuB;EAAS,IAAG;EAAO,UAAS;GAAM"}

package/dist/react-renderer/a2ui-react/adapter.cjs

@@ -0,0 +1,63 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _a2ui_web_core_v0_9 = require("@a2ui/web_core/v0_9");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/react-renderer/a2ui-react/adapter.tsx
+/**
+* Copyright 2026 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
+*
+*     http://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.
+*/
+/**
+* Creates a React component implementation using the deep generic binder.
+*/
+function createReactComponent(api, RenderComponent) {
+	const MemoizedRender = (0, react.memo)(RenderComponent, (prev, next) => {
+		if (prev.props !== next.props) return false;
+		if (prev.context.componentModel.id !== next.context.componentModel.id) return false;
+		if (prev.context.dataContext.path !== next.context.dataContext.path) return false;
+		return true;
+	});
+	const ReactWrapper = ({ context, buildChild }) => {
+		const bindingRef = (0, react.useRef)(null);
+		if (!bindingRef.current) bindingRef.current = new _a2ui_web_core_v0_9.GenericBinder(context, api.schema);
+		else if (bindingRef.current.context !== context) {
+			bindingRef.current.dispose();
+			bindingRef.current = new _a2ui_web_core_v0_9.GenericBinder(context, api.schema);
+		}
+		const binding = bindingRef.current;
+		const props = (0, react.useSyncExternalStore)((0, react.useCallback)((callback) => {
+			const sub = binding.subscribe(callback);
+			return () => sub.unsubscribe();
+		}, [binding]), (0, react.useCallback)(() => binding.snapshot, [binding]));
+		(0, react.useEffect)(() => {
+			return () => binding.dispose();
+		}, [binding]);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemoizedRender, {
+			props: props || {},
+			buildChild,
+			context
+		});
+	};
+	return {
+		name: api.name,
+		schema: api.schema,
+		render: ReactWrapper
+	};
+}
+
+//#endregion
+exports.createReactComponent = createReactComponent;
+//# sourceMappingURL=adapter.cjs.map

package/dist/react-renderer/a2ui-react/adapter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.cjs","names":["GenericBinder"],"sources":["../../../src/react-renderer/a2ui-react/adapter.tsx"],"sourcesContent":["/**\n * Copyright 2026 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n  useRef,\n  useSyncExternalStore,\n  useCallback,\n  memo,\n  useEffect,\n} from \"react\";\nimport { type ComponentContext, GenericBinder } from \"@a2ui/web_core/v0_9\";\nimport type {\n  ComponentApi,\n  InferredComponentApiSchemaType,\n  ResolveA2uiProps,\n} from \"@a2ui/web_core/v0_9\";\n\nexport interface ReactComponentImplementation extends ComponentApi {\n  /** The framework-specific rendering wrapper. */\n  render: React.FC<{\n    context: ComponentContext;\n    buildChild: (id: string, basePath?: string) => React.ReactNode;\n  }>;\n}\n\nexport type ReactA2uiComponentProps<T> = {\n  props: T;\n  buildChild: (id: string, basePath?: string) => React.ReactNode;\n  context: ComponentContext;\n};\n\n// --- Component Factories ---\n\n/**\n * Creates a React component implementation using the deep generic binder.\n */\nexport function createReactComponent<Api extends ComponentApi>(\n  api: Api,\n  RenderComponent: React.FC<\n    ReactA2uiComponentProps<\n      ResolveA2uiProps<InferredComponentApiSchemaType<Api>>\n    >\n  >,\n): ReactComponentImplementation {\n  type Props = ResolveA2uiProps<InferredComponentApiSchemaType<Api>>;\n\n  const MemoizedRender = memo(RenderComponent, (prev, next) => {\n    if (prev.props !== next.props) return false;\n    if (prev.context.componentModel.id !== next.context.componentModel.id)\n      return false;\n    if (prev.context.dataContext.path !== next.context.dataContext.path)\n      return false;\n    return true;\n  });\n\n  const ReactWrapper: React.FC<{\n    context: ComponentContext;\n    buildChild: (id: string, basePath?: string) => React.ReactNode;\n  }> = ({ context, buildChild }) => {\n    const bindingRef = useRef<GenericBinder<Props> | null>(null);\n\n    // Create or recreate the binder if the context object changes.\n    // DeferredChild memoizes `context`, so reference changes strictly correspond\n    // to ComponentModel updates (like type changes) or Base Path adjustments.\n    if (!bindingRef.current) {\n      bindingRef.current = new GenericBinder<Props>(context, api.schema);\n    } else if (\n      (bindingRef.current as unknown as { context: ComponentContext })\n        .context !== context\n    ) {\n      bindingRef.current.dispose();\n      bindingRef.current = new GenericBinder<Props>(context, api.schema);\n    }\n    const binding = bindingRef.current;\n\n    const subscribe = useCallback(\n      (callback: () => void) => {\n        const sub = binding.subscribe(callback);\n        return () => sub.unsubscribe();\n      },\n      [binding],\n    );\n\n    const getSnapshot = useCallback(() => binding.snapshot, [binding]);\n    const props = useSyncExternalStore(subscribe, getSnapshot);\n\n    // Prevent DataModel subscription leaks on unmount\n    useEffect(() => {\n      return () => binding.dispose();\n    }, [binding]);\n\n    return (\n      <MemoizedRender\n        props={props || ({} as Props)}\n        buildChild={buildChild}\n        context={context}\n      />\n    );\n  };\n\n  return {\n    name: api.name,\n    schema: api.schema,\n    render: ReactWrapper,\n  };\n}\n\n/**\n * Creates a React component implementation that manages its own context bindings (no generic binder).\n */\nexport function createBinderlessComponent(\n  api: ComponentApi,\n  RenderComponent: React.FC<{\n    context: ComponentContext;\n    buildChild: (id: string, basePath?: string) => React.ReactNode;\n  }>,\n): ReactComponentImplementation {\n  return {\n    name: api.name,\n    schema: api.schema,\n    render: RenderComponent,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,SAAgB,qBACd,KACA,iBAK8B;CAG9B,MAAM,iCAAsB,kBAAkB,MAAM,SAAS;AAC3D,MAAI,KAAK,UAAU,KAAK,MAAO,QAAO;AACtC,MAAI,KAAK,QAAQ,eAAe,OAAO,KAAK,QAAQ,eAAe,GACjE,QAAO;AACT,MAAI,KAAK,QAAQ,YAAY,SAAS,KAAK,QAAQ,YAAY,KAC7D,QAAO;AACT,SAAO;GACP;CAEF,MAAM,gBAGA,EAAE,SAAS,iBAAiB;EAChC,MAAM,+BAAiD,KAAK;AAK5D,MAAI,CAAC,WAAW,QACd,YAAW,UAAU,IAAIA,kCAAqB,SAAS,IAAI,OAAO;WAEjE,WAAW,QACT,YAAY,SACf;AACA,cAAW,QAAQ,SAAS;AAC5B,cAAW,UAAU,IAAIA,kCAAqB,SAAS,IAAI,OAAO;;EAEpE,MAAM,UAAU,WAAW;EAW3B,MAAM,gEARH,aAAyB;GACxB,MAAM,MAAM,QAAQ,UAAU,SAAS;AACvC,gBAAa,IAAI,aAAa;KAEhC,CAAC,QAAQ,CACV,+BAEqC,QAAQ,UAAU,CAAC,QAAQ,CAAC,CACR;AAG1D,6BAAgB;AACd,gBAAa,QAAQ,SAAS;KAC7B,CAAC,QAAQ,CAAC;AAEb,SACE,2CAAC;GACC,OAAO,SAAU,EAAE;GACP;GACH;IACT;;AAIN,QAAO;EACL,MAAM,IAAI;EACV,QAAQ,IAAI;EACZ,QAAQ;EACT"}

package/dist/react-renderer/a2ui-react/adapter.d.cts

@@ -0,0 +1,23 @@
+import React from "react";
+import { ComponentApi, ComponentContext, InferredComponentApiSchemaType, ResolveA2uiProps } from "@a2ui/web_core/v0_9";
+
+//#region src/react-renderer/a2ui-react/adapter.d.ts
+interface ReactComponentImplementation extends ComponentApi {
+  /** The framework-specific rendering wrapper. */
+  render: React.FC<{
+    context: ComponentContext;
+    buildChild: (id: string, basePath?: string) => React.ReactNode;
+  }>;
+}
+type ReactA2uiComponentProps<T> = {
+  props: T;
+  buildChild: (id: string, basePath?: string) => React.ReactNode;
+  context: ComponentContext;
+};
+/**
+ * Creates a React component implementation using the deep generic binder.
+ */
+declare function createReactComponent<Api extends ComponentApi>(api: Api, RenderComponent: React.FC<ReactA2uiComponentProps<ResolveA2uiProps<InferredComponentApiSchemaType<Api>>>>): ReactComponentImplementation;
+//#endregion
+export { ReactA2uiComponentProps, ReactComponentImplementation, createReactComponent };
+//# sourceMappingURL=adapter.d.cts.map

package/dist/react-renderer/a2ui-react/adapter.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.d.cts","names":[],"sources":["../../../src/react-renderer/a2ui-react/adapter.tsx"],"mappings":";;;;UA8BiB,4BAAA,SAAqC,YAAA;EAIlD;EAFF,MAAA,EAAQ,KAAA,CAAM,EAAA;IACZ,OAAA,EAAS,gBAAA;IACT,UAAA,GAAa,EAAA,UAAY,QAAA,cAAsB,KAAA,CAAM,SAAA;EAAA;AAAA;AAAA,KAI7C,uBAAA;EACV,KAAA,EAAO,CAAA;EACP,UAAA,GAAa,EAAA,UAAY,QAAA,cAAsB,KAAA,CAAM,SAAA;EACrD,OAAA,EAAS,gBAAA;AAAA;;;;iBAQK,oBAAA,aAAiC,YAAA,CAAA,CAC/C,GAAA,EAAK,GAAA,EACL,eAAA,EAAiB,KAAA,CAAM,EAAA,CACrB,uBAAA,CACE,gBAAA,CAAiB,8BAAA,CAA+B,GAAA,OAGnD,4BAAA"}

package/dist/react-renderer/a2ui-react/adapter.d.mts

@@ -0,0 +1,23 @@
+import React from "react";
+import { ComponentApi, ComponentContext, InferredComponentApiSchemaType, ResolveA2uiProps } from "@a2ui/web_core/v0_9";
+
+//#region src/react-renderer/a2ui-react/adapter.d.ts
+interface ReactComponentImplementation extends ComponentApi {
+  /** The framework-specific rendering wrapper. */
+  render: React.FC<{
+    context: ComponentContext;
+    buildChild: (id: string, basePath?: string) => React.ReactNode;
+  }>;
+}
+type ReactA2uiComponentProps<T> = {
+  props: T;
+  buildChild: (id: string, basePath?: string) => React.ReactNode;
+  context: ComponentContext;
+};
+/**
+ * Creates a React component implementation using the deep generic binder.
+ */
+declare function createReactComponent<Api extends ComponentApi>(api: Api, RenderComponent: React.FC<ReactA2uiComponentProps<ResolveA2uiProps<InferredComponentApiSchemaType<Api>>>>): ReactComponentImplementation;
+//#endregion
+export { ReactA2uiComponentProps, ReactComponentImplementation, createReactComponent };
+//# sourceMappingURL=adapter.d.mts.map

package/dist/react-renderer/a2ui-react/adapter.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.d.mts","names":[],"sources":["../../../src/react-renderer/a2ui-react/adapter.tsx"],"mappings":";;;;UA8BiB,4BAAA,SAAqC,YAAA;EAIlD;EAFF,MAAA,EAAQ,KAAA,CAAM,EAAA;IACZ,OAAA,EAAS,gBAAA;IACT,UAAA,GAAa,EAAA,UAAY,QAAA,cAAsB,KAAA,CAAM,SAAA;EAAA;AAAA;AAAA,KAI7C,uBAAA;EACV,KAAA,EAAO,CAAA;EACP,UAAA,GAAa,EAAA,UAAY,QAAA,cAAsB,KAAA,CAAM,SAAA;EACrD,OAAA,EAAS,gBAAA;AAAA;;;;iBAQK,oBAAA,aAAiC,YAAA,CAAA,CAC/C,GAAA,EAAK,GAAA,EACL,eAAA,EAAiB,KAAA,CAAM,EAAA,CACrB,uBAAA,CACE,gBAAA,CAAiB,8BAAA,CAA+B,GAAA,OAGnD,4BAAA"}

package/dist/react-renderer/a2ui-react/adapter.mjs

@@ -0,0 +1,61 @@
+import React, { memo, useCallback, useEffect, useRef, useSyncExternalStore } from "react";
+import { GenericBinder } from "@a2ui/web_core/v0_9";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/react-renderer/a2ui-react/adapter.tsx
+/**
+* Copyright 2026 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
+*
+*     http://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.
+*/
+/**
+* Creates a React component implementation using the deep generic binder.
+*/
+function createReactComponent(api, RenderComponent) {
+	const MemoizedRender = memo(RenderComponent, (prev, next) => {
+		if (prev.props !== next.props) return false;
+		if (prev.context.componentModel.id !== next.context.componentModel.id) return false;
+		if (prev.context.dataContext.path !== next.context.dataContext.path) return false;
+		return true;
+	});
+	const ReactWrapper = ({ context, buildChild }) => {
+		const bindingRef = useRef(null);
+		if (!bindingRef.current) bindingRef.current = new GenericBinder(context, api.schema);
+		else if (bindingRef.current.context !== context) {
+			bindingRef.current.dispose();
+			bindingRef.current = new GenericBinder(context, api.schema);
+		}
+		const binding = bindingRef.current;
+		const props = useSyncExternalStore(useCallback((callback) => {
+			const sub = binding.subscribe(callback);
+			return () => sub.unsubscribe();
+		}, [binding]), useCallback(() => binding.snapshot, [binding]));
+		useEffect(() => {
+			return () => binding.dispose();
+		}, [binding]);
+		return /* @__PURE__ */ jsx(MemoizedRender, {
+			props: props || {},
+			buildChild,
+			context
+		});
+	};
+	return {
+		name: api.name,
+		schema: api.schema,
+		render: ReactWrapper
+	};
+}
+
+//#endregion
+export { createReactComponent };
+//# sourceMappingURL=adapter.mjs.map

package/dist/react-renderer/a2ui-react/adapter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.mjs","names":[],"sources":["../../../src/react-renderer/a2ui-react/adapter.tsx"],"sourcesContent":["/**\n * Copyright 2026 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n  useRef,\n  useSyncExternalStore,\n  useCallback,\n  memo,\n  useEffect,\n} from \"react\";\nimport { type ComponentContext, GenericBinder } from \"@a2ui/web_core/v0_9\";\nimport type {\n  ComponentApi,\n  InferredComponentApiSchemaType,\n  ResolveA2uiProps,\n} from \"@a2ui/web_core/v0_9\";\n\nexport interface ReactComponentImplementation extends ComponentApi {\n  /** The framework-specific rendering wrapper. */\n  render: React.FC<{\n    context: ComponentContext;\n    buildChild: (id: string, basePath?: string) => React.ReactNode;\n  }>;\n}\n\nexport type ReactA2uiComponentProps<T> = {\n  props: T;\n  buildChild: (id: string, basePath?: string) => React.ReactNode;\n  context: ComponentContext;\n};\n\n// --- Component Factories ---\n\n/**\n * Creates a React component implementation using the deep generic binder.\n */\nexport function createReactComponent<Api extends ComponentApi>(\n  api: Api,\n  RenderComponent: React.FC<\n    ReactA2uiComponentProps<\n      ResolveA2uiProps<InferredComponentApiSchemaType<Api>>\n    >\n  >,\n): ReactComponentImplementation {\n  type Props = ResolveA2uiProps<InferredComponentApiSchemaType<Api>>;\n\n  const MemoizedRender = memo(RenderComponent, (prev, next) => {\n    if (prev.props !== next.props) return false;\n    if (prev.context.componentModel.id !== next.context.componentModel.id)\n      return false;\n    if (prev.context.dataContext.path !== next.context.dataContext.path)\n      return false;\n    return true;\n  });\n\n  const ReactWrapper: React.FC<{\n    context: ComponentContext;\n    buildChild: (id: string, basePath?: string) => React.ReactNode;\n  }> = ({ context, buildChild }) => {\n    const bindingRef = useRef<GenericBinder<Props> | null>(null);\n\n    // Create or recreate the binder if the context object changes.\n    // DeferredChild memoizes `context`, so reference changes strictly correspond\n    // to ComponentModel updates (like type changes) or Base Path adjustments.\n    if (!bindingRef.current) {\n      bindingRef.current = new GenericBinder<Props>(context, api.schema);\n    } else if (\n      (bindingRef.current as unknown as { context: ComponentContext })\n        .context !== context\n    ) {\n      bindingRef.current.dispose();\n      bindingRef.current = new GenericBinder<Props>(context, api.schema);\n    }\n    const binding = bindingRef.current;\n\n    const subscribe = useCallback(\n      (callback: () => void) => {\n        const sub = binding.subscribe(callback);\n        return () => sub.unsubscribe();\n      },\n      [binding],\n    );\n\n    const getSnapshot = useCallback(() => binding.snapshot, [binding]);\n    const props = useSyncExternalStore(subscribe, getSnapshot);\n\n    // Prevent DataModel subscription leaks on unmount\n    useEffect(() => {\n      return () => binding.dispose();\n    }, [binding]);\n\n    return (\n      <MemoizedRender\n        props={props || ({} as Props)}\n        buildChild={buildChild}\n        context={context}\n      />\n    );\n  };\n\n  return {\n    name: api.name,\n    schema: api.schema,\n    render: ReactWrapper,\n  };\n}\n\n/**\n * Creates a React component implementation that manages its own context bindings (no generic binder).\n */\nexport function createBinderlessComponent(\n  api: ComponentApi,\n  RenderComponent: React.FC<{\n    context: ComponentContext;\n    buildChild: (id: string, basePath?: string) => React.ReactNode;\n  }>,\n): ReactComponentImplementation {\n  return {\n    name: api.name,\n    schema: api.schema,\n    render: RenderComponent,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiDA,SAAgB,qBACd,KACA,iBAK8B;CAG9B,MAAM,iBAAiB,KAAK,kBAAkB,MAAM,SAAS;AAC3D,MAAI,KAAK,UAAU,KAAK,MAAO,QAAO;AACtC,MAAI,KAAK,QAAQ,eAAe,OAAO,KAAK,QAAQ,eAAe,GACjE,QAAO;AACT,MAAI,KAAK,QAAQ,YAAY,SAAS,KAAK,QAAQ,YAAY,KAC7D,QAAO;AACT,SAAO;GACP;CAEF,MAAM,gBAGA,EAAE,SAAS,iBAAiB;EAChC,MAAM,aAAa,OAAoC,KAAK;AAK5D,MAAI,CAAC,WAAW,QACd,YAAW,UAAU,IAAI,cAAqB,SAAS,IAAI,OAAO;WAEjE,WAAW,QACT,YAAY,SACf;AACA,cAAW,QAAQ,SAAS;AAC5B,cAAW,UAAU,IAAI,cAAqB,SAAS,IAAI,OAAO;;EAEpE,MAAM,UAAU,WAAW;EAW3B,MAAM,QAAQ,qBATI,aACf,aAAyB;GACxB,MAAM,MAAM,QAAQ,UAAU,SAAS;AACvC,gBAAa,IAAI,aAAa;KAEhC,CAAC,QAAQ,CACV,EAEmB,kBAAkB,QAAQ,UAAU,CAAC,QAAQ,CAAC,CACR;AAG1D,kBAAgB;AACd,gBAAa,QAAQ,SAAS;KAC7B,CAAC,QAAQ,CAAC;AAEb,SACE,oBAAC;GACC,OAAO,SAAU,EAAE;GACP;GACH;IACT;;AAIN,QAAO;EACL,MAAM,IAAI;EACV,QAAQ,IAAI;EACZ,QAAQ;EACT"}

package/dist/react-renderer/a2ui-react/catalog/basic/components/AudioPlayer.cjs

@@ -0,0 +1,53 @@
+const require_runtime = require('../../../../../_virtual/_rolldown/runtime.cjs');
+const require_adapter = require('../../../adapter.cjs');
+const require_utils = require('../utils.cjs');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _a2ui_web_core_v0_9_basic_catalog = require("@a2ui/web_core/v0_9/basic_catalog");
+
+//#region src/react-renderer/a2ui-react/catalog/basic/components/AudioPlayer.tsx
+/**
+* Copyright 2026 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
+*
+*     http://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.
+*/
+const AudioPlayer = require_adapter.createReactComponent(_a2ui_web_core_v0_9_basic_catalog.AudioPlayerApi, ({ props }) => {
+	const style = {
+		...require_utils.getBaseLeafStyle(),
+		width: "100%"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "4px",
+			width: "100%"
+		},
+		children: [props.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			style: {
+				fontSize: "12px",
+				color: "#666"
+			},
+			children: props.description
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("audio", {
+			src: props.url,
+			controls: true,
+			style
+		})]
+	});
+});
+
+//#endregion
+exports.AudioPlayer = AudioPlayer;
+//# sourceMappingURL=AudioPlayer.cjs.map

package/dist/react-renderer/a2ui-react/catalog/basic/components/AudioPlayer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioPlayer.cjs","names":["createReactComponent","AudioPlayerApi","getBaseLeafStyle"],"sources":["../../../../../../src/react-renderer/a2ui-react/catalog/basic/components/AudioPlayer.tsx"],"sourcesContent":["/**\n * Copyright 2026 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport { createReactComponent } from \"../../../adapter\";\nimport { AudioPlayerApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { getBaseLeafStyle } from \"../utils\";\n\nexport const AudioPlayer = createReactComponent(AudioPlayerApi, ({ props }) => {\n  const style: React.CSSProperties = {\n    ...getBaseLeafStyle(),\n    width: \"100%\",\n  };\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: \"4px\",\n        width: \"100%\",\n      }}\n    >\n      {props.description && (\n        <span style={{ fontSize: \"12px\", color: \"#666\" }}>\n          {props.description}\n        </span>\n      )}\n      <audio src={props.url} controls style={style} />\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,cAAcA,qCAAqBC,mDAAiB,EAAE,YAAY;CAC7E,MAAM,QAA6B;EACjC,GAAGC,gCAAkB;EACrB,OAAO;EACR;AAED,QACE,4CAAC;EACC,OAAO;GACL,SAAS;GACT,eAAe;GACf,KAAK;GACL,OAAO;GACR;aAEA,MAAM,eACL,2CAAC;GAAK,OAAO;IAAE,UAAU;IAAQ,OAAO;IAAQ;aAC7C,MAAM;IACF,EAET,2CAAC;GAAM,KAAK,MAAM;GAAK;GAAgB;IAAS;GAC5C;EAER"}

package/dist/react-renderer/a2ui-react/catalog/basic/components/AudioPlayer.d.cts

@@ -0,0 +1 @@
+import "../../../index.cjs";

package/dist/react-renderer/a2ui-react/catalog/basic/components/AudioPlayer.d.mts

@@ -0,0 +1 @@
+import "../../../index.mjs";

package/dist/react-renderer/a2ui-react/catalog/basic/components/AudioPlayer.mjs

@@ -0,0 +1,36 @@
+import { createReactComponent } from "../../../adapter.mjs";
+import { getBaseLeafStyle } from "../utils.mjs";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AudioPlayerApi } from "@a2ui/web_core/v0_9/basic_catalog";
+
+//#region src/react-renderer/a2ui-react/catalog/basic/components/AudioPlayer.tsx
+const AudioPlayer = createReactComponent(AudioPlayerApi, ({ props }) => {
+	const style = {
+		...getBaseLeafStyle(),
+		width: "100%"
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "4px",
+			width: "100%"
+		},
+		children: [props.description && /* @__PURE__ */ jsx("span", {
+			style: {
+				fontSize: "12px",
+				color: "#666"
+			},
+			children: props.description
+		}), /* @__PURE__ */ jsx("audio", {
+			src: props.url,
+			controls: true,
+			style
+		})]
+	});
+});
+
+//#endregion
+export { AudioPlayer };
+//# sourceMappingURL=AudioPlayer.mjs.map

package/dist/react-renderer/a2ui-react/catalog/basic/components/AudioPlayer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioPlayer.mjs","names":[],"sources":["../../../../../../src/react-renderer/a2ui-react/catalog/basic/components/AudioPlayer.tsx"],"sourcesContent":["/**\n * Copyright 2026 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport { createReactComponent } from \"../../../adapter\";\nimport { AudioPlayerApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { getBaseLeafStyle } from \"../utils\";\n\nexport const AudioPlayer = createReactComponent(AudioPlayerApi, ({ props }) => {\n  const style: React.CSSProperties = {\n    ...getBaseLeafStyle(),\n    width: \"100%\",\n  };\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: \"4px\",\n        width: \"100%\",\n      }}\n    >\n      {props.description && (\n        <span style={{ fontSize: \"12px\", color: \"#666\" }}>\n          {props.description}\n        </span>\n      )}\n      <audio src={props.url} controls style={style} />\n    </div>\n  );\n});\n"],"mappings":";;;;;;;AAqBA,MAAa,cAAc,qBAAqB,iBAAiB,EAAE,YAAY;CAC7E,MAAM,QAA6B;EACjC,GAAG,kBAAkB;EACrB,OAAO;EACR;AAED,QACE,qBAAC;EACC,OAAO;GACL,SAAS;GACT,eAAe;GACf,KAAK;GACL,OAAO;GACR;aAEA,MAAM,eACL,oBAAC;GAAK,OAAO;IAAE,UAAU;IAAQ,OAAO;IAAQ;aAC7C,MAAM;IACF,EAET,oBAAC;GAAM,KAAK,MAAM;GAAK;GAAgB;IAAS;GAC5C;EAER"}

package/dist/react-renderer/a2ui-react/catalog/basic/components/Button.cjs

@@ -0,0 +1,48 @@
+const require_runtime = require('../../../../../_virtual/_rolldown/runtime.cjs');
+const require_adapter = require('../../../adapter.cjs');
+const require_utils = require('../utils.cjs');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _a2ui_web_core_v0_9_basic_catalog = require("@a2ui/web_core/v0_9/basic_catalog");
+
+//#region src/react-renderer/a2ui-react/catalog/basic/components/Button.tsx
+/**
+* Copyright 2026 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
+*
+*     http://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.
+*/
+const Button = require_adapter.createReactComponent(_a2ui_web_core_v0_9_basic_catalog.ButtonApi, ({ props, buildChild }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		style: {
+			margin: require_utils.LEAF_MARGIN,
+			padding: "8px 16px",
+			cursor: "pointer",
+			border: props.variant === "borderless" ? "none" : "1px solid #ccc",
+			backgroundColor: props.variant === "primary" ? "var(--a2ui-primary-color, #007bff)" : props.variant === "borderless" ? "transparent" : "#fff",
+			color: props.variant === "primary" ? "#fff" : "inherit",
+			borderRadius: "4px",
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			boxSizing: "border-box"
+		},
+		onClick: props.action,
+		disabled: props.isValid === false,
+		children: props.child ? buildChild(props.child) : null
+	});
+});
+
+//#endregion
+exports.Button = Button;
+//# sourceMappingURL=Button.cjs.map

package/dist/react-renderer/a2ui-react/catalog/basic/components/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","names":["createReactComponent","ButtonApi","LEAF_MARGIN"],"sources":["../../../../../../src/react-renderer/a2ui-react/catalog/basic/components/Button.tsx"],"sourcesContent":["/**\n * Copyright 2026 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport { createReactComponent } from \"../../../adapter\";\nimport { ButtonApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { LEAF_MARGIN } from \"../utils\";\n\nexport const Button = createReactComponent(\n  ButtonApi,\n  ({ props, buildChild }) => {\n    const style: React.CSSProperties = {\n      margin: LEAF_MARGIN,\n      padding: \"8px 16px\",\n      cursor: \"pointer\",\n      border: props.variant === \"borderless\" ? \"none\" : \"1px solid #ccc\",\n      backgroundColor:\n        props.variant === \"primary\"\n          ? \"var(--a2ui-primary-color, #007bff)\"\n          : props.variant === \"borderless\"\n            ? \"transparent\"\n            : \"#fff\",\n      color: props.variant === \"primary\" ? \"#fff\" : \"inherit\",\n      borderRadius: \"4px\",\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      boxSizing: \"border-box\",\n    };\n\n    return (\n      <button\n        style={style}\n        onClick={props.action}\n        disabled={props.isValid === false}\n      >\n        {props.child ? buildChild(props.child) : null}\n      </button>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,SAASA,qCACpBC,8CACC,EAAE,OAAO,iBAAiB;AAoBzB,QACE,2CAAC;EACC,OArB+B;GACjC,QAAQC;GACR,SAAS;GACT,QAAQ;GACR,QAAQ,MAAM,YAAY,eAAe,SAAS;GAClD,iBACE,MAAM,YAAY,YACd,uCACA,MAAM,YAAY,eAChB,gBACA;GACR,OAAO,MAAM,YAAY,YAAY,SAAS;GAC9C,cAAc;GACd,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,WAAW;GACZ;EAKG,SAAS,MAAM;EACf,UAAU,MAAM,YAAY;YAE3B,MAAM,QAAQ,WAAW,MAAM,MAAM,GAAG;GAClC;EAGd"}

package/dist/react-renderer/a2ui-react/catalog/basic/components/Button.d.cts

@@ -0,0 +1 @@
+import "../../../index.cjs";

package/dist/react-renderer/a2ui-react/catalog/basic/components/Button.d.mts

@@ -0,0 +1 @@
+import "../../../index.mjs";