@threadlabs/looma 0.23.15 → 0.23.17

package/vue/UiNavItem.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, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -183,6 +183,82 @@ const hydrationInstance = getCurrentInstance()
 const rootArmElement = useTemplateRef<HTMLElement>('@html-next/root')
 const root = rootArmElement
 preserveRootFocus(root)
+let guardedPrevious: any = null
+const guarded = computed(() => {
+  const candidate: any = ((objectValue: any, indexValue: any) =>
+    objectValue === Symbol.for('html-next.invalid-result')
+      || indexValue === Symbol.for('html-next.invalid-result')
+      ? Symbol.for('html-next.invalid-result')
+      : objectValue[indexValue])(
+      { true: 'page', false: null, page: 'page', step: 'step', location: 'location' },
+      concat(checkedProps.value.current),
+    )
+  if (candidate === Symbol.for('html-next.invalid-result')) {
+    return guardedPrevious
+  }
+  return guardedPrevious = typeof (((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        { true: 'page', false: null, page: 'page', step: 'step', location: 'location' },
+        concat(checkedProps.value.current),
+      )) === 'boolean'
+    ? String(((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        { true: 'page', false: null, page: 'page', step: 'step', location: 'location' },
+        concat(checkedProps.value.current),
+      ))
+    : attribute(((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        { true: 'page', false: null, page: 'page', step: 'step', location: 'location' },
+        concat(checkedProps.value.current),
+      ))
+})
+let guardedBindingPrevious: any = null
+const guardedBinding = computed(() => {
+  const candidate: any = ((objectValue: any, indexValue: any) =>
+    objectValue === Symbol.for('html-next.invalid-result')
+      || indexValue === Symbol.for('html-next.invalid-result')
+      ? Symbol.for('html-next.invalid-result')
+      : objectValue[indexValue])(
+      { true: 'page', false: null, page: 'page', step: 'step', location: 'location' },
+      concat(checkedProps.value.current),
+    )
+  if (candidate === Symbol.for('html-next.invalid-result')) {
+    return guardedBindingPrevious
+  }
+  return guardedBindingPrevious = typeof (((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        { true: 'page', false: null, page: 'page', step: 'step', location: 'location' },
+        concat(checkedProps.value.current),
+      )) === 'boolean'
+    ? String(((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        { true: 'page', false: null, page: 'page', step: 'step', location: 'location' },
+        concat(checkedProps.value.current),
+      ))
+    : attribute(((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        { true: 'page', false: null, page: 'page', step: 'step', location: 'location' },
+        concat(checkedProps.value.current),
+      ))
+})
 const hydrationNode = hydrationInstance?.vnode.el
 if (
   typeof window !== 'undefined' && hydrationNode != null
@@ -225,6 +301,24 @@ function attribute(value: unknown): any {
   ) return undefined
   return value === true ? '' : text(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>
+}
 </script>
 
 <template>
@@ -235,25 +329,7 @@ function attribute(value: unknown): any {
     :href="checkedProps.href ?? undefined"
     :target="checkedProps.target ?? undefined"
     :rel="checkedProps.rel ?? undefined"
-    :aria-current="typeof ((({
-      true: 'page',
-      false: null,
-      page: 'page',
-      step: 'step',
-      location: 'location',
-    }) as Record<string, any>)[`${checkedProps.current ?? ''}`]) === 'boolean'
-    ? String(
-      (({ true: 'page', false: null, page: 'page', step: 'step', location: 'location' }) as Record<
-        string,
-        any
-      >)[`${checkedProps.current ?? ''}`],
-    )
-    : attribute(
-      (({ true: 'page', false: null, page: 'page', step: 'step', location: 'location' }) as Record<
-        string,
-        any
-      >)[`${checkedProps.current ?? ''}`],
-    )"
+    :aria-current="guarded"
     v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-as="reflectedProp('as', 'as', checkedProps.as, undefined, false)"
     :data-current="reflectedProp('current', 'current', checkedProps.current, undefined, false)"
@@ -274,25 +350,7 @@ function attribute(value: unknown): any {
     data-component="ui-nav-item"
     type="button"
     v-bind="nativeAttrs($attrs)"
-    :aria-current="typeof ((({
-      true: 'page',
-      false: null,
-      page: 'page',
-      step: 'step',
-      location: 'location',
-    }) as Record<string, any>)[`${checkedProps.current ?? ''}`]) === 'boolean'
-    ? String(
-      (({ true: 'page', false: null, page: 'page', step: 'step', location: 'location' }) as Record<
-        string,
-        any
-      >)[`${checkedProps.current ?? ''}`],
-    )
-    : attribute(
-      (({ true: 'page', false: null, page: 'page', step: 'step', location: 'location' }) as Record<
-        string,
-        any
-      >)[`${checkedProps.current ?? ''}`],
-    )"
+    :aria-current="guardedBinding"
     v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-as="reflectedProp('as', 'as', checkedProps.as, undefined, false)"
     :data-current="reflectedProp('current', 'current', checkedProps.current, undefined, false)"

package/vue/UiPageHeader.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/UiPopover.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, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiRadio.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'
@@ -176,6 +176,13 @@ const root = ref<HTMLElement | null>(null)
 const inputElement = useTemplateRef<HTMLElement>('input')
 const descriptionElement = useTemplateRef<HTMLElement>('description')
 const internalChecked = ref(false)
+let guardedPrevious: any
+const guarded = computed(() => {
+  if (!(internalChecked.value == null || typeof internalChecked.value === 'boolean')) {
+    return guardedPrevious
+  }
+  return guardedPrevious = internalChecked.value
+})
 provide('html-next:ui-radio:internalChecked', internalChecked)
 const hydrationNode = hydrationInstance?.vnode.el
 if (

package/vue/UiRadioGroup.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, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiReel.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/UiScrollArea.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, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSearchResultRow.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/UiSearchShell.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/UiSection.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/UiSelect.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, 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.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/UiSidebar.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/UiSpinner.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'
@@ -85,6 +85,142 @@ function reflectedProp(
 }
 const hydrationInstance = getCurrentInstance()
 
+let guardedPrevious: any = null
+const guarded = computed(() => {
+  const candidate: any = ((objectValue: any, indexValue: any) =>
+    objectValue === Symbol.for('html-next.invalid-result')
+      || indexValue === Symbol.for('html-next.invalid-result')
+      ? Symbol.for('html-next.invalid-result')
+      : objectValue[indexValue])(
+      { true: 'status', false: null },
+      concat(checkedProps.value.label !== ''),
+    )
+  if (candidate === Symbol.for('html-next.invalid-result')) {
+    return guardedPrevious
+  }
+  return guardedPrevious = attribute(((objectValue: any, indexValue: any) =>
+    objectValue === Symbol.for('html-next.invalid-result')
+      || indexValue === Symbol.for('html-next.invalid-result')
+      ? Symbol.for('html-next.invalid-result')
+      : objectValue[indexValue])(
+      { true: 'status', false: null },
+      concat(checkedProps.value.label !== ''),
+    ))
+})
+let guardedBindingPrevious: any = null
+const guardedBinding = computed(() => {
+  const candidate: any = ((objectValue: any, indexValue: any) =>
+    objectValue === Symbol.for('html-next.invalid-result')
+      || indexValue === Symbol.for('html-next.invalid-result')
+      ? Symbol.for('html-next.invalid-result')
+      : objectValue[indexValue])(
+      { true: checkedProps.value.label, false: null },
+      concat(checkedProps.value.label !== ''),
+    )
+  if (candidate === Symbol.for('html-next.invalid-result')) {
+    return guardedBindingPrevious
+  }
+  return guardedBindingPrevious = typeof (((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        { true: checkedProps.value.label, false: null },
+        concat(checkedProps.value.label !== ''),
+      )) === 'boolean'
+    ? String(((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        { true: checkedProps.value.label, false: null },
+        concat(checkedProps.value.label !== ''),
+      ))
+    : attribute(((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        { true: checkedProps.value.label, false: null },
+        concat(checkedProps.value.label !== ''),
+      ))
+})
+let guardedBinding2Previous: any = null
+const guardedBinding2 = computed(() => {
+  const candidate: any = ((objectValue: any, indexValue: any) =>
+    objectValue === Symbol.for('html-next.invalid-result')
+      || indexValue === Symbol.for('html-next.invalid-result')
+      ? Symbol.for('html-next.invalid-result')
+      : objectValue[indexValue])(
+      { true: 'polite', false: null },
+      concat(checkedProps.value.label !== ''),
+    )
+  if (candidate === Symbol.for('html-next.invalid-result')) {
+    return guardedBinding2Previous
+  }
+  return guardedBinding2Previous = typeof (((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        { true: 'polite', false: null },
+        concat(checkedProps.value.label !== ''),
+      )) === 'boolean'
+    ? String(((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        { true: 'polite', false: null },
+        concat(checkedProps.value.label !== ''),
+      ))
+    : attribute(((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        { true: 'polite', false: null },
+        concat(checkedProps.value.label !== ''),
+      ))
+})
+let guardedBinding3Previous: any = null
+const guardedBinding3 = computed(() => {
+  const candidate: any = ((objectValue: any, indexValue: any) =>
+    objectValue === Symbol.for('html-next.invalid-result')
+      || indexValue === Symbol.for('html-next.invalid-result')
+      ? Symbol.for('html-next.invalid-result')
+      : objectValue[indexValue])(
+      { true: null, false: 'true' },
+      concat(checkedProps.value.label !== ''),
+    )
+  if (candidate === Symbol.for('html-next.invalid-result')) {
+    return guardedBinding3Previous
+  }
+  return guardedBinding3Previous = typeof (((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        { true: null, false: 'true' },
+        concat(checkedProps.value.label !== ''),
+      )) === 'boolean'
+    ? String(((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        { true: null, false: 'true' },
+        concat(checkedProps.value.label !== ''),
+      ))
+    : attribute(((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        { true: null, false: 'true' },
+        concat(checkedProps.value.label !== ''),
+      ))
+})
 const hydrationNode = hydrationInstance?.vnode.el
 if (
   typeof window !== 'undefined' && hydrationNode != null
@@ -122,6 +258,24 @@ function attribute(value: unknown): any {
   ) return undefined
   return value === true ? '' : text(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>
+}
 </script>
 
 <template>
@@ -129,36 +283,10 @@ function attribute(value: unknown): any {
     data-component="ui-spinner"
     class="ring"
     v-bind="nativeAttrs($attrs)"
-    :role="attribute(
-      (({ true: 'status', false: null }) as Record<string, any>)[`${checkedProps.label !== ''}`],
-    )"
-    :aria-label="typeof ((({ true: checkedProps.label, false: null }) as Record<string, any>)[
-      `${checkedProps.label !== ''}`
-    ]) === 'boolean'
-    ? String(
-      (({ true: checkedProps.label, false: null }) as Record<string, any>)[
-        `${checkedProps.label !== ''}`
-      ],
-    )
-    : attribute(
-      (({ true: checkedProps.label, false: null }) as Record<string, any>)[
-        `${checkedProps.label !== ''}`
-      ],
-    )"
-    :aria-live="typeof ((({ true: 'polite', false: null }) as Record<string, any>)[`${checkedProps.label !== ''}`])
-      === 'boolean'
-    ? String(
-      (({ true: 'polite', false: null }) as Record<string, any>)[`${checkedProps.label !== ''}`],
-    )
-    : attribute(
-      (({ true: 'polite', false: null }) as Record<string, any>)[`${checkedProps.label !== ''}`],
-    )"
-    :aria-hidden="typeof ((({ true: null, false: 'true' }) as Record<string, any>)[`${checkedProps.label !== ''}`])
-      === 'boolean'
-    ? String((({ true: null, false: 'true' }) as Record<string, any>)[`${checkedProps.label !== ''}`])
-    : attribute(
-      (({ true: null, false: 'true' }) as Record<string, any>)[`${checkedProps.label !== ''}`],
-    )"
+    :role="guarded"
+    :aria-label="guardedBinding"
+    :aria-live="guardedBinding2"
+    :aria-hidden="guardedBinding3"
     v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-label="reflectedProp('label', 'label', checkedProps.label, undefined, false)"
     :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"

package/vue/UiStack.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/UiStatusMessage.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'
@@ -109,6 +109,28 @@ function reflectedProp(
 }
 const hydrationInstance = getCurrentInstance()
 
+let guardedPrevious: any = null
+const guarded = computed(() => {
+  const candidate: any = ((objectValue: any, indexValue: any) =>
+    objectValue === Symbol.for('html-next.invalid-result')
+      || indexValue === Symbol.for('html-next.invalid-result')
+      ? Symbol.for('html-next.invalid-result')
+      : objectValue[indexValue])(
+      { true: 'alert', false: 'status' },
+      concat(checkedProps.value.kind === 'error'),
+    )
+  if (candidate === Symbol.for('html-next.invalid-result')) {
+    return guardedPrevious
+  }
+  return guardedPrevious = attribute(((objectValue: any, indexValue: any) =>
+    objectValue === Symbol.for('html-next.invalid-result')
+      || indexValue === Symbol.for('html-next.invalid-result')
+      ? Symbol.for('html-next.invalid-result')
+      : objectValue[indexValue])(
+      { true: 'alert', false: 'status' },
+      concat(checkedProps.value.kind === 'error'),
+    ))
+})
 const hydrationNode = hydrationInstance?.vnode.el
 if (
   typeof window !== 'undefined' && hydrationNode != null
@@ -148,15 +170,31 @@ function attribute(value: unknown): any {
   ) return undefined
   return value === true ? '' : text(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>
+}
 </script>
 
 <template>
   <div
     data-component="ui-status-message"
     v-bind="nativeAttrs($attrs)"
-    :role="attribute(
-      (({ true: 'alert', false: 'status' }) as Record<string, any>)[`${checkedProps.kind === 'error'}`],
-    )"
+    :role="guarded"
     v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-heading="reflectedProp('heading', 'heading', checkedProps.heading, undefined, false)"
     :data-kind="reflectedProp('kind', 'kind', checkedProps.kind, undefined, false)"

package/vue/UiSwitch.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'
@@ -175,6 +175,13 @@ const root = ref<HTMLElement | null>(null)
 const inputElement = useTemplateRef<HTMLElement>('input')
 const descriptionElement = useTemplateRef<HTMLElement>('description')
 const internalChecked = ref(false)
+let guardedPrevious: any
+const guarded = computed(() => {
+  if (!(internalChecked.value == null || typeof internalChecked.value === 'boolean')) {
+    return guardedPrevious
+  }
+  return guardedPrevious = internalChecked.value
+})
 provide('html-next:ui-switch:internalChecked', internalChecked)
 const hydrationNode = hydrationInstance?.vnode.el
 if (

package/vue/UiSwitcher.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, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiTable.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, 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.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,
@@ -290,6 +290,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: (
@@ -345,7 +363,7 @@ function uniqueKeys<T>(
             :key="tab.id"
             type="button"
             role="tab"
-            :id="`${tab.id}-tab`"
+            :id="concat(tab.id, '-tab')"
             :value="tab.id"
             :aria-controls="tab.id"
             :aria-selected="tab.id === internalValue"

package/vue/UiText.d.ts

@@ -106,7 +106,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     as: "div" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "small" | "span" | "strong" | null;
     wrap: "normal" | "anywhere" | null;
     truncate: boolean | null;
-    weight: "inherit" | "normal" | "medium" | "semibold" | null;
+    weight: "inherit" | "medium" | "normal" | "semibold" | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/vue/UiText.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, 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.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, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'