@nuxt/ui 3.3.4 → 3.3.6

package/dist/shared/{ui.BTUFJHYJ.mjs → ui.DBpKc5X3.mjs}

@@ -1270,69 +1270,97 @@ const drawer = (options) => ({
       true: {
         content: "rounded-lg after:hidden overflow-hidden [--initial-transform:calc(100%+1.5rem)]"
       }
+    },
+    snapPoints: {
+      true: ""
     }
   },
-  compoundVariants: [{
-    direction: ["top", "bottom"],
-    class: {
-      content: "h-auto max-h-[96%]",
-      handle: "!w-12 !h-1.5 mx-auto"
-    }
-  }, {
-    direction: ["right", "left"],
-    class: {
-      content: "w-auto max-w-[calc(100%-2rem)]",
-      handle: "!h-12 !w-1.5 mt-auto mb-auto"
-    }
-  }, {
-    direction: "top",
-    inset: true,
-    class: {
-      content: "inset-x-4 top-4"
-    }
-  }, {
-    direction: "top",
-    inset: false,
-    class: {
-      content: "inset-x-0 top-0 rounded-b-lg"
-    }
-  }, {
-    direction: "bottom",
-    inset: true,
-    class: {
-      content: "inset-x-4 bottom-4"
-    }
-  }, {
-    direction: "bottom",
-    inset: false,
-    class: {
-      content: "inset-x-0 bottom-0 rounded-t-lg"
-    }
-  }, {
-    direction: "left",
-    inset: true,
-    class: {
-      content: "inset-y-4 left-4"
-    }
-  }, {
-    direction: "left",
-    inset: false,
-    class: {
-      content: "inset-y-0 left-0 rounded-r-lg"
-    }
-  }, {
-    direction: "right",
-    inset: true,
-    class: {
-      content: "inset-y-4 right-4"
-    }
-  }, {
-    direction: "right",
-    inset: false,
-    class: {
-      content: "inset-y-0 right-0 rounded-l-lg"
+  compoundVariants: [
+    {
+      direction: ["top", "bottom"],
+      class: {
+        content: "h-auto max-h-[96%]",
+        handle: "!w-12 !h-1.5 mx-auto"
+      }
+    },
+    {
+      direction: ["top", "bottom"],
+      snapPoints: true,
+      class: {
+        content: "h-full"
+      }
+    },
+    {
+      direction: ["right", "left"],
+      class: {
+        content: "w-auto max-w-[calc(100%-2rem)]",
+        handle: "!h-12 !w-1.5 mt-auto mb-auto"
+      }
+    },
+    {
+      direction: ["right", "left"],
+      snapPoints: true,
+      class: {
+        content: "w-full"
+      }
+    },
+    {
+      direction: "top",
+      inset: true,
+      class: {
+        content: "inset-x-4 top-4"
+      }
+    },
+    {
+      direction: "top",
+      inset: false,
+      class: {
+        content: "inset-x-0 top-0 rounded-b-lg"
+      }
+    },
+    {
+      direction: "bottom",
+      inset: true,
+      class: {
+        content: "inset-x-4 bottom-4"
+      }
+    },
+    {
+      direction: "bottom",
+      inset: false,
+      class: {
+        content: "inset-x-0 bottom-0 rounded-t-lg"
+      }
+    },
+    {
+      direction: "left",
+      inset: true,
+      class: {
+        content: "inset-y-4 left-4"
+      }
+    },
+    {
+      direction: "left",
+      inset: false,
+      class: {
+        content: "inset-y-0 left-0 rounded-r-lg"
+      }
+    },
+    {
+      direction: "right",
+      inset: true,
+      class: {
+        content: "inset-y-4 right-4"
+      }
+    },
+    {
+      direction: "right",
+      inset: false,
+      class: {
+        content: "inset-y-0 right-0 rounded-l-lg"
+      }
     }
-  }]
+  ]
 });
 
 const dropdownMenu = (options) => ({
@@ -2571,7 +2599,7 @@ const progress = (options) => ({
     root: "gap-2",
     base: "relative overflow-hidden rounded-full bg-accented",
     indicator: "rounded-full size-full transition-transform duration-200 ease-out",
-    status: "flex justify-end text-dimmed transition-[width] duration-200",
+    status: "flex text-dimmed transition-[width] duration-200",
     steps: "grid items-end",
     step: "truncate text-end row-start-1 col-start-1 transition-opacity"
   },
@@ -2640,12 +2668,12 @@ const progress = (options) => ({
       horizontal: {
         root: "w-full flex flex-col",
         base: "w-full",
-        status: "flex-row"
+        status: "flex-row items-center justify-end min-w-fit"
       },
       vertical: {
         root: "h-full flex flex-row-reverse",
         base: "h-full",
-        status: "flex-col"
+        status: "flex-col justify-end min-h-fit"
       }
     },
     inverted: {
@@ -4371,12 +4399,15 @@ function getTemplates(options, uiConfig) {
   });
   templates.push({
     filename: "types/ui.d.ts",
-    getContents: () => `import * as ui from '#build/ui'
+    getContents: () => {
+      const iconKeys = Object.keys(uiConfig?.icons || {});
+      const iconUnion = iconKeys.length ? iconKeys.map((i) => JSON.stringify(i)).join(" | ") : "string";
+      return `import * as ui from '#build/ui'
 import type { TVConfig } from '@nuxt/ui'
 import type { defaultConfig } from 'tailwind-variants'
 import colors from 'tailwindcss/colors'
 
-const icons = ${JSON.stringify(uiConfig.icons)};
+type IconsConfig = Record<${iconUnion} | (string & {}), string>
 
 type NeutralColor = 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone'
 type Color = Exclude<keyof typeof colors, 'inherit' | 'current' | 'transparent' | 'black' | 'white' | NeutralColor> | (string & {})
@@ -4386,7 +4417,7 @@ type AppConfigUI = {
     ${options.theme?.colors?.map((color) => `'${color}'?: Color`).join("\n		")}
     neutral?: NeutralColor | (string & {})
   }
-  icons?: Partial<typeof icons>
+  icons?: Partial<IconsConfig>
   tv?: typeof defaultConfig
 } & TVConfig<typeof ui>
 
@@ -4394,14 +4425,15 @@ declare module '@nuxt/schema' {
   interface AppConfigInput {
     /**
      * Nuxt UI theme configuration
-     * @see https://ui.nuxt.com/getting-started/theme#customize-theme
+     * @see https://ui3.nuxt.com/getting-started/theme#customize-theme
      */
     ui?: AppConfigUI
   }
 }
 
 export {}
-`
+`;
+    }
   });
   templates.push({
     filename: "ui-image-component.ts",

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, d as defaultOptions, r as resolveColors, a as getDefaultUiConfig } from './shared/ui.BTUFJHYJ.mjs';
+import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultUiConfig } from './shared/ui.DBpKc5X3.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 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.BTUFJHYJ.mjs';
+import './shared/ui.DBpKc5X3.mjs';
 import '../dist/runtime/utils/index.js';
 import 'scule';
 import '@nuxt/kit';

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@nuxt/ui",
   "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
-  "version": "3.3.4",
-  "packageManager": "pnpm@10.16.1",
+  "version": "3.3.6",
+  "packageManager": "pnpm@10.17.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
   },
-  "homepage": "https://ui.nuxt.com",
+  "homepage": "https://ui3.nuxt.com",
   "type": "module",
   "license": "MIT",
   "exports": {
@@ -116,14 +116,14 @@
     "@internationalized/number": "^3.6.5",
     "@nuxt/fonts": "^0.11.4",
     "@nuxt/icon": "^1.15.0",
-    "@nuxt/kit": "^4.0.3",
-    "@nuxt/schema": "^4.0.3",
+    "@nuxt/kit": "^4.1.2",
+    "@nuxt/schema": "^4.1.2",
     "@nuxtjs/color-mode": "^3.5.2",
     "@standard-schema/spec": "^1.0.0",
-    "@tailwindcss/postcss": "^4.1.13",
-    "@tailwindcss/vite": "^4.1.13",
+    "@tailwindcss/postcss": "^4.1.14",
+    "@tailwindcss/vite": "^4.1.14",
     "@tanstack/vue-table": "^8.21.3",
-    "@unhead/vue": "^2.0.14",
+    "@unhead/vue": "^2.0.17",
     "@vueuse/core": "^13.9.0",
     "@vueuse/integrations": "^13.9.0",
     "colortranslator": "^5.0.0",
@@ -143,32 +143,32 @@
     "mlly": "^1.8.0",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",
-    "reka-ui": "2.5.0",
+    "reka-ui": "2.5.1",
     "scule": "^1.3.0",
     "tailwind-merge": "^3.3.1",
     "tailwind-variants": "^3.1.1",
-    "tailwindcss": "^4.1.13",
+    "tailwindcss": "^4.1.14",
     "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.7"
+    "vue-component-type-helpers": "^3.1.0"
   },
   "devDependencies": {
     "@nuxt/eslint-config": "^1.9.0",
-    "@nuxt/module-builder": "^1.0.1",
+    "@nuxt/module-builder": "^1.0.2",
     "@nuxt/test-utils": "^3.19.2",
     "@release-it/conventional-changelog": "^10.0.1",
     "@vue/test-utils": "^2.4.6",
     "embla-carousel": "^8.6.0",
-    "eslint": "^9.35.0",
-    "happy-dom": "^18.0.1",
-    "nuxt": "^4.0.3",
-    "release-it": "^19.0.4",
+    "eslint": "^9.36.0",
+    "happy-dom": "^19.0.2",
+    "nuxt": "^4.1.2",
+    "release-it": "^19.0.5",
     "vitest": "^3.2.4",
     "vitest-environment-nuxt": "^1.0.1",
-    "vue-tsc": "^3.0.7"
+    "vue-tsc": "^3.1.0"
   },
   "peerDependencies": {
     "@inertiajs/vue3": "^2.0.7",
@@ -204,7 +204,7 @@
     }
   },
   "resolutions": {
-    "@nuxt/kit": "4.0.3",
+    "@nuxt/kit": "^4.1.2",
     "@nuxt/module-builder": "1.0.1",
     "@nuxt/ui": "workspace:*",
     "chokidar": "3.6.0",