@copilotkit/a2ui-renderer 1.60.1 → 1.61.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/image.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { ImageApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { getBaseLeafStyle } from \"./utils\";\n\nexport const Image = createLitComponent(ImageApi, ({ props }) => {\n  const mapFit = (fit?: string): string => {\n    if (fit === \"scaleDown\") return \"scale-down\";\n    return fit || \"fill\";\n  };\n  const style: Record<string, string> = {\n    ...getBaseLeafStyle(),\n    objectFit: mapFit(props.fit),\n    width: \"100%\",\n    height: \"auto\",\n    display: \"block\",\n  } as Record<string, string>;\n\n  if (props.variant === \"icon\") {\n    style.width = \"24px\";\n    style.height = \"24px\";\n  } else if (props.variant === \"avatar\") {\n    style.width = \"40px\";\n    style.height = \"40px\";\n    style.borderRadius = \"50%\";\n  } else if (props.variant === \"smallFeature\") {\n    style.maxWidth = \"100px\";\n  } else if (props.variant === \"largeFeature\") {\n    style.maxHeight = \"400px\";\n  } else if (props.variant === \"header\") {\n    style.height = \"200px\";\n    style.objectFit = \"cover\";\n  }\n\n  return html`<img\n    src=${props.url ?? \"\"}\n    alt=${props.description ?? \"\"}\n    style=${styleMap(style)}\n  />`;\n});\n"],"mappings":";;;;;;;AAMA,MAAa,QAAQ,mBAAmB,WAAW,EAAE,YAAY;CAC/D,MAAM,UAAU,QAAyB;AACvC,MAAI,QAAQ,YAAa,QAAO;AAChC,SAAO,OAAO;;CAEhB,MAAM,QAAgC;EACpC,GAAG,kBAAkB;EACrB,WAAW,OAAO,MAAM,IAAI;EAC5B,OAAO;EACP,QAAQ;EACR,SAAS;EACV;AAED,KAAI,MAAM,YAAY,QAAQ;AAC5B,QAAM,QAAQ;AACd,QAAM,SAAS;YACN,MAAM,YAAY,UAAU;AACrC,QAAM,QAAQ;AACd,QAAM,SAAS;AACf,QAAM,eAAe;YACZ,MAAM,YAAY,eAC3B,OAAM,WAAW;UACR,MAAM,YAAY,eAC3B,OAAM,YAAY;UACT,MAAM,YAAY,UAAU;AACrC,QAAM,SAAS;AACf,QAAM,YAAY;;AAGpB,QAAO,IAAI;UACH,MAAM,OAAO,GAAG;UAChB,MAAM,eAAe,GAAG;YACtB,SAAS,MAAM,CAAC;;EAE1B"}

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

@@ -0,0 +1,31 @@
+const require_utils = require('./utils.cjs');
+const require_audio_player = require('./audio-player.cjs');
+const require_button = require('./button.cjs');
+const require_card = require('./card.cjs');
+const require_check_box = require('./check-box.cjs');
+const require_choice_picker = require('./choice-picker.cjs');
+const require_column = require('./column.cjs');
+const require_date_time_input = require('./date-time-input.cjs');
+const require_divider = require('./divider.cjs');
+const require_icon = require('./icon.cjs');
+const require_image = require('./image.cjs');
+const require_list = require('./list.cjs');
+const require_modal = require('./modal.cjs');
+const require_row = require('./row.cjs');
+const require_slider = require('./slider.cjs');
+const require_tabs = require('./tabs.cjs');
+const require_text = require('./text.cjs');
+const require_text_field = require('./text-field.cjs');
+const require_video = require('./video.cjs');
+const require_components = require('./components.cjs');
+let _a2ui_web_core_v0_9 = require("@a2ui/web_core/v0_9");
+let _a2ui_web_core_v0_9_basic_catalog = require("@a2ui/web_core/v0_9/basic_catalog");
+
+//#region src/web-components/catalog/basic/index.ts
+const basicCatalog = new _a2ui_web_core_v0_9.Catalog("https://a2ui.org/specification/v0_9/basic_catalog.json", require_components.basicComponents, _a2ui_web_core_v0_9_basic_catalog.BASIC_FUNCTIONS);
+const fullCatalog = basicCatalog;
+
+//#endregion
+exports.basicCatalog = basicCatalog;
+exports.fullCatalog = fullCatalog;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Catalog","basicComponents","BASIC_FUNCTIONS"],"sources":["../../../../src/web-components/catalog/basic/index.ts"],"sourcesContent":["import { Catalog } from \"@a2ui/web_core/v0_9\";\nimport { BASIC_FUNCTIONS } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport type { LitComponentImplementation } from \"../../types\";\nimport { basicComponents } from \"./components\";\n\nexport * from \"./components\";\nexport {\n  getBaseContainerStyle,\n  getBaseLeafStyle,\n  LEAF_MARGIN,\n  mapAlign,\n  mapJustify,\n  STANDARD_BORDER,\n  STANDARD_RADIUS,\n} from \"./utils\";\n\nexport const basicCatalog = new Catalog<LitComponentImplementation>(\n  \"https://a2ui.org/specification/v0_9/basic_catalog.json\",\n  basicComponents,\n  BASIC_FUNCTIONS,\n);\n\nexport const fullCatalog = basicCatalog;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAa,eAAe,IAAIA,4BAC9B,0DACAC,oCACAC,kDACD;AAED,MAAa,cAAc"}

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

@@ -0,0 +1,29 @@
+import { LitComponentImplementation } from "../../types.cjs";
+import { AudioPlayer } from "./audio-player.cjs";
+import { Button } from "./button.cjs";
+import { Card } from "./card.cjs";
+import { CheckBox } from "./check-box.cjs";
+import { ChoicePicker } from "./choice-picker.cjs";
+import { Column } from "./column.cjs";
+import { DateTimeInput } from "./date-time-input.cjs";
+import { Divider } from "./divider.cjs";
+import { Icon } from "./icon.cjs";
+import { Image } from "./image.cjs";
+import { List } from "./list.cjs";
+import { Modal } from "./modal.cjs";
+import { Row } from "./row.cjs";
+import { Slider } from "./slider.cjs";
+import { Tabs } from "./tabs.cjs";
+import { Text } from "./text.cjs";
+import { TextField } from "./text-field.cjs";
+import { Video } from "./video.cjs";
+import "./components.cjs";
+import "./utils.cjs";
+import { Catalog } from "@a2ui/web_core/v0_9";
+
+//#region src/web-components/catalog/basic/index.d.ts
+declare const basicCatalog: Catalog<LitComponentImplementation>;
+declare const fullCatalog: Catalog<LitComponentImplementation>;
+//#endregion
+export { basicCatalog, fullCatalog };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../../../src/web-components/catalog/basic/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;cAgBa,YAAA,EAAY,OAAA,CAAA,0BAAA;AAAA,cAMZ,WAAA,EAAW,OAAA,CAAA,0BAAA"}

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

@@ -0,0 +1,29 @@
+import { LitComponentImplementation } from "../../types.mjs";
+import { AudioPlayer } from "./audio-player.mjs";
+import { Button } from "./button.mjs";
+import { Card } from "./card.mjs";
+import { CheckBox } from "./check-box.mjs";
+import { ChoicePicker } from "./choice-picker.mjs";
+import { Column } from "./column.mjs";
+import { DateTimeInput } from "./date-time-input.mjs";
+import { Divider } from "./divider.mjs";
+import { Icon } from "./icon.mjs";
+import { Image } from "./image.mjs";
+import { List } from "./list.mjs";
+import { Modal } from "./modal.mjs";
+import { Row } from "./row.mjs";
+import { Slider } from "./slider.mjs";
+import { Tabs } from "./tabs.mjs";
+import { Text } from "./text.mjs";
+import { TextField } from "./text-field.mjs";
+import { Video } from "./video.mjs";
+import "./components.mjs";
+import "./utils.mjs";
+import { Catalog } from "@a2ui/web_core/v0_9";
+
+//#region src/web-components/catalog/basic/index.d.ts
+declare const basicCatalog: Catalog<LitComponentImplementation>;
+declare const fullCatalog: Catalog<LitComponentImplementation>;
+//#endregion
+export { basicCatalog, fullCatalog };
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/web-components/catalog/basic/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;cAgBa,YAAA,EAAY,OAAA,CAAA,0BAAA;AAAA,cAMZ,WAAA,EAAW,OAAA,CAAA,0BAAA"}

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

@@ -0,0 +1,30 @@
+import { LEAF_MARGIN, STANDARD_BORDER, STANDARD_RADIUS, getBaseContainerStyle, getBaseLeafStyle, mapAlign, mapJustify } from "./utils.mjs";
+import { AudioPlayer } from "./audio-player.mjs";
+import { Button } from "./button.mjs";
+import { Card } from "./card.mjs";
+import { CheckBox } from "./check-box.mjs";
+import { ChoicePicker } from "./choice-picker.mjs";
+import { Column } from "./column.mjs";
+import { DateTimeInput } from "./date-time-input.mjs";
+import { Divider } from "./divider.mjs";
+import { Icon } from "./icon.mjs";
+import { Image } from "./image.mjs";
+import { List } from "./list.mjs";
+import { Modal } from "./modal.mjs";
+import { Row } from "./row.mjs";
+import { Slider } from "./slider.mjs";
+import { Tabs } from "./tabs.mjs";
+import { Text } from "./text.mjs";
+import { TextField } from "./text-field.mjs";
+import { Video } from "./video.mjs";
+import { basicComponents } from "./components.mjs";
+import { Catalog } from "@a2ui/web_core/v0_9";
+import { BASIC_FUNCTIONS } from "@a2ui/web_core/v0_9/basic_catalog";
+
+//#region src/web-components/catalog/basic/index.ts
+const basicCatalog = new Catalog("https://a2ui.org/specification/v0_9/basic_catalog.json", basicComponents, BASIC_FUNCTIONS);
+const fullCatalog = basicCatalog;
+
+//#endregion
+export { basicCatalog, fullCatalog };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/index.ts"],"sourcesContent":["import { Catalog } from \"@a2ui/web_core/v0_9\";\nimport { BASIC_FUNCTIONS } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport type { LitComponentImplementation } from \"../../types\";\nimport { basicComponents } from \"./components\";\n\nexport * from \"./components\";\nexport {\n  getBaseContainerStyle,\n  getBaseLeafStyle,\n  LEAF_MARGIN,\n  mapAlign,\n  mapJustify,\n  STANDARD_BORDER,\n  STANDARD_RADIUS,\n} from \"./utils\";\n\nexport const basicCatalog = new Catalog<LitComponentImplementation>(\n  \"https://a2ui.org/specification/v0_9/basic_catalog.json\",\n  basicComponents,\n  BASIC_FUNCTIONS,\n);\n\nexport const fullCatalog = basicCatalog;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAa,eAAe,IAAI,QAC9B,0DACA,iBACA,gBACD;AAED,MAAa,cAAc"}

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

@@ -0,0 +1,31 @@
+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/list.ts
+const List = require_adapter.createLitComponent(_a2ui_web_core_v0_9_basic_catalog.ListApi, ({ props, buildChild }) => {
+	const isHorizontal = props.direction === "horizontal";
+	return lit.html`
+    <div
+      style=${(0, lit_directives_style_map_js.styleMap)({
+		display: "flex",
+		flexDirection: isHorizontal ? "row" : "column",
+		alignItems: require_utils.mapAlign(props.align),
+		overflowX: isHorizontal ? "auto" : "hidden",
+		overflowY: isHorizontal ? "hidden" : "auto",
+		width: "100%",
+		margin: "0",
+		padding: "0"
+	})}
+    >
+      ${require_children.renderChildList(props.children, buildChild)}
+    </div>
+  `;
+});
+
+//#endregion
+exports.List = List;
+//# sourceMappingURL=list.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.cjs","names":["createLitComponent","ListApi","mapAlign","renderChildList"],"sources":["../../../../src/web-components/catalog/basic/list.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { ListApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { renderChildList } from \"../children\";\nimport { mapAlign } from \"./utils\";\n\nexport const List = createLitComponent(ListApi, ({ props, buildChild }) => {\n  const isHorizontal = props.direction === \"horizontal\";\n  return html`\n    <div\n      style=${styleMap({\n        display: \"flex\",\n        flexDirection: isHorizontal ? \"row\" : \"column\",\n        alignItems: mapAlign(props.align),\n        overflowX: isHorizontal ? \"auto\" : \"hidden\",\n        overflowY: isHorizontal ? \"hidden\" : \"auto\",\n        width: \"100%\",\n        margin: \"0\",\n        padding: \"0\",\n      })}\n    >\n      ${renderChildList(props.children, buildChild)}\n    </div>\n  `;\n});\n"],"mappings":";;;;;;;;AAOA,MAAa,OAAOA,mCAAmBC,4CAAU,EAAE,OAAO,iBAAiB;CACzE,MAAM,eAAe,MAAM,cAAc;AACzC,QAAO,QAAI;;wDAEU;EACf,SAAS;EACT,eAAe,eAAe,QAAQ;EACtC,YAAYC,uBAAS,MAAM,MAAM;EACjC,WAAW,eAAe,SAAS;EACnC,WAAW,eAAe,WAAW;EACrC,OAAO;EACP,QAAQ;EACR,SAAS;EACV,CAAC,CAAC;;QAEDC,iCAAgB,MAAM,UAAU,WAAW,CAAC;;;EAGlD"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,31 @@
+import { createLitComponent } from "../../adapter.mjs";
+import { mapAlign } from "./utils.mjs";
+import { renderChildList } from "../children.mjs";
+import { html } from "lit";
+import { ListApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/web-components/catalog/basic/list.ts
+const List = createLitComponent(ListApi, ({ props, buildChild }) => {
+	const isHorizontal = props.direction === "horizontal";
+	return html`
+    <div
+      style=${styleMap({
+		display: "flex",
+		flexDirection: isHorizontal ? "row" : "column",
+		alignItems: mapAlign(props.align),
+		overflowX: isHorizontal ? "auto" : "hidden",
+		overflowY: isHorizontal ? "hidden" : "auto",
+		width: "100%",
+		margin: "0",
+		padding: "0"
+	})}
+    >
+      ${renderChildList(props.children, buildChild)}
+    </div>
+  `;
+});
+
+//#endregion
+export { List };
+//# sourceMappingURL=list.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/list.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { ListApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { renderChildList } from \"../children\";\nimport { mapAlign } from \"./utils\";\n\nexport const List = createLitComponent(ListApi, ({ props, buildChild }) => {\n  const isHorizontal = props.direction === \"horizontal\";\n  return html`\n    <div\n      style=${styleMap({\n        display: \"flex\",\n        flexDirection: isHorizontal ? \"row\" : \"column\",\n        alignItems: mapAlign(props.align),\n        overflowX: isHorizontal ? \"auto\" : \"hidden\",\n        overflowY: isHorizontal ? \"hidden\" : \"auto\",\n        width: \"100%\",\n        margin: \"0\",\n        padding: \"0\",\n      })}\n    >\n      ${renderChildList(props.children, buildChild)}\n    </div>\n  `;\n});\n"],"mappings":";;;;;;;;AAOA,MAAa,OAAO,mBAAmB,UAAU,EAAE,OAAO,iBAAiB;CACzE,MAAM,eAAe,MAAM,cAAc;AACzC,QAAO,IAAI;;cAEC,SAAS;EACf,SAAS;EACT,eAAe,eAAe,QAAQ;EACtC,YAAY,SAAS,MAAM,MAAM;EACjC,WAAW,eAAe,SAAS;EACnC,WAAW,eAAe,WAAW;EACrC,OAAO;EACP,QAAQ;EACR,SAAS;EACV,CAAC,CAAC;;QAED,gBAAgB,MAAM,UAAU,WAAW,CAAC;;;EAGlD"}

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

@@ -0,0 +1,80 @@
+const require_adapter = require('../../adapter.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/modal.ts
+const Modal = require_adapter.createLitComponent(_a2ui_web_core_v0_9_basic_catalog.ModalApi, ({ props, buildChild, state, requestUpdate }) => {
+	const local = state;
+	return lit.html`
+      <div
+        @click=${() => {
+		local.isOpen = true;
+		requestUpdate();
+	}}
+        style="display: inline-block;"
+      >
+        ${props.trigger ? buildChild(props.trigger) : lit.nothing}
+      </div>
+      ${local.isOpen ? lit.html`
+            <div
+              style=${(0, lit_directives_style_map_js.styleMap)({
+		position: "fixed",
+		top: "0",
+		left: "0",
+		right: "0",
+		bottom: "0",
+		backgroundColor: "rgba(0,0,0,0.5)",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		zIndex: "1000"
+	})}
+              @click=${() => {
+		local.isOpen = false;
+		requestUpdate();
+	}}
+            >
+              <div
+                style=${(0, lit_directives_style_map_js.styleMap)({
+		backgroundColor: "#fff",
+		padding: "24px",
+		borderRadius: "8px",
+		maxWidth: "90%",
+		maxHeight: "90%",
+		overflow: "auto",
+		display: "flex",
+		flexDirection: "column"
+	})}
+                @click=${(e) => e.stopPropagation()}
+              >
+                <div style="display: flex; justify-content: flex-end;">
+                  <button
+                    type="button"
+                    @click=${() => {
+		local.isOpen = false;
+		requestUpdate();
+	}}
+                    style=${(0, lit_directives_style_map_js.styleMap)({
+		border: "none",
+		background: "none",
+		fontSize: "20px",
+		cursor: "pointer",
+		padding: "4px"
+	})}
+                  >
+                    &times;
+                  </button>
+                </div>
+                <div style="flex: 1;">
+                  ${props.content ? buildChild(props.content) : lit.nothing}
+                </div>
+              </div>
+            </div>
+          ` : lit.nothing}
+    `;
+}, () => ({ isOpen: false }));
+
+//#endregion
+exports.Modal = Modal;
+//# sourceMappingURL=modal.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.cjs","names":["createLitComponent","ModalApi","nothing"],"sources":["../../../../src/web-components/catalog/basic/modal.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { ModalApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\n\nexport const Modal = createLitComponent(\n  ModalApi,\n  ({ props, buildChild, state, requestUpdate }) => {\n    const local = state as { isOpen: boolean };\n    return html`\n      <div\n        @click=${() => {\n          local.isOpen = true;\n          requestUpdate();\n        }}\n        style=\"display: inline-block;\"\n      >\n        ${props.trigger ? buildChild(props.trigger) : nothing}\n      </div>\n      ${\n        local.isOpen\n          ? html`\n            <div\n              style=${styleMap({\n                position: \"fixed\",\n                top: \"0\",\n                left: \"0\",\n                right: \"0\",\n                bottom: \"0\",\n                backgroundColor: \"rgba(0,0,0,0.5)\",\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n                zIndex: \"1000\",\n              })}\n              @click=${() => {\n                local.isOpen = false;\n                requestUpdate();\n              }}\n            >\n              <div\n                style=${styleMap({\n                  backgroundColor: \"#fff\",\n                  padding: \"24px\",\n                  borderRadius: \"8px\",\n                  maxWidth: \"90%\",\n                  maxHeight: \"90%\",\n                  overflow: \"auto\",\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                })}\n                @click=${(e: Event) => e.stopPropagation()}\n              >\n                <div style=\"display: flex; justify-content: flex-end;\">\n                  <button\n                    type=\"button\"\n                    @click=${() => {\n                      local.isOpen = false;\n                      requestUpdate();\n                    }}\n                    style=${styleMap({\n                      border: \"none\",\n                      background: \"none\",\n                      fontSize: \"20px\",\n                      cursor: \"pointer\",\n                      padding: \"4px\",\n                    })}\n                  >\n                    &times;\n                  </button>\n                </div>\n                <div style=\"flex: 1;\">\n                  ${props.content ? buildChild(props.content) : nothing}\n                </div>\n              </div>\n            </div>\n          `\n          : nothing\n      }\n    `;\n  },\n  () => ({ isOpen: false }),\n);\n"],"mappings":";;;;;;AAKA,MAAa,QAAQA,mCACnBC,6CACC,EAAE,OAAO,YAAY,OAAO,oBAAoB;CAC/C,MAAM,QAAQ;AACd,QAAO,QAAI;;uBAEQ;AACb,QAAM,SAAS;AACf,iBAAe;GACf;;;UAGA,MAAM,UAAU,WAAW,MAAM,QAAQ,GAAGC,YAAQ;;QAGtD,MAAM,SACF,QAAI;;gEAEe;EACf,UAAU;EACV,KAAK;EACL,MAAM;EACN,OAAO;EACP,QAAQ;EACR,iBAAiB;EACjB,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,QAAQ;EACT,CAAC,CAAC;6BACY;AACb,QAAM,SAAS;AACf,iBAAe;GACf;;;kEAGiB;EACf,iBAAiB;EACjB,SAAS;EACT,cAAc;EACd,UAAU;EACV,WAAW;EACX,UAAU;EACV,SAAS;EACT,eAAe;EAChB,CAAC,CAAC;0BACO,MAAa,EAAE,iBAAiB,CAAC;;;;;mCAKxB;AACb,QAAM,SAAS;AACf,iBAAe;GACf;sEACe;EACf,QAAQ;EACR,YAAY;EACZ,UAAU;EACV,QAAQ;EACR,SAAS;EACV,CAAC,CAAC;;;;;;oBAMH,MAAM,UAAU,WAAW,MAAM,QAAQ,GAAGA,YAAQ;;;;cAK5DA,YACL;;UAGE,EAAE,QAAQ,OAAO,EACzB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.cts","names":[],"sources":["../../../../src/web-components/catalog/basic/modal.ts"],"mappings":";;;;cAKa,KAAA,EA6EZ,0BAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.mts","names":[],"sources":["../../../../src/web-components/catalog/basic/modal.ts"],"mappings":";;;;cAKa,KAAA,EA6EZ,0BAAA"}

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

@@ -0,0 +1,80 @@
+import { createLitComponent } from "../../adapter.mjs";
+import { html, nothing } from "lit";
+import { ModalApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/web-components/catalog/basic/modal.ts
+const Modal = createLitComponent(ModalApi, ({ props, buildChild, state, requestUpdate }) => {
+	const local = state;
+	return html`
+      <div
+        @click=${() => {
+		local.isOpen = true;
+		requestUpdate();
+	}}
+        style="display: inline-block;"
+      >
+        ${props.trigger ? buildChild(props.trigger) : nothing}
+      </div>
+      ${local.isOpen ? html`
+            <div
+              style=${styleMap({
+		position: "fixed",
+		top: "0",
+		left: "0",
+		right: "0",
+		bottom: "0",
+		backgroundColor: "rgba(0,0,0,0.5)",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		zIndex: "1000"
+	})}
+              @click=${() => {
+		local.isOpen = false;
+		requestUpdate();
+	}}
+            >
+              <div
+                style=${styleMap({
+		backgroundColor: "#fff",
+		padding: "24px",
+		borderRadius: "8px",
+		maxWidth: "90%",
+		maxHeight: "90%",
+		overflow: "auto",
+		display: "flex",
+		flexDirection: "column"
+	})}
+                @click=${(e) => e.stopPropagation()}
+              >
+                <div style="display: flex; justify-content: flex-end;">
+                  <button
+                    type="button"
+                    @click=${() => {
+		local.isOpen = false;
+		requestUpdate();
+	}}
+                    style=${styleMap({
+		border: "none",
+		background: "none",
+		fontSize: "20px",
+		cursor: "pointer",
+		padding: "4px"
+	})}
+                  >
+                    &times;
+                  </button>
+                </div>
+                <div style="flex: 1;">
+                  ${props.content ? buildChild(props.content) : nothing}
+                </div>
+              </div>
+            </div>
+          ` : nothing}
+    `;
+}, () => ({ isOpen: false }));
+
+//#endregion
+export { Modal };
+//# sourceMappingURL=modal.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/modal.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { ModalApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\n\nexport const Modal = createLitComponent(\n  ModalApi,\n  ({ props, buildChild, state, requestUpdate }) => {\n    const local = state as { isOpen: boolean };\n    return html`\n      <div\n        @click=${() => {\n          local.isOpen = true;\n          requestUpdate();\n        }}\n        style=\"display: inline-block;\"\n      >\n        ${props.trigger ? buildChild(props.trigger) : nothing}\n      </div>\n      ${\n        local.isOpen\n          ? html`\n            <div\n              style=${styleMap({\n                position: \"fixed\",\n                top: \"0\",\n                left: \"0\",\n                right: \"0\",\n                bottom: \"0\",\n                backgroundColor: \"rgba(0,0,0,0.5)\",\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n                zIndex: \"1000\",\n              })}\n              @click=${() => {\n                local.isOpen = false;\n                requestUpdate();\n              }}\n            >\n              <div\n                style=${styleMap({\n                  backgroundColor: \"#fff\",\n                  padding: \"24px\",\n                  borderRadius: \"8px\",\n                  maxWidth: \"90%\",\n                  maxHeight: \"90%\",\n                  overflow: \"auto\",\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                })}\n                @click=${(e: Event) => e.stopPropagation()}\n              >\n                <div style=\"display: flex; justify-content: flex-end;\">\n                  <button\n                    type=\"button\"\n                    @click=${() => {\n                      local.isOpen = false;\n                      requestUpdate();\n                    }}\n                    style=${styleMap({\n                      border: \"none\",\n                      background: \"none\",\n                      fontSize: \"20px\",\n                      cursor: \"pointer\",\n                      padding: \"4px\",\n                    })}\n                  >\n                    &times;\n                  </button>\n                </div>\n                <div style=\"flex: 1;\">\n                  ${props.content ? buildChild(props.content) : nothing}\n                </div>\n              </div>\n            </div>\n          `\n          : nothing\n      }\n    `;\n  },\n  () => ({ isOpen: false }),\n);\n"],"mappings":";;;;;;AAKA,MAAa,QAAQ,mBACnB,WACC,EAAE,OAAO,YAAY,OAAO,oBAAoB;CAC/C,MAAM,QAAQ;AACd,QAAO,IAAI;;uBAEQ;AACb,QAAM,SAAS;AACf,iBAAe;GACf;;;UAGA,MAAM,UAAU,WAAW,MAAM,QAAQ,GAAG,QAAQ;;QAGtD,MAAM,SACF,IAAI;;sBAEM,SAAS;EACf,UAAU;EACV,KAAK;EACL,MAAM;EACN,OAAO;EACP,QAAQ;EACR,iBAAiB;EACjB,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,QAAQ;EACT,CAAC,CAAC;6BACY;AACb,QAAM,SAAS;AACf,iBAAe;GACf;;;wBAGQ,SAAS;EACf,iBAAiB;EACjB,SAAS;EACT,cAAc;EACd,UAAU;EACV,WAAW;EACX,UAAU;EACV,SAAS;EACT,eAAe;EAChB,CAAC,CAAC;0BACO,MAAa,EAAE,iBAAiB,CAAC;;;;;mCAKxB;AACb,QAAM,SAAS;AACf,iBAAe;GACf;4BACM,SAAS;EACf,QAAQ;EACR,YAAY;EACZ,UAAU;EACV,QAAQ;EACR,SAAS;EACV,CAAC,CAAC;;;;;;oBAMH,MAAM,UAAU,WAAW,MAAM,QAAQ,GAAG,QAAQ;;;;cAK5D,QACL;;UAGE,EAAE,QAAQ,OAAO,EACzB"}

package/dist/web-components/catalog/basic/row.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/row.ts
+const Row = require_adapter.createLitComponent(_a2ui_web_core_v0_9_basic_catalog.RowApi, ({ props, buildChild }) => lit.html`
+  <div
+    style=${(0, lit_directives_style_map_js.styleMap)({
+	display: "flex",
+	flexDirection: "row",
+	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.Row = Row;
+//# sourceMappingURL=row.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"row.cjs","names":["createLitComponent","RowApi","mapJustify","mapAlign","renderChildList"],"sources":["../../../../src/web-components/catalog/basic/row.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { RowApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { renderChildList } from \"../children\";\nimport { mapAlign, mapJustify } from \"./utils\";\n\nexport const Row = createLitComponent(\n  RowApi,\n  ({ props, buildChild }) => html`\n  <div\n    style=${styleMap({\n      display: \"flex\",\n      flexDirection: \"row\",\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,MAAMA,mCACjBC,2CACC,EAAE,OAAO,iBAAiB,QAAI;;sDAEZ;CACf,SAAS;CACT,eAAe;CACf,gBAAgBC,yBAAW,MAAM,QAAQ;CACzC,YAAYC,uBAAS,MAAM,MAAM;CACjC,OAAO;CACP,QAAQ;CACR,SAAS;CACV,CAAC,CAAC;;MAEDC,iCAAgB,MAAM,UAAU,WAAW,CAAC;;EAGjD"}

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

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

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

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

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

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

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

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

package/dist/web-components/catalog/basic/row.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 { RowApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/web-components/catalog/basic/row.ts
+const Row = createLitComponent(RowApi, ({ props, buildChild }) => html`
+  <div
+    style=${styleMap({
+	display: "flex",
+	flexDirection: "row",
+	justifyContent: mapJustify(props.justify),
+	alignItems: mapAlign(props.align),
+	width: "100%",
+	margin: "0",
+	padding: "0"
+})}
+  >
+    ${renderChildList(props.children, buildChild)}
+  </div>
+`);
+
+//#endregion
+export { Row };
+//# sourceMappingURL=row.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"row.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/row.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { RowApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { renderChildList } from \"../children\";\nimport { mapAlign, mapJustify } from \"./utils\";\n\nexport const Row = createLitComponent(\n  RowApi,\n  ({ props, buildChild }) => html`\n  <div\n    style=${styleMap({\n      display: \"flex\",\n      flexDirection: \"row\",\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,MAAM,mBACjB,SACC,EAAE,OAAO,iBAAiB,IAAI;;YAErB,SAAS;CACf,SAAS;CACT,eAAe;CACf,gBAAgB,WAAW,MAAM,QAAQ;CACzC,YAAY,SAAS,MAAM,MAAM;CACjC,OAAO;CACP,QAAQ;CACR,SAAS;CACV,CAAC,CAAC;;MAED,gBAAgB,MAAM,UAAU,WAAW,CAAC;;EAGjD"}

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

@@ -0,0 +1,44 @@
+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/slider.ts
+const Slider = require_adapter.createLitComponent(_a2ui_web_core_v0_9_basic_catalog.SliderApi, ({ props }) => {
+	const inputId = require_ids.uniqueId("slider");
+	return lit.html`
+    <div
+      style=${(0, lit_directives_style_map_js.styleMap)({
+		display: "flex",
+		flexDirection: "column",
+		gap: "4px",
+		margin: require_utils.LEAF_MARGIN,
+		width: "100%"
+	})}
+    >
+      <div style="display: flex; justify-content: space-between;">
+        ${props.label ? lit.html`<label
+              for=${inputId}
+              style="font-size: 14px; font-weight: bold;"
+              >${props.label}</label
+            >` : lit.nothing}
+        <span style="font-size: 12px; color: #666;">${props.value}</span>
+      </div>
+      <input
+        id=${inputId}
+        type="range"
+        min=${props.min ?? 0}
+        max=${props.max}
+        .value=${String(props.value ?? 0)}
+        @input=${(e) => props.setValue(Number(e.target.value))}
+        style="width: 100%; cursor: pointer;"
+      />
+    </div>
+  `;
+});
+
+//#endregion
+exports.Slider = Slider;
+//# sourceMappingURL=slider.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.cjs","names":["createLitComponent","SliderApi","uniqueId","LEAF_MARGIN","nothing"],"sources":["../../../../src/web-components/catalog/basic/slider.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { SliderApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { uniqueId } from \"./ids\";\nimport { LEAF_MARGIN } from \"./utils\";\n\nexport const Slider = createLitComponent(SliderApi, ({ props }) => {\n  const inputId = uniqueId(\"slider\");\n  return html`\n    <div\n      style=${styleMap({\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: \"4px\",\n        margin: LEAF_MARGIN,\n        width: \"100%\",\n      })}\n    >\n      <div style=\"display: flex; justify-content: space-between;\">\n        ${\n          props.label\n            ? html`<label\n              for=${inputId}\n              style=\"font-size: 14px; font-weight: bold;\"\n              >${props.label}</label\n            >`\n            : nothing\n        }\n        <span style=\"font-size: 12px; color: #666;\">${props.value}</span>\n      </div>\n      <input\n        id=${inputId}\n        type=\"range\"\n        min=${props.min ?? 0}\n        max=${props.max}\n        .value=${String(props.value ?? 0)}\n        @input=${(e: Event) =>\n          props.setValue(Number((e.target as HTMLInputElement).value))}\n        style=\"width: 100%; cursor: pointer;\"\n      />\n    </div>\n  `;\n});\n"],"mappings":";;;;;;;;AAOA,MAAa,SAASA,mCAAmBC,8CAAY,EAAE,YAAY;CACjE,MAAM,UAAUC,qBAAS,SAAS;AAClC,QAAO,QAAI;;wDAEU;EACf,SAAS;EACT,eAAe;EACf,KAAK;EACL,QAAQC;EACR,OAAO;EACR,CAAC,CAAC;;;UAIC,MAAM,QACF,QAAI;oBACE,QAAQ;;iBAEX,MAAM,MAAM;iBAEfC,YACL;sDAC6C,MAAM,MAAM;;;aAGrD,QAAQ;;cAEP,MAAM,OAAO,EAAE;cACf,MAAM,IAAI;iBACP,OAAO,MAAM,SAAS,EAAE,CAAC;kBACxB,MACR,MAAM,SAAS,OAAQ,EAAE,OAA4B,MAAM,CAAC,CAAC;;;;;EAKrE"}

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

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

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

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

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

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