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

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

@@ -0,0 +1,31 @@
+import { createReactComponent } from "../../../adapter.mjs";
+import { LEAF_MARGIN } from "../utils.mjs";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { ButtonApi } from "@a2ui/web_core/v0_9/basic_catalog";
+
+//#region src/react-renderer/a2ui-react/catalog/basic/components/Button.tsx
+const Button = createReactComponent(ButtonApi, ({ props, buildChild }) => {
+	return /* @__PURE__ */ jsx("button", {
+		style: {
+			margin: 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
+export { Button };
+//# sourceMappingURL=Button.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.mjs","names":[],"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,SAAS,qBACpB,YACC,EAAE,OAAO,iBAAiB;AAoBzB,QACE,oBAAC;EACC,OArB+B;GACjC,QAAQ;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/Card.cjs

@@ -0,0 +1,39 @@
+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/Card.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 Card = require_adapter.createReactComponent(_a2ui_web_core_v0_9_basic_catalog.CardApi, ({ props, buildChild }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		style: {
+			...require_utils.getBaseContainerStyle(),
+			backgroundColor: "#fff",
+			boxShadow: "0 2px 4px rgba(0,0,0,0.1)",
+			width: "100%"
+		},
+		children: props.child ? buildChild(props.child) : null
+	});
+});
+
+//#endregion
+exports.Card = Card;
+//# sourceMappingURL=Card.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs","names":["createReactComponent","CardApi","getBaseContainerStyle"],"sources":["../../../../../../src/react-renderer/a2ui-react/catalog/basic/components/Card.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 { CardApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { getBaseContainerStyle } from \"../utils\";\n\nexport const Card = createReactComponent(CardApi, ({ props, buildChild }) => {\n  const style: React.CSSProperties = {\n    ...getBaseContainerStyle(),\n    backgroundColor: \"#fff\",\n    boxShadow: \"0 2px 4px rgba(0,0,0,0.1)\",\n    width: \"100%\",\n  };\n\n  return (\n    <div style={style}>{props.child ? buildChild(props.child) : null}</div>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,OAAOA,qCAAqBC,4CAAU,EAAE,OAAO,iBAAiB;AAQ3E,QACE,2CAAC;EAAI,OAR4B;GACjC,GAAGC,qCAAuB;GAC1B,iBAAiB;GACjB,WAAW;GACX,OAAO;GACR;YAGqB,MAAM,QAAQ,WAAW,MAAM,MAAM,GAAG;GAAW;EAEzE"}

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

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

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

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

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

@@ -0,0 +1,22 @@
+import { createReactComponent } from "../../../adapter.mjs";
+import { getBaseContainerStyle } from "../utils.mjs";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { CardApi } from "@a2ui/web_core/v0_9/basic_catalog";
+
+//#region src/react-renderer/a2ui-react/catalog/basic/components/Card.tsx
+const Card = createReactComponent(CardApi, ({ props, buildChild }) => {
+	return /* @__PURE__ */ jsx("div", {
+		style: {
+			...getBaseContainerStyle(),
+			backgroundColor: "#fff",
+			boxShadow: "0 2px 4px rgba(0,0,0,0.1)",
+			width: "100%"
+		},
+		children: props.child ? buildChild(props.child) : null
+	});
+});
+
+//#endregion
+export { Card };
+//# sourceMappingURL=Card.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.mjs","names":[],"sources":["../../../../../../src/react-renderer/a2ui-react/catalog/basic/components/Card.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 { CardApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { getBaseContainerStyle } from \"../utils\";\n\nexport const Card = createReactComponent(CardApi, ({ props, buildChild }) => {\n  const style: React.CSSProperties = {\n    ...getBaseContainerStyle(),\n    backgroundColor: \"#fff\",\n    boxShadow: \"0 2px 4px rgba(0,0,0,0.1)\",\n    width: \"100%\",\n  };\n\n  return (\n    <div style={style}>{props.child ? buildChild(props.child) : null}</div>\n  );\n});\n"],"mappings":";;;;;;;AAqBA,MAAa,OAAO,qBAAqB,UAAU,EAAE,OAAO,iBAAiB;AAQ3E,QACE,oBAAC;EAAI,OAR4B;GACjC,GAAG,uBAAuB;GAC1B,iBAAiB;GACjB,WAAW;GACX,OAAO;GACR;YAGqB,MAAM,QAAQ,WAAW,MAAM,MAAM,GAAG;GAAW;EAEzE"}

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

@@ -0,0 +1,73 @@
+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/CheckBox.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 CheckBox = require_adapter.createReactComponent(_a2ui_web_core_v0_9_basic_catalog.CheckBoxApi, ({ props }) => {
+	const onChange = (e) => {
+		props.setValue(e.target.checked);
+	};
+	const uniqueId = react.default.useId();
+	const hasError = props.validationErrors && props.validationErrors.length > 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			margin: require_utils.LEAF_MARGIN
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: "8px"
+			},
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				id: uniqueId,
+				type: "checkbox",
+				checked: !!props.value,
+				onChange,
+				style: {
+					cursor: "pointer",
+					outline: hasError ? "1px solid red" : "none"
+				}
+			}), props.label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+				htmlFor: uniqueId,
+				style: {
+					cursor: "pointer",
+					color: hasError ? "red" : "inherit"
+				},
+				children: props.label
+			})]
+		}), hasError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			style: {
+				fontSize: "12px",
+				color: "red",
+				marginTop: "4px"
+			},
+			children: props.validationErrors?.[0]
+		})]
+	});
+});
+
+//#endregion
+exports.CheckBox = CheckBox;
+//# sourceMappingURL=CheckBox.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.cjs","names":["createReactComponent","CheckBoxApi","React","LEAF_MARGIN"],"sources":["../../../../../../src/react-renderer/a2ui-react/catalog/basic/components/CheckBox.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 { CheckBoxApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { LEAF_MARGIN } from \"../utils\";\n\nexport const CheckBox = createReactComponent(CheckBoxApi, ({ props }) => {\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    props.setValue(e.target.checked);\n  };\n\n  const uniqueId = React.useId();\n\n  const hasError = props.validationErrors && props.validationErrors.length > 0;\n\n  return (\n    <div\n      style={{ display: \"flex\", flexDirection: \"column\", margin: LEAF_MARGIN }}\n    >\n      <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\" }}>\n        <input\n          id={uniqueId}\n          type=\"checkbox\"\n          checked={!!props.value}\n          onChange={onChange}\n          style={{\n            cursor: \"pointer\",\n            outline: hasError ? \"1px solid red\" : \"none\",\n          }}\n        />\n        {props.label && (\n          <label\n            htmlFor={uniqueId}\n            style={{ cursor: \"pointer\", color: hasError ? \"red\" : \"inherit\" }}\n          >\n            {props.label}\n          </label>\n        )}\n      </div>\n      {hasError && (\n        <span style={{ fontSize: \"12px\", color: \"red\", marginTop: \"4px\" }}>\n          {props.validationErrors?.[0]}\n        </span>\n      )}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,WAAWA,qCAAqBC,gDAAc,EAAE,YAAY;CACvE,MAAM,YAAY,MAA2C;AAC3D,QAAM,SAAS,EAAE,OAAO,QAAQ;;CAGlC,MAAM,WAAWC,cAAM,OAAO;CAE9B,MAAM,WAAW,MAAM,oBAAoB,MAAM,iBAAiB,SAAS;AAE3E,QACE,4CAAC;EACC,OAAO;GAAE,SAAS;GAAQ,eAAe;GAAU,QAAQC;GAAa;aAExE,4CAAC;GAAI,OAAO;IAAE,SAAS;IAAQ,YAAY;IAAU,KAAK;IAAO;cAC/D,2CAAC;IACC,IAAI;IACJ,MAAK;IACL,SAAS,CAAC,CAAC,MAAM;IACP;IACV,OAAO;KACL,QAAQ;KACR,SAAS,WAAW,kBAAkB;KACvC;KACD,EACD,MAAM,SACL,2CAAC;IACC,SAAS;IACT,OAAO;KAAE,QAAQ;KAAW,OAAO,WAAW,QAAQ;KAAW;cAEhE,MAAM;KACD;IAEN,EACL,YACC,2CAAC;GAAK,OAAO;IAAE,UAAU;IAAQ,OAAO;IAAO,WAAW;IAAO;aAC9D,MAAM,mBAAmB;IACrB;GAEL;EAER"}

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

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

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

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

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

@@ -0,0 +1,71 @@
+import { createReactComponent } from "../../../adapter.mjs";
+import { LEAF_MARGIN } from "../utils.mjs";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckBoxApi } from "@a2ui/web_core/v0_9/basic_catalog";
+
+//#region src/react-renderer/a2ui-react/catalog/basic/components/CheckBox.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 CheckBox = createReactComponent(CheckBoxApi, ({ props }) => {
+	const onChange = (e) => {
+		props.setValue(e.target.checked);
+	};
+	const uniqueId = React.useId();
+	const hasError = props.validationErrors && props.validationErrors.length > 0;
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			margin: LEAF_MARGIN
+		},
+		children: [/* @__PURE__ */ jsxs("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: "8px"
+			},
+			children: [/* @__PURE__ */ jsx("input", {
+				id: uniqueId,
+				type: "checkbox",
+				checked: !!props.value,
+				onChange,
+				style: {
+					cursor: "pointer",
+					outline: hasError ? "1px solid red" : "none"
+				}
+			}), props.label && /* @__PURE__ */ jsx("label", {
+				htmlFor: uniqueId,
+				style: {
+					cursor: "pointer",
+					color: hasError ? "red" : "inherit"
+				},
+				children: props.label
+			})]
+		}), hasError && /* @__PURE__ */ jsx("span", {
+			style: {
+				fontSize: "12px",
+				color: "red",
+				marginTop: "4px"
+			},
+			children: props.validationErrors?.[0]
+		})]
+	});
+});
+
+//#endregion
+export { CheckBox };
+//# sourceMappingURL=CheckBox.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.mjs","names":[],"sources":["../../../../../../src/react-renderer/a2ui-react/catalog/basic/components/CheckBox.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 { CheckBoxApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { LEAF_MARGIN } from \"../utils\";\n\nexport const CheckBox = createReactComponent(CheckBoxApi, ({ props }) => {\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    props.setValue(e.target.checked);\n  };\n\n  const uniqueId = React.useId();\n\n  const hasError = props.validationErrors && props.validationErrors.length > 0;\n\n  return (\n    <div\n      style={{ display: \"flex\", flexDirection: \"column\", margin: LEAF_MARGIN }}\n    >\n      <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\" }}>\n        <input\n          id={uniqueId}\n          type=\"checkbox\"\n          checked={!!props.value}\n          onChange={onChange}\n          style={{\n            cursor: \"pointer\",\n            outline: hasError ? \"1px solid red\" : \"none\",\n          }}\n        />\n        {props.label && (\n          <label\n            htmlFor={uniqueId}\n            style={{ cursor: \"pointer\", color: hasError ? \"red\" : \"inherit\" }}\n          >\n            {props.label}\n          </label>\n        )}\n      </div>\n      {hasError && (\n        <span style={{ fontSize: \"12px\", color: \"red\", marginTop: \"4px\" }}>\n          {props.validationErrors?.[0]}\n        </span>\n      )}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,WAAW,qBAAqB,cAAc,EAAE,YAAY;CACvE,MAAM,YAAY,MAA2C;AAC3D,QAAM,SAAS,EAAE,OAAO,QAAQ;;CAGlC,MAAM,WAAW,MAAM,OAAO;CAE9B,MAAM,WAAW,MAAM,oBAAoB,MAAM,iBAAiB,SAAS;AAE3E,QACE,qBAAC;EACC,OAAO;GAAE,SAAS;GAAQ,eAAe;GAAU,QAAQ;GAAa;aAExE,qBAAC;GAAI,OAAO;IAAE,SAAS;IAAQ,YAAY;IAAU,KAAK;IAAO;cAC/D,oBAAC;IACC,IAAI;IACJ,MAAK;IACL,SAAS,CAAC,CAAC,MAAM;IACP;IACV,OAAO;KACL,QAAQ;KACR,SAAS,WAAW,kBAAkB;KACvC;KACD,EACD,MAAM,SACL,oBAAC;IACC,SAAS;IACT,OAAO;KAAE,QAAQ;KAAW,OAAO,WAAW,QAAQ;KAAW;cAEhE,MAAM;KACD;IAEN,EACL,YACC,oBAAC;GAAK,OAAO;IAAE,UAAU;IAAQ,OAAO;IAAO,WAAW;IAAO;aAC9D,MAAM,mBAAmB;IACrB;GAEL;EAER"}

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

@@ -0,0 +1,36 @@
+const require_runtime = require('../../../../../_virtual/_rolldown/runtime.cjs');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/react-renderer/a2ui-react/catalog/basic/components/ChildList.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 ChildList = ({ childList, buildChild }) => {
+	if (Array.isArray(childList)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: childList.map((item, i) => {
+		if (item && typeof item === "object" && "id" in item) {
+			const node = item;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.default.Fragment, { children: buildChild(node.id, node.basePath) }, `${node.id}-${i}`);
+		}
+		if (typeof item === "string") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.default.Fragment, { children: buildChild(item) }, `${item}-${i}`);
+		return null;
+	}) });
+	return null;
+};
+
+//#endregion
+exports.ChildList = ChildList;
+//# sourceMappingURL=ChildList.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChildList.cjs","names":["React"],"sources":["../../../../../../src/react-renderer/a2ui-react/catalog/basic/components/ChildList.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 { type ComponentContext } from \"@a2ui/web_core/v0_9\";\n\nexport const ChildList: React.FC<{\n  childList: unknown;\n  context: ComponentContext;\n  buildChild: (id: string, basePath?: string) => React.ReactNode;\n}> = ({ childList, buildChild }) => {\n  if (Array.isArray(childList)) {\n    return (\n      <>\n        {childList.map((item: unknown, i: number) => {\n          // The new binder outputs objects like { id: string, basePath: string } for arrays of structural nodes\n          if (item && typeof item === \"object\" && \"id\" in item) {\n            const node = item as { id: string; basePath?: string };\n            return (\n              <React.Fragment key={`${node.id}-${i}`}>\n                {buildChild(node.id, node.basePath)}\n              </React.Fragment>\n            );\n          }\n          // Fallback for static string lists\n          if (typeof item === \"string\") {\n            return (\n              <React.Fragment key={`${item}-${i}`}>\n                {buildChild(item)}\n              </React.Fragment>\n            );\n          }\n          return null;\n        })}\n      </>\n    );\n  }\n\n  return null;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,aAIP,EAAE,WAAW,iBAAiB;AAClC,KAAI,MAAM,QAAQ,UAAU,CAC1B,QACE,mFACG,UAAU,KAAK,MAAe,MAAc;AAE3C,MAAI,QAAQ,OAAO,SAAS,YAAY,QAAQ,MAAM;GACpD,MAAM,OAAO;AACb,UACE,2CAACA,cAAM,sBACJ,WAAW,KAAK,IAAI,KAAK,SAAS,IADhB,GAAG,KAAK,GAAG,GAAG,IAElB;;AAIrB,MAAI,OAAO,SAAS,SAClB,QACE,2CAACA,cAAM,sBACJ,WAAW,KAAK,IADE,GAAG,KAAK,GAAG,IAEf;AAGrB,SAAO;GACP,GACD;AAIP,QAAO"}

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

@@ -0,0 +1,34 @@
+import React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+
+//#region src/react-renderer/a2ui-react/catalog/basic/components/ChildList.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 ChildList = ({ childList, buildChild }) => {
+	if (Array.isArray(childList)) return /* @__PURE__ */ jsx(Fragment, { children: childList.map((item, i) => {
+		if (item && typeof item === "object" && "id" in item) {
+			const node = item;
+			return /* @__PURE__ */ jsx(React.Fragment, { children: buildChild(node.id, node.basePath) }, `${node.id}-${i}`);
+		}
+		if (typeof item === "string") return /* @__PURE__ */ jsx(React.Fragment, { children: buildChild(item) }, `${item}-${i}`);
+		return null;
+	}) });
+	return null;
+};
+
+//#endregion
+export { ChildList };
+//# sourceMappingURL=ChildList.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChildList.mjs","names":[],"sources":["../../../../../../src/react-renderer/a2ui-react/catalog/basic/components/ChildList.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 { type ComponentContext } from \"@a2ui/web_core/v0_9\";\n\nexport const ChildList: React.FC<{\n  childList: unknown;\n  context: ComponentContext;\n  buildChild: (id: string, basePath?: string) => React.ReactNode;\n}> = ({ childList, buildChild }) => {\n  if (Array.isArray(childList)) {\n    return (\n      <>\n        {childList.map((item: unknown, i: number) => {\n          // The new binder outputs objects like { id: string, basePath: string } for arrays of structural nodes\n          if (item && typeof item === \"object\" && \"id\" in item) {\n            const node = item as { id: string; basePath?: string };\n            return (\n              <React.Fragment key={`${node.id}-${i}`}>\n                {buildChild(node.id, node.basePath)}\n              </React.Fragment>\n            );\n          }\n          // Fallback for static string lists\n          if (typeof item === \"string\") {\n            return (\n              <React.Fragment key={`${item}-${i}`}>\n                {buildChild(item)}\n              </React.Fragment>\n            );\n          }\n          return null;\n        })}\n      </>\n    );\n  }\n\n  return null;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,MAAa,aAIP,EAAE,WAAW,iBAAiB;AAClC,KAAI,MAAM,QAAQ,UAAU,CAC1B,QACE,0CACG,UAAU,KAAK,MAAe,MAAc;AAE3C,MAAI,QAAQ,OAAO,SAAS,YAAY,QAAQ,MAAM;GACpD,MAAM,OAAO;AACb,UACE,oBAAC,MAAM,sBACJ,WAAW,KAAK,IAAI,KAAK,SAAS,IADhB,GAAG,KAAK,GAAG,GAAG,IAElB;;AAIrB,MAAI,OAAO,SAAS,SAClB,QACE,oBAAC,MAAM,sBACJ,WAAW,KAAK,IADE,GAAG,KAAK,GAAG,IAEf;AAGrB,SAAO;GACP,GACD;AAIP,QAAO"}

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

@@ -0,0 +1,110 @@
+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/ChoicePicker.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 ChoicePicker = require_adapter.createReactComponent(_a2ui_web_core_v0_9_basic_catalog.ChoicePickerApi, ({ props, context }) => {
+	const [filter, setFilter] = (0, react.useState)("");
+	const values = Array.isArray(props.value) ? props.value : [];
+	const isMutuallyExclusive = props.variant === "mutuallyExclusive";
+	const onToggle = (val) => {
+		if (isMutuallyExclusive) props.setValue([val]);
+		else {
+			const newValues = values.includes(val) ? values.filter((v) => v !== val) : [...values, val];
+			props.setValue(newValues);
+		}
+	};
+	const options = (props.options || []).filter((opt) => !props.filterable || filter === "" || String(opt.label).toLowerCase().includes(filter.toLowerCase()));
+	const containerStyle = {
+		display: "flex",
+		flexDirection: "column",
+		gap: "8px",
+		margin: require_utils.LEAF_MARGIN,
+		width: "100%"
+	};
+	const listStyle = {
+		display: "flex",
+		flexDirection: props.displayStyle === "chips" ? "row" : "column",
+		flexWrap: props.displayStyle === "chips" ? "wrap" : "nowrap",
+		gap: "8px"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style: containerStyle,
+		children: [
+			props.label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
+				style: { fontSize: "14px" },
+				children: props.label
+			}),
+			props.filterable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				type: "text",
+				placeholder: "Filter options...",
+				value: filter,
+				onChange: (e) => setFilter(e.target.value),
+				style: {
+					padding: "4px 8px",
+					border: require_utils.STANDARD_BORDER,
+					borderRadius: require_utils.STANDARD_RADIUS
+				}
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: listStyle,
+				children: options.map((opt, i) => {
+					const isSelected = values.includes(opt.value);
+					if (props.displayStyle === "chips") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						onClick: () => onToggle(opt.value),
+						style: {
+							padding: "4px 12px",
+							borderRadius: "16px",
+							border: isSelected ? "1px solid var(--a2ui-primary-color, #007bff)" : require_utils.STANDARD_BORDER,
+							backgroundColor: isSelected ? "var(--a2ui-primary-color, #007bff)" : "#fff",
+							color: isSelected ? "#fff" : "inherit",
+							cursor: "pointer",
+							fontSize: "12px"
+						},
+						children: opt.label
+					}, i);
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: "8px",
+							cursor: "pointer"
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: isMutuallyExclusive ? "radio" : "checkbox",
+							checked: isSelected,
+							onChange: () => onToggle(opt.value),
+							name: isMutuallyExclusive ? `choice-${context.componentModel.id}` : void 0
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: { fontSize: "14px" },
+							children: opt.label
+						})]
+					}, i);
+				})
+			})
+		]
+	});
+});
+
+//#endregion
+exports.ChoicePicker = ChoicePicker;
+//# sourceMappingURL=ChoicePicker.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChoicePicker.cjs","names":["createReactComponent","ChoicePickerApi","LEAF_MARGIN","STANDARD_BORDER","STANDARD_RADIUS"],"sources":["../../../../../../src/react-renderer/a2ui-react/catalog/basic/components/ChoicePicker.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, { useState } from \"react\";\nimport { createReactComponent } from \"../../../adapter\";\nimport { ChoicePickerApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { LEAF_MARGIN, STANDARD_BORDER, STANDARD_RADIUS } from \"../utils\";\n\n// The type of an option is deeply nested into the ChoicePickerApi schema, and\n// it seems z.infer is not inferring it correctly (?). We use `any` for now.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype _Option = any;\n\nexport const ChoicePicker = createReactComponent(\n  ChoicePickerApi,\n  ({ props, context }) => {\n    const [filter, setFilter] = useState(\"\");\n\n    const values = Array.isArray(props.value) ? props.value : [];\n    const isMutuallyExclusive = props.variant === \"mutuallyExclusive\";\n\n    const onToggle = (val: string) => {\n      if (isMutuallyExclusive) {\n        props.setValue([val]);\n      } else {\n        const newValues = values.includes(val)\n          ? values.filter((v: string) => v !== val)\n          : [...values, val];\n        props.setValue(newValues);\n      }\n    };\n\n    const options = (props.options || []).filter(\n      (opt: _Option) =>\n        !props.filterable ||\n        filter === \"\" ||\n        String(opt.label).toLowerCase().includes(filter.toLowerCase()),\n    );\n\n    const containerStyle: React.CSSProperties = {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"8px\",\n      margin: LEAF_MARGIN,\n      width: \"100%\",\n    };\n\n    const listStyle: React.CSSProperties = {\n      display: \"flex\",\n      flexDirection: props.displayStyle === \"chips\" ? \"row\" : \"column\",\n      flexWrap: props.displayStyle === \"chips\" ? \"wrap\" : \"nowrap\",\n      gap: \"8px\",\n    };\n\n    return (\n      <div style={containerStyle}>\n        {props.label && (\n          <strong style={{ fontSize: \"14px\" }}>{props.label}</strong>\n        )}\n        {props.filterable && (\n          <input\n            type=\"text\"\n            placeholder=\"Filter options...\"\n            value={filter}\n            onChange={(e) => setFilter(e.target.value)}\n            style={{\n              padding: \"4px 8px\",\n              border: STANDARD_BORDER,\n              borderRadius: STANDARD_RADIUS,\n            }}\n          />\n        )}\n        <div style={listStyle}>\n          {options.map((opt: _Option, i: number) => {\n            const isSelected = values.includes(opt.value);\n            if (props.displayStyle === \"chips\") {\n              return (\n                <button\n                  key={i}\n                  onClick={() => onToggle(opt.value)}\n                  style={{\n                    padding: \"4px 12px\",\n                    borderRadius: \"16px\",\n                    border: isSelected\n                      ? \"1px solid var(--a2ui-primary-color, #007bff)\"\n                      : STANDARD_BORDER,\n                    backgroundColor: isSelected\n                      ? \"var(--a2ui-primary-color, #007bff)\"\n                      : \"#fff\",\n                    color: isSelected ? \"#fff\" : \"inherit\",\n                    cursor: \"pointer\",\n                    fontSize: \"12px\",\n                  }}\n                >\n                  {opt.label}\n                </button>\n              );\n            }\n            return (\n              <label\n                key={i}\n                style={{\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  gap: \"8px\",\n                  cursor: \"pointer\",\n                }}\n              >\n                <input\n                  type={isMutuallyExclusive ? \"radio\" : \"checkbox\"}\n                  checked={isSelected}\n                  onChange={() => onToggle(opt.value)}\n                  name={\n                    isMutuallyExclusive\n                      ? `choice-${context.componentModel.id}`\n                      : undefined\n                  }\n                />\n                <span style={{ fontSize: \"14px\" }}>{opt.label}</span>\n              </label>\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,eAAeA,qCAC1BC,oDACC,EAAE,OAAO,cAAc;CACtB,MAAM,CAAC,QAAQ,iCAAsB,GAAG;CAExC,MAAM,SAAS,MAAM,QAAQ,MAAM,MAAM,GAAG,MAAM,QAAQ,EAAE;CAC5D,MAAM,sBAAsB,MAAM,YAAY;CAE9C,MAAM,YAAY,QAAgB;AAChC,MAAI,oBACF,OAAM,SAAS,CAAC,IAAI,CAAC;OAChB;GACL,MAAM,YAAY,OAAO,SAAS,IAAI,GAClC,OAAO,QAAQ,MAAc,MAAM,IAAI,GACvC,CAAC,GAAG,QAAQ,IAAI;AACpB,SAAM,SAAS,UAAU;;;CAI7B,MAAM,WAAW,MAAM,WAAW,EAAE,EAAE,QACnC,QACC,CAAC,MAAM,cACP,WAAW,MACX,OAAO,IAAI,MAAM,CAAC,aAAa,CAAC,SAAS,OAAO,aAAa,CAAC,CACjE;CAED,MAAM,iBAAsC;EAC1C,SAAS;EACT,eAAe;EACf,KAAK;EACL,QAAQC;EACR,OAAO;EACR;CAED,MAAM,YAAiC;EACrC,SAAS;EACT,eAAe,MAAM,iBAAiB,UAAU,QAAQ;EACxD,UAAU,MAAM,iBAAiB,UAAU,SAAS;EACpD,KAAK;EACN;AAED,QACE,4CAAC;EAAI,OAAO;;GACT,MAAM,SACL,2CAAC;IAAO,OAAO,EAAE,UAAU,QAAQ;cAAG,MAAM;KAAe;GAE5D,MAAM,cACL,2CAAC;IACC,MAAK;IACL,aAAY;IACZ,OAAO;IACP,WAAW,MAAM,UAAU,EAAE,OAAO,MAAM;IAC1C,OAAO;KACL,SAAS;KACT,QAAQC;KACR,cAAcC;KACf;KACD;GAEJ,2CAAC;IAAI,OAAO;cACT,QAAQ,KAAK,KAAc,MAAc;KACxC,MAAM,aAAa,OAAO,SAAS,IAAI,MAAM;AAC7C,SAAI,MAAM,iBAAiB,QACzB,QACE,2CAAC;MAEC,eAAe,SAAS,IAAI,MAAM;MAClC,OAAO;OACL,SAAS;OACT,cAAc;OACd,QAAQ,aACJ,iDACAD;OACJ,iBAAiB,aACb,uCACA;OACJ,OAAO,aAAa,SAAS;OAC7B,QAAQ;OACR,UAAU;OACX;gBAEA,IAAI;QAhBA,EAiBE;AAGb,YACE,4CAAC;MAEC,OAAO;OACL,SAAS;OACT,YAAY;OACZ,KAAK;OACL,QAAQ;OACT;iBAED,2CAAC;OACC,MAAM,sBAAsB,UAAU;OACtC,SAAS;OACT,gBAAgB,SAAS,IAAI,MAAM;OACnC,MACE,sBACI,UAAU,QAAQ,eAAe,OACjC;QAEN,EACF,2CAAC;OAAK,OAAO,EAAE,UAAU,QAAQ;iBAAG,IAAI;QAAa;QAlBhD,EAmBC;MAEV;KACE;;GACF;EAGX"}

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

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

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

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

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

@@ -0,0 +1,108 @@
+import { createReactComponent } from "../../../adapter.mjs";
+import { LEAF_MARGIN, STANDARD_BORDER, STANDARD_RADIUS } from "../utils.mjs";
+import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChoicePickerApi } from "@a2ui/web_core/v0_9/basic_catalog";
+
+//#region src/react-renderer/a2ui-react/catalog/basic/components/ChoicePicker.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 ChoicePicker = createReactComponent(ChoicePickerApi, ({ props, context }) => {
+	const [filter, setFilter] = useState("");
+	const values = Array.isArray(props.value) ? props.value : [];
+	const isMutuallyExclusive = props.variant === "mutuallyExclusive";
+	const onToggle = (val) => {
+		if (isMutuallyExclusive) props.setValue([val]);
+		else {
+			const newValues = values.includes(val) ? values.filter((v) => v !== val) : [...values, val];
+			props.setValue(newValues);
+		}
+	};
+	const options = (props.options || []).filter((opt) => !props.filterable || filter === "" || String(opt.label).toLowerCase().includes(filter.toLowerCase()));
+	const containerStyle = {
+		display: "flex",
+		flexDirection: "column",
+		gap: "8px",
+		margin: LEAF_MARGIN,
+		width: "100%"
+	};
+	const listStyle = {
+		display: "flex",
+		flexDirection: props.displayStyle === "chips" ? "row" : "column",
+		flexWrap: props.displayStyle === "chips" ? "wrap" : "nowrap",
+		gap: "8px"
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		style: containerStyle,
+		children: [
+			props.label && /* @__PURE__ */ jsx("strong", {
+				style: { fontSize: "14px" },
+				children: props.label
+			}),
+			props.filterable && /* @__PURE__ */ jsx("input", {
+				type: "text",
+				placeholder: "Filter options...",
+				value: filter,
+				onChange: (e) => setFilter(e.target.value),
+				style: {
+					padding: "4px 8px",
+					border: STANDARD_BORDER,
+					borderRadius: STANDARD_RADIUS
+				}
+			}),
+			/* @__PURE__ */ jsx("div", {
+				style: listStyle,
+				children: options.map((opt, i) => {
+					const isSelected = values.includes(opt.value);
+					if (props.displayStyle === "chips") return /* @__PURE__ */ jsx("button", {
+						onClick: () => onToggle(opt.value),
+						style: {
+							padding: "4px 12px",
+							borderRadius: "16px",
+							border: isSelected ? "1px solid var(--a2ui-primary-color, #007bff)" : STANDARD_BORDER,
+							backgroundColor: isSelected ? "var(--a2ui-primary-color, #007bff)" : "#fff",
+							color: isSelected ? "#fff" : "inherit",
+							cursor: "pointer",
+							fontSize: "12px"
+						},
+						children: opt.label
+					}, i);
+					return /* @__PURE__ */ jsxs("label", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: "8px",
+							cursor: "pointer"
+						},
+						children: [/* @__PURE__ */ jsx("input", {
+							type: isMutuallyExclusive ? "radio" : "checkbox",
+							checked: isSelected,
+							onChange: () => onToggle(opt.value),
+							name: isMutuallyExclusive ? `choice-${context.componentModel.id}` : void 0
+						}), /* @__PURE__ */ jsx("span", {
+							style: { fontSize: "14px" },
+							children: opt.label
+						})]
+					}, i);
+				})
+			})
+		]
+	});
+});
+
+//#endregion
+export { ChoicePicker };
+//# sourceMappingURL=ChoicePicker.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChoicePicker.mjs","names":[],"sources":["../../../../../../src/react-renderer/a2ui-react/catalog/basic/components/ChoicePicker.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, { useState } from \"react\";\nimport { createReactComponent } from \"../../../adapter\";\nimport { ChoicePickerApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { LEAF_MARGIN, STANDARD_BORDER, STANDARD_RADIUS } from \"../utils\";\n\n// The type of an option is deeply nested into the ChoicePickerApi schema, and\n// it seems z.infer is not inferring it correctly (?). We use `any` for now.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype _Option = any;\n\nexport const ChoicePicker = createReactComponent(\n  ChoicePickerApi,\n  ({ props, context }) => {\n    const [filter, setFilter] = useState(\"\");\n\n    const values = Array.isArray(props.value) ? props.value : [];\n    const isMutuallyExclusive = props.variant === \"mutuallyExclusive\";\n\n    const onToggle = (val: string) => {\n      if (isMutuallyExclusive) {\n        props.setValue([val]);\n      } else {\n        const newValues = values.includes(val)\n          ? values.filter((v: string) => v !== val)\n          : [...values, val];\n        props.setValue(newValues);\n      }\n    };\n\n    const options = (props.options || []).filter(\n      (opt: _Option) =>\n        !props.filterable ||\n        filter === \"\" ||\n        String(opt.label).toLowerCase().includes(filter.toLowerCase()),\n    );\n\n    const containerStyle: React.CSSProperties = {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"8px\",\n      margin: LEAF_MARGIN,\n      width: \"100%\",\n    };\n\n    const listStyle: React.CSSProperties = {\n      display: \"flex\",\n      flexDirection: props.displayStyle === \"chips\" ? \"row\" : \"column\",\n      flexWrap: props.displayStyle === \"chips\" ? \"wrap\" : \"nowrap\",\n      gap: \"8px\",\n    };\n\n    return (\n      <div style={containerStyle}>\n        {props.label && (\n          <strong style={{ fontSize: \"14px\" }}>{props.label}</strong>\n        )}\n        {props.filterable && (\n          <input\n            type=\"text\"\n            placeholder=\"Filter options...\"\n            value={filter}\n            onChange={(e) => setFilter(e.target.value)}\n            style={{\n              padding: \"4px 8px\",\n              border: STANDARD_BORDER,\n              borderRadius: STANDARD_RADIUS,\n            }}\n          />\n        )}\n        <div style={listStyle}>\n          {options.map((opt: _Option, i: number) => {\n            const isSelected = values.includes(opt.value);\n            if (props.displayStyle === \"chips\") {\n              return (\n                <button\n                  key={i}\n                  onClick={() => onToggle(opt.value)}\n                  style={{\n                    padding: \"4px 12px\",\n                    borderRadius: \"16px\",\n                    border: isSelected\n                      ? \"1px solid var(--a2ui-primary-color, #007bff)\"\n                      : STANDARD_BORDER,\n                    backgroundColor: isSelected\n                      ? \"var(--a2ui-primary-color, #007bff)\"\n                      : \"#fff\",\n                    color: isSelected ? \"#fff\" : \"inherit\",\n                    cursor: \"pointer\",\n                    fontSize: \"12px\",\n                  }}\n                >\n                  {opt.label}\n                </button>\n              );\n            }\n            return (\n              <label\n                key={i}\n                style={{\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  gap: \"8px\",\n                  cursor: \"pointer\",\n                }}\n              >\n                <input\n                  type={isMutuallyExclusive ? \"radio\" : \"checkbox\"}\n                  checked={isSelected}\n                  onChange={() => onToggle(opt.value)}\n                  name={\n                    isMutuallyExclusive\n                      ? `choice-${context.componentModel.id}`\n                      : undefined\n                  }\n                />\n                <span style={{ fontSize: \"14px\" }}>{opt.label}</span>\n              </label>\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,eAAe,qBAC1B,kBACC,EAAE,OAAO,cAAc;CACtB,MAAM,CAAC,QAAQ,aAAa,SAAS,GAAG;CAExC,MAAM,SAAS,MAAM,QAAQ,MAAM,MAAM,GAAG,MAAM,QAAQ,EAAE;CAC5D,MAAM,sBAAsB,MAAM,YAAY;CAE9C,MAAM,YAAY,QAAgB;AAChC,MAAI,oBACF,OAAM,SAAS,CAAC,IAAI,CAAC;OAChB;GACL,MAAM,YAAY,OAAO,SAAS,IAAI,GAClC,OAAO,QAAQ,MAAc,MAAM,IAAI,GACvC,CAAC,GAAG,QAAQ,IAAI;AACpB,SAAM,SAAS,UAAU;;;CAI7B,MAAM,WAAW,MAAM,WAAW,EAAE,EAAE,QACnC,QACC,CAAC,MAAM,cACP,WAAW,MACX,OAAO,IAAI,MAAM,CAAC,aAAa,CAAC,SAAS,OAAO,aAAa,CAAC,CACjE;CAED,MAAM,iBAAsC;EAC1C,SAAS;EACT,eAAe;EACf,KAAK;EACL,QAAQ;EACR,OAAO;EACR;CAED,MAAM,YAAiC;EACrC,SAAS;EACT,eAAe,MAAM,iBAAiB,UAAU,QAAQ;EACxD,UAAU,MAAM,iBAAiB,UAAU,SAAS;EACpD,KAAK;EACN;AAED,QACE,qBAAC;EAAI,OAAO;;GACT,MAAM,SACL,oBAAC;IAAO,OAAO,EAAE,UAAU,QAAQ;cAAG,MAAM;KAAe;GAE5D,MAAM,cACL,oBAAC;IACC,MAAK;IACL,aAAY;IACZ,OAAO;IACP,WAAW,MAAM,UAAU,EAAE,OAAO,MAAM;IAC1C,OAAO;KACL,SAAS;KACT,QAAQ;KACR,cAAc;KACf;KACD;GAEJ,oBAAC;IAAI,OAAO;cACT,QAAQ,KAAK,KAAc,MAAc;KACxC,MAAM,aAAa,OAAO,SAAS,IAAI,MAAM;AAC7C,SAAI,MAAM,iBAAiB,QACzB,QACE,oBAAC;MAEC,eAAe,SAAS,IAAI,MAAM;MAClC,OAAO;OACL,SAAS;OACT,cAAc;OACd,QAAQ,aACJ,iDACA;OACJ,iBAAiB,aACb,uCACA;OACJ,OAAO,aAAa,SAAS;OAC7B,QAAQ;OACR,UAAU;OACX;gBAEA,IAAI;QAhBA,EAiBE;AAGb,YACE,qBAAC;MAEC,OAAO;OACL,SAAS;OACT,YAAY;OACZ,KAAK;OACL,QAAQ;OACT;iBAED,oBAAC;OACC,MAAM,sBAAsB,UAAU;OACtC,SAAS;OACT,gBAAgB,SAAS,IAAI,MAAM;OACnC,MACE,sBACI,UAAU,QAAQ,eAAe,OACjC;QAEN,EACF,oBAAC;OAAK,OAAO,EAAE,UAAU,QAAQ;iBAAG,IAAI;QAAa;QAlBhD,EAmBC;MAEV;KACE;;GACF;EAGX"}