@nuxt/ui 4.7.0 → 4.8.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": "4.7.0",
-  "packageManager": "pnpm@10.33.1",
+  "version": "4.8.0",
+  "packageManager": "pnpm@11.1.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
@@ -91,7 +91,7 @@
     }
   },
   "imports": {
-    "#build/ui.css": "./.nuxt/ui.css"
+    "#build/ui.css": "./.nuxt/ui.static.css"
   },
   "bin": {
     "nuxt-ui": "./cli/index.mjs"
@@ -99,7 +99,7 @@
   "style": "./dist/runtime/index.css",
   "main": "./dist/module.mjs",
   "files": [
-    ".nuxt/ui.css",
+    ".nuxt/ui.static.css",
     "dist",
     "cli",
     "vue-plugin.d.ts"
@@ -128,17 +128,17 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "@iconify/vue": "^5.0.0",
+    "@iconify/vue": "^5.0.1",
     "@internationalized/date": "^3.12.1",
     "@internationalized/number": "^3.6.6",
     "@nuxt/fonts": "^0.14.0",
-    "@nuxt/icon": "^2.2.1",
-    "@nuxt/kit": "^4.4.2",
-    "@nuxt/schema": "^4.4.2",
+    "@nuxt/icon": "^2.2.2",
+    "@nuxt/kit": "^4.4.6",
+    "@nuxt/schema": "^4.4.6",
     "@nuxtjs/color-mode": "^3.5.2",
     "@standard-schema/spec": "^1.1.0",
-    "@tailwindcss/postcss": "^4.2.4",
-    "@tailwindcss/vite": "^4.2.4",
+    "@tailwindcss/postcss": "^4.3.0",
+    "@tailwindcss/vite": "^4.3.0",
     "@tanstack/vue-table": "^8.21.3",
     "@tanstack/vue-virtual": "^3.13.24",
     "@tiptap/core": "^3.22.4",
@@ -158,10 +158,10 @@
     "@tiptap/starter-kit": "^3.22.4",
     "@tiptap/suggestion": "^3.22.4",
     "@tiptap/vue-3": "^3.22.4",
-    "@unhead/vue": "^2.1.13",
-    "@vueuse/core": "^14.2.1",
-    "@vueuse/integrations": "^14.2.1",
-    "@vueuse/shared": "^14.2.1",
+    "@unhead/vue": "^2.1.15",
+    "@vueuse/core": "^14.3.0",
+    "@vueuse/integrations": "^14.3.0",
+    "@vueuse/shared": "^14.3.0",
     "colortranslator": "^5.0.0",
     "consola": "^3.4.2",
     "defu": "^6.1.7",
@@ -180,18 +180,18 @@
     "motion-v": "^2.2.1",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",
-    "reka-ui": "2.9.6",
+    "reka-ui": "2.9.7",
     "scule": "^1.3.0",
-    "tailwind-merge": "^3.5.0",
+    "tailwind-merge": "^3.6.0",
     "tailwind-variants": "^3.2.2",
-    "tailwindcss": "^4.2.4",
+    "tailwindcss": "^4.3.0",
     "tinyglobby": "^0.2.16",
-    "ufo": "^1.6.3",
+    "ufo": "^1.6.4",
     "unplugin": "^3.0.0",
     "unplugin-auto-import": "^21.0.0",
     "unplugin-vue-components": "^32.0.0",
     "vaul-vue": "0.4.1",
-    "vue-component-type-helpers": "^3.2.7"
+    "vue-component-type-helpers": "^3.3.0"
   },
   "devDependencies": {
     "@nuxt/eslint-config": "^1.15.2",
@@ -199,20 +199,20 @@
     "@nuxt/test-utils": "^4.0.2",
     "@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",
-    "ai": "^6.0.168",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vue/test-utils": "^2.4.10",
+    "ai": "^6.0.185",
     "embla-carousel": "^8.6.0",
-    "eslint": "^10.2.1",
+    "eslint": "^10.4.0",
     "happy-dom": "^20.9.0",
-    "nuxt": "^4.4.2",
+    "nuxt": "^4.4.6",
     "release-it": "^19.2.4",
     "unbuild": "^3.6.1",
-    "vitest": "^4.1.5",
+    "vitest": "^4.1.6",
     "vitest-axe": "^0.1.0",
     "vitest-environment-nuxt": "^1.0.1",
-    "vue": "^3.5.30",
-    "vue-tsc": "^3.2.7"
+    "vue": "^3.5.34",
+    "vue-tsc": "^3.3.0"
   },
   "peerDependencies": {
     "@inertiajs/vue3": "^2.0.7 || ^3.0.0",
@@ -260,13 +260,6 @@
       "optional": true
     }
   },
-  "resolutions": {
-    "@nuxt/kit": "^4.4.2",
-    "@nuxt/ui": "workspace:*",
-    "nitropack": "^2.13.0",
-    "unplugin": "^3.0.0",
-    "c12": "^3.3.2"
-  },
   "keywords": [
     "nuxt-ui",
     "nuxt",

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

@@ -1,33 +0,0 @@
-import type { ComputedRef } from 'vue';
-import type { ClassValue } from 'tailwind-variants';
-import type { TVConfig } from '../types/tv';
-import type * as ui from '#build/ui';
-type UIConfig = TVConfig<typeof ui>;
-type ExtractUISlots<C> = C extends {
-    slots?: infer S;
-} ? NonNullable<S> : never;
-type UIConfigSlots<T extends keyof UIConfig> = 'slots' extends keyof NonNullable<UIConfig[T]> ? ExtractUISlots<NonNullable<UIConfig[T]>> : {
-    base?: ClassValue;
-};
-type ThemeSlotOverrides<T> = T extends {
-    slots: infer S extends Record<string, any>;
-} ? {
-    [K in keyof S]?: ClassValue;
-} : {
-    [K in keyof T]?: T[K] extends Record<string, any> ? ThemeSlotOverrides<T[K]> : ClassValue;
-};
-export type ThemeUI = {
-    [K in keyof typeof ui]?: ThemeSlotOverrides<(typeof ui)[K]>;
-};
-export type ThemeRootContext = {
-    ui: ComputedRef<ThemeUI>;
-};
-declare const provideThemeContext: (contextValue: ThemeRootContext) => ThemeRootContext;
-export { provideThemeContext };
-type ComponentUIProps<T extends keyof UIConfig> = {
-    ui?: UIConfigSlots<T>;
-};
-export declare function useComponentUI<T extends keyof UIConfig>(name: T, props: ComponentUIProps<T>): ComputedRef<UIConfigSlots<T>>;
-export declare function useComponentUI(name: string, props: {
-    ui?: any;
-}): ComputedRef<any>;

package/dist/runtime/composables/useComponentUI.js

@@ -1,13 +0,0 @@
-import { computed } from "vue";
-import defu from "defu";
-import { createContext } from "reka-ui";
-import { get } from "../utils/index.js";
-const [injectThemeContext, provideThemeContext] = createContext("UTheme", "RootContext");
-export { provideThemeContext };
-export function useComponentUI(name, props) {
-  const { ui } = injectThemeContext({ ui: computed(() => ({})) });
-  return computed(() => {
-    const themeOverrides = get(ui.value, name) || {};
-    return defu(props.ui ?? {}, themeOverrides);
-  });
-}

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

@@ -1,21 +0,0 @@
-import type { ComputedRef, MaybeRefOrGetter } from 'vue';
-/**
- * Resolve variant values that are consumed in template logic (e.g. `<component :is="...">`).
- *
- * `tv()`'s `defaultVariants` only apply when computing classes — they don't affect
- * template conditionals that read the prop directly. This mirrors tv's priority:
- * `props[key]` > `app.config.ts` `defaultVariants[key]` > `theme.defaultVariants[key]`.
- *
- * @example
- * const { variant } = useResolvedVariants('radioGroup', props, theme, ['variant'])
- *
- * // For nested prop paths, override with a getter:
- * const { position } = useResolvedVariants('select', props, theme, ['position'], {
- *   position: () => props.content?.position
- * })
- *
- * Related: #6360
- */
-export declare function useResolvedVariants<K extends string>(name: string, props: Record<string, any>, theme: Record<string, any>, keys: K[], overrides?: Partial<Record<K, MaybeRefOrGetter<any>>>): {
-    [P in K]: ComputedRef<any>;
-};

package/dist/runtime/composables/useResolvedVariants.js

@@ -1,14 +0,0 @@
-import { computed, toValue } from "vue";
-import { useAppConfig } from "#imports";
-import { get } from "../utils/index.js";
-export function useResolvedVariants(name, props, theme, keys, overrides) {
-  const appConfig = useAppConfig();
-  const result = {};
-  for (const key of keys) {
-    result[key] = computed(() => {
-      const value = overrides?.[key] !== void 0 ? toValue(overrides[key]) : get(props, key);
-      return value ?? appConfig.ui?.[name]?.defaultVariants?.[key] ?? theme.defaultVariants?.[key];
-    });
-  }
-  return result;
-}