@nuxt/ui 2.17.0 → 2.18.1

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;
     };
 }>>, {
     class: any;
-    ui: Partial<any>;
+    ui: 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;
+        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;
+        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";
     class: any;
+    ui: {};
+    color: ChipColor;
     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

@@ -217,10 +217,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 +226,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");

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;
 }, {
+    mode: "click" | "hover";
     class: any;
-    popper: PopperOptions;
     disabled: boolean;
-    ui: any;
+    ui: {};
+    popper: PopperOptions;
     open: boolean;
     items: DropdownItem[][];
-    mode: "click" | "hover";
     openDelay: number;
     closeDelay: number;
 }, {}>;

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

@@ -1,29 +1,30 @@
 <template>
-  <Icon v-if="dynamic" :name="name" />
-  <span v-else :class="name" />
+  <Icon v-bind="$props" />
 </template>
 
 <script>
-import { defineComponent, computed } from "vue";
-import { useAppConfig } from "#imports";
+import { defineComponent } from "vue";
 export default defineComponent({
   props: {
     name: {
       type: String,
       required: true
     },
-    dynamic: {
-      type: Boolean,
-      default: false
+    mode: {
+      type: String,
+      required: false,
+      default: null
+    },
+    size: {
+      type: [Number, String],
+      required: false,
+      default: null
+    },
+    customize: {
+      type: Function,
+      required: false,
+      default: null
     }
-  },
-  setup(props) {
-    const appConfig = useAppConfig();
-    const dynamic = computed(() => props.dynamic || appConfig.ui?.icons?.dynamic);
-    return {
-      // eslint-disable-next-line vue/no-dupe-keys
-      dynamic
-    };
   }
 });
 </script>