@threadlabs/looma 0.29.0 → 0.29.2

package/vue/UiSearchResultRow.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -106,14 +106,17 @@ const hostState = computed(() =>
     :data-ui-search-result-row-prop-selected="reflectedProp('selected', 'selected', checkedProps.selected, undefined, false)"
     :data-ui-search-result-row-state="hostState || undefined"
   >
-    <span class="leading" data-hn-ui-search-result-row><slot name="leading" /></span>
-    <span class="content" data-hn-ui-search-result-row><span
-        class="title"
+    <span class="leading" data-hn-ui-search-result-row><slot name="leading" /></span>{{ ' ' }}<span
+      class="content"
+      data-hn-ui-search-result-row
+    ><span class="title" data-hn-ui-search-result-row><slot name="title" /></span>{{ ' ' }}<span
+        class="meta"
         data-hn-ui-search-result-row
-      ><slot name="title" /></span>
-      <span class="meta" data-hn-ui-search-result-row><slot name="meta" /></span>
-      <span class="excerpt" data-hn-ui-search-result-row><slot name="excerpt" /></span></span>
-    <span class="trailing" data-hn-ui-search-result-row><slot name="trailing" /></span>
+      ><slot name="meta" /></span>{{ ' ' }}<span class="excerpt" data-hn-ui-search-result-row><slot
+          name="excerpt"
+        /></span></span>{{ ' ' }}<span class="trailing" data-hn-ui-search-result-row><slot
+        name="trailing"
+      /></span>
   </button>
 </template>
 

package/vue/UiSearchShell.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSection.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -108,9 +108,12 @@ const hostState = computed(() =>
         >
           {{ checkedProps.heading }}
         </h2>
-        <span class="description" data-hn-ui-section><slot name="description" /></span></span>
-      <span class="actions" data-hn-ui-section><slot name="actions" /></span></span>
-    <span class="body" data-hn-ui-section><slot /></span>
+        <span class="description" data-hn-ui-section><slot name="description" /></span></span>{{
+        ' '
+      }}<span class="actions" data-hn-ui-section><slot name="actions" /></span></span>{{ ' ' }}<span
+      class="body"
+      data-hn-ui-section
+    ><slot /></span>
   </section>
 </template>
 

package/vue/UiSelect.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSeparator.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSidebar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSpinner.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiStack.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiStatusMessage.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -126,14 +126,18 @@ const hostState = computed(() =>
     :data-ui-status-message-prop-layout="reflectedProp('layout', 'layout', checkedProps.layout, undefined, false)"
     :data-ui-status-message-state="hostState || undefined"
   >
-    <UiSpinner class="ui-spinner" size="sm" :hidden="checkedProps.kind !== 'loading'" />
-    <span class="copy" data-hn-ui-status-message><strong
+    <UiSpinner class="ui-spinner" size="sm" :hidden="checkedProps.kind !== 'loading'" />{{
+      ' '
+    }}<span class="copy" data-hn-ui-status-message><strong
         class="heading"
         data-hn-ui-status-message
         :hidden="!checkedProps.heading"
-      >{{ checkedProps.heading }}</strong>
-      <span class="message" data-hn-ui-status-message><slot /></span></span>
-    <span class="action" data-hn-ui-status-message><slot name="action" /></span>
+      >{{ checkedProps.heading }}</strong>{{ ' ' }}<span
+        class="message"
+        data-hn-ui-status-message
+      ><slot /></span></span>{{ ' ' }}<span class="action" data-hn-ui-status-message><slot
+        name="action"
+      /></span>
   </div>
 </template>
 

package/vue/UiSwatch.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSwitch.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -239,11 +239,15 @@ useComponentHost(() => import('../components/ui-switch/ui-switch.js'), {
       :name="checkedProps.name ?? undefined"
       :value.attr="checkedProps.value ?? undefined"
       ref="inputElement"
-    >
-    <span class="text" data-hn-ui-switch><span class="label" data-hn-ui-switch><slot /></span>
-      <span class="description" aria-hidden="true" data-hn-ui-switch ref="descriptionElement"><slot
-          name="description"
-        /></span></span></label>
+    >{{ ' ' }}<span class="text" data-hn-ui-switch><span
+        class="label"
+        data-hn-ui-switch
+      ><slot /></span>{{ ' ' }}<span
+        class="description"
+        aria-hidden="true"
+        data-hn-ui-switch
+        ref="descriptionElement"
+      ><slot name="description" /></span></span></label>
 </template>
 
 <style scoped>

package/vue/UiSwitcher.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiTable.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiTabs.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -281,7 +281,7 @@ useComponentHost(() => import('../components/ui-tabs/ui-tabs.js'), {
       :aria-orientation="checkedProps.orientation ?? undefined"
       ref="listElement"
     >
-      <slot name="tab"><KeyedBoundary><button
+      <slot name="tab">{{ ' ' }}<KeyedBoundary><button
             v-for="tab in uniqueKeys(tabs, (tab, index, loop) => tab.id)"
             :key="tab.id"
             type="button"
@@ -293,7 +293,7 @@ useComponentHost(() => import('../components/ui-tabs/ui-tabs.js'), {
             :aria-selected="tab.id === internalValue"
           >
             {{ tab.label }}
-          </button></KeyedBoundary></slot>
+          </button></KeyedBoundary>{{ ' ' }}</slot>
     </div>
     <div class="panels" data-hn-ui-tabs ref="panelsElement"><slot /></div>
   </div>

package/vue/UiText.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiTextarea.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiToast.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiToastRegion.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -228,8 +228,7 @@ useComponentHost(() => import('../components/ui-toast-region/ui-toast-region.js'
     :data-ui-toast-region-state="hostState || undefined"
     ref="root"
   >
-    <slot />
-    <KeyedBoundary><div
+    <slot />{{ ' ' }}<KeyedBoundary><div
         v-for="toast in uniqueKeys(toasts, (toast, index, loop) => toast.id)"
         :key="toast.id"
         class="toast"
@@ -239,8 +238,11 @@ useComponentHost(() => import('../components/ui-toast-region/ui-toast-region.js'
         :data-tone="toast.tone"
         :class="{ closing: toast.closing }"
       >
-        <span class="message" data-hn-ui-toast-region>{{ toast.message }}</span>
-        <span class="dismiss" data-hn-ui-toast-region :data-toast="toast.id"><UiIconButton
+        <span class="message" data-hn-ui-toast-region>{{ toast.message }}</span>{{ ' ' }}<span
+          class="dismiss"
+          data-hn-ui-toast-region
+          :data-toast="toast.id"
+        ><UiIconButton
             class="ui-icon-button"
             size="sm"
             variant="ghost"

package/vue/UiTooltip.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -301,8 +301,10 @@ useComponentHost(() => import('../components/ui-tooltip/ui-tooltip.js'), {
     :data-ui-tooltip-state="hostState || undefined"
     ref="root"
   ><div class="surface" data-hn-ui-tooltip>
-      <slot />
-      <span class="shortcut" data-hn-ui-tooltip><slot name="shortcut" /></span>
+      <span class="label" data-hn-ui-tooltip><slot /></span>{{ ' ' }}<span
+        class="shortcut"
+        data-hn-ui-tooltip
+      ><slot name="shortcut" /></span>
     </div></span>
 </template>
 
@@ -349,6 +351,8 @@ useComponentHost(() => import('../components/ui-tooltip/ui-tooltip.js'), {
   inherits: false;
 }
 
+/* The label and the shortcut sit side by side, a gap apart, with the label wrapping on its own. */
+
 /* A keyboard shortcut follows the label after a thin divider, smaller and quieter, as menus show
    it. The label stays first in the description, so a screen reader hears the name, then the keys. */
 
@@ -390,10 +394,12 @@ useComponentHost(() => import('../components/ui-tooltip/ui-tooltip.js'), {
       display var(--ui-motion-fast) allow-discrete,
       overlay var(--ui-motion-fast) allow-discrete;
   }
-
   :global(.surface:where([data-hn-ui-tooltip])) {
     --_tooltip-line: var(--_ui-tooltip-border, var(--ui-overlay-border, var(--ui-border-strong)));
     position: relative;
+    display: flex;
+    align-items: baseline;
+    gap: var(--ui-space-2);
     box-sizing: border-box;
     max-inline-size: var(--_ui-tooltip-max-inline-size, 18rem);
     border: var(--ui-border-width) solid var(--_tooltip-line);
@@ -412,7 +418,6 @@ useComponentHost(() => import('../components/ui-tooltip/ui-tooltip.js'), {
   :global(.shortcut:where([data-hn-ui-tooltip])) {
     display: inline-flex;
     align-items: center;
-    margin-inline-start: var(--ui-space-2);
     padding-inline-start: var(--ui-space-2);
     border-inline-start: 1px solid color-mix(in oklab, currentColor 28%, transparent);
     color: color-mix(in oklab, currentColor 72%, transparent);

package/vue/UiTopBar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { checkHydratedRoot, nativeAttrs } from './host'
 

package/vue/UiTree.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiTreeItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.53 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.54 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -555,8 +555,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
           <circle cx="15" cy="5" r="1" data-hn-ui-tree-item></circle>
           <circle cx="15" cy="19" r="1" data-hn-ui-tree-item></circle>
         </svg>
-      </button>
-      <button
+      </button>{{ ' ' }}<button
         class="disclosure"
         type="button"
         data-hn-ui-tree-item
@@ -565,8 +564,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
         ref="disclosureElement"
       >
         <span class="disclosure-icon" aria-hidden="true" data-hn-ui-tree-item></span>
-      </button>
-      <label class="selection-hit" data-hn-ui-tree-item><input
+      </button>{{ ' ' }}<label class="selection-hit" data-hn-ui-tree-item><input
           class="selection-checkbox"
           type="checkbox"
           tabindex="-1"
@@ -574,14 +572,17 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
           :checked.attr="checkedProps.selected ? true : undefined"
           :disabled="checkedProps.disabled ?? undefined"
           :aria-label="guardedBinding"
-        ></label>
-      <span class="leading" data-hn-ui-tree-item ref="leadingElement"><slot name="leading" /></span>
-      <span class="label" data-hn-ui-tree-item ref="labelElement"><span
+        ></label>{{ ' ' }}<span class="leading" data-hn-ui-tree-item ref="leadingElement"><slot
+          name="leading"
+        /></span>{{ ' ' }}<span class="label" data-hn-ui-tree-item ref="labelElement"><span
           class="label-text"
           data-hn-ui-tree-item
           ref="labelTextElement"
-        ><slot name="label">{{ checkedProps.label }}</slot></span></span>
-      <span class="actions" data-hn-ui-tree-item ref="actionsElement"><UiButton
+        ><slot name="label">{{ checkedProps.label }}</slot></span></span>{{ ' ' }}<span
+        class="actions"
+        data-hn-ui-tree-item
+        ref="actionsElement"
+      ><UiButton
           v-if="moving"
           class="ui-button"
           data-tree-cancel-move=""
@@ -589,9 +590,9 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
           tone="neutral"
           size="sm"
           aria-label="Cancel move"
-        >Cancel</UiButton>
-        <span data-hn-ui-tree-item><slot name="actions" /></span></span>
-      <span
+        >Cancel</UiButton>{{ ' ' }}<span data-hn-ui-tree-item><slot
+            name="actions"
+          /></span></span>{{ ' ' }}<span
         class="drop-indicator row-drop-indicator"
         aria-hidden="true"
         data-hn-ui-tree-item

package/vue/chunks/UiActionBar.js

@@ -1,5 +1,5 @@
 import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref } from "vue";
+import { createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref } from "vue";
 //#region .build/vue/UiActionBar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	class: "bar",
@@ -30,11 +30,13 @@ var UiActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 				"data-hn-ui-action-bar": ""
 			}), [createElementVNode("div", _hoisted_1, [
 				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "tertiary", {}, void 0, true)]),
+				_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
 				createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "secondary", {}, void 0, true), renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_cache[1] || (_cache[1] = createTextVNode(toDisplayString(" "), -1)),
 				createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "primary", {}, void 0, true)])
 			])], 16);
 		};
 	}
-}), [["__scopeId", "data-v-498a1a7b"]]);
+}), [["__scopeId", "data-v-95e61fde"]]);
 //#endregion
 export { UiActionBar_default as t };

package/vue/chunks/UiAffordanceScope.js

@@ -117,6 +117,6 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-18ddc938"]]);
+}), [["__scopeId", "data-v-1250320c"]]);
 //#endregion
 export { UiAffordanceScope_default as t };

package/vue/chunks/UiAvatar.js

@@ -1,7 +1,7 @@
 import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
-import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiAvatar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-ui-avatar-prop-active",
@@ -287,6 +287,7 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				ref: root
 			}), [
 				renderSlot(_ctx.$slots, "default", {}, void 0, true),
+				_cache[1] || (_cache[1] = createTextVNode(toDisplayString(" "), -1)),
 				createElementVNode("img", {
 					class: "image",
 					alt: "",
@@ -297,27 +298,32 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					ref_key: "imageElement",
 					ref: imageElement
 				}, null, 8, _hoisted_2),
+				_cache[2] || (_cache[2] = createTextVNode(toDisplayString(" "), -1)),
 				createElementVNode("span", {
 					class: "fallback",
 					"data-hn-ui-avatar": "",
 					"aria-hidden": hasImage.value,
 					hidden: hasImage.value
-				}, [createElementVNode("span", {
-					"data-hn-ui-avatar": "",
-					hidden: showGlyph.value
-				}, toDisplayString(initials.value), 9, _hoisted_4), createElementVNode("span", {
-					"data-hn-ui-avatar": "",
-					hidden: !showGlyph.value
-				}, [createVNode(UiIcon_default, {
-					class: "ui-icon",
-					name: "user-round"
-				})], 8, _hoisted_5)], 8, _hoisted_3)
+				}, [
+					createElementVNode("span", {
+						"data-hn-ui-avatar": "",
+						hidden: showGlyph.value
+					}, toDisplayString(initials.value), 9, _hoisted_4),
+					_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
+					createElementVNode("span", {
+						"data-hn-ui-avatar": "",
+						hidden: !showGlyph.value
+					}, [createVNode(UiIcon_default, {
+						class: "ui-icon",
+						name: "user-round"
+					})], 8, _hoisted_5)
+				], 8, _hoisted_3)
 			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-bb6347b1"]]);
+}), [["__scopeId", "data-v-39f45155"]]);
 //#endregion
 export { UiAvatar_default as t };

package/vue/chunks/UiAvatarGroup.js

@@ -1,6 +1,6 @@
 import { i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
-import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiAvatarGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-label",
@@ -198,20 +198,24 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				"data-ui-avatar-group-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true), createElementVNode("span", {
-				class: "overflow",
-				role: "img",
-				"data-hn-ui-avatar-group": "",
-				hidden: !overflowCount.value,
-				"aria-label": overflowAnnouncement.value,
-				ref_key: "overflowElement",
-				ref: overflowElement
-			}, "+" + toDisplayString(overflowCount.value), 9, _hoisted_2)], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}), [
+				renderSlot(_ctx.$slots, "default", {}, void 0, true),
+				_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
+				createElementVNode("span", {
+					class: "overflow",
+					role: "img",
+					"data-hn-ui-avatar-group": "",
+					hidden: !overflowCount.value,
+					"aria-label": overflowAnnouncement.value,
+					ref_key: "overflowElement",
+					ref: overflowElement
+				}, "+" + toDisplayString(overflowCount.value), 9, _hoisted_2)
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-c3ca4899"]]);
+}), [["__scopeId", "data-v-3f66b4b7"]]);
 //#endregion
 export { UiAvatarGroup_default as t };

package/vue/chunks/UiBadge.js

@@ -1,6 +1,6 @@
 import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
-import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBadge.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-ui-badge-prop-shape",
@@ -163,12 +163,16 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				"data-ui-badge-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-ui-badge-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-badge-state": hostState.value || void 0
-			}), [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "icon", {}, void 0, true)]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}), [
+				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "icon", {}, void 0, true)]),
+				_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
+				createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-761dd675"]]);
+}), [["__scopeId", "data-v-2c7d880b"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiBreadcrumbItem.js

@@ -1,7 +1,7 @@
 import { a as concat, i as checkHydratedRoot, p as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
-import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBreadcrumbItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-current",
@@ -75,15 +75,19 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 				"aria-current": guarded.value,
 				"data-ui-breadcrumb-item-prop-current": unref(reflectedProp)("current", "current", checkedProps.value.current, void 0, false),
 				"data-ui-breadcrumb-item-state": hostState.value || void 0
-			}), [createElementVNode("span", _hoisted_2, [createVNode(UiIcon_default, {
-				class: "ui-icon",
-				name: "chevron-right"
-			})]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}), [
+				createElementVNode("span", _hoisted_2, [createVNode(UiIcon_default, {
+					class: "ui-icon",
+					name: "chevron-right"
+				})]),
+				_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
+				createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a37c93f0"]]);
+}), [["__scopeId", "data-v-723da48a"]]);
 //#endregion
 export { UiBreadcrumbItem_default as t };

package/vue/chunks/UiBreadcrumbs.js

@@ -51,6 +51,6 @@ var UiBreadcrumbs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-d0124b12"]]);
+}), [["__scopeId", "data-v-849859f9"]]);
 //#endregion
 export { UiBreadcrumbs_default as t };