@nuxt/ui 2.17.0 → 2.18.0

package/dist/runtime/components/navigation/Tabs.vue.d.ts

@@ -1,9 +1,43 @@
 import type { PropType } from 'vue';
-import type { TabItem } from '../../types';
+import type { TabItem, Strategy } from '../../types.js';
+declare const config: {
+    wrapper: string;
+    container: string;
+    base: string;
+    list: {
+        base: string;
+        background: string;
+        rounded: string;
+        shadow: string;
+        padding: string;
+        height: string;
+        width: string;
+        marker: {
+            wrapper: string;
+            base: string;
+            background: string;
+            rounded: string;
+            shadow: string;
+        };
+        tab: {
+            base: string;
+            background: string;
+            active: string;
+            inactive: string;
+            height: string;
+            padding: string;
+            size: string;
+            font: string;
+            rounded: string;
+            shadow: string;
+            icon: string;
+        };
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: NumberConstructor;
-        default: undefined;
+        default: any;
     };
     orientation: {
         type: PropType<"horizontal" | "vertical">;
@@ -16,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     items: {
         type: PropType<TabItem[]>;
-        default: () => never[];
+        default: () => any[];
     };
     unmount: {
         type: BooleanConstructor;
@@ -31,23 +65,58 @@ declare const _default: import("vue").DefineComponent<{
         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;
+        base: string;
+        list: {
+            base: string;
+            background: string;
+            rounded: string;
+            shadow: string;
+            padding: string;
+            height: string;
+            width: string;
+            marker: {
+                wrapper: string;
+                base: string;
+                background: string;
+                rounded: string;
+                shadow: string;
+            };
+            tab: {
+                base: string;
+                background: string;
+                active: string;
+                inactive: string;
+                height: string;
+                padding: string;
+                size: string;
+                font: string;
+                rounded: string;
+                shadow: string;
+                icon: string;
+            };
+        };
+    }>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
-    listRef: import("vue").Ref<HTMLElement | undefined>;
+    listRef: import("vue").Ref<HTMLElement>;
     itemRefs: import("vue").Ref<HTMLElement[]>;
-    markerRef: import("vue").Ref<HTMLElement | undefined>;
-    selectedIndex: import("vue").Ref<number | undefined>;
+    markerRef: import("vue").Ref<HTMLElement>;
+    selectedIndex: import("vue").Ref<number>;
     onChange: (index: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: NumberConstructor;
-        default: undefined;
+        default: any;
     };
     orientation: {
         type: PropType<"horizontal" | "vertical">;
@@ -60,7 +129,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     items: {
         type: PropType<TabItem[]>;
-        default: () => never[];
+        default: () => any[];
     };
     unmount: {
         type: BooleanConstructor;
@@ -75,17 +144,19 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string;
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
+    orientation: "horizontal" | "vertical";
+    ui: {};
     class: any;
     content: boolean;
-    orientation: "horizontal" | "vertical";
-    ui: any;
     modelValue: number;
     unmount: boolean;
     items: TabItem[];

package/dist/runtime/components/navigation/VerticalNavigation.vue

@@ -55,11 +55,7 @@
 <script>
 import { toRef, defineComponent, computed } from "vue";
 import { twMerge, twJoin } from "tailwind-merge";
-import UIcon from "../elements/Icon.vue";
-import UAvatar from "../elements/Avatar.vue";
-import UBadge from "../elements/Badge.vue";
-import ULink from "../elements/Link.vue";
-import UDivider from "../layout/Divider.vue";
+import { UIcon, UAvatar, UBadge, ULink, UDivider } from "#components";
 import { useUI } from "../../composables/useUI";
 import { mergeConfig, getULinkProps } from "../../utils";
 import appConfig from "#build/app.config";

package/dist/runtime/components/navigation/VerticalNavigation.vue.d.ts

@@ -1,21 +1,88 @@
 import type { PropType } from 'vue';
 import { twJoin } from 'tailwind-merge';
-import type { VerticalNavigationLink } from '../../types';
+import type { VerticalNavigationLink, Strategy } from '../../types.js';
+declare const config: {
+    wrapper: string;
+    base: string;
+    ring: string;
+    padding: string;
+    width: string;
+    rounded: string;
+    font: string;
+    size: string;
+    active: string;
+    inactive: string;
+    label: string;
+    icon: {
+        base: string;
+        active: string;
+        inactive: string;
+    };
+    avatar: {
+        base: string;
+        size: "2xs";
+    };
+    badge: {
+        base: string;
+        color: "gray";
+        variant: "solid";
+        size: "xs";
+    };
+    divider: {
+        wrapper: {
+            base: string;
+        };
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     links: {
-        type: PropType<VerticalNavigationLink[] | VerticalNavigationLink[][]>;
-        default: () => never[];
+        type: PropType<VerticalNavigationLink[][] | VerticalNavigationLink[]>;
+        default: () => any[];
     };
     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;
+        base: string;
+        ring: string;
+        padding: string;
+        width: string;
+        rounded: string;
+        font: string;
+        size: string;
+        active: string;
+        inactive: string;
+        label: string;
+        icon: {
+            base: string;
+            active: string;
+            inactive: string;
+        };
+        avatar: {
+            base: string;
+            size: "2xs";
+        };
+        badge: {
+            base: string;
+            color: "gray";
+            variant: "solid";
+            size: "xs";
+        };
+        divider: {
+            wrapper: {
+                base: string;
+            };
+        };
+    }>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
@@ -25,20 +92,22 @@ declare const _default: import("vue").DefineComponent<{
     twJoin: typeof twJoin;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     links: {
-        type: PropType<VerticalNavigationLink[] | VerticalNavigationLink[][]>;
-        default: () => never[];
+        type: PropType<VerticalNavigationLink[][] | VerticalNavigationLink[]>;
+        default: () => any[];
     };
     class: {
         type: PropType<any>;
         default: () => string;
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }>>, {
+    ui: {};
     class: any;
-    ui: any;
     links: VerticalNavigationLink[] | VerticalNavigationLink[][];
 }, {}>;
 export default _default;

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

@@ -1,5 +1,35 @@
 import type { PropType, Ref } from 'vue';
-import type { PopperOptions } from '../../types';
+import type { PopperOptions, Strategy } from '../../types.js';
+declare const config: {
+    wrapper: string;
+    container: string;
+    width: string;
+    background: string;
+    shadow: string;
+    rounded: string;
+    ring: string;
+    base: string;
+    transition: {
+        enterActiveClass: string;
+        enterFromClass: string;
+        enterToClass: string;
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    popper: {
+        placement: string;
+        scroll: boolean;
+    };
+    arrow: {
+        base: string;
+        ring: string;
+        rounded: string;
+        background: string;
+        shadow: string;
+        placement: string;
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: BooleanConstructor;
@@ -18,11 +48,42 @@ declare const _default: import("vue").DefineComponent<{
         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;
+        width: string;
+        background: string;
+        shadow: string;
+        rounded: string;
+        ring: string;
+        base: string;
+        transition: {
+            enterActiveClass: string;
+            enterFromClass: string;
+            enterToClass: string;
+            leaveActiveClass: string;
+            leaveFromClass: string;
+            leaveToClass: string;
+        };
+        popper: {
+            placement: string;
+            scroll: boolean;
+        };
+        arrow: {
+            base: string;
+            ring: string;
+            rounded: string;
+            background: string;
+            shadow: string;
+            placement: string;
+        };
+    }>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
@@ -30,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
     wrapperClass: import("vue").ComputedRef<string>;
     popper: import("vue").ComputedRef<PopperOptions>;
     container: Ref<import("@vueuse/core").MaybeElement>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "close")[], "update:modelValue" | "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue")[], "close" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -48,16 +109,18 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string;
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
+    onClose?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
+    ui: {};
     class: any;
     popper: PopperOptions;
-    ui: any;
     modelValue: boolean;
 }, {}>;
 export default _default;

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

@@ -1,4 +1,40 @@
 import type { PropType } from 'vue';
+import type { Strategy } from '../../types.js';
+declare const config: {
+    wrapper: string;
+    inner: string;
+    container: string;
+    padding: string;
+    margin: string;
+    base: string;
+    overlay: {
+        base: string;
+        background: string;
+        transition: {
+            enter: string;
+            enterFrom: string;
+            enterTo: string;
+            leave: string;
+            leaveFrom: string;
+            leaveTo: string;
+        };
+    };
+    background: string;
+    ring: string;
+    rounded: string;
+    shadow: string;
+    width: string;
+    height: string;
+    fullscreen: string;
+    transition: {
+        enter: string;
+        enterFrom: string;
+        enterTo: string;
+        leave: string;
+        leaveFrom: string;
+        leaveTo: string;
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: BooleanConstructor;
@@ -29,19 +65,55 @@ declare const _default: import("vue").DefineComponent<{
         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;
+        inner: string;
+        container: string;
+        padding: string;
+        margin: string;
+        base: string;
+        overlay: {
+            base: string;
+            background: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
+        };
+        background: string;
+        ring: string;
+        rounded: string;
+        shadow: string;
+        width: string;
+        height: string;
+        fullscreen: string;
+        transition: {
+            enter: string;
+            enterFrom: string;
+            enterTo: string;
+            leave: string;
+            leaveFrom: string;
+            leaveTo: string;
+        };
+    }>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
     isOpen: import("vue").WritableComputedRef<boolean>;
-    transitionClass: import("vue").ComputedRef<any>;
+    transitionClass: import("vue").ComputedRef<{}>;
     onAfterLeave: () => void;
     close: (value: boolean) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "close" | "close-prevented" | "after-leave")[], "update:modelValue" | "close" | "close-prevented" | "after-leave", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue" | "close-prevented" | "after-leave")[], "close" | "update:modelValue" | "close-prevented" | "after-leave", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -71,22 +143,24 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string;
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
-    "onClose-prevented"?: ((...args: any[]) => any) | undefined;
-    "onAfter-leave"?: ((...args: any[]) => any) | undefined;
+    onClose?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onClose-prevented"?: (...args: any[]) => any;
+    "onAfter-leave"?: (...args: any[]) => any;
 }, {
+    ui: {};
     class: any;
     transition: boolean;
-    ui: any;
-    modelValue: boolean;
     appear: boolean;
     overlay: boolean;
     preventClose: boolean;
     fullscreen: boolean;
+    modelValue: boolean;
 }, {}>;
 export default _default;

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

@@ -18,7 +18,7 @@
                 {{ title }}
               </slot>
             </p>
-            <div v-if="(description || $slots.description)" :class="twMerge(ui.description, !(title && $slots.title) && 'mt-0 leading-5')">
+            <div v-if="(description || $slots.description)" :class="twMerge(ui.description, !title && !$slots.title && 'mt-0 leading-5')">
               <slot name="description" :description="description">
                 {{ description }}
               </slot>
@@ -45,9 +45,7 @@
 <script>
 import { ref, computed, toRef, onMounted, onUnmounted, watch, watchEffect, defineComponent } from "vue";
 import { twMerge, twJoin } from "tailwind-merge";
-import UIcon from "../elements/Icon.vue";
-import UAvatar from "../elements/Avatar.vue";
-import UButton from "../elements/Button.vue";
+import { UIcon, UAvatar, UButton } from "#components";
 import { useUI } from "../../composables/useUI";
 import { useTimer } from "../../composables/useTimer";
 import { mergeConfig } from "../../utils";