@threadlabs/looma 0.37.5 → 0.38.0

package/vue/UiSkeleton.vue

@@ -0,0 +1,235 @@
+<!-- Generated by HTML Next 1.0.0-alpha.69 for Vue 3.5. Do not edit. -->
+<script setup lang="ts">
+import { computed, watchSyncEffect } from 'vue'
+import type { PropType } from 'vue'
+import { checkHydratedRoot, nativeAttrs, useReflectedProp } from './host'
+import {
+  BINDING_INPUTS_PROP,
+  checkedProp,
+  checkPropInput,
+  type InputBindings,
+  READY_INPUT,
+  requireInputStatus,
+  UNRESOLVED_INPUT,
+  vPropValidity,
+  vuePropInputs,
+} from './props'
+
+defineOptions({ inheritAttrs: false })
+
+const propValidityContract = {
+  props: {
+    animated: {
+      type: { kind: 'terminal', name: 'boolean' },
+      required: false,
+      target: { attribute: 'animated' },
+      description:
+        'Gently pulses the placeholder. Off by default, and always still when the reader requests reduced motion.',
+      default: false,
+    },
+    height: {
+      type: { kind: 'terminal', name: 'string' },
+      required: false,
+      target: { attribute: 'height' },
+      description:
+        'Block size as a CSS length. Empty reserves one line for text, a square for circles, or 8rem for rectangles. Set only width to keep a circle square.',
+      default: '',
+    },
+    shape: {
+      type: { kind: 'terminal', name: 'keyword' },
+      required: false,
+      target: { attribute: 'shape' },
+      description:
+        'The content\'s silhouette. text reserves one inherited line box with a shorter bar inside it; circle matches a medium Avatar; rectangle reserves a media\n      area.',
+      values: ['text', 'circle', 'rectangle'],
+      default: 'text',
+    },
+    width: {
+      type: { kind: 'terminal', name: 'string' },
+      required: false,
+      target: { attribute: 'width' },
+      description:
+        'Inline size as a CSS length or percentage, constrained to the container. Empty fills the available width for text and rectangles, or matches a medium\n      Avatar\'s outer size for circles.',
+      default: '',
+    },
+  },
+} as const
+const props = defineProps({
+  animated: { type: null as unknown as PropType<boolean | null> },
+  height: { type: null as unknown as PropType<string | null> },
+  shape: { type: null as unknown as PropType<'text' | 'circle' | 'rectangle' | null> },
+  width: { type: null as unknown as PropType<string | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
+})
+const acceptedProps: Record<string, unknown> = {
+  animated: false,
+  height: '',
+  shape: 'text',
+  width: '',
+}
+const inputTracking = vuePropInputs(acceptedProps, {
+  animated: false,
+  height: '',
+  shape: 'text',
+  width: '',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'animated':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'height':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'shape':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'width':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    default:
+      return { ok: false }
+  }
+}, () => {
+  void checkedProps.value
+})
+const propInputs = inputTracking.inputs
+const checkedProps = computed(() => {
+  void inputTracking.version.value
+  return ({
+    animated: propInputs.value<boolean | null>(
+      'animated',
+      props['animated'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    height: propInputs.value<string | null>(
+      'height',
+      props['height'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    shape: propInputs.value<'text' | 'circle' | 'rectangle' | null>(
+      'shape',
+      props['shape'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'text' | 'circle' | 'rectangle',
+    width: propInputs.value<string | null>(
+      'width',
+      props['width'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+  })
+})
+const inputStatus = (name: string, handlesError: boolean) => {
+  void checkedProps.value
+  void inputTracking.version.value
+  return requireInputStatus(propInputs.status(name), handlesError)
+}
+void checkedProps.value
+watchSyncEffect(() => {
+  void checkedProps.value
+})
+const reflectedProp = useReflectedProp()
+
+checkHydratedRoot('span', 'ui-skeleton')
+
+/** The values the styles' :host() and :state() rules test. */
+const hostState = computed(() =>
+  [
+    checkedProps.value.shape && 'shape',
+    checkedProps.value.shape != null && `shape=${encodeURIComponent(checkedProps.value.shape)}`,
+    checkedProps.value.animated && 'animated',
+  ].filter(Boolean).join(' ')
+)
+</script>
+
+<template>
+  <span
+    class="ui-skeleton"
+    aria-hidden="true"
+    v-bind="nativeAttrs($attrs)"
+    data-hn
+    :style="{
+      '--ui-skeleton-width': checkedProps.width ?? undefined,
+      '--ui-skeleton-height': checkedProps.height ?? undefined,
+    }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
+    :data-ui-skeleton-prop-animated="reflectedProp('animated', 'animated', checkedProps.animated, undefined, false)"
+    :data-ui-skeleton-prop-height="reflectedProp('height', 'height', checkedProps.height, undefined, false)"
+    :data-ui-skeleton-prop-shape="reflectedProp('shape', 'shape', checkedProps.shape, undefined, false)"
+    :data-ui-skeleton-prop-width="reflectedProp('width', 'width', checkedProps.width, undefined, false)"
+    :data-ui-skeleton-state="hostState || undefined"
+  ></span>
+</template>
+
+<style scoped>
+/* Dimensions belong to this placeholder, never a nested or neighbouring one. */
+@property --ui-skeleton-width {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-skeleton-height {
+  syntax: "*";
+  inherits: false;
+}
+@keyframes ui-skeleton-pulse {
+  50% {
+    opacity: 0.45;
+  }
+}
+@scope (.ui-skeleton) to ([data-hn]) {
+  :global(:scope) {
+    display: block !important;
+    position: relative;
+    box-sizing: border-box !important;
+    flex: none;
+    min-inline-size: 0;
+    max-inline-size: 100%;
+    inline-size: var(--ui-skeleton-width, 100%);
+    block-size: var(--ui-skeleton-height, 1lh);
+    margin: 0 !important;
+    font: inherit;
+  }
+
+  :global(:scope::before) {
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: var(--ui-radius-sm);
+    background: color-mix(in srgb, var(--ui-text-primary) 16%, transparent);
+  }
+
+  :global(:scope[data-ui-skeleton-state~="shape=text"]::before) {
+    inset-block: 22%;
+  }
+
+  :global(:scope[data-ui-skeleton-state~="shape=circle"]) {
+    inline-size: var(--ui-skeleton-width, calc(2.5rem + 2 * var(--ui-border-width)));
+    block-size: var(--ui-skeleton-height, auto);
+    aspect-ratio: 1;
+  }
+  :global(:scope[data-ui-skeleton-state~="shape=circle"]::before) {
+    border-radius: var(--ui-radius-round);
+  }
+
+  :global(:scope[data-ui-skeleton-state~="shape=rectangle"]) {
+    block-size: var(--ui-skeleton-height, 8rem);
+  }
+  :global(:scope[data-ui-skeleton-state~="shape=rectangle"]::before) {
+    border-radius: var(--ui-radius-md);
+  }
+
+  :global(:scope[data-ui-skeleton-state~="animated"]::before) {
+    animation: ui-skeleton-pulse 1.6s ease-in-out infinite;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    :global(:scope[data-ui-skeleton-state~="animated"]::before) {
+      animation: none;
+    }
+  }
+  @media (forced-colors: active) {
+    :global(:scope::before) {
+      background: CanvasText;
+      opacity: 0.2;
+      animation: none;
+    }
+  }
+  :global(:scope[hidden]) {
+    display: none !important;
+  }
+}
+</style>

package/vue/chunks/UiButton.js

@@ -335,7 +335,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					"warning",
 					"info"
 				],
-				default: "accent"
+				default: "neutral"
 			},
 			type: {
 				type: {
@@ -387,7 +387,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			square: false,
 			stretch: false,
 			target: null,
-			tone: "accent",
+			tone: "neutral",
 			type: "button",
 			variant: "outline"
 		}, {
@@ -401,7 +401,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			size: "md",
 			square: false,
 			stretch: false,
-			tone: "accent",
+			tone: "neutral",
 			type: "button",
 			variant: "outline"
 		}, (name, value, source, values) => {
@@ -894,6 +894,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-f04ec716"]]);
+}), [["__scopeId", "data-v-1eb598b9"]]);
 //#endregion
 export { UiButton_default as t };

package/vue/chunks/UiCombobox.js

@@ -21,6 +21,7 @@ var _hoisted_1 = [
 	"data-ui-combobox-prop-label-visibility",
 	"data-ui-combobox-prop-loading",
 	"data-ui-combobox-prop-multiple",
+	"data-ui-combobox-prop-muted",
 	"data-ui-combobox-prop-name",
 	"data-ui-combobox-prop-open-on-focus",
 	"data-ui-combobox-prop-placeholder",
@@ -43,12 +44,16 @@ var _hoisted_4 = {
 	class: "entry",
 	"data-hn-ui-combobox": ""
 };
-var _hoisted_5 = [
+var _hoisted_5 = {
+	class: "start",
+	"data-hn-ui-combobox": ""
+};
+var _hoisted_6 = [
 	"data-index",
 	"disabled",
 	"aria-label"
 ];
-var _hoisted_6 = [
+var _hoisted_7 = [
 	"id",
 	"aria-controls",
 	"aria-expanded",
@@ -59,32 +64,32 @@ var _hoisted_6 = [
 	"readonly",
 	"required"
 ];
-var _hoisted_7 = [
+var _hoisted_8 = [
 	"name",
 	"^value",
 	"disabled"
 ];
-var _hoisted_8 = [
+var _hoisted_9 = [
 	"name",
 	"^value",
 	"disabled"
 ];
-var _hoisted_9 = ["disabled"];
-var _hoisted_10 = ["aria-controls", "disabled"];
-var _hoisted_11 = ["id", "disabled"];
-var _hoisted_12 = ["hidden"];
-var _hoisted_13 = [
+var _hoisted_10 = ["disabled"];
+var _hoisted_11 = ["aria-controls", "disabled"];
+var _hoisted_12 = ["id", "disabled"];
+var _hoisted_13 = ["hidden"];
+var _hoisted_14 = [
 	"id",
 	"aria-label",
 	"aria-busy"
 ];
-var _hoisted_14 = ["role", "aria-label"];
-var _hoisted_15 = {
+var _hoisted_15 = ["role", "aria-label"];
+var _hoisted_16 = {
 	key: 0,
 	class: "group",
 	"data-hn-ui-combobox": ""
 };
-var _hoisted_16 = [
+var _hoisted_17 = [
 	"data-multiple",
 	"id",
 	"aria-selected",
@@ -93,40 +98,40 @@ var _hoisted_16 = [
 	"aria-labelledby",
 	"aria-describedby"
 ];
-var _hoisted_17 = {
+var _hoisted_18 = {
 	key: 0,
 	class: "detail",
 	"data-hn-ui-combobox": ""
 };
-var _hoisted_18 = {
+var _hoisted_19 = {
 	class: "line",
 	"data-hn-ui-combobox": ""
 };
-var _hoisted_19 = ["id"];
 var _hoisted_20 = ["id"];
 var _hoisted_21 = ["id"];
-var _hoisted_22 = {
+var _hoisted_22 = ["id"];
+var _hoisted_23 = {
 	key: 1,
 	class: "primary",
 	"data-hn-ui-combobox": ""
 };
-var _hoisted_23 = [
+var _hoisted_24 = [
 	"data-multiple",
 	"id",
 	"data-index"
 ];
-var _hoisted_24 = {
+var _hoisted_25 = {
 	key: 1,
 	class: "message",
 	"data-hn-ui-combobox": ""
 };
-var _hoisted_25 = {
+var _hoisted_26 = {
 	key: 2,
 	class: "message",
 	"data-hn-ui-combobox": ""
 };
-var _hoisted_26 = ["id", "hidden"];
-var _hoisted_27 = {
+var _hoisted_27 = ["id", "hidden"];
+var _hoisted_28 = {
 	class: "sr-only",
 	role: "status",
 	"aria-live": "polite",
@@ -154,6 +159,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		labelVisibility: { type: null },
 		loading: { type: null },
 		multiple: { type: null },
+		muted: { type: null },
 		name: { type: null },
 		openOnFocus: { type: null },
 		placeholder: { type: null },
@@ -435,6 +441,16 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				description: "Lets the user choose several options. Each choice becomes a removable badge before the input, the list stays open between picks, and choosing a checked\n      option removes it. items-change then reports the whole list of items, and selected-values-change the list of their values; use selectedValues or items,\n      not value, in this mode.",
 				default: false
 			},
+			muted: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "muted" },
+				description: "Shows the selected field value with supporting-text emphasis, for an inherited or default choice. Suggestions keep normal emphasis and the field stays interactive.",
+				default: false
+			},
 			name: {
 				type: {
 					kind: "terminal",
@@ -452,7 +468,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				},
 				required: false,
 				target: { attribute: "openonfocus" },
-				description: "Opens suggestions when the input receives focus, before typing.",
+				description: "Opens suggestions when the input receives focus or is clicked. A committed selection shows all choices until typing filters them; an explicitly supplied query keeps its filtering.",
 				default: false
 			},
 			placeholder: {
@@ -570,6 +586,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			labelVisibility: "visible",
 			loading: false,
 			multiple: false,
+			muted: false,
 			name: "",
 			openOnFocus: false,
 			placeholder: "",
@@ -596,6 +613,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			labelVisibility: "visible",
 			loading: false,
 			multiple: false,
+			muted: false,
 			name: "",
 			openOnFocus: false,
 			placeholder: "",
@@ -763,6 +781,10 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					kind: "terminal",
 					name: "boolean"
 				}, true, true);
+				case "muted": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
 				case "name": return checkPropInput(value, {
 					kind: "terminal",
 					name: "string"
@@ -837,6 +859,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				labelVisibility: propInputs.value("labelVisibility", props["labelVisibility"], props[BINDING_INPUTS_PROP]),
 				loading: propInputs.value("loading", props["loading"], props[BINDING_INPUTS_PROP]),
 				multiple: propInputs.value("multiple", props["multiple"], props[BINDING_INPUTS_PROP]),
+				muted: propInputs.value("muted", props["muted"], props[BINDING_INPUTS_PROP]),
 				name: propInputs.value("name", props["name"], props[BINDING_INPUTS_PROP]),
 				openOnFocus: propInputs.value("openOnFocus", props["openOnFocus"], props[BINDING_INPUTS_PROP]),
 				placeholder: propInputs.value("placeholder", props["placeholder"], props[BINDING_INPUTS_PROP]),
@@ -992,6 +1015,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const hostState = computed(() => [
 			checkedProps.value.size && "size",
 			checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
+			checkedProps.value.muted && "muted",
 			validationStatus.value && "validationStatus",
 			`validationStatus=${encodeURIComponent(validationStatus.value)}`,
 			checkedProps.value.invalid && "invalid",
@@ -1754,6 +1778,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"labelVisibility",
 				"loading",
 				"multiple",
+				"muted",
 				"name",
 				"openOnFocus",
 				"placeholder",
@@ -1817,6 +1842,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"data-ui-combobox-prop-label-visibility": unref(reflectedProp)("labelVisibility", "label-visibility", checkedProps.value.labelVisibility, void 0, false),
 				"data-ui-combobox-prop-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
 				"data-ui-combobox-prop-multiple": unref(reflectedProp)("multiple", "multiple", checkedProps.value.multiple, void 0, false),
+				"data-ui-combobox-prop-muted": unref(reflectedProp)("muted", "muted", checkedProps.value.muted, void 0, false),
 				"data-ui-combobox-prop-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
 				"data-ui-combobox-prop-open-on-focus": unref(reflectedProp)("openOnFocus", "open-on-focus", checkedProps.value.openOnFocus, void 0, false),
 				"data-ui-combobox-prop-placeholder": unref(reflectedProp)("placeholder", "placeholder", checkedProps.value.placeholder, void 0, false),
@@ -1844,7 +1870,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					ref: fieldElement
 				}, [
 					createElementVNode("div", _hoisted_4, [
-						renderSlot(_ctx.$slots, "start", {}, void 0, true),
+						createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "start", {}, void 0, true)]),
 						_cache[2] || (_cache[2] = createTextVNode(toDisplayString(" "), -1)),
 						checkedProps.value.multiple ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
 							_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
@@ -1862,7 +1888,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 									}, [renderSlot(_ctx.$slots, unref(scopedSlotName)("item"), { item }, () => [createVNode(UiBadge_default, { class: "ui-badge" }, {
 										default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
 										_: 2
-									}, 1024)], true)], 8, _hoisted_5);
+									}, 1024)], true)], 8, _hoisted_6);
 								}), 128))]),
 								_: 3
 							}),
@@ -1885,7 +1911,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 							required: guardedBinding3.value,
 							ref_key: "inputElement",
 							ref: inputElement
-						}, null, 8, _hoisted_6), [[unref(vBindControl), {
+						}, null, 8, _hoisted_7), [[unref(vBindControl), {
 							tag: "input",
 							name: "value",
 							value: display.value,
@@ -1900,7 +1926,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						name: checkedProps.value.name ?? void 0,
 						"^value": submitted.value,
 						disabled: checkedProps.value.disabled ?? void 0
-					}, null, 8, _hoisted_7)) : createCommentVNode("v-if", true),
+					}, null, 8, _hoisted_8)) : createCommentVNode("v-if", true),
 					_cache[8] || (_cache[8] = createTextVNode(toDisplayString(" "), -1)),
 					checkedProps.value.name && checkedProps.value.multiple ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
 						_cache[4] || (_cache[4] = createTextVNode(toDisplayString(" "), -1)),
@@ -1913,7 +1939,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 									name: checkedProps.value.name ?? void 0,
 									"^value": item.value,
 									disabled: checkedProps.value.disabled ?? void 0
-								}, null, 8, _hoisted_8);
+								}, null, 8, _hoisted_9);
 							}), 128))]),
 							_: 1
 						}),
@@ -1939,7 +1965,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					}, [createElementVNode("path", {
 						d: "M7 7l10 10M17 7 7 17",
 						"data-hn-ui-combobox": ""
-					})], -1)])], 8, _hoisted_9)) : createCommentVNode("v-if", true),
+					})], -1)])], 8, _hoisted_10)) : createCommentVNode("v-if", true),
 					_cache[10] || (_cache[10] = createTextVNode(toDisplayString(" "), -1)),
 					checkedProps.value.disclosure ? (openBlock(), createElementBlock("button", {
 						key: 3,
@@ -1963,7 +1989,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					}, [createElementVNode("path", {
 						d: "m6 9 6 6 6-6",
 						"data-hn-ui-combobox": ""
-					})], -1)])], 8, _hoisted_10)) : createCommentVNode("v-if", true)
+					})], -1)])], 8, _hoisted_11)) : createCommentVNode("v-if", true)
 				], 512), checkedProps.value.help ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					class: "help",
@@ -1997,7 +2023,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						d: "M12 17h.01",
 						"data-hn-ui-combobox": ""
 					})
-				], -1)])], 8, _hoisted_11)) : createCommentVNode("v-if", true)]),
+				], -1)])], 8, _hoisted_12)) : createCommentVNode("v-if", true)]),
 				checkedProps.value.help ? (openBlock(), createBlock(UiTooltip_default, {
 					key: 0,
 					class: "ui-tooltip",
@@ -2031,7 +2057,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 								role: group.role,
 								"aria-label": group.label
 							}, [
-								group.name ? (openBlock(), createElementBlock("div", _hoisted_15, toDisplayString(group.name), 1)) : createCommentVNode("v-if", true),
+								group.name ? (openBlock(), createElementBlock("div", _hoisted_16, toDisplayString(group.name), 1)) : createCommentVNode("v-if", true),
 								_cache[17] || (_cache[17] = createTextVNode(toDisplayString(" "), -1)),
 								createVNode(unref(KeyedBoundary), null, {
 									default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(group.rows, (row, indexLoop2, loop) => row.id), (row) => {
@@ -2050,13 +2076,13 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 											"aria-describedby": row.detail
 										}, [renderSlot(_ctx.$slots, unref(scopedSlotName)("option"), { option: row.option }, () => [
 											_cache[14] || (_cache[14] = createTextVNode(toDisplayString(" "), -1)),
-											row.detail ? (openBlock(), createElementBlock("span", _hoisted_17, [
-												createElementVNode("span", _hoisted_18, [
+											row.detail ? (openBlock(), createElementBlock("span", _hoisted_18, [
+												createElementVNode("span", _hoisted_19, [
 													createElementVNode("span", {
 														class: "primary",
 														"data-hn-ui-combobox": "",
 														id: unref(concat)(uid.value, "-option-", row.index, "-label")
-													}, toDisplayString(row.label), 9, _hoisted_19),
+													}, toDisplayString(row.label), 9, _hoisted_20),
 													_cache[12] || (_cache[12] = createTextVNode(toDisplayString(" "), -1)),
 													row.tag ? (openBlock(), createBlock(UiBadge_default, {
 														key: 0,
@@ -2068,7 +2094,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 															"data-slotted": "ui-combobox",
 															"data-hn-ui-combobox": "",
 															id: unref(concat)(uid.value, "-option-", row.index, "-tag")
-														}, toDisplayString(row.tag?.label), 9, _hoisted_20)]),
+														}, toDisplayString(row.tag?.label), 9, _hoisted_21)]),
 														_: 2
 													}, 1032, ["tone", "style"])) : createCommentVNode("v-if", true)
 												]),
@@ -2078,16 +2104,16 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 													class: "description",
 													"data-hn-ui-combobox": "",
 													id: unref(concat)(uid.value, "-option-", row.index, "-description")
-												}, toDisplayString(row.description), 9, _hoisted_21)) : createCommentVNode("v-if", true)
+												}, toDisplayString(row.description), 9, _hoisted_22)) : createCommentVNode("v-if", true)
 											])) : createCommentVNode("v-if", true),
 											_cache[15] || (_cache[15] = createTextVNode(toDisplayString(" "), -1)),
-											!row.detail ? (openBlock(), createElementBlock("span", _hoisted_22, toDisplayString(row.label), 1)) : createCommentVNode("v-if", true),
+											!row.detail ? (openBlock(), createElementBlock("span", _hoisted_23, toDisplayString(row.label), 1)) : createCommentVNode("v-if", true),
 											_cache[16] || (_cache[16] = createTextVNode(toDisplayString(" "), -1))
-										], true)], 10, _hoisted_16);
+										], true)], 10, _hoisted_17);
 									}), 128))]),
 									_: 2
 								}, 1024)
-							], 8, _hoisted_14);
+							], 8, _hoisted_15);
 						}), 128))]),
 						_: 3
 					}),
@@ -2102,12 +2128,12 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						"data-multiple": checkedProps.value.multiple ? "" : void 0,
 						id: guardedBinding11.value,
 						"data-index": createIndex.value
-					}, toDisplayString(guardedBinding12.value), 11, _hoisted_23)) : createCommentVNode("v-if", true),
+					}, toDisplayString(guardedBinding12.value), 11, _hoisted_24)) : createCommentVNode("v-if", true),
 					_cache[20] || (_cache[20] = createTextVNode(toDisplayString(" "), -1)),
-					message.value ? (openBlock(), createElementBlock("div", _hoisted_24, toDisplayString(message.value), 1)) : createCommentVNode("v-if", true),
+					message.value ? (openBlock(), createElementBlock("div", _hoisted_25, toDisplayString(message.value), 1)) : createCommentVNode("v-if", true),
 					_cache[21] || (_cache[21] = createTextVNode(toDisplayString(" "), -1)),
-					!checkedProps.value.loading && !rows.value[0] && !creatable.value && !lookupError.value ? (openBlock(), createElementBlock("div", _hoisted_25, [renderSlot(_ctx.$slots, "empty", {}, () => [_cache[18] || (_cache[18] = createTextVNode("No suggestions.", -1))], true)])) : createCommentVNode("v-if", true)
-				], 8, _hoisted_13), renderSlot(_ctx.$slots, "footer", {}, void 0, true)], 8, _hoisted_12),
+					!checkedProps.value.loading && !rows.value[0] && !creatable.value && !lookupError.value ? (openBlock(), createElementBlock("div", _hoisted_26, [renderSlot(_ctx.$slots, "empty", {}, () => [_cache[18] || (_cache[18] = createTextVNode("No suggestions.", -1))], true)])) : createCommentVNode("v-if", true)
+				], 8, _hoisted_14), renderSlot(_ctx.$slots, "footer", {}, void 0, true)], 8, _hoisted_13),
 				createElementVNode("div", {
 					class: "message",
 					"data-hn-ui-combobox": "",
@@ -2118,8 +2144,8 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 						key: indexLoop3,
 						"data-hn-ui-combobox": ""
 					}, toDisplayString(issue.message), 1);
-				}), 128))], 8, _hoisted_26),
-				createElementVNode("div", _hoisted_27, toDisplayString(statusText.value), 1),
+				}), 128))], 8, _hoisted_27),
+				createElementVNode("div", _hoisted_28, toDisplayString(statusText.value), 1),
 				createElementVNode("div", {
 					class: "authored-options",
 					hidden: "",
@@ -2134,6 +2160,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-26d1683e"]]);
+}), [["__scopeId", "data-v-4630df88"]]);
 //#endregion
 export { UiCombobox_default as t };