@threadlabs/looma 0.14.8 → 0.15.1

package/vue/chunks/UiEditorSlashMenuItem.js

@@ -0,0 +1,51 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as UiIcon_default } from "./UiIcon.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString } from "vue";
+//#region .build/vue/UiEditorSlashMenuItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"aria-disabled",
+	"data-value",
+	"data-keywords"
+];
+var _hoisted_2 = {
+	key: 0,
+	class: "icon",
+	"aria-hidden": "true"
+};
+var _hoisted_3 = { class: "body" };
+var _hoisted_4 = { class: "title" };
+var _hoisted_5 = {
+	key: 0,
+	class: "description"
+};
+//#endregion
+//#region .build/vue/UiEditorSlashMenuItem.vue
+var UiEditorSlashMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiEditorSlashMenuItem",
+	props: {
+		description: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		icon: { default: "" },
+		keywords: { default: "" },
+		value: { default: "" }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", mergeProps({
+				"data-component": "ui-editor-slash-menu-item",
+				role: "option",
+				tabindex: "-1"
+			}, _ctx.$attrs, {
+				"aria-disabled": __props.disabled,
+				"data-value": __props.value,
+				"data-keywords": __props.keywords
+			}), [__props.icon ? (openBlock(), createElementBlock("span", _hoisted_2, [createVNode(UiIcon_default, { name: __props.icon }, null, 8, ["name"])])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), __props.description ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true)])], 16, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-44e2b2b8"]]);
+//#endregion
+export { UiEditorSlashMenuItem_default as t };

package/vue/chunks/UiEditorTableContextMenu.js

@@ -25,7 +25,11 @@ var _hoisted_7 = {
 	class: "heading",
 	role: "presentation"
 };
-var _hoisted_8 = ["data-action"];
+var _hoisted_8 = [
+	"role",
+	"aria-checked",
+	"data-action"
+];
 //#endregion
 //#region .build/vue/UiEditorTableContextMenu.vue
 var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -34,10 +38,19 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 	props: {
 		actions: {},
 		cellBackground: { default: "" },
+		headerColumn: {
+			type: Boolean,
+			default: false
+		},
+		headerRow: {
+			type: Boolean,
+			default: false
+		},
 		open: {
 			type: Boolean,
 			default: false
-		}
+		},
+		scope: { default: "cell" }
 	},
 	emits: ["action"],
 	setup(__props, { emit: __emit }) {
@@ -46,7 +59,7 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 		const root = ref(null);
 		const swatches = ref([]);
 		const sections = ref([]);
-		const isActionDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["action"] === "align-left" || detail["action"] === "align-center" || detail["action"] === "align-right" || detail["action"] === "background-none" || detail["action"] === "background-gray" || detail["action"] === "background-yellow" || detail["action"] === "background-blue" || detail["action"] === "background-green" || detail["action"] === "background-red" || detail["action"] === "add-row-before" || detail["action"] === "add-row-after" || detail["action"] === "add-column-before" || detail["action"] === "add-column-after" || detail["action"] === "clear-cells" || detail["action"] === "merge-cells" || detail["action"] === "split-cell" || detail["action"] === "delete-row" || detail["action"] === "delete-column" || detail["action"] === "delete-table") && Object.keys(detail).every((key) => ["action"].includes(key));
+		const isActionDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["action"] === "align-left" || detail["action"] === "align-center" || detail["action"] === "align-right" || detail["action"] === "background-none" || detail["action"] === "background-gray" || detail["action"] === "background-yellow" || detail["action"] === "background-blue" || detail["action"] === "background-green" || detail["action"] === "background-red" || detail["action"] === "add-row-before" || detail["action"] === "add-row-after" || detail["action"] === "add-column-before" || detail["action"] === "add-column-after" || detail["action"] === "toggle-header-row" || detail["action"] === "toggle-header-column" || detail["action"] === "move-row-up" || detail["action"] === "move-row-down" || detail["action"] === "move-column-left" || detail["action"] === "move-column-right" || detail["action"] === "clear-cells" || detail["action"] === "merge-cells" || detail["action"] === "split-cell" || detail["action"] === "delete-row" || detail["action"] === "delete-column" || detail["action"] === "delete-table") && Object.keys(detail).every((key) => ["action"].includes(key));
 		const dispatch = createDispatch(root, emit, { checks: { action: isActionDetail } });
 		useComponentHost(controllerModule.default, {
 			root,
@@ -57,6 +70,14 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 				sections
 			}
 		});
+		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({
 				"data-component": "ui-editor-table-context-menu",
@@ -85,7 +106,20 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 					return openBlock(), createElementBlock("button", {
 						key: item.action,
 						type: "button",
-						role: "menuitem",
+						role: attribute({
+							true: "menuitemcheckbox",
+							false: "menuitem"
+						}[`${item.checkable}`]),
+						"aria-checked": typeof {
+							true: item.checked,
+							false: null
+						}[`${item.checkable}`] === "boolean" ? String({
+							true: item.checked,
+							false: null
+						}[`${item.checkable}`]) : attribute({
+							true: item.checked,
+							false: null
+						}[`${item.checkable}`]),
 						"data-action": item.action,
 						class: normalizeClass({ danger: item.danger })
 					}, [createVNode(UiIcon_default, { name: item.icon }, null, 8, ["name"]), createElementVNode("span", null, toDisplayString(item.label), 1)], 10, _hoisted_8);
@@ -93,6 +127,6 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 			}), 128))], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-abe5d04d"]]);
+}), [["__scopeId", "data-v-a7b775b0"]]);
 //#endregion
 export { UiEditorTableContextMenu_default as t };

package/vue/chunks/UiEditorTableOverlay.js

@@ -60,7 +60,7 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			"action",
 			"rowIndex",
 			"columnIndex"
-		].includes(key)) || detail !== null && typeof detail === "object" && !Array.isArray(detail) && detail["action"] === "open-cell-menu" && Number.isInteger(detail["rowIndex"]) && Number.isInteger(detail["columnIndex"]) && detail["anchor"] !== null && typeof detail["anchor"] === "object" && !Array.isArray(detail["anchor"]) && typeof detail["anchor"]["left"] === "number" && Number.isFinite(detail["anchor"]["left"]) && typeof detail["anchor"]["top"] === "number" && Number.isFinite(detail["anchor"]["top"]) && typeof detail["anchor"]["right"] === "number" && Number.isFinite(detail["anchor"]["right"]) && typeof detail["anchor"]["bottom"] === "number" && Number.isFinite(detail["anchor"]["bottom"]) && Object.keys(detail["anchor"]).every((key) => [
+		].includes(key)) || detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["action"] === "open-cell-menu" || detail["action"] === "open-row-menu" || detail["action"] === "open-column-menu") && Number.isInteger(detail["rowIndex"]) && Number.isInteger(detail["columnIndex"]) && detail["anchor"] !== null && typeof detail["anchor"] === "object" && !Array.isArray(detail["anchor"]) && typeof detail["anchor"]["left"] === "number" && Number.isFinite(detail["anchor"]["left"]) && typeof detail["anchor"]["top"] === "number" && Number.isFinite(detail["anchor"]["top"]) && typeof detail["anchor"]["right"] === "number" && Number.isFinite(detail["anchor"]["right"]) && typeof detail["anchor"]["bottom"] === "number" && Number.isFinite(detail["anchor"]["bottom"]) && Object.keys(detail["anchor"]).every((key) => [
 			"left",
 			"top",
 			"right",
@@ -149,8 +149,8 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 					type: "button",
 					class: "selector row",
 					"data-action": "select-row",
-					title: "Select row",
-					"aria-label": "Select row",
+					title: "Row actions",
+					"aria-label": "Row actions",
 					"data-row-index": hovered.value?.rowIndex,
 					"data-column-index": hovered.value?.columnIndex,
 					style: normalizeStyle({ top: hovered.value?.rowOffset })
@@ -158,8 +158,8 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 					type: "button",
 					class: "selector column",
 					"data-action": "select-column",
-					title: "Select column",
-					"aria-label": "Select column",
+					title: "Column actions",
+					"aria-label": "Column actions",
 					"data-row-index": hovered.value?.rowIndex,
 					"data-column-index": hovered.value?.columnIndex,
 					style: normalizeStyle({ left: hovered.value?.columnOffset })
@@ -181,6 +181,6 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-0de9cbcc"]]);
+}), [["__scopeId", "data-v-58a8a2b8"]]);
 //#endregion
 export { UiEditorTableOverlay_default as t };

package/vue/chunks/UiEditorTableToolbar.js

@@ -61,7 +61,11 @@ var _hoisted_15 = {
 	class: "menu-heading",
 	role: "presentation"
 };
-var _hoisted_16 = ["data-action"];
+var _hoisted_16 = [
+	"role",
+	"aria-checked",
+	"data-action"
+];
 //#endregion
 //#region .build/vue/UiEditorTableToolbar.vue
 var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -71,6 +75,14 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 		actions: {},
 		cellAlignment: { default: "left" },
 		cellBackground: { default: "" },
+		headerColumn: {
+			type: Boolean,
+			default: false
+		},
+		headerRow: {
+			type: Boolean,
+			default: false
+		},
 		open: {
 			type: Boolean,
 			default: false
@@ -87,7 +99,7 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 		const sections = ref([]);
 		const hasOverflow = ref(false);
 		const overflowOpen = ref(false);
-		const isActionDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["action"] === "align-left" || detail["action"] === "align-center" || detail["action"] === "align-right" || detail["action"] === "background-none" || detail["action"] === "background-gray" || detail["action"] === "background-yellow" || detail["action"] === "background-blue" || detail["action"] === "background-green" || detail["action"] === "background-red" || detail["action"] === "add-row-before" || detail["action"] === "add-row-after" || detail["action"] === "add-column-before" || detail["action"] === "add-column-after" || detail["action"] === "clear-cells" || detail["action"] === "merge-cells" || detail["action"] === "split-cell" || detail["action"] === "delete-row" || detail["action"] === "delete-column" || detail["action"] === "delete-table") && Object.keys(detail).every((key) => ["action"].includes(key));
+		const isActionDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["action"] === "align-left" || detail["action"] === "align-center" || detail["action"] === "align-right" || detail["action"] === "background-none" || detail["action"] === "background-gray" || detail["action"] === "background-yellow" || detail["action"] === "background-blue" || detail["action"] === "background-green" || detail["action"] === "background-red" || detail["action"] === "add-row-before" || detail["action"] === "add-row-after" || detail["action"] === "add-column-before" || detail["action"] === "add-column-after" || detail["action"] === "toggle-header-row" || detail["action"] === "toggle-header-column" || detail["action"] === "move-row-up" || detail["action"] === "move-row-down" || detail["action"] === "move-column-left" || detail["action"] === "move-column-right" || detail["action"] === "clear-cells" || detail["action"] === "merge-cells" || detail["action"] === "split-cell" || detail["action"] === "delete-row" || detail["action"] === "delete-column" || detail["action"] === "delete-table") && Object.keys(detail).every((key) => ["action"].includes(key));
 		const dispatch = createDispatch(root, emit, { checks: { action: isActionDetail } });
 		useComponentHost(controllerModule.default, {
 			root,
@@ -102,6 +114,14 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 				overflowOpen
 			}
 		});
+		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({
 				"data-component": "ui-editor-table-toolbar",
@@ -166,7 +186,20 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 						return openBlock(), createElementBlock("button", {
 							key: item.action,
 							type: "button",
-							role: "menuitem",
+							role: attribute({
+								true: "menuitemcheckbox",
+								false: "menuitem"
+							}[`${item.checkable}`]),
+							"aria-checked": typeof {
+								true: item.checked,
+								false: null
+							}[`${item.checkable}`] === "boolean" ? String({
+								true: item.checked,
+								false: null
+							}[`${item.checkable}`]) : attribute({
+								true: item.checked,
+								false: null
+							}[`${item.checkable}`]),
 							"data-action": item.action,
 							class: normalizeClass({ danger: item.danger })
 						}, [createVNode(UiIcon_default, { name: item.icon }, null, 8, ["name"]), createElementVNode("span", null, toDisplayString(item.label), 1)], 10, _hoisted_16);
@@ -175,6 +208,6 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-57f609e3"]]);
+}), [["__scopeId", "data-v-330c3a7b"]]);
 //#endregion
 export { UiEditorTableToolbar_default as t };

package/vue/chunks/UiEditorToolbar.js

@@ -1,5 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, useTemplateRef } from "vue";
+import { n as useComponentHost, t as createDispatch } from "./host.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, useTemplateRef } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-editor-toolbar/ui-editor-toolbar.js";
 //#region .build/vue/UiEditorToolbar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-ui-editor-toolbar-state"];
 var _hoisted_2 = {
@@ -17,17 +19,29 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 	} },
 	setup(__props) {
 		const props = __props;
-		useTemplateRef("strip");
+		const root = ref(null);
+		const stripElement = useTemplateRef("strip");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [props.floating && "floating"].filter(Boolean).join(" "));
+		const dispatch = createDispatch(root);
+		useComponentHost(controllerModule.default, {
+			root,
+			dispatch,
+			props,
+			refs: { strip: stripElement }
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-editor-toolbar",
 				role: "toolbar",
 				"aria-label": "Editor toolbar"
-			}, _ctx.$attrs, { "data-ui-editor-toolbar-state": hostState.value || void 0 }), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
+			}, _ctx.$attrs, {
+				"data-ui-editor-toolbar-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-da2753ad"]]);
+}), [["__scopeId", "data-v-47c74ab3"]]);
 //#endregion
 export { UiEditorToolbar_default as t };

package/vue/chunks/UiFloatingActionButton.js

@@ -37,6 +37,6 @@ var UiFloatingActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-03a5b772"]]);
+}), [["__scopeId", "data-v-70304a1a"]]);
 //#endregion
 export { UiFloatingActionButton_default as t };

package/vue/chunks/UiFormField.js

@@ -1,11 +1,12 @@
 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 { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
+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";
 //#region .build/vue/UiFormField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "label" };
-var _hoisted_2 = { class: "help" };
-var _hoisted_3 = { class: "error" };
+var _hoisted_1 = ["data-ui-form-field-state"];
+var _hoisted_2 = { class: "label" };
+var _hoisted_3 = { class: "help" };
+var _hoisted_4 = { class: "error" };
 //#endregion
 //#region .build/vue/UiFormField.vue
 var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -28,6 +29,8 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 	setup(__props) {
 		const props = __props;
 		const root = ref(null);
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [props.invalid && "invalid"].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
 		useComponentHost(controllerModule.default, {
 			root,
@@ -36,16 +39,17 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-form-field" }, _ctx.$attrs, {
+				"data-ui-form-field-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [
-				createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "label")]),
+				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "label")]),
 				renderSlot(_ctx.$slots, "default"),
-				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "help")]),
-				createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "error")])
-			], 16);
+				createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "help")]),
+				createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "error")])
+			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-ed348161"]]);
+}), [["__scopeId", "data-v-27bff7f1"]]);
 //#endregion
 export { UiFormField_default as t };

package/vue/chunks/UiGrid.js

@@ -8,6 +8,7 @@ var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 	inheritAttrs: false,
 	__name: "UiGrid",
 	props: {
+		columns: {},
 		gap: {},
 		min: {}
 	},
@@ -16,9 +17,12 @@ var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		/** 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(" "));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-grid" }, _ctx.$attrs, { "data-ui-grid-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-grid" }, _ctx.$attrs, {
+				style: { "--_grid-column-cap": __props.columns },
+				"data-ui-grid-state": hostState.value || void 0
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-5f591c66"]]);
+}), [["__scopeId", "data-v-9c0f77d4"]]);
 //#endregion
 export { UiGrid_default as t };

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 };