@threadlabs/looma 0.14.8 → 0.15.0

package/vue/chunks/UiIcon.js

@@ -167,6 +167,10 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 					d: "M8 18h.01"
 				}
 			],
+			check: [{
+				tag: "path",
+				d: "M20 6 9 17l-5-5"
+			}],
 			"chevron-down": [{
 				tag: "path",
 				d: "m6 9 6 6 6-6"
@@ -188,6 +192,17 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				tag: "path",
 				d: "m9 12 2 2 4-4"
 			}],
+			"circle-dot": [{
+				tag: "circle",
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}, {
+				tag: "circle",
+				cx: "12",
+				cy: "12",
+				r: "1"
+			}],
 			"circle-x": [
 				{
 					tag: "circle",
@@ -554,6 +569,13 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 					rx: "1"
 				}
 			],
+			link: [{
+				tag: "path",
+				d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"
+			}, {
+				tag: "path",
+				d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
+			}],
 			list: [
 				{
 					tag: "path",
@@ -936,6 +958,15 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				tag: "path",
 				d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11"
 			}],
+			"user-round": [{
+				tag: "circle",
+				cx: "12",
+				cy: "8",
+				r: "5"
+			}, {
+				tag: "path",
+				d: "M20 21a8 8 0 0 0-16 0"
+			}],
 			users: [
 				{
 					tag: "path",
@@ -955,7 +986,14 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 					cy: "7",
 					r: "4"
 				}
-			]
+			],
+			x: [{
+				tag: "path",
+				d: "M18 6 6 18"
+			}, {
+				tag: "path",
+				d: "m6 6 12 12"
+			}]
 		})[props.name]);
 		function text(value) {
 			if (Array.isArray(value)) return value.map(text).join(" ");
@@ -1004,6 +1042,6 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), 128))]))], 16);
 		};
 	}
-}), [["__scopeId", "data-v-fdb8162b"]]);
+}), [["__scopeId", "data-v-50d3f581"]]);
 //#endregion
 export { UiIcon_default as t };

package/vue/chunks/UiIconButton.js

@@ -1,13 +1,17 @@
 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, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
+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";
 //#region .build/vue/UiIconButton.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"disabled",
 	"aria-label",
+	"aria-disabled",
+	"aria-busy",
 	"data-ui-icon-button-state"
 ];
+var _hoisted_2 = { class: "content" };
 //#endregion
 //#region .build/vue/UiIconButton.vue
 var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -23,6 +27,10 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			default: false
 		},
 		label: {},
+		pending: {
+			type: Boolean,
+			default: false
+		},
 		round: {
 			type: Boolean,
 			default: false
@@ -38,7 +46,8 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			props.anticipatory && "anticipatory",
 			props.variant && `variant variant=${props.variant}`,
 			props.size && `size size=${props.size}`,
-			props.round && "round"
+			props.round && "round",
+			props.pending && "pending"
 		].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
 		useComponentHost(controllerModule.default, {
@@ -46,6 +55,14 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			dispatch,
 			props
 		});
+		function text(value) {
+			if (Array.isArray(value)) return value.map(text).join(" ");
+			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
+		}
+		function attribute(value) {
+			if (value === null || value === void 0 || value === false || typeof value === "object" && !Array.isArray(value)) return void 0;
+			return value === true ? "" : text(value);
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("button", mergeProps({
 				"data-component": "ui-icon-button",
@@ -53,12 +70,26 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}, _ctx.$attrs, {
 				disabled: __props.disabled,
 				"aria-label": __props.label,
+				"aria-disabled": typeof {
+					true: "true",
+					false: null
+				}[`${__props.pending}`] === "boolean" ? String({
+					true: "true",
+					false: null
+				}[`${__props.pending}`]) : attribute({
+					true: "true",
+					false: null
+				}[`${__props.pending}`]),
+				"aria-busy": __props.pending,
 				"data-ui-icon-button-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
+			}), [__props.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-006fa1b2"]]);
+}), [["__scopeId", "data-v-c62d95c3"]]);
 //#endregion
 export { UiIconButton_default as t };

package/vue/chunks/UiInput.js

@@ -66,6 +66,6 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}), null, 16, _hoisted_1)), [[vModelDynamic, model.value]]);
 		};
 	}
-}), [["__scopeId", "data-v-4ba095d3"]]);
+}), [["__scopeId", "data-v-35d265bd"]]);
 //#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-26a5b56d"]]);
+}), [["__scopeId", "data-v-8627fd48"]]);
 //#endregion
 export { UiInputGroup_default as t };

package/vue/chunks/UiListbox.js

@@ -0,0 +1,70 @@
+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, defineComponent, mergeProps, openBlock, ref, renderSlot, vModelSelect, withDirectives } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-listbox/ui-listbox.js";
+//#region .build/vue/UiListbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"size",
+	"multiple",
+	"disabled",
+	"required",
+	"aria-invalid"
+];
+//#endregion
+//#region .build/vue/UiListbox.vue
+var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiListbox",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		rows: { default: 5 },
+		value: {},
+		values: {},
+		modelValue: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const model = computed({
+			get: () => props.modelValue ?? props.value ?? void 0,
+			set: (value) => emit("update:modelValue", value)
+		});
+		const root = ref(null);
+		const dispatch = createDispatch(root);
+		useComponentHost(controllerModule.default, {
+			root,
+			dispatch,
+			props
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("select", mergeProps({ "data-component": "ui-listbox" }, _ctx.$attrs, {
+				size: __props.rows,
+				multiple: __props.multiple,
+				disabled: __props.disabled,
+				required: __props.required,
+				"aria-invalid": __props.invalid,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				ref_key: "root",
+				ref: root
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[vModelSelect, model.value]]);
+		};
+	}
+}), [["__scopeId", "data-v-44b33b05"]]);
+//#endregion
+export { UiListbox_default as t };

package/vue/chunks/UiMenu.js

@@ -32,7 +32,11 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const internalOpen = ref(false);
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [props.density && `density density=${props.density}`, internalOpen.value && "internalOpen"].filter(Boolean).join(" "));
-		const isSelectDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["value"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => ["value", "trigger"].includes(key));
+		const isSelectDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["value"] === "string" && (detail["checked"] === void 0 || typeof detail["checked"] === "boolean") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+			"value",
+			"checked",
+			"trigger"
+		].includes(key));
 		const isOpenDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["open"] === "boolean" && (detail["reason"] === "action" || detail["reason"] === "programmatic") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 			"open",
 			"reason",
@@ -69,6 +73,6 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-52848f2e"]]);
+}), [["__scopeId", "data-v-2007b7d0"]]);
 //#endregion
 export { UiMenu_default as t };

package/vue/chunks/UiMenuGroup.js

@@ -0,0 +1,25 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString } from "vue";
+//#region .build/vue/UiMenuGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = {
+	key: 0,
+	class: "heading"
+};
+//#endregion
+//#region .build/vue/UiMenuGroup.vue
+var UiMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiMenuGroup",
+	props: { label: { default: "" } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				"data-component": "ui-menu-group",
+				role: "group"
+			}, _ctx.$attrs, { "aria-label": __props.label }), [__props.label ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.label), 1)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-53e0d9bc"]]);
+//#endregion
+export { UiMenuGroup_default as t };

package/vue/chunks/UiMenuItem.js

@@ -1,31 +1,152 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { createElementBlock, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
+import { t as UiIcon_default } from "./UiIcon.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-menu-item/ui-menu-item.js";
 //#region .build/vue/UiMenuItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-disabled", "data-value"];
+var _hoisted_1 = [
+	"aria-disabled",
+	"data-value",
+	"href",
+	"data-ui-menu-item-state"
+];
+var _hoisted_2 = { class: "label" };
+var _hoisted_3 = {
+	class: "shortcut",
+	"aria-hidden": "true"
+};
+var _hoisted_4 = [
+	"role",
+	"aria-checked",
+	"aria-disabled",
+	"data-value",
+	"data-ui-menu-item-state"
+];
+var _hoisted_5 = {
+	class: "indicator",
+	"aria-hidden": "true"
+};
+var _hoisted_6 = { class: "label" };
+var _hoisted_7 = {
+	class: "shortcut",
+	"aria-hidden": "true"
+};
 //#endregion
 //#region .build/vue/UiMenuItem.vue
 var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiMenuItem",
 	props: {
+		checked: {
+			type: Boolean,
+			default: false
+		},
 		disabled: {
 			type: Boolean,
 			default: false
 		},
+		href: { default: "" },
+		type: { default: "action" },
 		value: { default: "" }
 	},
-	setup(__props) {
+	emits: [
+		"update:checked",
+		"update:type",
+		"update:value",
+		"change"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const root = ref(null);
+		const internalChecked = ref(false);
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [props.type && `type type=${props.type}`].filter(Boolean).join(" "));
+		const isChangeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["checked"] === "boolean" && typeof detail["value"] === "string" && (detail["type"] === "checkbox" || detail["type"] === "radio") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+			"checked",
+			"value",
+			"type",
+			"trigger"
+		].includes(key));
+		const dispatch = createDispatch(root, emit, {
+			checks: { change: isChangeDetail },
+			modeled: [
+				"checked",
+				"type",
+				"value"
+			]
+		});
+		useComponentHost(controllerModule.default, {
+			root,
+			dispatch,
+			props,
+			state: { internalChecked }
+		});
+		function text(value) {
+			if (Array.isArray(value)) return value.map(text).join(" ");
+			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
+		}
+		function attribute(value) {
+			if (value === null || value === void 0 || value === false || typeof value === "object" && !Array.isArray(value)) return void 0;
+			return value === true ? "" : text(value);
+		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
+			return __props.href && __props.type === "action" ? (openBlock(), createElementBlock("a", mergeProps({
+				key: 0,
 				"data-component": "ui-menu-item",
 				role: "menuitem",
 				tabindex: "-1"
 			}, _ctx.$attrs, {
 				"aria-disabled": __props.disabled,
-				"data-value": __props.value
-			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
+				"data-value": __props.value,
+				href: attribute({
+					true: null,
+					false: __props.href
+				}[`${__props.disabled}`]),
+				"data-ui-menu-item-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "shortcut", {}, void 0, true)])], 16, _hoisted_1)) : (openBlock(), createElementBlock("div", mergeProps({
+				key: 1,
+				"data-component": "ui-menu-item",
+				tabindex: "-1"
+			}, _ctx.$attrs, {
+				role: attribute({
+					action: "menuitem",
+					checkbox: "menuitemcheckbox",
+					radio: "menuitemradio"
+				}[__props.type]),
+				"aria-checked": typeof {
+					action: null,
+					checkbox: internalChecked.value,
+					radio: internalChecked.value
+				}[__props.type] === "boolean" ? String({
+					action: null,
+					checkbox: internalChecked.value,
+					radio: internalChecked.value
+				}[__props.type]) : attribute({
+					action: null,
+					checkbox: internalChecked.value,
+					radio: internalChecked.value
+				}[__props.type]),
+				"aria-disabled": __props.disabled,
+				"data-value": __props.value,
+				"data-ui-menu-item-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [
+				createElementVNode("span", _hoisted_5, [__props.type === "checkbox" && internalChecked.value ? (openBlock(), createBlock(UiIcon_default, {
+					key: 0,
+					name: "check"
+				})) : createCommentVNode("v-if", true), __props.type === "radio" && internalChecked.value ? (openBlock(), createBlock(UiIcon_default, {
+					key: 1,
+					name: "circle-dot"
+				})) : createCommentVNode("v-if", true)]),
+				createElementVNode("span", _hoisted_6, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "shortcut", {}, void 0, true)])
+			], 16, _hoisted_4));
 		};
 	}
-}), [["__scopeId", "data-v-01e62ef9"]]);
+}), [["__scopeId", "data-v-bbdeb8c5"]]);
 //#endregion
 export { UiMenuItem_default as t };

package/vue/chunks/UiPopover.js

@@ -56,6 +56,6 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-a66f6ec4"]]);
+}), [["__scopeId", "data-v-bc4517c7"]]);
 //#endregion
 export { UiPopover_default as t };

package/vue/chunks/UiRadioGroup.js

@@ -5,6 +5,7 @@ import * as controllerModule from "@threadlabs/looma/components/ui-radio-group/u
 //#region .build/vue/UiRadioGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-required",
+	"aria-invalid",
 	"disabled",
 	"data-ui-radio-group-state"
 ];
@@ -18,6 +19,10 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			type: Boolean,
 			default: false
 		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
 		label: { default: "Options" },
 		name: { default: "" },
 		orientation: { default: "horizontal" },
@@ -38,7 +43,7 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const root = ref(null);
 		const internalValue = ref("");
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.orientation && `orientation orientation=${props.orientation}`].filter(Boolean).join(" "));
+		const hostState = computed(() => [props.invalid && "invalid", props.orientation && `orientation orientation=${props.orientation}`].filter(Boolean).join(" "));
 		const isSelectDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["value"] === "string" && typeof detail["previousValue"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 			"value",
 			"previousValue",
@@ -68,6 +73,7 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				role: "radiogroup"
 			}, _ctx.$attrs, {
 				"aria-required": __props.required,
+				"aria-invalid": __props.invalid,
 				disabled: __props.disabled,
 				"data-ui-radio-group-state": hostState.value || void 0,
 				ref_key: "root",
@@ -75,6 +81,6 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}), [createElementVNode("legend", null, toDisplayString(__props.label), 1), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-96877df0"]]);
+}), [["__scopeId", "data-v-3a85bfdd"]]);
 //#endregion
 export { UiRadioGroup_default as t };

package/vue/chunks/UiSearchShell.js

@@ -67,6 +67,6 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			])], 8, _hoisted_1)], 16);
 		};
 	}
-}), [["__scopeId", "data-v-40145d41"]]);
+}), [["__scopeId", "data-v-20a7b8e3"]]);
 //#endregion
 export { UiSearchShell_default as t };

package/vue/chunks/UiSelect.js

@@ -60,6 +60,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[vModelSelect, model.value]]);
 		};
 	}
-}), [["__scopeId", "data-v-c81ec3d9"]]);
+}), [["__scopeId", "data-v-981584d4"]]);
 //#endregion
 export { UiSelect_default as t };

package/vue/chunks/UiSwitch.js

@@ -90,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-87fc218c"]]);
+}), [["__scopeId", "data-v-66d4f1f1"]]);
 //#endregion
 export { UiSwitch_default as t };

package/vue/chunks/UiSwitcher.js

@@ -1,5 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
+import { computed, createElementBlock, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-switcher/ui-switcher.js";
 //#region .build/vue/UiSwitcher.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-ui-switcher-state"];
 //#endregion
@@ -10,20 +12,35 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	props: {
 		align: {},
 		gap: {},
+		limit: {},
 		threshold: {}
 	},
 	setup(__props) {
 		const props = __props;
+		const root = ref(null);
+		const overLimit = ref(false);
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
+			overLimit.value && "overLimit",
 			props.gap && `gap gap=${props.gap}`,
 			props.threshold && `threshold threshold=${props.threshold}`,
 			props.align && `align align=${props.align}`
 		].filter(Boolean).join(" "));
+		const dispatch = createDispatch(root);
+		useComponentHost(controllerModule.default, {
+			root,
+			dispatch,
+			props,
+			state: { overLimit }
+		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-switcher" }, _ctx.$attrs, { "data-ui-switcher-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-switcher" }, _ctx.$attrs, {
+				"data-ui-switcher-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-8dc0b2a8"]]);
+}), [["__scopeId", "data-v-be049fb8"]]);
 //#endregion
 export { UiSwitcher_default as t };

package/vue/chunks/UiTabs.js

@@ -21,6 +21,7 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 	inheritAttrs: false,
 	__name: "UiTabs",
 	props: {
+		activation: { default: "auto" },
 		density: { default: "comfortable" },
 		label: { default: "Tabs" },
 		orientation: { default: "horizontal" },
@@ -78,7 +79,7 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"aria-label": __props.label,
 				"aria-orientation": __props.orientation,
 				ref: "list"
-			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (tab) => {
+			}, [renderSlot(_ctx.$slots, "tab", {}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (tab) => {
 				return openBlock(), createElementBlock("button", {
 					key: tab.id,
 					type: "button",
@@ -88,9 +89,9 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 					"aria-controls": tab.id,
 					"aria-selected": tab.id === internalValue.value
 				}, toDisplayString(tab.label), 9, _hoisted_3);
-			}), 128))], 8, _hoisted_2), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
+			}), 128))])], 8, _hoisted_2), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-5babb4a8"]]);
+}), [["__scopeId", "data-v-d1626838"]]);
 //#endregion
 export { UiTabs_default as t };

package/vue/chunks/UiTextarea.js

@@ -17,6 +17,10 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	inheritAttrs: false,
 	__name: "UiTextarea",
 	props: {
+		autosize: {
+			type: Boolean,
+			default: false
+		},
 		disabled: {
 			type: Boolean,
 			default: false
@@ -48,7 +52,7 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		});
 		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 hostState = computed(() => [props.size && `size size=${props.size}`, props.autosize && "autosize"].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
 		useComponentHost(controllerModule.default, {
 			root,
@@ -62,6 +66,7 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				required: __props.required,
 				"aria-invalid": __props.invalid,
 				rows: __props.rows,
+				style: { "--_rows": __props.rows },
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 				"data-ui-textarea-state": hostState.value || void 0,
 				ref_key: "root",
@@ -69,6 +74,6 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}), null, 16, _hoisted_1)), [[vModelText, model.value]]);
 		};
 	}
-}), [["__scopeId", "data-v-00f7b2fd"]]);
+}), [["__scopeId", "data-v-f371e58f"]]);
 //#endregion
 export { UiTextarea_default as t };