@nuxt/ui 4.7.0 → 4.7.1

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/ui",
-  "version": "4.7.0",
+  "version": "4.7.1",
   "docs": "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
   "configKey": "ui",
   "compatibility": {

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addPlugin, hasNuxtModule, addComponentsDir, addImportsDir, addImports } from '@nuxt/kit';
-import { d as defaultOptions, r as resolveColors, a as getDefaultConfig, p as publicComposables, b as addTemplates } from './shared/ui.BIQuJqNV.mjs';
+import { d as defaultOptions, r as resolveColors, a as getDefaultConfig, p as publicComposables, b as addTemplates } from './shared/ui.C6mn7iap.mjs';
 import '../dist/runtime/utils/index.js';
 import 'node:url';
 import 'scule';
@@ -11,7 +11,7 @@ import 'pathe';
 import 'tinyglobby';
 
 const name = "@nuxt/ui";
-const version = "4.7.0";
+const version = "4.7.1";
 
 const module$1 = defineNuxtModule({
   meta: {

package/dist/runtime/components/Button.vue

@@ -47,6 +47,7 @@ const props = defineProps({
   exactQuery: { type: [Boolean, String], required: false },
   exactHash: { type: Boolean, required: false },
   inactiveClass: { type: String, required: false },
+  locale: { type: [Boolean, String], required: false },
   to: { type: null, required: false },
   href: { type: null, required: false },
   external: { type: Boolean, required: false },

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

@@ -11,7 +11,7 @@ export interface FormFieldProps {
     as?: any;
     /** The name of the FormField. Also used to match form errors. */
     name?: string;
-    /** A regular expression to match form error names. */
+    /** A regular expression to match form error names. Useful for components with array values such as InputTags, where errors include array indices in their name (e.g. `tags.0`). */
     errorPattern?: RegExp;
     label?: string;
     description?: string;

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

@@ -11,7 +11,7 @@ export interface FormFieldProps {
     as?: any;
     /** The name of the FormField. Also used to match form errors. */
     name?: string;
-    /** A regular expression to match form error names. */
+    /** A regular expression to match form error names. Useful for components with array values such as InputTags, where errors include array indices in their name (e.g. `tags.0`). */
     errorPattern?: RegExp;
     label?: string;
     description?: string;

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

@@ -76,13 +76,22 @@ export interface LinkProps extends NuxtLinkProps, /** @vue-ignore */ Omit<Button
     custom?: boolean;
     /** When `true`, only styles from `class`, `activeClass`, and `inactiveClass` will be applied. */
     raw?: boolean;
+    /**
+     * Control i18n auto-localization when `@nuxtjs/i18n` is installed.
+     * - `undefined` / `true` (default): auto-localizes to the current locale using `$localePath`.
+     *   Paths already carrying a locale prefix (from e.g. `switchLocalePath()`) are detected
+     *   and left untouched to prevent double-prefixing.
+     * - `false`: explicitly disables auto-localization.
+     * - `string`: localizes to a specific locale (e.g. `'fr'`).
+     */
+    locale?: boolean | string;
     class?: any;
 }
 /**
  * Link-related props that can be omitted from ButtonProps when link functionality is not needed.
  * Use this with `Omit<ButtonProps, LinkPropsKeys>` in components where buttons should not act as links.
  */
-export type LinkPropsKeys = 'to' | 'href' | 'target' | 'rel' | 'noRel' | 'external' | 'prefetch' | 'prefetchOn' | 'prefetchedClass' | 'noPrefetch' | 'trailingSlash' | 'replace' | 'ariaCurrentValue' | 'active' | 'activeClass' | 'exact' | 'exactQuery' | 'exactHash' | 'inactiveClass' | 'download' | 'ping' | 'referrerpolicy' | 'hreflang' | 'media';
+export type LinkPropsKeys = 'to' | 'href' | 'target' | 'rel' | 'noRel' | 'external' | 'prefetch' | 'prefetchOn' | 'prefetchedClass' | 'noPrefetch' | 'trailingSlash' | 'replace' | 'ariaCurrentValue' | 'active' | 'activeClass' | 'exact' | 'exactQuery' | 'exactHash' | 'inactiveClass' | 'locale' | 'download' | 'ping' | 'referrerpolicy' | 'hreflang' | 'media';
 export interface LinkSlots {
     default?(props: {
         active: boolean;

package/dist/runtime/components/Link.vue

@@ -26,6 +26,7 @@ const props = defineProps({
   inactiveClass: { type: String, required: false },
   custom: { type: Boolean, required: false },
   raw: { type: Boolean, required: false },
+  locale: { type: [Boolean, String], required: false },
   class: { type: null, required: false },
   to: { type: null, required: false },
   href: { type: null, required: false },
@@ -48,7 +49,7 @@ defineSlots();
 const route = useRoute();
 const appConfig = useAppConfig();
 const nuxtApp = useNuxtApp();
-const nuxtLinkProps = useForwardProps(reactiveOmit(props, "as", "type", "disabled", "active", "exact", "exactQuery", "exactHash", "activeClass", "inactiveClass", "to", "href", "raw", "custom", "class"));
+const nuxtLinkProps = useForwardProps(reactiveOmit(props, "as", "type", "disabled", "active", "exact", "exactQuery", "exactHash", "activeClass", "inactiveClass", "to", "href", "raw", "custom", "locale", "class"));
 const ui = computed(() => tv({
   extend: tv(theme),
   ...defu({
@@ -67,11 +68,19 @@ const to = computed(() => {
   if (props.external || hasProtocol(path, { acceptRelative: true })) {
     return path;
   }
+  if (props.locale === false) {
+    return path;
+  }
   const localePath = nuxtApp.$localePath;
-  if (localePath) {
-    return localePath(path);
+  if (!localePath) {
+    return path;
+  }
+  const i18n = nuxtApp.$i18n;
+  const codes = i18n?.localeCodes?.value;
+  if (codes?.length && new RegExp(`^/(${codes.join("|")})($|[/?#])`).test(path)) {
+    return path;
   }
-  return path;
+  return localePath(path, typeof props.locale === "string" ? props.locale : void 0);
 });
 const isInternalLink = computed(() => {
   if (!to.value) return false;

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

@@ -76,13 +76,22 @@ export interface LinkProps extends NuxtLinkProps, /** @vue-ignore */ Omit<Button
     custom?: boolean;
     /** When `true`, only styles from `class`, `activeClass`, and `inactiveClass` will be applied. */
     raw?: boolean;
+    /**
+     * Control i18n auto-localization when `@nuxtjs/i18n` is installed.
+     * - `undefined` / `true` (default): auto-localizes to the current locale using `$localePath`.
+     *   Paths already carrying a locale prefix (from e.g. `switchLocalePath()`) are detected
+     *   and left untouched to prevent double-prefixing.
+     * - `false`: explicitly disables auto-localization.
+     * - `string`: localizes to a specific locale (e.g. `'fr'`).
+     */
+    locale?: boolean | string;
     class?: any;
 }
 /**
  * Link-related props that can be omitted from ButtonProps when link functionality is not needed.
  * Use this with `Omit<ButtonProps, LinkPropsKeys>` in components where buttons should not act as links.
  */
-export type LinkPropsKeys = 'to' | 'href' | 'target' | 'rel' | 'noRel' | 'external' | 'prefetch' | 'prefetchOn' | 'prefetchedClass' | 'noPrefetch' | 'trailingSlash' | 'replace' | 'ariaCurrentValue' | 'active' | 'activeClass' | 'exact' | 'exactQuery' | 'exactHash' | 'inactiveClass' | 'download' | 'ping' | 'referrerpolicy' | 'hreflang' | 'media';
+export type LinkPropsKeys = 'to' | 'href' | 'target' | 'rel' | 'noRel' | 'external' | 'prefetch' | 'prefetchOn' | 'prefetchedClass' | 'noPrefetch' | 'trailingSlash' | 'replace' | 'ariaCurrentValue' | 'active' | 'activeClass' | 'exact' | 'exactQuery' | 'exactHash' | 'inactiveClass' | 'locale' | 'download' | 'ping' | 'referrerpolicy' | 'hreflang' | 'media';
 export interface LinkSlots {
     default?(props: {
         active: boolean;

package/dist/runtime/components/prose/Img.vue

@@ -38,6 +38,11 @@ if (props.zoom) {
   useEventListener(window, "scroll", () => {
     open.value = false;
   });
+  useEventListener(window, "keydown", (e) => {
+    if (e.key === "Escape" && open.value) {
+      open.value = false;
+    }
+  });
 }
 </script>
 

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

@@ -1,5 +1,5 @@
 import type { LinkProps } from '../types';
-export declare const linkKeys: readonly ["active", "activeClass", "ariaCurrentValue", "as", "disabled", "download", "exact", "exactActiveClass", "exactHash", "exactQuery", "external", "form", "formaction", "formenctype", "formmethod", "formnovalidate", "formtarget", "href", "hreflang", "inactiveClass", "media", "noPrefetch", "noRel", "onClick", "ping", "prefetch", "prefetchOn", "prefetchedClass", "referrerpolicy", "rel", "replace", "target", "title", "to", "trailingSlash", "type", "viewTransition"];
+export declare const linkKeys: readonly ["active", "activeClass", "ariaCurrentValue", "as", "disabled", "download", "exact", "exactActiveClass", "exactHash", "exactQuery", "external", "form", "formaction", "formenctype", "formmethod", "formnovalidate", "formtarget", "href", "hreflang", "inactiveClass", "locale", "media", "noPrefetch", "noRel", "onClick", "ping", "prefetch", "prefetchOn", "prefetchedClass", "referrerpolicy", "rel", "replace", "target", "title", "to", "trailingSlash", "type", "viewTransition"];
 export declare function pickLinkProps(link: LinkProps & {
     [key: string]: any;
 }): import("@vueuse/shared").ReactivePickReturn<LinkProps & {

package/dist/runtime/utils/link.js

@@ -21,6 +21,7 @@ export const linkKeys = [
   "href",
   "hreflang",
   "inactiveClass",
+  "locale",
   "media",
   "noPrefetch",
   "noRel",

package/dist/shared/{ui.BIQuJqNV.mjs → ui.C6mn7iap.mjs}

@@ -1242,7 +1242,7 @@ const chatMessage = (options) => ({
     leadingAvatarSize: "",
     files: "flex items-center gap-1.5 mb-1.5",
     content: "relative text-pretty min-w-0 *:first:mt-0 *:last:mb-0",
-    actions: ["opacity-0 group-hover/message:opacity-100 absolute bottom-0 flex items-center", options.theme.transitions && "transition-opacity"]
+    actions: ["[@media(hover:hover)]:opacity-0 group-hover/message:opacity-100 absolute bottom-0 flex items-center", options.theme.transitions && "transition-opacity"]
   },
   variants: {
     variant: {
@@ -2237,7 +2237,7 @@ const drawer = (options) => ({
         handle: "mb-4"
       },
       right: {
-        content: "flex-row",
+        content: "flex-row rtl:flex-row-reverse",
         handle: "!ml-4"
       },
       bottom: {
@@ -2245,7 +2245,7 @@ const drawer = (options) => ({
         handle: "mt-4"
       },
       left: {
-        content: "flex-row-reverse",
+        content: "flex-row-reverse rtl:flex-row",
         handle: "!mr-4"
       }
     },
@@ -7480,11 +7480,11 @@ const pre = {
 
 const prompt = {
   slots: {
-    root: "relative flex items-center gap-2 border border-muted bg-muted rounded-md px-4 py-3 my-5 last:mb-0",
+    root: "relative flex flex-wrap items-center gap-2 border border-muted bg-muted rounded-md px-4 py-3 my-5 last:mb-0",
     icon: "size-4 shrink-0 text-highlighted",
-    content: "flex-1 min-w-0",
+    content: "min-w-0",
     description: "text-sm/6 text-default font-medium",
-    actions: "flex items-center shrink-0 gap-1.5"
+    actions: "flex flex-wrap items-center gap-1.5 ms-auto"
   }
 };
 

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, p as publicComposables, d as defaultOptions, r as resolveColors, a as getDefaultConfig } from './shared/ui.BIQuJqNV.mjs';
+import { g as getTemplates, p as publicComposables, d as defaultOptions, r as resolveColors, a as getDefaultConfig } from './shared/ui.C6mn7iap.mjs';
 import fs from 'node:fs';
 import path from 'node:path';
 import MagicString from 'magic-string';

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/ui.BIQuJqNV.mjs';
+import './shared/ui.C6mn7iap.mjs';
 import '../dist/runtime/utils/index.js';
 import 'scule';
 import 'knitwork';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nuxt/ui",
   "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
-  "version": "4.7.0",
-  "packageManager": "pnpm@10.33.1",
+  "version": "4.7.1",
+  "packageManager": "pnpm@10.33.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
@@ -200,7 +200,7 @@
     "@release-it/conventional-changelog": "^10.0.6",
     "@tanstack/table-core": "^8.21.3",
     "@vitejs/plugin-vue": "^6.0.5",
-    "@vue/test-utils": "^2.4.6",
+    "@vue/test-utils": "^2.4.8",
     "ai": "^6.0.168",
     "embla-carousel": "^8.6.0",
     "eslint": "^10.2.1",