@nuxt/ui 2.12.2 → 2.13.0

package/dist/runtime/ui.config/navigation/verticalNavigation.mjs

@@ -1,8 +1,8 @@
 export default {
   wrapper: "relative",
-  base: "group relative flex items-center gap-2 focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-1 focus-visible:before:ring-primary-500 dark:focus-visible:before:ring-primary-400 before:absolute before:inset-px before:rounded-md disabled:cursor-not-allowed disabled:opacity-75",
+  base: "group relative flex items-center gap-1.5 focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-1 focus-visible:before:ring-primary-500 dark:focus-visible:before:ring-primary-400 before:absolute before:inset-px before:rounded-md disabled:cursor-not-allowed disabled:opacity-75",
   ring: "focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400",
-  padding: "px-3 py-1.5",
+  padding: "px-2.5 py-1.5",
   width: "w-full",
   rounded: "rounded-md",
   font: "font-medium",
@@ -11,18 +11,19 @@ export default {
   inactive: "text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:before:bg-gray-50 dark:hover:before:bg-gray-800/50",
   label: "truncate relative",
   icon: {
-    base: "flex-shrink-0 w-4 h-4",
+    base: "flex-shrink-0 w-5 h-5",
     active: "text-gray-700 dark:text-gray-200",
     inactive: "text-gray-400 dark:text-gray-500 group-hover:text-gray-700 dark:group-hover:text-gray-200"
   },
   avatar: {
     base: "flex-shrink-0",
-    size: "3xs"
+    size: "2xs"
   },
   badge: {
-    base: "relative ms-auto inline-block py-0.5 px-2 text-xs rounded-md -me-1 -my-0.5",
-    active: "bg-white dark:bg-gray-900",
-    inactive: "bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white group-hover:bg-white dark:group-hover:bg-gray-900"
+    base: "flex-shrink-0 ml-auto relative rounded",
+    color: "gray",
+    variant: "solid",
+    size: "xs"
   },
   divider: {
     wrapper: {

package/dist/runtime/ui.config/overlays/popover.d.ts

@@ -31,6 +31,10 @@ declare const _default: {
     popper: {
         strategy: string;
     };
+    default: {
+        openDelay: number;
+        closeDelay: number;
+    };
     arrow: {
         base: string;
         ring: string;

package/dist/runtime/ui.config/overlays/popover.mjs

@@ -33,5 +33,9 @@ export default {
   popper: {
     strategy: "fixed"
   },
+  default: {
+    openDelay: 0,
+    closeDelay: 0
+  },
   arrow
 };

package/dist/runtime/ui.config/overlays/slideover.mjs

@@ -22,8 +22,8 @@ export default {
   width: "w-screen max-w-md",
   translate: {
     base: "translate-x-0",
-    left: "-translate-x-full",
-    right: "translate-x-full"
+    left: "-translate-x-full rtl:translate-x-full",
+    right: "translate-x-full rtl:-translate-x-full"
   },
   // Syntax for `<TransitionRoot>` component https://headlessui.com/vue/transition#basic-example
   transition: {

package/dist/runtime/ui.config/overlays/tooltip.d.ts

@@ -21,6 +21,10 @@ declare const _default: {
     popper: {
         strategy: string;
     };
+    default: {
+        openDelay: number;
+        closeDelay: number;
+    };
     arrow: {
         base: string;
         ring: string;

package/dist/runtime/ui.config/overlays/tooltip.mjs

@@ -23,5 +23,9 @@ export default {
   popper: {
     strategy: "fixed"
   },
+  default: {
+    openDelay: 0,
+    closeDelay: 0
+  },
   arrow
 };

package/dist/runtime/ui.css

@@ -1 +1 @@
-.dark{color-scheme:dark}a:focus-visible{@apply outline-primary}::-moz-selection{@apply bg-primary/40}::selection{@apply bg-primary/40}select{background-image:none}
+.dark{color-scheme:dark}a:focus-visible{@apply outline-primary}::-moz-selection{@apply bg-primary/40}::selection{@apply bg-primary/40}

package/dist/runtime/utils/link.d.ts

@@ -1,5 +1,4 @@
 import type { PropType } from 'vue';
-import type { RouteLocationRaw } from 'vue-router';
 export declare const nuxtLinkProps: {
     readonly to: {
         readonly type: PropType<RouteLocationRaw>;

package/dist/types.d.mts

@@ -13,4 +13,4 @@ declare module 'nuxt/schema' {
 }
 
 
-export type { accordion, alert, avatar, avatarGroup, badge, breadcrumb, button, buttonGroup, card, checkbox, chip, commandPalette, container, contextMenu, divider, dropdown, formGroup, input, inputMenu, kbd, meter, meterGroup, modal, notification, notifications, pagination, popover, progress, radio, radioGroup, range, select, selectMenu, skeleton, slideover, table, tabs, textarea, toggle, tooltip, verticalNavigation } from './module.js'
+export type { accordion, alert, avatar, avatarGroup, badge, breadcrumb, button, buttonGroup, card, carousel, checkbox, chip, commandPalette, container, contextMenu, divider, dropdown, formGroup, horizontalNavigation, input, inputMenu, kbd, meter, meterGroup, modal, notification, notifications, pagination, popover, progress, radio, radioGroup, range, select, selectMenu, skeleton, slideover, table, tabs, textarea, toggle, tooltip, verticalNavigation } from './module.js'

package/dist/types.d.ts

@@ -13,4 +13,4 @@ declare module 'nuxt/schema' {
 }
 
 
-export type { accordion, alert, avatar, avatarGroup, badge, breadcrumb, button, buttonGroup, card, checkbox, chip, commandPalette, container, contextMenu, divider, dropdown, formGroup, input, inputMenu, kbd, meter, meterGroup, modal, notification, notifications, pagination, popover, progress, radio, radioGroup, range, select, selectMenu, skeleton, slideover, table, tabs, textarea, toggle, tooltip, verticalNavigation } from './module'
+export type { accordion, alert, avatar, avatarGroup, badge, breadcrumb, button, buttonGroup, card, carousel, checkbox, chip, commandPalette, container, contextMenu, divider, dropdown, formGroup, horizontalNavigation, input, inputMenu, kbd, meter, meterGroup, modal, notification, notifications, pagination, popover, progress, radio, radioGroup, range, select, selectMenu, skeleton, slideover, table, tabs, textarea, toggle, tooltip, verticalNavigation } from './module'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/ui",
-  "version": "2.12.2",
+  "version": "2.13.0",
   "repository": "nuxt/ui",
   "homepage": "https://ui.nuxt.com",
   "license": "MIT",
@@ -38,7 +38,7 @@
     "@iconify-json/heroicons": "^1.1.19",
     "@nuxt/kit": "^3.9.3",
     "@nuxtjs/color-mode": "^3.3.2",
-    "@nuxtjs/tailwindcss": "^6.10.4",
+    "@nuxtjs/tailwindcss": "^6.11.2",
     "@popperjs/core": "^2.11.8",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/container-queries": "^0.1.1",
@@ -53,24 +53,24 @@
     "ohash": "^1.1.3",
     "pathe": "^1.1.2",
     "scule": "^1.2.0",
-    "tailwind-merge": "^2.2.0",
+    "tailwind-merge": "^2.2.1",
     "tailwindcss": "^3.4.1"
   },
   "devDependencies": {
     "@nuxt/eslint-config": "^0.2.0",
     "@nuxt/module-builder": "^0.5.5",
-    "@nuxt/test-utils": "^3.10.0",
+    "@nuxt/test-utils": "^3.11.0",
     "@release-it/conventional-changelog": "^8.0.1",
-    "@vue/test-utils": "^2.4.3",
+    "@vue/test-utils": "^2.4.4",
     "eslint": "^8.56.0",
-    "happy-dom": "^12.10.3",
+    "happy-dom": "^13.3.5",
     "joi": "^17.11.1",
     "nuxt": "^3.9.3",
-    "release-it": "^17.0.1",
+    "release-it": "^17.0.3",
     "typescript": "^5.3.3",
     "unbuild": "^2.0.0",
     "valibot": "^0.25.0",
-    "vitest": "^1.2.1",
+    "vitest": "^1.2.2",
     "vitest-environment-nuxt": "^1.0.0",
     "vue-tsc": "^1.8.27",
     "yup": "^1.3.3",