@threadlabs/looma 0.14.8 → 0.15.1

package/vue/UiTreeItem.vue

@@ -17,6 +17,7 @@ const props = withDefaults(
     expanded?: boolean
     itemId?: string
     label?: string
+    lazy?: boolean
     marquee?: boolean
     selected?: boolean
     sortable?: boolean
@@ -31,6 +32,7 @@ const props = withDefaults(
     expanded: false,
     itemId: '',
     label: '',
+    lazy: false,
     marquee: false,
     selected: false,
     sortable: false,
@@ -158,6 +160,14 @@ useComponentHost(controllerModule.default, {
       >
         <span class="disclosure-icon" aria-hidden="true"></span>
       </button>
+      <label class="selection-hit"><input
+          class="selection-checkbox"
+          type="checkbox"
+          tabindex="-1"
+          :checked="selected"
+          :disabled="disabled"
+          :aria-label="`Select ${label}`"
+        ></label>
       <span class="leading" ref="leading"><slot name="leading" /></span>
       <span class="label" ref="label"><span class="label-text" ref="labelText"><slot name="label">{{
             label
@@ -289,6 +299,35 @@ useComponentHost(controllerModule.default, {
   display: none;
 }
 
+.selection-hit {
+  display: none;
+  grid-column: 2;
+  grid-row: 1;
+  place-items: center;
+  inline-size: 1.25rem;
+  block-size: var(--_ui-tree-item-min-block-size, var(--_tree-row-min-height));
+  cursor: pointer;
+}
+.selection-checkbox {
+  inline-size: 1rem;
+  block-size: 1rem;
+  margin: 0;
+  accent-color: var(--ui-accent-solid);
+}
+
+[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row {
+  grid-template-columns: var(--_tree-disclosure-size) 1.25rem auto minmax(0, 1fr);
+}
+[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .selection-hit {
+  display: grid;
+}
+[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .leading {
+  grid-column: 3;
+}
+[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .label {
+  grid-column: 4;
+}
+
 .disclosure:hover {
   color: var(--ui-text-primary);
   background: var(--ui-surface-elevated);
@@ -564,7 +603,7 @@ useComponentHost(controllerModule.default, {
   inset-inline: 1px;
   display: none;
   block-size: 2px;
-  border-radius: 999px;
+  border-radius: var(--ui-radius-round);
   background: var(--_ui-tree-drop-color, var(--ui-accent-solid));
   pointer-events: none;
 }
@@ -577,7 +616,7 @@ useComponentHost(controllerModule.default, {
   inline-size: 7px;
   block-size: 7px;
   border: 2px solid var(--_ui-tree-drop-color, var(--ui-accent-solid));
-  border-radius: 999px;
+  border-radius: var(--ui-radius-round);
   background: var(--ui-surface-elevated);
   transform: translateY(-50%);
 }
@@ -607,8 +646,61 @@ html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] {
   --_tree-row-min-height: 44px;
 }
 
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-handle {
-  display: none;
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .row {
+  grid-template-columns: 44px var(--_tree-disclosure-size) auto minmax(0, 1fr);
+}
+
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-handle,
+html[data-ui-input-modality="touch"]
+  [data-component~="ui-tree-item"][data-ui-tree-item-state~="isContainer"]
+  > .row
+  > .drag-handle {
+  position: relative;
+  grid-column: 1;
+  grid-row: 1;
+  inset: auto;
+  inline-size: 44px;
+  block-size: 44px;
+  padding: 14px;
+  opacity: 1;
+  transform: none;
+  cursor: pointer;
+}
+
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .disclosure {
+  grid-column: 2;
+}
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .leading {
+  grid-column: 3;
+}
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .label {
+  grid-column: 4;
+}
+
+html[data-ui-input-modality="touch"]
+  [data-component~="ui-tree-item"][data-selection-mode="multiple"]
+  > .row {
+  grid-template-columns: 44px var(--_tree-disclosure-size) 44px auto minmax(0, 1fr);
+}
+html[data-ui-input-modality="touch"]
+  [data-component~="ui-tree-item"][data-selection-mode="multiple"]
+  > .row
+  > .selection-hit {
+  grid-column: 3;
+  inline-size: 44px;
+  block-size: 44px;
+}
+html[data-ui-input-modality="touch"]
+  [data-component~="ui-tree-item"][data-selection-mode="multiple"]
+  > .row
+  > .leading {
+  grid-column: 4;
+}
+html[data-ui-input-modality="touch"]
+  [data-component~="ui-tree-item"][data-selection-mode="multiple"]
+  > .row
+  > .label {
+  grid-column: 5;
 }
 
 @media (prefers-reduced-motion: reduce) {

package/vue/chunks/UiAvatar.js

@@ -1,11 +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, toDisplayString, useTemplateRef } from "vue";
+import { t as UiIcon_default } from "./UiIcon.js";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString, useTemplateRef } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-avatar/ui-avatar.js";
 //#region .build/vue/UiAvatar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-ui-avatar-state"];
 var _hoisted_2 = ["src", "hidden"];
 var _hoisted_3 = ["aria-hidden", "hidden"];
+var _hoisted_4 = ["hidden"];
+var _hoisted_5 = ["hidden"];
 //#endregion
 //#region .build/vue/UiAvatar.vue
 var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -17,8 +20,13 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			default: false
 		},
 		alt: { default: "" },
+		decorative: {
+			type: Boolean,
+			default: false
+		},
 		fallback: { default: "" },
 		name: { default: "" },
+		shape: { default: "circle" },
 		size: { default: "md" },
 		src: {}
 	},
@@ -29,8 +37,13 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const hasImage = ref(false);
 		const hasAuthoredImage = ref(false);
 		const initials = ref("?");
+		const showGlyph = ref(false);
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.size && `size size=${props.size}`, props.active && "active"].filter(Boolean).join(" "));
+		const hostState = computed(() => [
+			props.size && `size size=${props.size}`,
+			props.shape && `shape shape=${props.shape}`,
+			props.active && "active"
+		].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
 		useComponentHost(controllerModule.default, {
 			root,
@@ -40,7 +53,8 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			state: {
 				hasImage,
 				hasAuthoredImage,
-				initials
+				initials,
+				showGlyph
 			}
 		});
 		return (_ctx, _cache) => {
@@ -62,10 +76,10 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					class: "fallback",
 					"aria-hidden": hasImage.value,
 					hidden: hasImage.value
-				}, toDisplayString(initials.value), 9, _hoisted_3)
+				}, [createElementVNode("span", { hidden: showGlyph.value }, toDisplayString(initials.value), 9, _hoisted_4), createElementVNode("span", { hidden: !showGlyph.value }, [createVNode(UiIcon_default, { name: "user-round" })], 8, _hoisted_5)], 8, _hoisted_3)
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-43a3ae30"]]);
+}), [["__scopeId", "data-v-f9a69ac3"]]);
 //#endregion
 export { UiAvatar_default as t };

package/vue/chunks/UiAvatarGroup.js

@@ -13,13 +13,16 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 	props: {
 		label: { default: "People" },
 		max: { default: 5 },
-		size: { default: "md" }
+		overflowLabel: { default: "{count} more" },
+		size: { default: "md" },
+		total: {}
 	},
 	setup(__props) {
 		const props = __props;
 		const root = ref(null);
 		const overflowElement = useTemplateRef("overflow");
 		const overflowCount = ref(0);
+		const overflowAnnouncement = ref("");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [props.size && `size size=${props.size}`].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
@@ -28,7 +31,10 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			dispatch,
 			props,
 			refs: { overflow: overflowElement },
-			state: { overflowCount }
+			state: {
+				overflowCount,
+				overflowAnnouncement
+			}
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", mergeProps({
@@ -43,11 +49,11 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				class: "overflow",
 				role: "img",
 				hidden: !overflowCount.value,
-				"aria-label": `${overflowCount.value} more`,
+				"aria-label": overflowAnnouncement.value,
 				ref: "overflow"
 			}, toDisplayString(`+${overflowCount.value}`), 9, _hoisted_2)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-ff71c721"]]);
+}), [["__scopeId", "data-v-c8469808"]]);
 //#endregion
 export { UiAvatarGroup_default as t };

package/vue/chunks/UiBadge.js

@@ -24,6 +24,6 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			return openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-badge" }, _ctx.$attrs, { "data-ui-badge-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-4c8e66a3"]]);
+}), [["__scopeId", "data-v-8ef5da57"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiButton.js

@@ -1,16 +1,23 @@
 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 { t as UiSpinner_default } from "./UiSpinner.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-button/ui-button.js";
 //#region .build/vue/UiButton.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"href",
 	"target",
 	"rel",
 	"aria-disabled",
+	"aria-busy",
+	"tabindex",
 	"data-ui-button-state"
 ];
 var _hoisted_2 = [
 	"type",
 	"disabled",
+	"aria-disabled",
+	"aria-busy",
 	"data-ui-button-state"
 ];
 //#endregion
@@ -26,6 +33,10 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			default: false
 		},
 		href: {},
+		pending: {
+			type: Boolean,
+			default: false
+		},
 		rel: {},
 		size: { default: "md" },
 		stretch: {
@@ -39,14 +50,22 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 	},
 	setup(__props) {
 		const props = __props;
+		const root = ref(null);
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			props.align && `align align=${props.align}`,
 			props.stretch && "stretch",
 			props.size && `size size=${props.size}`,
 			props.variant && `variant variant=${props.variant}`,
-			props.tone && `tone tone=${props.tone}`
+			props.tone && `tone tone=${props.tone}`,
+			props.pending && "pending"
 		].filter(Boolean).join(" "));
+		const dispatch = createDispatch(root);
+		useComponentHost(controllerModule.default, {
+			root,
+			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);
@@ -63,30 +82,58 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				href: attribute({
 					true: null,
 					false: __props.href
-				}[`${__props.disabled}`]),
+				}[`${__props.disabled || __props.pending}`]),
 				target: __props.target,
 				rel: __props.rel,
 				"aria-disabled": typeof {
 					true: "true",
 					false: null
-				}[`${Boolean(__props.disabled && __props.href)}`] === "boolean" ? String({
+				}[`${__props.disabled || __props.pending}`] === "boolean" ? String({
 					true: "true",
 					false: null
-				}[`${Boolean(__props.disabled && __props.href)}`]) : attribute({
+				}[`${__props.disabled || __props.pending}`]) : attribute({
 					true: "true",
 					false: null
-				}[`${Boolean(__props.disabled && __props.href)}`]),
-				"data-ui-button-state": hostState.value || void 0
-			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)) : (openBlock(), createElementBlock("button", mergeProps({
+				}[`${__props.disabled || __props.pending}`]),
+				"aria-busy": __props.pending,
+				tabindex: attribute({
+					true: "0",
+					false: null
+				}[`${__props.pending && !__props.disabled}`]),
+				"data-ui-button-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [__props.pending ? (openBlock(), createBlock(UiSpinner_default, {
+				key: 0,
+				size: "sm",
+				class: "pending-spinner"
+			})) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)) : (openBlock(), createElementBlock("button", mergeProps({
 				key: 1,
 				"data-component": "ui-button"
 			}, _ctx.$attrs, {
 				type: __props.type,
 				disabled: __props.disabled,
-				"data-ui-button-state": hostState.value || void 0
-			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_2));
+				"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-button-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [__props.pending ? (openBlock(), createBlock(UiSpinner_default, {
+				key: 0,
+				size: "sm",
+				class: "pending-spinner"
+			})) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_2));
 		};
 	}
-}), [["__scopeId", "data-v-bd32a08d"]]);
+}), [["__scopeId", "data-v-3f3120c8"]]);
 //#endregion
 export { UiButton_default as t };

package/vue/chunks/UiCallout.js

@@ -76,7 +76,7 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					createElementVNode("path", { d: "M12 16v-4" }, null, -1),
 					createElementVNode("path", { d: "M12 8h.01" }, null, -1)
 				])])) : createCommentVNode("v-if", true),
-				__props.tone === "note" ? (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[1] || (_cache[1] = [
+				__props.tone === "neutral" || __props.tone === "note" ? (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[1] || (_cache[1] = [
 					createElementVNode("path", { d: "M13.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8.5L13.5 2Z" }, null, -1),
 					createElementVNode("path", { d: "M13 2v7h7" }, null, -1),
 					createElementVNode("path", { d: "m9.5 17.5 4-4 2 2-4 4H9.5v-2Z" }, null, -1)
@@ -103,6 +103,6 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			]), createElementVNode("div", _hoisted_8, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-faa2395f"]]);
+}), [["__scopeId", "data-v-99de7df0"]]);
 //#endregion
 export { UiCallout_default as t };

package/vue/chunks/UiCheckbox.js

@@ -8,6 +8,7 @@ var _hoisted_2 = [
 	".checked",
 	".indeterminate",
 	"disabled",
+	"aria-invalid",
 	"required",
 	"name",
 	"value"
@@ -37,6 +38,10 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			type: Boolean,
 			default: false
 		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
 		name: { default: "" },
 		required: {
 			type: Boolean,
@@ -58,7 +63,11 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const descriptionElement = useTemplateRef("description");
 		const internalChecked = ref(false);
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.disabled && "disabled", props.size && `size size=${props.size}`].filter(Boolean).join(" "));
+		const hostState = computed(() => [
+			props.invalid && "invalid",
+			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 +97,7 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				".checked": internalChecked.value,
 				".indeterminate": __props.indeterminate,
 				disabled: __props.disabled,
+				"aria-invalid": __props.invalid,
 				required: __props.required,
 				name: __props.name,
 				value: __props.value,
@@ -95,6 +105,6 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}, 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-bfcc98e1"]]);
+}), [["__scopeId", "data-v-5e151d99"]]);
 //#endregion
 export { UiCheckbox_default as t };

package/vue/chunks/UiCluster.js

@@ -10,7 +10,8 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 	props: {
 		align: {},
 		gap: {},
-		justify: {}
+		justify: {},
+		wrap: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -18,12 +19,13 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		const hostState = computed(() => [
 			props.gap && `gap gap=${props.gap}`,
 			props.align && `align align=${props.align}`,
-			props.justify && `justify justify=${props.justify}`
+			props.justify && `justify justify=${props.justify}`,
+			props.wrap && `wrap wrap=${props.wrap}`
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-cluster" }, _ctx.$attrs, { "data-ui-cluster-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-81b18ffc"]]);
+}), [["__scopeId", "data-v-b98d575c"]]);
 //#endregion
 export { UiCluster_default as t };

package/vue/chunks/UiCombobox.js

@@ -78,14 +78,18 @@ var _hoisted_24 = {
 	key: 1,
 	class: "message"
 };
-var _hoisted_25 = ["id", "hidden"];
-var _hoisted_26 = {
+var _hoisted_25 = {
+	key: 2,
+	class: "message"
+};
+var _hoisted_26 = ["id", "hidden"];
+var _hoisted_27 = {
 	class: "sr-only",
 	role: "status",
 	"aria-live": "polite",
 	"aria-atomic": "true"
 };
-var _hoisted_27 = {
+var _hoisted_28 = {
 	class: "authored-options",
 	hidden: "",
 	"aria-hidden": "true",
@@ -119,14 +123,26 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		},
 		filter: { default: "label" },
 		help: { default: "" },
+		invalid: {
+			type: Boolean,
+			default: false
+		},
 		items: {},
 		label: { default: "" },
 		labelVisibility: { default: "visible" },
+		loading: {
+			type: Boolean,
+			default: false
+		},
 		multiple: {
 			type: Boolean,
 			default: false
 		},
 		name: { default: "" },
+		openOnFocus: {
+			type: Boolean,
+			default: false
+		},
 		placeholder: { default: "" },
 		query: {},
 		readonly: {
@@ -173,7 +189,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const expanded = ref(false);
 		const rows = ref([]);
 		const active = ref(-1);
-		const loading = ref(false);
 		const helpOpen = ref(false);
 		const lookupError = ref("");
 		const validation = ref({
@@ -195,6 +210,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			props.size && `size size=${props.size}`,
 			validationStatus.value && "validationStatus",
 			`validationStatus=${encodeURIComponent(validationStatus.value)}`,
+			props.invalid && "invalid",
 			props.multiple && "multiple"
 		].filter(Boolean).join(" "));
 		const isQueryChangeDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["query"] === "string" && typeof detail["display"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
@@ -313,7 +329,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				expanded,
 				rows,
 				active,
-				loading,
 				helpOpen,
 				lookupError,
 				validation,
@@ -370,8 +385,8 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						id: `${uid.value}-input`,
 						"aria-controls": `${uid.value}-listbox`,
 						"aria-expanded": expanded.value,
-						"aria-invalid": validationStatus.value === "error",
-						"aria-busy": validationStatus.value === "pending",
+						"aria-invalid": __props.invalid || validationStatus.value === "error",
+						"aria-busy": __props.loading || validationStatus.value === "pending",
 						".value": display.value,
 						placeholder: __props.placeholder,
 						disabled: __props.disabled,
@@ -470,7 +485,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					role: "listbox",
 					id: `${uid.value}-listbox`,
 					"aria-label": `${__props.label} suggestions`,
-					"aria-busy": loading.value,
+					"aria-busy": __props.loading,
 					ref: "listbox"
 				}, [
 					(openBlock(true), createElementBlock(Fragment, null, renderList(groups.value, (group) => {
@@ -513,7 +528,8 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						id: `${uid.value}-option-${createIndex.value}`,
 						"data-index": createIndex.value
 					}, toDisplayString(`Create “${raw.value}”`), 11, _hoisted_23)) : createCommentVNode("v-if", true),
-					message.value ? (openBlock(), createElementBlock("div", _hoisted_24, toDisplayString(message.value), 1)) : createCommentVNode("v-if", true)
+					message.value ? (openBlock(), createElementBlock("div", _hoisted_24, toDisplayString(message.value), 1)) : createCommentVNode("v-if", true),
+					!__props.loading && !rows.value[0] && !creatable.value && !lookupError.value ? (openBlock(), createElementBlock("div", _hoisted_25, [renderSlot(_ctx.$slots, "empty", {}, () => [_cache[3] || (_cache[3] = createTextVNode("No suggestions.", -1))], true)])) : createCommentVNode("v-if", true)
 				], 8, _hoisted_13), renderSlot(_ctx.$slots, "footer", {}, void 0, true)], 8, _hoisted_12),
 				createElementVNode("div", {
 					class: "message",
@@ -521,12 +537,12 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					hidden: !validation.value.issues.length
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(validation.value.issues, (issue, index) => {
 					return openBlock(), createElementBlock("div", { key: index }, toDisplayString(issue.message), 1);
-				}), 128))], 8, _hoisted_25),
-				createElementVNode("div", _hoisted_26, toDisplayString(statusText.value), 1),
-				createElementVNode("div", _hoisted_27, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)
+				}), 128))], 8, _hoisted_26),
+				createElementVNode("div", _hoisted_27, toDisplayString(statusText.value), 1),
+				createElementVNode("div", _hoisted_28, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-10aa8368"]]);
+}), [["__scopeId", "data-v-069ed42d"]]);
 //#endregion
 export { UiCombobox_default as t };

package/vue/chunks/UiContextMenu.js

@@ -38,7 +38,11 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			"reason",
 			"trigger"
 		].includes(key));
-		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 dispatch = createDispatch(root, emit, {
 			checks: {
 				open: isOpenDetail,
@@ -61,6 +65,6 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}), [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16);
 		};
 	}
-}), [["__scopeId", "data-v-3d09af05"]]);
+}), [["__scopeId", "data-v-2e00c9d8"]]);
 //#endregion
 export { UiContextMenu_default as t };