@nuxt/ui 2.17.0 → 2.18.0

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

@@ -1,9 +1,109 @@
 import type { PropType } from 'vue';
-import type { ButtonSize } from '../../types';
+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").DefineComponent<{
     size: {
         type: PropType<ButtonSize>;
-        default: null;
+        default: any;
         validator(value: string): boolean;
     };
     orientation: {
@@ -16,7 +116,9 @@ 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, {
@@ -24,7 +126,7 @@ declare const _default: import("vue").DefineComponent<{
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").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;

package/dist/runtime/components/elements/{ButtonGroup.mjs → ButtonGroup.js}

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

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

@@ -1,9 +1,35 @@
 import type { PropType } from 'vue';
-import type { Button } from '../../types';
+import type { Strategy, Button } from '../../types.js';
+declare const config: {
+    wrapper: string;
+    container: string;
+    item: string;
+    arrows: {
+        wrapper: string;
+    };
+    indicators: {
+        wrapper: string;
+        base: string;
+        active: string;
+        inactive: string;
+    };
+    default: {
+        prevButton: {
+            color: "black";
+            class: string;
+            icon: string;
+        };
+        nextButton: {
+            color: "black";
+            class: string;
+            icon: string;
+        };
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     items: {
         type: PropType<any[]>;
-        default: () => never[];
+        default: () => any[];
     };
     arrows: {
         type: BooleanConstructor;
@@ -15,18 +41,18 @@ declare const _default: import("vue").DefineComponent<{
     };
     prevButton: {
         type: PropType<Button & {
-            class?: string | undefined;
+            class?: string;
         }>;
         default: () => Button & {
-            class?: string | undefined;
+            class?: string;
         };
     };
     nextButton: {
         type: PropType<Button & {
-            class?: string | undefined;
+            class?: string;
         }>;
         default: () => Button & {
-            class?: string | undefined;
+            class?: string;
         };
     };
     class: {
@@ -34,17 +60,44 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<any>>;
-        default: undefined;
+        type: PropType<Partial<typeof config & {
+            strategy?: Strategy;
+        }>>;
+        default: any;
     };
 }, {
-    ui: import("vue").ComputedRef<any>;
+    ui: import("vue").ComputedRef<{
+        wrapper: string;
+        container: string;
+        item: string;
+        arrows: {
+            wrapper: string;
+        };
+        indicators: {
+            wrapper: string;
+            base: string;
+            active: string;
+            inactive: string;
+        };
+        default: {
+            prevButton: {
+                color: "black";
+                class: string;
+                icon: string;
+            };
+            nextButton: {
+                color: "black";
+                class: string;
+                icon: string;
+            };
+        };
+    }>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
     isFirst: import("vue").ComputedRef<boolean>;
     isLast: import("vue").ComputedRef<boolean>;
-    carouselRef: import("vue").Ref<HTMLElement | undefined>;
+    carouselRef: import("vue").Ref<HTMLElement>;
     pages: import("vue").ComputedRef<number>;
     currentPage: import("vue").ComputedRef<number>;
     onClickNext: () => void;
@@ -54,7 +107,7 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<any[]>;
-        default: () => never[];
+        default: () => any[];
     };
     arrows: {
         type: BooleanConstructor;
@@ -66,18 +119,18 @@ declare const _default: import("vue").DefineComponent<{
     };
     prevButton: {
         type: PropType<Button & {
-            class?: string | undefined;
+            class?: string;
         }>;
         default: () => Button & {
-            class?: string | undefined;
+            class?: string;
         };
     };
     nextButton: {
         type: PropType<Button & {
-            class?: string | undefined;
+            class?: string;
         }>;
         default: () => Button & {
-            class?: string | undefined;
+            class?: string;
         };
     };
     class: {
@@ -85,20 +138,22 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<any>>;
-        default: undefined;
+        type: PropType<Partial<typeof config & {
+            strategy?: Strategy;
+        }>>;
+        default: any;
     };
 }>>, {
+    ui: any;
     class: any;
-    ui: Partial<any>;
     items: any[];
     arrows: boolean;
     indicators: boolean;
     prevButton: Button & {
-        class?: string | undefined;
+        class?: string;
     };
     nextButton: Button & {
-        class?: string | undefined;
+        class?: string;
     };
 }, {}>;
 export default _default;

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

@@ -1,27 +1,62 @@
 import type { PropType } from 'vue';
+import type { ChipSize, ChipColor, ChipPosition, Strategy } from '../../types.js';
+declare const config: {
+    wrapper: string;
+    base: string;
+    background: string;
+    position: {
+        'top-right': string;
+        'bottom-right': string;
+        'top-left': string;
+        'bottom-left': string;
+    };
+    translate: {
+        'top-right': string;
+        'bottom-right': string;
+        'top-left': string;
+        'bottom-left': string;
+    };
+    size: {
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+    };
+    default: {
+        size: string;
+        color: string;
+        position: string;
+        inset: boolean;
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     size: {
-        type: PropType<"sm" | "2xs" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xs" | "3xl">;
-        default: () => any;
+        type: PropType<ChipSize>;
+        default: () => string;
         validator(value: string): boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<ChipColor>;
+        default: () => string;
         validator(value: string): boolean;
     };
     position: {
-        type: PropType<"top-right" | "bottom-right" | "top-left" | "bottom-left">;
-        default: () => any;
+        type: PropType<ChipPosition>;
+        default: () => string;
         validator(value: string): boolean;
     };
     text: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: null;
+        type: (NumberConstructor | StringConstructor)[];
+        default: any;
     };
     inset: {
         type: BooleanConstructor;
-        default: () => any;
+        default: () => boolean;
     };
     show: {
         type: BooleanConstructor;
@@ -32,38 +67,73 @@ 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<{
+        wrapper: string;
+        base: string;
+        background: string;
+        position: {
+            'top-right': string;
+            'bottom-right': string;
+            'top-left': string;
+            'bottom-left': string;
+        };
+        translate: {
+            'top-right': string;
+            'bottom-right': string;
+            'top-left': string;
+            'bottom-left': string;
+        };
+        size: {
+            '3xs': string;
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+        };
+        default: {
+            size: string;
+            color: string;
+            position: string;
+            inset: boolean;
+        };
+    }>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
     chipClass: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: PropType<"sm" | "2xs" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xs" | "3xl">;
-        default: () => any;
+        type: PropType<ChipSize>;
+        default: () => string;
         validator(value: string): boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<ChipColor>;
+        default: () => string;
         validator(value: string): boolean;
     };
     position: {
-        type: PropType<"top-right" | "bottom-right" | "top-left" | "bottom-left">;
-        default: () => any;
+        type: PropType<ChipPosition>;
+        default: () => string;
         validator(value: string): boolean;
     };
     text: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: null;
+        type: (NumberConstructor | StringConstructor)[];
+        default: any;
     };
     inset: {
         type: BooleanConstructor;
-        default: () => any;
+        default: () => boolean;
     };
     show: {
         type: BooleanConstructor;
@@ -74,17 +144,19 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }>>, {
-    size: "sm" | "2xs" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xs" | "3xl";
-    text: string | number;
+    size: "xs" | "sm" | "2xs" | "md" | "lg" | "xl" | "3xs" | "2xl" | "3xl";
+    ui: {};
+    color: ChipColor;
     class: any;
     inset: boolean;
     position: "top-right" | "bottom-right" | "top-left" | "bottom-left";
-    color: any;
-    ui: any;
+    text: string | number;
     show: boolean;
 }, {}>;
 export default _default;

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

@@ -60,9 +60,7 @@ import { defineComponent, ref, computed, watch, toRef, onMounted, resolveCompone
 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 UIcon from "../elements/Icon.vue";
-import UAvatar from "../elements/Avatar.vue";
-import UKbd from "../elements/Kbd.vue";
+import { UIcon, UAvatar, UKbd } from "#components";
 import { useUI } from "../../composables/useUI";
 import { usePopper } from "../../composables/usePopper";
 import { mergeConfig, getNuxtLinkProps } from "../../utils";
@@ -217,10 +215,8 @@ export default defineComponent({
       }
     }
     watch(() => props.open, (newValue, oldValue) => {
-      if (!menuApi.value)
-        return;
-      if (oldValue === void 0 || newValue === oldValue)
-        return;
+      if (!menuApi.value) return;
+      if (oldValue === void 0 || newValue === oldValue) return;
       if (newValue) {
         menuApi.value.openMenu();
       } else {
@@ -228,8 +224,7 @@ export default defineComponent({
       }
     });
     watch(() => menuApi.value?.menuState, (newValue, oldValue) => {
-      if (oldValue === void 0 || newValue === oldValue)
-        return;
+      if (oldValue === void 0 || newValue === oldValue) return;
       emit("update:open", newValue === 0);
     });
     const NuxtLink = resolveComponent("NuxtLink");