@nuxt/ui 2.19.2 → 2.21.0

package/dist/runtime/components/overlays/ContextMenu.vue

@@ -16,10 +16,10 @@
 import { computed, toRef, defineComponent } from "vue";
 import { defu } from "defu";
 import { onClickOutside } from "@vueuse/core";
-import { twMerge, twJoin } from "tailwind-merge";
+import { twJoin } from "tailwind-merge";
 import { useUI } from "../../composables/useUI";
 import { usePopper } from "../../composables/usePopper";
-import { mergeConfig } from "../../utils";
+import { mergeConfig, twMerge } from "../../utils";
 import appConfig from "#build/app.config";
 import { contextMenu } from "#ui/ui.config";
 const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.contextMenu, contextMenu);

package/dist/runtime/components/overlays/ContextMenu.vue.d.ts

@@ -119,7 +119,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }>, {
     class: any;
-    popper: PopperOptions;
     ui: {
         wrapper?: string;
         container?: string;
@@ -154,6 +153,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    popper: PopperOptions;
     modelValue: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/overlays/Notification.vue

@@ -44,13 +44,13 @@
 
 <script>
 import { ref, computed, toRef, onMounted, onUnmounted, watch, watchEffect, defineComponent } from "vue";
-import { twMerge, twJoin } from "tailwind-merge";
+import { twJoin } from "tailwind-merge";
 import UIcon from "../elements/Icon.vue";
 import UAvatar from "../elements/Avatar.vue";
 import UButton from "../elements/Button.vue";
 import { useUI } from "../../composables/useUI";
 import { useTimer } from "../../composables/useTimer";
-import { mergeConfig } from "../../utils";
+import { mergeConfig, twMerge } from "../../utils";
 import appConfig from "#build/app.config";
 import { notification } from "#ui/ui.config";
 const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.notification, notification);
@@ -112,6 +112,10 @@ export default defineComponent({
     ui: {
       type: Object,
       default: () => ({})
+    },
+    pauseTimeoutOnHover: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["close"],
@@ -145,12 +149,12 @@ export default defineComponent({
       );
     });
     function onMouseover() {
-      if (timer) {
+      if (props.pauseTimeoutOnHover && timer) {
         timer.pause();
       }
     }
     function onMouseleave() {
-      if (timer) {
+      if (props.pauseTimeoutOnHover && timer) {
         timer.resume();
       }
     }

package/dist/runtime/components/overlays/Notification.vue.d.ts

@@ -19,7 +19,7 @@ declare const config: {
     };
     avatar: {
         base: string;
-        size: "md";
+        size: import("../../types/avatar").AvatarSize;
     };
     progress: {
         base: string;
@@ -39,13 +39,13 @@ declare const config: {
         timeout: number;
         closeButton: {
             icon: string;
-            color: "gray";
-            variant: "link";
+            color: import("../../types/button").ButtonColor;
+            variant: import("../../types/button").ButtonVariant;
             padded: boolean;
         };
         actionButton: {
-            size: "xs";
-            color: "white";
+            size: import("../../types/button").ButtonSize;
+            color: import("../../types/button").ButtonColor;
         };
     };
 };
@@ -101,6 +101,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>;
         default: () => {};
     };
+    pauseTimeoutOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     ui: import("vue").ComputedRef<{
         wrapper: string;
@@ -121,7 +125,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         avatar: {
             base: string;
-            size: "md";
+            size: import("../../types/avatar").AvatarSize;
         };
         progress: {
             base: string;
@@ -141,13 +145,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             timeout: number;
             closeButton: {
                 icon: string;
-                color: "gray";
-                variant: "link";
+                color: import("../../types/button").ButtonColor;
+                variant: import("../../types/button").ButtonVariant;
                 padded: boolean;
             };
             actionButton: {
-                size: "xs";
-                color: "white";
+                size: import("../../types/button").ButtonSize;
+                color: import("../../types/button").ButtonColor;
             };
         };
     }>;
@@ -217,14 +221,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>;
         default: () => {};
     };
+    pauseTimeoutOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onClose?: (...args: any[]) => any;
 }>, {
     class: any;
     timeout: number;
-    title: string;
-    avatar: Avatar;
-    color: NotificationColor;
     ui: {
         wrapper?: string;
         container?: string;
@@ -244,7 +249,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, any>;
         avatar?: DeepPartial<{
             base: string;
-            size: "md";
+            size: import("../../types/avatar").AvatarSize;
         }, any>;
         progress?: DeepPartial<{
             base: string;
@@ -264,13 +269,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             timeout: number;
             closeButton: {
                 icon: string;
-                color: "gray";
-                variant: "link";
+                color: import("../../types/button").ButtonColor;
+                variant: import("../../types/button").ButtonVariant;
                 padded: boolean;
             };
             actionButton: {
-                size: "xs";
-                color: "white";
+                size: import("../../types/button").ButtonSize;
+                color: import("../../types/button").ButtonColor;
             };
         }, any>;
     } & {
@@ -278,11 +283,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    color: NotificationColor;
+    avatar: Avatar;
+    title: string;
     description: string;
     icon: string;
     closeButton: Button;
     actions: NotificationAction[];
     callback: Function;
+    pauseTimeoutOnHover: boolean;
 }, {}, {
     UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         name: {
@@ -627,9 +636,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         size: import("../../types/avatar").AvatarSize;
         class: any;
-        as: string | Record<string, any>;
-        text: string;
-        alt: string;
         ui: {
             wrapper?: string;
             background?: string;
@@ -693,6 +699,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: Strategy;
         };
+        as: string | Record<string, any>;
+        text: string;
+        alt: string;
         icon: string;
         src: string | boolean;
         chipColor: import("../../types/avatar").AvatarChipColor;
@@ -1297,23 +1306,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         class: any;
         to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         disabled: boolean;
-        truncate: boolean;
-        target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
-        activeClass: string;
-        exactActiveClass: string;
-        ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-        replace: boolean;
-        noRel: boolean;
-        prefetch: boolean;
-        noPrefetch: boolean;
-        prefetchedClass: string;
-        external: boolean;
-        leading: boolean;
-        color: import("../../types/button").ButtonColor;
-        variant: import("../../types/button").ButtonVariant;
-        href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
-        rel: any;
-        label: string;
         ui: {
             base?: string;
             font?: string;
@@ -1398,6 +1390,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: Strategy;
         };
+        color: import("../../types/button").ButtonColor;
+        variant: import("../../types/button").ButtonVariant;
+        truncate: boolean;
+        target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
+        activeClass: string;
+        exactActiveClass: string;
+        ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+        replace: boolean;
+        noRel: boolean;
+        prefetch: boolean;
+        noPrefetch: boolean;
+        prefetchedClass: string;
+        external: boolean;
+        leading: boolean;
+        href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
+        rel: any;
+        label: string;
         icon: string;
         block: boolean;
         square: boolean;
@@ -1475,7 +1484,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             exactQuery: {
-                type: BooleanConstructor;
+                type: PropType<boolean | "partial">;
                 default: boolean;
             };
             exactHash: {
@@ -1578,7 +1587,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             exactQuery: {
-                type: BooleanConstructor;
+                type: PropType<boolean | "partial">;
                 default: boolean;
             };
             exactHash: {
@@ -1671,7 +1680,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             as: string;
             active: boolean;
             exact: boolean;
-            exactQuery: boolean;
+            exactQuery: boolean | "partial";
             exactHash: boolean;
             inactiveClass: string;
             href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;

package/dist/runtime/components/overlays/Notifications.vue

@@ -1,7 +1,7 @@
 <template>
   <Teleport to="body">
-    <div :class="wrapperClass" role="region" v-bind="attrs">
-      <div v-if="notifications.length" :class="ui.container">
+    <div v-if="notifications.length" :class="wrapperClass" role="region" v-bind="attrs">
+      <div :class="ui.container">
         <div v-for="notification of notifications" :key="notification.id">
           <UNotification
             v-bind="notification"
@@ -21,10 +21,10 @@
 
 <script>
 import { computed, toRef, defineComponent } from "vue";
-import { twMerge, twJoin } from "tailwind-merge";
+import { twJoin } from "tailwind-merge";
 import { useUI } from "../../composables/useUI";
 import { useToast } from "../../composables/useToast";
-import { mergeConfig } from "../../utils";
+import { mergeConfig, twMerge } from "../../utils";
 import UNotification from "./Notification.vue";
 import { useState } from "#imports";
 import appConfig from "#build/app.config";

package/dist/runtime/components/overlays/Notifications.vue.d.ts

@@ -138,7 +138,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 avatar: {
                     base: string;
-                    size: "md";
+                    size: import("../../types/avatar").AvatarSize;
                 };
                 progress: {
                     base: string;
@@ -158,13 +158,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     timeout: number;
                     closeButton: {
                         icon: string;
-                        color: "gray";
-                        variant: "link";
+                        color: import("../../types/button").ButtonColor;
+                        variant: import("../../types/button").ButtonVariant;
                         padded: boolean;
                     };
                     actionButton: {
-                        size: "xs";
-                        color: "white";
+                        size: import("../../types/button").ButtonSize;
+                        color: import("../../types/button").ButtonColor;
                     };
                 };
             }> & {
@@ -172,6 +172,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>;
             default: () => {};
         };
+        pauseTimeoutOnHover: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {
         ui: import("vue").ComputedRef<{
             wrapper: string;
@@ -192,7 +196,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             avatar: {
                 base: string;
-                size: "md";
+                size: import("../../types/avatar").AvatarSize;
             };
             progress: {
                 base: string;
@@ -212,13 +216,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 timeout: number;
                 closeButton: {
                     icon: string;
-                    color: "gray";
-                    variant: "link";
+                    color: import("../../types/button").ButtonColor;
+                    variant: import("../../types/button").ButtonVariant;
                     padded: boolean;
                 };
                 actionButton: {
-                    size: "xs";
-                    color: "white";
+                    size: import("../../types/button").ButtonSize;
+                    color: import("../../types/button").ButtonColor;
                 };
             };
         }>;
@@ -302,7 +306,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 avatar: {
                     base: string;
-                    size: "md";
+                    size: import("../../types/avatar").AvatarSize;
                 };
                 progress: {
                     base: string;
@@ -322,13 +326,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     timeout: number;
                     closeButton: {
                         icon: string;
-                        color: "gray";
-                        variant: "link";
+                        color: import("../../types/button").ButtonColor;
+                        variant: import("../../types/button").ButtonVariant;
                         padded: boolean;
                     };
                     actionButton: {
-                        size: "xs";
-                        color: "white";
+                        size: import("../../types/button").ButtonSize;
+                        color: import("../../types/button").ButtonColor;
                     };
                 };
             }> & {
@@ -336,14 +340,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>;
             default: () => {};
         };
+        pauseTimeoutOnHover: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onClose?: (...args: any[]) => any;
     }>, {
         class: any;
         timeout: number;
-        title: string;
-        avatar: import("../../types/avatar").Avatar;
-        color: import("../../types/notification").NotificationColor;
         ui: {
             wrapper?: string;
             container?: string;
@@ -363,7 +368,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, any>;
             avatar?: DeepPartial<{
                 base: string;
-                size: "md";
+                size: import("../../types/avatar").AvatarSize;
             }, any>;
             progress?: DeepPartial<{
                 base: string;
@@ -383,13 +388,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 timeout: number;
                 closeButton: {
                     icon: string;
-                    color: "gray";
-                    variant: "link";
+                    color: import("../../types/button").ButtonColor;
+                    variant: import("../../types/button").ButtonVariant;
                     padded: boolean;
                 };
                 actionButton: {
-                    size: "xs";
-                    color: "white";
+                    size: import("../../types/button").ButtonSize;
+                    color: import("../../types/button").ButtonColor;
                 };
             }, any>;
         } & {
@@ -397,11 +402,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: Strategy;
         };
+        color: import("../../types/notification").NotificationColor;
+        avatar: import("../../types/avatar").Avatar;
+        title: string;
         description: string;
         icon: string;
         closeButton: import("../../types/button").Button;
         actions: import("../../types/notification").NotificationAction[];
         callback: Function;
+        pauseTimeoutOnHover: boolean;
     }, {}, {
         UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             name: {
@@ -746,9 +755,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>> & Readonly<{}>, {
             size: import("../../types/avatar").AvatarSize;
             class: any;
-            as: string | Record<string, any>;
-            text: string;
-            alt: string;
             ui: {
                 wrapper?: string;
                 background?: string;
@@ -812,6 +818,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } & {
                 strategy?: Strategy;
             };
+            as: string | Record<string, any>;
+            text: string;
+            alt: string;
             icon: string;
             src: string | boolean;
             chipColor: import("../../types/avatar").AvatarChipColor;
@@ -1416,23 +1425,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             class: any;
             to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
             disabled: boolean;
-            truncate: boolean;
-            target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
-            activeClass: string;
-            exactActiveClass: string;
-            ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-            replace: boolean;
-            noRel: boolean;
-            prefetch: boolean;
-            noPrefetch: boolean;
-            prefetchedClass: string;
-            external: boolean;
-            leading: boolean;
-            color: import("../../types/button").ButtonColor;
-            variant: import("../../types/button").ButtonVariant;
-            href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
-            rel: any;
-            label: string;
             ui: {
                 base?: string;
                 font?: string;
@@ -1517,6 +1509,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } & {
                 strategy?: Strategy;
             };
+            color: import("../../types/button").ButtonColor;
+            variant: import("../../types/button").ButtonVariant;
+            truncate: boolean;
+            target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
+            activeClass: string;
+            exactActiveClass: string;
+            ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+            replace: boolean;
+            noRel: boolean;
+            prefetch: boolean;
+            noPrefetch: boolean;
+            prefetchedClass: string;
+            external: boolean;
+            leading: boolean;
+            href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
+            rel: any;
+            label: string;
             icon: string;
             block: boolean;
             square: boolean;
@@ -1594,7 +1603,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
                 exactQuery: {
-                    type: BooleanConstructor;
+                    type: PropType<boolean | "partial">;
                     default: boolean;
                 };
                 exactHash: {
@@ -1697,7 +1706,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
                 exactQuery: {
-                    type: BooleanConstructor;
+                    type: PropType<boolean | "partial">;
                     default: boolean;
                 };
                 exactHash: {
@@ -1790,7 +1799,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 as: string;
                 active: boolean;
                 exact: boolean;
-                exactQuery: boolean;
+                exactQuery: boolean | "partial";
                 exactHash: boolean;
                 inactiveClass: string;
                 href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;

package/dist/runtime/components/overlays/Popover.vue.d.ts

@@ -210,7 +210,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     mode: "click" | "hover";
     class: any;
     disabled: boolean;
-    popper: PopperOptions;
     ui: {
         wrapper?: string;
         container?: string;
@@ -261,6 +260,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    popper: PopperOptions;
     overlay: boolean;
     open: boolean;
     openDelay: number;

package/dist/runtime/components/overlays/Tooltip.vue.d.ts

@@ -155,8 +155,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     class: any;
-    popper: PopperOptions;
-    text: string;
     ui: {
         wrapper?: string;
         container?: string;
@@ -197,6 +195,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    popper: PopperOptions;
+    text: string;
     openDelay: number;
     closeDelay: number;
     shortcuts: string[];

package/dist/runtime/types/checkbox.d.ts

@@ -0,0 +1,3 @@
+import type colors from '#ui-colors'
+
+export type CheckboxColor = typeof colors[number]

package/dist/runtime/types/divider.d.ts

@@ -1,3 +1,3 @@
-import type { divider } from '#ui/ui.config'
+import type { divider } from '../ui.config'
 
 export type DividerSize = keyof typeof divider.border.size.horizontal | keyof typeof divider.border.size.vertical

package/dist/runtime/types/index.d.ts

@@ -4,6 +4,7 @@ export * from './avatar.js';
 export * from './badge.js';
 export * from './breadcrumb.js';
 export * from './button.js';
+export * from './checkbox.js';
 export * from './chip.js';
 export * from './clipboard.js';
 export * from './command-palette.js';

package/dist/runtime/types/index.js

@@ -4,6 +4,7 @@ export * from "./avatar";
 export * from "./badge";
 export * from "./breadcrumb";
 export * from "./button";
+export * from "./checkbox";
 export * from "./chip";
 export * from "./clipboard";
 export * from "./command-palette";

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

@@ -6,7 +6,7 @@ export interface Link extends NuxtLinkProps {
   disabled?: boolean
   active?: boolean
   exact?: boolean
-  exactQuery?: boolean
+  exactQuery?: boolean | 'partial'
   exactHash?: boolean
   inactiveClass?: string
 }

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

@@ -7,7 +7,7 @@ export interface TightMap<O = any> {
 export type DeepPartial<T, O = any> = {
   [P in keyof T]?: T[P] extends object
     ? DeepPartial<T[P], O>
-    : T[P];
+    : T[P] extends string ? string : T[P];
 } & {
   [key: string]: O | TightMap<O>
 }