@nuxt/ui 2.17.0 → 2.18.1

package/dist/runtime/components/data/Table.vue.d.ts

@@ -1,5 +1,85 @@
 import type { PropType, AriaAttributes } from 'vue';
-import type { Button, ProgressAnimation } from '../../types';
+import type { Strategy, Button, ProgressColor, ProgressAnimation } from '../../types.js';
+declare const config: {
+    wrapper: string;
+    base: string;
+    divide: string;
+    thead: string;
+    tbody: string;
+    caption: string;
+    tr: {
+        base: string;
+        selected: string;
+        active: string;
+    };
+    th: {
+        base: string;
+        padding: string;
+        color: string;
+        font: string;
+        size: string;
+    };
+    td: {
+        base: string;
+        padding: string;
+        color: string;
+        font: string;
+        size: string;
+    };
+    checkbox: {
+        padding: string;
+    };
+    loadingState: {
+        wrapper: string;
+        label: string;
+        icon: string;
+    };
+    emptyState: {
+        wrapper: string;
+        label: string;
+        icon: string;
+    };
+    expand: {
+        icon: string;
+    };
+    progress: {
+        wrapper: string;
+    };
+    default: {
+        sortAscIcon: string;
+        sortDescIcon: string;
+        sortButton: {
+            icon: string;
+            trailing: boolean;
+            square: boolean;
+            color: "gray";
+            variant: "ghost";
+            class: string;
+        };
+        expandButton: {
+            icon: string;
+            color: "gray";
+            variant: "ghost";
+            size: "xs";
+            class: string;
+        };
+        checkbox: {
+            color: "primary";
+        };
+        progress: {
+            color: "primary";
+            animation: "carousel";
+        };
+        loadingState: {
+            icon: string;
+            label: string;
+        };
+        emptyState: {
+            icon: string;
+            label: string;
+        };
+    };
+};
 declare function defaultComparator<T>(a: T, z: T): boolean;
 interface Column {
     key: string;
@@ -7,12 +87,13 @@ interface Column {
     sort?: (a: any, b: any, direction: 'asc' | 'desc') => number;
     direction?: 'asc' | 'desc';
     class?: string;
+    rowClass?: string;
     [key: string]: any;
 }
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: ArrayConstructor;
-        default: null;
+        default: any;
     };
     by: {
         type: (StringConstructor | FunctionConstructor)[];
@@ -22,11 +103,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<{
             [key: string]: any;
         }[]>;
-        default: () => never[];
+        default: () => any[];
     };
     columns: {
         type: PropType<Column[]>;
-        default: null;
+        default: any;
     };
     columnAttribute: {
         type: StringConstructor;
@@ -35,12 +116,12 @@ declare const _default: import("vue").DefineComponent<{
     sort: {
         type: PropType<{
             column: string;
-            direction: 'asc' | 'desc';
+            direction: "asc" | "desc";
         }>;
         default: () => {};
     };
     sortMode: {
-        type: PropType<"auto" | "manual">;
+        type: PropType<"manual" | "auto">;
         default: string;
     };
     sortButton: {
@@ -49,11 +130,15 @@ declare const _default: import("vue").DefineComponent<{
     };
     sortAscIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     sortDescIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
+    };
+    expandButton: {
+        type: PropType<Button>;
+        default: () => Button;
     };
     loading: {
         type: BooleanConstructor;
@@ -64,42 +149,132 @@ declare const _default: import("vue").DefineComponent<{
             icon: string;
             label: string;
         }>;
-        default: () => any;
+        default: () => {
+            icon: string;
+            label: string;
+        };
     };
     emptyState: {
         type: PropType<{
             icon: string;
             label: string;
         }>;
-        default: () => any;
+        default: () => {
+            icon: string;
+            label: string;
+        };
     };
     caption: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     progress: {
         type: PropType<{
-            color: any;
+            color: ProgressColor;
             animation: ProgressAnimation;
         }>;
-        default: () => any;
+        default: () => {
+            color: "primary";
+            animation: "carousel";
+        };
     };
     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;
+        base: string;
+        divide: string;
+        thead: string;
+        tbody: string;
+        caption: string;
+        tr: {
+            base: string;
+            selected: string;
+            active: string;
+        };
+        th: {
+            base: string;
+            padding: string;
+            color: string;
+            font: string;
+            size: string;
+        };
+        td: {
+            base: string;
+            padding: string;
+            color: string;
+            font: string;
+            size: string;
+        };
+        checkbox: {
+            padding: string;
+        };
+        loadingState: {
+            wrapper: string;
+            label: string;
+            icon: string;
+        };
+        emptyState: {
+            wrapper: string;
+            label: string;
+            icon: string;
+        };
+        expand: {
+            icon: string;
+        };
+        progress: {
+            wrapper: string;
+        };
+        default: {
+            sortAscIcon: string;
+            sortDescIcon: string;
+            sortButton: {
+                icon: string;
+                trailing: boolean;
+                square: boolean;
+                color: "gray";
+                variant: "ghost";
+                class: string;
+            };
+            expandButton: {
+                icon: string;
+                color: "gray";
+                variant: "ghost";
+                size: "xs";
+                class: string;
+            };
+            checkbox: {
+                color: "primary";
+            };
+            progress: {
+                color: "primary";
+                animation: "carousel";
+            };
+            loadingState: {
+                icon: string;
+                label: string;
+            };
+            emptyState: {
+                icon: string;
+                label: string;
+            };
+        };
+    }>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
-    sort: import("vue").WritableComputedRef<{
+    sort: import("vue").Ref<{
         column: string;
-        direction: 'asc' | 'desc';
+        direction: "asc" | "desc";
     }>;
     columns: import("vue").ComputedRef<Column[]>;
     rows: import("vue").ComputedRef<{
@@ -107,21 +282,29 @@ declare const _default: import("vue").DefineComponent<{
     }[]>;
     selected: import("vue").WritableComputedRef<unknown[]>;
     indeterminate: import("vue").ComputedRef<boolean>;
-    emptyState: import("vue").ComputedRef<any>;
-    loadingState: import("vue").ComputedRef<any>;
+    emptyState: import("vue").ComputedRef<{
+        icon: string;
+        label: string;
+    }>;
+    loadingState: import("vue").ComputedRef<{
+        icon: string;
+        label: string;
+    }>;
+    openedRows: import("vue").Ref<any[]>;
     isSelected: (row: any) => boolean;
     onSort: (column: {
         key: string;
-        direction?: 'asc' | 'desc';
+        direction?: "asc" | "desc";
     }) => void;
     onSelect: (row: any) => void;
     onChange: (checked: boolean) => void;
     getRowData: (row: Object, rowKey: string | string[], defaultValue?: any) => any;
-    getAriaSort: (column: Column) => AriaAttributes['aria-sort'];
+    toggleOpened: (index: number) => void;
+    getAriaSort: (column: Column) => AriaAttributes["aria-sort"];
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:sort")[], "update:modelValue" | "update:sort", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: ArrayConstructor;
-        default: null;
+        default: any;
     };
     by: {
         type: (StringConstructor | FunctionConstructor)[];
@@ -131,11 +314,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<{
             [key: string]: any;
         }[]>;
-        default: () => never[];
+        default: () => any[];
     };
     columns: {
         type: PropType<Column[]>;
-        default: null;
+        default: any;
     };
     columnAttribute: {
         type: StringConstructor;
@@ -144,12 +327,12 @@ declare const _default: import("vue").DefineComponent<{
     sort: {
         type: PropType<{
             column: string;
-            direction: 'asc' | 'desc';
+            direction: "asc" | "desc";
         }>;
         default: () => {};
     };
     sortMode: {
-        type: PropType<"auto" | "manual">;
+        type: PropType<"manual" | "auto">;
         default: string;
     };
     sortButton: {
@@ -158,11 +341,15 @@ declare const _default: import("vue").DefineComponent<{
     };
     sortAscIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     sortDescIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
+    };
+    expandButton: {
+        type: PropType<Button>;
+        default: () => Button;
     };
     loading: {
         type: BooleanConstructor;
@@ -173,52 +360,71 @@ declare const _default: import("vue").DefineComponent<{
             icon: string;
             label: string;
         }>;
-        default: () => any;
+        default: () => {
+            icon: string;
+            label: string;
+        };
     };
     emptyState: {
         type: PropType<{
             icon: string;
             label: string;
         }>;
-        default: () => any;
+        default: () => {
+            icon: string;
+            label: string;
+        };
     };
     caption: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     progress: {
         type: PropType<{
-            color: any;
+            color: ProgressColor;
             animation: ProgressAnimation;
         }>;
-        default: () => any;
+        default: () => {
+            color: "primary";
+            animation: "carousel";
+        };
     };
     class: {
         type: PropType<any>;
         default: () => string;
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:sort"?: (...args: any[]) => any;
 }, {
     sort: {
         column: string;
-        direction: 'asc' | 'desc';
+        direction: "asc" | "desc";
     };
+    class: any;
+    ui: {};
     caption: string;
+    columns: Column[];
     progress: {
-        color: any;
+        color: ProgressColor;
         animation: ProgressAnimation;
     };
-    class: any;
-    columns: Column[];
-    ui: any;
-    loading: boolean;
     modelValue: unknown[];
+    loading: boolean;
+    loadingState: {
+        icon: string;
+        label: string;
+    };
+    emptyState: {
+        icon: string;
+        label: string;
+    };
     by: string | Function;
     rows: {
         [key: string]: any;
@@ -228,13 +434,6 @@ declare const _default: import("vue").DefineComponent<{
     sortButton: Button;
     sortAscIcon: string;
     sortDescIcon: string;
-    loadingState: {
-        icon: string;
-        label: string;
-    };
-    emptyState: {
-        icon: string;
-        label: string;
-    };
+    expandButton: Button;
 }, {}>;
 export default _default;

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

@@ -1,10 +1,32 @@
 import type { PropType } from 'vue';
-import { omit } from '../../utils';
-import type { AccordionItem } from '../../types';
+import { omit } from '../../utils.js';
+import type { AccordionItem, Strategy } from '../../types.js';
+declare const config: {
+    wrapper: string;
+    container: string;
+    item: {
+        base: string;
+        size: string;
+        color: string;
+        padding: string;
+        icon: string;
+    };
+    transition: {
+        enterActiveClass: string;
+        leaveActiveClass: string;
+    };
+    default: {
+        openIcon: string;
+        closeIcon: string;
+        class: string;
+        variant: "soft";
+        truncate: boolean;
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     items: {
         type: PropType<AccordionItem[]>;
-        default: () => never[];
+        default: () => any[];
     };
     defaultOpen: {
         type: BooleanConstructor;
@@ -12,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     openIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     unmount: {
         type: BooleanConstructor;
@@ -20,7 +42,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     closeIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     multiple: {
         type: BooleanConstructor;
@@ -31,12 +53,114 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string;
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }, {
-    ui: import("vue").ComputedRef<any>;
-    uiButton: import("vue").ComputedRef<any>;
+    ui: import("vue").ComputedRef<{
+        wrapper: string;
+        container: string;
+        item: {
+            base: string;
+            size: string;
+            color: string;
+            padding: string;
+            icon: string;
+        };
+        transition: {
+            enterActiveClass: string;
+            leaveActiveClass: string;
+        };
+        default: {
+            openIcon: string;
+            closeIcon: string;
+            class: string;
+            variant: "soft";
+            truncate: boolean;
+        };
+    }>;
+    uiButton: 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>>;
@@ -53,7 +177,7 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "open"[], "open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<AccordionItem[]>;
-        default: () => never[];
+        default: () => any[];
     };
     defaultOpen: {
         type: BooleanConstructor;
@@ -61,7 +185,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     openIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     unmount: {
         type: BooleanConstructor;
@@ -69,7 +193,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     closeIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     multiple: {
         type: BooleanConstructor;
@@ -80,14 +204,16 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string;
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }>> & {
-    onOpen?: ((...args: any[]) => any) | undefined;
+    onOpen?: (...args: any[]) => any;
 }, {
     class: any;
-    ui: any;
+    ui: {};
     defaultOpen: boolean;
     unmount: boolean;
     items: AccordionItem[];

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

@@ -14,7 +14,7 @@
             {{ title }}
           </slot>
         </p>
-        <div v-if="description || $slots.description" :class="twMerge(ui.description, !(title && $slots.title) && 'mt-0 leading-5')">
+        <div v-if="description || $slots.description" :class="twMerge(ui.description, !title && !$slots.title && 'mt-0 leading-5')">
           <slot name="description" :description="description">
             {{ description }}
           </slot>