@copilotkit/a2ui-renderer 1.60.2 → 1.61.1

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

@@ -0,0 +1,44 @@
+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');
+
+//#region src/web-components/catalog/basic/components.ts
+const basicComponents = [
+	require_text.Text,
+	require_image.Image,
+	require_icon.Icon,
+	require_video.Video,
+	require_audio_player.AudioPlayer,
+	require_row.Row,
+	require_column.Column,
+	require_list.List,
+	require_card.Card,
+	require_tabs.Tabs,
+	require_divider.Divider,
+	require_modal.Modal,
+	require_button.Button,
+	require_text_field.TextField,
+	require_check_box.CheckBox,
+	require_choice_picker.ChoicePicker,
+	require_slider.Slider,
+	require_date_time_input.DateTimeInput
+];
+
+//#endregion
+exports.basicComponents = basicComponents;
+//# sourceMappingURL=components.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components.cjs","names":["Text","Image","Icon","Video","AudioPlayer","Row","Column","List","Card","Tabs","Divider","Modal","Button","TextField","CheckBox","ChoicePicker","Slider","DateTimeInput"],"sources":["../../../../src/web-components/catalog/basic/components.ts"],"sourcesContent":["import type { LitComponentImplementation } from \"../../types\";\nimport { AudioPlayer } from \"./audio-player\";\nimport { Button } from \"./button\";\nimport { Card } from \"./card\";\nimport { CheckBox } from \"./check-box\";\nimport { ChoicePicker } from \"./choice-picker\";\nimport { Column } from \"./column\";\nimport { DateTimeInput } from \"./date-time-input\";\nimport { Divider } from \"./divider\";\nimport { Icon } from \"./icon\";\nimport { Image } from \"./image\";\nimport { List } from \"./list\";\nimport { Modal } from \"./modal\";\nimport { Row } from \"./row\";\nimport { Slider } from \"./slider\";\nimport { Tabs } from \"./tabs\";\nimport { Text } from \"./text\";\nimport { TextField } from \"./text-field\";\nimport { Video } from \"./video\";\n\nexport { AudioPlayer } from \"./audio-player\";\nexport { Button } from \"./button\";\nexport { Card } from \"./card\";\nexport { CheckBox } from \"./check-box\";\nexport { ChoicePicker } from \"./choice-picker\";\nexport { Column } from \"./column\";\nexport { DateTimeInput } from \"./date-time-input\";\nexport { Divider } from \"./divider\";\nexport { Icon } from \"./icon\";\nexport { Image } from \"./image\";\nexport { List } from \"./list\";\nexport { Modal } from \"./modal\";\nexport { Row } from \"./row\";\nexport { Slider } from \"./slider\";\nexport { Tabs } from \"./tabs\";\nexport { Text } from \"./text\";\nexport { TextField } from \"./text-field\";\nexport { Video } from \"./video\";\n\nexport const basicComponents: LitComponentImplementation[] = [\n  Text,\n  Image,\n  Icon,\n  Video,\n  AudioPlayer,\n  Row,\n  Column,\n  List,\n  Card,\n  Tabs,\n  Divider,\n  Modal,\n  Button,\n  TextField,\n  CheckBox,\n  ChoicePicker,\n  Slider,\n  DateTimeInput,\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuCA,MAAa,kBAAgD;CAC3DA;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACD"}

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

@@ -0,0 +1,19 @@
+import "../../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";

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

@@ -0,0 +1,19 @@
+import "../../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";

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

@@ -0,0 +1,44 @@
+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";
+
+//#region src/web-components/catalog/basic/components.ts
+const basicComponents = [
+	Text,
+	Image,
+	Icon,
+	Video,
+	AudioPlayer,
+	Row,
+	Column,
+	List,
+	Card,
+	Tabs,
+	Divider,
+	Modal,
+	Button,
+	TextField,
+	CheckBox,
+	ChoicePicker,
+	Slider,
+	DateTimeInput
+];
+
+//#endregion
+export { basicComponents };
+//# sourceMappingURL=components.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/components.ts"],"sourcesContent":["import type { LitComponentImplementation } from \"../../types\";\nimport { AudioPlayer } from \"./audio-player\";\nimport { Button } from \"./button\";\nimport { Card } from \"./card\";\nimport { CheckBox } from \"./check-box\";\nimport { ChoicePicker } from \"./choice-picker\";\nimport { Column } from \"./column\";\nimport { DateTimeInput } from \"./date-time-input\";\nimport { Divider } from \"./divider\";\nimport { Icon } from \"./icon\";\nimport { Image } from \"./image\";\nimport { List } from \"./list\";\nimport { Modal } from \"./modal\";\nimport { Row } from \"./row\";\nimport { Slider } from \"./slider\";\nimport { Tabs } from \"./tabs\";\nimport { Text } from \"./text\";\nimport { TextField } from \"./text-field\";\nimport { Video } from \"./video\";\n\nexport { AudioPlayer } from \"./audio-player\";\nexport { Button } from \"./button\";\nexport { Card } from \"./card\";\nexport { CheckBox } from \"./check-box\";\nexport { ChoicePicker } from \"./choice-picker\";\nexport { Column } from \"./column\";\nexport { DateTimeInput } from \"./date-time-input\";\nexport { Divider } from \"./divider\";\nexport { Icon } from \"./icon\";\nexport { Image } from \"./image\";\nexport { List } from \"./list\";\nexport { Modal } from \"./modal\";\nexport { Row } from \"./row\";\nexport { Slider } from \"./slider\";\nexport { Tabs } from \"./tabs\";\nexport { Text } from \"./text\";\nexport { TextField } from \"./text-field\";\nexport { Video } from \"./video\";\n\nexport const basicComponents: LitComponentImplementation[] = [\n  Text,\n  Image,\n  Icon,\n  Video,\n  AudioPlayer,\n  Row,\n  Column,\n  List,\n  Card,\n  Tabs,\n  Divider,\n  Modal,\n  Button,\n  TextField,\n  CheckBox,\n  ChoicePicker,\n  Slider,\n  DateTimeInput,\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuCA,MAAa,kBAAgD;CAC3D;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/web-components/catalog/basic/date-time-input.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/date-time-input.ts
+const DateTimeInput = require_adapter.createLitComponent(_a2ui_web_core_v0_9_basic_catalog.DateTimeInputApi, ({ props }) => {
+	const inputId = require_ids.uniqueId("datetime");
+	let type = "datetime-local";
+	if (props.enableDate && !props.enableTime) type = "date";
+	if (!props.enableDate && props.enableTime) type = "time";
+	return lit.html`
+    <div
+      style=${(0, lit_directives_style_map_js.styleMap)({
+		display: "flex",
+		flexDirection: "column",
+		gap: "4px",
+		width: "100%",
+		margin: require_utils.LEAF_MARGIN
+	})}
+    >
+      ${props.label ? lit.html`<label
+            for=${inputId}
+            style="font-size: 14px; font-weight: bold;"
+            >${props.label}</label
+          >` : lit.nothing}
+      <input
+        id=${inputId}
+        type=${type}
+        style=${(0, lit_directives_style_map_js.styleMap)({
+		padding: "8px",
+		width: "100%",
+		border: require_utils.STANDARD_BORDER,
+		borderRadius: require_utils.STANDARD_RADIUS,
+		boxSizing: "border-box"
+	})}
+        .value=${props.value || ""}
+        min=${typeof props.min === "string" ? props.min : ""}
+        max=${typeof props.max === "string" ? props.max : ""}
+        @input=${(e) => props.setValue(e.target.value)}
+      />
+    </div>
+  `;
+});
+
+//#endregion
+exports.DateTimeInput = DateTimeInput;
+//# sourceMappingURL=date-time-input.cjs.map

package/dist/web-components/catalog/basic/date-time-input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-input.cjs","names":["createLitComponent","DateTimeInputApi","uniqueId","LEAF_MARGIN","nothing","STANDARD_BORDER","STANDARD_RADIUS"],"sources":["../../../../src/web-components/catalog/basic/date-time-input.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { DateTimeInputApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { uniqueId } from \"./ids\";\nimport { LEAF_MARGIN, STANDARD_BORDER, STANDARD_RADIUS } from \"./utils\";\n\nexport const DateTimeInput = createLitComponent(\n  DateTimeInputApi,\n  ({ props }) => {\n    const inputId = uniqueId(\"datetime\");\n    let type = \"datetime-local\";\n    if (props.enableDate && !props.enableTime) type = \"date\";\n    if (!props.enableDate && props.enableTime) type = \"time\";\n    return html`\n    <div\n      style=${styleMap({\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: \"4px\",\n        width: \"100%\",\n        margin: LEAF_MARGIN,\n      })}\n    >\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      <input\n        id=${inputId}\n        type=${type}\n        style=${styleMap({\n          padding: \"8px\",\n          width: \"100%\",\n          border: STANDARD_BORDER,\n          borderRadius: STANDARD_RADIUS,\n          boxSizing: \"border-box\",\n        })}\n        .value=${props.value || \"\"}\n        min=${typeof props.min === \"string\" ? props.min : \"\"}\n        max=${typeof props.max === \"string\" ? props.max : \"\"}\n        @input=${(e: Event) =>\n          props.setValue((e.target as HTMLInputElement).value)}\n      />\n    </div>\n  `;\n  },\n);\n"],"mappings":";;;;;;;;AAOA,MAAa,gBAAgBA,mCAC3BC,qDACC,EAAE,YAAY;CACb,MAAM,UAAUC,qBAAS,WAAW;CACpC,IAAI,OAAO;AACX,KAAI,MAAM,cAAc,CAAC,MAAM,WAAY,QAAO;AAClD,KAAI,CAAC,MAAM,cAAc,MAAM,WAAY,QAAO;AAClD,QAAO,QAAI;;wDAEQ;EACf,SAAS;EACT,eAAe;EACf,KAAK;EACL,OAAO;EACP,QAAQC;EACT,CAAC,CAAC;;QAGD,MAAM,QACF,QAAI;kBACE,QAAQ;;eAEX,MAAM,MAAM;eAEfC,YACL;;aAEM,QAAQ;eACN,KAAK;0DACK;EACf,SAAS;EACT,OAAO;EACP,QAAQC;EACR,cAAcC;EACd,WAAW;EACZ,CAAC,CAAC;iBACM,MAAM,SAAS,GAAG;cACrB,OAAO,MAAM,QAAQ,WAAW,MAAM,MAAM,GAAG;cAC/C,OAAO,MAAM,QAAQ,WAAW,MAAM,MAAM,GAAG;kBAC3C,MACR,MAAM,SAAU,EAAE,OAA4B,MAAM,CAAC;;;;EAK9D"}

package/dist/web-components/catalog/basic/date-time-input.d.cts

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

package/dist/web-components/catalog/basic/date-time-input.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-input.d.cts","names":[],"sources":["../../../../src/web-components/catalog/basic/date-time-input.ts"],"mappings":";;;;cAOa,aAAA,EA6CZ,0BAAA"}

package/dist/web-components/catalog/basic/date-time-input.d.mts

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

package/dist/web-components/catalog/basic/date-time-input.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-input.d.mts","names":[],"sources":["../../../../src/web-components/catalog/basic/date-time-input.ts"],"mappings":";;;;cAOa,aAAA,EA6CZ,0BAAA"}

package/dist/web-components/catalog/basic/date-time-input.mjs

@@ -0,0 +1,50 @@
+import { createLitComponent } from "../../adapter.mjs";
+import { LEAF_MARGIN, STANDARD_BORDER, STANDARD_RADIUS } from "./utils.mjs";
+import { uniqueId } from "./ids.mjs";
+import { html, nothing } from "lit";
+import { DateTimeInputApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/web-components/catalog/basic/date-time-input.ts
+const DateTimeInput = createLitComponent(DateTimeInputApi, ({ props }) => {
+	const inputId = uniqueId("datetime");
+	let type = "datetime-local";
+	if (props.enableDate && !props.enableTime) type = "date";
+	if (!props.enableDate && props.enableTime) type = "time";
+	return html`
+    <div
+      style=${styleMap({
+		display: "flex",
+		flexDirection: "column",
+		gap: "4px",
+		width: "100%",
+		margin: LEAF_MARGIN
+	})}
+    >
+      ${props.label ? html`<label
+            for=${inputId}
+            style="font-size: 14px; font-weight: bold;"
+            >${props.label}</label
+          >` : nothing}
+      <input
+        id=${inputId}
+        type=${type}
+        style=${styleMap({
+		padding: "8px",
+		width: "100%",
+		border: STANDARD_BORDER,
+		borderRadius: STANDARD_RADIUS,
+		boxSizing: "border-box"
+	})}
+        .value=${props.value || ""}
+        min=${typeof props.min === "string" ? props.min : ""}
+        max=${typeof props.max === "string" ? props.max : ""}
+        @input=${(e) => props.setValue(e.target.value)}
+      />
+    </div>
+  `;
+});
+
+//#endregion
+export { DateTimeInput };
+//# sourceMappingURL=date-time-input.mjs.map

package/dist/web-components/catalog/basic/date-time-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-input.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/date-time-input.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { DateTimeInputApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { uniqueId } from \"./ids\";\nimport { LEAF_MARGIN, STANDARD_BORDER, STANDARD_RADIUS } from \"./utils\";\n\nexport const DateTimeInput = createLitComponent(\n  DateTimeInputApi,\n  ({ props }) => {\n    const inputId = uniqueId(\"datetime\");\n    let type = \"datetime-local\";\n    if (props.enableDate && !props.enableTime) type = \"date\";\n    if (!props.enableDate && props.enableTime) type = \"time\";\n    return html`\n    <div\n      style=${styleMap({\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: \"4px\",\n        width: \"100%\",\n        margin: LEAF_MARGIN,\n      })}\n    >\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      <input\n        id=${inputId}\n        type=${type}\n        style=${styleMap({\n          padding: \"8px\",\n          width: \"100%\",\n          border: STANDARD_BORDER,\n          borderRadius: STANDARD_RADIUS,\n          boxSizing: \"border-box\",\n        })}\n        .value=${props.value || \"\"}\n        min=${typeof props.min === \"string\" ? props.min : \"\"}\n        max=${typeof props.max === \"string\" ? props.max : \"\"}\n        @input=${(e: Event) =>\n          props.setValue((e.target as HTMLInputElement).value)}\n      />\n    </div>\n  `;\n  },\n);\n"],"mappings":";;;;;;;;AAOA,MAAa,gBAAgB,mBAC3B,mBACC,EAAE,YAAY;CACb,MAAM,UAAU,SAAS,WAAW;CACpC,IAAI,OAAO;AACX,KAAI,MAAM,cAAc,CAAC,MAAM,WAAY,QAAO;AAClD,KAAI,CAAC,MAAM,cAAc,MAAM,WAAY,QAAO;AAClD,QAAO,IAAI;;cAED,SAAS;EACf,SAAS;EACT,eAAe;EACf,KAAK;EACL,OAAO;EACP,QAAQ;EACT,CAAC,CAAC;;QAGD,MAAM,QACF,IAAI;kBACE,QAAQ;;eAEX,MAAM,MAAM;eAEf,QACL;;aAEM,QAAQ;eACN,KAAK;gBACJ,SAAS;EACf,SAAS;EACT,OAAO;EACP,QAAQ;EACR,cAAc;EACd,WAAW;EACZ,CAAC,CAAC;iBACM,MAAM,SAAS,GAAG;cACrB,OAAO,MAAM,QAAQ,WAAW,MAAM,MAAM,GAAG;cAC/C,OAAO,MAAM,QAAQ,WAAW,MAAM,MAAM,GAAG;kBAC3C,MACR,MAAM,SAAU,EAAE,OAA4B,MAAM,CAAC;;;;EAK9D"}

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

@@ -0,0 +1,21 @@
+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/divider.ts
+const Divider = require_adapter.createLitComponent(_a2ui_web_core_v0_9_basic_catalog.DividerApi, ({ props }) => {
+	const isVertical = props.axis === "vertical";
+	return lit.html`<div style=${(0, lit_directives_style_map_js.styleMap)({
+		margin: require_utils.LEAF_MARGIN,
+		border: "none",
+		backgroundColor: "#ccc",
+		width: isVertical ? "1px" : "100%",
+		height: isVertical ? "100%" : "1px"
+	})}></div>`;
+});
+
+//#endregion
+exports.Divider = Divider;
+//# sourceMappingURL=divider.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.cjs","names":["createLitComponent","DividerApi","LEAF_MARGIN"],"sources":["../../../../src/web-components/catalog/basic/divider.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { DividerApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { LEAF_MARGIN } from \"./utils\";\n\nexport const Divider = createLitComponent(DividerApi, ({ props }) => {\n  const isVertical = props.axis === \"vertical\";\n  const style: Record<string, string> = {\n    margin: LEAF_MARGIN,\n    border: \"none\",\n    backgroundColor: \"#ccc\",\n    width: isVertical ? \"1px\" : \"100%\",\n    height: isVertical ? \"100%\" : \"1px\",\n  };\n  return html`<div style=${styleMap(style)}></div>`;\n});\n"],"mappings":";;;;;;;AAMA,MAAa,UAAUA,mCAAmBC,+CAAa,EAAE,YAAY;CACnE,MAAM,aAAa,MAAM,SAAS;AAQlC,QAAO,QAAI,wDAP2B;EACpC,QAAQC;EACR,QAAQ;EACR,iBAAiB;EACjB,OAAO,aAAa,QAAQ;EAC5B,QAAQ,aAAa,SAAS;EAC/B,CACuC,CAAC;EACzC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { createLitComponent } from "../../adapter.mjs";
+import { LEAF_MARGIN } from "./utils.mjs";
+import { html } from "lit";
+import { DividerApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/web-components/catalog/basic/divider.ts
+const Divider = createLitComponent(DividerApi, ({ props }) => {
+	const isVertical = props.axis === "vertical";
+	return html`<div style=${styleMap({
+		margin: LEAF_MARGIN,
+		border: "none",
+		backgroundColor: "#ccc",
+		width: isVertical ? "1px" : "100%",
+		height: isVertical ? "100%" : "1px"
+	})}></div>`;
+});
+
+//#endregion
+export { Divider };
+//# sourceMappingURL=divider.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/divider.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { DividerApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { LEAF_MARGIN } from \"./utils\";\n\nexport const Divider = createLitComponent(DividerApi, ({ props }) => {\n  const isVertical = props.axis === \"vertical\";\n  const style: Record<string, string> = {\n    margin: LEAF_MARGIN,\n    border: \"none\",\n    backgroundColor: \"#ccc\",\n    width: isVertical ? \"1px\" : \"100%\",\n    height: isVertical ? \"100%\" : \"1px\",\n  };\n  return html`<div style=${styleMap(style)}></div>`;\n});\n"],"mappings":";;;;;;;AAMA,MAAa,UAAU,mBAAmB,aAAa,EAAE,YAAY;CACnE,MAAM,aAAa,MAAM,SAAS;AAQlC,QAAO,IAAI,cAAc,SAPa;EACpC,QAAQ;EACR,QAAQ;EACR,iBAAiB;EACjB,OAAO,aAAa,QAAQ;EAC5B,QAAQ,aAAa,SAAS;EAC/B,CACuC,CAAC;EACzC"}

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

@@ -0,0 +1,29 @@
+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/icon.ts
+const Icon = require_adapter.createLitComponent(_a2ui_web_core_v0_9_basic_catalog.IconApi, ({ props }) => {
+	const iconName = typeof props.name === "string" ? props.name : props.name?.path;
+	return lit.html`
+    <span
+      class="material-symbols-outlined"
+      style=${(0, lit_directives_style_map_js.styleMap)({
+		...require_utils.getBaseLeafStyle(),
+		fontSize: "24px",
+		width: "24px",
+		height: "24px",
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center"
+	})}
+      >${iconName}</span
+    >
+  `;
+});
+
+//#endregion
+exports.Icon = Icon;
+//# sourceMappingURL=icon.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.cjs","names":["createLitComponent","IconApi","getBaseLeafStyle"],"sources":["../../../../src/web-components/catalog/basic/icon.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { IconApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { getBaseLeafStyle } from \"./utils\";\n\nexport const Icon = createLitComponent(IconApi, ({ props }) => {\n  const iconName =\n    typeof props.name === \"string\"\n      ? props.name\n      : (props.name as { path?: string } | undefined)?.path;\n  return html`\n    <span\n      class=\"material-symbols-outlined\"\n      style=${styleMap({\n        ...getBaseLeafStyle(),\n        fontSize: \"24px\",\n        width: \"24px\",\n        height: \"24px\",\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n      })}\n      >${iconName}</span\n    >\n  `;\n});\n"],"mappings":";;;;;;;AAMA,MAAa,OAAOA,mCAAmBC,4CAAU,EAAE,YAAY;CAC7D,MAAM,WACJ,OAAO,MAAM,SAAS,WAClB,MAAM,OACL,MAAM,MAAwC;AACrD,QAAO,QAAI;;;wDAGU;EACf,GAAGC,gCAAkB;EACrB,UAAU;EACV,OAAO;EACP,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,gBAAgB;EACjB,CAAC,CAAC;SACA,SAAS;;;EAGhB"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,29 @@
+import { createLitComponent } from "../../adapter.mjs";
+import { getBaseLeafStyle } from "./utils.mjs";
+import { html } from "lit";
+import { IconApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/web-components/catalog/basic/icon.ts
+const Icon = createLitComponent(IconApi, ({ props }) => {
+	const iconName = typeof props.name === "string" ? props.name : props.name?.path;
+	return html`
+    <span
+      class="material-symbols-outlined"
+      style=${styleMap({
+		...getBaseLeafStyle(),
+		fontSize: "24px",
+		width: "24px",
+		height: "24px",
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center"
+	})}
+      >${iconName}</span
+    >
+  `;
+});
+
+//#endregion
+export { Icon };
+//# sourceMappingURL=icon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/icon.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { IconApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { createLitComponent } from \"../../adapter\";\nimport { getBaseLeafStyle } from \"./utils\";\n\nexport const Icon = createLitComponent(IconApi, ({ props }) => {\n  const iconName =\n    typeof props.name === \"string\"\n      ? props.name\n      : (props.name as { path?: string } | undefined)?.path;\n  return html`\n    <span\n      class=\"material-symbols-outlined\"\n      style=${styleMap({\n        ...getBaseLeafStyle(),\n        fontSize: \"24px\",\n        width: \"24px\",\n        height: \"24px\",\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n      })}\n      >${iconName}</span\n    >\n  `;\n});\n"],"mappings":";;;;;;;AAMA,MAAa,OAAO,mBAAmB,UAAU,EAAE,YAAY;CAC7D,MAAM,WACJ,OAAO,MAAM,SAAS,WAClB,MAAM,OACL,MAAM,MAAwC;AACrD,QAAO,IAAI;;;cAGC,SAAS;EACf,GAAG,kBAAkB;EACrB,UAAU;EACV,OAAO;EACP,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,gBAAgB;EACjB,CAAC,CAAC;SACA,SAAS;;;EAGhB"}

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

@@ -0,0 +1,11 @@
+
+//#region src/web-components/catalog/basic/ids.ts
+let idCounter = 0;
+function uniqueId(prefix) {
+	idCounter += 1;
+	return `cpk-a2ui-${prefix}-${idCounter}`;
+}
+
+//#endregion
+exports.uniqueId = uniqueId;
+//# sourceMappingURL=ids.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ids.cjs","names":[],"sources":["../../../../src/web-components/catalog/basic/ids.ts"],"sourcesContent":["let idCounter = 0;\n\nexport function uniqueId(prefix: string): string {\n  idCounter += 1;\n  return `cpk-a2ui-${prefix}-${idCounter}`;\n}\n"],"mappings":";;AAAA,IAAI,YAAY;AAEhB,SAAgB,SAAS,QAAwB;AAC/C,cAAa;AACb,QAAO,YAAY,OAAO,GAAG"}

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

@@ -0,0 +1,10 @@
+//#region src/web-components/catalog/basic/ids.ts
+let idCounter = 0;
+function uniqueId(prefix) {
+	idCounter += 1;
+	return `cpk-a2ui-${prefix}-${idCounter}`;
+}
+
+//#endregion
+export { uniqueId };
+//# sourceMappingURL=ids.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ids.mjs","names":[],"sources":["../../../../src/web-components/catalog/basic/ids.ts"],"sourcesContent":["let idCounter = 0;\n\nexport function uniqueId(prefix: string): string {\n  idCounter += 1;\n  return `cpk-a2ui-${prefix}-${idCounter}`;\n}\n"],"mappings":";AAAA,IAAI,YAAY;AAEhB,SAAgB,SAAS,QAAwB;AAC/C,cAAa;AACb,QAAO,YAAY,OAAO,GAAG"}

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

@@ -0,0 +1,42 @@
+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/image.ts
+const Image = require_adapter.createLitComponent(_a2ui_web_core_v0_9_basic_catalog.ImageApi, ({ props }) => {
+	const mapFit = (fit) => {
+		if (fit === "scaleDown") return "scale-down";
+		return fit || "fill";
+	};
+	const style = {
+		...require_utils.getBaseLeafStyle(),
+		objectFit: mapFit(props.fit),
+		width: "100%",
+		height: "auto",
+		display: "block"
+	};
+	if (props.variant === "icon") {
+		style.width = "24px";
+		style.height = "24px";
+	} else if (props.variant === "avatar") {
+		style.width = "40px";
+		style.height = "40px";
+		style.borderRadius = "50%";
+	} else if (props.variant === "smallFeature") style.maxWidth = "100px";
+	else if (props.variant === "largeFeature") style.maxHeight = "400px";
+	else if (props.variant === "header") {
+		style.height = "200px";
+		style.objectFit = "cover";
+	}
+	return lit.html`<img
+    src=${props.url ?? ""}
+    alt=${props.description ?? ""}
+    style=${(0, lit_directives_style_map_js.styleMap)(style)}
+  />`;
+});
+
+//#endregion
+exports.Image = Image;
+//# sourceMappingURL=image.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.cjs","names":["createLitComponent","ImageApi","getBaseLeafStyle"],"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,QAAQA,mCAAmBC,6CAAW,EAAE,YAAY;CAC/D,MAAM,UAAU,QAAyB;AACvC,MAAI,QAAQ,YAAa,QAAO;AAChC,SAAO,OAAO;;CAEhB,MAAM,QAAgC;EACpC,GAAGC,gCAAkB;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,QAAI;UACH,MAAM,OAAO,GAAG;UAChB,MAAM,eAAe,GAAG;sDACb,MAAM,CAAC;;EAE1B"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,42 @@
+import { createLitComponent } from "../../adapter.mjs";
+import { getBaseLeafStyle } from "./utils.mjs";
+import { html } from "lit";
+import { ImageApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { styleMap } from "lit/directives/style-map.js";
+
+//#region src/web-components/catalog/basic/image.ts
+const Image = createLitComponent(ImageApi, ({ props }) => {
+	const mapFit = (fit) => {
+		if (fit === "scaleDown") return "scale-down";
+		return fit || "fill";
+	};
+	const style = {
+		...getBaseLeafStyle(),
+		objectFit: mapFit(props.fit),
+		width: "100%",
+		height: "auto",
+		display: "block"
+	};
+	if (props.variant === "icon") {
+		style.width = "24px";
+		style.height = "24px";
+	} else if (props.variant === "avatar") {
+		style.width = "40px";
+		style.height = "40px";
+		style.borderRadius = "50%";
+	} else if (props.variant === "smallFeature") style.maxWidth = "100px";
+	else if (props.variant === "largeFeature") style.maxHeight = "400px";
+	else if (props.variant === "header") {
+		style.height = "200px";
+		style.objectFit = "cover";
+	}
+	return html`<img
+    src=${props.url ?? ""}
+    alt=${props.description ?? ""}
+    style=${styleMap(style)}
+  />`;
+});
+
+//#endregion
+export { Image };
+//# sourceMappingURL=image.mjs.map