@nuxt/ui 3.3.3 → 3.3.4

package/README.md

@@ -14,7 +14,7 @@
 Nuxt UI harnesses the combined strengths of [Reka UI](https://reka-ui.com/), [Tailwind CSS](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 [v2 branch](https://github.com/nuxt/ui/tree/v2) for Nuxt UI v2.
+> You are on the `v3` branch, check out the [v4 branch](https://github.com/nuxt/ui/tree/v4) for Nuxt UI v4 or [v2 branch](https://github.com/nuxt/ui/tree/v2) for Nuxt UI v2.
 
 > [!TIP]
 > **Looking for more components ?**

package/dist/module.json

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

package/dist/module.mjs

@@ -8,7 +8,7 @@ import 'tailwindcss/colors';
 import 'knitwork';
 
 const name = "@nuxt/ui";
-const version = "3.3.3";
+const version = "3.3.4";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/FileUpload.vue

@@ -193,6 +193,7 @@ defineExpose({
       <component
         :is="variant === 'button' ? 'button' : 'div'"
         ref="dropzoneRef"
+        :type="variant === 'button' ? 'button' : void 0"
         :role="variant === 'button' ? void 0 : 'button'"
         :data-dragging="isDragging"
         :class="ui.base({ class: props.ui?.base })"

package/dist/runtime/components/Form.vue

@@ -113,14 +113,16 @@ async function _validate(opts = { silent: false, nested: true, transform: false
     })
   ) : [];
   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);
-    }));
-    const pathErrors = (await getErrors()).filter((error) => names.some((name) => {
-      const pattern = inputs.value?.[name]?.pattern;
-      return name === error.name || pattern && error.name?.match(pattern);
-    }));
+    const namesSet = new Set(names);
+    const patterns = names.map((name) => inputs.value?.[name]?.pattern).filter(Boolean);
+    const isErrorForPath = (error) => {
+      if (!error.name) return false;
+      if (namesSet.has(error.name)) return true;
+      return patterns.some((pattern) => pattern.test(error.name));
+    };
+    const allNewErrors = await getErrors();
+    const otherErrors = errors.value.filter((error) => !isErrorForPath(error));
+    const pathErrors = allNewErrors.filter(isErrorForPath);
     errors.value = otherErrors.concat(pathErrors);
   } else {
     errors.value = await getErrors();

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

@@ -243,7 +243,10 @@ declare const _default: <T extends ArrayOrNested<InputMenuItem>, VK extends GetI
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
-            $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+            $watch<T_1 extends string | ((... /**
+             * When `items` is an array of objects, select the field to use as the label.
+             * @defaultValue 'label'
+             */args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{
             as: import("reka-ui").AsTag | import("vue").Component;
         }> & Omit<Readonly<import("reka-ui").ComboboxInputProps> & Readonly<{
@@ -303,7 +306,10 @@ declare const _default: <T extends ArrayOrNested<InputMenuItem>, VK extends GetI
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
-            $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+            $watch<T_1 extends string | ((... /**
+             * When `items` is an array of objects, select the field to use as the label.
+             * @defaultValue 'label'
+             */args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{
             as: import("reka-ui").AsTag | import("vue").Component;
         }> & Omit<Readonly<import("reka-ui").ComboboxInputProps> & Readonly<{

package/dist/runtime/locale/id.js

@@ -1,6 +1,6 @@
 import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
-  name: "Indonesia",
+  name: "Bahasa Indonesia",
   code: "id",
   messages: {
     inputMenu: {

package/dist/runtime/utils/index.js

@@ -92,13 +92,16 @@ export function isEmpty(value) {
 }
 export function getDisplayValue(items, value, options = {}) {
   const { valueKey, labelKey } = options;
-  if (isEmpty(value)) {
-    return void 0;
-  }
   const foundItem = items.find((item) => {
     const itemValue = typeof item === "object" && item !== null && valueKey ? get(item, valueKey) : item;
     return compare(itemValue, value);
   });
+  if (isEmpty(value) && foundItem) {
+    return labelKey ? get(foundItem, labelKey) : void 0;
+  }
+  if (isEmpty(value)) {
+    return void 0;
+  }
   const source = foundItem ?? value;
   if (source === null || source === void 0) {
     return void 0;

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.3.3",
-  "packageManager": "pnpm@10.15.0",
+  "version": "3.3.4",
+  "packageManager": "pnpm@10.16.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
@@ -120,12 +120,12 @@
     "@nuxt/schema": "^4.0.3",
     "@nuxtjs/color-mode": "^3.5.2",
     "@standard-schema/spec": "^1.0.0",
-    "@tailwindcss/postcss": "^4.1.12",
-    "@tailwindcss/vite": "^4.1.12",
+    "@tailwindcss/postcss": "^4.1.13",
+    "@tailwindcss/vite": "^4.1.13",
     "@tanstack/vue-table": "^8.21.3",
     "@unhead/vue": "^2.0.14",
-    "@vueuse/core": "^13.8.0",
-    "@vueuse/integrations": "^13.8.0",
+    "@vueuse/core": "^13.9.0",
+    "@vueuse/integrations": "^13.9.0",
     "colortranslator": "^5.0.0",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
@@ -139,21 +139,21 @@
     "fuse.js": "^7.1.0",
     "hookable": "^5.5.3",
     "knitwork": "^1.2.0",
-    "magic-string": "^0.30.18",
+    "magic-string": "^0.30.19",
     "mlly": "^1.8.0",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",
     "reka-ui": "2.5.0",
     "scule": "^1.3.0",
     "tailwind-merge": "^3.3.1",
-    "tailwind-variants": "^3.1.0",
-    "tailwindcss": "^4.1.12",
-    "tinyglobby": "^0.2.14",
+    "tailwind-variants": "^3.1.1",
+    "tailwindcss": "^4.1.13",
+    "tinyglobby": "^0.2.15",
     "unplugin": "^2.3.10",
     "unplugin-auto-import": "^19.3.0",
     "unplugin-vue-components": "^28.8.0",
     "vaul-vue": "0.4.1",
-    "vue-component-type-helpers": "^3.0.6"
+    "vue-component-type-helpers": "^3.0.7"
   },
   "devDependencies": {
     "@nuxt/eslint-config": "^1.9.0",
@@ -162,13 +162,13 @@
     "@release-it/conventional-changelog": "^10.0.1",
     "@vue/test-utils": "^2.4.6",
     "embla-carousel": "^8.6.0",
-    "eslint": "^9.34.0",
+    "eslint": "^9.35.0",
     "happy-dom": "^18.0.1",
     "nuxt": "^4.0.3",
     "release-it": "^19.0.4",
     "vitest": "^3.2.4",
     "vitest-environment-nuxt": "^1.0.1",
-    "vue-tsc": "^3.0.6"
+    "vue-tsc": "^3.0.7"
   },
   "peerDependencies": {
     "@inertiajs/vue3": "^2.0.7",
@@ -204,26 +204,14 @@
     }
   },
   "resolutions": {
-    "@nuxt/ui": "workspace:*",
+    "@nuxt/kit": "4.0.3",
     "@nuxt/module-builder": "1.0.1",
+    "@nuxt/ui": "workspace:*",
     "chokidar": "3.6.0",
     "debug": "4.3.7",
+    "typescript": "5.8.3",
     "unimport": "4.1.1",
-    "unplugin": "^2.3.10",
-    "typescript": "5.8.3"
-  },
-  "pnpm": {
-    "onlyBuiltDependencies": [
-      "better-sqlite3",
-      "puppeteer",
-      "sharp"
-    ],
-    "ignoredBuiltDependencies": [
-      "@parcel/watcher",
-      "esbuild",
-      "vue-demi",
-      "workerd"
-    ]
+    "unplugin": "^2.3.10"
   },
   "keywords": [
     "nuxt-ui",