@nuxt/ui 3.3.3 → 4.0.0-alpha.1

package/dist/unplugin.d.mts

@@ -9,8 +9,11 @@ import '@nuxt/schema';
 import '../dist/runtime/types/index.js';
 
 declare const _default: {
+    arrowDown: string;
     arrowLeft: string;
     arrowRight: string;
+    arrowUp: string;
+    caution: string;
     check: string;
     chevronDoubleLeft: string;
     chevronDoubleRight: string;
@@ -19,16 +22,34 @@ declare const _default: {
     chevronRight: string;
     chevronUp: string;
     close: string;
+    copy: string;
+    copyCheck: string;
+    dark: string;
     ellipsis: string;
+    error: string;
     external: string;
+    eye: string;
+    eyeOff: string;
     file: string;
     folder: string;
     folderOpen: string;
+    hash: string;
+    info: string;
+    light: string;
     loading: string;
+    menu: string;
     minus: string;
+    panelClose: string;
+    panelOpen: string;
     plus: string;
+    reload: string;
     search: string;
+    stop: string;
+    success: string;
+    system: string;
+    tip: string;
     upload: string;
+    warning: string;
 };
 
 type NeutralColor = 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone';

package/dist/unplugin.mjs

@@ -3,17 +3,17 @@ 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.BTUFJHYJ.mjs';
-import { globSync } from 'tinyglobby';
-import { genSafeVariableName } from 'knitwork';
+import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultUiConfig } from './shared/ui.BEZXPd3d.mjs';
 import MagicString from 'magic-string';
+import { genSafeVariableName } from 'knitwork';
 import { resolvePathSync } from 'mlly';
+import { globSync } from 'tinyglobby';
 import AutoImportComponents from 'unplugin-vue-components';
 import AutoImport from 'unplugin-auto-import';
 import '../dist/runtime/utils/index.js';
 import 'scule';
-import '@nuxt/kit';
 import 'tailwindcss/colors';
+import '@nuxt/kit';
 
 function TemplatePlugin(options, appConfig) {
   const templates = getTemplates(options, appConfig.ui);
@@ -86,7 +86,7 @@ ${plugins.map((p) => `    app.use(${genSafeVariableName(p)})`).join("\n")}
   };
 }
 
-function AppConfigPlugin(options, appConfig) {
+function AppConfigPlugin(_options, appConfig) {
   return {
     name: "nuxt:ui:app-config",
     enforce: "pre",
@@ -118,11 +118,30 @@ function AppConfigPlugin(options, appConfig) {
 }
 
 function ComponentImportPlugin(options, meta) {
-  const components = globSync("**/*.vue", { cwd: join(runtimeDir, "components") });
-  const componentNames = new Set(components.map((c) => `${options.prefix}${c.replace(/\.vue$/, "")}`));
-  const overrides = globSync("**/*.vue", { cwd: join(runtimeDir, "vue/components") });
-  const overrideNames = new Set(overrides.map((c) => `${options.prefix}${c.replace(/\.vue$/, "")}`));
-  const inertiaOverrides = globSync("**/*.vue", { cwd: join(runtimeDir, "inertia/components") });
+  const components = globSync("**/*.vue", {
+    cwd: join(runtimeDir, "components"),
+    ignore: [
+      !options.colorMode && "color-mode/**/*.vue",
+      "content/*.vue",
+      "prose/**/*.vue"
+    ].filter(Boolean)
+  });
+  const componentNames = new Set(components.map((c) => `${options.prefix}${c.split("/").pop()?.replace(/\.vue$/, "")}`));
+  const overrides = globSync("**/*.vue", {
+    cwd: join(runtimeDir, "vue/components"),
+    ignore: [
+      !options.colorMode && "color-mode/**/*.vue"
+    ].filter(Boolean)
+  });
+  const overrideNames = new Set(overrides.map((c) => `${options.prefix}${c.split("/").pop()?.replace(/\.vue$/, "")}`));
+  const overridePaths = new Map(overrides.map((c) => {
+    const name = c.replace(/\.vue$/, "");
+    const componentName = `${options.prefix}${name.split("/").pop()}`;
+    return [componentName, c];
+  }));
+  const inertiaOverrides = globSync("**/*.vue", {
+    cwd: join(runtimeDir, "inertia/components")
+  });
   const inertiaOverrideNames = new Set(inertiaOverrides.map((c) => `${options.prefix}${c.replace(/\.vue$/, "")}`));
   const pluginOptions = defu(options.components, {
     dts: options.dts ?? true,
@@ -136,8 +155,10 @@ function ComponentImportPlugin(options, meta) {
         if (options.inertia && inertiaOverrideNames.has(componentName)) {
           return { name: "default", from: join(runtimeDir, "inertia/components", `${componentName.slice(options.prefix.length)}.vue`) };
         }
-        if (overrideNames.has(componentName))
-          return { name: "default", from: join(runtimeDir, "vue/components", `${componentName.slice(options.prefix.length)}.vue`) };
+        if (overrideNames.has(componentName)) {
+          const relativePath = overridePaths.get(componentName);
+          return { name: "default", from: join(runtimeDir, "vue/components", relativePath) };
+        }
         if (componentNames.has(componentName))
           return { name: "default", from: join(runtimeDir, "components", `${componentName.slice(options.prefix.length)}.vue`) };
       }
@@ -152,13 +173,10 @@ function ComponentImportPlugin(options, meta) {
       name: "nuxt:ui:components",
       enforce: "pre",
       resolveId(id, importer) {
-        if (!importer) {
-          return;
-        }
-        if (!normalize(importer).includes(runtimeDir) && (!options.extraRuntimeDir || !normalize(importer).includes(options.extraRuntimeDir))) {
+        if (!importer || !normalize(importer).includes(runtimeDir)) {
           return;
         }
-        if (!RELATIVE_IMPORT_RE.test(id) && !id.startsWith("@nuxt/ui/components/")) {
+        if (!RELATIVE_IMPORT_RE.test(id)) {
           return;
         }
         const filename = id.match(/([^/]+)\.vue$/)?.[1];
@@ -166,7 +184,8 @@ function ComponentImportPlugin(options, meta) {
           return join(runtimeDir, "inertia/components", `${filename}.vue`);
         }
         if (filename && overrideNames.has(`${options.prefix}${filename}`)) {
-          return join(runtimeDir, "vue/components", `${filename}.vue`);
+          const relativePath = overridePaths.get(`${options.prefix}${filename}`);
+          return join(runtimeDir, "vue/components", relativePath);
         }
       }
     },

package/dist/vite.mjs

@@ -4,15 +4,15 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/ui.BTUFJHYJ.mjs';
+import './shared/ui.BEZXPd3d.mjs';
 import '../dist/runtime/utils/index.js';
 import 'scule';
-import '@nuxt/kit';
-import 'tailwindcss/colors';
 import 'knitwork';
-import 'tinyglobby';
+import 'tailwindcss/colors';
+import '@nuxt/kit';
 import 'magic-string';
 import 'mlly';
+import 'tinyglobby';
 import 'unplugin-vue-components';
 import 'unplugin-auto-import';
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/ui",
   "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
-  "version": "3.3.3",
+  "version": "4.0.0-alpha.1",
   "packageManager": "pnpm@10.15.0",
   "repository": {
     "type": "git",
@@ -96,26 +96,27 @@
   "scripts": {
     "build": "nuxt-module-build build",
     "prepack": "pnpm build",
-    "dev": "nuxt dev playground --uiDev",
-    "dev:build": "nuxt build playground",
-    "dev:vue": "pnpm --filter playground-vue dev -- --uiDev",
-    "dev:vue:build": "pnpm --filter playground-vue build",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playground && nuxt prepare docs && pnpm dev:vue:build",
+    "dev": "nuxt dev playgrounds/nuxt --uiDev",
+    "dev:build": "nuxt build playgrounds/nuxt",
+    "dev:vue": "pnpm --filter './playgrounds/vue' dev -- --uiDev",
+    "dev:vue:build": "pnpm --filter './playgrounds/vue' build",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playgrounds/nuxt && nuxt prepare docs && pnpm dev:vue:build",
     "docs": "nuxt dev docs --uiDev",
     "docs:build": "nuxt build docs",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
-    "typecheck": "vue-tsc --noEmit && nuxt typecheck playground && nuxt typecheck docs && cd playground-vue && vue-tsc --noEmit",
+    "typecheck": "vue-tsc --noEmit && nuxt typecheck playgrounds/nuxt && nuxt typecheck docs && cd playgrounds/vue && vue-tsc --noEmit",
     "test": "vitest",
     "test:vue": "vitest -c vitest.vue.config.ts",
-    "release": "release-it"
+    "release": "release-it --preRelease=alpha"
   },
   "dependencies": {
+    "@ai-sdk/vue": "^2.0.29",
     "@iconify/vue": "^5.0.0",
     "@internationalized/date": "^3.9.0",
     "@internationalized/number": "^3.6.5",
     "@nuxt/fonts": "^0.11.4",
-    "@nuxt/icon": "^1.15.0",
+    "@nuxt/icon": "^2.0.0",
     "@nuxt/kit": "^4.0.3",
     "@nuxt/schema": "^4.0.3",
     "@nuxtjs/color-mode": "^3.5.2",
@@ -141,6 +142,7 @@
     "knitwork": "^1.2.0",
     "magic-string": "^0.30.18",
     "mlly": "^1.8.0",
+    "motion-v": "^1.7.0",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",
     "reka-ui": "2.5.0",
@@ -150,12 +152,13 @@
     "tailwindcss": "^4.1.12",
     "tinyglobby": "^0.2.14",
     "unplugin": "^2.3.10",
-    "unplugin-auto-import": "^19.3.0",
-    "unplugin-vue-components": "^28.8.0",
+    "unplugin-auto-import": "^20.0.0",
+    "unplugin-vue-components": "^29.0.0",
     "vaul-vue": "0.4.1",
     "vue-component-type-helpers": "^3.0.6"
   },
   "devDependencies": {
+    "@nuxt/content": "^3.6.3",
     "@nuxt/eslint-config": "^1.9.0",
     "@nuxt/module-builder": "^1.0.1",
     "@nuxt/test-utils": "^3.19.2",

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

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

package/dist/runtime/composables/useButtonGroup.js

@@ -1,9 +0,0 @@
-import { inject, computed } from "vue";
-export const buttonGroupInjectionKey = Symbol("nuxt-ui.button-group");
-export function useButtonGroup(props) {
-  const buttonGroup = inject(buttonGroupInjectionKey, void 0);
-  return {
-    orientation: computed(() => buttonGroup?.value.orientation),
-    size: computed(() => props?.size ?? buttonGroup?.value.size)
-  };
-}