@nuxt/ui 2.17.0 → 2.18.0

package/dist/runtime/components/elements/Dropdown.vue.d.ts

@@ -1,10 +1,68 @@
 import type { PropType } from 'vue';
 import { twJoin } from 'tailwind-merge';
-import type { DropdownItem, PopperOptions } from '../../types';
+import type { DropdownItem, PopperOptions, Strategy } from '../../types.js';
+declare const config: {
+    wrapper: string;
+    container: string;
+    trigger: string;
+    width: string;
+    height: string;
+    background: string;
+    shadow: string;
+    rounded: string;
+    ring: string;
+    base: string;
+    divide: string;
+    padding: string;
+    item: {
+        base: string;
+        rounded: string;
+        padding: string;
+        size: string;
+        active: string;
+        inactive: string;
+        disabled: string;
+        icon: {
+            base: string;
+            active: string;
+            inactive: string;
+        };
+        avatar: {
+            base: string;
+            size: "2xs";
+        };
+        label: string;
+        shortcuts: string;
+    };
+    transition: {
+        enterActiveClass: string;
+        enterFromClass: string;
+        enterToClass: string;
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    popper: {
+        placement: string;
+        strategy: string;
+    };
+    default: {
+        openDelay: number;
+        closeDelay: number;
+    };
+    arrow: {
+        ring: string;
+        background: string;
+        base: string;
+        rounded: string;
+        shadow: string;
+        placement: string;
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     items: {
         type: PropType<DropdownItem[][]>;
-        default: () => never[];
+        default: () => any[];
     };
     mode: {
         type: PropType<"click" | "hover">;
@@ -13,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     open: {
         type: BooleanConstructor;
-        default: undefined;
+        default: any;
     };
     disabled: {
         type: BooleanConstructor;
@@ -25,22 +83,81 @@ declare const _default: import("vue").DefineComponent<{
     };
     openDelay: {
         type: NumberConstructor;
-        default: () => any;
+        default: () => number;
     };
     closeDelay: {
         type: NumberConstructor;
-        default: () => any;
+        default: () => number;
     };
     class: {
         type: PropType<any>;
         default: () => string;
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }, {
-    ui: import("vue").ComputedRef<any>;
+    ui: import("vue").ComputedRef<{
+        wrapper: string;
+        container: string;
+        trigger: string;
+        width: string;
+        height: string;
+        background: string;
+        shadow: string;
+        rounded: string;
+        ring: string;
+        base: string;
+        divide: string;
+        padding: string;
+        item: {
+            base: string;
+            rounded: string;
+            padding: string;
+            size: string;
+            active: string;
+            inactive: string;
+            disabled: string;
+            icon: {
+                base: string;
+                active: string;
+                inactive: string;
+            };
+            avatar: {
+                base: string;
+                size: "2xs";
+            };
+            label: string;
+            shortcuts: string;
+        };
+        transition: {
+            enterActiveClass: string;
+            enterFromClass: string;
+            enterToClass: string;
+            leaveActiveClass: string;
+            leaveFromClass: string;
+            leaveToClass: string;
+        };
+        popper: {
+            placement: string;
+            strategy: string;
+        };
+        default: {
+            openDelay: number;
+            closeDelay: number;
+        };
+        arrow: {
+            ring: string;
+            background: string;
+            base: string;
+            rounded: string;
+            shadow: string;
+            placement: string;
+        };
+    }>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
@@ -84,7 +201,7 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<DropdownItem[][]>;
-        default: () => never[];
+        default: () => any[];
     };
     mode: {
         type: PropType<"click" | "hover">;
@@ -93,7 +210,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     open: {
         type: BooleanConstructor;
-        default: undefined;
+        default: any;
     };
     disabled: {
         type: BooleanConstructor;
@@ -105,30 +222,32 @@ declare const _default: import("vue").DefineComponent<{
     };
     openDelay: {
         type: NumberConstructor;
-        default: () => any;
+        default: () => number;
     };
     closeDelay: {
         type: NumberConstructor;
-        default: () => any;
+        default: () => number;
     };
     class: {
         type: PropType<any>;
         default: () => string;
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }>> & {
-    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: (...args: any[]) => any;
 }, {
+    ui: {};
+    disabled: boolean;
     class: any;
     popper: PopperOptions;
-    disabled: boolean;
-    ui: any;
+    mode: "click" | "hover";
     open: boolean;
     items: DropdownItem[][];
-    mode: "click" | "hover";
     openDelay: number;
     closeDelay: number;
 }, {}>;

package/dist/runtime/components/elements/Kbd.vue.d.ts

@@ -1,13 +1,29 @@
 import type { PropType } from 'vue';
-import type { KbdSize } from '../../types';
+import type { KbdSize, Strategy } from '../../types.js';
+declare const config: {
+    base: string;
+    padding: string;
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+    rounded: string;
+    font: string;
+    background: string;
+    ring: string;
+    default: {
+        size: string;
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     value: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     size: {
         type: PropType<KbdSize>;
-        default: () => any;
+        default: () => string;
         validator(value: string): boolean;
     };
     class: {
@@ -15,11 +31,28 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }, {
-    ui: import("vue").ComputedRef<any>;
+    ui: import("vue").ComputedRef<{
+        base: string;
+        padding: string;
+        size: {
+            xs: string;
+            sm: string;
+            md: string;
+        };
+        rounded: string;
+        font: string;
+        background: string;
+        ring: string;
+        default: {
+            size: string;
+        };
+    }>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
@@ -27,11 +60,11 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     size: {
         type: PropType<KbdSize>;
-        default: () => any;
+        default: () => string;
         validator(value: string): boolean;
     };
     class: {
@@ -39,13 +72,15 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }>>, {
-    value: string;
     size: KbdSize;
+    ui: {};
     class: any;
-    ui: any;
+    value: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/elements/Link.vue.d.ts

@@ -9,11 +9,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: {
         type: BooleanConstructor;
-        default: null;
+        default: any;
     };
     active: {
         type: BooleanConstructor;
-        default: undefined;
+        default: any;
     };
     exact: {
         type: BooleanConstructor;
@@ -29,78 +29,78 @@ declare const _default: import("vue").DefineComponent<{
     };
     inactiveClass: {
         type: StringConstructor;
-        default: undefined;
+        default: any;
     };
     to: {
-        readonly type: import("vue").PropType<RouteLocationRaw>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+        readonly default: any;
         readonly required: false;
     };
     href: {
-        readonly type: import("vue").PropType<RouteLocationRaw>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+        readonly default: any;
         readonly required: false;
     };
     target: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["target"]>;
+        readonly default: any;
         readonly required: false;
     };
     rel: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["rel"]>;
+        readonly default: any;
         readonly required: false;
     };
     noRel: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["noRel"]>;
+        readonly default: any;
         readonly required: false;
     };
     prefetch: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["prefetch"]>;
+        readonly default: any;
         readonly required: false;
     };
     noPrefetch: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["noPrefetch"]>;
+        readonly default: any;
         readonly required: false;
     };
     activeClass: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["activeClass"]>;
+        readonly default: any;
         readonly required: false;
     };
     exactActiveClass: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["exactActiveClass"]>;
+        readonly default: any;
         readonly required: false;
     };
     prefetchedClass: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["prefetchedClass"]>;
+        readonly default: any;
         readonly required: false;
     };
     replace: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["replace"]>;
+        readonly default: any;
         readonly required: false;
     };
     ariaCurrentValue: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["ariaCurrentValue"]>;
+        readonly default: any;
         readonly required: false;
     };
     external: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["external"]>;
+        readonly default: any;
         readonly required: false;
     };
 }, {
     resolveLinkClass: (route: any, $route: any, { isActive, isExactActive }: {
         isActive: boolean;
         isExactActive: boolean;
-    }) => any;
+    }) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     as: {
         type: StringConstructor;
@@ -112,11 +112,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: {
         type: BooleanConstructor;
-        default: null;
+        default: any;
     };
     active: {
         type: BooleanConstructor;
-        default: undefined;
+        default: any;
     };
     exact: {
         type: BooleanConstructor;
@@ -132,94 +132,94 @@ declare const _default: import("vue").DefineComponent<{
     };
     inactiveClass: {
         type: StringConstructor;
-        default: undefined;
+        default: any;
     };
     to: {
-        readonly type: import("vue").PropType<RouteLocationRaw>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+        readonly default: any;
         readonly required: false;
     };
     href: {
-        readonly type: import("vue").PropType<RouteLocationRaw>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+        readonly default: any;
         readonly required: false;
     };
     target: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["target"]>;
+        readonly default: any;
         readonly required: false;
     };
     rel: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["rel"]>;
+        readonly default: any;
         readonly required: false;
     };
     noRel: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["noRel"]>;
+        readonly default: any;
         readonly required: false;
     };
     prefetch: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["prefetch"]>;
+        readonly default: any;
         readonly required: false;
     };
     noPrefetch: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["noPrefetch"]>;
+        readonly default: any;
         readonly required: false;
     };
     activeClass: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["activeClass"]>;
+        readonly default: any;
         readonly required: false;
     };
     exactActiveClass: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["exactActiveClass"]>;
+        readonly default: any;
         readonly required: false;
     };
     prefetchedClass: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["prefetchedClass"]>;
+        readonly default: any;
         readonly required: false;
     };
     replace: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["replace"]>;
+        readonly default: any;
         readonly required: false;
     };
     ariaCurrentValue: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["ariaCurrentValue"]>;
+        readonly default: any;
         readonly required: false;
     };
     external: {
-        readonly type: import("vue").PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["external"]>;
+        readonly default: any;
         readonly required: false;
     };
 }>>, {
-    replace: NuxtLinkProps;
-    type: string;
-    target: NuxtLinkProps;
-    rel: NuxtLinkProps;
-    noRel: NuxtLinkProps;
-    prefetch: NuxtLinkProps;
-    noPrefetch: NuxtLinkProps;
-    activeClass: NuxtLinkProps;
-    exactActiveClass: NuxtLinkProps;
-    prefetchedClass: NuxtLinkProps;
-    ariaCurrentValue: NuxtLinkProps;
-    external: NuxtLinkProps;
+    to: any;
+    activeClass: string;
+    exactActiveClass: string;
+    ariaCurrentValue: "true" | "location" | "page" | "step" | "date" | "time" | "false";
+    replace: boolean;
     as: string;
+    type: string;
     disabled: boolean;
     active: boolean;
     exact: boolean;
     exactQuery: boolean;
     exactHash: boolean;
     inactiveClass: string;
-    to: RouteLocationRaw;
-    href: RouteLocationRaw;
+    href: any;
+    external: boolean;
+    target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
+    rel: (string & {}) | "noopener" | "noreferrer" | "nofollow" | "sponsored" | "ugc";
+    noRel: boolean;
+    prefetchedClass: string;
+    prefetch: boolean;
+    noPrefetch: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/elements/Meter.vue

@@ -30,7 +30,7 @@
 <script>
 import { computed, defineComponent, toRef } from "vue";
 import { twJoin } from "tailwind-merge";
-import UIcon from "./Icon.vue";
+import { UIcon } from "#components";
 import { useUI } from "../../composables/useUI";
 import { mergeConfig } from "../../utils";
 import appConfig from "#build/app.config";