@nuxt/ui 2.17.0 → 2.18.1

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

@@ -1,5 +1,85 @@
 import type { PropType } from 'vue';
-import type { ButtonSize, ButtonVariant } from '../../types';
+import type { ButtonColor, ButtonSize, ButtonVariant, Strategy } from '../../types.js';
+declare const config: {
+    base: string;
+    font: string;
+    rounded: string;
+    truncate: string;
+    block: string;
+    inline: string;
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    gap: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    padding: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    square: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    color: {
+        white: {
+            solid: string;
+            ghost: string;
+        };
+        gray: {
+            solid: string;
+            ghost: string;
+            link: string;
+        };
+        black: {
+            solid: string;
+            link: string;
+        };
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        ghost: string;
+        link: string;
+    };
+    icon: {
+        base: string;
+        loading: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    default: {
+        size: string;
+        variant: string;
+        color: string;
+        loadingIcon: string;
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     type: {
         type: StringConstructor;
@@ -11,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     label: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     loading: {
         type: BooleanConstructor;
@@ -27,34 +107,34 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<ButtonSize>;
-        default: () => any;
+        default: () => string;
         validator(value: string): boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<ButtonColor>;
+        default: () => string;
         validator(value: string): boolean;
     };
     variant: {
         type: PropType<ButtonVariant>;
-        default: () => any;
+        default: () => string;
         validator(value: string): boolean;
     };
     icon: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     loadingIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     leadingIcon: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     trailingIcon: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     trailing: {
         type: BooleanConstructor;
@@ -77,76 +157,157 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
     to: {
-        readonly type: PropType<RouteLocationRaw>;
-        readonly default: undefined;
+        readonly type: PropType<import("vue-router").RouteLocationRaw>;
+        readonly default: any;
         readonly required: false;
     };
     href: {
-        readonly type: PropType<RouteLocationRaw>;
-        readonly default: undefined;
+        readonly type: PropType<import("vue-router").RouteLocationRaw>;
+        readonly default: any;
         readonly required: false;
     };
     target: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["target"]>;
+        readonly default: any;
         readonly required: false;
     };
     rel: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["rel"]>;
+        readonly default: any;
         readonly required: false;
     };
     noRel: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["noRel"]>;
+        readonly default: any;
         readonly required: false;
     };
     prefetch: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["prefetch"]>;
+        readonly default: any;
         readonly required: false;
     };
     noPrefetch: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["noPrefetch"]>;
+        readonly default: any;
         readonly required: false;
     };
     activeClass: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["activeClass"]>;
+        readonly default: any;
         readonly required: false;
     };
     exactActiveClass: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["exactActiveClass"]>;
+        readonly default: any;
         readonly required: false;
     };
     prefetchedClass: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["prefetchedClass"]>;
+        readonly default: any;
         readonly required: false;
     };
     replace: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["replace"]>;
+        readonly default: any;
         readonly required: false;
     };
     ariaCurrentValue: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["ariaCurrentValue"]>;
+        readonly default: any;
         readonly required: false;
     };
     external: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["external"]>;
+        readonly default: any;
         readonly required: false;
     };
 }, {
-    ui: import("vue").ComputedRef<any>;
+    ui: import("vue").ComputedRef<{
+        base: string;
+        font: string;
+        rounded: string;
+        truncate: string;
+        block: string;
+        inline: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        gap: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        square: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        color: {
+            white: {
+                solid: string;
+                ghost: string;
+            };
+            gray: {
+                solid: string;
+                ghost: string;
+                link: string;
+            };
+            black: {
+                solid: string;
+                link: string;
+            };
+        };
+        variant: {
+            solid: string;
+            outline: string;
+            soft: string;
+            ghost: string;
+            link: string;
+        };
+        icon: {
+            base: string;
+            loading: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        };
+        default: {
+            size: string;
+            variant: string;
+            color: string;
+            loadingIcon: string;
+        };
+    }>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
@@ -154,8 +315,8 @@ declare const _default: import("vue").DefineComponent<{
     isTrailing: import("vue").ComputedRef<string | true>;
     isSquare: import("vue").ComputedRef<boolean>;
     buttonClass: import("vue").ComputedRef<string>;
-    leadingIconName: import("vue").ComputedRef<string | undefined>;
-    trailingIconName: import("vue").ComputedRef<string | undefined>;
+    leadingIconName: import("vue").ComputedRef<string>;
+    trailingIconName: import("vue").ComputedRef<string>;
     leadingIconClass: import("vue").ComputedRef<string>;
     trailingIconClass: import("vue").ComputedRef<string>;
     linkProps: import("vue").ComputedRef<{}>;
@@ -170,7 +331,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     label: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     loading: {
         type: BooleanConstructor;
@@ -186,34 +347,34 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<ButtonSize>;
-        default: () => any;
+        default: () => string;
         validator(value: string): boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<ButtonColor>;
+        default: () => string;
         validator(value: string): boolean;
     };
     variant: {
         type: PropType<ButtonVariant>;
-        default: () => any;
+        default: () => string;
         validator(value: string): boolean;
     };
     icon: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     loadingIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     leadingIcon: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     trailingIcon: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     trailing: {
         type: BooleanConstructor;
@@ -236,106 +397,108 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
     to: {
-        readonly type: PropType<RouteLocationRaw>;
-        readonly default: undefined;
+        readonly type: PropType<import("vue-router").RouteLocationRaw>;
+        readonly default: any;
         readonly required: false;
     };
     href: {
-        readonly type: PropType<RouteLocationRaw>;
-        readonly default: undefined;
+        readonly type: PropType<import("vue-router").RouteLocationRaw>;
+        readonly default: any;
         readonly required: false;
     };
     target: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["target"]>;
+        readonly default: any;
         readonly required: false;
     };
     rel: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["rel"]>;
+        readonly default: any;
         readonly required: false;
     };
     noRel: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["noRel"]>;
+        readonly default: any;
         readonly required: false;
     };
     prefetch: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["prefetch"]>;
+        readonly default: any;
         readonly required: false;
     };
     noPrefetch: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["noPrefetch"]>;
+        readonly default: any;
         readonly required: false;
     };
     activeClass: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["activeClass"]>;
+        readonly default: any;
         readonly required: false;
     };
     exactActiveClass: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["exactActiveClass"]>;
+        readonly default: any;
         readonly required: false;
     };
     prefetchedClass: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["prefetchedClass"]>;
+        readonly default: any;
         readonly required: false;
     };
     replace: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["replace"]>;
+        readonly default: any;
         readonly required: false;
     };
     ariaCurrentValue: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["ariaCurrentValue"]>;
+        readonly default: any;
         readonly required: false;
     };
     external: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<import("#app").NuxtLinkProps["external"]>;
+        readonly default: any;
         readonly required: false;
     };
 }>>, {
-    replace: NuxtLinkProps;
     size: ButtonSize;
     type: string;
-    label: string;
+    replace: boolean;
     class: any;
+    to: any;
+    activeClass: string;
+    exactActiveClass: string;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    disabled: boolean;
     truncate: boolean;
-    target: NuxtLinkProps;
-    rel: NuxtLinkProps;
-    noRel: NuxtLinkProps;
-    prefetch: NuxtLinkProps;
-    noPrefetch: NuxtLinkProps;
-    activeClass: NuxtLinkProps;
-    exactActiveClass: NuxtLinkProps;
-    prefetchedClass: NuxtLinkProps;
-    ariaCurrentValue: NuxtLinkProps;
-    external: NuxtLinkProps;
-    leading: boolean;
-    color: any;
+    ui: {};
+    color: ButtonColor;
     variant: ButtonVariant;
-    disabled: boolean;
-    to: RouteLocationRaw;
-    href: RouteLocationRaw;
-    ui: any;
+    label: string;
+    icon: string;
+    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;
+    leading: boolean;
     block: boolean;
+    square: boolean;
     loading: boolean;
     padded: boolean;
-    icon: string;
     loadingIcon: string;
     leadingIcon: string;
     trailingIcon: string;
     trailing: boolean;
-    square: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/elements/ButtonGroup.d.ts

@@ -1,9 +1,109 @@
 import type { PropType } from 'vue';
-import type { ButtonSize } from '../../types';
-declare const _default: import("vue").DefineComponent<{
+import type { ButtonSize, Strategy } from '../../types.js';
+declare const buttonGroupConfig: {
+    wrapper: {
+        horizontal: string;
+        vertical: string;
+    };
+    rounded: string;
+    shadow: string;
+    orientation: {
+        'rounded-none': {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+        'rounded-sm': {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+        rounded: {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+        'rounded-md': {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+        'rounded-lg': {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+        'rounded-xl': {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+        'rounded-2xl': {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+        'rounded-3xl': {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+        'rounded-full': {
+            horizontal: {
+                start: string;
+                end: string;
+            };
+            vertical: {
+                start: string;
+                end: string;
+            };
+        };
+    };
+};
+declare const _default: import("@vue/runtime-core").DefineComponent<{
     size: {
         type: PropType<ButtonSize>;
-        default: null;
+        default: any;
         validator(value: string): boolean;
     };
     orientation: {
@@ -16,15 +116,17 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof buttonGroupConfig> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
     size: {
         type: PropType<ButtonSize>;
-        default: null;
+        default: any;
         validator(value: string): boolean;
     };
     orientation: {
@@ -37,13 +139,15 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof buttonGroupConfig> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }>>, {
     orientation: "horizontal" | "vertical";
     size: ButtonSize;
-    ui: any;
+    ui: {};
     class: any;
 }, {}>;
 export default _default;