@threadlabs/looma 0.19.1 → 0.20.0

package/vue/chunks/UiFormField.js

@@ -1,9 +1,14 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as useComponentHost, t as createDispatch } from "./host.js";
-import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
-import * as controllerModule from "@threadlabs/looma/components/ui-form-field/ui-form-field.js";
+import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { t as checkedProp } from "./props.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, watchSyncEffect } from "vue";
 //#region .build/vue/UiFormField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-ui-form-field-state"];
+var _hoisted_1 = [
+	"data-disabled",
+	"data-invalid",
+	"data-required",
+	"data-ui-form-field-state"
+];
 var _hoisted_2 = { class: "label" };
 var _hoisted_3 = { class: "label-action" };
 var _hoisted_4 = { class: "help" };
@@ -15,31 +20,77 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 	__name: "UiFormField",
 	props: {
 		disabled: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
 		invalid: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
 		required: {
-			type: Boolean,
+			type: null,
 			default: false
 		}
 	},
 	setup(__props) {
 		const props = __props;
+		const checkedProps = computed(() => ({
+			disabled: checkedProp(props["disabled"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "disabled", void 0, void 0),
+			invalid: checkedProp(props["invalid"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "invalid", void 0, void 0),
+			required: checkedProp(props["required"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "required", void 0, void 0)
+		}));
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		function nativeAttrs(attrs) {
+			const names = Object.keys(attrs);
+			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
+			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
+		}
+		const componentInstance = getCurrentInstance();
+		function reflectedProp(name, kebab, value, fallback, bound, separator) {
+			const incoming = componentInstance?.vnode.props;
+			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
+			if (value === null || value === void 0) return void 0;
+			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
+		}
+		const hydrationInstance = getCurrentInstance();
 		const root = ref(null);
+		const hydrationNode = hydrationInstance?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-form-field> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-form-field> has an incompatible root."
+			})
+		});
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.invalid && "invalid"].filter(Boolean).join(" "));
+		const hostState = computed(() => [checkedProps.value.invalid && "invalid"].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
-		useComponentHost(controllerModule.default, {
+		useComponentHost(() => import("@threadlabs/looma/components/ui-form-field/ui-form-field.js"), {
 			root,
 			dispatch,
-			props
+			controllerSource: {
+				specifier: "../components/ui-form-field/ui-form-field.js",
+				definition: "./components/ui-form-field/ui-form-field.html"
+			},
+			props: checkedProps
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-form-field" }, _ctx.$attrs, {
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-form-field" }, nativeAttrs(_ctx.$attrs), {
+				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-invalid": reflectedProp("invalid", "invalid", checkedProps.value.invalid, void 0, false),
+				"data-required": reflectedProp("required", "required", checkedProps.value.required, void 0, false),
 				"data-ui-form-field-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -51,6 +102,6 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-60c91d56"]]);
+}), [["__scopeId", "data-v-cc0a0e4f"]]);
 //#endregion
 export { UiFormField_default as t };

package/vue/chunks/UiGrid.js

@@ -1,28 +1,99 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+import { t as checkedProp } from "./props.js";
+import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, watchSyncEffect } from "vue";
 //#region .build/vue/UiGrid.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-ui-grid-state"];
+var _hoisted_1 = [
+	"data-columns",
+	"data-gap",
+	"data-min",
+	"data-ui-grid-state"
+];
 //#endregion
 //#region .build/vue/UiGrid.vue
 var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiGrid",
 	props: {
-		columns: {},
-		gap: {},
-		min: {}
+		columns: {
+			type: null,
+			default: null
+		},
+		gap: {
+			type: null,
+			default: null
+		},
+		min: {
+			type: null,
+			default: null
+		}
 	},
 	setup(__props) {
 		const props = __props;
+		const checkedProps = computed(() => ({
+			columns: checkedProp(props["columns"], {
+				kind: "terminal",
+				name: "integer"
+			}, false, "columns", void 0, void 0),
+			gap: checkedProp(props["gap"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "gap", void 0, [
+				"xs",
+				"s",
+				"m",
+				"l",
+				"xl"
+			]),
+			min: checkedProp(props["min"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "min", void 0, [
+				"sm",
+				"md",
+				"lg"
+			])
+		}));
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		function nativeAttrs(attrs) {
+			const names = Object.keys(attrs);
+			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
+			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
+		}
+		const componentInstance = getCurrentInstance();
+		function reflectedProp(name, kebab, value, fallback, bound, separator) {
+			const incoming = componentInstance?.vnode.props;
+			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
+			if (value === null || value === void 0) return void 0;
+			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
+		}
+		const hydrationNode = getCurrentInstance()?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-grid> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-grid> has an incompatible root."
+			})
+		});
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.gap && `gap gap=${props.gap}`, props.min && `min min=${props.min}`].filter(Boolean).join(" "));
+		const hostState = computed(() => [
+			checkedProps.value.gap && "gap",
+			checkedProps.value.gap != null && `gap=${encodeURIComponent(checkedProps.value.gap)}`,
+			checkedProps.value.min && "min",
+			checkedProps.value.min != null && `min=${encodeURIComponent(checkedProps.value.min)}`
+		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-grid" }, _ctx.$attrs, {
-				style: { "--_grid-column-cap": __props.columns },
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-grid" }, nativeAttrs(_ctx.$attrs), {
+				style: { "--_grid-column-cap": checkedProps.value.columns ?? void 0 },
+				"data-columns": reflectedProp("columns", "columns", checkedProps.value.columns, void 0, false),
+				"data-gap": reflectedProp("gap", "gap", checkedProps.value.gap, void 0, false),
+				"data-min": reflectedProp("min", "min", checkedProps.value.min, void 0, false),
 				"data-ui-grid-state": hostState.value || void 0
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-9c0f77d4"]]);
+}), [["__scopeId", "data-v-3f00f4bd"]]);
 //#endregion
 export { UiGrid_default as t };

package/vue/chunks/UiIcon.js

@@ -1,7 +1,9 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderList } from "vue";
+import { t as checkedProp } from "./props.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderList, unref, watchSyncEffect } from "vue";
 //#region .build/vue/UiIcon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
+var _hoisted_1 = ["data-name"];
+var _hoisted_2 = {
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
@@ -10,13 +12,13 @@ var _hoisted_1 = {
 	"stroke-linejoin": "round",
 	focusable: "false"
 };
-var _hoisted_2 = ["d"];
-var _hoisted_3 = [
+var _hoisted_3 = ["d"];
+var _hoisted_4 = [
 	"cx",
 	"cy",
 	"r"
 ];
-var _hoisted_4 = [
+var _hoisted_5 = [
 	"x",
 	"y",
 	"width",
@@ -24,7 +26,7 @@ var _hoisted_4 = [
 	"rx",
 	"ry"
 ];
-var _hoisted_5 = [
+var _hoisted_6 = [
 	"x1",
 	"y1",
 	"x2",
@@ -35,10 +37,57 @@ var _hoisted_5 = [
 var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiIcon",
-	props: { name: { default: "" } },
+	props: { name: {
+		type: null,
+		default: ""
+	} },
 	setup(__props) {
 		const props = __props;
-		const shapes = computed(() => ({
+		const checkedProps = computed(() => ({ name: checkedProp(props["name"], {
+			kind: "terminal",
+			name: "string"
+		}, false, "name", void 0, void 0) }));
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		function nativeAttrs(attrs) {
+			const names = Object.keys(attrs);
+			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
+			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
+		}
+		const componentInstance = getCurrentInstance();
+		function reflectedProp(name, kebab, value, fallback, bound, separator) {
+			const incoming = componentInstance?.vnode.props;
+			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
+			if (value === null || value === void 0) return void 0;
+			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
+		}
+		const hydrationInstance = getCurrentInstance();
+		function cycleCheckedComputed(evaluate) {
+			const value = computed(evaluate);
+			let reading = false;
+			return new Proxy(value, { get(target, property) {
+				if (property !== "value") return Reflect.get(target, property);
+				if (reading) {
+					const message = "A reactive computed value depends on itself.";
+					throw Object.assign(/* @__PURE__ */ new Error(`HR006: ${message}`), {
+						name: "HtmlDiagnosticError",
+						diagnostic: Object.freeze({
+							code: "HR006",
+							message
+						})
+					});
+				}
+				reading = true;
+				try {
+					return target.value;
+				} finally {
+					reading = false;
+				}
+			} });
+		}
+		const shapes = cycleCheckedComputed(() => ({
 			"align-center": [
 				{
 					tag: "path",
@@ -1004,7 +1053,15 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				tag: "path",
 				d: "m6 6 12 12"
 			}]
-		})[props.name]);
+		})[checkedProps.value.name]);
+		const hydrationNode = hydrationInstance?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "span")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-icon> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-icon> has an incompatible root."
+			})
+		});
 		function text(value) {
 			if (Array.isArray(value)) return value.map(text).join(" ");
 			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
@@ -1020,18 +1077,18 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			return openBlock(), createElementBlock("span", mergeProps({
 				"data-component": "ui-icon",
 				"aria-hidden": "true"
-			}, _ctx.$attrs), [(openBlock(), createElementBlock("svg", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(list(shapes.value), (shape, index) => {
+			}, nativeAttrs(_ctx.$attrs), { "data-name": reflectedProp("name", "name", checkedProps.value.name, void 0, false) }), [(openBlock(), createElementBlock("svg", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(list(unref(shapes)), (shape, index) => {
 				return openBlock(), createElementBlock("g", { key: index }, [
 					shape.tag === "path" ? (openBlock(), createElementBlock("path", {
 						key: 0,
 						d: attribute(shape.d)
-					}, null, 8, _hoisted_2)) : createCommentVNode("v-if", true),
+					}, null, 8, _hoisted_3)) : createCommentVNode("v-if", true),
 					shape.tag === "circle" ? (openBlock(), createElementBlock("circle", {
 						key: 1,
 						cx: attribute(shape.cx),
 						cy: attribute(shape.cy),
 						r: attribute(shape.r)
-					}, null, 8, _hoisted_3)) : createCommentVNode("v-if", true),
+					}, null, 8, _hoisted_4)) : createCommentVNode("v-if", true),
 					shape.tag === "rect" ? (openBlock(), createElementBlock("rect", {
 						key: 2,
 						x: attribute(shape.x),
@@ -1040,18 +1097,18 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 						height: attribute(shape.height),
 						rx: attribute(shape.rx),
 						ry: attribute(shape.ry)
-					}, null, 8, _hoisted_4)) : createCommentVNode("v-if", true),
+					}, null, 8, _hoisted_5)) : createCommentVNode("v-if", true),
 					shape.tag === "line" ? (openBlock(), createElementBlock("line", {
 						key: 3,
 						x1: attribute(shape.x1),
 						y1: attribute(shape.y1),
 						x2: attribute(shape.x2),
 						y2: attribute(shape.y2)
-					}, null, 8, _hoisted_5)) : createCommentVNode("v-if", true)
+					}, null, 8, _hoisted_6)) : createCommentVNode("v-if", true)
 				]);
-			}), 128))]))], 16);
+			}), 128))]))], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-988c6eae"]]);
+}), [["__scopeId", "data-v-ab840e9e"]]);
 //#endregion
 export { UiIcon_default as t };

package/vue/chunks/UiIconButton.js

@@ -1,14 +1,22 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as useComponentHost, t as createDispatch } from "./host.js";
+import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { t as checkedProp } from "./props.js";
 import { t as UiSpinner_default } from "./UiSpinner.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
-import * as controllerModule from "@threadlabs/looma/components/ui-icon-button/ui-icon-button.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, watchSyncEffect } from "vue";
 //#region .build/vue/UiIconButton.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"disabled",
 	"aria-label",
 	"aria-disabled",
 	"aria-busy",
+	"data-anticipatory",
+	"data-disabled",
+	"data-label",
+	"data-loading",
+	"data-pending",
+	"data-round",
+	"data-size",
+	"data-variant",
 	"data-ui-icon-button-state"
 ];
 var _hoisted_2 = { class: "content" };
@@ -19,46 +27,128 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 	__name: "UiIconButton",
 	props: {
 		anticipatory: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
 		disabled: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
-		label: {},
+		label: {
+			type: null,
+			default: null
+		},
 		loading: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
 		pending: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
 		round: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
-		size: { default: "md" },
-		variant: { default: "ghost" }
+		size: {
+			type: null,
+			default: "md"
+		},
+		variant: {
+			type: null,
+			default: "ghost"
+		}
 	},
 	setup(__props) {
 		const props = __props;
+		const checkedProps = computed(() => ({
+			anticipatory: checkedProp(props["anticipatory"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "anticipatory", void 0, void 0),
+			disabled: checkedProp(props["disabled"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "disabled", void 0, void 0),
+			label: checkedProp(props["label"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "label", void 0, void 0),
+			loading: checkedProp(props["loading"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "loading", void 0, void 0),
+			pending: checkedProp(props["pending"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "pending", void 0, void 0),
+			round: checkedProp(props["round"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "round", void 0, void 0),
+			size: checkedProp(props["size"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "size", void 0, [
+				"sm",
+				"md",
+				"lg"
+			]),
+			variant: checkedProp(props["variant"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "variant", void 0, [
+				"ghost",
+				"outline",
+				"solid"
+			])
+		}));
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		function nativeAttrs(attrs) {
+			const names = Object.keys(attrs);
+			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
+			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
+		}
+		const componentInstance = getCurrentInstance();
+		function reflectedProp(name, kebab, value, fallback, bound, separator) {
+			const incoming = componentInstance?.vnode.props;
+			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
+			if (value === null || value === void 0) return void 0;
+			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
+		}
+		const hydrationInstance = getCurrentInstance();
 		const root = ref(null);
+		const hydrationNode = hydrationInstance?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "button")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-icon-button> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-icon-button> has an incompatible root."
+			})
+		});
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
-			props.anticipatory && "anticipatory",
-			props.variant && `variant variant=${props.variant}`,
-			props.loading && "loading",
-			props.pending && "pending",
-			props.size && `size size=${props.size}`,
-			props.round && "round"
+			checkedProps.value.anticipatory && "anticipatory",
+			checkedProps.value.variant && "variant",
+			checkedProps.value.variant != null && `variant=${encodeURIComponent(checkedProps.value.variant)}`,
+			checkedProps.value.loading && "loading",
+			checkedProps.value.pending && "pending",
+			checkedProps.value.size && "size",
+			checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
+			checkedProps.value.round && "round"
 		].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
-		useComponentHost(controllerModule.default, {
+		useComponentHost(() => import("@threadlabs/looma/components/ui-icon-button/ui-icon-button.js"), {
 			root,
 			dispatch,
-			props
+			controllerSource: {
+				specifier: "../components/ui-icon-button/ui-icon-button.js",
+				definition: "./components/ui-icon-button/ui-icon-button.html"
+			},
+			props: checkedProps
 		});
 		function text(value) {
 			if (Array.isArray(value)) return value.map(text).join(" ");
@@ -72,29 +162,37 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			return openBlock(), createElementBlock("button", mergeProps({
 				"data-component": "ui-icon-button",
 				type: "button"
-			}, _ctx.$attrs, {
-				disabled: __props.disabled,
-				"aria-label": __props.label,
+			}, nativeAttrs(_ctx.$attrs), {
+				disabled: checkedProps.value.disabled ?? void 0,
+				"aria-label": checkedProps.value.label ?? void 0,
 				"aria-disabled": typeof {
 					true: "true",
 					false: null
-				}[`${__props.loading || __props.pending}`] === "boolean" ? String({
+				}[`${checkedProps.value.loading || checkedProps.value.pending}`] === "boolean" ? String({
 					true: "true",
 					false: null
-				}[`${__props.loading || __props.pending}`]) : attribute({
+				}[`${checkedProps.value.loading || checkedProps.value.pending}`]) : attribute({
 					true: "true",
 					false: null
-				}[`${__props.loading || __props.pending}`]),
-				"aria-busy": __props.loading || __props.pending,
+				}[`${checkedProps.value.loading || checkedProps.value.pending}`]),
+				"aria-busy": checkedProps.value.loading || checkedProps.value.pending,
+				"data-anticipatory": reflectedProp("anticipatory", "anticipatory", checkedProps.value.anticipatory, void 0, false),
+				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
+				"data-loading": reflectedProp("loading", "loading", checkedProps.value.loading, void 0, false),
+				"data-pending": reflectedProp("pending", "pending", checkedProps.value.pending, void 0, false),
+				"data-round": reflectedProp("round", "round", checkedProps.value.round, void 0, false),
+				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
+				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-icon-button-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [__props.loading || __props.pending ? (openBlock(), createBlock(UiSpinner_default, {
+			}), [checkedProps.value.loading || checkedProps.value.pending ? (openBlock(), createBlock(UiSpinner_default, {
 				key: 0,
 				size: "sm"
 			})) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-9828be81"]]);
+}), [["__scopeId", "data-v-4cfd4c1e"]]);
 //#endregion
 export { UiIconButton_default as t };