@nuxt/ui 2.11.0 → 2.11.1

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

@@ -23,6 +23,7 @@ declare const _default: {
     shadow: string;
     width: string;
     height: string;
+    fullscreen: string;
     transition: {
         enter: string;
         enterFrom: string;

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

@@ -4,7 +4,7 @@ export default {
   container: "flex min-h-full items-end sm:items-center justify-center text-center",
   padding: "p-4 sm:p-0",
   margin: "sm:my-8",
-  base: "relative text-left rtl:text-right overflow-hidden w-full flex flex-col",
+  base: "relative text-left rtl:text-right overflow-hidden flex flex-col",
   overlay: {
     base: "fixed inset-0 transition-opacity",
     background: "bg-gray-200/75 dark:bg-gray-800/75",
@@ -22,8 +22,9 @@ export default {
   ring: "",
   rounded: "rounded-lg",
   shadow: "shadow-xl",
-  width: "sm:max-w-lg",
+  width: "w-full sm:max-w-lg",
   height: "",
+  fullscreen: "w-screen h-screen",
   // Syntax for `<TransitionRoot>` component https://headlessui.com/vue/transition#basic-example
   transition: {
     enter: "ease-out duration-300",

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

@@ -1,6 +1,7 @@
 declare const _default: {
     wrapper: string;
     container: string;
+    inner: string;
     title: string;
     description: string;
     actions: string;
@@ -36,13 +37,13 @@ declare const _default: {
         timeout: number;
         closeButton: {
             icon: string;
-            color: string;
-            variant: string;
+            color: "gray";
+            variant: "link";
             padded: boolean;
         };
         actionButton: {
-            size: string;
-            color: string;
+            size: "xs";
+            color: "white";
         };
     };
 };

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

@@ -1,6 +1,7 @@
 export default {
   wrapper: "w-full pointer-events-auto",
   container: "relative overflow-hidden",
+  inner: "w-0 flex-1",
   title: "text-sm font-medium text-gray-900 dark:text-white",
   description: "mt-1 text-sm leading-4 text-gray-500 dark:text-gray-400",
   actions: "flex items-center gap-2 mt-3 flex-shrink-0",

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

@@ -1,6 +1,7 @@
 declare const _default: {
     wrapper: string;
     container: string;
+    trigger: string;
     width: string;
     background: string;
     shadow: string;

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

@@ -1,7 +1,8 @@
-import arrow from "../_popperArrow.mjs";
+import { arrow } from "../popper.mjs";
 export default {
   wrapper: "relative",
   container: "z-50 group",
+  trigger: "inline-flex w-full",
   width: "",
   background: "bg-white dark:bg-gray-900",
   shadow: "shadow-lg",

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

@@ -19,6 +19,11 @@ declare const _default: {
     padding: string;
     shadow: string;
     width: string;
+    translate: {
+        base: string;
+        left: string;
+        right: string;
+    };
     transition: {
         enter: string;
         leave: string;

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

@@ -20,6 +20,11 @@ export default {
   padding: "",
   shadow: "shadow-xl",
   width: "w-screen max-w-md",
+  translate: {
+    base: "translate-x-0",
+    left: "-translate-x-full",
+    right: "translate-x-full"
+  },
   // Syntax for `<TransitionRoot>` component https://headlessui.com/vue/transition#basic-example
   transition: {
     enter: "transform transition ease-in-out duration-300",

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

@@ -9,6 +9,7 @@ declare const _default: {
     ring: string;
     base: string;
     shortcuts: string;
+    middot: string;
     transition: {
         enterActiveClass: string;
         enterFromClass: string;

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

@@ -1,4 +1,4 @@
-import arrow from "../_popperArrow.mjs";
+import { arrow } from "../popper.mjs";
 export default {
   wrapper: "relative inline-flex",
   container: "z-20 group",
@@ -10,6 +10,7 @@ export default {
   ring: "ring-1 ring-gray-200 dark:ring-gray-800",
   base: "[@media(pointer:coarse)]:hidden h-6 px-2 py-1 text-xs font-normal truncate relative",
   shortcuts: "hidden md:inline-flex flex-shrink-0 gap-0.5",
+  middot: "mx-1 text-gray-700 dark:text-gray-200",
   // Syntax for `<Transition>` component https://vuejs.org/guide/built-ins/transition.html#css-based-transitions
   transition: {
     enterActiveClass: "transition ease-out duration-200",

package/dist/runtime/ui.config/{_popperArrow.d.ts → popper.d.ts}

@@ -1,4 +1,4 @@
-declare const _default: {
+export declare const arrow: {
     base: string;
     ring: string;
     rounded: string;
@@ -6,4 +6,3 @@ declare const _default: {
     shadow: string;
     placement: string;
 };
-export default _default;

package/dist/runtime/ui.config/{_popperArrow.mjs → popper.mjs}

@@ -1,5 +1,5 @@
-export default {
-  base: "before:w-2 before:h-2",
+export const arrow = {
+  base: "invisible before:visible before:block before:rotate-45 before:z-[-1] before:w-2 before:h-2",
   ring: "before:ring-1 before:ring-gray-200 dark:before:ring-gray-800",
   rounded: "before:rounded-sm",
   background: "before:bg-gray-200 dark:before:bg-gray-800",

package/dist/runtime/ui.css

@@ -1,13 +1 @@
-.dark {
-  color-scheme: dark;
-}
-
-a:focus-visible {
-  @apply outline-primary;
-}
-
-::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}select{background-image:none}

package/dist/runtime/utils/index.mjs

@@ -6,7 +6,7 @@ const customTwMerge = extendTailwindMerge({
   }
 });
 const defuTwMerge = createDefu((obj, key, value, namespace) => {
-  if (namespace !== "default" && typeof obj[key] === "string" && typeof value === "string" && obj[key] && value) {
+  if (namespace !== "default" && !namespace.startsWith("default.") && typeof obj[key] === "string" && typeof value === "string" && obj[key] && value) {
     obj[key] = customTwMerge(obj[key], value);
     return true;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/ui",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "repository": "nuxt/ui",
   "homepage": "https://ui.nuxt.com",
   "license": "MIT",
@@ -35,44 +35,42 @@
     "@egoist/tailwindcss-icons": "^1.4.0",
     "@headlessui/tailwindcss": "^0.2.0",
     "@headlessui/vue": "^1.7.16",
-    "@iconify-json/heroicons": "^1.1.13",
+    "@iconify-json/heroicons": "^1.1.15",
     "@nuxt/kit": "^3.8.2",
     "@nuxtjs/color-mode": "^3.3.2",
-    "@nuxtjs/tailwindcss": "^6.10.0",
+    "@nuxtjs/tailwindcss": "^6.10.1",
     "@popperjs/core": "^2.11.8",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/forms": "^0.5.7",
     "@tailwindcss/typography": "^0.5.10",
-    "@vueuse/core": "^10.6.1",
-    "@vueuse/integrations": "^10.6.1",
-    "@vueuse/math": "^10.6.1",
+    "@vueuse/core": "^10.7.0",
+    "@vueuse/integrations": "^10.7.0",
+    "@vueuse/math": "^10.7.0",
     "defu": "^6.1.3",
     "fuse.js": "^6.6.2",
-    "nuxt-icon": "^0.6.6",
+    "nuxt-icon": "^0.6.7",
     "ohash": "^1.1.3",
     "pathe": "^1.1.1",
-    "scule": "^1.1.0",
+    "scule": "^1.1.1",
     "tailwind-merge": "^1.14.0",
-    "tailwindcss": "^3.3.5"
+    "tailwindcss": "^3.3.6"
   },
   "devDependencies": {
     "@nuxt/eslint-config": "^0.2.0",
     "@nuxt/module-builder": "^0.5.4",
     "@release-it/conventional-changelog": "^8.0.1",
-    "@testing-library/vue": "^8.0.1",
-    "@vitejs/plugin-vue": "^4.5.0",
-    "eslint": "^8.54.0",
+    "eslint": "^8.55.0",
     "happy-dom": "^12.10.3",
     "joi": "^17.11.0",
     "nuxt": "^3.8.2",
     "nuxt-vitest": "^0.11.5",
     "release-it": "^17.0.0",
-    "typescript": "^5.3.2",
+    "typescript": "^5.3.3",
     "unbuild": "^2.0.0",
     "valibot": "^0.21.0",
     "vitest": "^0.33.0",
-    "vue-tsc": "^1.8.22",
+    "vue-tsc": "^1.8.25",
     "yup": "^1.3.2",
     "zod": "^3.22.4"
   },