zxq-com 0.0.17 → 0.0.19

package/dist/A2UIAudio-CjRHo_tK.cjs

@@ -0,0 +1 @@
+const e=require(`./useDynamicComponent-YT-u9Rpv.cjs`),t=require(`./zxq-com.cjs`);let n=require(`vue`);var r=[`src`],i=(0,n.defineComponent)({__name:`A2UIAudio`,props:{surfaceId:{},component:{},weight:{},url:{}},setup(t){(0,n.useCssVars)(e=>({v1b192928:e.weight}));let i=t,{theme:a,resolvePrimitive:o}=e.t(i),s=(0,n.computed)(()=>o(i.url));return(e,t)=>{let i=(0,n.resolveComponent)(`a2ui-audio`);return(0,n.openBlock)(),(0,n.createBlock)(i,null,{default:(0,n.withCtx)(()=>[s.value?((0,n.openBlock)(),(0,n.createElementBlock)(`section`,{key:0,class:(0,n.normalizeClass)((0,n.unref)(a).components.AudioPlayer),style:(0,n.normalizeStyle)((0,n.unref)(a).additionalStyles?.AudioPlayer)},[(0,n.createElementVNode)(`audio`,{is:`audio`,controls:``,src:s.value},null,8,r)],6)):(0,n.createCommentVNode)(``,!0)]),_:1})}}}),a=e.o(i,[[`__scopeId`,`data-v-54034b6d`]]);exports.default=a;

package/dist/A2UIAudio-Dn4ur7h-.js

@@ -0,0 +1,31 @@
+import { o as __plugin_vue_export_helper_default, t as useDynamicComponent } from "./useDynamicComponent-MEzwhjNJ.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, resolveComponent, unref, useCssVars, withCtx } from "vue";
+var _hoisted_1 = ["src"], A2UIAudio_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "A2UIAudio",
+	props: {
+		surfaceId: {},
+		component: {},
+		weight: {},
+		url: {}
+	},
+	setup(e) {
+		useCssVars((e) => ({ v1b192928: e.weight }));
+		let h = e, { theme: g, resolvePrimitive: _ } = useDynamicComponent(h), v = computed(() => _(h.url));
+		return (e, p) => {
+			let m = resolveComponent("a2ui-audio");
+			return openBlock(), createBlock(m, null, {
+				default: withCtx(() => [v.value ? (openBlock(), createElementBlock("section", {
+					key: 0,
+					class: normalizeClass(unref(g).components.AudioPlayer),
+					style: normalizeStyle(unref(g).additionalStyles?.AudioPlayer)
+				}, [createElementVNode("audio", {
+					is: "audio",
+					controls: "",
+					src: v.value
+				}, null, 8, _hoisted_1)], 6)) : createCommentVNode("", !0)]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-54034b6d"]]);
+export { A2UIAudio_default as default };

package/dist/A2UIButton-CnppLi7b.cjs

@@ -0,0 +1 @@
+const e=require(`./useDynamicComponent-YT-u9Rpv.cjs`);require(`./styles-BZV65AUo.cjs`);const t=require(`./A2UIRenderer-DqVIH5p7.cjs`),n=require(`./zxq-com.cjs`);let r=require(`vue`);var i=(0,r.defineComponent)({__name:`A2UIButton`,props:{surfaceId:{},component:{},weight:{},action:{}},setup(n){(0,r.useCssVars)(e=>({v6027b3e6:e.weight}));let i=n,{theme:a,sendAction:o}=e.t(i);function s(){i.action&&o(i.action)}return(e,i)=>{let o=(0,r.resolveComponent)(`a2ui-button`);return(0,r.openBlock)(),(0,r.createBlock)(o,null,{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`button`,{class:(0,r.normalizeClass)((0,r.unref)(a).components.Button),style:(0,r.normalizeStyle)((0,r.unref)(a).additionalStyles?.Button),onClick:s},[(0,r.createVNode)(t.t,{"surface-id":n.surfaceId,component:n.component.properties.child},null,8,[`surface-id`,`component`])],6)]),_:1})}}}),a=e.o(i,[[`__scopeId`,`data-v-d29fe44b`]]);exports.default=a;

package/dist/A2UIButton-nOO3LOth.js

@@ -0,0 +1,35 @@
+import { o as __plugin_vue_export_helper_default, t as useDynamicComponent } from "./useDynamicComponent-MEzwhjNJ.js";
+import "./styles-BYpMnn-p.js";
+import { t as A2UIRenderer_default } from "./A2UIRenderer-lZ0ms8c-.js";
+import { createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, resolveComponent, unref, useCssVars, withCtx } from "vue";
+var A2UIButton_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "A2UIButton",
+	props: {
+		surfaceId: {},
+		component: {},
+		weight: {},
+		action: {}
+	},
+	setup(e) {
+		useCssVars((e) => ({ v6027b3e6: e.weight }));
+		let f = e, { theme: m, sendAction: h } = useDynamicComponent(f);
+		function g() {
+			f.action && h(f.action);
+		}
+		return (d, f) => {
+			let p = resolveComponent("a2ui-button");
+			return openBlock(), createBlock(p, null, {
+				default: withCtx(() => [createElementVNode("button", {
+					class: normalizeClass(unref(m).components.Button),
+					style: normalizeStyle(unref(m).additionalStyles?.Button),
+					onClick: g
+				}, [createVNode(A2UIRenderer_default, {
+					"surface-id": e.surfaceId,
+					component: e.component.properties.child
+				}, null, 8, ["surface-id", "component"])], 6)]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-d29fe44b"]]);
+export { A2UIButton_default as default };

package/dist/A2UICard-BgjH40z6.js

@@ -0,0 +1,34 @@
+import { o as __plugin_vue_export_helper_default, t as useDynamicComponent } from "./useDynamicComponent-MEzwhjNJ.js";
+import "./styles-BYpMnn-p.js";
+import { t as A2UIRenderer_default } from "./A2UIRenderer-lZ0ms8c-.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, resolveComponent, unref, useCssVars, withCtx } from "vue";
+var A2UICard_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "A2UICard",
+	props: {
+		surfaceId: {},
+		component: {},
+		weight: {}
+	},
+	setup(e) {
+		useCssVars((e) => ({ e640a04e: e.weight }));
+		let g = e, { theme: _ } = useDynamicComponent(g), v = computed(() => {
+			let e = g.component.properties;
+			return e.children || [e.child];
+		});
+		return (p, h) => {
+			let g = resolveComponent("a2ui-card");
+			return openBlock(), createBlock(g, null, {
+				default: withCtx(() => [createElementVNode("section", {
+					class: normalizeClass(unref(_).components.Card),
+					style: normalizeStyle(unref(_).additionalStyles?.Card)
+				}, [(openBlock(!0), createElementBlock(Fragment, null, renderList(v.value, (p, m) => (openBlock(), createBlock(A2UIRenderer_default, {
+					key: p.id || p.type + "-" + m,
+					"surface-id": e.surfaceId,
+					component: p
+				}, null, 8, ["surface-id", "component"]))), 128))], 6)]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-ab1b8c3a"]]);
+export { A2UICard_default as default };

package/dist/A2UICard-BhGyY9Gx.cjs

@@ -0,0 +1 @@
+const e=require(`./useDynamicComponent-YT-u9Rpv.cjs`);require(`./styles-BZV65AUo.cjs`);const t=require(`./A2UIRenderer-DqVIH5p7.cjs`),n=require(`./zxq-com.cjs`);let r=require(`vue`);var i=(0,r.defineComponent)({__name:`A2UICard`,props:{surfaceId:{},component:{},weight:{}},setup(n){(0,r.useCssVars)(e=>({e640a04e:e.weight}));let i=n,{theme:a}=e.t(i),o=(0,r.computed)(()=>{let e=i.component.properties;return e.children||[e.child]});return(e,i)=>{let s=(0,r.resolveComponent)(`a2ui-card`);return(0,r.openBlock)(),(0,r.createBlock)(s,null,{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`section`,{class:(0,r.normalizeClass)((0,r.unref)(a).components.Card),style:(0,r.normalizeStyle)((0,r.unref)(a).additionalStyles?.Card)},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(o.value,(e,i)=>((0,r.openBlock)(),(0,r.createBlock)(t.t,{key:e.id||e.type+`-`+i,"surface-id":n.surfaceId,component:e},null,8,[`surface-id`,`component`]))),128))],6)]),_:1})}}}),a=e.o(i,[[`__scopeId`,`data-v-ab1b8c3a`]]);exports.default=a;

package/dist/A2UICheckbox-B5uHUsbP.cjs

@@ -0,0 +1 @@
+const e=require(`./useDynamicComponent-YT-u9Rpv.cjs`),t=require(`./zxq-com.cjs`);let n=require(`vue`);var r=[`id`,`checked`],i=[`for`],a=(0,n.defineComponent)({__name:`A2UICheckbox`,props:{surfaceId:{},component:{},weight:{},value:{},label:{}},setup(t){(0,n.useCssVars)(e=>({v4a6c1003:e.weight}));let a=t,{theme:o,resolvePrimitive:s,getUniqueId:c,setData:l}=e.t(a),u=(0,n.computed)(()=>s(a.value)??!1),d=(0,n.computed)(()=>s(a.label)),f=c(`a2ui-checkbox`);function p(e){let t=a.value?.path;!(e.target instanceof HTMLInputElement)||!t||l(a.component,t,e.target.checked,a.surfaceId)}return(e,t)=>{let a=(0,n.resolveComponent)(`a2ui-checkbox`);return(0,n.openBlock)(),(0,n.createBlock)(a,null,{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`section`,{class:(0,n.normalizeClass)((0,n.unref)(o).components.CheckBox.container),style:(0,n.normalizeStyle)((0,n.unref)(o).additionalStyles?.CheckBox)},[(0,n.createElementVNode)(`input`,{autocomplete:`off`,type:`checkbox`,id:(0,n.unref)(f),checked:u.value,class:(0,n.normalizeClass)((0,n.unref)(o).components.CheckBox.element),onChange:p},null,42,r),(0,n.createElementVNode)(`label`,{for:(0,n.unref)(f),class:(0,n.normalizeClass)((0,n.unref)(o).components.CheckBox.label)},(0,n.toDisplayString)(d.value),11,i)],6)]),_:1})}}}),o=e.o(a,[[`__scopeId`,`data-v-1eb79e55`]]);exports.default=o;

package/dist/A2UICheckbox-DrC1_5iC.js

@@ -0,0 +1,41 @@
+import { o as __plugin_vue_export_helper_default, t as useDynamicComponent } from "./useDynamicComponent-MEzwhjNJ.js";
+import { computed, createBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, resolveComponent, toDisplayString, unref, useCssVars, withCtx } from "vue";
+var _hoisted_1 = ["id", "checked"], _hoisted_2 = ["for"], A2UICheckbox_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "A2UICheckbox",
+	props: {
+		surfaceId: {},
+		component: {},
+		weight: {},
+		value: {},
+		label: {}
+	},
+	setup(e) {
+		useCssVars((e) => ({ v4a6c1003: e.weight }));
+		let h = e, { theme: g, resolvePrimitive: _, getUniqueId: v, setData: y } = useDynamicComponent(h), b = computed(() => _(h.value) ?? !1), x = computed(() => _(h.label)), S = v("a2ui-checkbox");
+		function C(e) {
+			let p = h.value?.path;
+			!(e.target instanceof HTMLInputElement) || !p || y(h.component, p, e.target.checked, h.surfaceId);
+		}
+		return (e, p) => {
+			let m = resolveComponent("a2ui-checkbox");
+			return openBlock(), createBlock(m, null, {
+				default: withCtx(() => [createElementVNode("section", {
+					class: normalizeClass(unref(g).components.CheckBox.container),
+					style: normalizeStyle(unref(g).additionalStyles?.CheckBox)
+				}, [createElementVNode("input", {
+					autocomplete: "off",
+					type: "checkbox",
+					id: unref(S),
+					checked: b.value,
+					class: normalizeClass(unref(g).components.CheckBox.element),
+					onChange: C
+				}, null, 42, _hoisted_1), createElementVNode("label", {
+					for: unref(S),
+					class: normalizeClass(unref(g).components.CheckBox.label)
+				}, toDisplayString(x.value), 11, _hoisted_2)], 6)]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-1eb79e55"]]);
+export { A2UICheckbox_default as default };

package/dist/A2UIDateTimeInput-BYdDpBR-.js

@@ -0,0 +1,58 @@
+import { o as __plugin_vue_export_helper_default, t as useDynamicComponent } from "./useDynamicComponent-MEzwhjNJ.js";
+import { computed, createBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, resolveComponent, toDisplayString, unref, useCssVars, withCtx } from "vue";
+var _hoisted_1 = ["for"], _hoisted_2 = [
+	"type",
+	"id",
+	"value"
+], A2UIDateTimeInput_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "A2UIDateTimeInput",
+	props: {
+		surfaceId: {},
+		component: {},
+		weight: {},
+		value: {},
+		enableDate: { type: Boolean },
+		enableTime: { type: Boolean }
+	},
+	setup(e) {
+		useCssVars((e) => ({ v0c0a5b2a: e.weight }));
+		let f = e, { theme: g, resolvePrimitive: _, getUniqueId: v, setData: y } = useDynamicComponent(f), b = v("a2ui-datetime-input"), x = computed(() => {
+			let e = f.enableDate, c = f.enableTime;
+			return e && c ? "datetime-local" : e ? "date" : c ? "time" : "datetime-local";
+		}), S = computed(() => {
+			let e = x.value;
+			return e === "date" ? "Date" : e === "time" ? "Time" : "Date & Time";
+		}), C = computed(() => {
+			let e = x.value, c = _(f.value) || "", l = c ? new Date(c) : null;
+			if (!l || isNaN(l.getTime())) return "";
+			let u = w(l.getFullYear()), d = w(l.getMonth() + 1), p = w(l.getDate()), m = w(l.getHours()), h = w(l.getMinutes());
+			return e === "date" ? `${u}-${d}-${p}` : e === "time" ? `${m}:${h}` : `${u}-${d}-${p}T${m}:${h}`;
+		});
+		function w(e) {
+			return e.toString().padStart(2, "0");
+		}
+		function T(e) {
+			let c = f.value?.path;
+			!(e.target instanceof HTMLInputElement) || !c || y(f.component, c, e.target.value, f.surfaceId);
+		}
+		return (e, c) => {
+			let l = resolveComponent("a2ui-datetime-input");
+			return openBlock(), createBlock(l, null, {
+				default: withCtx(() => [createElementVNode("section", { class: normalizeClass(unref(g).components.DateTimeInput.container) }, [createElementVNode("label", {
+					for: unref(b),
+					class: normalizeClass(unref(g).components.DateTimeInput.label)
+				}, toDisplayString(S.value), 11, _hoisted_1), createElementVNode("input", {
+					autocomplete: "off",
+					type: x.value,
+					id: unref(b),
+					class: normalizeClass(unref(g).components.DateTimeInput.element),
+					style: normalizeStyle(unref(g).additionalStyles?.DateTimeInput),
+					value: C.value,
+					onInput: T
+				}, null, 46, _hoisted_2)], 2)]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-a50faaa3"]]);
+export { A2UIDateTimeInput_default as default };

package/dist/A2UIDateTimeInput-D-aG6mZk.cjs

@@ -0,0 +1 @@
+const e=require(`./useDynamicComponent-YT-u9Rpv.cjs`),t=require(`./zxq-com.cjs`);let n=require(`vue`);var r=[`for`],i=[`type`,`id`,`value`],a=(0,n.defineComponent)({__name:`A2UIDateTimeInput`,props:{surfaceId:{},component:{},weight:{},value:{},enableDate:{type:Boolean},enableTime:{type:Boolean}},setup(t){(0,n.useCssVars)(e=>({v0c0a5b2a:e.weight}));let a=t,{theme:o,resolvePrimitive:s,getUniqueId:c,setData:l}=e.t(a),u=c(`a2ui-datetime-input`),d=(0,n.computed)(()=>{let e=a.enableDate,t=a.enableTime;return e&&t?`datetime-local`:e?`date`:t?`time`:`datetime-local`}),f=(0,n.computed)(()=>{let e=d.value;return e===`date`?`Date`:e===`time`?`Time`:`Date & Time`}),p=(0,n.computed)(()=>{let e=d.value,t=s(a.value)||``,n=t?new Date(t):null;if(!n||isNaN(n.getTime()))return``;let r=m(n.getFullYear()),i=m(n.getMonth()+1),o=m(n.getDate()),c=m(n.getHours()),l=m(n.getMinutes());return e===`date`?`${r}-${i}-${o}`:e===`time`?`${c}:${l}`:`${r}-${i}-${o}T${c}:${l}`});function m(e){return e.toString().padStart(2,`0`)}function h(e){let t=a.value?.path;!(e.target instanceof HTMLInputElement)||!t||l(a.component,t,e.target.value,a.surfaceId)}return(e,t)=>{let a=(0,n.resolveComponent)(`a2ui-datetime-input`);return(0,n.openBlock)(),(0,n.createBlock)(a,null,{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`section`,{class:(0,n.normalizeClass)((0,n.unref)(o).components.DateTimeInput.container)},[(0,n.createElementVNode)(`label`,{for:(0,n.unref)(u),class:(0,n.normalizeClass)((0,n.unref)(o).components.DateTimeInput.label)},(0,n.toDisplayString)(f.value),11,r),(0,n.createElementVNode)(`input`,{autocomplete:`off`,type:d.value,id:(0,n.unref)(u),class:(0,n.normalizeClass)((0,n.unref)(o).components.DateTimeInput.element),style:(0,n.normalizeStyle)((0,n.unref)(o).additionalStyles?.DateTimeInput),value:p.value,onInput:h},null,46,i)],2)]),_:1})}}}),o=e.o(a,[[`__scopeId`,`data-v-a50faaa3`]]);exports.default=o;

package/dist/A2UIDivider-Bzpy-f-q.js

@@ -0,0 +1,24 @@
+import { o as __plugin_vue_export_helper_default, t as useDynamicComponent } from "./useDynamicComponent-MEzwhjNJ.js";
+import { createBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, resolveComponent, unref, withCtx } from "vue";
+var A2UIDivider_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "A2UIDivider",
+	props: {
+		surfaceId: {},
+		component: {},
+		weight: {}
+	},
+	setup(e) {
+		let { theme: u } = useDynamicComponent(e);
+		return (e, l) => {
+			let d = resolveComponent("a2ui-divider");
+			return openBlock(), createBlock(d, null, {
+				default: withCtx(() => [createElementVNode("hr", {
+					class: normalizeClass(unref(u).components.Divider),
+					style: normalizeStyle(unref(u).additionalStyles?.Divider)
+				}, null, 6)]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-a051e002"]]);
+export { A2UIDivider_default as default };

package/dist/A2UIDivider-CvM6sA_R.cjs

@@ -0,0 +1 @@
+const e=require(`./useDynamicComponent-YT-u9Rpv.cjs`),t=require(`./zxq-com.cjs`);let n=require(`vue`);var r=(0,n.defineComponent)({__name:`A2UIDivider`,props:{surfaceId:{},component:{},weight:{}},setup(t){let{theme:r}=e.t(t);return(e,t)=>{let i=(0,n.resolveComponent)(`a2ui-divider`);return(0,n.openBlock)(),(0,n.createBlock)(i,null,{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`hr`,{class:(0,n.normalizeClass)((0,n.unref)(r).components.Divider),style:(0,n.normalizeStyle)((0,n.unref)(r).additionalStyles?.Divider)},null,6)]),_:1})}}}),i=e.o(r,[[`__scopeId`,`data-v-a051e002`]]);exports.default=i;

package/dist/A2UIIcon-7d6g1X7l.cjs

@@ -0,0 +1 @@
+const e=require(`./useDynamicComponent-YT-u9Rpv.cjs`),t=require(`./zxq-com.cjs`);let n=require(`vue`);var r={class:`g-icon`},i=(0,n.defineComponent)({__name:`A2UIIcon`,props:{surfaceId:{},component:{},weight:{},name:{}},setup(t){(0,n.useCssVars)(e=>({v3566c56c:e.weight}));let i=t,{theme:a,resolvePrimitive:o}=e.t(i),s=(0,n.computed)(()=>o(i.name));return(e,t)=>{let i=(0,n.resolveComponent)(`a2ui-icon`);return(0,n.openBlock)(),(0,n.createBlock)(i,{"aria-hidden":`true`,tabindex:`-1`},{default:(0,n.withCtx)(()=>[s.value?((0,n.openBlock)(),(0,n.createElementBlock)(`section`,{key:0,class:(0,n.normalizeClass)((0,n.unref)(a).components.Icon),style:(0,n.normalizeStyle)((0,n.unref)(a).additionalStyles?.Icon)},[(0,n.createElementVNode)(`span`,r,(0,n.toDisplayString)(s.value),1)],6)):(0,n.createCommentVNode)(``,!0)]),_:1})}}}),a=e.o(i,[[`__scopeId`,`data-v-9d3eae50`]]);exports.default=a;

package/dist/A2UIIcon-D0PvsBr4.js

@@ -0,0 +1,30 @@
+import { o as __plugin_vue_export_helper_default, t as useDynamicComponent } from "./useDynamicComponent-MEzwhjNJ.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, resolveComponent, toDisplayString, unref, useCssVars, withCtx } from "vue";
+var _hoisted_1 = { class: "g-icon" }, A2UIIcon_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "A2UIIcon",
+	props: {
+		surfaceId: {},
+		component: {},
+		weight: {},
+		name: {}
+	},
+	setup(e) {
+		useCssVars((e) => ({ v3566c56c: e.weight }));
+		let g = e, { theme: _, resolvePrimitive: v } = useDynamicComponent(g), y = computed(() => v(g.name));
+		return (e, m) => {
+			let h = resolveComponent("a2ui-icon");
+			return openBlock(), createBlock(h, {
+				"aria-hidden": "true",
+				tabindex: "-1"
+			}, {
+				default: withCtx(() => [y.value ? (openBlock(), createElementBlock("section", {
+					key: 0,
+					class: normalizeClass(unref(_).components.Icon),
+					style: normalizeStyle(unref(_).additionalStyles?.Icon)
+				}, [createElementVNode("span", _hoisted_1, toDisplayString(y.value), 1)], 6)) : createCommentVNode("", !0)]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-9d3eae50"]]);
+export { A2UIIcon_default as default };

package/dist/A2UIImage-BeT7cRh7.cjs

@@ -0,0 +1 @@
+const e=require(`./useDynamicComponent-YT-u9Rpv.cjs`),t=require(`./styles-BZV65AUo.cjs`),n=require(`./zxq-com.cjs`);let r=require(`vue`);var i=[`src`,`alt`],a=(0,r.defineComponent)({__name:`A2UIImage`,props:{surfaceId:{},component:{},weight:{},url:{},altText:{},usageHint:{}},setup(n){(0,r.useCssVars)(e=>({v1e650054:e.weight}));let a=n,{theme:o,resolvePrimitive:s}=e.t(a),c=(0,r.computed)(()=>s(a.url)),l=(0,r.computed)(()=>{let e=a.altText;return e?s(e):``}),u=(0,r.computed)(()=>{let e=a.usageHint;return t.r(o.components.Image.all,e?o.components.Image[e]:{})});return(e,t)=>{let n=(0,r.resolveComponent)(`a2ui-image`);return(0,r.openBlock)(),(0,r.createBlock)(n,null,{default:(0,r.withCtx)(()=>[c.value?((0,r.openBlock)(),(0,r.createElementBlock)(`section`,{key:0,class:(0,r.normalizeClass)(u.value),style:(0,r.normalizeStyle)((0,r.unref)(o).additionalStyles?.Image)},[(0,r.createElementVNode)(`img`,{src:c.value,alt:l.value??``},null,8,i)],6)):(0,r.createCommentVNode)(``,!0)]),_:1})}}}),o=e.o(a,[[`__scopeId`,`data-v-83981816`]]);exports.default=o;

package/dist/A2UIImage-DvRMKAMK.js

@@ -0,0 +1,39 @@
+import { o as __plugin_vue_export_helper_default, t as useDynamicComponent } from "./useDynamicComponent-MEzwhjNJ.js";
+import { r as merge } from "./styles-BYpMnn-p.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, resolveComponent, unref, useCssVars, withCtx } from "vue";
+var _hoisted_1 = ["src", "alt"], A2UIImage_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "A2UIImage",
+	props: {
+		surfaceId: {},
+		component: {},
+		weight: {},
+		url: {},
+		altText: {},
+		usageHint: {}
+	},
+	setup(e) {
+		useCssVars((e) => ({ v1e650054: e.weight }));
+		let g = e, { theme: _, resolvePrimitive: v } = useDynamicComponent(g), y = computed(() => v(g.url)), b = computed(() => {
+			let e = g.altText;
+			return e ? v(e) : "";
+		}), x = computed(() => {
+			let e = g.usageHint;
+			return merge(_.components.Image.all, e ? _.components.Image[e] : {});
+		});
+		return (e, m) => {
+			let h = resolveComponent("a2ui-image");
+			return openBlock(), createBlock(h, null, {
+				default: withCtx(() => [y.value ? (openBlock(), createElementBlock("section", {
+					key: 0,
+					class: normalizeClass(x.value),
+					style: normalizeStyle(unref(_).additionalStyles?.Image)
+				}, [createElementVNode("img", {
+					src: y.value,
+					alt: b.value ?? ""
+				}, null, 8, _hoisted_1)], 6)) : createCommentVNode("", !0)]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-83981816"]]);
+export { A2UIImage_default as default };

package/dist/A2UIList-CVESfWJr.js

@@ -0,0 +1,32 @@
+import { o as __plugin_vue_export_helper_default, t as useDynamicComponent } from "./useDynamicComponent-MEzwhjNJ.js";
+import "./styles-BYpMnn-p.js";
+import { t as A2UIRenderer_default } from "./A2UIRenderer-lZ0ms8c-.js";
+import { Fragment, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, resolveComponent, unref, useCssVars, withCtx } from "vue";
+var _hoisted_1 = { class: "a2ui-list-item" }, A2UIList_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "A2UIList",
+	props: {
+		surfaceId: {},
+		component: {},
+		weight: {},
+		direction: {}
+	},
+	setup(e) {
+		useCssVars((e) => ({ v3f4216d3: e.weight }));
+		let { theme: h } = useDynamicComponent(e);
+		return (p, g) => {
+			let _ = resolveComponent("a2ui-list");
+			return openBlock(), createBlock(_, { "data-direction": e.direction ?? "vertical" }, {
+				default: withCtx(() => [createElementVNode("section", {
+					class: normalizeClass(unref(h).components.List),
+					style: normalizeStyle(unref(h).additionalStyles?.List)
+				}, [(openBlock(!0), createElementBlock(Fragment, null, renderList(e.component.properties.children, (p, m) => (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(), createBlock(A2UIRenderer_default, {
+					key: p.id || m,
+					"surface-id": e.surfaceId,
+					component: p
+				}, null, 8, ["surface-id", "component"]))]))), 256))], 6)]),
+				_: 1
+			}, 8, ["data-direction"]);
+		};
+	}
+}), [["__scopeId", "data-v-4d492f40"]]);
+export { A2UIList_default as default };

package/dist/A2UIList-DcLtvZb0.cjs

@@ -0,0 +1 @@
+const e=require(`./useDynamicComponent-YT-u9Rpv.cjs`);require(`./styles-BZV65AUo.cjs`);const t=require(`./A2UIRenderer-DqVIH5p7.cjs`),n=require(`./zxq-com.cjs`);let r=require(`vue`);var i={class:`a2ui-list-item`},a=(0,r.defineComponent)({__name:`A2UIList`,props:{surfaceId:{},component:{},weight:{},direction:{}},setup(n){(0,r.useCssVars)(e=>({v3f4216d3:e.weight}));let{theme:a}=e.t(n);return(e,o)=>{let s=(0,r.resolveComponent)(`a2ui-list`);return(0,r.openBlock)(),(0,r.createBlock)(s,{"data-direction":n.direction??`vertical`},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`section`,{class:(0,r.normalizeClass)((0,r.unref)(a).components.List),style:(0,r.normalizeStyle)((0,r.unref)(a).additionalStyles?.List)},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(n.component.properties.children,(e,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,i,[((0,r.openBlock)(),(0,r.createBlock)(t.t,{key:e.id||a,"surface-id":n.surfaceId,component:e},null,8,[`surface-id`,`component`]))]))),256))],6)]),_:1},8,[`data-direction`])}}}),o=e.o(a,[[`__scopeId`,`data-v-4d492f40`]]);exports.default=o;

package/dist/A2UIModal-BNDMZHNM.cjs

@@ -0,0 +1 @@
+const e=require(`./useDynamicComponent-YT-u9Rpv.cjs`);require(`./styles-BZV65AUo.cjs`);const t=require(`./A2UIRenderer-DqVIH5p7.cjs`),n=require(`./zxq-com.cjs`);let r=require(`vue`);var i=(0,r.defineComponent)({__name:`A2UIModal`,props:{surfaceId:{},component:{},weight:{}},setup(n){let{theme:i}=e.t(n),a=(0,r.ref)(!1),o=(0,r.ref)(null);(0,r.watch)(a,async e=>{e&&(await(0,r.nextTick)(),o.value?.showModal())});function s(e){e.target instanceof HTMLDialogElement&&c()}function c(){o.value?.open&&o.value.close(),a.value=!1}return(e,l)=>{let u=(0,r.resolveComponent)(`a2ui-modal`);return(0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,null,[a.value?((0,r.openBlock)(),(0,r.createElementBlock)(`dialog`,{key:0,ref_key:`dialogRef`,ref:o,class:(0,r.normalizeClass)((0,r.unref)(i).components.Modal.backdrop),onClick:s},[(0,r.createElementVNode)(`section`,{class:(0,r.normalizeClass)((0,r.unref)(i).components.Modal.element),style:(0,r.normalizeStyle)((0,r.unref)(i).additionalStyles?.Modal)},[(0,r.createElementVNode)(`div`,{class:`controls`},[(0,r.createElementVNode)(`button`,{onClick:c},[...l[1]||=[(0,r.createElementVNode)(`span`,{class:`g-icon`},`close`,-1)]])]),(0,r.createVNode)(t.t,{"surface-id":n.surfaceId,component:n.component.properties.contentChild},null,8,[`surface-id`,`component`])],6)],2)):(0,r.createCommentVNode)(``,!0),(0,r.createVNode)(u,null,{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`section`,{onClick:l[0]||=e=>a.value=!0},[(0,r.createVNode)(t.t,{"surface-id":n.surfaceId,component:n.component.properties.entryPointChild},null,8,[`surface-id`,`component`])])]),_:1})],64)}}}),a=e.o(i,[[`__scopeId`,`data-v-3fe73b77`]]);exports.default=a;

package/dist/A2UIModal-B_MoIZYE.js

@@ -0,0 +1,47 @@
+import { o as __plugin_vue_export_helper_default, t as useDynamicComponent } from "./useDynamicComponent-MEzwhjNJ.js";
+import "./styles-BYpMnn-p.js";
+import { t as A2UIRenderer_default } from "./A2UIRenderer-lZ0ms8c-.js";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, resolveComponent, unref, watch, withCtx } from "vue";
+var A2UIModal_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "A2UIModal",
+	props: {
+		surfaceId: {},
+		component: {},
+		weight: {}
+	},
+	setup(e) {
+		let { theme: h } = useDynamicComponent(e), v = ref(!1), y = ref(null);
+		watch(v, async (e) => {
+			e && (await nextTick(), y.value?.showModal());
+		});
+		function b(e) {
+			e.target instanceof HTMLDialogElement && x();
+		}
+		function x() {
+			y.value?.open && y.value.close(), v.value = !1;
+		}
+		return (m, g) => {
+			let _ = resolveComponent("a2ui-modal");
+			return openBlock(), createElementBlock(Fragment, null, [v.value ? (openBlock(), createElementBlock("dialog", {
+				key: 0,
+				ref_key: "dialogRef",
+				ref: y,
+				class: normalizeClass(unref(h).components.Modal.backdrop),
+				onClick: b
+			}, [createElementVNode("section", {
+				class: normalizeClass(unref(h).components.Modal.element),
+				style: normalizeStyle(unref(h).additionalStyles?.Modal)
+			}, [createElementVNode("div", { class: "controls" }, [createElementVNode("button", { onClick: x }, [...g[1] ||= [createElementVNode("span", { class: "g-icon" }, "close", -1)]])]), createVNode(A2UIRenderer_default, {
+				"surface-id": e.surfaceId,
+				component: e.component.properties.contentChild
+			}, null, 8, ["surface-id", "component"])], 6)], 2)) : createCommentVNode("", !0), createVNode(_, null, {
+				default: withCtx(() => [createElementVNode("section", { onClick: g[0] ||= (e) => v.value = !0 }, [createVNode(A2UIRenderer_default, {
+					"surface-id": e.surfaceId,
+					component: e.component.properties.entryPointChild
+				}, null, 8, ["surface-id", "component"])])]),
+				_: 1
+			})], 64);
+		};
+	}
+}), [["__scopeId", "data-v-3fe73b77"]]);
+export { A2UIModal_default as default };

package/dist/A2UIMultipleChoice-DtMcPyuU.js

@@ -0,0 +1,41 @@
+import { o as __plugin_vue_export_helper_default, t as useDynamicComponent } from "./useDynamicComponent-MEzwhjNJ.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, resolveComponent, toDisplayString, unref, useCssVars, withCtx } from "vue";
+var _hoisted_1 = ["for"], _hoisted_2 = ["id", "value"], _hoisted_3 = ["value"], A2UIMultipleChoice_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "A2UIMultipleChoice",
+	props: {
+		surfaceId: {},
+		component: {},
+		weight: {},
+		options: {},
+		value: {},
+		description: {}
+	},
+	setup(e) {
+		useCssVars((e) => ({ v592a7670: e.weight }));
+		let y = e, { theme: b, resolvePrimitive: x, getUniqueId: S, processor: C } = useDynamicComponent(y), w = S("a2ui-multiple-choice"), T = computed(() => x(y.value));
+		function E(e) {
+			let _ = y.value?.path;
+			!(e.target instanceof HTMLSelectElement) || !e.target.value || !_ || C.setData(y.component, C.resolvePath(_, y.component.dataContextPath), e.target.value);
+		}
+		return (_, v) => {
+			let y = resolveComponent("a2ui-multiple-choice");
+			return openBlock(), createBlock(y, null, {
+				default: withCtx(() => [createElementVNode("section", { class: normalizeClass(unref(b).components.MultipleChoice.container) }, [createElementVNode("label", {
+					class: normalizeClass(unref(b).components.MultipleChoice.label),
+					for: unref(w)
+				}, toDisplayString(e.description), 11, _hoisted_1), createElementVNode("select", {
+					onChange: E,
+					id: unref(w),
+					value: T.value,
+					class: normalizeClass(unref(b).components.MultipleChoice.element),
+					style: normalizeStyle(unref(b).additionalStyles?.MultipleChoice)
+				}, [(openBlock(!0), createElementBlock(Fragment, null, renderList(e.options, (e) => (openBlock(), createElementBlock("option", {
+					key: e.value,
+					value: e.value
+				}, toDisplayString(unref(x)(e.label)), 9, _hoisted_3))), 128))], 46, _hoisted_2)], 2)]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-d578fcf9"]]);
+export { A2UIMultipleChoice_default as default };

package/dist/A2UIMultipleChoice-n7GyQjXd.cjs

@@ -0,0 +1 @@
+const e=require(`./useDynamicComponent-YT-u9Rpv.cjs`),t=require(`./zxq-com.cjs`);let n=require(`vue`);var r=[`for`],i=[`id`,`value`],a=[`value`],o=(0,n.defineComponent)({__name:`A2UIMultipleChoice`,props:{surfaceId:{},component:{},weight:{},options:{},value:{},description:{}},setup(t){(0,n.useCssVars)(e=>({v592a7670:e.weight}));let o=t,{theme:s,resolvePrimitive:c,getUniqueId:l,processor:u}=e.t(o),d=l(`a2ui-multiple-choice`),f=(0,n.computed)(()=>c(o.value));function p(e){let t=o.value?.path;!(e.target instanceof HTMLSelectElement)||!e.target.value||!t||u.setData(o.component,u.resolvePath(t,o.component.dataContextPath),e.target.value)}return(e,o)=>{let l=(0,n.resolveComponent)(`a2ui-multiple-choice`);return(0,n.openBlock)(),(0,n.createBlock)(l,null,{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`section`,{class:(0,n.normalizeClass)((0,n.unref)(s).components.MultipleChoice.container)},[(0,n.createElementVNode)(`label`,{class:(0,n.normalizeClass)((0,n.unref)(s).components.MultipleChoice.label),for:(0,n.unref)(d)},(0,n.toDisplayString)(t.description),11,r),(0,n.createElementVNode)(`select`,{onChange:p,id:(0,n.unref)(d),value:f.value,class:(0,n.normalizeClass)((0,n.unref)(s).components.MultipleChoice.element),style:(0,n.normalizeStyle)((0,n.unref)(s).additionalStyles?.MultipleChoice)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(t.options,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`option`,{key:e.value,value:e.value},(0,n.toDisplayString)((0,n.unref)(c)(e.label)),9,a))),128))],46,i)],2)]),_:1})}}}),s=e.o(o,[[`__scopeId`,`data-v-d578fcf9`]]);exports.default=s;

package/dist/A2UIRenderer-DqVIH5p7.cjs

@@ -0,0 +1 @@
+const e=require(`./useDynamicComponent-YT-u9Rpv.cjs`),t=require(`./styles-BZV65AUo.cjs`),n=require(`./zxq-com.cjs`);let r=require(`vue`);var i=(0,r.defineComponent)({__name:`A2UIRenderer`,props:{surfaceId:{},component:{}},setup(n){let i=n,{catalog:a}=e.a(),o=(0,r.shallowRef)(null),s=(0,r.ref)({}),c=!1;async function l(){let e=a[i.component.type];if(!e){console.warn(`No component registered for type: ${i.component.type}`),o.value=null;return}let t,n={};if(typeof e==`function`){let n=await e();t=n.default??n}else{let r=await e.type();t=r.default??r,n=e.props(i.component)}s.value={surfaceId:i.surfaceId,component:i.component,weight:i.component.weight??`initial`,...n},o.value=t}return(0,r.watch)(()=>[i.surfaceId,i.component],()=>l(),{immediate:!0,deep:!0}),(0,r.onMounted)(()=>{if(!c&&typeof document<`u`){let e=document.createElement(`style`);e.textContent=t.t,document.head.appendChild(e),c=!0}}),(e,t)=>o.value?((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(o.value),(0,r.normalizeProps)((0,r.mergeProps)({key:0},s.value)),null,16)):(0,r.createCommentVNode)(``,!0)}}),a=i;Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/dist/A2UIRenderer-lZ0ms8c-.js

@@ -0,0 +1,44 @@
+import { a as useA2UIConfig } from "./useDynamicComponent-MEzwhjNJ.js";
+import { t as structuralStyles } from "./styles-BYpMnn-p.js";
+import { createBlock, createCommentVNode, defineComponent, mergeProps, normalizeProps, onMounted, openBlock, ref, resolveDynamicComponent, shallowRef, watch } from "vue";
+var A2UIRenderer_default = /* @__PURE__ */ defineComponent({
+	__name: "A2UIRenderer",
+	props: {
+		surfaceId: {},
+		component: {}
+	},
+	setup(f) {
+		let p = f, { catalog: m } = useA2UIConfig(), h = shallowRef(null), g = ref({}), _ = !1;
+		async function v() {
+			let e = m[p.component.type];
+			if (!e) {
+				console.warn(`No component registered for type: ${p.component.type}`), h.value = null;
+				return;
+			}
+			let l, u = {};
+			if (typeof e == "function") {
+				let u = await e();
+				l = u.default ?? u;
+			} else {
+				let d = await e.type();
+				l = d.default ?? d, u = e.props(p.component);
+			}
+			g.value = {
+				surfaceId: p.surfaceId,
+				component: p.component,
+				weight: p.component.weight ?? "initial",
+				...u
+			}, h.value = l;
+		}
+		return watch(() => [p.surfaceId, p.component], () => v(), {
+			immediate: !0,
+			deep: !0
+		}), onMounted(() => {
+			if (!_ && typeof document < "u") {
+				let e = document.createElement("style");
+				e.textContent = structuralStyles, document.head.appendChild(e), _ = !0;
+			}
+		}), (e, l) => h.value ? (openBlock(), createBlock(resolveDynamicComponent(h.value), normalizeProps(mergeProps({ key: 0 }, g.value)), null, 16)) : createCommentVNode("", !0);
+	}
+});
+export { A2UIRenderer_default as t };

package/dist/A2UISlider-Dd9OIXwb.js

@@ -0,0 +1,54 @@
+import { o as __plugin_vue_export_helper_default, t as useDynamicComponent } from "./useDynamicComponent-MEzwhjNJ.js";
+import { computed, createBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, resolveComponent, toDisplayString, unref, useCssVars, withCtx } from "vue";
+var _hoisted_1 = ["for"], _hoisted_2 = [
+	"value",
+	"min",
+	"max",
+	"id"
+], A2UISlider_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "A2UISlider",
+	props: {
+		surfaceId: {},
+		component: {},
+		weight: {},
+		value: {},
+		label: {},
+		minValue: {},
+		maxValue: {}
+	},
+	setup(e) {
+		useCssVars((e) => ({ v7438330c: e.weight }));
+		let h = e, { theme: g, resolvePrimitive: _, getUniqueId: v, setData: y } = useDynamicComponent(h), b = v("a2ui-slider"), x = computed(() => _(h.value) ?? 0), S = computed(() => C(x.value));
+		function C(e) {
+			let f = h.minValue ?? 0, p = (h.maxValue ?? 100) - f;
+			return p > 0 ? Math.max(0, Math.min(100, (e - f) / p * 100)) : 0;
+		}
+		function w(e) {
+			let f = h.value?.path;
+			if (!(e.target instanceof HTMLInputElement)) return;
+			let p = e.target.valueAsNumber, m = C(p);
+			e.target.style.setProperty("--slider-percent", m + "%"), f && y(h.component, f, p, h.surfaceId);
+		}
+		return (f, p) => {
+			let h = resolveComponent("a2ui-slider");
+			return openBlock(), createBlock(h, null, {
+				default: withCtx(() => [createElementVNode("section", { class: normalizeClass(unref(g).components.Slider.container) }, [createElementVNode("label", {
+					class: normalizeClass(unref(g).components.Slider.label),
+					for: unref(b)
+				}, toDisplayString(e.label), 11, _hoisted_1), createElementVNode("input", {
+					autocomplete: "off",
+					type: "range",
+					value: x.value,
+					min: e.minValue,
+					max: e.maxValue,
+					id: unref(b),
+					onInput: w,
+					class: normalizeClass(unref(g).components.Slider.element),
+					style: normalizeStyle([unref(g).additionalStyles?.Slider, { "--slider-percent": S.value + "%" }])
+				}, null, 46, _hoisted_2)], 2)]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-9af75714"]]);
+export { A2UISlider_default as default };

package/dist/A2UISlider-NnRbh48d.cjs

@@ -0,0 +1 @@
+const e=require(`./useDynamicComponent-YT-u9Rpv.cjs`),t=require(`./zxq-com.cjs`);let n=require(`vue`);var r=[`for`],i=[`value`,`min`,`max`,`id`],a=(0,n.defineComponent)({__name:`A2UISlider`,props:{surfaceId:{},component:{},weight:{},value:{},label:{},minValue:{},maxValue:{}},setup(t){(0,n.useCssVars)(e=>({v7438330c:e.weight}));let a=t,{theme:o,resolvePrimitive:s,getUniqueId:c,setData:l}=e.t(a),u=c(`a2ui-slider`),d=(0,n.computed)(()=>s(a.value)??0),f=(0,n.computed)(()=>p(d.value));function p(e){let t=a.minValue??0,n=(a.maxValue??100)-t;return n>0?Math.max(0,Math.min(100,(e-t)/n*100)):0}function m(e){let t=a.value?.path;if(!(e.target instanceof HTMLInputElement))return;let n=e.target.valueAsNumber,r=p(n);e.target.style.setProperty(`--slider-percent`,r+`%`),t&&l(a.component,t,n,a.surfaceId)}return(e,a)=>{let s=(0,n.resolveComponent)(`a2ui-slider`);return(0,n.openBlock)(),(0,n.createBlock)(s,null,{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`section`,{class:(0,n.normalizeClass)((0,n.unref)(o).components.Slider.container)},[(0,n.createElementVNode)(`label`,{class:(0,n.normalizeClass)((0,n.unref)(o).components.Slider.label),for:(0,n.unref)(u)},(0,n.toDisplayString)(t.label),11,r),(0,n.createElementVNode)(`input`,{autocomplete:`off`,type:`range`,value:d.value,min:t.minValue,max:t.maxValue,id:(0,n.unref)(u),onInput:m,class:(0,n.normalizeClass)((0,n.unref)(o).components.Slider.element),style:(0,n.normalizeStyle)([(0,n.unref)(o).additionalStyles?.Slider,{"--slider-percent":f.value+`%`}])},null,46,i)],2)]),_:1})}}}),o=e.o(a,[[`__scopeId`,`data-v-9af75714`]]);exports.default=o;

package/dist/A2UITabs-CvuzauYt.cjs

@@ -0,0 +1 @@
+const e=require(`./useDynamicComponent-YT-u9Rpv.cjs`),t=require(`./styles-BZV65AUo.cjs`),n=require(`./A2UIRenderer-DqVIH5p7.cjs`),r=require(`./zxq-com.cjs`);let i=require(`vue`);var a=[`onClick`,`disabled`],o=(0,i.defineComponent)({__name:`A2UITabs`,props:{surfaceId:{},component:{},weight:{},tabs:{}},setup(r){(0,i.useCssVars)(e=>({v7245b45c:e.weight}));let o=r,{theme:s,resolvePrimitive:c}=e.t(o),l=(0,i.ref)(0),u=(0,i.computed)(()=>{let e=l.value;return o.tabs.map((n,r)=>r===e?t.r(s.components.Tabs.controls.all,s.components.Tabs.controls.selected):s.components.Tabs.controls.all)});return(e,t)=>{let o=(0,i.resolveComponent)(`a2ui-tabs`);return(0,i.openBlock)(),(0,i.createBlock)(o,null,{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`section`,{class:(0,i.normalizeClass)((0,i.unref)(s).components.Tabs.container),style:(0,i.normalizeStyle)((0,i.unref)(s).additionalStyles?.Tabs)},[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)((0,i.unref)(s).components.Tabs.element)},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(r.tabs,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:t,onClick:e=>l.value=t,disabled:l.value===t,class:(0,i.normalizeClass)(u.value[t])},(0,i.toDisplayString)((0,i.unref)(c)(e.title)),11,a))),128))],2),(0,i.createVNode)(n.t,{"surface-id":r.surfaceId,component:r.tabs[l.value].child},null,8,[`surface-id`,`component`])],6)]),_:1})}}}),s=e.o(o,[[`__scopeId`,`data-v-02f92b76`]]);exports.default=s;

package/dist/A2UITabs-DU1t9s1D.js

@@ -0,0 +1,39 @@
+import { o as __plugin_vue_export_helper_default, t as useDynamicComponent } from "./useDynamicComponent-MEzwhjNJ.js";
+import { r as merge } from "./styles-BYpMnn-p.js";
+import { t as A2UIRenderer_default } from "./A2UIRenderer-lZ0ms8c-.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, useCssVars, withCtx } from "vue";
+var _hoisted_1 = ["onClick", "disabled"], A2UITabs_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "A2UITabs",
+	props: {
+		surfaceId: {},
+		component: {},
+		weight: {},
+		tabs: {}
+	},
+	setup(e) {
+		useCssVars((e) => ({ v7245b45c: e.weight }));
+		let x = e, { theme: S, resolvePrimitive: C } = useDynamicComponent(x), w = ref(0), T = computed(() => {
+			let e = w.value;
+			return x.tabs.map((_, y) => y === e ? merge(S.components.Tabs.controls.all, S.components.Tabs.controls.selected) : S.components.Tabs.controls.all);
+		});
+		return (_, v) => {
+			let b = resolveComponent("a2ui-tabs");
+			return openBlock(), createBlock(b, null, {
+				default: withCtx(() => [createElementVNode("section", {
+					class: normalizeClass(unref(S).components.Tabs.container),
+					style: normalizeStyle(unref(S).additionalStyles?.Tabs)
+				}, [createElementVNode("div", { class: normalizeClass(unref(S).components.Tabs.element) }, [(openBlock(!0), createElementBlock(Fragment, null, renderList(e.tabs, (e, _) => (openBlock(), createElementBlock("button", {
+					key: _,
+					onClick: (e) => w.value = _,
+					disabled: w.value === _,
+					class: normalizeClass(T.value[_])
+				}, toDisplayString(unref(C)(e.title)), 11, _hoisted_1))), 128))], 2), createVNode(A2UIRenderer_default, {
+					"surface-id": e.surfaceId,
+					component: e.tabs[w.value].child
+				}, null, 8, ["surface-id", "component"])], 6)]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-02f92b76"]]);
+export { A2UITabs_default as default };