UNPKG

@copilotkit/a2ui-renderer

Version:

A2UI Renderer for CopilotKit - render A2UI surfaces in React applications

50 lines (48 loc) 1.35 kB
const require_adapter = require('../../adapter.cjs'); const require_children = require('../children.cjs'); const require_utils = require('./utils.cjs'); let lit = require("lit"); let _a2ui_web_core_v0_9 = require("@a2ui/web_core/v0_9"); let lit_directives_style_map_js = require("lit/directives/style-map.js"); let zod = require("zod"); //#region src/web-components/catalog/minimal/column.ts const ColumnSchema = zod.z.object({ children: _a2ui_web_core_v0_9.CommonSchemas.ChildList, justify: zod.z.enum([ "start", "center", "end", "spaceBetween", "spaceAround", "spaceEvenly", "stretch" ]).optional(), align: zod.z.enum([ "center", "end", "start", "stretch" ]).optional() }); const ColumnApiDef = { name: "Column", schema: ColumnSchema }; const Column = require_adapter.createLitComponent(ColumnApiDef, ({ props, buildChild }) => lit.html` <div style=${(0, lit_directives_style_map_js.styleMap)({ display: "flex", flexDirection: "column", justifyContent: require_utils.mapJustify(props.justify), alignItems: require_utils.mapAlign(props.align), gap: "8px" })} > ${require_children.renderChildList(props.children, buildChild)} </div> `); //#endregion exports.Column = Column; exports.ColumnApiDef = ColumnApiDef; exports.ColumnSchema = ColumnSchema; //# sourceMappingURL=column.cjs.map