@threadlabs/looma 0.23.16 → 0.23.18

package/vue/UiCombobox.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.25 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import {
   computed,
@@ -891,77 +891,178 @@ const createIndex = ref(0)
 const message = ref('')
 const statusText = ref('')
 const validationStatus = ref('pristine')
-let guardedPrevious: any
+let guardedPrevious: any = null
 const guarded = computed(() => {
-  if (!(expanded.value == null || typeof expanded.value === 'boolean')) return guardedPrevious
-  return guardedPrevious = expanded.value
+  if (!(uid.value == null || typeof uid.value === 'string')) return guardedPrevious
+  const candidate: any = concat(uid.value, '-input')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedPrevious
+  return guardedPrevious = candidate
 })
-let guardedBindingPrevious: any
+let guardedBindingPrevious: any = null
 const guardedBinding = computed(() => {
+  if (!(uid.value == null || typeof uid.value === 'string')) return guardedBindingPrevious
+  const candidate: any = concat(uid.value, '-input')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBindingPrevious
+  return guardedBindingPrevious = candidate
+})
+let guardedBinding2Previous: any = null
+const guardedBinding2 = computed(() => {
+  if (!(uid.value == null || typeof uid.value === 'string')) return guardedBinding2Previous
+  const candidate: any = concat(uid.value, '-listbox')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding2Previous
+  return guardedBinding2Previous = candidate
+})
+let guardedBinding3Previous: any
+const guardedBinding3 = computed(() => {
+  if (!(expanded.value == null || typeof expanded.value === 'boolean')) {
+    return guardedBinding3Previous
+  }
+  return guardedBinding3Previous = expanded.value
+})
+let guardedBinding4Previous: any
+const guardedBinding4 = computed(() => {
   if (!(validationStatus.value == null || typeof validationStatus.value === 'string')) {
-    return guardedBindingPrevious
+    return guardedBinding4Previous
   }
-  return guardedBindingPrevious = checkedProps.value.invalid || validationStatus.value === 'error'
+  return guardedBinding4Previous = checkedProps.value.invalid || validationStatus.value === 'error'
 })
-let guardedBinding2Previous: any
-const guardedBinding2 = computed(() => {
+let guardedBinding5Previous: any
+const guardedBinding5 = computed(() => {
   if (!(validationStatus.value == null || typeof validationStatus.value === 'string')) {
-    return guardedBinding2Previous
+    return guardedBinding5Previous
   }
-  return guardedBinding2Previous = checkedProps.value.loading
+  return guardedBinding5Previous = checkedProps.value.loading
     || validationStatus.value === 'pending'
 })
-let guardedBinding3Previous: any
-const guardedBinding3 = computed(() => {
+let guardedBinding6Previous: any
+const guardedBinding6 = computed(() => {
+  if (!(display.value == null || typeof display.value === 'string')) return guardedBinding6Previous
+  return guardedBinding6Previous = display.value
+})
+let guardedBinding7Previous: any
+const guardedBinding7 = computed(() => {
   if (
     !(internalItems.value?.['0'] == null
       || (typeof internalItems.value?.['0'] === 'object' && internalItems.value?.['0'] !== null
         && !Array.isArray(internalItems.value?.['0'])))
-  ) return guardedBinding3Previous
-  return guardedBinding3Previous = checkedProps.value.required
+  ) return guardedBinding7Previous
+  return guardedBinding7Previous = checkedProps.value.required
     && !(checkedProps.value.multiple && internalItems.value[0])
 })
-let guardedBinding4Previous: any
-const guardedBinding4 = computed(() => {
+let guardedBinding8Previous: any
+const guardedBinding8 = computed(() => {
   if (!(submitted.value == null || typeof submitted.value === 'string')) {
-    return guardedBinding4Previous
+    return guardedBinding8Previous
   }
-  return guardedBinding4Previous = submitted.value
+  return guardedBinding8Previous = submitted.value
 })
-let guardedBinding5Previous: any
-const guardedBinding5 = computed(() => {
+let guardedBinding9Previous: any
+const guardedBinding9 = computed(() => {
   if (
     !((raw.value == null || typeof raw.value === 'string')
       && (selected.value == null || typeof selected.value === 'string'))
-  ) return guardedBinding5Previous
-  return guardedBinding5Previous = checkedProps.value.disabled || checkedProps.value.readonly
+  ) return guardedBinding9Previous
+  return guardedBinding9Previous = checkedProps.value.disabled || checkedProps.value.readonly
     || (!raw.value && (checkedProps.value.multiple || selected.value === null))
 })
-let guardedBinding6Previous: any
-const guardedBinding6 = computed(() => {
+let guardedBinding10Previous: any = null
+const guardedBinding10 = computed(() => {
+  if (!(uid.value == null || typeof uid.value === 'string')) return guardedBinding10Previous
+  const candidate: any = concat(uid.value, '-listbox')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding10Previous
+  return guardedBinding10Previous = candidate
+})
+let guardedBinding11Previous: any = null
+const guardedBinding11 = computed(() => {
+  if (!(uid.value == null || typeof uid.value === 'string')) return guardedBinding11Previous
+  const candidate: any = concat(uid.value, '-help')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding11Previous
+  return guardedBinding11Previous = candidate
+})
+let guardedBinding12Previous: any = null
+const guardedBinding12 = computed(() => {
+  if (!(uid.value == null || typeof uid.value === 'string')) return guardedBinding12Previous
+  const candidate: any = concat(uid.value, '-help-text')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding12Previous
+  return guardedBinding12Previous = candidate
+})
+let guardedBinding13Previous: any = null
+const guardedBinding13 = computed(() => {
+  if (!(uid.value == null || typeof uid.value === 'string')) return guardedBinding13Previous
+  const candidate: any = concat(uid.value, '-help')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding13Previous
+  return guardedBinding13Previous = candidate
+})
+let guardedBinding14Previous: any
+const guardedBinding14 = computed(() => {
   if (!(expanded.value == null || typeof expanded.value === 'boolean')) {
-    return guardedBinding6Previous
+    return guardedBinding14Previous
   }
-  return guardedBinding6Previous = !expanded.value
+  return guardedBinding14Previous = !expanded.value
 })
-let guardedBinding7Previous: any
-const guardedBinding7 = computed(() => {
+let guardedBinding15Previous: any = null
+const guardedBinding15 = computed(() => {
+  if (!(uid.value == null || typeof uid.value === 'string')) return guardedBinding15Previous
+  const candidate: any = concat(uid.value, '-listbox')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding15Previous
+  return guardedBinding15Previous = candidate
+})
+let guardedBinding16Previous: any = null
+const guardedBinding16 = computed(() => {
+  const candidate: any = concat(checkedProps.value.label, ' suggestions')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding16Previous
+  return guardedBinding16Previous = candidate
+})
+let guardedBinding17Previous: any
+const guardedBinding17 = computed(() => {
+  if (
+    !((active.value == null || Number.isInteger(active.value))
+      && (createIndex.value == null || Number.isInteger(createIndex.value)))
+  ) return guardedBinding17Previous
+  return guardedBinding17Previous = createIndex.value === active.value
+})
+let guardedBinding18Previous: any = null
+const guardedBinding18 = computed(() => {
+  if (
+    !((createIndex.value == null || Number.isInteger(createIndex.value))
+      && (uid.value == null || typeof uid.value === 'string'))
+  ) return guardedBinding18Previous
+  const candidate: any = concat(uid.value, '-option-', createIndex.value)
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding18Previous
+  return guardedBinding18Previous = candidate
+})
+let guardedBinding19Previous: any
+const guardedBinding19 = computed(() => {
   if (!(createIndex.value == null || Number.isInteger(createIndex.value))) {
-    return guardedBinding7Previous
+    return guardedBinding19Previous
   }
-  return guardedBinding7Previous = createIndex.value
+  return guardedBinding19Previous = createIndex.value
 })
-let guardedBinding8Previous: any
-const guardedBinding8 = computed(() => {
-  if (!(message.value == null || typeof message.value === 'string')) return guardedBinding8Previous
-  return guardedBinding8Previous = message.value
+let guardedBinding20Previous: any = null
+const guardedBinding20 = computed(() => {
+  if (!(raw.value == null || typeof raw.value === 'string')) return guardedBinding20Previous
+  const candidate: any = concat('Create “', raw.value, '”')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding20Previous
+  return guardedBinding20Previous = candidate
 })
-let guardedBinding9Previous: any
-const guardedBinding9 = computed(() => {
+let guardedBinding21Previous: any
+const guardedBinding21 = computed(() => {
+  if (!(message.value == null || typeof message.value === 'string')) return guardedBinding21Previous
+  return guardedBinding21Previous = message.value
+})
+let guardedBinding22Previous: any = null
+const guardedBinding22 = computed(() => {
+  if (!(uid.value == null || typeof uid.value === 'string')) return guardedBinding22Previous
+  const candidate: any = concat(uid.value, '-validation')
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding22Previous
+  return guardedBinding22Previous = candidate
+})
+let guardedBinding23Previous: any
+const guardedBinding23 = computed(() => {
   if (!(statusText.value == null || typeof statusText.value === 'string')) {
-    return guardedBinding9Previous
+    return guardedBinding23Previous
   }
-  return guardedBinding9Previous = statusText.value
+  return guardedBinding23Previous = statusText.value
 })
 provide('html-next:ui-combobox:internalItems', internalItems)
 provide('html-next:ui-combobox:raw', raw)
@@ -1403,6 +1504,24 @@ function text(value: unknown): string {
   return value === null || value === undefined || typeof value === 'object' ? '' : String(value)
 }
 
+// A nonempty scalar call cannot produce the invalid-result sentinel.
+type ConcatResult<T extends unknown[]> = T extends
+  [
+    string | number | boolean | null | undefined,
+    ...(string | number | boolean | null | undefined)[],
+  ] ? string | undefined
+  : string | symbol | undefined
+function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
+  if (values.some(value => value === Symbol.for('html-next.invalid-result'))) {
+    return Symbol.for('html-next.invalid-result') as ConcatResult<T>
+  }
+  if (values.some(value => value === undefined)) return undefined as ConcatResult<T>
+  if (values.length === 0 || values.some(value => typeof value === 'object' && value !== null)) {
+    return Symbol.for('html-next.invalid-result') as ConcatResult<T>
+  }
+  return values.map(value => value === null ? '' : String(value)).join('') as ConcatResult<T>
+}
+
 function uniqueKeys<T>(
   items: readonly T[],
   keyOf: (
@@ -1465,11 +1584,9 @@ function uniqueKeys<T>(
     :data-ui-combobox-state="hostState || undefined"
     ref="root"
   >
-    <label
-      :for="`${uid}-input`"
-      :class="{ 'sr-only': checkedProps.labelVisibility === 'sr-only' }"
-    >{{ checkedProps.label }}
-      <template v-if="checkedProps.required">
+    <label :for="guarded" :class="{ 'sr-only': checkedProps.labelVisibility === 'sr-only' }">{{
+        checkedProps.label
+      }}<template v-if="checkedProps.required">
         *</template></label>
     <div class="control">
       <div class="field" ref="field">
@@ -1483,24 +1600,24 @@ function uniqueKeys<T>(
                 tabindex="-1"
                 :data-index="index"
                 :disabled="checkedProps.disabled || checkedProps.readonly || item.disabled"
-                :aria-label="`${item.label}, press Delete or Backspace to remove`"
+                :aria-label="concat(item.label, ', press Delete or Backspace to remove')"
               >
-                <slot :name="`item-${item.id}`"><UiBadge>{{ item.label }}</UiBadge></slot>
+                <slot :name="concat('item-', item.id)"><UiBadge>{{ item.label }}</UiBadge></slot>
               </button></KeyedBoundary></template>
           <input
             role="combobox"
             aria-autocomplete="list"
             autocomplete="off"
             v-bind-control="{ tag: 'input', name: 'value', value: display, nativeProperty: true, defaultValue: '' }"
-            :id="`${uid}-input`"
-            :aria-controls="`${uid}-listbox`"
-            :aria-expanded="guarded"
-            :aria-invalid="guardedBinding"
-            :aria-busy="guardedBinding2"
+            :id="guardedBinding"
+            :aria-controls="guardedBinding2"
+            :aria-expanded="guardedBinding3"
+            :aria-invalid="guardedBinding4"
+            :aria-busy="guardedBinding5"
             :placeholder="checkedProps.placeholder ?? undefined"
             :disabled="checkedProps.disabled ?? undefined"
             :readonly="checkedProps.readonly ?? undefined"
-            :required="guardedBinding3"
+            :required="guardedBinding7"
             ref="input"
           >
         </div>
@@ -1508,7 +1625,7 @@ function uniqueKeys<T>(
           v-if="checkedProps.name && !checkedProps.multiple"
           type="hidden"
           :name="checkedProps.name ?? undefined"
-          :value.attr="guardedBinding4"
+          :value.attr="guardedBinding8"
           :disabled="checkedProps.disabled ?? undefined"
         >
         <template v-if="checkedProps.name && checkedProps.multiple"><KeyedBoundary><input
@@ -1524,7 +1641,7 @@ function uniqueKeys<T>(
           type="button"
           data-combobox-action="clear"
           aria-label="Clear"
-          :disabled="guardedBinding5"
+          :disabled="guardedBinding9"
         >
           <svg
             class="affordance-icon"
@@ -1544,7 +1661,7 @@ function uniqueKeys<T>(
           data-combobox-action="disclosure"
           tabindex="-1"
           aria-label="Show suggestions"
-          :aria-controls="`${uid}-listbox`"
+          :aria-controls="guardedBinding10"
           :disabled="checkedProps.disabled || checkedProps.readonly"
         >
           <svg
@@ -1566,7 +1683,7 @@ function uniqueKeys<T>(
         class="help"
         type="button"
         aria-label="Help"
-        :id="`${uid}-help`"
+        :id="guardedBinding11"
         :disabled="checkedProps.disabled ?? undefined"
       >
         <svg
@@ -1588,14 +1705,14 @@ function uniqueKeys<T>(
     <UiTooltip
       v-if="checkedProps.help"
       trigger="click"
-      :id="`${uid}-help-text`"
-      :for="`${uid}-help`"
+      :id="guardedBinding12"
+      :for="guardedBinding13"
     >{{ checkedProps.help }}</UiTooltip>
-    <div class="popup" :hidden="guardedBinding6" ref="popup">
+    <div class="popup" :hidden="guardedBinding14" ref="popup">
       <div
         role="listbox"
-        :id="`${uid}-listbox`"
-        :aria-label="`${checkedProps.label ?? ''} suggestions`"
+        :id="guardedBinding15"
+        :aria-label="guardedBinding16"
         :aria-busy="checkedProps.loading ?? undefined"
         ref="listbox"
       >
@@ -1613,7 +1730,7 @@ function uniqueKeys<T>(
                 role="option"
                 data-ui-choice-option=""
                 :data-multiple="checkedProps.multiple ? '' : undefined"
-                :id="`${uid}-option-${row.index}`"
+                :id="concat(uid, '-option-', row.index)"
                 :aria-selected="row.selected"
                 :aria-disabled="row.disabled"
                 :data-index="row.index"
@@ -1621,22 +1738,22 @@ function uniqueKeys<T>(
                 :aria-describedby="row.detail ?? undefined"
                 :class="{ active: row.index === active }"
               >
-                <slot :name="`option-${row.id}`"><span v-if="row.detail" class="detail"><span
+                <slot :name="concat('option-', row.id)"><span v-if="row.detail" class="detail"><span
                       class="line"
-                    ><span class="primary" :id="`${uid}-option-${row.index}-label`">{{
+                    ><span class="primary" :id="concat(uid, '-option-', row.index, '-label')">{{
                         row.label
                       }}</span>
                       <UiBadge
                         v-if="row.tag"
                         :tone="row.tag?.tone"
                         :style="{ '--ui-badge-color': row.tag?.color ?? undefined }"
-                      ><span :id="`${uid}-option-${row.index}-tag`">{{
+                      ><span :id="concat(uid, '-option-', row.index, '-tag')">{{
                           row.tag?.label
                         }}</span></UiBadge></span>
                     <span
                       v-if="row.description"
                       class="description"
-                      :id="`${uid}-option-${row.index}-description`"
+                      :id="concat(uid, '-option-', row.index, '-description')"
                     >{{ row.description }}</span></span>
                   <span v-if="!row.detail" class="primary">{{ row.label }}</span></slot>
               </div></KeyedBoundary>
@@ -1648,13 +1765,13 @@ function uniqueKeys<T>(
           data-ui-choice-option=""
           aria-selected="false"
           :data-multiple="checkedProps.multiple ? '' : undefined"
-          :id="`${uid}-option-${createIndex}`"
-          :data-index="guardedBinding7"
-          :class="{ active: createIndex === active }"
+          :id="guardedBinding18"
+          :data-index="guardedBinding19"
+          :class="{ active: guardedBinding17 }"
         >
-          {{ `Create “${raw}”` }}
+          {{ guardedBinding20 }}
         </div>
-        <div v-if="message" class="message">{{ guardedBinding8 }}</div>
+        <div v-if="message" class="message">{{ guardedBinding21 }}</div>
         <div
           v-if="!checkedProps.loading && !(rows[0]) && !creatable && !lookupError"
           class="message"
@@ -1664,13 +1781,13 @@ function uniqueKeys<T>(
       </div>
       <slot name="footer" />
     </div>
-    <div class="message" :id="`${uid}-validation`" :hidden="!validation.issues.length">
+    <div class="message" :id="guardedBinding22" :hidden="!validation.issues.length">
       <div v-for="(issue, indexLoop3) in validation.issues" :key="indexLoop3">
         {{ issue.message }}
       </div>
     </div>
     <div class="sr-only" role="status" aria-live="polite" aria-atomic="true">
-      {{ guardedBinding9 }}
+      {{ guardedBinding23 }}
     </div>
     <div class="authored-options" hidden="" aria-hidden="true" ref="options"><slot /></div>
   </div>

package/vue/UiContainer.vue

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

package/vue/UiContextMenu.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.25 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.19 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.25 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiDescriptionItem.vue

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

package/vue/UiDescriptionList.vue

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

package/vue/UiDialog.vue

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

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

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.25 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'
@@ -283,10 +283,15 @@ const guarded = computed(() => {
 })
 let guardedBindingPrevious: any
 const guardedBinding = computed(() => {
+  if (!(draft.value == null || typeof draft.value === 'string')) return guardedBindingPrevious
+  return guardedBindingPrevious = draft.value
+})
+let guardedBinding2Previous: any
+const guardedBinding2 = computed(() => {
   if (!(internalEdit.value == null || typeof internalEdit.value === 'boolean')) {
-    return guardedBindingPrevious
+    return guardedBinding2Previous
   }
-  return guardedBindingPrevious = checkedProps.value.disabled || !internalEdit.value
+  return guardedBinding2Previous = checkedProps.value.disabled || !internalEdit.value
 })
 provide('html-next:ui-editable:internalEdit', internalEdit)
 provide('html-next:ui-editable:internalValue', internalValue)
@@ -428,7 +433,7 @@ useComponentHost(() => import('../components/ui-editable/ui-editable.js'), {
         :aria-label="checkedProps.label ?? undefined"
         :placeholder="checkedProps.placeholder ?? undefined"
         :required="checkedProps.required ?? undefined"
-        :disabled="guardedBinding"
+        :disabled="guardedBinding2"
         ref="input"
       >
     </div>

package/vue/UiEditorInsertTableGrid.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.25 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import {
   computed,
@@ -177,6 +177,23 @@ const guarded = computed(() => {
   if (!(hint.value == null || typeof hint.value === 'string')) return guardedPrevious
   return guardedPrevious = hint.value
 })
+let guardedBindingPrevious: any
+const guardedBinding = computed(() => {
+  if (!(rows.value == null || Number.isInteger(rows.value))) return guardedBindingPrevious
+  return guardedBindingPrevious = rows.value
+})
+let guardedBinding2Previous: any
+const guardedBinding2 = computed(() => {
+  if (!(cols.value == null || Number.isInteger(cols.value))) return guardedBinding2Previous
+  return guardedBinding2Previous = cols.value
+})
+let guardedBinding3Previous: any
+const guardedBinding3 = computed(() => {
+  if (!(withHeaderRow.value == null || typeof withHeaderRow.value === 'boolean')) {
+    return guardedBinding3Previous
+  }
+  return guardedBinding3Previous = withHeaderRow.value
+})
 provide('html-next:ui-editor-insert-table-grid:cells', cells)
 provide('html-next:ui-editor-insert-table-grid:rows', rows)
 provide('html-next:ui-editor-insert-table-grid:cols', cols)
@@ -287,7 +304,7 @@ function uniqueKeys<T>(
       class="grid"
       role="group"
       aria-label="Table dimensions"
-      :style="{ '--_rows': rows, '--_cols': cols }"
+      :style="{ '--_rows': guardedBinding, '--_cols': guardedBinding2 }"
       ref="grid"
     >
       <KeyedBoundary><button

package/vue/UiEditorMentionMenu.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.25 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'
@@ -354,6 +354,24 @@ useComponentHost(() => import('../components/ui-editor-mention-menu/ui-editor-me
   refs: { empty: emptyElement },
   state: { visible, rows, searching, active, prefix },
 })
+
+// A nonempty scalar call cannot produce the invalid-result sentinel.
+type ConcatResult<T extends unknown[]> = T extends
+  [
+    string | number | boolean | null | undefined,
+    ...(string | number | boolean | null | undefined)[],
+  ] ? string | undefined
+  : string | symbol | undefined
+function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
+  if (values.some(value => value === Symbol.for('html-next.invalid-result'))) {
+    return Symbol.for('html-next.invalid-result') as ConcatResult<T>
+  }
+  if (values.some(value => value === undefined)) return undefined as ConcatResult<T>
+  if (values.length === 0 || values.some(value => typeof value === 'object' && value !== null)) {
+    return Symbol.for('html-next.invalid-result') as ConcatResult<T>
+  }
+  return values.map(value => value === null ? '' : String(value)).join('') as ConcatResult<T>
+}
 </script>
 
 <template>
@@ -382,7 +400,7 @@ useComponentHost(() => import('../components/ui-editor-mention-menu/ui-editor-me
         :key="index"
         class="item"
         role="option"
-        :id="`${prefix}-option-${index}`"
+        :id="concat(prefix, '-option-', index)"
         :aria-selected="index === active"
         :data-index="index"
         :data-value="row.id"

package/vue/UiEditorMentionMenuItem.vue

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

package/vue/UiEditorSlashMenu.vue

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

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

package/vue/UiEditorSlashMenuItem.vue

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