@threadlabs/looma 0.29.18 → 0.30.1

package/vue/UiActionBar.vue

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

package/vue/UiAffordanceScope.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -67,7 +67,7 @@ const engaged = ref(false)
 provide('html-next:ui-affordance-scope:engaged', engaged)
 checkHydratedRoot('span', 'ui-affordance-scope')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     engaged.value && 'engaged',

package/vue/UiAvatar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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'
@@ -181,7 +181,7 @@ provide('html-next:ui-avatar:initials', initials)
 provide('html-next:ui-avatar:showGlyph', showGlyph)
 checkHydratedRoot('span', 'ui-avatar')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.size && 'size',

package/vue/UiAvatarGroup.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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'
@@ -124,7 +124,7 @@ provide('html-next:ui-avatar-group:overflowCount', overflowCount)
 provide('html-next:ui-avatar-group:overflowAnnouncement', overflowAnnouncement)
 checkHydratedRoot('div', 'ui-avatar-group')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.size && 'size',

package/vue/UiBadge.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -110,7 +110,7 @@ const reflectedProp = useReflectedProp()
 
 checkHydratedRoot('span', 'ui-badge')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.size && 'size',

package/vue/UiBreadcrumbItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -76,7 +76,7 @@ const guarded = computed(() => {
 })
 checkHydratedRoot('li', 'ui-breadcrumb-item')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.current && 'current',

package/vue/UiBreadcrumbs.vue

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

package/vue/UiButton.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -577,7 +577,7 @@ checkHydratedRoot(
   'ui-button',
 )
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.align && 'align',

package/vue/UiCallout.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -86,7 +86,7 @@ const reflectedProp = useReflectedProp()
 
 checkHydratedRoot('div', 'ui-callout')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.tone && 'tone',

package/vue/UiCard.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -139,7 +139,7 @@ checkHydratedRoot(
   'ui-card',
 )
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.padding && 'padding',

package/vue/UiCheckbox.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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'
@@ -205,7 +205,7 @@ const internalChecked = ref(false)
 provide('html-next:ui-checkbox:internalChecked', internalChecked)
 checkHydratedRoot('label', 'ui-checkbox')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.invalid && 'invalid',

package/vue/UiCluster.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -153,7 +153,7 @@ const reflectedProp = useReflectedProp()
 
 checkHydratedRoot('div', 'ui-cluster')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.fixed && 'fixed',

package/vue/UiCombobox.d.ts

@@ -1,17 +1,40 @@
 import type { PropType } from 'vue';
-declare var __VLS_1: {}, __VLS_10: string | undefined, __VLS_11: {}, __VLS_44: string | undefined, __VLS_45: {}, __VLS_53: {}, __VLS_55: {}, __VLS_57: {};
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
-} & {
-    [K in NonNullable<typeof __VLS_44>]?: (props: typeof __VLS_45) => any;
-} & {
-    start?: (props: typeof __VLS_1) => any;
-} & {
-    empty?: (props: typeof __VLS_53) => any;
-} & {
-    footer?: (props: typeof __VLS_55) => any;
-} & {
-    default?: (props: typeof __VLS_57) => any;
+type __VLS_Slots = {
+    start?(props: Record<string, never>): any;
+    item?(props: {
+        readonly item: {
+            readonly id: string;
+            readonly value: string;
+            readonly label: string;
+            readonly group?: string;
+            readonly disabled?: boolean;
+            readonly description?: string;
+            readonly tag?: {
+                readonly label: string;
+                readonly tone?: 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger';
+                readonly color?: string;
+            };
+        };
+    }): any;
+    option?(props: {
+        readonly option: {
+            readonly id: string;
+            readonly value: string;
+            readonly label: string;
+            readonly group?: string;
+            readonly disabled?: boolean;
+            readonly description?: string;
+            readonly tag?: {
+                readonly label: string;
+                readonly tone?: 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger';
+                readonly color?: string;
+            };
+            readonly selected?: boolean;
+        };
+    }): any;
+    empty?(props: Record<string, never>): any;
+    footer?(props: Record<string, never>): any;
+    default?(props: Record<string, never>): any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     allowCreate: {

package/vue/UiCombobox.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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'
@@ -13,6 +13,7 @@ import {
   uniqueKeys,
   useComponentHost,
   useReflectedProp,
+  useScopedSlotName,
   warnUnless,
 } from './host'
 import { acceptsControllerWrite } from './props'
@@ -846,6 +847,20 @@ const groups = ref<
       index: number
       labelledBy: string | null
       detail: string | null
+      option: {
+        id: string
+        value: string
+        label: string
+        group?: string
+        disabled?: boolean
+        description?: string
+        tag?: {
+          label: string
+          tone?: 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger'
+          color?: string
+        }
+        selected?: boolean
+      }
     }[]
   }[]
 >([])
@@ -981,9 +996,53 @@ provide('html-next:ui-combobox:createIndex', createIndex)
 provide('html-next:ui-combobox:message', message)
 provide('html-next:ui-combobox:statusText', statusText)
 provide('html-next:ui-combobox:validationStatus', validationStatus)
+const scopedSlotName = useScopedSlotName()
+defineSlots<
+  {
+    start?(props: Record<string, never>): any
+    item?(
+      props: {
+        readonly item: {
+          readonly id: string
+          readonly value: string
+          readonly label: string
+          readonly group?: string
+          readonly disabled?: boolean
+          readonly description?: string
+          readonly tag?: {
+            readonly label: string
+            readonly tone?: 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger'
+            readonly color?: string
+          }
+        }
+      },
+    ): any
+    option?(
+      props: {
+        readonly option: {
+          readonly id: string
+          readonly value: string
+          readonly label: string
+          readonly group?: string
+          readonly disabled?: boolean
+          readonly description?: string
+          readonly tag?: {
+            readonly label: string
+            readonly tone?: 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger'
+            readonly color?: string
+          }
+          readonly selected?: boolean
+        }
+      },
+    ): any
+    empty?(props: Record<string, never>): any
+    footer?(props: Record<string, never>): any
+    default?(props: Record<string, never>): any
+  }
+>()
 checkHydratedRoot('div', 'ui-combobox')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.size && 'size',
@@ -1507,6 +1566,73 @@ useComponentHost(() => import('../components/ui-combobox/ui-combobox.js'), {
                         }],
                       },
                       optional: false,
+                    }, {
+                      name: 'option',
+                      type: {
+                        kind: 'object',
+                        fields: [{
+                          name: 'id',
+                          type: { kind: 'terminal', name: 'string' },
+                          optional: false,
+                        }, {
+                          name: 'value',
+                          type: { kind: 'terminal', name: 'string' },
+                          optional: false,
+                        }, {
+                          name: 'label',
+                          type: { kind: 'terminal', name: 'string' },
+                          optional: false,
+                        }, {
+                          name: 'group',
+                          type: { kind: 'terminal', name: 'string' },
+                          optional: true,
+                        }, {
+                          name: 'disabled',
+                          type: { kind: 'terminal', name: 'boolean' },
+                          optional: true,
+                        }, {
+                          name: 'description',
+                          type: { kind: 'terminal', name: 'string' },
+                          optional: true,
+                        }, {
+                          name: 'tag',
+                          type: {
+                            kind: 'object',
+                            fields: [{
+                              name: 'label',
+                              type: { kind: 'terminal', name: 'string' },
+                              optional: false,
+                            }, {
+                              name: 'tone',
+                              type: {
+                                kind: 'constrained',
+                                base: { kind: 'terminal', name: 'keyword' },
+                                values: [
+                                  'neutral',
+                                  'accent',
+                                  'info',
+                                  'success',
+                                  'warning',
+                                  'danger',
+                                ],
+                              },
+                              optional: true,
+                            }, {
+                              name: 'color',
+                              type: { kind: 'terminal', name: 'string' },
+                              optional: true,
+                            }],
+                            open: false,
+                          },
+                          optional: true,
+                        }, {
+                          name: 'selected',
+                          type: { kind: 'terminal', name: 'boolean' },
+                          optional: true,
+                        }],
+                        open: false,
+                      },
+                      optional: false,
                     }],
                     open: false,
                   },
@@ -1661,7 +1787,7 @@ useComponentHost(() => import('../components/ui-combobox/ui-combobox.js'), {
                 :disabled="checkedProps.disabled || checkedProps.readonly || item.disabled"
                 :aria-label="concat(item.label, ', press Delete or Backspace to remove')"
               >
-                <slot :name="concat('item-', item.id)"><UiBadge class="ui-badge">{{
+                <slot :name="scopedSlotName('item')" :item="item"><UiBadge class="ui-badge">{{
                     item.label
                   }}</UiBadge></slot>
               </button></KeyedBoundary>{{ ' ' }}</template>{{ ' ' }}<input
@@ -1811,7 +1937,7 @@ useComponentHost(() => import('../components/ui-combobox/ui-combobox.js'), {
                 :aria-describedby="row.detail ?? undefined"
                 :class="{ active: row.index === active }"
               >
-                <slot :name="concat('option-', row.id)">{{ ' ' }}<span
+                <slot :name="scopedSlotName('option')" :option="row.option">{{ ' ' }}<span
                     v-if="row.detail"
                     class="detail"
                     data-hn-ui-combobox

package/vue/UiContainer.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -72,7 +72,7 @@ const reflectedProp = useReflectedProp()
 
 checkHydratedRoot('div', 'ui-container')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.measure && 'measure',

package/vue/UiContextMenu.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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/UiCover.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -41,7 +41,7 @@ const reflectedProp = useReflectedProp()
 
 checkHydratedRoot('div', 'ui-cover')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.size && 'size',
@@ -74,7 +74,8 @@ const hostState = computed(() =>
   :global(:scope:where([data-hn-ui-cover])) {
     display: flex;
     flex-direction: column;
-    align-items: center;
+    /* Safe: a child wider than the cover keeps its start edge in view instead of overflowing both ways. */
+    align-items: safe center;
     justify-content: center;
     gap: var(--ui-space-6);
     box-sizing: border-box;
@@ -86,10 +87,6 @@ const hostState = computed(() =>
     flex: 1;
     min-block-size: 100%;
   }
-
-  :global(:scope > :where(:not([data-hn-ui-cover])):is(*)) {
-    max-inline-size: 100%;
-  }
   :global(:scope[hidden]:where([data-hn-ui-cover])) {
     display: none;
   }

package/vue/UiDescriptionItem.vue

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

package/vue/UiDescriptionList.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -84,7 +84,7 @@ const reflectedProp = useReflectedProp()
 
 checkHydratedRoot('dl', 'ui-description-list')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.layout && 'layout',

package/vue/UiDialog.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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'
@@ -202,7 +202,7 @@ provide('html-next:ui-dialog:internalOpen', internalOpen)
 provide('html-next:ui-dialog:accessibleLabel', accessibleLabel)
 checkHydratedRoot('dialog', 'ui-dialog')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.size && 'size',

package/vue/UiDisclosure.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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'
@@ -235,7 +235,7 @@ provide('html-next:ui-disclosure:headingRole', headingRole)
 provide('html-next:ui-disclosure:headingAriaLevel', headingAriaLevel)
 checkHydratedRoot('div', 'ui-disclosure')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.density && 'density',

package/vue/UiEditable.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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'
@@ -255,7 +255,7 @@ provide('html-next:ui-editable:internalValue', internalValue)
 provide('html-next:ui-editable:draft', draft)
 checkHydratedRoot('div', 'ui-editable')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     internalEdit.value && 'internalEdit',

package/vue/UiEditorBlockActions.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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/UiEditorChipEditor.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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/UiEditorCodeLanguage.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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/UiEditorImageToolbar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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'
@@ -393,13 +393,16 @@ useComponentHost(() => import('../components/ui-editor-image-toolbar/ui-editor-i
         :open="describing"
         ref="descriptionElement"
       ><form aria-label="Image description">
-          <UiStack gap="s"><UiFormField><label slot="label" :for="guardedBinding18">Alt text</label>
-              <UiInput
+          <UiStack gap="s"><UiFormField><UiInput
                 size="sm"
                 :id="guardedBinding19"
                 :value="draft"
                 ref="altElement"
-              /></UiFormField>{{ ' ' }}<UiText size="xs" tone="secondary"
+              />
+              <template #label><label slot="label" :for="guardedBinding18"
+                >Alt text</label></template></UiFormField>{{ ' ' }}<UiText
+              size="xs"
+              tone="secondary"
             >Describe the image for people using a screen reader.</UiText>{{ ' ' }}<UiCluster
               justify="end"
               gap="xs"

package/vue/UiEditorInsertTableGrid.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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/UiEditorLinkCard.vue

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