@nuxt/ui 2.18.5 → 2.18.7

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

@@ -145,9 +145,110 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    size: ButtonSize;
     orientation: "horizontal" | "vertical";
-    ui: {};
+    size: ButtonSize;
+    ui: Partial<{
+        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;
+                };
+            };
+        };
+    }> & {
+        strategy?: Strategy;
+    };
     class: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,5 +1,5 @@
 <template>
-  <div :class="ui.wrapper" v-bind="attrs">
+  <div :class="ui.wrapper" v-bind="attrs" :dir="dir">
     <div ref="carouselRef" :class="ui.container" class="no-scrollbar">
       <div
         v-for="(item, index) in items"
@@ -84,6 +84,10 @@ export default defineComponent({
       type: Boolean,
       default: false
     },
+    dir: {
+      type: String,
+      default: "ltr"
+    },
     prevButton: {
       type: Object,
       default: () => config.default.prevButton
@@ -112,28 +116,33 @@ export default defineComponent({
       const [entry] = entries;
       itemWidth.value = entry?.target?.firstElementChild?.clientWidth || 0;
     });
+    const isRtl = computed(() => props.dir === "rtl");
     const currentPage = computed(() => {
       if (!itemWidth.value) {
         return 0;
       }
-      return Math.round(x.value / itemWidth.value) + 1;
+      return isRtl.value ? Math.round(-x.value / itemWidth.value) + 1 : Math.round(x.value / itemWidth.value) + 1;
     });
     const pages = computed(() => {
       if (!itemWidth.value) {
         return 0;
       }
-      return props.items.length - Math.round(carouselWidth.value / itemWidth.value) + 1;
+      const itemDivisions = Math.round(carouselWidth.value / itemWidth.value);
+      if (props.items.length <= itemDivisions) {
+        return 0;
+      }
+      return props.items.length - itemDivisions + 1;
     });
     const isFirst = computed(() => currentPage.value <= 1);
     const isLast = computed(() => currentPage.value === pages.value);
     function onClickNext() {
-      x.value += itemWidth.value;
+      x.value += isRtl.value ? -itemWidth.value : itemWidth.value;
     }
     function onClickPrev() {
-      x.value -= itemWidth.value;
+      x.value -= isRtl.value ? -itemWidth.value : itemWidth.value;
     }
     function onClick(page) {
-      x.value = (page - 1) * itemWidth.value;
+      x.value = (page - 1) * itemWidth.value * (isRtl.value ? -1 : 1);
     }
     expose({
       pages,

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

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { Strategy, Button } from '../../types/index.js';
+import type { Strategy, Button, DeepPartial } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     container: string;
@@ -39,6 +39,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    dir: {
+        type: PropType<"ltr" | "rtl">;
+        default: string;
+    };
     prevButton: {
         type: PropType<Button & {
             class?: string;
@@ -60,7 +64,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config & {
+        type: PropType<DeepPartial<typeof config & {
             strategy?: Strategy;
         }>>;
         default: any;
@@ -117,6 +121,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    dir: {
+        type: PropType<"ltr" | "rtl">;
+        default: string;
+    };
     prevButton: {
         type: PropType<Button & {
             class?: string;
@@ -138,17 +146,45 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config & {
+        type: PropType<DeepPartial<typeof config & {
             strategy?: Strategy;
         }>>;
         default: any;
     };
 }>> & Readonly<{}>, {
     class: any;
-    ui: any;
+    ui: DeepPartial<{
+        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;
+            };
+        };
+    } & {
+        strategy?: Strategy;
+    }>;
     items: any[];
     arrows: boolean;
     indicators: boolean;
+    dir: "ltr" | "rtl";
     prevButton: Button & {
         class?: string;
     };
@@ -233,7 +269,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 base: string;
                 font: string;
                 rounded: string;
@@ -552,7 +588,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 base: string;
                 font: string;
                 rounded: string;
@@ -705,7 +741,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: string;
         size: import("../../types/button").ButtonSize;
         class: any;
-        to: any;
+        to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         disabled: boolean;
         truncate: boolean;
         target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
@@ -721,10 +757,93 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         leading: boolean;
         color: import("../../types/button").ButtonColor;
         variant: import("../../types/button").ButtonVariant;
-        href: any;
+        href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         rel: any;
         label: string;
-        ui: {};
+        ui: {
+            base?: string;
+            font?: string;
+            rounded?: string;
+            truncate?: string;
+            block?: string;
+            inline?: string;
+            size?: DeepPartial<{
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            }, any>;
+            gap?: DeepPartial<{
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            }, any>;
+            padding?: DeepPartial<{
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            }, any>;
+            square?: DeepPartial<{
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            }, any>;
+            color?: DeepPartial<{
+                white: {
+                    solid: string;
+                    ghost: string;
+                };
+                gray: {
+                    solid: string;
+                    ghost: string;
+                    link: string;
+                };
+                black: {
+                    solid: string;
+                    link: string;
+                };
+            }, any>;
+            variant?: DeepPartial<{
+                solid: string;
+                outline: string;
+                soft: string;
+                ghost: string;
+                link: string;
+            }, any>;
+            icon?: DeepPartial<{
+                base: string;
+                loading: string;
+                size: {
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                };
+            }, any>;
+            default?: DeepPartial<{
+                size: string;
+                variant: string;
+                color: string;
+                loadingIcon: string;
+            }, any>;
+        } & {
+            [key: string]: any;
+        } & {
+            strategy?: Strategy;
+        };
         icon: string;
         block: boolean;
         square: boolean;
@@ -983,7 +1102,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{}>, {
             type: string;
-            to: any;
+            to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
             disabled: boolean;
             target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
             activeClass: string;
@@ -1001,7 +1120,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             exactQuery: boolean;
             exactHash: boolean;
             inactiveClass: string;
-            href: any;
+            href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
             rel: any;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { ChipSize, ChipColor, ChipPosition, Strategy } from '../../types/index.js';
+import type { ChipSize, ChipColor, ChipPosition, Strategy, DeepPartial } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     base: string;
@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -144,7 +144,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -156,7 +156,44 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     position: "top-right" | "bottom-right" | "top-left" | "bottom-left";
     color: ChipColor;
     text: string | number;
-    ui: {};
+    ui: {
+        wrapper?: string;
+        base?: string;
+        background?: string;
+        position?: DeepPartial<{
+            'top-right': string;
+            'bottom-right': string;
+            'top-left': string;
+            'bottom-left': string;
+        }, any>;
+        translate?: DeepPartial<{
+            'top-right': string;
+            'bottom-right': string;
+            'top-left': string;
+            'bottom-left': string;
+        }, any>;
+        size?: DeepPartial<{
+            '3xs': string;
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+        }, any>;
+        default?: DeepPartial<{
+            size: string;
+            color: string;
+            position: string;
+            inset: boolean;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     show: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -166,7 +166,7 @@ export default defineComponent({
       }
     });
     function onTouchStart(event) {
-      if (!event.cancelable || !menuApi.value) {
+      if (!event.cancelable || !menuApi.value || props.mode === "click") {
         return;
       }
       if (menuApi.value.menuState === 0) {

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

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import { twJoin } from 'tailwind-merge';
-import type { DropdownItem, PopperOptions, Strategy } from '../../types/index.js';
+import type { DeepPartial, DropdownItem, PopperOptions, Strategy } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     container: string;
@@ -94,7 +94,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -233,7 +233,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -245,7 +245,68 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     class: any;
     disabled: boolean;
     popper: PopperOptions;
-    ui: {};
+    ui: {
+        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?: DeepPartial<{
+            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;
+        }, any>;
+        transition?: DeepPartial<{
+            enterActiveClass: string;
+            enterFromClass: string;
+            enterToClass: string;
+            leaveActiveClass: string;
+            leaveFromClass: string;
+            leaveToClass: string;
+        }, any>;
+        popper?: DeepPartial<{
+            placement: string;
+            strategy: string;
+        }, any>;
+        default?: DeepPartial<{
+            openDelay: number;
+            closeDelay: number;
+        }, any>;
+        arrow?: DeepPartial<{
+            ring: string;
+            background: string;
+            base: string;
+            rounded: string;
+            shadow: string;
+            placement: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     open: boolean;
     items: DropdownItem[][];
     openDelay: number;
@@ -476,7 +537,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 wrapper: string;
                 background: string;
                 rounded: string;
@@ -659,7 +720,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 wrapper: string;
                 background: string;
                 rounded: string;
@@ -728,7 +789,69 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         as: string | Record<string, any>;
         text: string;
         alt: string;
-        ui: {};
+        ui: {
+            wrapper?: string;
+            background?: string;
+            rounded?: string;
+            text?: string;
+            placeholder?: string;
+            size?: DeepPartial<{
+                '3xs': string;
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+                '3xl': string;
+            }, any>;
+            chip?: DeepPartial<{
+                base: string;
+                background: string;
+                position: {
+                    '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;
+                };
+            }, any>;
+            icon?: DeepPartial<{
+                base: string;
+                size: {
+                    '3xs': string;
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                    '2xl': string;
+                    '3xl': string;
+                };
+            }, any>;
+            default?: DeepPartial<{
+                size: string;
+                icon: any;
+                chipColor: any;
+                chipPosition: string;
+            }, any>;
+        } & {
+            [key: string]: any;
+        } & {
+            strategy?: Strategy;
+        };
         icon: string;
         src: string | boolean;
         chipColor: import("../../types/avatar").AvatarChipColor;
@@ -797,7 +920,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 base: string;
                 padding: string;
                 size: {
@@ -853,7 +976,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 base: string;
                 padding: string;
                 size: {
@@ -876,7 +999,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         size: import("../../types/kbd").KbdSize;
         class: any;
-        ui: {};
+        ui: {
+            base?: string;
+            padding?: string;
+            size?: DeepPartial<{
+                xs: string;
+                sm: string;
+                md: string;
+            }, any>;
+            rounded?: string;
+            font?: string;
+            background?: string;
+            ring?: string;
+            default?: DeepPartial<{
+                size: string;
+            }, any>;
+        } & {
+            [key: string]: any;
+        } & {
+            strategy?: Strategy;
+        };
         value: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;