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

package/dist/react-renderer/components/layout/Row.cjs

@@ -1,43 +0,0 @@
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_ComponentNode = require('../../core/ComponentNode.cjs');
-const require_utils = require('../../theme/utils.cjs');
-require('../../lib/utils.cjs');
-const require_useA2UIComponent = require('../../hooks/useA2UIComponent.cjs');
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/react-renderer/components/layout/Row.tsx
-/**
-* Row component - arranges children horizontally using flexbox.
-*
-* Supports distribution (justify-content) and alignment (align-items) properties.
-*/
-const Row = (0, react.memo)(function Row({ node, surfaceId }) {
-	const { theme } = require_useA2UIComponent.useA2UIComponent(node, surfaceId);
-	const props = node.properties;
-	const alignment = props.alignment ?? "stretch";
-	const distribution = props.distribution ?? "start";
-	const children = Array.isArray(props.children) ? props.children : [];
-	const hostStyle = node.weight !== void 0 ? { "--weight": node.weight } : {};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "a2ui-row",
-		"data-alignment": alignment,
-		"data-distribution": distribution,
-		style: hostStyle,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
-			className: require_utils.classMapToString(theme.components.Row),
-			style: require_utils.stylesToObject(theme.additionalStyles?.Row),
-			children: children.map((child, index) => {
-				const childId = typeof child === "object" && child !== null && "id" in child ? child.id : `child-${index}`;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ComponentNode.default, {
-					node: typeof child === "object" && child !== null && "type" in child ? child : null,
-					surfaceId
-				}, childId);
-			})
-		})
-	});
-});
-
-//#endregion
-exports.default = Row;
-//# sourceMappingURL=Row.cjs.map

package/dist/react-renderer/components/layout/Row.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Row.cjs","names":["useA2UIComponent","classMapToString","stylesToObject","ComponentNode"],"sources":["../../../../src/react-renderer/components/layout/Row.tsx"],"sourcesContent":["import { memo } from \"react\";\nimport type { Types } from \"@a2ui/lit/0.8\";\nimport type { A2UIComponentProps } from \"../../types\";\nimport { useA2UIComponent } from \"../../hooks/useA2UIComponent\";\nimport { classMapToString, stylesToObject } from \"../../lib/utils\";\nimport { ComponentNode } from \"../../core/ComponentNode\";\n\n/**\n * Row component - arranges children horizontally using flexbox.\n *\n * Supports distribution (justify-content) and alignment (align-items) properties.\n */\nexport const Row = memo(function Row({\n  node,\n  surfaceId,\n}: A2UIComponentProps<Types.RowNode>) {\n  const { theme } = useA2UIComponent(node, surfaceId);\n  const props = node.properties;\n\n  // Match Lit's default values\n  const alignment = props.alignment ?? \"stretch\";\n  const distribution = props.distribution ?? \"start\";\n\n  const children = Array.isArray(props.children) ? props.children : [];\n\n  // Apply --weight CSS variable on root div (:host equivalent) for flex layouts\n  const hostStyle: React.CSSProperties =\n    node.weight !== undefined\n      ? ({ \"--weight\": node.weight } as React.CSSProperties)\n      : {};\n\n  return (\n    <div\n      className=\"a2ui-row\"\n      data-alignment={alignment}\n      data-distribution={distribution}\n      style={hostStyle}\n    >\n      <section\n        className={classMapToString(theme.components.Row)}\n        style={stylesToObject(theme.additionalStyles?.Row)}\n      >\n        {children.map((child, index) => {\n          const childId =\n            typeof child === \"object\" && child !== null && \"id\" in child\n              ? (child as Types.AnyComponentNode).id\n              : `child-${index}`;\n          const childNode =\n            typeof child === \"object\" && child !== null && \"type\" in child\n              ? (child as Types.AnyComponentNode)\n              : null;\n          return (\n            <ComponentNode\n              key={childId}\n              node={childNode}\n              surfaceId={surfaceId}\n            />\n          );\n        })}\n      </section>\n    </div>\n  );\n});\n\nexport default Row;\n"],"mappings":";;;;;;;;;;;;;;AAYA,MAAa,sBAAW,SAAS,IAAI,EACnC,MACA,aACoC;CACpC,MAAM,EAAE,UAAUA,0CAAiB,MAAM,UAAU;CACnD,MAAM,QAAQ,KAAK;CAGnB,MAAM,YAAY,MAAM,aAAa;CACrC,MAAM,eAAe,MAAM,gBAAgB;CAE3C,MAAM,WAAW,MAAM,QAAQ,MAAM,SAAS,GAAG,MAAM,WAAW,EAAE;CAGpE,MAAM,YACJ,KAAK,WAAW,SACX,EAAE,YAAY,KAAK,QAAQ,GAC5B,EAAE;AAER,QACE,2CAAC;EACC,WAAU;EACV,kBAAgB;EAChB,qBAAmB;EACnB,OAAO;YAEP,2CAAC;GACC,WAAWC,+BAAiB,MAAM,WAAW,IAAI;GACjD,OAAOC,6BAAe,MAAM,kBAAkB,IAAI;aAEjD,SAAS,KAAK,OAAO,UAAU;IAC9B,MAAM,UACJ,OAAO,UAAU,YAAY,UAAU,QAAQ,QAAQ,QAClD,MAAiC,KAClC,SAAS;AAKf,WACE,2CAACC;KAEC,MANF,OAAO,UAAU,YAAY,UAAU,QAAQ,UAAU,QACpD,QACD;KAKS;OAFN,QAGL;KAEJ;IACM;GACN;EAER"}

package/dist/react-renderer/components/layout/Row.d.cts

@@ -1,14 +0,0 @@
-import { A2UIComponentProps } from "../../types.cjs";
-import * as react from "react";
-import { Types } from "@a2ui/lit/0.8";
-
-//#region src/react-renderer/components/layout/Row.d.ts
-/**
- * Row component - arranges children horizontally using flexbox.
- *
- * Supports distribution (justify-content) and alignment (align-items) properties.
- */
-declare const Row: react.NamedExoticComponent<A2UIComponentProps<Types.RowNode>>;
-//#endregion
-export { Row };
-//# sourceMappingURL=Row.d.cts.map

package/dist/react-renderer/components/layout/Row.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Row.d.cts","names":[],"sources":["../../../../src/react-renderer/components/layout/Row.tsx"],"mappings":";;;;;;;;AAYA;;cAAa,GAAA,EAAG,KAAA,CAAA,oBAAA,CAAA,kBAAA,CAAA,KAAA,CAAA,OAAA"}

package/dist/react-renderer/components/layout/Row.d.mts

@@ -1,14 +0,0 @@
-import { A2UIComponentProps } from "../../types.mjs";
-import * as react from "react";
-import { Types } from "@a2ui/lit/0.8";
-
-//#region src/react-renderer/components/layout/Row.d.ts
-/**
- * Row component - arranges children horizontally using flexbox.
- *
- * Supports distribution (justify-content) and alignment (align-items) properties.
- */
-declare const Row: react.NamedExoticComponent<A2UIComponentProps<Types.RowNode>>;
-//#endregion
-export { Row };
-//# sourceMappingURL=Row.d.mts.map

package/dist/react-renderer/components/layout/Row.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Row.d.mts","names":[],"sources":["../../../../src/react-renderer/components/layout/Row.tsx"],"mappings":";;;;;;;;AAYA;;cAAa,GAAA,EAAG,KAAA,CAAA,oBAAA,CAAA,kBAAA,CAAA,KAAA,CAAA,OAAA"}

package/dist/react-renderer/components/layout/Row.mjs

@@ -1,42 +0,0 @@
-import ComponentNode from "../../core/ComponentNode.mjs";
-import { classMapToString, stylesToObject } from "../../theme/utils.mjs";
-import "../../lib/utils.mjs";
-import { useA2UIComponent } from "../../hooks/useA2UIComponent.mjs";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/react-renderer/components/layout/Row.tsx
-/**
-* Row component - arranges children horizontally using flexbox.
-*
-* Supports distribution (justify-content) and alignment (align-items) properties.
-*/
-const Row = memo(function Row({ node, surfaceId }) {
-	const { theme } = useA2UIComponent(node, surfaceId);
-	const props = node.properties;
-	const alignment = props.alignment ?? "stretch";
-	const distribution = props.distribution ?? "start";
-	const children = Array.isArray(props.children) ? props.children : [];
-	const hostStyle = node.weight !== void 0 ? { "--weight": node.weight } : {};
-	return /* @__PURE__ */ jsx("div", {
-		className: "a2ui-row",
-		"data-alignment": alignment,
-		"data-distribution": distribution,
-		style: hostStyle,
-		children: /* @__PURE__ */ jsx("section", {
-			className: classMapToString(theme.components.Row),
-			style: stylesToObject(theme.additionalStyles?.Row),
-			children: children.map((child, index) => {
-				const childId = typeof child === "object" && child !== null && "id" in child ? child.id : `child-${index}`;
-				return /* @__PURE__ */ jsx(ComponentNode, {
-					node: typeof child === "object" && child !== null && "type" in child ? child : null,
-					surfaceId
-				}, childId);
-			})
-		})
-	});
-});
-
-//#endregion
-export { Row as default };
-//# sourceMappingURL=Row.mjs.map

package/dist/react-renderer/components/layout/Row.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Row.mjs","names":[],"sources":["../../../../src/react-renderer/components/layout/Row.tsx"],"sourcesContent":["import { memo } from \"react\";\nimport type { Types } from \"@a2ui/lit/0.8\";\nimport type { A2UIComponentProps } from \"../../types\";\nimport { useA2UIComponent } from \"../../hooks/useA2UIComponent\";\nimport { classMapToString, stylesToObject } from \"../../lib/utils\";\nimport { ComponentNode } from \"../../core/ComponentNode\";\n\n/**\n * Row component - arranges children horizontally using flexbox.\n *\n * Supports distribution (justify-content) and alignment (align-items) properties.\n */\nexport const Row = memo(function Row({\n  node,\n  surfaceId,\n}: A2UIComponentProps<Types.RowNode>) {\n  const { theme } = useA2UIComponent(node, surfaceId);\n  const props = node.properties;\n\n  // Match Lit's default values\n  const alignment = props.alignment ?? \"stretch\";\n  const distribution = props.distribution ?? \"start\";\n\n  const children = Array.isArray(props.children) ? props.children : [];\n\n  // Apply --weight CSS variable on root div (:host equivalent) for flex layouts\n  const hostStyle: React.CSSProperties =\n    node.weight !== undefined\n      ? ({ \"--weight\": node.weight } as React.CSSProperties)\n      : {};\n\n  return (\n    <div\n      className=\"a2ui-row\"\n      data-alignment={alignment}\n      data-distribution={distribution}\n      style={hostStyle}\n    >\n      <section\n        className={classMapToString(theme.components.Row)}\n        style={stylesToObject(theme.additionalStyles?.Row)}\n      >\n        {children.map((child, index) => {\n          const childId =\n            typeof child === \"object\" && child !== null && \"id\" in child\n              ? (child as Types.AnyComponentNode).id\n              : `child-${index}`;\n          const childNode =\n            typeof child === \"object\" && child !== null && \"type\" in child\n              ? (child as Types.AnyComponentNode)\n              : null;\n          return (\n            <ComponentNode\n              key={childId}\n              node={childNode}\n              surfaceId={surfaceId}\n            />\n          );\n        })}\n      </section>\n    </div>\n  );\n});\n\nexport default Row;\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAa,MAAM,KAAK,SAAS,IAAI,EACnC,MACA,aACoC;CACpC,MAAM,EAAE,UAAU,iBAAiB,MAAM,UAAU;CACnD,MAAM,QAAQ,KAAK;CAGnB,MAAM,YAAY,MAAM,aAAa;CACrC,MAAM,eAAe,MAAM,gBAAgB;CAE3C,MAAM,WAAW,MAAM,QAAQ,MAAM,SAAS,GAAG,MAAM,WAAW,EAAE;CAGpE,MAAM,YACJ,KAAK,WAAW,SACX,EAAE,YAAY,KAAK,QAAQ,GAC5B,EAAE;AAER,QACE,oBAAC;EACC,WAAU;EACV,kBAAgB;EAChB,qBAAmB;EACnB,OAAO;YAEP,oBAAC;GACC,WAAW,iBAAiB,MAAM,WAAW,IAAI;GACjD,OAAO,eAAe,MAAM,kBAAkB,IAAI;aAEjD,SAAS,KAAK,OAAO,UAAU;IAC9B,MAAM,UACJ,OAAO,UAAU,YAAY,UAAU,QAAQ,QAAQ,QAClD,MAAiC,KAClC,SAAS;AAKf,WACE,oBAAC;KAEC,MANF,OAAO,UAAU,YAAY,UAAU,QAAQ,UAAU,QACpD,QACD;KAKS;OAFN,QAGL;KAEJ;IACM;GACN;EAER"}

package/dist/react-renderer/components/layout/Tabs.cjs

@@ -1,47 +0,0 @@
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_ComponentNode = require('../../core/ComponentNode.cjs');
-const require_utils = require('../../theme/utils.cjs');
-const require_utils$1 = require('../../lib/utils.cjs');
-const require_useA2UIComponent = require('../../hooks/useA2UIComponent.cjs');
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/react-renderer/components/layout/Tabs.tsx
-/**
-* Tabs component - displays content in switchable tabs.
-*/
-const Tabs = (0, react.memo)(function Tabs({ node, surfaceId }) {
-	const { theme, resolveString } = require_useA2UIComponent.useA2UIComponent(node, surfaceId);
-	const props = node.properties;
-	const [selectedIndex, setSelectedIndex] = (0, react.useState)(0);
-	const tabItems = props.tabItems ?? [];
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "a2ui-tabs",
-		style: node.weight !== void 0 ? { "--weight": node.weight } : {},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-			className: require_utils.classMapToString(theme.components.Tabs.container),
-			style: require_utils.stylesToObject(theme.additionalStyles?.Tabs),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				id: "buttons",
-				className: require_utils.classMapToString(theme.components.Tabs.element),
-				children: tabItems.map((tab, index) => {
-					const title = resolveString(tab.title);
-					const isSelected = index === selectedIndex;
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						disabled: isSelected,
-						className: require_utils.classMapToString(isSelected ? require_utils$1.mergeClassMaps(theme.components.Tabs.controls.all, theme.components.Tabs.controls.selected) : theme.components.Tabs.controls.all),
-						onClick: () => setSelectedIndex(index),
-						children: title
-					}, index);
-				})
-			}), tabItems[selectedIndex] && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ComponentNode.default, {
-				node: tabItems[selectedIndex].child,
-				surfaceId
-			})]
-		})
-	});
-});
-
-//#endregion
-exports.default = Tabs;
-//# sourceMappingURL=Tabs.cjs.map

package/dist/react-renderer/components/layout/Tabs.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.cjs","names":["useA2UIComponent","classMapToString","stylesToObject","mergeClassMaps","ComponentNode"],"sources":["../../../../src/react-renderer/components/layout/Tabs.tsx"],"sourcesContent":["import { useState, memo } from \"react\";\nimport type { Types } from \"@a2ui/lit/0.8\";\nimport type { A2UIComponentProps } from \"../../types\";\nimport { useA2UIComponent } from \"../../hooks/useA2UIComponent\";\nimport {\n  classMapToString,\n  stylesToObject,\n  mergeClassMaps,\n} from \"../../lib/utils\";\nimport { ComponentNode } from \"../../core/ComponentNode\";\n\n/**\n * Tabs component - displays content in switchable tabs.\n */\nexport const Tabs = memo(function Tabs({\n  node,\n  surfaceId,\n}: A2UIComponentProps<Types.TabsNode>) {\n  const { theme, resolveString } = useA2UIComponent(node, surfaceId);\n  const props = node.properties;\n\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  const tabItems = props.tabItems ?? [];\n\n  // Apply --weight CSS variable on root div (:host equivalent) for flex layouts\n  const hostStyle: React.CSSProperties =\n    node.weight !== undefined\n      ? ({ \"--weight\": node.weight } as React.CSSProperties)\n      : {};\n\n  return (\n    <div className=\"a2ui-tabs\" style={hostStyle}>\n      <section\n        className={classMapToString(theme.components.Tabs.container)}\n        style={stylesToObject(theme.additionalStyles?.Tabs)}\n      >\n        {/* Tab buttons - uses Tabs.element for the container */}\n        <div\n          id=\"buttons\"\n          className={classMapToString(theme.components.Tabs.element)}\n        >\n          {tabItems.map((tab, index) => {\n            const title = resolveString(tab.title);\n            const isSelected = index === selectedIndex;\n\n            // Lit merges all + selected classes when selected\n            const classes = isSelected\n              ? mergeClassMaps(\n                  theme.components.Tabs.controls.all,\n                  theme.components.Tabs.controls.selected,\n                )\n              : theme.components.Tabs.controls.all;\n\n            return (\n              <button\n                key={index}\n                disabled={isSelected}\n                className={classMapToString(classes)}\n                onClick={() => setSelectedIndex(index)}\n              >\n                {title}\n              </button>\n            );\n          })}\n        </div>\n\n        {/* Tab content */}\n        {tabItems[selectedIndex] && (\n          <ComponentNode\n            node={tabItems[selectedIndex].child}\n            surfaceId={surfaceId}\n          />\n        )}\n      </section>\n    </div>\n  );\n});\n\nexport default Tabs;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAa,uBAAY,SAAS,KAAK,EACrC,MACA,aACqC;CACrC,MAAM,EAAE,OAAO,kBAAkBA,0CAAiB,MAAM,UAAU;CAClE,MAAM,QAAQ,KAAK;CAEnB,MAAM,CAAC,eAAe,wCAA6B,EAAE;CAErD,MAAM,WAAW,MAAM,YAAY,EAAE;AAQrC,QACE,2CAAC;EAAI,WAAU;EAAY,OAL3B,KAAK,WAAW,SACX,EAAE,YAAY,KAAK,QAAQ,GAC5B,EAAE;YAIJ,4CAAC;GACC,WAAWC,+BAAiB,MAAM,WAAW,KAAK,UAAU;GAC5D,OAAOC,6BAAe,MAAM,kBAAkB,KAAK;cAGnD,2CAAC;IACC,IAAG;IACH,WAAWD,+BAAiB,MAAM,WAAW,KAAK,QAAQ;cAEzD,SAAS,KAAK,KAAK,UAAU;KAC5B,MAAM,QAAQ,cAAc,IAAI,MAAM;KACtC,MAAM,aAAa,UAAU;AAU7B,YACE,2CAAC;MAEC,UAAU;MACV,WAAWA,+BAXC,aACZE,+BACE,MAAM,WAAW,KAAK,SAAS,KAC/B,MAAM,WAAW,KAAK,SAAS,SAChC,GACD,MAAM,WAAW,KAAK,SAAS,IAMK;MACpC,eAAe,iBAAiB,MAAM;gBAErC;QALI,MAME;MAEX;KACE,EAGL,SAAS,kBACR,2CAACC;IACC,MAAM,SAAS,eAAe;IACnB;KACX;IAEI;GACN;EAER"}

package/dist/react-renderer/components/layout/Tabs.d.cts

@@ -1,12 +0,0 @@
-import { A2UIComponentProps } from "../../types.cjs";
-import * as react from "react";
-import { Types } from "@a2ui/lit/0.8";
-
-//#region src/react-renderer/components/layout/Tabs.d.ts
-/**
- * Tabs component - displays content in switchable tabs.
- */
-declare const Tabs: react.NamedExoticComponent<A2UIComponentProps<Types.TabsNode>>;
-//#endregion
-export { Tabs };
-//# sourceMappingURL=Tabs.d.cts.map

package/dist/react-renderer/components/layout/Tabs.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.d.cts","names":[],"sources":["../../../../src/react-renderer/components/layout/Tabs.tsx"],"mappings":";;;;;;;;cAca,IAAA,EAAI,KAAA,CAAA,oBAAA,CAAA,kBAAA,CAAA,KAAA,CAAA,QAAA"}

package/dist/react-renderer/components/layout/Tabs.d.mts

@@ -1,12 +0,0 @@
-import { A2UIComponentProps } from "../../types.mjs";
-import * as react from "react";
-import { Types } from "@a2ui/lit/0.8";
-
-//#region src/react-renderer/components/layout/Tabs.d.ts
-/**
- * Tabs component - displays content in switchable tabs.
- */
-declare const Tabs: react.NamedExoticComponent<A2UIComponentProps<Types.TabsNode>>;
-//#endregion
-export { Tabs };
-//# sourceMappingURL=Tabs.d.mts.map

package/dist/react-renderer/components/layout/Tabs.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.d.mts","names":[],"sources":["../../../../src/react-renderer/components/layout/Tabs.tsx"],"mappings":";;;;;;;;cAca,IAAA,EAAI,KAAA,CAAA,oBAAA,CAAA,kBAAA,CAAA,KAAA,CAAA,QAAA"}

package/dist/react-renderer/components/layout/Tabs.mjs

@@ -1,46 +0,0 @@
-import ComponentNode from "../../core/ComponentNode.mjs";
-import { classMapToString, stylesToObject } from "../../theme/utils.mjs";
-import { mergeClassMaps } from "../../lib/utils.mjs";
-import { useA2UIComponent } from "../../hooks/useA2UIComponent.mjs";
-import { memo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/react-renderer/components/layout/Tabs.tsx
-/**
-* Tabs component - displays content in switchable tabs.
-*/
-const Tabs = memo(function Tabs({ node, surfaceId }) {
-	const { theme, resolveString } = useA2UIComponent(node, surfaceId);
-	const props = node.properties;
-	const [selectedIndex, setSelectedIndex] = useState(0);
-	const tabItems = props.tabItems ?? [];
-	return /* @__PURE__ */ jsx("div", {
-		className: "a2ui-tabs",
-		style: node.weight !== void 0 ? { "--weight": node.weight } : {},
-		children: /* @__PURE__ */ jsxs("section", {
-			className: classMapToString(theme.components.Tabs.container),
-			style: stylesToObject(theme.additionalStyles?.Tabs),
-			children: [/* @__PURE__ */ jsx("div", {
-				id: "buttons",
-				className: classMapToString(theme.components.Tabs.element),
-				children: tabItems.map((tab, index) => {
-					const title = resolveString(tab.title);
-					const isSelected = index === selectedIndex;
-					return /* @__PURE__ */ jsx("button", {
-						disabled: isSelected,
-						className: classMapToString(isSelected ? mergeClassMaps(theme.components.Tabs.controls.all, theme.components.Tabs.controls.selected) : theme.components.Tabs.controls.all),
-						onClick: () => setSelectedIndex(index),
-						children: title
-					}, index);
-				})
-			}), tabItems[selectedIndex] && /* @__PURE__ */ jsx(ComponentNode, {
-				node: tabItems[selectedIndex].child,
-				surfaceId
-			})]
-		})
-	});
-});
-
-//#endregion
-export { Tabs as default };
-//# sourceMappingURL=Tabs.mjs.map

package/dist/react-renderer/components/layout/Tabs.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.mjs","names":[],"sources":["../../../../src/react-renderer/components/layout/Tabs.tsx"],"sourcesContent":["import { useState, memo } from \"react\";\nimport type { Types } from \"@a2ui/lit/0.8\";\nimport type { A2UIComponentProps } from \"../../types\";\nimport { useA2UIComponent } from \"../../hooks/useA2UIComponent\";\nimport {\n  classMapToString,\n  stylesToObject,\n  mergeClassMaps,\n} from \"../../lib/utils\";\nimport { ComponentNode } from \"../../core/ComponentNode\";\n\n/**\n * Tabs component - displays content in switchable tabs.\n */\nexport const Tabs = memo(function Tabs({\n  node,\n  surfaceId,\n}: A2UIComponentProps<Types.TabsNode>) {\n  const { theme, resolveString } = useA2UIComponent(node, surfaceId);\n  const props = node.properties;\n\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  const tabItems = props.tabItems ?? [];\n\n  // Apply --weight CSS variable on root div (:host equivalent) for flex layouts\n  const hostStyle: React.CSSProperties =\n    node.weight !== undefined\n      ? ({ \"--weight\": node.weight } as React.CSSProperties)\n      : {};\n\n  return (\n    <div className=\"a2ui-tabs\" style={hostStyle}>\n      <section\n        className={classMapToString(theme.components.Tabs.container)}\n        style={stylesToObject(theme.additionalStyles?.Tabs)}\n      >\n        {/* Tab buttons - uses Tabs.element for the container */}\n        <div\n          id=\"buttons\"\n          className={classMapToString(theme.components.Tabs.element)}\n        >\n          {tabItems.map((tab, index) => {\n            const title = resolveString(tab.title);\n            const isSelected = index === selectedIndex;\n\n            // Lit merges all + selected classes when selected\n            const classes = isSelected\n              ? mergeClassMaps(\n                  theme.components.Tabs.controls.all,\n                  theme.components.Tabs.controls.selected,\n                )\n              : theme.components.Tabs.controls.all;\n\n            return (\n              <button\n                key={index}\n                disabled={isSelected}\n                className={classMapToString(classes)}\n                onClick={() => setSelectedIndex(index)}\n              >\n                {title}\n              </button>\n            );\n          })}\n        </div>\n\n        {/* Tab content */}\n        {tabItems[selectedIndex] && (\n          <ComponentNode\n            node={tabItems[selectedIndex].child}\n            surfaceId={surfaceId}\n          />\n        )}\n      </section>\n    </div>\n  );\n});\n\nexport default Tabs;\n"],"mappings":";;;;;;;;;;;AAcA,MAAa,OAAO,KAAK,SAAS,KAAK,EACrC,MACA,aACqC;CACrC,MAAM,EAAE,OAAO,kBAAkB,iBAAiB,MAAM,UAAU;CAClE,MAAM,QAAQ,KAAK;CAEnB,MAAM,CAAC,eAAe,oBAAoB,SAAS,EAAE;CAErD,MAAM,WAAW,MAAM,YAAY,EAAE;AAQrC,QACE,oBAAC;EAAI,WAAU;EAAY,OAL3B,KAAK,WAAW,SACX,EAAE,YAAY,KAAK,QAAQ,GAC5B,EAAE;YAIJ,qBAAC;GACC,WAAW,iBAAiB,MAAM,WAAW,KAAK,UAAU;GAC5D,OAAO,eAAe,MAAM,kBAAkB,KAAK;cAGnD,oBAAC;IACC,IAAG;IACH,WAAW,iBAAiB,MAAM,WAAW,KAAK,QAAQ;cAEzD,SAAS,KAAK,KAAK,UAAU;KAC5B,MAAM,QAAQ,cAAc,IAAI,MAAM;KACtC,MAAM,aAAa,UAAU;AAU7B,YACE,oBAAC;MAEC,UAAU;MACV,WAAW,iBAXC,aACZ,eACE,MAAM,WAAW,KAAK,SAAS,KAC/B,MAAM,WAAW,KAAK,SAAS,SAChC,GACD,MAAM,WAAW,KAAK,SAAS,IAMK;MACpC,eAAe,iBAAiB,MAAM;gBAErC;QALI,MAME;MAEX;KACE,EAGL,SAAS,kBACR,oBAAC;IACC,MAAM,SAAS,eAAe;IACnB;KACX;IAEI;GACN;EAER"}

package/dist/react-renderer/core/A2UIViewer.cjs

@@ -1,11 +0,0 @@
-"use client";
-
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-require('../theme/litTheme.cjs');
-require('./A2UIProvider.cjs');
-require('./A2UIRenderer.cjs');
-require('../registry/defaultCatalog.cjs');
-require('../styles/index.cjs');
-let react = require("react");
-react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");

package/dist/react-renderer/core/A2UIViewer.d.cts

@@ -1,16 +0,0 @@
-import "react/jsx-runtime";
-import { Types } from "@a2ui/lit/0.8";
-
-//#region src/react-renderer/core/A2UIViewer.d.ts
-/**
- * Action event dispatched when a user interacts with a component.
- */
-interface A2UIActionEvent {
-  actionName: string;
-  sourceComponentId: string;
-  timestamp: string;
-  context: Record<string, unknown>;
-}
-//#endregion
-export { A2UIActionEvent };
-//# sourceMappingURL=A2UIViewer.d.cts.map

package/dist/react-renderer/core/A2UIViewer.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"A2UIViewer.d.cts","names":[],"sources":["../../../src/react-renderer/core/A2UIViewer.tsx"],"mappings":";;;;;;;UAsBiB,eAAA;EACf,UAAA;EACA,iBAAA;EACA,SAAA;EACA,OAAA,EAAS,MAAA;AAAA"}

package/dist/react-renderer/core/A2UIViewer.d.mts

@@ -1,16 +0,0 @@
-import { Types } from "@a2ui/lit/0.8";
-import "react/jsx-runtime";
-
-//#region src/react-renderer/core/A2UIViewer.d.ts
-/**
- * Action event dispatched when a user interacts with a component.
- */
-interface A2UIActionEvent {
-  actionName: string;
-  sourceComponentId: string;
-  timestamp: string;
-  context: Record<string, unknown>;
-}
-//#endregion
-export { A2UIActionEvent };
-//# sourceMappingURL=A2UIViewer.d.mts.map

package/dist/react-renderer/core/A2UIViewer.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"A2UIViewer.d.mts","names":[],"sources":["../../../src/react-renderer/core/A2UIViewer.tsx"],"mappings":";;;;;;;UAsBiB,eAAA;EACf,UAAA;EACA,iBAAA;EACA,SAAA;EACA,OAAA,EAAS,MAAA;AAAA"}

package/dist/react-renderer/core/A2UIViewer.mjs

@@ -1,11 +0,0 @@
-"use client";
-
-import "../theme/litTheme.mjs";
-import "./A2UIProvider.mjs";
-import "./A2UIRenderer.mjs";
-import "../registry/defaultCatalog.mjs";
-import "../styles/index.mjs";
-import React, { useEffect, useId, useMemo, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-
-export {  };

package/dist/react-renderer/core/ComponentNode.cjs

@@ -1,53 +0,0 @@
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_ComponentRegistry = require('../registry/ComponentRegistry.cjs');
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/react-renderer/core/ComponentNode.tsx
-/** Memoized loading fallback to avoid recreating on each render */
-const LoadingFallback = (0, react.memo)(function LoadingFallback() {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "a2ui-loading",
-		style: {
-			padding: "8px",
-			opacity: .5
-		},
-		children: "Loading..."
-	});
-});
-/**
-* ComponentNode - dynamically renders an A2UI component based on its type.
-*
-* Looks up the component in the registry and renders it with the appropriate props.
-* Supports lazy-loaded components via React.Suspense.
-*
-* No wrapper div is rendered - the component's root div (e.g., .a2ui-image) is the
-* direct flex child, exactly matching Lit's structure where the :host element IS
-* the flex item. Each component handles --weight CSS variable on its root div.
-*
-* Memoized to prevent unnecessary re-renders when parent updates but node hasn't changed.
-*/
-const ComponentNode = (0, react.memo)(function ComponentNode({ node, surfaceId, registry }) {
-	const actualRegistry = registry ?? require_ComponentRegistry.ComponentRegistry.getInstance();
-	const nodeType = node && typeof node === "object" && "type" in node ? node.type : null;
-	const Component = (0, react.useMemo)(() => nodeType ? actualRegistry.get(nodeType) : null, [actualRegistry, nodeType]);
-	if (!nodeType) {
-		if (node) console.warn("[A2UI] Invalid component node (not resolved?):", node);
-		return null;
-	}
-	if (!Component) {
-		console.warn(`[A2UI] Unknown component type: ${nodeType}`);
-		return null;
-	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
-		fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoadingFallback, {}),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
-			node,
-			surfaceId
-		})
-	});
-});
-
-//#endregion
-exports.default = ComponentNode;
-//# sourceMappingURL=ComponentNode.cjs.map

package/dist/react-renderer/core/ComponentNode.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentNode.cjs","names":["ComponentRegistry","Suspense"],"sources":["../../../src/react-renderer/core/ComponentNode.tsx"],"sourcesContent":["import { Suspense, useMemo, memo } from \"react\";\nimport type { Types } from \"@a2ui/lit/0.8\";\nimport { ComponentRegistry } from \"../registry/ComponentRegistry\";\n\n/** Memoized loading fallback to avoid recreating on each render */\nconst LoadingFallback = memo(function LoadingFallback() {\n  return (\n    <div className=\"a2ui-loading\" style={{ padding: \"8px\", opacity: 0.5 }}>\n      Loading...\n    </div>\n  );\n});\n\ninterface ComponentNodeProps {\n  /** The component node to render (can be null/undefined for safety) */\n  node: Types.AnyComponentNode | null | undefined;\n  /** The surface ID this component belongs to */\n  surfaceId: string;\n  /** Optional custom registry. Falls back to singleton. */\n  registry?: ComponentRegistry;\n}\n\n/**\n * ComponentNode - dynamically renders an A2UI component based on its type.\n *\n * Looks up the component in the registry and renders it with the appropriate props.\n * Supports lazy-loaded components via React.Suspense.\n *\n * No wrapper div is rendered - the component's root div (e.g., .a2ui-image) is the\n * direct flex child, exactly matching Lit's structure where the :host element IS\n * the flex item. Each component handles --weight CSS variable on its root div.\n *\n * Memoized to prevent unnecessary re-renders when parent updates but node hasn't changed.\n */\nexport const ComponentNode = memo(function ComponentNode({\n  node,\n  surfaceId,\n  registry,\n}: ComponentNodeProps) {\n  const actualRegistry = registry ?? ComponentRegistry.getInstance();\n\n  // useMemo must be called unconditionally (Rules of Hooks)\n  // We handle invalid nodes by returning null component type\n  const nodeType =\n    node && typeof node === \"object\" && \"type\" in node ? node.type : null;\n\n  const Component = useMemo(\n    () => (nodeType ? actualRegistry.get(nodeType) : null),\n    [actualRegistry, nodeType],\n  );\n\n  // Handle null/undefined/invalid nodes gracefully\n  if (!nodeType) {\n    if (node) {\n      console.warn(\"[A2UI] Invalid component node (not resolved?):\", node);\n    }\n    return null;\n  }\n\n  if (!Component) {\n    console.warn(`[A2UI] Unknown component type: ${nodeType}`);\n    return null;\n  }\n\n  // No wrapper div - component's root div is the :host equivalent\n  // Suspense doesn't add DOM elements, preserving the correct hierarchy\n  // Type assertion is safe: we've already validated node is valid (nodeType check above)\n  return (\n    <Suspense fallback={<LoadingFallback />}>\n      <Component node={node as Types.AnyComponentNode} surfaceId={surfaceId} />\n    </Suspense>\n  );\n});\n\nexport default ComponentNode;\n"],"mappings":";;;;;;;AAKA,MAAM,kCAAuB,SAAS,kBAAkB;AACtD,QACE,2CAAC;EAAI,WAAU;EAAe,OAAO;GAAE,SAAS;GAAO,SAAS;GAAK;YAAE;GAEjE;EAER;;;;;;;;;;;;;AAuBF,MAAa,gCAAqB,SAAS,cAAc,EACvD,MACA,WACA,YACqB;CACrB,MAAM,iBAAiB,YAAYA,4CAAkB,aAAa;CAIlE,MAAM,WACJ,QAAQ,OAAO,SAAS,YAAY,UAAU,OAAO,KAAK,OAAO;CAEnE,MAAM,qCACG,WAAW,eAAe,IAAI,SAAS,GAAG,MACjD,CAAC,gBAAgB,SAAS,CAC3B;AAGD,KAAI,CAAC,UAAU;AACb,MAAI,KACF,SAAQ,KAAK,kDAAkD,KAAK;AAEtE,SAAO;;AAGT,KAAI,CAAC,WAAW;AACd,UAAQ,KAAK,kCAAkC,WAAW;AAC1D,SAAO;;AAMT,QACE,2CAACC;EAAS,UAAU,2CAAC,oBAAkB;YACrC,2CAAC;GAAgB;GAA2C;IAAa;GAChE;EAEb"}

package/dist/react-renderer/core/ComponentNode.d.cts

@@ -1,29 +0,0 @@
-import { ComponentRegistry } from "../registry/ComponentRegistry.cjs";
-import * as react from "react";
-import { Types } from "@a2ui/lit/0.8";
-
-//#region src/react-renderer/core/ComponentNode.d.ts
-interface ComponentNodeProps {
-  /** The component node to render (can be null/undefined for safety) */
-  node: Types.AnyComponentNode | null | undefined;
-  /** The surface ID this component belongs to */
-  surfaceId: string;
-  /** Optional custom registry. Falls back to singleton. */
-  registry?: ComponentRegistry;
-}
-/**
- * ComponentNode - dynamically renders an A2UI component based on its type.
- *
- * Looks up the component in the registry and renders it with the appropriate props.
- * Supports lazy-loaded components via React.Suspense.
- *
- * No wrapper div is rendered - the component's root div (e.g., .a2ui-image) is the
- * direct flex child, exactly matching Lit's structure where the :host element IS
- * the flex item. Each component handles --weight CSS variable on its root div.
- *
- * Memoized to prevent unnecessary re-renders when parent updates but node hasn't changed.
- */
-declare const ComponentNode: react.NamedExoticComponent<ComponentNodeProps>;
-//#endregion
-export { ComponentNode };
-//# sourceMappingURL=ComponentNode.d.cts.map

package/dist/react-renderer/core/ComponentNode.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentNode.d.cts","names":[],"sources":["../../../src/react-renderer/core/ComponentNode.tsx"],"mappings":";;;;;UAaU,kBAAA;;EAER,IAAA,EAAM,KAAA,CAAM,gBAAA;EAFJ;EAIR,SAAA;;EAEA,QAAA,GAAW,iBAAA;AAAA;;;;;;;;AAeb;;;;;cAAa,aAAA,EAAa,KAAA,CAAA,oBAAA,CAAA,kBAAA"}

package/dist/react-renderer/core/ComponentNode.d.mts

@@ -1,29 +0,0 @@
-import { ComponentRegistry } from "../registry/ComponentRegistry.mjs";
-import * as react from "react";
-import { Types } from "@a2ui/lit/0.8";
-
-//#region src/react-renderer/core/ComponentNode.d.ts
-interface ComponentNodeProps {
-  /** The component node to render (can be null/undefined for safety) */
-  node: Types.AnyComponentNode | null | undefined;
-  /** The surface ID this component belongs to */
-  surfaceId: string;
-  /** Optional custom registry. Falls back to singleton. */
-  registry?: ComponentRegistry;
-}
-/**
- * ComponentNode - dynamically renders an A2UI component based on its type.
- *
- * Looks up the component in the registry and renders it with the appropriate props.
- * Supports lazy-loaded components via React.Suspense.
- *
- * No wrapper div is rendered - the component's root div (e.g., .a2ui-image) is the
- * direct flex child, exactly matching Lit's structure where the :host element IS
- * the flex item. Each component handles --weight CSS variable on its root div.
- *
- * Memoized to prevent unnecessary re-renders when parent updates but node hasn't changed.
- */
-declare const ComponentNode: react.NamedExoticComponent<ComponentNodeProps>;
-//#endregion
-export { ComponentNode };
-//# sourceMappingURL=ComponentNode.d.mts.map

package/dist/react-renderer/core/ComponentNode.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentNode.d.mts","names":[],"sources":["../../../src/react-renderer/core/ComponentNode.tsx"],"mappings":";;;;;UAaU,kBAAA;;EAER,IAAA,EAAM,KAAA,CAAM,gBAAA;EAFJ;EAIR,SAAA;;EAEA,QAAA,GAAW,iBAAA;AAAA;;;;;;;;AAeb;;;;;cAAa,aAAA,EAAa,KAAA,CAAA,oBAAA,CAAA,kBAAA"}

package/dist/react-renderer/core/ComponentNode.mjs

@@ -1,52 +0,0 @@
-import { ComponentRegistry } from "../registry/ComponentRegistry.mjs";
-import { Suspense, memo, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/react-renderer/core/ComponentNode.tsx
-/** Memoized loading fallback to avoid recreating on each render */
-const LoadingFallback = memo(function LoadingFallback() {
-	return /* @__PURE__ */ jsx("div", {
-		className: "a2ui-loading",
-		style: {
-			padding: "8px",
-			opacity: .5
-		},
-		children: "Loading..."
-	});
-});
-/**
-* ComponentNode - dynamically renders an A2UI component based on its type.
-*
-* Looks up the component in the registry and renders it with the appropriate props.
-* Supports lazy-loaded components via React.Suspense.
-*
-* No wrapper div is rendered - the component's root div (e.g., .a2ui-image) is the
-* direct flex child, exactly matching Lit's structure where the :host element IS
-* the flex item. Each component handles --weight CSS variable on its root div.
-*
-* Memoized to prevent unnecessary re-renders when parent updates but node hasn't changed.
-*/
-const ComponentNode = memo(function ComponentNode({ node, surfaceId, registry }) {
-	const actualRegistry = registry ?? ComponentRegistry.getInstance();
-	const nodeType = node && typeof node === "object" && "type" in node ? node.type : null;
-	const Component = useMemo(() => nodeType ? actualRegistry.get(nodeType) : null, [actualRegistry, nodeType]);
-	if (!nodeType) {
-		if (node) console.warn("[A2UI] Invalid component node (not resolved?):", node);
-		return null;
-	}
-	if (!Component) {
-		console.warn(`[A2UI] Unknown component type: ${nodeType}`);
-		return null;
-	}
-	return /* @__PURE__ */ jsx(Suspense, {
-		fallback: /* @__PURE__ */ jsx(LoadingFallback, {}),
-		children: /* @__PURE__ */ jsx(Component, {
-			node,
-			surfaceId
-		})
-	});
-});
-
-//#endregion
-export { ComponentNode as default };
-//# sourceMappingURL=ComponentNode.mjs.map

package/dist/react-renderer/core/ComponentNode.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentNode.mjs","names":[],"sources":["../../../src/react-renderer/core/ComponentNode.tsx"],"sourcesContent":["import { Suspense, useMemo, memo } from \"react\";\nimport type { Types } from \"@a2ui/lit/0.8\";\nimport { ComponentRegistry } from \"../registry/ComponentRegistry\";\n\n/** Memoized loading fallback to avoid recreating on each render */\nconst LoadingFallback = memo(function LoadingFallback() {\n  return (\n    <div className=\"a2ui-loading\" style={{ padding: \"8px\", opacity: 0.5 }}>\n      Loading...\n    </div>\n  );\n});\n\ninterface ComponentNodeProps {\n  /** The component node to render (can be null/undefined for safety) */\n  node: Types.AnyComponentNode | null | undefined;\n  /** The surface ID this component belongs to */\n  surfaceId: string;\n  /** Optional custom registry. Falls back to singleton. */\n  registry?: ComponentRegistry;\n}\n\n/**\n * ComponentNode - dynamically renders an A2UI component based on its type.\n *\n * Looks up the component in the registry and renders it with the appropriate props.\n * Supports lazy-loaded components via React.Suspense.\n *\n * No wrapper div is rendered - the component's root div (e.g., .a2ui-image) is the\n * direct flex child, exactly matching Lit's structure where the :host element IS\n * the flex item. Each component handles --weight CSS variable on its root div.\n *\n * Memoized to prevent unnecessary re-renders when parent updates but node hasn't changed.\n */\nexport const ComponentNode = memo(function ComponentNode({\n  node,\n  surfaceId,\n  registry,\n}: ComponentNodeProps) {\n  const actualRegistry = registry ?? ComponentRegistry.getInstance();\n\n  // useMemo must be called unconditionally (Rules of Hooks)\n  // We handle invalid nodes by returning null component type\n  const nodeType =\n    node && typeof node === \"object\" && \"type\" in node ? node.type : null;\n\n  const Component = useMemo(\n    () => (nodeType ? actualRegistry.get(nodeType) : null),\n    [actualRegistry, nodeType],\n  );\n\n  // Handle null/undefined/invalid nodes gracefully\n  if (!nodeType) {\n    if (node) {\n      console.warn(\"[A2UI] Invalid component node (not resolved?):\", node);\n    }\n    return null;\n  }\n\n  if (!Component) {\n    console.warn(`[A2UI] Unknown component type: ${nodeType}`);\n    return null;\n  }\n\n  // No wrapper div - component's root div is the :host equivalent\n  // Suspense doesn't add DOM elements, preserving the correct hierarchy\n  // Type assertion is safe: we've already validated node is valid (nodeType check above)\n  return (\n    <Suspense fallback={<LoadingFallback />}>\n      <Component node={node as Types.AnyComponentNode} surfaceId={surfaceId} />\n    </Suspense>\n  );\n});\n\nexport default ComponentNode;\n"],"mappings":";;;;;;AAKA,MAAM,kBAAkB,KAAK,SAAS,kBAAkB;AACtD,QACE,oBAAC;EAAI,WAAU;EAAe,OAAO;GAAE,SAAS;GAAO,SAAS;GAAK;YAAE;GAEjE;EAER;;;;;;;;;;;;;AAuBF,MAAa,gBAAgB,KAAK,SAAS,cAAc,EACvD,MACA,WACA,YACqB;CACrB,MAAM,iBAAiB,YAAY,kBAAkB,aAAa;CAIlE,MAAM,WACJ,QAAQ,OAAO,SAAS,YAAY,UAAU,OAAO,KAAK,OAAO;CAEnE,MAAM,YAAY,cACT,WAAW,eAAe,IAAI,SAAS,GAAG,MACjD,CAAC,gBAAgB,SAAS,CAC3B;AAGD,KAAI,CAAC,UAAU;AACb,MAAI,KACF,SAAQ,KAAK,kDAAkD,KAAK;AAEtE,SAAO;;AAGT,KAAI,CAAC,WAAW;AACd,UAAQ,KAAK,kCAAkC,WAAW;AAC1D,SAAO;;AAMT,QACE,oBAAC;EAAS,UAAU,oBAAC,oBAAkB;YACrC,oBAAC;GAAgB;GAA2C;IAAa;GAChE;EAEb"}