@nuxt/ui 2.19.2 → 2.21.0

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

@@ -10,6 +10,12 @@ declare const config: {
         md: string;
         lg: string;
     };
+    gap: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
     color: {
         white: {
             solid: string;
@@ -27,6 +33,15 @@ declare const config: {
         soft: string;
         subtle: string;
     };
+    icon: {
+        base: string;
+        size: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+        };
+    };
     default: {
         size: string;
         variant: string;
@@ -53,6 +68,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: (StringConstructor | NumberConstructor)[];
         default: any;
     };
+    icon: {
+        type: StringConstructor;
+        default: any;
+    };
+    leadingIcon: {
+        type: StringConstructor;
+        default: any;
+    };
+    trailingIcon: {
+        type: StringConstructor;
+        default: any;
+    };
+    trailing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    leading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     class: {
         type: PropType<any>;
         default: () => "";
@@ -67,7 +102,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
+    isLeading: import("vue").ComputedRef<string | true>;
+    isTrailing: import("vue").ComputedRef<string | true>;
     badgeClass: import("vue").ComputedRef<string>;
+    leadingIconName: import("vue").ComputedRef<string>;
+    trailingIconName: import("vue").ComputedRef<string>;
+    leadingIconClass: import("vue").ComputedRef<string>;
+    trailingIconClass: import("vue").ComputedRef<string>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: PropType<BadgeSize>;
@@ -88,6 +129,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: (StringConstructor | NumberConstructor)[];
         default: any;
     };
+    icon: {
+        type: StringConstructor;
+        default: any;
+    };
+    leadingIcon: {
+        type: StringConstructor;
+        default: any;
+    };
+    trailingIcon: {
+        type: StringConstructor;
+        default: any;
+    };
+    trailing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    leading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     class: {
         type: PropType<any>;
         default: () => "";
@@ -101,9 +162,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     size: BadgeSize;
     class: any;
-    color: BadgeColor;
-    variant: BadgeVariant;
-    label: string | number;
     ui: {
         base?: string;
         rounded?: string;
@@ -114,6 +172,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             md: string;
             lg: string;
         }, any>;
+        gap?: DeepPartial<{
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+        }, any>;
         color?: DeepPartial<{
             white: {
                 solid: string;
@@ -131,6 +195,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             soft: string;
             subtle: string;
         }, any>;
+        icon?: DeepPartial<{
+            base: string;
+            size: {
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+            };
+        }, any>;
         default?: DeepPartial<{
             size: string;
             variant: string;
@@ -141,5 +214,59 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    color: BadgeColor;
+    variant: BadgeVariant;
+    leading: boolean;
+    label: string | number;
+    icon: string;
+    leadingIcon: string;
+    trailingIcon: string;
+    trailing: boolean;
+}, {}, {
+    UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        mode: {
+            type: PropType<"svg" | "css">;
+            required: false;
+            default: any;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: false;
+            default: any;
+        };
+        customize: {
+            type: FunctionConstructor;
+            required: false;
+            default: any;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        mode: {
+            type: PropType<"svg" | "css">;
+            required: false;
+            default: any;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: false;
+            default: any;
+        };
+        customize: {
+            type: FunctionConstructor;
+            required: false;
+            default: any;
+        };
+    }>> & Readonly<{}>, {
+        mode: "svg" | "css";
+        size: string | number;
+        customize: Function;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -18,11 +18,11 @@
 
 <script>
 import { computed, defineComponent, toRef } from "vue";
-import { twMerge, twJoin } from "tailwind-merge";
+import { twJoin } from "tailwind-merge";
 import UIcon from "../elements/Icon.vue";
 import ULink from "../elements/Link.vue";
 import { useUI } from "../../composables/useUI";
-import { mergeConfig, nuxtLinkProps, getNuxtLinkProps } from "../../utils";
+import { getNuxtLinkProps, mergeConfig, nuxtLinkProps, twMerge } from "../../utils";
 import { useInjectButtonGroup } from "../../composables/useButtonGroup";
 import appConfig from "#build/app.config";
 import { button } from "#ui/ui.config";

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

@@ -473,23 +473,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: ButtonColor;
-    variant: ButtonVariant;
-    href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
-    rel: any;
-    label: string;
     ui: {
         base?: string;
         font?: string;
@@ -574,6 +557,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    color: ButtonColor;
+    variant: 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;
@@ -651,7 +651,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         exactQuery: {
-            type: BooleanConstructor;
+            type: PropType<boolean | "partial">;
             default: boolean;
         };
         exactHash: {
@@ -754,7 +754,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         exactQuery: {
-            type: BooleanConstructor;
+            type: PropType<boolean | "partial">;
             default: boolean;
         };
         exactHash: {
@@ -847,7 +847,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/elements/ButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { ButtonSize, Strategy } from '../../types/index.js';
+import type { ButtonSize, DeepPartial, Strategy } from '../../types/index.js';
 declare const buttonGroupConfig: {
     wrapper: {
         horizontal: string;
@@ -116,7 +116,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof buttonGroupConfig> & {
+        type: PropType<DeepPartial<typeof buttonGroupConfig> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -139,22 +139,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof buttonGroupConfig> & {
+        type: PropType<DeepPartial<typeof buttonGroupConfig> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    size: ButtonSize;
-    orientation: "horizontal" | "vertical";
-    ui: Partial<{
-        wrapper: {
+    ui: {
+        wrapper?: DeepPartial<{
             horizontal: string;
             vertical: string;
-        };
-        rounded: string;
-        shadow: string;
-        orientation: {
+        }, any>;
+        rounded?: string;
+        shadow?: string;
+        orientation?: DeepPartial<{
             'rounded-none': {
                 horizontal: {
                     start: string;
@@ -245,10 +243,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     end: string;
                 };
             };
-        };
-    }> & {
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
         strategy?: Strategy;
     };
+    size: ButtonSize;
+    orientation: "horizontal" | "vertical";
     class: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/elements/ButtonGroup.js

@@ -1,7 +1,7 @@
 import { h, computed, toRef, defineComponent } from "vue";
-import { twMerge, twJoin } from "tailwind-merge";
+import { twJoin } from "tailwind-merge";
 import { useUI } from "../../composables/useUI.js";
-import { mergeConfig, getSlotsChildren } from "../../utils/index.js";
+import { getSlotsChildren, mergeConfig, twMerge } from "../../utils/index.js";
 import { useProvideButtonGroup } from "../../composables/useButtonGroup.js";
 import appConfig from "#build/app.config";
 import { button, buttonGroup } from "#ui/ui.config";

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

@@ -57,9 +57,8 @@
 
 <script>
 import { ref, toRef, computed, defineComponent } from "vue";
-import { twMerge } from "tailwind-merge";
 import { useScroll, useResizeObserver, useElementSize } from "@vueuse/core";
-import { mergeConfig } from "../../utils";
+import { mergeConfig, twMerge } from "../../utils";
 import UButton from "../elements/Button.vue";
 import { useUI } from "../../composables/useUI";
 import { useCarouselScroll } from "../../composables/useCarouselScroll";

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

@@ -15,12 +15,12 @@ declare const config: {
     };
     default: {
         prevButton: {
-            color: "black";
+            color: import("../../types/button").ButtonColor;
             class: string;
             icon: string;
         };
         nextButton: {
-            color: "black";
+            color: import("../../types/button").ButtonColor;
             class: string;
             icon: string;
         };
@@ -64,9 +64,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<DeepPartial<typeof config & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
-        }>>;
+        }>;
         default: any;
     };
 }>, {
@@ -85,12 +85,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         default: {
             prevButton: {
-                color: "black";
+                color: import("../../types/button").ButtonColor;
                 class: string;
                 icon: string;
             };
             nextButton: {
-                color: "black";
+                color: import("../../types/button").ButtonColor;
                 class: string;
                 icon: string;
             };
@@ -146,41 +146,43 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<DeepPartial<typeof config & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
-        }>>;
+        }>;
         default: any;
     };
 }>> & Readonly<{}>, {
     class: any;
-    ui: DeepPartial<{
-        wrapper: string;
-        container: string;
-        item: string;
-        arrows: {
+    ui: {
+        wrapper?: string;
+        container?: string;
+        item?: string;
+        arrows?: DeepPartial<{
             wrapper: string;
-        };
-        indicators: {
+        }, any>;
+        indicators?: DeepPartial<{
             wrapper: string;
             base: string;
             active: string;
             inactive: string;
-        };
-        default: {
+        }, any>;
+        default?: DeepPartial<{
             prevButton: {
-                color: "black";
+                color: import("../../types/button").ButtonColor;
                 class: string;
                 icon: string;
             };
             nextButton: {
-                color: "black";
+                color: import("../../types/button").ButtonColor;
                 class: string;
                 icon: string;
             };
-        };
+        }, any>;
+    } & {
+        [key: string]: any;
     } & {
         strategy?: Strategy;
-    }>;
+    };
     items: any[];
     arrows: boolean;
     indicators: boolean;
@@ -743,23 +745,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;
@@ -844,6 +829,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;
@@ -921,7 +923,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             exactQuery: {
-                type: BooleanConstructor;
+                type: PropType<boolean | "partial">;
                 default: boolean;
             };
             exactHash: {
@@ -1024,7 +1026,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             exactQuery: {
-                type: BooleanConstructor;
+                type: PropType<boolean | "partial">;
                 default: boolean;
             };
             exactHash: {
@@ -1117,7 +1119,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/elements/Chip.vue.d.ts

@@ -150,12 +150,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    size: "xs" | "sm" | "2xs" | "md" | "lg" | "xl" | "2xl" | "3xs" | "3xl";
+    size: "sm" | "xs" | "2xs" | "md" | "lg" | "xl" | "3xs" | "2xl" | "3xl";
     class: any;
-    inset: boolean;
-    position: "top-right" | "bottom-right" | "top-left" | "bottom-left";
-    color: ChipColor;
-    text: string | number;
     ui: {
         wrapper?: string;
         base?: string;
@@ -194,6 +190,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    color: ChipColor;
+    inset: boolean;
+    position: "top-right" | "bottom-right" | "top-left" | "bottom-left";
+    text: string | number;
     show: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -59,13 +59,13 @@
 import { defineComponent, ref, computed, watch, toRef, onMounted, resolveComponent } from "vue";
 import { Menu as HMenu, MenuButton as HMenuButton, MenuItems as HMenuItems, MenuItem as HMenuItem, provideUseId } from "@headlessui/vue";
 import { defu } from "defu";
-import { twMerge, twJoin } from "tailwind-merge";
+import { twJoin } from "tailwind-merge";
 import UIcon from "../elements/Icon.vue";
 import UAvatar from "../elements/Avatar.vue";
 import UKbd from "../elements/Kbd.vue";
 import { useUI } from "../../composables/useUI";
 import { usePopper } from "../../composables/usePopper";
-import { mergeConfig, getNuxtLinkProps } from "../../utils";
+import { getNuxtLinkProps, mergeConfig, twMerge } from "../../utils";
 import appConfig from "#build/app.config";
 import { dropdown } from "#ui/ui.config";
 import { useId } from "#imports";

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

@@ -29,7 +29,7 @@ declare const config: {
         };
         avatar: {
             base: string;
-            size: "2xs";
+            size: import("../../types/avatar").AvatarSize;
         };
         label: string;
         shortcuts: string;
@@ -128,7 +128,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             avatar: {
                 base: string;
-                size: "2xs";
+                size: import("../../types/avatar").AvatarSize;
             };
             label: string;
             shortcuts: string;
@@ -244,7 +244,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     mode: "click" | "hover";
     class: any;
     disabled: boolean;
-    popper: PopperOptions;
     ui: {
         wrapper?: string;
         container?: string;
@@ -273,7 +272,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             avatar: {
                 base: string;
-                size: "2xs";
+                size: import("../../types/avatar").AvatarSize;
             };
             label: string;
             shortcuts: string;
@@ -307,6 +306,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    popper: PopperOptions;
     open: boolean;
     items: DropdownItem[][];
     openDelay: number;
@@ -786,9 +786,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;
@@ -852,6 +849,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;

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

@@ -6,9 +6,9 @@
 
 <script>
 import { toRef, defineComponent, computed } from "vue";
-import { twMerge, twJoin } from "tailwind-merge";
+import { twJoin } from "tailwind-merge";
 import { useUI } from "../../composables/useUI";
-import { mergeConfig } from "../../utils";
+import { mergeConfig, twMerge } from "../../utils";
 import appConfig from "#build/app.config";
 import { kbd } from "#ui/ui.config";
 const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.kbd, kbd);