@nuxt/ui 2.21.1 → 2.22.0

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

@@ -33,13 +33,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             title?: string;
             description?: string;
             icon?: string;
-            avatar?: import("../../types/avatar").Avatar;
-            closeButton?: import("../../types/button").Button;
+            avatar?: import("../../types/avatar.js").Avatar;
+            closeButton?: import("../../types/button.js").Button;
             timeout?: number;
-            actions?: import("../../types/notification").NotificationAction[];
+            actions?: import("../../types/notification.js").NotificationAction[];
             click?: (...args: any[]) => void;
             callback?: (...args: any[]) => void;
-            color?: import("../../types/notification").NotificationColor;
+            color?: import("../../types/notification.js").NotificationColor;
             ui?: any;
         };
         remove: (id: string) => void;
@@ -60,7 +60,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    class: any;
     ui: {
         wrapper?: string;
         position?: string;
@@ -71,6 +70,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    class: any;
 }, {}, {
     UNotification: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         id: {
@@ -90,19 +90,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => any;
         };
         avatar: {
-            type: PropType<import("../../types/avatar").Avatar>;
+            type: PropType<import("../../types/avatar.js").Avatar>;
             default: any;
         };
         closeButton: {
-            type: PropType<import("../../types/button").Button>;
-            default: () => import("../../types/button").Button;
+            type: PropType<import("../../types/button.js").Button>;
+            default: () => import("../../types/button.js").Button;
         };
         timeout: {
             type: NumberConstructor;
             default: () => number;
         };
         actions: {
-            type: PropType<import("../../types/notification").NotificationAction[]>;
+            type: PropType<import("../../types/notification.js").NotificationAction[]>;
             default: () => any[];
         };
         callback: {
@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: any;
         };
         color: {
-            type: PropType<import("../../types/notification").NotificationColor>;
+            type: PropType<import("../../types/notification.js").NotificationColor>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -139,7 +139,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 avatar: {
                     base: string;
-                    size: import("../../types/avatar").AvatarSize;
+                    size: import("../../types/avatar.js").AvatarSize;
                 };
                 progress: {
                     base: string;
@@ -159,13 +159,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     timeout: number;
                     closeButton: {
                         icon: string;
-                        color: import("../../types/button").ButtonColor;
-                        variant: import("../../types/button").ButtonVariant;
+                        color: import("../../types/button.js").ButtonColor;
+                        variant: import("../../types/button.js").ButtonVariant;
                         padded: boolean;
                     };
                     actionButton: {
-                        size: import("../../types/button").ButtonSize;
-                        color: import("../../types/button").ButtonColor;
+                        size: import("../../types/button.js").ButtonSize;
+                        color: import("../../types/button.js").ButtonColor;
                     };
                 };
             }> & {
@@ -198,7 +198,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             avatar: {
                 base: string;
-                size: import("../../types/avatar").AvatarSize;
+                size: import("../../types/avatar.js").AvatarSize;
             };
             progress: {
                 base: string;
@@ -218,13 +218,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 timeout: number;
                 closeButton: {
                     icon: string;
-                    color: import("../../types/button").ButtonColor;
-                    variant: import("../../types/button").ButtonVariant;
+                    color: import("../../types/button.js").ButtonColor;
+                    variant: import("../../types/button.js").ButtonVariant;
                     padded: boolean;
                 };
                 actionButton: {
-                    size: import("../../types/button").ButtonSize;
-                    color: import("../../types/button").ButtonColor;
+                    size: import("../../types/button.js").ButtonSize;
+                    color: import("../../types/button.js").ButtonColor;
                 };
             };
         }>;
@@ -240,7 +240,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onMouseover: () => void;
         onMouseleave: () => void;
         onClose: () => void;
-        onAction: (action: import("../../types/notification").NotificationAction) => void;
+        onAction: (action: import("../../types/notification.js").NotificationAction) => void;
         twMerge: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         id: {
@@ -260,19 +260,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => any;
         };
         avatar: {
-            type: PropType<import("../../types/avatar").Avatar>;
+            type: PropType<import("../../types/avatar.js").Avatar>;
             default: any;
         };
         closeButton: {
-            type: PropType<import("../../types/button").Button>;
-            default: () => import("../../types/button").Button;
+            type: PropType<import("../../types/button.js").Button>;
+            default: () => import("../../types/button.js").Button;
         };
         timeout: {
             type: NumberConstructor;
             default: () => number;
         };
         actions: {
-            type: PropType<import("../../types/notification").NotificationAction[]>;
+            type: PropType<import("../../types/notification.js").NotificationAction[]>;
             default: () => any[];
         };
         callback: {
@@ -280,7 +280,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: any;
         };
         color: {
-            type: PropType<import("../../types/notification").NotificationColor>;
+            type: PropType<import("../../types/notification.js").NotificationColor>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -309,7 +309,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 avatar: {
                     base: string;
-                    size: import("../../types/avatar").AvatarSize;
+                    size: import("../../types/avatar.js").AvatarSize;
                 };
                 progress: {
                     base: string;
@@ -329,13 +329,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     timeout: number;
                     closeButton: {
                         icon: string;
-                        color: import("../../types/button").ButtonColor;
-                        variant: import("../../types/button").ButtonVariant;
+                        color: import("../../types/button.js").ButtonColor;
+                        variant: import("../../types/button.js").ButtonVariant;
                         padded: boolean;
                     };
                     actionButton: {
-                        size: import("../../types/button").ButtonSize;
-                        color: import("../../types/button").ButtonColor;
+                        size: import("../../types/button.js").ButtonSize;
+                        color: import("../../types/button.js").ButtonColor;
                     };
                 };
             }> & {
@@ -350,8 +350,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{
         onClose?: (...args: any[]) => any;
     }>, {
-        class: any;
-        timeout: number;
         ui: {
             wrapper?: string;
             container?: string;
@@ -372,7 +370,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, any>;
             avatar?: DeepPartial<{
                 base: string;
-                size: import("../../types/avatar").AvatarSize;
+                size: import("../../types/avatar.js").AvatarSize;
             }, any>;
             progress?: DeepPartial<{
                 base: string;
@@ -392,13 +390,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 timeout: number;
                 closeButton: {
                     icon: string;
-                    color: import("../../types/button").ButtonColor;
-                    variant: import("../../types/button").ButtonVariant;
+                    color: import("../../types/button.js").ButtonColor;
+                    variant: import("../../types/button.js").ButtonVariant;
                     padded: boolean;
                 };
                 actionButton: {
-                    size: import("../../types/button").ButtonSize;
-                    color: import("../../types/button").ButtonColor;
+                    size: import("../../types/button.js").ButtonSize;
+                    color: import("../../types/button.js").ButtonColor;
                 };
             }, any>;
         } & {
@@ -406,14 +404,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: Strategy;
         };
-        color: import("../../types/notification").NotificationColor;
-        avatar: import("../../types/avatar").Avatar;
+        color: import("../../types/notification.js").NotificationColor;
+        avatar: import("../../types/avatar.js").Avatar;
         title: string;
         description: string;
         icon: string;
-        closeButton: import("../../types/button").Button;
-        actions: import("../../types/notification").NotificationAction[];
+        closeButton: import("../../types/button.js").Button;
+        timeout: number;
+        actions: import("../../types/notification.js").NotificationAction[];
         callback: Function;
+        class: any;
         pauseTimeoutOnHover: boolean;
     }, {}, {
         UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -483,17 +483,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: () => any;
             };
             size: {
-                type: PropType<import("../../types/avatar").AvatarSize>;
+                type: PropType<import("../../types/avatar.js").AvatarSize>;
                 default: () => string;
                 validator(value: string): boolean;
             };
             chipColor: {
-                type: PropType<import("../../types/avatar").AvatarChipColor>;
+                type: PropType<import("../../types/avatar.js").AvatarChipColor>;
                 default: () => any;
                 validator(value: string): boolean;
             };
             chipPosition: {
-                type: PropType<import("../../types/avatar").AvatarChipPosition>;
+                type: PropType<import("../../types/avatar.js").AvatarChipPosition>;
                 default: () => string;
                 validator(value: string): boolean;
             };
@@ -666,17 +666,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: () => any;
             };
             size: {
-                type: PropType<import("../../types/avatar").AvatarSize>;
+                type: PropType<import("../../types/avatar.js").AvatarSize>;
                 default: () => string;
                 validator(value: string): boolean;
             };
             chipColor: {
-                type: PropType<import("../../types/avatar").AvatarChipColor>;
+                type: PropType<import("../../types/avatar.js").AvatarChipColor>;
                 default: () => any;
                 validator(value: string): boolean;
             };
             chipPosition: {
-                type: PropType<import("../../types/avatar").AvatarChipPosition>;
+                type: PropType<import("../../types/avatar.js").AvatarChipPosition>;
                 default: () => string;
                 validator(value: string): boolean;
             };
@@ -757,8 +757,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: () => {};
             };
         }>> & Readonly<{}>, {
-            size: import("../../types/avatar").AvatarSize;
-            class: any;
+            size: import("../../types/avatar.js").AvatarSize;
             ui: {
                 wrapper?: string;
                 background?: string;
@@ -823,11 +822,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 strategy?: Strategy;
             };
             as: string | Record<string, any>;
-            text: string;
             alt: string;
             icon: string;
+            class: any;
+            text: string;
             src: string | boolean;
-            chipColor: import("../../types/avatar").AvatarChipColor;
+            chipColor: import("../../types/avatar.js").AvatarChipColor;
             chipPosition: "top-right" | "bottom-right" | "top-left" | "bottom-left";
             chipText: string | number;
             imgClass: string;
@@ -904,17 +904,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             size: {
-                type: PropType<import("../../types/button").ButtonSize>;
+                type: PropType<import("../../types/button.js").ButtonSize>;
                 default: () => string;
                 validator(value: string): boolean;
             };
             color: {
-                type: PropType<import("../../types/button").ButtonColor>;
+                type: PropType<import("../../types/button.js").ButtonColor>;
                 default: () => string;
                 validator(value: string): boolean;
             };
             variant: {
-                type: PropType<import("../../types/button").ButtonVariant>;
+                type: PropType<import("../../types/button.js").ButtonVariant>;
                 default: () => string;
                 validator(value: string): boolean;
             };
@@ -1223,17 +1223,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             size: {
-                type: PropType<import("../../types/button").ButtonSize>;
+                type: PropType<import("../../types/button.js").ButtonSize>;
                 default: () => string;
                 validator(value: string): boolean;
             };
             color: {
-                type: PropType<import("../../types/button").ButtonColor>;
+                type: PropType<import("../../types/button.js").ButtonColor>;
                 default: () => string;
                 validator(value: string): boolean;
             };
             variant: {
-                type: PropType<import("../../types/button").ButtonVariant>;
+                type: PropType<import("../../types/button.js").ButtonVariant>;
                 default: () => string;
                 validator(value: string): boolean;
             };
@@ -1425,10 +1425,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{}>, {
             type: string;
-            size: import("../../types/button").ButtonSize;
-            class: any;
-            to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
-            disabled: boolean;
+            size: import("../../types/button.js").ButtonSize;
             ui: {
                 base?: string;
                 font?: string;
@@ -1513,10 +1510,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } & {
                 strategy?: Strategy;
             };
-            color: import("../../types/button").ButtonColor;
-            variant: import("../../types/button").ButtonVariant;
+            color: import("../../types/button.js").ButtonColor;
+            variant: import("../../types/button.js").ButtonVariant;
             truncate: boolean;
             target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
+            to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
             activeClass: string;
             exactActiveClass: string;
             ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
@@ -1527,12 +1525,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             prefetchedClass: string;
             external: boolean;
             leading: boolean;
+            disabled: boolean;
             href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
             rel: any;
-            label: string;
             icon: string;
+            class: any;
             block: boolean;
             square: boolean;
+            label: string;
             loading: boolean;
             padded: boolean;
             loadingIcon: string;
@@ -1788,9 +1788,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{}>, {
                 type: string;
-                to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
-                disabled: boolean;
                 target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
+                to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
                 activeClass: string;
                 exactActiveClass: string;
                 ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
@@ -1801,6 +1800,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 prefetchedClass: string;
                 external: boolean;
                 as: string;
+                disabled: boolean;
                 active: boolean;
                 exact: boolean;
                 exactQuery: boolean | "partial";

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

@@ -208,8 +208,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:open"?: (...args: any[]) => any;
 }>, {
     mode: "click" | "hover";
-    class: any;
-    disabled: boolean;
     ui: {
         wrapper?: string;
         container?: string;
@@ -261,7 +259,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         strategy?: Strategy;
     };
     popper: PopperOptions;
+    disabled: boolean;
     overlay: boolean;
+    class: any;
     open: boolean;
     openDelay: number;
     closeDelay: number;

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

@@ -162,9 +162,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onClose-prevented"?: (...args: any[]) => any;
     "onAfter-leave"?: (...args: any[]) => any;
 }>, {
-    class: any;
-    appear: boolean;
-    transition: boolean;
     ui: {
         wrapper?: string;
         overlay?: DeepPartial<{
@@ -203,8 +200,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    transition: boolean;
+    appear: boolean;
     overlay: boolean;
     preventClose: boolean;
+    class: any;
     side: "bottom" | "left" | "right" | "top";
     modelValue: boolean;
 }, {}, {

package/dist/runtime/components/overlays/Slideovers.client.vue

@@ -8,11 +8,9 @@
   />
 </template>
 
-<script lang="ts" setup>
-import { inject } from 'vue'
-import { useSlideover, slidOverInjectionKey } from '../../composables/useSlideover'
-
-const slideoverState = inject(slidOverInjectionKey)
-
-const { isOpen, reset } = useSlideover()
+<script setup>
+import { inject } from "vue";
+import { useSlideover, slidOverInjectionKey } from "../../composables/useSlideover";
+const slideoverState = inject(slidOverInjectionKey);
+const { isOpen, reset } = useSlideover();
 </script>

package/dist/runtime/components/overlays/Slideovers.client.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -154,7 +154,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    class: any;
     ui: {
         wrapper?: string;
         container?: string;
@@ -196,6 +195,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         strategy?: Strategy;
     };
     popper: PopperOptions;
+    class: any;
     text: string;
     openDelay: number;
     closeDelay: number;
@@ -208,7 +208,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: any;
         };
         size: {
-            type: PropType<import("../../types/kbd").KbdSize>;
+            type: PropType<import("../../types/kbd.js").KbdSize>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -264,7 +264,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: any;
         };
         size: {
-            type: PropType<import("../../types/kbd").KbdSize>;
+            type: PropType<import("../../types/kbd.js").KbdSize>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -294,8 +294,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => {};
         };
     }>> & Readonly<{}>, {
-        size: import("../../types/kbd").KbdSize;
-        class: any;
+        size: import("../../types/kbd.js").KbdSize;
         ui: {
             base?: string;
             padding?: string;
@@ -316,6 +315,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: Strategy;
         };
+        class: any;
         value: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/composables/useFormGroup.d.ts

@@ -12,7 +12,7 @@ export declare const useFormGroup: (inputProps?: InputProps, config?: any, bind?
     size: import("vue").ComputedRef<any>;
     color: import("vue").ComputedRef<string>;
     emitFormBlur: () => void;
-    emitFormInput: import("@vueuse/shared").PromisifyFn<() => void>;
+    emitFormInput: import("@vueuse/core").UseDebounceFnReturn<() => void>;
     emitFormChange: () => void;
 };
 export {};

package/dist/runtime/composables/useToast.d.ts

@@ -5,13 +5,13 @@ export declare function useToast(): {
         title?: string;
         description?: string;
         icon?: string;
-        avatar?: import("../types").Avatar;
-        closeButton?: import("../types").Button;
+        avatar?: import("../types/index.js").Avatar;
+        closeButton?: import("../types/index.js").Button;
         timeout?: number;
-        actions?: import("../types").NotificationAction[];
+        actions?: import("../types/index.js").NotificationAction[];
         click?: (...args: any[]) => void;
         callback?: (...args: any[]) => void;
-        color?: import("../types").NotificationColor;
+        color?: import("../types/index.js").NotificationColor;
         ui?: any;
     };
     remove: (id: string) => void;

package/dist/runtime/ui.config/forms/selectMenu.d.ts

@@ -28,7 +28,7 @@ declare const _default: {
         };
         avatar: {
             base: string;
-            size: import("../../types").AvatarSize;
+            size: import("../../types/index.js").AvatarSize;
         };
         chip: {
             base: string;

package/dist/runtime/utils/link.js

@@ -114,8 +114,10 @@ export const getNuxtLinkProps = (props) => {
   }, {});
 };
 export const getULinkProps = (props) => {
-  const keys = [...Object.keys(nuxtLinkProps), ...Object.keys(uLinkProps), "ariaLabel", "title"];
-  return keys.reduce((acc, key) => {
+  const keys = Object.keys(props);
+  const ariaKeys = keys.filter((key) => key.startsWith("aria-"));
+  const dataKeys = keys.filter((key) => key.startsWith("data-"));
+  return [...Object.keys(nuxtLinkProps), ...Object.keys(uLinkProps), ...ariaKeys, ...dataKeys].reduce((acc, key) => {
     if (props[key] !== void 0) {
       acc[key] = props[key];
     }

package/dist/types.d.mts

@@ -1 +1,3 @@
-export { type ModuleOptions, default } from './module.js'
+export { default } from './module.mjs'
+
+export { type ModuleOptions } from './module.mjs'