@nuxt/ui 3.0.0-alpha.0 → 3.0.0-alpha.10

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@nuxt/ui",
-  "version": "3.0.0-alpha.0",
-  "packageManager": "pnpm@9.9.0",
+  "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
+  "version": "3.0.0-alpha.10",
+  "packageManager": "pnpm@9.15.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
@@ -13,75 +14,140 @@
     ".": {
       "types": "./dist/module.d.ts",
       "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
+      "require": "./dist/module.cjs",
+      "style": "./dist/runtime/index.css"
     },
-    "./runtime/*": "./dist/runtime/*"
+    "./unplugin": {
+      "types": "./dist/unplugin.d.ts",
+      "import": "./dist/unplugin.mjs",
+      "require": "./dist/unplugin.cjs"
+    },
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "import": "./dist/vite.mjs",
+      "require": "./dist/vite.cjs"
+    },
+    "./vue-plugin": {
+      "types": "./vue-plugin.d.ts"
+    },
+    "./runtime/*": "./dist/runtime/*",
+    "./locale": {
+      "types": "./dist/runtime/locale/index.d.ts",
+      "import": "./dist/runtime/locale/index.js"
+    }
+  },
+  "imports": {
+    "#build/ui/*": "./.nuxt/ui/*.ts"
   },
   "bin": {
     "nuxt-ui": "./cli/index.mjs"
   },
+  "style": "./dist/runtime/index.css",
   "main": "./dist/module.cjs",
   "types": "./dist/types.d.ts",
   "files": [
+    ".nuxt/ui",
     "dist",
-    "cli"
+    "cli",
+    "vue-plugin.d.ts"
   ],
-  "engines": {
-    "node": ">=v16.20.2"
-  },
   "scripts": {
-    "build": "nuxt-module-build build",
+    "build": "nuxt-module-build build && pnpm devtools:build",
     "prepack": "pnpm build",
     "dev": "DEV=true nuxi dev playground",
+    "dev:vue": "DEV=true vite playground-vue",
     "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare docs",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare docs && nuxi prepare devtools && vite build playground-vue",
+    "devtools": "NUXT_UI_DEVTOOLS_LOCAL=true nuxi dev playground",
+    "devtools:build": "nuxi generate devtools",
+    "devtools:prepare": "nuxt-component-meta playground --outputDir ../src/devtools/.component-meta/",
     "docs": "DEV=true nuxi dev docs",
     "docs:build": "nuxi build docs",
     "docs:prepare": "nuxt-component-meta docs",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
-    "typecheck": "vue-tsc --noEmit && nuxi typecheck playground && nuxi typecheck docs",
+    "typecheck": "vue-tsc --noEmit && nuxi typecheck playground && nuxi typecheck docs && nuxi typecheck devtools && cd playground-vue && vue-tsc --noEmit",
     "test": "vitest",
-    "release": "release-it"
+    "test:vue": "vitest -c vitest.vue.config.ts",
+    "test:vue:build": "vite build playground-vue",
+    "release": "release-it --preRelease=alpha --npm.tag=next"
   },
   "dependencies": {
-    "@nuxt/icon": "^1.5.1",
-    "@nuxt/kit": "^3.13.1",
-    "@nuxt/schema": "^3.13.1",
-    "@nuxtjs/color-mode": "^3.4.4",
-    "@tailwindcss/postcss": "4.0.0-alpha.22",
-    "@tailwindcss/vite": "4.0.0-alpha.22",
-    "@vueuse/core": "^11.0.3",
-    "@vueuse/integrations": "^11.0.3",
+    "@iconify/vue": "^4.2.0",
+    "@internationalized/date": "^3.6.0",
+    "@internationalized/number": "^3.6.0",
+    "@nuxt/devtools-kit": "^1.6.3",
+    "@nuxt/fonts": "^0.10.3",
+    "@nuxt/icon": "^1.9.1",
+    "@nuxt/kit": "^3.14.1592",
+    "@nuxt/schema": "^3.14.1592",
+    "@nuxtjs/color-mode": "^3.5.2",
+    "@tailwindcss/postcss": "4.0.0-beta.6",
+    "@tailwindcss/vite": "4.0.0-beta.6",
+    "@tanstack/vue-table": "^8.20.5",
+    "@types/color": "^4.2.0",
+    "@unhead/vue": "^1.11.13",
+    "@vueuse/core": "^12.0.0",
+    "@vueuse/integrations": "^12.0.0",
+    "color": "^4.2.3",
+    "consola": "^3.2.3",
     "defu": "^6.1.4",
+    "embla-carousel-auto-height": "^8.5.1",
+    "embla-carousel-auto-scroll": "^8.5.1",
+    "embla-carousel-autoplay": "^8.5.1",
+    "embla-carousel-class-names": "^8.5.1",
+    "embla-carousel-fade": "^8.5.1",
+    "embla-carousel-vue": "^8.5.1",
+    "embla-carousel-wheel-gestures": "^8.0.1",
     "fuse.js": "^7.0.0",
-    "ohash": "^1.1.3",
-    "radix-vue": "^1.9.5",
+    "get-port-please": "^3.1.2",
+    "knitwork": "^1.1.0",
+    "magic-string": "^0.30.14",
+    "mlly": "^1.7.3",
+    "ohash": "^1.1.4",
+    "reka-ui": "1.0.0-alpha.6",
+    "pathe": "^1.1.2",
     "scule": "^1.3.0",
-    "tailwind-variants": "^0.2.1",
-    "tailwindcss": "4.0.0-alpha.22",
+    "sirv": "^3.0.0",
+    "tailwind-variants": "^0.3.0",
+    "tailwindcss": "4.0.0-beta.6",
+    "tinyglobby": "^0.2.10",
+    "unplugin": "^1.16.0",
+    "unplugin-auto-import": "^0.18.6",
+    "unplugin-vue-components": "^0.27.5",
     "vaul-vue": "^0.2.0"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^0.5.5",
-    "@nuxt/module-builder": "^0.8.3",
-    "@nuxt/test-utils": "^3.14.1",
-    "@release-it/conventional-changelog": "^8.0.1",
+    "@nuxt/eslint-config": "^0.7.2",
+    "@nuxt/module-builder": "^0.8.4",
+    "@nuxt/test-utils": "^3.15.1",
+    "@release-it/conventional-changelog": "^9.0.3",
+    "@standard-schema/spec": "1.0.0-beta.4",
     "@vue/test-utils": "^2.4.6",
-    "eslint": "^9.9.1",
-    "happy-dom": "^15.7.3",
+    "embla-carousel": "^8.5.1",
+    "eslint": "^9.16.0",
+    "happy-dom": "^15.7.4",
     "joi": "^17.13.3",
-    "nuxt": "^3.13.1",
-    "release-it": "^17.6.0",
-    "valibot": "^0.41.0",
-    "vitest": "^2.0.5",
+    "knitwork": "^1.1.0",
+    "nuxt": "^3.14.1592",
+    "nuxt-component-meta": "^0.9.0",
+    "release-it": "^17.10.0",
+    "superstruct": "^2.0.2",
+    "valibot": "^0.42.1",
+    "vitest": "^2.1.8",
     "vitest-environment-nuxt": "^1.0.1",
-    "vue-tsc": "^2.1.6",
-    "yup": "^1.4.0",
+    "vue-tsc": "^2.1.10",
+    "yup": "^1.5.0",
     "zod": "^3.23.8"
   },
+  "peerDependencies": {
+    "typescript": "^5.6.3"
+  },
   "resolutions": {
     "@nuxt/ui": "workspace:*",
-    "happy-dom": "14.12.3"
+    "happy-dom": "14.12.3",
+    "rollup": "^4.24.0",
+    "typescript": "5.6.3",
+    "chokidar": "3.6.0"
   }
 }

package/vue-plugin.d.ts

@@ -0,0 +1,5 @@
+import type { Plugin } from 'vue'
+
+declare const plugin: Plugin
+
+export default plugin

package/dist/runtime/assets/css/animations.css

@@ -1 +0,0 @@
-@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes collapsible-up{0%{height:var(--radix-collapsible-content-height)}to{height:0}}@keyframes collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height)}}@keyframes toast-collapsed-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--before) - var(--height))*var(--gap))) scale(var(--scale))}}@keyframes toast-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--offset) - var(--height))*var(--translate-factor)))}}@keyframes toast-slide-left{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(-100%) translateY(var(--translate))}}@keyframes toast-slide-right{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(100%) translateY(var(--translate))}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-in-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-out-to-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-in-from-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-out-to-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out-to-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-in-from-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-out-to-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slide-in-from-top-and-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-top-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes slide-in-from-right-and-fade{0%{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-to-right-and-fade{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(4px)}}@keyframes slide-in-from-bottom-and-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-bottom-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes slide-in-from-left-and-fade{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-to-left-and-fade{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-4px)}}@keyframes enter-from-right{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@keyframes enter-from-left{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}@keyframes exit-to-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(200px)}}@keyframes exit-to-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-200px)}}@keyframes carousel{0%,to{width:50%}0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes carousel-vertical{0%,to{height:50%}0%{transform:translateY(-100%)}to{transform:translateY(200%)}}@keyframes carousel-inverse{0%,to{width:50%}0%{transform:translateX(200%)}to{transform:translateX(-100%)}}@keyframes carousel-inverse-vertical{0%,to{height:50%}0%{transform:translateY(200%)}to{transform:translateY(-100%)}}@keyframes swing{0%,to{width:50%}0%,to{transform:translateX(-25%)}50%{transform:translateX(125%)}}@keyframes swing-vertical{0%,to{height:50%}0%,to{transform:translateY(-25%)}50%{transform:translateY(125%)}}@keyframes elastic{0%,to{margin-left:25%;width:50%}50%{margin-left:5%;width:90%}}@keyframes elastic-vertical{0%,to{height:50%;margin-top:25%}50%{height:90%;margin-top:5%}}