@nuxt/ui 3.0.0-beta.3 → 3.0.0

package/README.md

@@ -14,7 +14,7 @@
 We're thrilled to introduce Nuxt UI v3, a significant upgrade to our UI library that delivers extensive improvements and robust new capabilities. This major update harnesses the combined strengths of [Reka UI](https://reka-ui.com/), [Tailwind CSS v4](https://tailwindcss.com/), and [Tailwind Variants](https://www.tailwind-variants.org/) to offer developers an unparalleled set of tools for creating sophisticated, accessible, and highly performant user interfaces.
 
 > [!NOTE]
-> You are on the `v3` development branch, check out the [dev branch](https://github.com/nuxt/ui/tree/dev) for Nuxt UI v2.
+> You are on the `v3` development branch, check out the [v2 branch](https://github.com/nuxt/ui/tree/v2) for Nuxt UI v2.
 
 ## Documentation
 

package/dist/module.cjs

@@ -2,7 +2,7 @@
 
 const defu = require('defu');
 const kit = require('@nuxt/kit');
-const templates = require('./shared/ui.DG2iA__L.cjs');
+const templates = require('./shared/ui.COBs1u5H.cjs');
 require('../dist/runtime/utils/index.js');
 require('node:url');
 require('scule');
@@ -14,7 +14,7 @@ const module$1 = kit.defineNuxtModule({
     name: "ui",
     configKey: "ui",
     compatibility: {
-      nuxt: ">=3.13.1"
+      nuxt: ">=3.16.0"
     },
     docs: "https://ui3.nuxt.dev/getting-started/installation/nuxt"
   },

package/dist/module.json

@@ -2,10 +2,10 @@
   "name": "ui",
   "configKey": "ui",
   "compatibility": {
-    "nuxt": ">=3.13.1"
+    "nuxt": ">=3.16.0"
   },
   "docs": "https://ui3.nuxt.dev/getting-started/installation/nuxt",
-  "version": "3.0.0-beta.3",
+  "version": "3.0.0",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addVitePlugin, addPlugin, addComponentsDir, addImportsDir, hasNuxtModule, installModule } from '@nuxt/kit';
-import { d as defaultOptions, r as resolveColors, a as getDefaultUiConfig, b as addTemplates } from './shared/ui.S-Be5Oao.mjs';
+import { d as defaultOptions, r as resolveColors, a as getDefaultUiConfig, b as addTemplates } from './shared/ui.yjbGE7Dx.mjs';
 import '../dist/runtime/utils/index.js';
 import 'node:url';
 import 'scule';
@@ -11,7 +11,7 @@ const module = defineNuxtModule({
     name: "ui",
     configKey: "ui",
     compatibility: {
-      nuxt: ">=3.13.1"
+      nuxt: ">=3.16.0"
     },
     docs: "https://ui3.nuxt.dev/getting-started/installation/nuxt"
   },

package/dist/runtime/components/App.vue

@@ -1,12 +1,11 @@
 <script lang="ts">
 import type { ConfigProviderProps, TooltipProviderProps } from 'reka-ui'
-import { localeContextInjectionKey } from '../composables/useLocale'
-import type { ToasterProps, Locale } from '../types'
+import type { ToasterProps, Locale, Messages } from '../types'
 
-export interface AppProps extends Omit<ConfigProviderProps, 'useId' | 'dir' | 'locale'> {
+export interface AppProps<T extends Messages = Messages> extends Omit<ConfigProviderProps, 'useId' | 'dir' | 'locale'> {
   tooltip?: TooltipProviderProps
   toaster?: ToasterProps | null
-  locale?: Locale
+  locale?: Locale<T>
 }
 
 export interface AppSlots {
@@ -18,14 +17,15 @@ export default {
 }
 </script>
 
-<script setup lang="ts">
+<script setup lang="ts" generic="T extends Messages = Messages">
 import { toRef, useId, provide } from 'vue'
 import { ConfigProvider, TooltipProvider, useForwardProps } from 'reka-ui'
 import { reactivePick } from '@vueuse/core'
+import { localeContextInjectionKey } from '../composables/useLocale'
 import UToaster from './Toaster.vue'
 import UOverlayProvider from './OverlayProvider.vue'
 
-const props = defineProps<AppProps>()
+const props = defineProps<AppProps<T>>()
 defineSlots<AppSlots>()
 
 const configProviderProps = useForwardProps(reactivePick(props, 'scrollBody'))

package/dist/runtime/components/Button.vue

@@ -60,6 +60,7 @@ import { pickLinkProps } from '../utils/link'
 import UIcon from './Icon.vue'
 import UAvatar from './Avatar.vue'
 import ULink from './Link.vue'
+import ULinkBase from './LinkBase.vue'
 
 const props = withDefaults(defineProps<ButtonProps>(), {
   active: undefined,

package/dist/runtime/components/Form.vue

@@ -29,7 +29,7 @@ export interface FormEmits<T extends object> {
 }
 
 export interface FormSlots {
-  default(props?: {}): any
+  default(props?: { errors: FormError[] }): any
 }
 </script>
 
@@ -69,7 +69,7 @@ onMounted(async () => {
       nestedForms.value.set(event.formId, { validate: event.validate })
     } else if (event.type === 'detach') {
       nestedForms.value.delete(event.formId)
-    } else if (props.validateOn?.includes(event.type)) {
+    } else if (props.validateOn?.includes(event.type) && !loading.value) {
       if (event.type !== 'input') {
         await _validate({ name: event.name, silent: true, nested: false })
       } else if (event.eager || blurredFields.has(event.name)) {
@@ -121,7 +121,7 @@ const blurredFields = new Set<keyof T>()
 function resolveErrorIds(errs: FormError[]): FormErrorWithId[] {
   return errs.map(err => ({
     ...err,
-    id: inputs.value[err.name]?.id
+    id: err?.name ? inputs.value[err.name]?.id : undefined
   }))
 }
 
@@ -159,12 +159,12 @@ async function _validate(opts: { name?: keyof T | (keyof T)[], silent?: boolean,
   if (names) {
     const otherErrors = errors.value.filter(error => !names.some((name) => {
       const pattern = inputs.value?.[name]?.pattern
-      return name === error.name || (pattern && error.name.match(pattern))
+      return name === error.name || (pattern && error.name?.match(pattern))
     }))
 
     const pathErrors = (await getErrors()).filter(error => names.some((name) => {
       const pattern = inputs.value?.[name]?.pattern
-      return name === error.name || (pattern && error.name.match(pattern))
+      return name === error.name || (pattern && error.name?.match(pattern))
     }))
 
     errors.value = otherErrors.concat(pathErrors)
@@ -269,6 +269,6 @@ defineExpose<Form<T>>({
     :class="form({ class: props.class })"
     @submit.prevent="onSubmitWrapper"
   >
-    <slot />
+    <slot :errors="errors" />
   </component>
 </template>

package/dist/runtime/components/FormField.vue

@@ -63,7 +63,7 @@ const ui = computed(() => formField({
 
 const formErrors = inject<Ref<FormError[]> | null>('form-errors', null)
 
-const error = computed(() => props.error || formErrors?.value?.find(error => error.name === props.name || (props.errorPattern && error.name.match(props.errorPattern)))?.message)
+const error = computed(() => props.error || formErrors?.value?.find(error => error.name && (error.name === props.name || (props.errorPattern && error.name.match(props.errorPattern))))?.message)
 
 const id = ref(useId())
 // Copies id's initial value to bind aria-attributes such as aria-describedby.

package/dist/runtime/components/Input.vue

@@ -82,7 +82,7 @@ const props = withDefaults(defineProps<InputProps>(), {
 const emits = defineEmits<InputEmits>()
 const slots = defineSlots<InputSlots>()
 
-const [modelValue, modelModifiers] = defineModel<string | number>()
+const [modelValue, modelModifiers] = defineModel<string | number | null>()
 
 const { emitFormBlur, emitFormInput, emitFormChange, size: formGroupSize, color, id, name, highlight, disabled, emitFormFocus, ariaAttrs } = useFormField<InputProps>(props, { deferInputValidation: true })
 const { orientation, size: buttonGroupSize } = useButtonGroup<InputProps>(props)
@@ -111,15 +111,19 @@ function autoFocus() {
 }
 
 // Custom function to handle the v-model properties
-function updateInput(value: string) {
+function updateInput(value: string | null) {
   if (modelModifiers.trim) {
-    value = value.trim()
+    value = value?.trim() ?? null
   }
 
   if (modelModifiers.number || props.type === 'number') {
     value = looseToNumber(value)
   }
 
+  if (modelModifiers.nullify) {
+    value ||= null
+  }
+
   modelValue.value = value
   emitFormInput()
 }

package/dist/runtime/components/LinkBase.vue

@@ -1,4 +1,6 @@
 <script lang="ts">
+import type { LinkProps } from '../types'
+
 export interface LinkBaseProps {
   as?: string
   type?: string
@@ -6,8 +8,8 @@ export interface LinkBaseProps {
   onClick?: ((e: MouseEvent) => void | Promise<void>) | Array<((e: MouseEvent) => void | Promise<void>)>
   href?: string
   navigate?: (e: MouseEvent) => void
-  rel?: string
-  target?: string
+  target?: LinkProps['target']
+  rel?: LinkProps['rel']
   isExternal?: boolean
 }
 </script>

package/dist/runtime/components/Pagination.vue

@@ -1,7 +1,6 @@
 <script lang="ts">
 import type { PaginationRootProps, PaginationRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
-import type { RouteLocationRaw } from '#vue-router'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/pagination'
 import { tv } from '../utils/tv'
@@ -78,7 +77,7 @@ export interface PaginationProps extends Partial<Pick<PaginationRootProps, 'defa
    * A function to render page controls as links.
    * @param page The page number to navigate to.
    */
-  to?: (page: number) => RouteLocationRaw
+  to?: (page: number) => ButtonProps['to']
   class?: any
   ui?: Partial<typeof pagination.slots>
 }

package/dist/runtime/components/Textarea.vue

@@ -74,7 +74,7 @@ const props = withDefaults(defineProps<TextareaProps>(), {
 defineSlots<TextareaSlots>()
 const emits = defineEmits<TextareaEmits>()
 
-const [modelValue, modelModifiers] = defineModel<string | number>()
+const [modelValue, modelModifiers] = defineModel<string | number | null>()
 
 const { emitFormFocus, emitFormBlur, emitFormInput, emitFormChange, size, color, id, name, highlight, disabled, ariaAttrs } = useFormField<TextareaProps>(props, { deferInputValidation: true })
 
@@ -94,15 +94,19 @@ function autoFocus() {
 }
 
 // Custom function to handle the v-model properties
-function updateInput(value: string) {
+function updateInput(value: string | null) {
   if (modelModifiers.trim) {
-    value = value.trim()
+    value = value?.trim() ?? null
   }
 
   if (modelModifiers.number) {
     value = looseToNumber(value)
   }
 
+  if (modelModifiers.nullify) {
+    value ||= null
+  }
+
   modelValue.value = value
   emitFormInput()
 }

package/dist/runtime/composables/defineLocale.d.ts

@@ -1,9 +1,9 @@
-import type { Locale, Direction, Messages } from '../types/locale';
-interface DefineLocaleOptions {
+import type { Locale, Direction } from '../types/locale';
+interface DefineLocaleOptions<M> {
     name: string;
     code: string;
     dir?: Direction;
-    messages: Messages;
+    messages: M;
 }
-export declare function defineLocale(options: DefineLocaleOptions): Locale;
+export declare function defineLocale<M>(options: DefineLocaleOptions<M>): Locale<M>;
 export {};

package/dist/runtime/composables/useLocale.d.ts

@@ -1,4 +1,4 @@
 import type { InjectionKey, Ref } from 'vue';
-import type { Locale } from '../types/locale';
-export declare const localeContextInjectionKey: InjectionKey<Ref<Locale | undefined>>;
-export declare const useLocale: (localeOverrides?: Ref<Locale | undefined>) => import("../utils/locale").LocaleContext;
+import type { Locale, Messages } from '../types/locale';
+export declare const localeContextInjectionKey: InjectionKey<Ref<Locale<unknown> | undefined>>;
+export declare const useLocale: (localeOverrides?: Ref<Locale<Messages> | undefined>) => import("../utils/locale").LocaleContext<Messages>;

package/dist/runtime/composables/useLocale.js

@@ -1,10 +1,10 @@
-import { computed, inject, ref } from "vue";
+import { computed, inject, toRef } from "vue";
+import { createSharedComposable } from "@vueuse/core";
 import { buildLocaleContext } from "../utils/locale.js";
 import en from "../locale/en.js";
-import { createSharedComposable } from "@vueuse/core";
 export const localeContextInjectionKey = Symbol("nuxt-ui.locale-context");
 const _useLocale = (localeOverrides) => {
-  const locale = localeOverrides || inject(localeContextInjectionKey, ref());
+  const locale = localeOverrides || toRef(inject(localeContextInjectionKey));
   return buildLocaleContext(computed(() => locale.value || en));
 };
 export const useLocale = createSharedComposable(_useLocale);

package/dist/runtime/locale/ar.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/az.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/bn.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/cs.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/da.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/de.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/el.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/en.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/es.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/et.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/fa_ir.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/fi.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/fr.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/he.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/hi.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/hu.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/id.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/index.d.ts

@@ -5,13 +5,15 @@ export { default as cs } from './cs';
 export { default as da } from './da';
 export { default as de } from './de';
 export { default as el } from './el';
-export { default as et } from './et';
 export { default as en } from './en';
 export { default as es } from './es';
+export { default as et } from './et';
 export { default as fa_ir } from './fa_ir';
 export { default as fi } from './fi';
 export { default as fr } from './fr';
+export { default as he } from './he';
 export { default as hi } from './hi';
+export { default as hu } from './hu';
 export { default as id } from './id';
 export { default as it } from './it';
 export { default as ja } from './ja';
@@ -31,4 +33,3 @@ export { default as uk } from './uk';
 export { default as vi } from './vi';
 export { default as zh_cn } from './zh_cn';
 export { default as zh_tw } from './zh_tw';
-export { default as he } from './he';

package/dist/runtime/locale/index.js

@@ -5,13 +5,15 @@ export { default as cs } from "./cs.js";
 export { default as da } from "./da.js";
 export { default as de } from "./de.js";
 export { default as el } from "./el.js";
-export { default as et } from "./et.js";
 export { default as en } from "./en.js";
 export { default as es } from "./es.js";
+export { default as et } from "./et.js";
 export { default as fa_ir } from "./fa_ir.js";
 export { default as fi } from "./fi.js";
 export { default as fr } from "./fr.js";
+export { default as he } from "./he.js";
 export { default as hi } from "./hi.js";
+export { default as hu } from "./hu.js";
 export { default as id } from "./id.js";
 export { default as it } from "./it.js";
 export { default as ja } from "./ja.js";
@@ -31,4 +33,3 @@ export { default as uk } from "./uk.js";
 export { default as vi } from "./vi.js";
 export { default as zh_cn } from "./zh_cn.js";
 export { default as zh_tw } from "./zh_tw.js";
-export { default as he } from "./he.js";

package/dist/runtime/locale/it.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/ja.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/km.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/ko.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/nb_no.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/nl.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/pl.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/pt.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/pt_br.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/ru.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/sk.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/sv.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/th.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/tr.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/uk.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/vi.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/zh_cn.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/locale/zh_tw.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("../types").Locale;
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
 export default _default;

package/dist/runtime/plugins/colors.js

@@ -41,5 +41,7 @@ export default defineNuxtPlugin(() => {
       innerHTML: "document.head.removeChild(document.querySelector('[data-nuxt-ui-colors]'))"
     }];
   }
-  useHead(headData);
+  if (!nuxtApp.isVue) {
+    useHead(headData);
+  }
 });

package/dist/runtime/types/form.d.ts

@@ -27,7 +27,7 @@ export interface Form<T extends object> {
 export type FormSchema<T extends object> = ZodSchema | YupObjectSchema<T> | ValibotSchema | ValibotSchemaAsync | ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any> | JoiSchema<T> | SuperstructSchema<any, any> | StandardSchemaV1;
 export type FormInputEvents = 'input' | 'blur' | 'change' | 'focus';
 export interface FormError<P extends string = string> {
-    name: P;
+    name?: P;
     message: string;
 }
 export interface FormErrorWithId extends FormError {

package/dist/runtime/types/locale.d.ts

@@ -48,9 +48,9 @@ export type Messages = {
     };
 };
 export type Direction = 'ltr' | 'rtl';
-export type Locale = {
+export type Locale<M> = {
     name: string;
     code: string;
     dir: Direction;
-    messages: Messages;
+    messages: M;
 };

package/dist/runtime/utils/locale.d.ts

@@ -3,13 +3,13 @@ import type { Locale, Direction } from '../types/locale';
 import type { MaybeRef } from '@vueuse/core';
 export type TranslatorOption = Record<string, string | number>;
 export type Translator = (path: string, option?: TranslatorOption) => string;
-export type LocaleContext = {
-    locale: Ref<Locale>;
+export type LocaleContext<M> = {
+    locale: Ref<Locale<M>>;
     lang: Ref<string>;
     dir: Ref<Direction>;
     code: Ref<string>;
     t: Translator;
 };
-export declare function buildTranslator(locale: MaybeRef<Locale>): Translator;
-export declare function translate(path: string, option: undefined | TranslatorOption, locale: Locale): string;
-export declare function buildLocaleContext(locale: MaybeRef<Locale>): LocaleContext;
+export declare function buildTranslator<M>(locale: MaybeRef<Locale<M>>): Translator;
+export declare function translate<M>(path: string, option: undefined | TranslatorOption, locale: Locale<M>): string;
+export declare function buildLocaleContext<M>(locale: MaybeRef<Locale<M>>): LocaleContext<M>;

package/dist/runtime/utils/tv.d.ts

@@ -1 +1 @@
-export declare const tv: import("tailwind-variants").CreateTV<boolean | (string | number | symbol)[] | {} | undefined>;
+export declare const tv: import("tailwind-variants").CreateTV;

package/dist/runtime/vue/plugins/head.d.ts

@@ -1,4 +1,4 @@
 declare const _default: {
-    install(): void;
+    install(app: import("vue").App<any>): void;
 };
 export default _default;

package/dist/runtime/vue/plugins/head.js

@@ -1,6 +1,7 @@
-import { createHead, setHeadInjectionHandler } from "@unhead/vue";
+import { createHead } from "@unhead/vue/client";
 export default {
-  install() {
-    setHeadInjectionHandler(() => createHead());
+  install(app) {
+    const head = createHead();
+    app.use(head);
   }
 };

package/dist/runtime/vue/stubs.d.ts

@@ -3,6 +3,7 @@ import type { NuxtApp } from '#app';
 export { useHead } from '@unhead/vue';
 export { useRoute, useRouter } from 'vue-router';
 export { defineShortcuts } from '../composables/defineShortcuts';
+export { defineLocale } from '../composables/defineLocale';
 export { useLocale } from '../composables/useLocale';
 export declare const useColorMode: () => {
     forced: boolean;
@@ -25,6 +26,7 @@ export declare const useCookie: <T = string>(_name: string, _options?: Record<st
 export declare const useState: <T>(key: string, init: () => T) => Ref<T>;
 export declare function useNuxtApp(): {
     isHydrating: boolean;
+    isVue: boolean;
     payload: {
         serverRendered: boolean;
     };

package/dist/runtime/vue/stubs.js

@@ -4,6 +4,7 @@ import { useColorMode as useColorModeVueUse } from "@vueuse/core";
 export { useHead } from "@unhead/vue";
 export { useRoute, useRouter } from "vue-router";
 export { defineShortcuts } from "../composables/defineShortcuts.js";
+export { defineLocale } from "../composables/defineLocale.js";
 export { useLocale } from "../composables/useLocale.js";
 export const useColorMode = () => {
   if (!appConfig.colorMode) {
@@ -52,6 +53,7 @@ export const useState = (key, init) => {
 export function useNuxtApp() {
   return {
     isHydrating: true,
+    isVue: true,
     payload: { serverRendered: false }
   };
 }

package/dist/shared/{ui.DG2iA__L.cjs → ui.COBs1u5H.cjs}

@@ -49,7 +49,7 @@ const defaultOptions = {
   fonts: true,
   colorMode: true,
   theme: {
-    colors: undefined,
+    colors: void 0,
     transitions: true
   }
 };
@@ -2392,7 +2392,7 @@ const radioGroup = (options) => ({
 const select = (options) => {
   return defu.defuFn({
     slots: {
-      root: () => undefined,
+      root: () => void 0,
       base: () => ["relative group rounded-[calc(var(--ui-radius)*1.5)] inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75", options.theme.transitions && "transition-colors"],
       value: "truncate pointer-events-none",
       placeholder: "truncate text-(--ui-text-dimmed)",
@@ -3513,6 +3513,10 @@ type AppConfigUI = {
 
 declare module '@nuxt/schema' {
   interface AppConfigInput {
+    /**
+     * Nuxt UI theme configuration
+     * @see https://ui3.nuxt.dev/getting-started/theme#customize-theme
+     */
     ui?: AppConfigUI
   }
 }

package/dist/shared/{ui.S-Be5Oao.mjs → ui.yjbGE7Dx.mjs}

@@ -43,7 +43,7 @@ const defaultOptions = {
   fonts: true,
   colorMode: true,
   theme: {
-    colors: undefined,
+    colors: void 0,
     transitions: true
   }
 };
@@ -2386,7 +2386,7 @@ const radioGroup = (options) => ({
 const select = (options) => {
   return defuFn({
     slots: {
-      root: () => undefined,
+      root: () => void 0,
       base: () => ["relative group rounded-[calc(var(--ui-radius)*1.5)] inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75", options.theme.transitions && "transition-colors"],
       value: "truncate pointer-events-none",
       placeholder: "truncate text-(--ui-text-dimmed)",
@@ -3507,6 +3507,10 @@ type AppConfigUI = {
 
 declare module '@nuxt/schema' {
   interface AppConfigInput {
+    /**
+     * Nuxt UI theme configuration
+     * @see https://ui3.nuxt.dev/getting-started/theme#customize-theme
+     */
     ui?: AppConfigUI
   }
 }

package/dist/unplugin.cjs

@@ -5,7 +5,7 @@ const pathe = require('pathe');
 const unplugin = require('unplugin');
 const defu = require('defu');
 const tailwind = require('@tailwindcss/vite');
-const templates = require('./shared/ui.DG2iA__L.cjs');
+const templates = require('./shared/ui.COBs1u5H.cjs');
 const tinyglobby = require('tinyglobby');
 const knitwork = require('knitwork');
 const MagicString = require('magic-string');

package/dist/unplugin.mjs

@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultUiConfig } from './shared/ui.S-Be5Oao.mjs';
+import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultUiConfig } from './shared/ui.yjbGE7Dx.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';

package/dist/vite.cjs

@@ -6,7 +6,7 @@ require('pathe');
 require('unplugin');
 require('defu');
 require('@tailwindcss/vite');
-require('./shared/ui.DG2iA__L.cjs');
+require('./shared/ui.COBs1u5H.cjs');
 require('../dist/runtime/utils/index.js');
 require('scule');
 require('@nuxt/kit');

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/ui.S-Be5Oao.mjs';
+import './shared/ui.yjbGE7Dx.mjs';
 import '../dist/runtime/utils/index.js';
 import 'scule';
 import '@nuxt/kit';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nuxt/ui",
   "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
-  "version": "3.0.0-beta.3",
-  "packageManager": "pnpm@10.6.1",
+  "version": "3.0.0",
+  "packageManager": "pnpm@10.6.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
@@ -67,7 +67,7 @@
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare docs && vite build playground-vue",
     "docs": "DEV=true nuxi dev docs",
-    "docs:build": "nuxi build docs",
+    "docs:build": "NODE_OPTIONS='--max-old-space-size=8192' nuxi build docs",
     "docs:prepare": "nuxt-component-meta docs",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
@@ -75,23 +75,23 @@
     "test": "vitest",
     "test:vue": "vitest -c vitest.vue.config.ts",
     "test:vue:build": "vite build playground-vue",
-    "release": "release-it --preRelease=beta --npm.tag=next"
+    "release": "release-it"
   },
   "dependencies": {
     "@iconify/vue": "^4.3.0",
     "@internationalized/date": "^3.7.0",
     "@internationalized/number": "^3.6.0",
-    "@nuxt/fonts": "^0.10.3",
-    "@nuxt/icon": "^1.10.3",
-    "@nuxt/kit": "^3.15.4",
-    "@nuxt/schema": "^3.15.4",
+    "@nuxt/fonts": "^0.11.0",
+    "@nuxt/icon": "^1.11.0",
+    "@nuxt/kit": "^3.16.0",
+    "@nuxt/schema": "^3.16.0",
     "@nuxtjs/color-mode": "^3.5.2",
-    "@tailwindcss/postcss": "^4.0.12",
-    "@tailwindcss/vite": "^4.0.12",
+    "@tailwindcss/postcss": "^4.0.13",
+    "@tailwindcss/vite": "^4.0.13",
     "@tanstack/vue-table": "^8.21.2",
-    "@unhead/vue": "^1.11.20",
-    "@vueuse/core": "^12.8.2",
-    "@vueuse/integrations": "^12.8.2",
+    "@unhead/vue": "^2.0.0-rc.10",
+    "@vueuse/core": "^13.0.0",
+    "@vueuse/integrations": "^13.0.0",
     "colortranslator": "^4.1.0",
     "consola": "^3.4.0",
     "defu": "^6.1.4",
@@ -110,26 +110,28 @@
     "pathe": "^2.0.3",
     "reka-ui": "^2.0.2",
     "scule": "^1.3.0",
-    "tailwind-variants": "^0.3.1",
-    "tailwindcss": "^4.0.12",
+    "tailwind-variants": "^1.0.0",
+    "tailwindcss": "^4.0.13",
     "tinyglobby": "^0.2.12",
     "unplugin": "^2.2.0",
     "unplugin-auto-import": "^19.1.1",
     "unplugin-vue-components": "^28.4.1",
-    "vaul-vue": "^0.3.0"
+    "vaul-vue": "^0.3.0",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^1.1.0",
+    "@nuxt/eslint-config": "^1.2.0",
     "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/test-utils": "^3.17.1",
+    "@nuxt/test-utils": "^3.17.2",
     "@release-it/conventional-changelog": "^10.0.0",
     "@standard-schema/spec": "^1.0.0",
     "@vue/test-utils": "^2.4.6",
     "embla-carousel": "^8.5.2",
-    "eslint": "^9.21.0",
-    "happy-dom": "^17.1.2",
+    "eslint": "^9.22.0",
+    "happy-dom": "^17.4.4",
     "joi": "^17.13.3",
-    "nuxt": "^3.15.4",
+    "nuxt": "^3.16.0",
     "release-it": "^18.1.2",
     "superstruct": "^2.0.2",
     "valibot": "^0.42.1",
@@ -146,12 +148,9 @@
     "@nuxt/ui": "workspace:*",
     "chokidar": "3.6.0",
     "debug": "4.3.7",
-    "happy-dom": "17.1.2",
-    "rollup": "4.32.1",
+    "rollup": "4.34.9",
     "typescript": "5.6.3",
-    "unimport": "3.14.5",
     "unplugin": "^2.2.0",
-    "vue": "3.5.13",
     "vue-tsc": "2.2.0"
   },
   "pnpm": {