@threadlabs/looma 0.13.5 → 0.14.0

package/vue/chunks/UiInput.js

@@ -7,7 +7,8 @@ var _hoisted_1 = [
 	"disabled",
 	"readonly",
 	"required",
-	"aria-invalid"
+	"aria-invalid",
+	"data-ui-input-state"
 ];
 //#endregion
 //#region .build/vue/UiInput.vue
@@ -31,6 +32,7 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			type: Boolean,
 			default: false
 		},
+		size: { default: "md" },
 		value: {},
 		modelValue: {}
 	},
@@ -43,6 +45,8 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			set: (value) => emit("update:modelValue", value)
 		});
 		const root = ref(null);
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [props.size && `size size=${props.size}`].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
 		useComponentHost(controllerModule.default, {
 			root,
@@ -56,11 +60,12 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				required: __props.required,
 				"aria-invalid": __props.invalid,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				"data-ui-input-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), null, 16, _hoisted_1)), [[vModelDynamic, model.value]]);
 		};
 	}
-}), [["__scopeId", "data-v-e1edefb2"]]);
+}), [["__scopeId", "data-v-4ba095d3"]]);
 //#endregion
 export { UiInput_default as t };

package/vue/chunks/UiInputGroup.js

@@ -41,6 +41,6 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-d57b2ead"]]);
+}), [["__scopeId", "data-v-26a5b56d"]]);
 //#endregion
 export { UiInputGroup_default as t };

package/vue/chunks/UiRadio.js

@@ -37,6 +37,7 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			type: Boolean,
 			default: false
 		},
+		size: { default: "md" },
 		value: { default: "on" }
 	},
 	emits: [
@@ -52,7 +53,7 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		const descriptionElement = useTemplateRef("description");
 		const internalChecked = ref(false);
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.disabled && "disabled"].filter(Boolean).join(" "));
+		const hostState = computed(() => [props.disabled && "disabled", props.size && `size size=${props.size}`].filter(Boolean).join(" "));
 		const isChangeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["checked"] === "boolean" && typeof detail["value"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 			"checked",
 			"value",
@@ -88,6 +89,6 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}, null, 40, _hoisted_2), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-293c00d6"]]);
+}), [["__scopeId", "data-v-02111ebf"]]);
 //#endregion
 export { UiRadio_default as t };

package/vue/chunks/UiSelect.js

@@ -6,7 +6,8 @@ import * as controllerModule from "@threadlabs/looma/components/ui-select/ui-sel
 var _hoisted_1 = [
 	"disabled",
 	"required",
-	"aria-invalid"
+	"aria-invalid",
+	"data-ui-select-state"
 ];
 //#endregion
 //#region .build/vue/UiSelect.vue
@@ -26,6 +27,7 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			type: Boolean,
 			default: false
 		},
+		size: { default: "md" },
 		value: {},
 		modelValue: {}
 	},
@@ -38,6 +40,8 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			set: (value) => emit("update:modelValue", value)
 		});
 		const root = ref(null);
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [props.size && `size size=${props.size}`].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
 		useComponentHost(controllerModule.default, {
 			root,
@@ -50,11 +54,12 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				required: __props.required,
 				"aria-invalid": __props.invalid,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				"data-ui-select-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[vModelSelect, model.value]]);
 		};
 	}
-}), [["__scopeId", "data-v-57618b8b"]]);
+}), [["__scopeId", "data-v-c81ec3d9"]]);
 //#endregion
 export { UiSelect_default as t };

package/vue/chunks/UiSwitch.js

@@ -37,6 +37,7 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			type: Boolean,
 			default: false
 		},
+		size: { default: "md" },
 		value: { default: "on" }
 	},
 	emits: [
@@ -52,7 +53,7 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const descriptionElement = useTemplateRef("description");
 		const internalChecked = ref(false);
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.disabled && "disabled"].filter(Boolean).join(" "));
+		const hostState = computed(() => [props.disabled && "disabled", props.size && `size size=${props.size}`].filter(Boolean).join(" "));
 		const isChangeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["checked"] === "boolean" && typeof detail["value"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 			"checked",
 			"value",
@@ -89,6 +90,6 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}, null, 40, _hoisted_2), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-98e06e1e"]]);
+}), [["__scopeId", "data-v-87fc218c"]]);
 //#endregion
 export { UiSwitch_default as t };

package/vue/chunks/UiTextarea.js

@@ -8,7 +8,8 @@ var _hoisted_1 = [
 	"readonly",
 	"required",
 	"aria-invalid",
-	"rows"
+	"rows",
+	"data-ui-textarea-state"
 ];
 //#endregion
 //#region .build/vue/UiTextarea.vue
@@ -33,6 +34,7 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			default: false
 		},
 		rows: { default: 4 },
+		size: { default: "md" },
 		value: {},
 		modelValue: {}
 	},
@@ -45,6 +47,8 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			set: (value) => emit("update:modelValue", value)
 		});
 		const root = ref(null);
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [props.size && `size size=${props.size}`].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
 		useComponentHost(controllerModule.default, {
 			root,
@@ -59,11 +63,12 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"aria-invalid": __props.invalid,
 				rows: __props.rows,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				"data-ui-textarea-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), null, 16, _hoisted_1)), [[vModelText, model.value]]);
 		};
 	}
-}), [["__scopeId", "data-v-73461aaf"]]);
+}), [["__scopeId", "data-v-00f7b2fd"]]);
 //#endregion
 export { UiTextarea_default as t };