@threadlabs/looma 0.13.0 → 0.13.2

package/vue/UiAffordanceScope.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import * as controllerModule from '../components/ui-affordance-scope/ui-affordance-scope.js'

package/vue/UiAvatar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-avatar/ui-avatar.js'

package/vue/UiAvatarGroup.d.ts

@@ -1,6 +1,7 @@
 type __VLS_Props = {
     label?: string;
     max?: number;
+    size?: 'sm' | 'md';
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -8,6 +9,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     label: string;
+    size: "sm" | "md";
     max: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/vue/UiAvatarGroup.vue

@@ -1,6 +1,6 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
-import { ref, useTemplateRef } from 'vue'
+import { computed, ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-avatar-group/ui-avatar-group.js'
 import { createDispatch, useComponentHost } from './host'
 
@@ -10,10 +10,12 @@ const props = withDefaults(
   defineProps<{
     label?: string
     max?: number
+    size?: 'sm' | 'md'
   }>(),
   {
     label: 'People',
     max: 5,
+    size: 'md',
   },
 )
 
@@ -21,6 +23,13 @@ const root = ref<HTMLElement | null>(null)
 const overflowElement = useTemplateRef<HTMLElement>('overflow')
 const overflowCount = ref(0)
 
+/** The values the styles' :host-state() rules test. */
+const hostState = computed(() =>
+  [
+    props.size && `size size=${props.size}`,
+  ].filter(Boolean).join(' ')
+)
+
 const dispatch = createDispatch(root)
 
 useComponentHost(controllerModule.default, {
@@ -33,7 +42,14 @@ useComponentHost(controllerModule.default, {
 </script>
 
 <template>
-  <div data-component="ui-avatar-group" role="group" v-bind="$attrs" :aria-label="label" ref="root">
+  <div
+    data-component="ui-avatar-group"
+    role="group"
+    v-bind="$attrs"
+    :aria-label="label"
+    :data-ui-avatar-group-state="hostState || undefined"
+    ref="root"
+  >
     <slot />
     <span
       class="overflow"
@@ -104,6 +120,12 @@ useComponentHost(controllerModule.default, {
   flex-shrink: 0;
 }
 
+[data-component~="ui-avatar-group"][data-ui-avatar-group-state~="size=sm"] .overflow {
+  margin-inline-start: -0.25rem;
+  inline-size: 1.75rem;
+  block-size: 1.75rem;
+}
+
 .overflow[hidden] {
   display: none;
 }

package/vue/UiBadge.vue

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

package/vue/UiBreadcrumbItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed } from 'vue'
 import UiIcon from './UiIcon.vue'

package/vue/UiBreadcrumbs.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 defineOptions({ inheritAttrs: false })
 

package/vue/UiButton.d.ts

@@ -1,6 +1,6 @@
 type __VLS_Props = {
-    as?: 'button' | 'a';
     align?: 'center' | 'start';
+    as?: 'button' | 'a';
     disabled?: boolean;
     href?: string;
     rel?: string;
@@ -11,17 +11,19 @@ type __VLS_Props = {
     type?: 'button' | 'submit' | 'reset';
     variant?: 'outline' | 'solid' | 'danger' | 'ghost' | 'link';
 };
-declare var __VLS_8: {};
+declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     type: "button" | "submit" | "reset";
     size: "sm" | "md" | "lg";
     tone: "accent" | "neutral" | "danger" | "success" | "warning" | "info";
     variant: "outline" | "solid" | "danger" | "ghost" | "link";
-    as: "button" | "a";
     align: "center" | "start";
+    as: "button" | "a";
     disabled: boolean;
     stretch: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/vue/UiButton.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed } from 'vue'
 
@@ -6,8 +6,8 @@ defineOptions({ inheritAttrs: false })
 
 const props = withDefaults(
   defineProps<{
-    as?: 'button' | 'a'
     align?: 'center' | 'start'
+    as?: 'button' | 'a'
     disabled?: boolean
     href?: string
     rel?: string
@@ -19,8 +19,8 @@ const props = withDefaults(
     variant?: 'outline' | 'solid' | 'danger' | 'ghost' | 'link'
   }>(),
   {
-    as: 'button',
     align: 'center',
+    as: 'button',
     disabled: false,
     size: 'md',
     stretch: false,
@@ -56,12 +56,10 @@ function attribute(value: unknown): any {
 </script>
 
 <template>
-  <component
-    :is="as"
+  <a
+    v-if="as === 'a'"
     data-component="ui-button"
     v-bind="$attrs"
-    :type="attribute(({ true: type, false: null })[`${!href}`])"
-    :disabled="attribute(({ true: true, false: null })[`${disabled && !href}`])"
     :href="attribute(({ true: null, false: href })[`${disabled}`])"
     :target="target"
     :rel="rel"
@@ -69,9 +67,17 @@ function attribute(value: unknown): any {
     ? String(({ true: 'true', false: null })[`${Boolean(disabled && href)}`])
     : attribute(({ true: 'true', false: null })[`${Boolean(disabled && href)}`])"
     :data-ui-button-state="hostState || undefined"
+  ><slot /></a>
+  <button
+    v-else
+    data-component="ui-button"
+    v-bind="$attrs"
+    :type="type"
+    :disabled="disabled"
+    :data-ui-button-state="hostState || undefined"
   >
     <slot />
-  </component>
+  </button>
 </template>
 
 <style scoped>

package/vue/UiCallout.vue

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

package/vue/UiCard.d.ts

@@ -4,9 +4,15 @@ type __VLS_Props = {
     tone?: 'neutral' | 'danger';
     variant?: 'outlined' | 'subtle' | 'elevated';
 };
-declare var __VLS_8: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     tone: "neutral" | "danger";

package/vue/UiCard.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed } from 'vue'
 
@@ -30,10 +30,33 @@ const hostState = computed(() =>
 </script>
 
 <template>
-  <component
-    :is="as" data-component="ui-card" v-bind="$attrs" :data-ui-card-state="hostState || undefined">
+  <section
+    v-if="as === 'section'"
+    data-component="ui-card"
+    v-bind="$attrs"
+    :data-ui-card-state="hostState || undefined"
+  >
     <slot />
-  </component>
+  </section>
+  <article
+    v-else-if="as === 'article'"
+    data-component="ui-card"
+    v-bind="$attrs"
+    :data-ui-card-state="hostState || undefined"
+  >
+    <slot />
+  </article>
+  <aside
+    v-else-if="as === 'aside'"
+    data-component="ui-card"
+    v-bind="$attrs"
+    :data-ui-card-state="hostState || undefined"
+  >
+    <slot />
+  </aside>
+  <div v-else data-component="ui-card" v-bind="$attrs" :data-ui-card-state="hostState || undefined">
+    <slot />
+  </div>
 </template>
 
 <style scoped>

package/vue/UiCheckbox.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-checkbox/ui-checkbox.js'

package/vue/UiCluster.vue

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

package/vue/UiCombobox.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-combobox/ui-combobox.js'
@@ -653,7 +653,7 @@ defineExpose({
       </div>
       <slot name="footer" />
     </div>
-    <div class="message" :id="`${uid}-validation`" :hidden="!(validation.issues[0])">
+    <div class="message" :id="`${uid}-validation`" :hidden="!validation.issues.length">
       <div v-for="(issue, index) in validation.issues" :key="index">{{ issue.message }}</div>
     </div>
     <div class="sr-only" role="status" aria-live="polite" aria-atomic="true">{{ statusText }}</div>

package/vue/UiContainer.vue

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

package/vue/UiContextMenu.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-context-menu/ui-context-menu.js'

package/vue/UiCover.vue

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

package/vue/UiDescriptionItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 defineOptions({ inheritAttrs: false })
 

package/vue/UiDescriptionList.vue

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

package/vue/UiDialog.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-dialog/ui-dialog.js'

package/vue/UiDisclosure.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-disclosure/ui-disclosure.js'

package/vue/UiEditable.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-editable/ui-editable.js'

package/vue/UiEditorInsertTableGrid.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.js'

package/vue/UiEditorMentionMenu.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { ref } from 'vue'
 import * as controllerModule from '../components/ui-editor-mention-menu/ui-editor-mention-menu.js'

package/vue/UiEditorSlashMenu.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { ref } from 'vue'
 import * as controllerModule from '../components/ui-editor-slash-menu/ui-editor-slash-menu.js'

package/vue/UiEditorTableContextMenu.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { ref } from 'vue'
 import * as controllerModule from '../components/ui-editor-table-context-menu/ui-editor-table-context-menu.js'

package/vue/UiEditorTableOverlay.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { ref } from 'vue'
 import * as controllerModule from '../components/ui-editor-table-overlay/ui-editor-table-overlay.js'

package/vue/UiEditorTableToolbar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { ref } from 'vue'
 import * as controllerModule from '../components/ui-editor-table-toolbar/ui-editor-table-toolbar.js'

package/vue/UiEditorToolbar.vue

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

package/vue/UiFloatingActionButton.vue

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

package/vue/UiFormField.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { ref } from 'vue'
 import * as controllerModule from '../components/ui-form-field/ui-form-field.js'

package/vue/UiGrid.vue

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

package/vue/UiIcon.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { ref } from 'vue'
 import * as controllerModule from '../components/ui-icon/ui-icon.js'

package/vue/UiIconButton.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import * as controllerModule from '../components/ui-icon-button/ui-icon-button.js'

package/vue/UiInput.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import * as controllerModule from '../components/ui-input/ui-input.js'

package/vue/UiInputGroup.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import * as controllerModule from '../components/ui-input-group/ui-input-group.js'

package/vue/UiList.vue

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

package/vue/UiListItem.vue

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

package/vue/UiMenu.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import * as controllerModule from '../components/ui-menu/ui-menu.js'

package/vue/UiMenuItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 defineOptions({ inheritAttrs: false })
 

package/vue/UiNavItem.d.ts

@@ -5,13 +5,19 @@ type __VLS_Props = {
     rel?: string;
     target?: string;
 };
-declare var __VLS_8: {}, __VLS_10: {}, __VLS_12: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
 type __VLS_Slots = {} & {
-    leading?: (props: typeof __VLS_8) => any;
+    leading?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_10) => any;
+    default?: (props: typeof __VLS_3) => any;
 } & {
-    description?: (props: typeof __VLS_12) => any;
+    description?: (props: typeof __VLS_5) => any;
+} & {
+    leading?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+} & {
+    description?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     current: boolean | "page" | "step" | "location";

package/vue/UiNavItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 defineOptions({ inheritAttrs: false })
 
@@ -31,11 +31,10 @@ function attribute(value: unknown): any {
 </script>
 
 <template>
-  <component
-    :is="as"
+  <a
+    v-if="as === 'a'"
     data-component="ui-nav-item"
     v-bind="$attrs"
-    :type="attribute(({ true: 'button', false: null })[`${!href}`])"
     :href="href"
     :target="target"
     :rel="rel"
@@ -48,12 +47,30 @@ function attribute(value: unknown): any {
     : attribute(
       ({ true: 'page', false: null, page: 'page', step: 'step', location: 'location' })[`${current}`],
     )"
+  ><span class="indicator" aria-hidden="true"></span>
+    <span class="leading"><slot name="leading" /></span>
+    <span class="content"><span class="label"><slot /></span>
+      <span class="description"><slot name="description" /></span></span></a>
+  <button
+    v-else
+    data-component="ui-nav-item"
+    type="button"
+    v-bind="$attrs"
+    :aria-current="typeof (({ true: 'page', false: null, page: 'page', step: 'step', location: 'location' })[
+      `${current}`
+    ]) === 'boolean'
+    ? String(
+      ({ true: 'page', false: null, page: 'page', step: 'step', location: 'location' })[`${current}`],
+    )
+    : attribute(
+      ({ true: 'page', false: null, page: 'page', step: 'step', location: 'location' })[`${current}`],
+    )"
   >
     <span class="indicator" aria-hidden="true"></span>
     <span class="leading"><slot name="leading" /></span>
     <span class="content"><span class="label"><slot /></span>
       <span class="description"><slot name="description" /></span></span>
-  </component>
+  </button>
 </template>
 
 <style scoped>

package/vue/UiPageHeader.vue

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

package/vue/UiPopover.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import * as controllerModule from '../components/ui-popover/ui-popover.js'

package/vue/UiRadio.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-radio/ui-radio.js'

package/vue/UiRadioGroup.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import * as controllerModule from '../components/ui-radio-group/ui-radio-group.js'

package/vue/UiReel.vue

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

package/vue/UiScrollArea.vue

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

package/vue/UiSearchResultRow.vue

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

package/vue/UiSearchShell.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.7 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-search-shell/ui-search-shell.js'