@threadlabs/looma 0.13.1 → 0.13.3

package/vue/UiAffordanceScope.d.ts

@@ -1,4 +1,5 @@
 type __VLS_Props = {
+    guide?: 'dot' | 'none';
     nearRadius?: number;
 };
 declare var __VLS_1: {};
@@ -6,6 +7,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    guide: "dot" | "none";
     nearRadius: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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'
@@ -8,9 +8,11 @@ defineOptions({ inheritAttrs: false })
 
 const props = withDefaults(
   defineProps<{
+    guide?: 'dot' | 'none'
     nearRadius?: number
   }>(),
   {
+    guide: 'dot',
     nearRadius: 16,
   },
 )
@@ -22,6 +24,7 @@ const engaged = ref(false)
 const hostState = computed(() =>
   [
     engaged.value && 'engaged',
+    props.guide && `guide guide=${props.guide}`,
   ].filter(Boolean).join(' ')
 )
 
@@ -48,12 +51,18 @@ useComponentHost(controllerModule.default, {
 [data-component~="ui-affordance-scope"] {
   display: contents;
   --ui-affordance-scope-engaged: 0;
+  --ui-affordance-scope-guide: 1;
 }
 
 [data-component~="ui-affordance-scope"][data-ui-affordance-scope-state~="engaged"] {
   --ui-affordance-scope-engaged: 1;
 }
 
+/* Published to descendants: each guide multiplies its opacity by it, so none reaches them all. */
+[data-component~="ui-affordance-scope"][data-ui-affordance-scope-state~="guide=none"] {
+  --ui-affordance-scope-guide: 0;
+}
+
 /* A component that sets its display still honours the hidden attribute on its root. */
 [data-component~="ui-affordance-scope"][hidden] {
   display: none;

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.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-group/ui-avatar-group.js'

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'
@@ -408,7 +408,7 @@ useComponentHost(controllerModule.default, {
   height: var(--ui-affordance-guide-size);
   border-radius: var(--ui-radius-round);
   background: var(--ui-affordance-guide-color, var(--ui-border-strong));
-  opacity: var(--ui-affordance-guide-opacity);
+  opacity: calc(var(--ui-affordance-guide-opacity) * var(--ui-affordance-scope-guide, 1));
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
 }
 
@@ -497,7 +497,7 @@ useComponentHost(controllerModule.default, {
   inset: 50% auto auto 50%;
   border-radius: var(--ui-radius-round);
   background: var(--ui-affordance-guide-color, var(--ui-border-strong));
-  opacity: var(--ui-affordance-guide-opacity);
+  opacity: calc(var(--ui-affordance-guide-opacity) * var(--ui-affordance-scope-guide, 1));
   transform: translate(-50%, -50%);
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;

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'
@@ -156,7 +156,7 @@ useComponentHost(controllerModule.default, {
   block-size: var(--ui-affordance-guide-size);
   border-radius: var(--ui-radius-round);
   background: var(--ui-affordance-guide-color, var(--ui-border-strong));
-  opacity: var(--ui-affordance-guide-opacity);
+  opacity: calc(var(--ui-affordance-guide-opacity) * var(--ui-affordance-scope-guide, 1));
   transform: translate(-50%, -50%);
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;

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'