@nuxt/ui 3.3.1 → 4.0.0-alpha.0

package/dist/runtime/components/DashboardSidebarToggle.vue

@@ -0,0 +1,36 @@
+<script>
+import theme from "#build/ui/dashboard-sidebar-toggle";
+</script>
+
+<script setup>
+import { ref, computed } from "vue";
+import { useForwardProps } from "reka-ui";
+import { reactivePick } from "@vueuse/core";
+import { useAppConfig } from "#imports";
+import { useLocale } from "../composables/useLocale";
+import { useDashboard } from "../utils/dashboard";
+import { tv } from "../utils/tv";
+import UButton from "./Button.vue";
+const props = defineProps({
+  side: { type: String, required: false, default: "left" },
+  color: { type: null, required: false, default: "neutral" },
+  variant: { type: null, required: false, default: "ghost" },
+  class: { type: null, required: false }
+});
+const rootProps = useForwardProps(reactivePick(props, "color", "variant", "size"));
+const { t } = useLocale();
+const appConfig = useAppConfig();
+const { sidebarOpen, toggleSidebar } = useDashboard({ sidebarOpen: ref(false), toggleSidebar: () => {
+} });
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.dashboardSidebarToggle || {} }));
+</script>
+
+<template>
+  <UButton
+    v-bind="rootProps"
+    :aria-label="sidebarOpen ? t('dashboardSidebarToggle.close') : t('dashboardSidebarToggle.open')"
+    :icon="sidebarOpen ? appConfig.ui.icons.close : appConfig.ui.icons.menu"
+    :class="ui({ class: props.class, side: props.side })"
+    @click="toggleSidebar"
+  />
+</template>

package/dist/runtime/components/DashboardSidebarToggle.vue.d.ts

@@ -0,0 +1,19 @@
+import type { ButtonProps } from '../types';
+export interface DashboardSidebarToggleProps extends /** @vue-ignore */ Pick<ButtonProps, 'as' | 'size' | 'disabled' | 'ui'> {
+    side?: 'left' | 'right';
+    /**
+     * @defaultValue 'neutral'
+     */
+    color?: ButtonProps['color'];
+    /**
+     * @defaultValue 'ghost'
+     */
+    variant?: ButtonProps['variant'];
+    class?: any;
+}
+declare const _default: import("vue").DefineComponent<DashboardSidebarToggleProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardSidebarToggleProps> & Readonly<{}>, {
+    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
+    variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
+    side: "left" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/DashboardToolbar.vue

@@ -0,0 +1,32 @@
+<script>
+import theme from "#build/ui/dashboard-toolbar";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { Primitive } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
+const props = defineProps({
+  as: { type: null, required: false },
+  class: { type: null, required: false },
+  ui: { type: null, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.dashboardToolbar || {} })());
+</script>
+
+<template>
+  <Primitive :as="as" :class="ui.root({ class: [props.ui?.root, props.class] })">
+    <slot>
+      <div :class="ui.left({ class: [props.ui?.left] })">
+        <slot name="left" />
+      </div>
+
+      <div :class="ui.right({ class: [props.ui?.right] })">
+        <slot name="right" />
+      </div>
+    </slot>
+  </Primitive>
+</template>

package/dist/runtime/components/DashboardToolbar.vue.d.ts

@@ -0,0 +1,25 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/dashboard-toolbar';
+import type { ComponentConfig } from '../types/tv';
+type DashboardToolbar = ComponentConfig<typeof theme, AppConfig, 'dashboardToolbar'>;
+export interface DashboardToolbarProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    class?: any;
+    ui?: DashboardToolbar['slots'];
+}
+export interface DashboardToolbarSlots {
+    default(props?: {}): any;
+    left(props?: {}): any;
+    right(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DashboardToolbarProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardToolbarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, DashboardToolbarSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Drawer.vue.d.ts

@@ -2,7 +2,8 @@ import type { DrawerRootProps, DrawerRootEmits } from 'vaul-vue';
 import type { DialogContentProps, DialogContentEmits } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/drawer';
-import type { EmitsToProps, ComponentConfig } from '../types/utils';
+import type { EmitsToProps } from '../types/utils';
+import type { ComponentConfig } from '../types/tv';
 type Drawer = ComponentConfig<typeof theme, AppConfig, 'drawer'>;
 export interface DrawerProps extends Pick<DrawerRootProps, 'activeSnapPoint' | 'closeThreshold' | 'shouldScaleBackground' | 'setBackgroundColorOnScale' | 'scrollLockTimeout' | 'fixed' | 'dismissible' | 'modal' | 'open' | 'defaultOpen' | 'nested' | 'direction' | 'noBodyStyles' | 'handleOnly' | 'preventScrollRestoration' | 'snapPoints'> {
     /**
@@ -72,8 +73,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DrawerProp
     portal: boolean | string | HTMLElement;
     overlay: boolean;
     direction: import("vaul-vue").DrawerDirection;
-    dismissible: boolean;
     handle: boolean;
+    dismissible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, DrawerSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/DropdownMenu.vue.d.ts

@@ -2,7 +2,8 @@ import type { DropdownMenuRootProps, DropdownMenuRootEmits, DropdownMenuContentP
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/dropdown-menu';
 import type { AvatarProps, KbdProps, LinkProps } from '../types';
-import type { ArrayOrNested, DynamicSlots, MergeTypes, NestedItem, EmitsToProps, ComponentConfig } from '../types/utils';
+import type { ArrayOrNested, DynamicSlots, MergeTypes, NestedItem, EmitsToProps } from '../types/utils';
+import type { ComponentConfig } from '../types/tv';
 type DropdownMenu = ComponentConfig<typeof theme, AppConfig, 'dropdownMenu'>;
 export interface DropdownMenuItem extends Omit<LinkProps, 'type' | 'raw' | 'custom'> {
     label?: string;

package/dist/runtime/components/DropdownMenuContent.vue.d.ts

@@ -2,8 +2,9 @@ import { DropdownMenu } from 'reka-ui/namespaced';
 import type { DropdownMenuContentProps as RekaDropdownMenuContentProps } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import type theme from '#build/ui/dropdown-menu';
-import type { DropdownMenuItem, DropdownMenuSlots, DynamicSlots, MergeTypes } from '../types';
-import type { ArrayOrNested, NestedItem, ComponentConfig } from '../types/utils';
+import type { DropdownMenuItem, DropdownMenuSlots } from '../types';
+import type { ArrayOrNested, NestedItem, DynamicSlots, MergeTypes } from '../types/utils';
+import type { ComponentConfig } from '../types/tv';
 type DropdownMenu = ComponentConfig<typeof theme, AppConfig, 'dropdownMenu'>;
 interface DropdownMenuContentProps<T extends ArrayOrNested<DropdownMenuItem>> extends Omit<RekaDropdownMenuContentProps, 'as' | 'asChild' | 'forceMount'> {
     items?: T;

package/dist/runtime/components/Error.vue

@@ -0,0 +1,60 @@
+<script>
+import theme from "#build/ui/error";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { Primitive } from "reka-ui";
+import { clearError, useAppConfig } from "#imports";
+import { useLocale } from "../composables/useLocale";
+import { tv } from "../utils/tv";
+import UButton from "./Button.vue";
+const props = defineProps({
+  as: { type: null, required: false, default: "main" },
+  error: { type: Object, required: false },
+  redirect: { type: String, required: false, default: "/" },
+  clear: { type: [Boolean, Object], required: false, default: true },
+  class: { type: null, required: false },
+  ui: { type: null, required: false }
+});
+const slots = defineSlots();
+const { t } = useLocale();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.error || {} })());
+function handleError() {
+  clearError({ redirect: props.redirect });
+}
+</script>
+
+<template>
+  <Primitive :as="as" :class="ui.root({ class: [props.ui?.root, props.class] })">
+    <p v-if="!!props.error?.statusCode || !!slots.statusCode" :class="ui.statusCode({ class: props.ui?.statusCode })">
+      <slot name="statusCode">
+        {{ props.error?.statusCode }}
+      </slot>
+    </p>
+    <h1 v-if="!!props.error?.statusMessage || !!slots.statusMessage" :class="ui.statusMessage({ class: props.ui?.statusMessage })">
+      <slot name="statusMessage">
+        {{ props.error?.statusMessage }}
+      </slot>
+    </h1>
+    <p v-if="props.error?.message && props.error.message !== props.error.statusMessage || !!slots.message" :class="ui.message({ class: props.ui?.message })">
+      <slot name="message">
+        {{ props.error?.message }}
+      </slot>
+    </p>
+    <div v-if="!!clear || !!slots.links" :class="ui.links({ class: props.ui?.links })">
+      <slot name="links">
+        <UButton
+          v-if="clear"
+          size="lg"
+          color="primary"
+          variant="solid"
+          :label="t('error.clear')"
+          v-bind="typeof clear === 'object' ? clear : {}"
+          @click="handleError"
+        />
+      </slot>
+    </div>
+  </Primitive>
+</template>

package/dist/runtime/components/Error.vue.d.ts

@@ -0,0 +1,47 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { NuxtError } from '#app';
+import theme from '#build/ui/error';
+import type { ButtonProps } from '../types';
+import type { ComponentConfig } from '../types/tv';
+type Error = ComponentConfig<typeof theme, AppConfig, 'error'>;
+export interface ErrorProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    error?: Partial<NuxtError & {
+        message: string;
+    }>;
+    /**
+     * The URL to redirect to when the error is cleared.
+     * @defaultValue '/'
+     */
+    redirect?: string;
+    /**
+     * Display a button to clear the error in the links slot.
+     * `{ size: 'lg', color: 'primary', variant: 'solid', label: 'Back to home' }`{lang="ts-type"}
+     * @defaultValue true
+     */
+    clear?: boolean | Partial<ButtonProps>;
+    class?: any;
+    ui?: Error['slots'];
+}
+export interface ErrorSlots {
+    default(props?: {}): any;
+    statusCode(props?: {}): any;
+    statusMessage(props?: {}): any;
+    message(props?: {}): any;
+    links(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ErrorProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ErrorProps> & Readonly<{}>, {
+    clear: boolean | Partial<ButtonProps>;
+    as: any;
+    redirect: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ErrorSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/{ButtonGroup.vue → FieldGroup.vue}

@@ -1,12 +1,12 @@
 <script>
-import theme from "#build/ui/button-group";
+import theme from "#build/ui/field-group";
 </script>
 
 <script setup>
 import { provide, computed } from "vue";
 import { Primitive } from "reka-ui";
 import { useAppConfig } from "#imports";
-import { buttonGroupInjectionKey } from "../composables/useButtonGroup";
+import { fieldGroupInjectionKey } from "../composables/useFieldGroup";
 import { tv } from "../utils/tv";
 const props = defineProps({
   as: { type: null, required: false },
@@ -17,8 +17,8 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.buttonGroup || {} }));
-provide(buttonGroupInjectionKey, computed(() => ({
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.fieldGroup || {} }));
+provide(fieldGroupInjectionKey, computed(() => ({
   orientation: props.orientation,
   size: props.size
 })));

package/dist/runtime/components/FieldGroup.vue.d.ts

@@ -0,0 +1,34 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/field-group';
+import type { ComponentConfig } from '../types/tv';
+type FieldGroup = ComponentConfig<typeof theme, AppConfig, 'fieldGroup'>;
+export interface FieldGroupProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    /**
+     * @defaultValue 'md'
+     */
+    size?: FieldGroup['variants']['size'];
+    /**
+     * The orientation the buttons are laid out.
+     * @defaultValue 'horizontal'
+     */
+    orientation?: FieldGroup['variants']['orientation'];
+    class?: any;
+    ui?: FieldGroup['slots'];
+}
+export interface FieldGroupSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<FieldGroupProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FieldGroupProps> & Readonly<{}>, {
+    orientation: FieldGroup["variants"]["orientation"];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, FieldGroupSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/FileUpload.vue.d.ts

@@ -2,7 +2,7 @@ import type { AppConfig } from '@nuxt/schema';
 import type { UseFileDialogReturn } from '@vueuse/core';
 import theme from '#build/ui/file-upload';
 import type { ButtonProps } from '../types';
-import type { ComponentConfig } from '../types/utils';
+import type { ComponentConfig } from '../types/tv';
 type FileUpload = ComponentConfig<typeof theme, AppConfig, 'fileUpload'>;
 export interface FileUploadProps<M extends boolean = false> {
     /**

package/dist/runtime/components/Footer.vue

@@ -0,0 +1,45 @@
+<script>
+import theme from "#build/ui/footer";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { Primitive } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
+import UContainer from "./Container.vue";
+const props = defineProps({
+  as: { type: null, required: false, default: "footer" },
+  class: { type: null, required: false },
+  ui: { type: null, required: false }
+});
+const slots = defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.footer || {} })());
+</script>
+
+<template>
+  <Primitive :as="as" :class="ui.root({ class: [props.ui?.root, props.class] })">
+    <div v-if="!!slots.top" :class="ui.top({ class: props.ui?.top })">
+      <slot name="top" />
+    </div>
+
+    <UContainer :class="ui.container({ class: props.ui?.container })">
+      <div :class="ui.right({ class: props.ui?.right })">
+        <slot name="right" />
+      </div>
+
+      <div :class="ui.center({ class: props.ui?.center })">
+        <slot />
+      </div>
+
+      <div :class="ui.left({ class: props.ui?.left })">
+        <slot name="left" />
+      </div>
+    </UContainer>
+
+    <div v-if="!!slots.bottom" :class="ui.bottom({ class: props.ui?.bottom })">
+      <slot name="bottom" />
+    </div>
+  </Primitive>
+</template>

package/dist/runtime/components/Footer.vue.d.ts

@@ -0,0 +1,29 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { ComponentConfig } from '../types/tv';
+import theme from '#build/ui/footer';
+type Footer = ComponentConfig<typeof theme, AppConfig, 'footer'>;
+export interface FooterProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'footer'
+     */
+    as?: any;
+    class?: any;
+    ui?: Footer['slots'];
+}
+export interface FooterSlots {
+    left(props?: {}): any;
+    default(props?: {}): any;
+    right(props?: {}): any;
+    top(props?: {}): any;
+    bottom(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<FooterProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FooterProps> & Readonly<{}>, {
+    as: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, FooterSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/FooterColumns.vue

@@ -0,0 +1,71 @@
+<script>
+import theme from "#build/ui/footer-columns";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { Primitive } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { pickLinkProps } from "../utils/link";
+import { tv } from "../utils/tv";
+import ULink from "./Link.vue";
+import ULinkBase from "./LinkBase.vue";
+import UIcon from "./Icon.vue";
+const props = defineProps({
+  as: { type: null, required: false, default: "nav" },
+  class: { type: null, required: false },
+  columns: { type: Array, required: false },
+  ui: { type: null, required: false }
+});
+const slots = defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.footerColumns || {} })());
+</script>
+
+<template>
+  <Primitive :as="as" :class="ui.root({ class: [props.ui?.root, props.class] })">
+    <div v-if="!!slots.left" :class="ui.left({ class: props.ui?.left })">
+      <slot name="left" />
+    </div>
+
+    <div v-if="!!slots.default || columns?.length" :class="ui.center({ class: props.ui?.center })">
+      <slot>
+        <div v-for="(column, index) in columns" :key="index">
+          <h3 :class="ui.label({ class: props.ui?.label })">
+            <slot name="column-label" :column="column">
+              {{ column.label }}
+            </slot>
+          </h3>
+
+          <ul :class="ui.list({ class: props.ui?.list })">
+            <li v-for="(link, linkIndex) in column.children" :key="linkIndex" :class="ui.item({ class: [props.ui?.item, link.ui?.item] })">
+              <ULink v-slot="{ active, ...slotProps }" v-bind="pickLinkProps(link)" custom>
+                <ULinkBase v-bind="slotProps" :class="ui.link({ class: [props.ui?.link, link.ui?.link, link.class], active })">
+                  <slot name="link" :link="link" :active="active">
+                    <slot name="link-leading" :link="link" :active="active">
+                      <UIcon v-if="link.icon" :name="link.icon" :class="ui.linkLeadingIcon({ class: [props.ui?.linkLeadingIcon, link.ui?.linkLeadingIcon], active })" />
+                    </slot>
+
+                    <span v-if="link.label || !!slots['link-label']" :class="ui.linkLabel({ class: [props.ui?.linkLabel, link.ui?.linkLabel], active })">
+                      <slot name="link-label" :link="link" :active="active">
+                        {{ link.label }}
+                      </slot>
+
+                      <UIcon v-if="link.target === '_blank'" :name="appConfig.ui.icons.external" :class="ui.linkLabelExternalIcon({ class: [props.ui?.linkLabelExternalIcon, link.ui?.linkLabelExternalIcon], active })" />
+                    </span>
+
+                    <slot name="link-trailing" :link="link" :active="active" />
+                  </slot>
+                </ULinkBase>
+              </ULink>
+            </li>
+          </ul>
+        </div>
+      </slot>
+    </div>
+
+    <div v-if="!!slots.right" :class="ui.right({ class: props.ui?.right })">
+      <slot name="right" />
+    </div>
+  </Primitive>
+</template>

package/dist/runtime/components/FooterColumns.vue.d.ts

@@ -0,0 +1,57 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/footer-columns';
+import type { LinkProps } from '../types';
+import type { ComponentConfig } from '../types/tv';
+type FooterColumns = ComponentConfig<typeof theme, AppConfig, 'footerColumns'>;
+export interface FooterColumnLink extends Omit<LinkProps, 'custom'> {
+    label: string;
+    /**
+     * @IconifyIcon
+     */
+    icon?: string;
+    class?: any;
+    ui?: Pick<FooterColumns['slots'], 'item' | 'link' | 'linkLabel' | 'linkLabelExternalIcon' | 'linkLeadingIcon'>;
+}
+export interface FooterColumn<T extends FooterColumnLink = FooterColumnLink> {
+    label: string;
+    children?: T[];
+}
+export interface FooterColumnsProps<T extends FooterColumnLink = FooterColumnLink> {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    class?: any;
+    columns?: FooterColumn<T>[];
+    ui?: FooterColumns['slots'];
+}
+type SlotProps<T> = (props: {
+    link: T;
+    active: boolean;
+}) => any;
+export interface FooterColumnsSlots<T extends FooterColumnLink = FooterColumnLink> {
+    'left'(props?: {}): any;
+    'default'(props?: {}): any;
+    'right'(props?: {}): any;
+    'column-label'?: (props: {
+        column: FooterColumn<T>;
+    }) => any;
+    'link': SlotProps<T>;
+    'link-leading': SlotProps<T>;
+    'link-label': SlotProps<T>;
+    'link-trailing': SlotProps<T>;
+}
+declare const _default: <T extends FooterColumnLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & FooterColumnsProps<T> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: FooterColumnsSlots<T>;
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/FormField.vue.d.ts

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/form-field';
-import type { ComponentConfig } from '../types/utils';
+import type { ComponentConfig } from '../types/tv';
 type FormField = ComponentConfig<typeof theme, AppConfig, 'formField'>;
 export interface FormFieldProps {
     /**