@copilotkit/a2ui-renderer 1.60.1 → 1.61.0

package/dist/web-components/catalog/basic/button.mjs

@@ -0,0 +1,33 @@
+import { createLitComponent } from "../../adapter.mjs";
+import { LEAF_MARGIN } from "./utils.mjs";
+import { html, nothing } from "lit";
+import { ButtonApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/web-components/catalog/basic/button.ts
+const Button = createLitComponent(ButtonApi, ({ props, buildChild }) => html`
+    <button
+      type="button"
+      style=${styleMap({
+	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"
+})}
+      ?disabled=${props.isValid === false}
+      @click=${() => props.action?.()}
+    >
+      ${props.child ? buildChild(props.child) : nothing}
+    </button>
+  `);
+
+//#endregion
+export { Button };
+//# sourceMappingURL=button.mjs.map

package/dist/web-components/catalog/basic/button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/button.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { ButtonApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { LEAF_MARGIN } from \"./utils\";\n\nexport const Button = createLitComponent(\n  ButtonApi,\n  ({ props, buildChild }) => html`\n    <button\n      type=\"button\"\n      style=${styleMap({\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      ?disabled=${props.isValid === false}\n      @click=${() => props.action?.()}\n    >\n      ${props.child ? buildChild(props.child) : nothing}\n    </button>\n  `,\n);\n"],"mappings":";;;;;;;AAMA,MAAa,SAAS,mBACpB,YACC,EAAE,OAAO,iBAAiB,IAAI;;;cAGnB,SAAS;CACf,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,QAAQ,MAAM,YAAY,eAAe,SAAS;CAClD,iBACE,MAAM,YAAY,YACd,uCACA,MAAM,YAAY,eAChB,gBACA;CACR,OAAO,MAAM,YAAY,YAAY,SAAS;CAC9C,cAAc;CACd,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,WAAW;CACZ,CAAC,CAAC;kBACS,MAAM,YAAY,MAAM;qBACrB,MAAM,UAAU,CAAC;;QAE9B,MAAM,QAAQ,WAAW,MAAM,MAAM,GAAG,QAAQ;;IAGvD"}

package/dist/web-components/catalog/basic/card.cjs

@@ -0,0 +1,23 @@
+const require_adapter = require('../../adapter.cjs');
+const require_utils = require('./utils.cjs');
+let lit = require("lit");
+let _a2ui_web_core_v0_9_basic_catalog = require("@a2ui/web_core/v0_9/basic_catalog");
+let lit_directives_style_map_js = require("lit/directives/style-map.js");
+
+//#region src/web-components/catalog/basic/card.ts
+const Card = require_adapter.createLitComponent(_a2ui_web_core_v0_9_basic_catalog.CardApi, ({ props, buildChild }) => lit.html`
+  <div
+    style=${(0, lit_directives_style_map_js.styleMap)({
+	...require_utils.getBaseContainerStyle(),
+	backgroundColor: "#fff",
+	boxShadow: "0 2px 4px rgba(0,0,0,0.1)",
+	width: "100%"
+})}
+  >
+    ${props.child ? buildChild(props.child) : lit.nothing}
+  </div>
+`);
+
+//#endregion
+exports.Card = Card;
+//# sourceMappingURL=card.cjs.map

package/dist/web-components/catalog/basic/card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.cjs","names":["createLitComponent","CardApi","getBaseContainerStyle","nothing"],"sources":["../../../../src/web-components/catalog/basic/card.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { CardApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { getBaseContainerStyle } from \"./utils\";\n\nexport const Card = createLitComponent(\n  CardApi,\n  ({ props, buildChild }) => html`\n  <div\n    style=${styleMap({\n      ...getBaseContainerStyle(),\n      backgroundColor: \"#fff\",\n      boxShadow: \"0 2px 4px rgba(0,0,0,0.1)\",\n      width: \"100%\",\n    })}\n  >\n    ${props.child ? buildChild(props.child) : nothing}\n  </div>\n`,\n);\n"],"mappings":";;;;;;;AAMA,MAAa,OAAOA,mCAClBC,4CACC,EAAE,OAAO,iBAAiB,QAAI;;sDAEZ;CACf,GAAGC,qCAAuB;CAC1B,iBAAiB;CACjB,WAAW;CACX,OAAO;CACR,CAAC,CAAC;;MAED,MAAM,QAAQ,WAAW,MAAM,MAAM,GAAGC,YAAQ;;EAGrD"}

package/dist/web-components/catalog/basic/card.d.cts

@@ -0,0 +1,8 @@
+import { LitComponentImplementation } from "../../types.cjs";
+import "../../index.cjs";
+
+//#region src/web-components/catalog/basic/card.d.ts
+declare const Card: LitComponentImplementation;
+//#endregion
+export { Card };
+//# sourceMappingURL=card.d.cts.map

package/dist/web-components/catalog/basic/card.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.cts","names":[],"sources":["../../../../src/web-components/catalog/basic/card.ts"],"mappings":";;;;cAMa,IAAA,EAcZ,0BAAA"}

package/dist/web-components/catalog/basic/card.d.mts

@@ -0,0 +1,8 @@
+import { LitComponentImplementation } from "../../types.mjs";
+import "../../index.mjs";
+
+//#region src/web-components/catalog/basic/card.d.ts
+declare const Card: LitComponentImplementation;
+//#endregion
+export { Card };
+//# sourceMappingURL=card.d.mts.map

package/dist/web-components/catalog/basic/card.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.mts","names":[],"sources":["../../../../src/web-components/catalog/basic/card.ts"],"mappings":";;;;cAMa,IAAA,EAcZ,0BAAA"}

package/dist/web-components/catalog/basic/card.mjs

@@ -0,0 +1,23 @@
+import { createLitComponent } from "../../adapter.mjs";
+import { getBaseContainerStyle } from "./utils.mjs";
+import { html, nothing } from "lit";
+import { CardApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/web-components/catalog/basic/card.ts
+const Card = createLitComponent(CardApi, ({ props, buildChild }) => html`
+  <div
+    style=${styleMap({
+	...getBaseContainerStyle(),
+	backgroundColor: "#fff",
+	boxShadow: "0 2px 4px rgba(0,0,0,0.1)",
+	width: "100%"
+})}
+  >
+    ${props.child ? buildChild(props.child) : nothing}
+  </div>
+`);
+
+//#endregion
+export { Card };
+//# sourceMappingURL=card.mjs.map

package/dist/web-components/catalog/basic/card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/card.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { CardApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { getBaseContainerStyle } from \"./utils\";\n\nexport const Card = createLitComponent(\n  CardApi,\n  ({ props, buildChild }) => html`\n  <div\n    style=${styleMap({\n      ...getBaseContainerStyle(),\n      backgroundColor: \"#fff\",\n      boxShadow: \"0 2px 4px rgba(0,0,0,0.1)\",\n      width: \"100%\",\n    })}\n  >\n    ${props.child ? buildChild(props.child) : nothing}\n  </div>\n`,\n);\n"],"mappings":";;;;;;;AAMA,MAAa,OAAO,mBAClB,UACC,EAAE,OAAO,iBAAiB,IAAI;;YAErB,SAAS;CACf,GAAG,uBAAuB;CAC1B,iBAAiB;CACjB,WAAW;CACX,OAAO;CACR,CAAC,CAAC;;MAED,MAAM,QAAQ,WAAW,MAAM,MAAM,GAAG,QAAQ;;EAGrD"}

package/dist/web-components/catalog/basic/check-box.cjs

@@ -0,0 +1,50 @@
+const require_adapter = require('../../adapter.cjs');
+const require_utils = require('./utils.cjs');
+const require_ids = require('./ids.cjs');
+let lit = require("lit");
+let _a2ui_web_core_v0_9_basic_catalog = require("@a2ui/web_core/v0_9/basic_catalog");
+let lit_directives_style_map_js = require("lit/directives/style-map.js");
+
+//#region src/web-components/catalog/basic/check-box.ts
+const CheckBox = require_adapter.createLitComponent(_a2ui_web_core_v0_9_basic_catalog.CheckBoxApi, ({ props }) => {
+	const inputId = require_ids.uniqueId("checkbox");
+	const hasError = props.validationErrors && props.validationErrors.length > 0;
+	return lit.html`
+    <div
+      style=${(0, lit_directives_style_map_js.styleMap)({
+		display: "flex",
+		flexDirection: "column",
+		margin: require_utils.LEAF_MARGIN
+	})}
+    >
+      <div style="display: flex; align-items: center; gap: 8px;">
+        <input
+          id=${inputId}
+          type="checkbox"
+          .checked=${!!props.value}
+          @change=${(e) => props.setValue(e.target.checked)}
+          style=${(0, lit_directives_style_map_js.styleMap)({
+		cursor: "pointer",
+		outline: hasError ? "1px solid red" : "none"
+	})}
+        />
+        ${props.label ? lit.html`<label
+              for=${inputId}
+              style=${(0, lit_directives_style_map_js.styleMap)({
+		cursor: "pointer",
+		color: hasError ? "red" : "inherit"
+	})}
+              >${props.label}</label
+            >` : lit.nothing}
+      </div>
+      ${hasError ? lit.html`<span
+            style="font-size: 12px; color: red; margin-top: 4px;"
+            >${props.validationErrors?.[0]}</span
+          >` : lit.nothing}
+    </div>
+  `;
+});
+
+//#endregion
+exports.CheckBox = CheckBox;
+//# sourceMappingURL=check-box.cjs.map

package/dist/web-components/catalog/basic/check-box.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-box.cjs","names":["createLitComponent","CheckBoxApi","uniqueId","LEAF_MARGIN","nothing"],"sources":["../../../../src/web-components/catalog/basic/check-box.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { CheckBoxApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { uniqueId } from \"./ids\";\nimport { LEAF_MARGIN } from \"./utils\";\n\nexport const CheckBox = createLitComponent(CheckBoxApi, ({ props }) => {\n  const inputId = uniqueId(\"checkbox\");\n  const hasError = props.validationErrors && props.validationErrors.length > 0;\n  return html`\n    <div\n      style=${styleMap({\n        display: \"flex\",\n        flexDirection: \"column\",\n        margin: LEAF_MARGIN,\n      })}\n    >\n      <div style=\"display: flex; align-items: center; gap: 8px;\">\n        <input\n          id=${inputId}\n          type=\"checkbox\"\n          .checked=${!!props.value}\n          @change=${(e: Event) =>\n            props.setValue((e.target as HTMLInputElement).checked)}\n          style=${styleMap({\n            cursor: \"pointer\",\n            outline: hasError ? \"1px solid red\" : \"none\",\n          })}\n        />\n        ${\n          props.label\n            ? html`<label\n              for=${inputId}\n              style=${styleMap({\n                cursor: \"pointer\",\n                color: hasError ? \"red\" : \"inherit\",\n              })}\n              >${props.label}</label\n            >`\n            : nothing\n        }\n      </div>\n      ${\n        hasError\n          ? html`<span\n            style=\"font-size: 12px; color: red; margin-top: 4px;\"\n            >${props.validationErrors?.[0]}</span\n          >`\n          : nothing\n      }\n    </div>\n  `;\n});\n"],"mappings":";;;;;;;;AAOA,MAAa,WAAWA,mCAAmBC,gDAAc,EAAE,YAAY;CACrE,MAAM,UAAUC,qBAAS,WAAW;CACpC,MAAM,WAAW,MAAM,oBAAoB,MAAM,iBAAiB,SAAS;AAC3E,QAAO,QAAI;;wDAEU;EACf,SAAS;EACT,eAAe;EACf,QAAQC;EACT,CAAC,CAAC;;;;eAIM,QAAQ;;qBAEF,CAAC,CAAC,MAAM,MAAM;qBACd,MACT,MAAM,SAAU,EAAE,OAA4B,QAAQ,CAAC;4DACxC;EACf,QAAQ;EACR,SAAS,WAAW,kBAAkB;EACvC,CAAC,CAAC;;UAGH,MAAM,QACF,QAAI;oBACE,QAAQ;gEACG;EACf,QAAQ;EACR,OAAO,WAAW,QAAQ;EAC3B,CAAC,CAAC;iBACA,MAAM,MAAM;iBAEfC,YACL;;QAGD,WACI,QAAI;;eAED,MAAM,mBAAmB,GAAG;eAE/BA,YACL;;;EAGL"}

package/dist/web-components/catalog/basic/check-box.d.cts

@@ -0,0 +1,8 @@
+import { LitComponentImplementation } from "../../types.cjs";
+import "../../index.cjs";
+
+//#region src/web-components/catalog/basic/check-box.d.ts
+declare const CheckBox: LitComponentImplementation;
+//#endregion
+export { CheckBox };
+//# sourceMappingURL=check-box.d.cts.map

package/dist/web-components/catalog/basic/check-box.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-box.d.cts","names":[],"sources":["../../../../src/web-components/catalog/basic/check-box.ts"],"mappings":";;;;cAOa,QAAA,EA8CX,0BAAA"}

package/dist/web-components/catalog/basic/check-box.d.mts

@@ -0,0 +1,8 @@
+import { LitComponentImplementation } from "../../types.mjs";
+import "../../index.mjs";
+
+//#region src/web-components/catalog/basic/check-box.d.ts
+declare const CheckBox: LitComponentImplementation;
+//#endregion
+export { CheckBox };
+//# sourceMappingURL=check-box.d.mts.map

package/dist/web-components/catalog/basic/check-box.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-box.d.mts","names":[],"sources":["../../../../src/web-components/catalog/basic/check-box.ts"],"mappings":";;;;cAOa,QAAA,EA8CX,0BAAA"}

package/dist/web-components/catalog/basic/check-box.mjs

@@ -0,0 +1,50 @@
+import { createLitComponent } from "../../adapter.mjs";
+import { LEAF_MARGIN } from "./utils.mjs";
+import { uniqueId } from "./ids.mjs";
+import { html, nothing } from "lit";
+import { CheckBoxApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/web-components/catalog/basic/check-box.ts
+const CheckBox = createLitComponent(CheckBoxApi, ({ props }) => {
+	const inputId = uniqueId("checkbox");
+	const hasError = props.validationErrors && props.validationErrors.length > 0;
+	return html`
+    <div
+      style=${styleMap({
+		display: "flex",
+		flexDirection: "column",
+		margin: LEAF_MARGIN
+	})}
+    >
+      <div style="display: flex; align-items: center; gap: 8px;">
+        <input
+          id=${inputId}
+          type="checkbox"
+          .checked=${!!props.value}
+          @change=${(e) => props.setValue(e.target.checked)}
+          style=${styleMap({
+		cursor: "pointer",
+		outline: hasError ? "1px solid red" : "none"
+	})}
+        />
+        ${props.label ? html`<label
+              for=${inputId}
+              style=${styleMap({
+		cursor: "pointer",
+		color: hasError ? "red" : "inherit"
+	})}
+              >${props.label}</label
+            >` : nothing}
+      </div>
+      ${hasError ? html`<span
+            style="font-size: 12px; color: red; margin-top: 4px;"
+            >${props.validationErrors?.[0]}</span
+          >` : nothing}
+    </div>
+  `;
+});
+
+//#endregion
+export { CheckBox };
+//# sourceMappingURL=check-box.mjs.map

package/dist/web-components/catalog/basic/check-box.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-box.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/check-box.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { CheckBoxApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { uniqueId } from \"./ids\";\nimport { LEAF_MARGIN } from \"./utils\";\n\nexport const CheckBox = createLitComponent(CheckBoxApi, ({ props }) => {\n  const inputId = uniqueId(\"checkbox\");\n  const hasError = props.validationErrors && props.validationErrors.length > 0;\n  return html`\n    <div\n      style=${styleMap({\n        display: \"flex\",\n        flexDirection: \"column\",\n        margin: LEAF_MARGIN,\n      })}\n    >\n      <div style=\"display: flex; align-items: center; gap: 8px;\">\n        <input\n          id=${inputId}\n          type=\"checkbox\"\n          .checked=${!!props.value}\n          @change=${(e: Event) =>\n            props.setValue((e.target as HTMLInputElement).checked)}\n          style=${styleMap({\n            cursor: \"pointer\",\n            outline: hasError ? \"1px solid red\" : \"none\",\n          })}\n        />\n        ${\n          props.label\n            ? html`<label\n              for=${inputId}\n              style=${styleMap({\n                cursor: \"pointer\",\n                color: hasError ? \"red\" : \"inherit\",\n              })}\n              >${props.label}</label\n            >`\n            : nothing\n        }\n      </div>\n      ${\n        hasError\n          ? html`<span\n            style=\"font-size: 12px; color: red; margin-top: 4px;\"\n            >${props.validationErrors?.[0]}</span\n          >`\n          : nothing\n      }\n    </div>\n  `;\n});\n"],"mappings":";;;;;;;;AAOA,MAAa,WAAW,mBAAmB,cAAc,EAAE,YAAY;CACrE,MAAM,UAAU,SAAS,WAAW;CACpC,MAAM,WAAW,MAAM,oBAAoB,MAAM,iBAAiB,SAAS;AAC3E,QAAO,IAAI;;cAEC,SAAS;EACf,SAAS;EACT,eAAe;EACf,QAAQ;EACT,CAAC,CAAC;;;;eAIM,QAAQ;;qBAEF,CAAC,CAAC,MAAM,MAAM;qBACd,MACT,MAAM,SAAU,EAAE,OAA4B,QAAQ,CAAC;kBACjD,SAAS;EACf,QAAQ;EACR,SAAS,WAAW,kBAAkB;EACvC,CAAC,CAAC;;UAGH,MAAM,QACF,IAAI;oBACE,QAAQ;sBACN,SAAS;EACf,QAAQ;EACR,OAAO,WAAW,QAAQ;EAC3B,CAAC,CAAC;iBACA,MAAM,MAAM;iBAEf,QACL;;QAGD,WACI,IAAI;;eAED,MAAM,mBAAmB,GAAG;eAE/B,QACL;;;EAGL"}

package/dist/web-components/catalog/basic/choice-picker.cjs

@@ -0,0 +1,90 @@
+const require_adapter = require('../../adapter.cjs');
+const require_utils = require('./utils.cjs');
+let lit = require("lit");
+let _a2ui_web_core_v0_9_basic_catalog = require("@a2ui/web_core/v0_9/basic_catalog");
+let lit_directives_style_map_js = require("lit/directives/style-map.js");
+
+//#region src/web-components/catalog/basic/choice-picker.ts
+const ChoicePicker = require_adapter.createLitComponent(_a2ui_web_core_v0_9_basic_catalog.ChoicePickerApi, ({ props, context, state, requestUpdate }) => {
+	const local = state;
+	const values = Array.isArray(props.value) ? props.value : [];
+	const isMutuallyExclusive = props.variant === "mutuallyExclusive";
+	const onToggle = (val) => {
+		if (isMutuallyExclusive) props.setValue([val]);
+		else props.setValue(values.includes(val) ? values.filter((v) => v !== val) : [...values, val]);
+	};
+	const options = (props.options || []).filter((opt) => !props.filterable || local.filter === "" || String(opt.label).toLowerCase().includes(local.filter.toLowerCase()));
+	return lit.html`
+      <div
+        style=${(0, lit_directives_style_map_js.styleMap)({
+		display: "flex",
+		flexDirection: "column",
+		gap: "8px",
+		margin: require_utils.LEAF_MARGIN,
+		width: "100%"
+	})}
+      >
+        ${props.label ? lit.html`<strong style="font-size: 14px;">${props.label}</strong>` : lit.nothing}
+        ${props.filterable ? lit.html`<input
+              type="text"
+              placeholder="Filter options..."
+              .value=${local.filter}
+              @input=${(e) => {
+		local.filter = e.target.value;
+		requestUpdate();
+	}}
+              style=${(0, lit_directives_style_map_js.styleMap)({
+		padding: "4px 8px",
+		border: require_utils.STANDARD_BORDER,
+		borderRadius: require_utils.STANDARD_RADIUS
+	})}
+            />` : lit.nothing}
+        <div
+          style=${(0, lit_directives_style_map_js.styleMap)({
+		display: "flex",
+		flexDirection: props.displayStyle === "chips" ? "row" : "column",
+		flexWrap: props.displayStyle === "chips" ? "wrap" : "nowrap",
+		gap: "8px"
+	})}
+        >
+          ${options.map((opt) => {
+		const isSelected = values.includes(opt.value);
+		if (props.displayStyle === "chips") return lit.html`
+                <button
+                  type="button"
+                  @click=${() => onToggle(opt.value)}
+                  style=${(0, lit_directives_style_map_js.styleMap)({
+			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"
+		})}
+                >
+                  ${opt.label}
+                </button>
+              `;
+		return lit.html`
+              <label
+                style="display: flex; align-items: center; gap: 8px; cursor: pointer;"
+              >
+                <input
+                  type=${isMutuallyExclusive ? "radio" : "checkbox"}
+                  .checked=${isSelected}
+                  name=${isMutuallyExclusive ? `choice-${context.componentModel.id}` : ""}
+                  @change=${() => onToggle(opt.value)}
+                />
+                <span style="font-size: 14px;">${opt.label}</span>
+              </label>
+            `;
+	})}
+        </div>
+      </div>
+    `;
+}, () => ({ filter: "" }));
+
+//#endregion
+exports.ChoicePicker = ChoicePicker;
+//# sourceMappingURL=choice-picker.cjs.map

package/dist/web-components/catalog/basic/choice-picker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-picker.cjs","names":["createLitComponent","ChoicePickerApi","LEAF_MARGIN","nothing","STANDARD_BORDER","STANDARD_RADIUS"],"sources":["../../../../src/web-components/catalog/basic/choice-picker.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { ChoicePickerApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { LEAF_MARGIN, STANDARD_BORDER, STANDARD_RADIUS } from \"./utils\";\n\nexport const ChoicePicker = createLitComponent(\n  ChoicePickerApi,\n  ({ props, context, state, requestUpdate }) => {\n    const local = state as { filter: string };\n    const values = Array.isArray(props.value) ? props.value : [];\n    const isMutuallyExclusive = props.variant === \"mutuallyExclusive\";\n    const onToggle = (val: string) => {\n      if (isMutuallyExclusive) {\n        props.setValue([val]);\n      } else {\n        props.setValue(\n          values.includes(val)\n            ? values.filter((v: string) => v !== val)\n            : [...values, val],\n        );\n      }\n    };\n    const options = (props.options || []).filter(\n      (opt: any) =>\n        !props.filterable ||\n        local.filter === \"\" ||\n        String(opt.label).toLowerCase().includes(local.filter.toLowerCase()),\n    );\n\n    return html`\n      <div\n        style=${styleMap({\n          display: \"flex\",\n          flexDirection: \"column\",\n          gap: \"8px\",\n          margin: LEAF_MARGIN,\n          width: \"100%\",\n        })}\n      >\n        ${\n          props.label\n            ? html`<strong style=\"font-size: 14px;\">${props.label}</strong>`\n            : nothing\n        }\n        ${\n          props.filterable\n            ? html`<input\n              type=\"text\"\n              placeholder=\"Filter options...\"\n              .value=${local.filter}\n              @input=${(e: Event) => {\n                local.filter = (e.target as HTMLInputElement).value;\n                requestUpdate();\n              }}\n              style=${styleMap({\n                padding: \"4px 8px\",\n                border: STANDARD_BORDER,\n                borderRadius: STANDARD_RADIUS,\n              })}\n            />`\n            : nothing\n        }\n        <div\n          style=${styleMap({\n            display: \"flex\",\n            flexDirection: props.displayStyle === \"chips\" ? \"row\" : \"column\",\n            flexWrap: props.displayStyle === \"chips\" ? \"wrap\" : \"nowrap\",\n            gap: \"8px\",\n          })}\n        >\n          ${options.map((opt: any) => {\n            const isSelected = values.includes(opt.value);\n            if (props.displayStyle === \"chips\") {\n              return html`\n                <button\n                  type=\"button\"\n                  @click=${() => onToggle(opt.value)}\n                  style=${styleMap({\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 html`\n              <label\n                style=\"display: flex; align-items: center; gap: 8px; cursor: pointer;\"\n              >\n                <input\n                  type=${isMutuallyExclusive ? \"radio\" : \"checkbox\"}\n                  .checked=${isSelected}\n                  name=${\n                    isMutuallyExclusive\n                      ? `choice-${context.componentModel.id}`\n                      : \"\"\n                  }\n                  @change=${() => onToggle(opt.value)}\n                />\n                <span style=\"font-size: 14px;\">${opt.label}</span>\n              </label>\n            `;\n          })}\n        </div>\n      </div>\n    `;\n  },\n  () => ({ filter: \"\" }),\n);\n"],"mappings":";;;;;;;AAMA,MAAa,eAAeA,mCAC1BC,oDACC,EAAE,OAAO,SAAS,OAAO,oBAAoB;CAC5C,MAAM,QAAQ;CACd,MAAM,SAAS,MAAM,QAAQ,MAAM,MAAM,GAAG,MAAM,QAAQ,EAAE;CAC5D,MAAM,sBAAsB,MAAM,YAAY;CAC9C,MAAM,YAAY,QAAgB;AAChC,MAAI,oBACF,OAAM,SAAS,CAAC,IAAI,CAAC;MAErB,OAAM,SACJ,OAAO,SAAS,IAAI,GAChB,OAAO,QAAQ,MAAc,MAAM,IAAI,GACvC,CAAC,GAAG,QAAQ,IAAI,CACrB;;CAGL,MAAM,WAAW,MAAM,WAAW,EAAE,EAAE,QACnC,QACC,CAAC,MAAM,cACP,MAAM,WAAW,MACjB,OAAO,IAAI,MAAM,CAAC,aAAa,CAAC,SAAS,MAAM,OAAO,aAAa,CAAC,CACvE;AAED,QAAO,QAAI;;0DAEU;EACf,SAAS;EACT,eAAe;EACf,KAAK;EACL,QAAQC;EACR,OAAO;EACR,CAAC,CAAC;;UAGD,MAAM,QACF,QAAI,oCAAoC,MAAM,MAAM,aACpDC,YACL;UAEC,MAAM,aACF,QAAI;;;uBAGK,MAAM,OAAO;wBACZ,MAAa;AACrB,QAAM,SAAU,EAAE,OAA4B;AAC9C,iBAAe;GACf;gEACe;EACf,SAAS;EACT,QAAQC;EACR,cAAcC;EACf,CAAC,CAAC;kBAEHF,YACL;;4DAEkB;EACf,SAAS;EACT,eAAe,MAAM,iBAAiB,UAAU,QAAQ;EACxD,UAAU,MAAM,iBAAiB,UAAU,SAAS;EACpD,KAAK;EACN,CAAC,CAAC;;YAED,QAAQ,KAAK,QAAa;EAC1B,MAAM,aAAa,OAAO,SAAS,IAAI,MAAM;AAC7C,MAAI,MAAM,iBAAiB,QACzB,QAAO,QAAI;;;iCAGQ,SAAS,IAAI,MAAM,CAAC;oEAClB;GACf,SAAS;GACT,cAAc;GACd,QAAQ,aACJ,iDACAC;GACJ,iBAAiB,aACb,uCACA;GACJ,OAAO,aAAa,SAAS;GAC7B,QAAQ;GACR,UAAU;GACX,CAAC,CAAC;;oBAED,IAAI,MAAM;;;AAIlB,SAAO,QAAI;;;;;yBAKE,sBAAsB,UAAU,WAAW;6BACvC,WAAW;yBAEpB,sBACI,UAAU,QAAQ,eAAe,OACjC,GACL;kCACe,SAAS,IAAI,MAAM,CAAC;;iDAEL,IAAI,MAAM;;;GAG/C,CAAC;;;;UAKJ,EAAE,QAAQ,IAAI,EACtB"}

package/dist/web-components/catalog/basic/choice-picker.d.cts

@@ -0,0 +1,8 @@
+import { LitComponentImplementation } from "../../types.cjs";
+import "../../index.cjs";
+
+//#region src/web-components/catalog/basic/choice-picker.d.ts
+declare const ChoicePicker: LitComponentImplementation;
+//#endregion
+export { ChoicePicker };
+//# sourceMappingURL=choice-picker.d.cts.map

package/dist/web-components/catalog/basic/choice-picker.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-picker.d.cts","names":[],"sources":["../../../../src/web-components/catalog/basic/choice-picker.ts"],"mappings":";;;;cAMa,YAAA,EAiHZ,0BAAA"}

package/dist/web-components/catalog/basic/choice-picker.d.mts

@@ -0,0 +1,8 @@
+import { LitComponentImplementation } from "../../types.mjs";
+import "../../index.mjs";
+
+//#region src/web-components/catalog/basic/choice-picker.d.ts
+declare const ChoicePicker: LitComponentImplementation;
+//#endregion
+export { ChoicePicker };
+//# sourceMappingURL=choice-picker.d.mts.map

package/dist/web-components/catalog/basic/choice-picker.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-picker.d.mts","names":[],"sources":["../../../../src/web-components/catalog/basic/choice-picker.ts"],"mappings":";;;;cAMa,YAAA,EAiHZ,0BAAA"}

package/dist/web-components/catalog/basic/choice-picker.mjs

@@ -0,0 +1,90 @@
+import { createLitComponent } from "../../adapter.mjs";
+import { LEAF_MARGIN, STANDARD_BORDER, STANDARD_RADIUS } from "./utils.mjs";
+import { html, nothing } from "lit";
+import { ChoicePickerApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/web-components/catalog/basic/choice-picker.ts
+const ChoicePicker = createLitComponent(ChoicePickerApi, ({ props, context, state, requestUpdate }) => {
+	const local = state;
+	const values = Array.isArray(props.value) ? props.value : [];
+	const isMutuallyExclusive = props.variant === "mutuallyExclusive";
+	const onToggle = (val) => {
+		if (isMutuallyExclusive) props.setValue([val]);
+		else props.setValue(values.includes(val) ? values.filter((v) => v !== val) : [...values, val]);
+	};
+	const options = (props.options || []).filter((opt) => !props.filterable || local.filter === "" || String(opt.label).toLowerCase().includes(local.filter.toLowerCase()));
+	return html`
+      <div
+        style=${styleMap({
+		display: "flex",
+		flexDirection: "column",
+		gap: "8px",
+		margin: LEAF_MARGIN,
+		width: "100%"
+	})}
+      >
+        ${props.label ? html`<strong style="font-size: 14px;">${props.label}</strong>` : nothing}
+        ${props.filterable ? html`<input
+              type="text"
+              placeholder="Filter options..."
+              .value=${local.filter}
+              @input=${(e) => {
+		local.filter = e.target.value;
+		requestUpdate();
+	}}
+              style=${styleMap({
+		padding: "4px 8px",
+		border: STANDARD_BORDER,
+		borderRadius: STANDARD_RADIUS
+	})}
+            />` : nothing}
+        <div
+          style=${styleMap({
+		display: "flex",
+		flexDirection: props.displayStyle === "chips" ? "row" : "column",
+		flexWrap: props.displayStyle === "chips" ? "wrap" : "nowrap",
+		gap: "8px"
+	})}
+        >
+          ${options.map((opt) => {
+		const isSelected = values.includes(opt.value);
+		if (props.displayStyle === "chips") return html`
+                <button
+                  type="button"
+                  @click=${() => onToggle(opt.value)}
+                  style=${styleMap({
+			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"
+		})}
+                >
+                  ${opt.label}
+                </button>
+              `;
+		return html`
+              <label
+                style="display: flex; align-items: center; gap: 8px; cursor: pointer;"
+              >
+                <input
+                  type=${isMutuallyExclusive ? "radio" : "checkbox"}
+                  .checked=${isSelected}
+                  name=${isMutuallyExclusive ? `choice-${context.componentModel.id}` : ""}
+                  @change=${() => onToggle(opt.value)}
+                />
+                <span style="font-size: 14px;">${opt.label}</span>
+              </label>
+            `;
+	})}
+        </div>
+      </div>
+    `;
+}, () => ({ filter: "" }));
+
+//#endregion
+export { ChoicePicker };
+//# sourceMappingURL=choice-picker.mjs.map

package/dist/web-components/catalog/basic/choice-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-picker.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/choice-picker.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { ChoicePickerApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { LEAF_MARGIN, STANDARD_BORDER, STANDARD_RADIUS } from \"./utils\";\n\nexport const ChoicePicker = createLitComponent(\n  ChoicePickerApi,\n  ({ props, context, state, requestUpdate }) => {\n    const local = state as { filter: string };\n    const values = Array.isArray(props.value) ? props.value : [];\n    const isMutuallyExclusive = props.variant === \"mutuallyExclusive\";\n    const onToggle = (val: string) => {\n      if (isMutuallyExclusive) {\n        props.setValue([val]);\n      } else {\n        props.setValue(\n          values.includes(val)\n            ? values.filter((v: string) => v !== val)\n            : [...values, val],\n        );\n      }\n    };\n    const options = (props.options || []).filter(\n      (opt: any) =>\n        !props.filterable ||\n        local.filter === \"\" ||\n        String(opt.label).toLowerCase().includes(local.filter.toLowerCase()),\n    );\n\n    return html`\n      <div\n        style=${styleMap({\n          display: \"flex\",\n          flexDirection: \"column\",\n          gap: \"8px\",\n          margin: LEAF_MARGIN,\n          width: \"100%\",\n        })}\n      >\n        ${\n          props.label\n            ? html`<strong style=\"font-size: 14px;\">${props.label}</strong>`\n            : nothing\n        }\n        ${\n          props.filterable\n            ? html`<input\n              type=\"text\"\n              placeholder=\"Filter options...\"\n              .value=${local.filter}\n              @input=${(e: Event) => {\n                local.filter = (e.target as HTMLInputElement).value;\n                requestUpdate();\n              }}\n              style=${styleMap({\n                padding: \"4px 8px\",\n                border: STANDARD_BORDER,\n                borderRadius: STANDARD_RADIUS,\n              })}\n            />`\n            : nothing\n        }\n        <div\n          style=${styleMap({\n            display: \"flex\",\n            flexDirection: props.displayStyle === \"chips\" ? \"row\" : \"column\",\n            flexWrap: props.displayStyle === \"chips\" ? \"wrap\" : \"nowrap\",\n            gap: \"8px\",\n          })}\n        >\n          ${options.map((opt: any) => {\n            const isSelected = values.includes(opt.value);\n            if (props.displayStyle === \"chips\") {\n              return html`\n                <button\n                  type=\"button\"\n                  @click=${() => onToggle(opt.value)}\n                  style=${styleMap({\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 html`\n              <label\n                style=\"display: flex; align-items: center; gap: 8px; cursor: pointer;\"\n              >\n                <input\n                  type=${isMutuallyExclusive ? \"radio\" : \"checkbox\"}\n                  .checked=${isSelected}\n                  name=${\n                    isMutuallyExclusive\n                      ? `choice-${context.componentModel.id}`\n                      : \"\"\n                  }\n                  @change=${() => onToggle(opt.value)}\n                />\n                <span style=\"font-size: 14px;\">${opt.label}</span>\n              </label>\n            `;\n          })}\n        </div>\n      </div>\n    `;\n  },\n  () => ({ filter: \"\" }),\n);\n"],"mappings":";;;;;;;AAMA,MAAa,eAAe,mBAC1B,kBACC,EAAE,OAAO,SAAS,OAAO,oBAAoB;CAC5C,MAAM,QAAQ;CACd,MAAM,SAAS,MAAM,QAAQ,MAAM,MAAM,GAAG,MAAM,QAAQ,EAAE;CAC5D,MAAM,sBAAsB,MAAM,YAAY;CAC9C,MAAM,YAAY,QAAgB;AAChC,MAAI,oBACF,OAAM,SAAS,CAAC,IAAI,CAAC;MAErB,OAAM,SACJ,OAAO,SAAS,IAAI,GAChB,OAAO,QAAQ,MAAc,MAAM,IAAI,GACvC,CAAC,GAAG,QAAQ,IAAI,CACrB;;CAGL,MAAM,WAAW,MAAM,WAAW,EAAE,EAAE,QACnC,QACC,CAAC,MAAM,cACP,MAAM,WAAW,MACjB,OAAO,IAAI,MAAM,CAAC,aAAa,CAAC,SAAS,MAAM,OAAO,aAAa,CAAC,CACvE;AAED,QAAO,IAAI;;gBAEC,SAAS;EACf,SAAS;EACT,eAAe;EACf,KAAK;EACL,QAAQ;EACR,OAAO;EACR,CAAC,CAAC;;UAGD,MAAM,QACF,IAAI,oCAAoC,MAAM,MAAM,aACpD,QACL;UAEC,MAAM,aACF,IAAI;;;uBAGK,MAAM,OAAO;wBACZ,MAAa;AACrB,QAAM,SAAU,EAAE,OAA4B;AAC9C,iBAAe;GACf;sBACM,SAAS;EACf,SAAS;EACT,QAAQ;EACR,cAAc;EACf,CAAC,CAAC;kBAEH,QACL;;kBAES,SAAS;EACf,SAAS;EACT,eAAe,MAAM,iBAAiB,UAAU,QAAQ;EACxD,UAAU,MAAM,iBAAiB,UAAU,SAAS;EACpD,KAAK;EACN,CAAC,CAAC;;YAED,QAAQ,KAAK,QAAa;EAC1B,MAAM,aAAa,OAAO,SAAS,IAAI,MAAM;AAC7C,MAAI,MAAM,iBAAiB,QACzB,QAAO,IAAI;;;iCAGQ,SAAS,IAAI,MAAM,CAAC;0BAC3B,SAAS;GACf,SAAS;GACT,cAAc;GACd,QAAQ,aACJ,iDACA;GACJ,iBAAiB,aACb,uCACA;GACJ,OAAO,aAAa,SAAS;GAC7B,QAAQ;GACR,UAAU;GACX,CAAC,CAAC;;oBAED,IAAI,MAAM;;;AAIlB,SAAO,IAAI;;;;;yBAKE,sBAAsB,UAAU,WAAW;6BACvC,WAAW;yBAEpB,sBACI,UAAU,QAAQ,eAAe,OACjC,GACL;kCACe,SAAS,IAAI,MAAM,CAAC;;iDAEL,IAAI,MAAM;;;GAG/C,CAAC;;;;UAKJ,EAAE,QAAQ,IAAI,EACtB"}

package/dist/web-components/catalog/basic/column.cjs

@@ -0,0 +1,27 @@
+const require_adapter = require('../../adapter.cjs');
+const require_utils = require('./utils.cjs');
+const require_children = require('../children.cjs');
+let lit = require("lit");
+let _a2ui_web_core_v0_9_basic_catalog = require("@a2ui/web_core/v0_9/basic_catalog");
+let lit_directives_style_map_js = require("lit/directives/style-map.js");
+
+//#region src/web-components/catalog/basic/column.ts
+const Column = require_adapter.createLitComponent(_a2ui_web_core_v0_9_basic_catalog.ColumnApi, ({ 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),
+	width: "100%",
+	margin: "0",
+	padding: "0"
+})}
+    >
+      ${require_children.renderChildList(props.children, buildChild)}
+    </div>
+  `);
+
+//#endregion
+exports.Column = Column;
+//# sourceMappingURL=column.cjs.map

package/dist/web-components/catalog/basic/column.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.cjs","names":["createLitComponent","ColumnApi","mapJustify","mapAlign","renderChildList"],"sources":["../../../../src/web-components/catalog/basic/column.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { ColumnApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { renderChildList } from \"../children\";\nimport { mapAlign, mapJustify } from \"./utils\";\n\nexport const Column = createLitComponent(\n  ColumnApi,\n  ({ props, buildChild }) => html`\n    <div\n      style=${styleMap({\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: mapJustify(props.justify),\n        alignItems: mapAlign(props.align),\n        width: \"100%\",\n        margin: \"0\",\n        padding: \"0\",\n      })}\n    >\n      ${renderChildList(props.children, buildChild)}\n    </div>\n  `,\n);\n"],"mappings":";;;;;;;;AAOA,MAAa,SAASA,mCACpBC,8CACC,EAAE,OAAO,iBAAiB,QAAI;;wDAEV;CACf,SAAS;CACT,eAAe;CACf,gBAAgBC,yBAAW,MAAM,QAAQ;CACzC,YAAYC,uBAAS,MAAM,MAAM;CACjC,OAAO;CACP,QAAQ;CACR,SAAS;CACV,CAAC,CAAC;;QAEDC,iCAAgB,MAAM,UAAU,WAAW,CAAC;;IAGnD"}

package/dist/web-components/catalog/basic/column.d.cts

@@ -0,0 +1,8 @@
+import { LitComponentImplementation } from "../../types.cjs";
+import "../../index.cjs";
+
+//#region src/web-components/catalog/basic/column.d.ts
+declare const Column: LitComponentImplementation;
+//#endregion
+export { Column };
+//# sourceMappingURL=column.d.cts.map

package/dist/web-components/catalog/basic/column.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.d.cts","names":[],"sources":["../../../../src/web-components/catalog/basic/column.ts"],"mappings":";;;;cAOa,MAAA,EAiBZ,0BAAA"}

package/dist/web-components/catalog/basic/column.d.mts

@@ -0,0 +1,8 @@
+import { LitComponentImplementation } from "../../types.mjs";
+import "../../index.mjs";
+
+//#region src/web-components/catalog/basic/column.d.ts
+declare const Column: LitComponentImplementation;
+//#endregion
+export { Column };
+//# sourceMappingURL=column.d.mts.map

package/dist/web-components/catalog/basic/column.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.d.mts","names":[],"sources":["../../../../src/web-components/catalog/basic/column.ts"],"mappings":";;;;cAOa,MAAA,EAiBZ,0BAAA"}

package/dist/web-components/catalog/basic/column.mjs

@@ -0,0 +1,27 @@
+import { createLitComponent } from "../../adapter.mjs";
+import { mapAlign, mapJustify } from "./utils.mjs";
+import { renderChildList } from "../children.mjs";
+import { html } from "lit";
+import { ColumnApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/web-components/catalog/basic/column.ts
+const Column = createLitComponent(ColumnApi, ({ props, buildChild }) => html`
+    <div
+      style=${styleMap({
+	display: "flex",
+	flexDirection: "column",
+	justifyContent: mapJustify(props.justify),
+	alignItems: mapAlign(props.align),
+	width: "100%",
+	margin: "0",
+	padding: "0"
+})}
+    >
+      ${renderChildList(props.children, buildChild)}
+    </div>
+  `);
+
+//#endregion
+export { Column };
+//# sourceMappingURL=column.mjs.map

package/dist/web-components/catalog/basic/column.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/column.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { ColumnApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { renderChildList } from \"../children\";\nimport { mapAlign, mapJustify } from \"./utils\";\n\nexport const Column = createLitComponent(\n  ColumnApi,\n  ({ props, buildChild }) => html`\n    <div\n      style=${styleMap({\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: mapJustify(props.justify),\n        alignItems: mapAlign(props.align),\n        width: \"100%\",\n        margin: \"0\",\n        padding: \"0\",\n      })}\n    >\n      ${renderChildList(props.children, buildChild)}\n    </div>\n  `,\n);\n"],"mappings":";;;;;;;;AAOA,MAAa,SAAS,mBACpB,YACC,EAAE,OAAO,iBAAiB,IAAI;;cAEnB,SAAS;CACf,SAAS;CACT,eAAe;CACf,gBAAgB,WAAW,MAAM,QAAQ;CACzC,YAAY,SAAS,MAAM,MAAM;CACjC,OAAO;CACP,QAAQ;CACR,SAAS;CACV,CAAC,CAAC;;QAED,gBAAgB,MAAM,UAAU,WAAW,CAAC;;IAGnD"}