@nuxt/ui 2.10.0 → 2.11.1

package/dist/module.d.ts

@@ -1,6 +1,7 @@
 import * as _nuxt_schema from '@nuxt/schema';
+import { CollectionNames, IconsPluginOptions } from '@egoist/tailwindcss-icons';
 
-declare const table: {
+declare const _default$E: {
     wrapper: string;
     base: string;
     divide: string;
@@ -45,8 +46,8 @@ declare const table: {
             icon: string;
             trailing: boolean;
             square: boolean;
-            color: string;
-            variant: string;
+            color: "gray";
+            variant: "ghost";
             class: string;
         };
         loadingState: {
@@ -59,7 +60,8 @@ declare const table: {
         };
     };
 };
-declare const avatar: {
+
+declare const _default$D: {
     wrapper: string;
     background: string;
     rounded: string;
@@ -118,12 +120,14 @@ declare const avatar: {
         chipPosition: string;
     };
 };
-declare const avatarGroup: {
+
+declare const _default$C: {
     wrapper: string;
     ring: string;
     margin: string;
 };
-declare const badge: {
+
+declare const _default$B: {
     base: string;
     rounded: string;
     font: string;
@@ -156,10 +160,14 @@ declare const badge: {
         color: string;
     };
 };
-declare const button: {
+
+declare const _default$A: {
     base: string;
     font: string;
     rounded: string;
+    truncate: string;
+    block: string;
+    inline: string;
     size: {
         '2xs': string;
         xs: string;
@@ -216,6 +224,7 @@ declare const button: {
     };
     icon: {
         base: string;
+        loading: string;
         size: {
             '2xs': string;
             xs: string;
@@ -232,17 +241,147 @@ declare const button: {
         loadingIcon: string;
     };
 };
-declare const buttonGroup: {
+
+declare const _default$z: {
     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 dropdown: {
+
+declare const _default$y: {
+    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$x: {
     wrapper: string;
     container: string;
+    trigger: string;
     width: string;
     height: string;
     background: string;
@@ -267,8 +406,9 @@ declare const dropdown: {
         };
         avatar: {
             base: string;
-            size: string;
+            size: "3xs";
         };
+        label: string;
         shortcuts: string;
     };
     transition: {
@@ -292,7 +432,8 @@ declare const dropdown: {
         placement: string;
     };
 };
-declare const accordion: {
+
+declare const _default$w: {
     wrapper: string;
     item: {
         base: string;
@@ -309,22 +450,26 @@ declare const accordion: {
         openIcon: string;
         closeIcon: string;
         class: string;
-        variant: string;
+        variant: "soft";
     };
 };
-declare const alert: {
+
+declare const _default$v: {
     wrapper: string;
+    inner: string;
     title: string;
     description: string;
+    actions: string;
     shadow: string;
     rounded: string;
     padding: string;
+    gap: string;
     icon: {
         base: string;
     };
     avatar: {
         base: string;
-        size: string;
+        size: "md";
     };
     color: {
         white: {
@@ -343,13 +488,14 @@ declare const alert: {
         icon: any;
         closeButton: any;
         actionButton: {
-            size: string;
-            color: string;
-            variant: string;
+            size: "xs";
+            color: "primary";
+            variant: "link";
         };
     };
 };
-declare const kbd: {
+
+declare const _default$u: {
     base: string;
     padding: string;
     size: {
@@ -365,7 +511,8 @@ declare const kbd: {
         size: string;
     };
 };
-declare const progress: {
+
+declare const _default$t: {
     wrapper: string;
     indicator: {
         container: {
@@ -439,7 +586,8 @@ declare const progress: {
         animation: string;
     };
 };
-declare const meter: {
+
+declare const _default$s: {
     wrapper: string;
     indicator: {
         container: string;
@@ -515,20 +663,63 @@ declare const meter: {
         color: string;
     };
 };
-declare const meterGroup: {
+
+declare const _default$r: {
     wrapper: string;
     base: string;
     background: string;
     transition: string;
     rounded: string;
     shadow: string;
+    list: string;
+    orientation: {
+        'rounded-none': {
+            left: string;
+            right: string;
+        };
+        'rounded-sm': {
+            left: string;
+            right: string;
+        };
+        rounded: {
+            left: string;
+            right: string;
+        };
+        'rounded-md': {
+            left: string;
+            right: string;
+        };
+        'rounded-lg': {
+            left: string;
+            right: string;
+        };
+        'rounded-xl': {
+            left: string;
+            right: string;
+        };
+        'rounded-2xl': {
+            left: string;
+            right: string;
+        };
+        'rounded-3xl': {
+            left: string;
+            right: string;
+        };
+        'rounded-full': {
+            left: string;
+            right: string;
+        };
+    };
     default: {
         size: string;
+        icon: string;
     };
 };
-declare const input: {
+
+declare const _default$q: {
     wrapper: string;
     base: string;
+    form: string;
     rounded: string;
     placeholder: string;
     size: {
@@ -590,6 +781,7 @@ declare const input: {
     icon: {
         base: string;
         color: string;
+        loading: string;
         size: {
             '2xs': string;
             xs: string;
@@ -630,7 +822,8 @@ declare const input: {
         loadingIcon: string;
     };
 };
-declare const formGroup: {
+
+declare const _default$p: {
     wrapper: string;
     label: {
         wrapper: string;
@@ -654,7 +847,9 @@ declare const formGroup: {
         size: string;
     };
 };
-declare const textarea: {
+
+declare const _default$o: {
+    form: string;
     default: {
         size: string;
         color: string;
@@ -723,6 +918,7 @@ declare const textarea: {
     icon: {
         base: string;
         color: string;
+        loading: string;
         size: {
             '2xs': string;
             xs: string;
@@ -757,7 +953,9 @@ declare const textarea: {
         };
     };
 };
-declare const select: {
+
+declare const _default$n: {
+    form: string;
     placeholder: string;
     default: {
         size: string;
@@ -828,6 +1026,7 @@ declare const select: {
     icon: {
         base: string;
         color: string;
+        loading: string;
         size: {
             '2xs': string;
             xs: string;
@@ -862,8 +1061,11 @@ declare const select: {
         };
     };
 };
-declare const selectMenu: {
+
+declare const _default$m: {
     container: string;
+    trigger: string;
+    select: string;
     width: string;
     height: string;
     base: string;
@@ -873,6 +1075,8 @@ declare const selectMenu: {
     padding: string;
     ring: string;
     input: string;
+    required: string;
+    label: string;
     option: {
         base: string;
         rounded: string;
@@ -885,6 +1089,7 @@ declare const selectMenu: {
         selected: string;
         disabled: string;
         empty: string;
+        create: string;
         icon: {
             base: string;
             active: string;
@@ -897,7 +1102,7 @@ declare const selectMenu: {
         };
         avatar: {
             base: string;
-            size: string;
+            size: "3xs";
         };
         chip: {
             base: string;
@@ -913,6 +1118,7 @@ declare const selectMenu: {
     };
     default: {
         selectedIcon: string;
+        clearOnClose: boolean;
     };
     arrow: {
         ring: string;
@@ -923,20 +1129,25 @@ declare const selectMenu: {
         placement: string;
     };
 };
-declare const radioGroup: {
+
+declare const _default$l: {
     wrapper: string;
     legend: string;
     default: {
         color: string;
     };
 };
-declare const radio: {
+
+declare const _default$k: {
     wrapper: string;
+    container: string;
     base: string;
+    form: string;
     color: string;
     background: string;
     border: string;
     ring: string;
+    inner: string;
     label: string;
     required: string;
     help: string;
@@ -944,14 +1155,18 @@ declare const radio: {
         color: string;
     };
 };
-declare const checkbox: {
+
+declare const _default$j: {
     wrapper: string;
+    container: string;
     base: string;
+    form: string;
     rounded: string;
     color: string;
     background: string;
     border: string;
     ring: string;
+    inner: string;
     label: string;
     required: string;
     help: string;
@@ -959,21 +1174,57 @@ declare const checkbox: {
         color: string;
     };
 };
-declare const toggle: {
+
+declare const _default$i: {
     base: string;
     rounded: string;
     ring: string;
     active: string;
     inactive: string;
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
     container: {
         base: string;
-        active: string;
+        active: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
         inactive: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
     };
     icon: {
         base: string;
         active: string;
         inactive: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
         on: string;
         off: string;
     };
@@ -981,9 +1232,11 @@ declare const toggle: {
         onIcon: any;
         offIcon: any;
         color: string;
+        size: string;
     };
 };
-declare const range: {
+
+declare const _default$h: {
     wrapper: string;
     base: string;
     rounded: string;
@@ -1046,7 +1299,8 @@ declare const range: {
         color: string;
     };
 };
-declare const card: {
+
+declare const _default$g: {
     base: string;
     background: string;
     divide: string;
@@ -1069,17 +1323,20 @@ declare const card: {
         padding: string;
     };
 };
-declare const container: {
+
+declare const _default$f: {
     base: string;
     padding: string;
     constrained: string;
 };
-declare const skeleton: {
+
+declare const _default$e: {
     base: string;
     background: string;
     rounded: string;
 };
-declare const divider: {
+
+declare const _default$d: {
     wrapper: {
         base: string;
         horizontal: string;
@@ -1098,17 +1355,23 @@ declare const divider: {
             horizontal: string;
             vertical: string;
         };
+        type: {
+            solid: string;
+            dotted: string;
+            dashed: string;
+        };
     };
     icon: {
         base: string;
     };
     avatar: {
         base: string;
-        size: string;
+        size: "2xs";
     };
     label: string;
 };
-declare const verticalNavigation: {
+
+declare const _default$c: {
     wrapper: string;
     base: string;
     ring: string;
@@ -1127,7 +1390,7 @@ declare const verticalNavigation: {
     };
     avatar: {
         base: string;
-        size: string;
+        size: "3xs";
     };
     badge: {
         base: string;
@@ -1135,7 +1398,8 @@ declare const verticalNavigation: {
         inactive: string;
     };
 };
-declare const commandPalette: {
+
+declare const _default$b: {
     wrapper: string;
     container: string;
     input: {
@@ -1146,10 +1410,14 @@ declare const commandPalette: {
         size: string;
         icon: {
             base: string;
+            loading: string;
             size: string;
             padding: string;
         };
-        closeButton: string;
+        closeButton: {
+            base: string;
+            padding: string;
+        };
     };
     emptyState: {
         wrapper: string;
@@ -1202,41 +1470,43 @@ declare const commandPalette: {
         selectedIcon: string;
     };
 };
-declare const pagination: {
+
+declare const _default$a: {
     wrapper: string;
     base: string;
     rounded: string;
     default: {
         size: string;
         activeButton: {
-            color: string;
+            color: "primary";
         };
         inactiveButton: {
-            color: string;
+            color: "white";
         };
         firstButton: {
-            color: string;
+            color: "white";
             class: string;
             icon: string;
         };
         lastButton: {
-            color: string;
+            color: "white";
             class: string;
             icon: string;
         };
         prevButton: {
-            color: string;
+            color: "white";
             class: string;
             icon: string;
         };
         nextButton: {
-            color: string;
+            color: "white";
             class: string;
             icon: string;
         };
     };
 };
-declare const tabs: {
+
+declare const _default$9: {
     wrapper: string;
     container: string;
     base: string;
@@ -1269,7 +1539,28 @@ declare const tabs: {
         };
     };
 };
-declare const modal: {
+
+declare const _default$8: {
+    wrapper: string;
+    ol: string;
+    li: string;
+    base: string;
+    icon: {
+        base: string;
+        active: string;
+        inactive: string;
+    };
+    divider: {
+        base: string;
+    };
+    active: string;
+    inactive: string;
+    default: {
+        divider: string;
+    };
+};
+
+declare const _default$7: {
     wrapper: string;
     inner: string;
     container: string;
@@ -1294,6 +1585,7 @@ declare const modal: {
     shadow: string;
     width: string;
     height: string;
+    fullscreen: string;
     transition: {
         enter: string;
         enterFrom: string;
@@ -1303,7 +1595,8 @@ declare const modal: {
         leaveTo: string;
     };
 };
-declare const slideover: {
+
+declare const _default$6: {
     wrapper: string;
     overlay: {
         base: string;
@@ -1324,12 +1617,18 @@ declare const slideover: {
     padding: string;
     shadow: string;
     width: string;
+    translate: {
+        base: string;
+        left: string;
+        right: string;
+    };
     transition: {
         enter: string;
         leave: string;
     };
 };
-declare const tooltip: {
+
+declare const _default$5: {
     wrapper: string;
     container: string;
     width: string;
@@ -1340,6 +1639,7 @@ declare const tooltip: {
     ring: string;
     base: string;
     shortcuts: string;
+    middot: string;
     transition: {
         enterActiveClass: string;
         enterFromClass: string;
@@ -1360,9 +1660,11 @@ declare const tooltip: {
         placement: string;
     };
 };
-declare const popover: {
+
+declare const _default$4: {
     wrapper: string;
     container: string;
+    trigger: string;
     width: string;
     background: string;
     shadow: string;
@@ -1377,6 +1679,18 @@ declare const popover: {
         leaveFromClass: string;
         leaveToClass: string;
     };
+    overlay: {
+        base: string;
+        background: string;
+        transition: {
+            enterActiveClass: string;
+            enterFromClass: string;
+            enterToClass: string;
+            leaveActiveClass: string;
+            leaveFromClass: string;
+            leaveToClass: string;
+        };
+    };
     popper: {
         strategy: string;
     };
@@ -1389,7 +1703,8 @@ declare const popover: {
         placement: string;
     };
 };
-declare const contextMenu: {
+
+declare const _default$3: {
     wrapper: string;
     container: string;
     width: string;
@@ -1419,15 +1734,19 @@ declare const contextMenu: {
         placement: string;
     };
 };
-declare const notification: {
+
+declare const _default$2: {
     wrapper: string;
     container: string;
+    inner: string;
     title: string;
     description: string;
+    actions: string;
     background: string;
     shadow: string;
     rounded: string;
     padding: string;
+    gap: string;
     ring: string;
     icon: {
         base: string;
@@ -1452,72 +1771,36 @@ declare const notification: {
     default: {
         color: string;
         icon: any;
+        timeout: number;
         closeButton: {
             icon: string;
-            color: string;
-            variant: string;
+            color: "gray";
+            variant: "link";
             padded: boolean;
         };
         actionButton: {
-            size: string;
-            color: string;
+            size: "xs";
+            color: "white";
         };
     };
 };
-declare const notifications: {
+
+declare const _default$1: {
     wrapper: string;
     position: string;
     width: string;
     container: string;
 };
 
-declare const config_accordion: typeof accordion;
-declare const config_alert: typeof alert;
-declare const config_avatar: typeof avatar;
-declare const config_avatarGroup: typeof avatarGroup;
-declare const config_badge: typeof badge;
-declare const config_button: typeof button;
-declare const config_buttonGroup: typeof buttonGroup;
-declare const config_card: typeof card;
-declare const config_checkbox: typeof checkbox;
-declare const config_commandPalette: typeof commandPalette;
-declare const config_container: typeof container;
-declare const config_contextMenu: typeof contextMenu;
-declare const config_divider: typeof divider;
-declare const config_dropdown: typeof dropdown;
-declare const config_formGroup: typeof formGroup;
-declare const config_input: typeof input;
-declare const config_kbd: typeof kbd;
-declare const config_meter: typeof meter;
-declare const config_meterGroup: typeof meterGroup;
-declare const config_modal: typeof modal;
-declare const config_notification: typeof notification;
-declare const config_notifications: typeof notifications;
-declare const config_pagination: typeof pagination;
-declare const config_popover: typeof popover;
-declare const config_progress: typeof progress;
-declare const config_radio: typeof radio;
-declare const config_radioGroup: typeof radioGroup;
-declare const config_range: typeof range;
-declare const config_select: typeof select;
-declare const config_selectMenu: typeof selectMenu;
-declare const config_skeleton: typeof skeleton;
-declare const config_slideover: typeof slideover;
-declare const config_table: typeof table;
-declare const config_tabs: typeof tabs;
-declare const config_textarea: typeof textarea;
-declare const config_toggle: typeof toggle;
-declare const config_tooltip: typeof tooltip;
-declare const config_verticalNavigation: typeof verticalNavigation;
 declare namespace config {
-  export { config_accordion as accordion, config_alert as alert, config_avatar as avatar, config_avatarGroup as avatarGroup, config_badge as badge, config_button as button, config_buttonGroup as buttonGroup, config_card as card, config_checkbox as checkbox, config_commandPalette as commandPalette, config_container as container, config_contextMenu as contextMenu, config_divider as divider, config_dropdown as dropdown, config_formGroup as formGroup, config_input as input, config_kbd as kbd, config_meter as meter, config_meterGroup as meterGroup, config_modal as modal, config_notification as notification, config_notifications as notifications, config_pagination as pagination, config_popover as popover, config_progress as progress, config_radio as radio, config_radioGroup as radioGroup, config_range as range, config_select as select, config_selectMenu as selectMenu, config_skeleton as skeleton, config_slideover as slideover, config_table as table, config_tabs as tabs, config_textarea as textarea, config_toggle as toggle, config_tooltip as tooltip, config_verticalNavigation as verticalNavigation };
+  export { _default$w as accordion, _default$v as alert, _default$D as avatar, _default$C as avatarGroup, _default$B as badge, _default$8 as breadcrumb, _default$A as button, _default$z as buttonGroup, _default$g as card, _default$j as checkbox, _default$y as chip, _default$b as commandPalette, _default$f as container, _default$3 as contextMenu, _default$d as divider, _default$x as dropdown, _default$p as formGroup, _default$q as input, _default$u as kbd, _default$s as meter, _default$r as meterGroup, _default$7 as modal, _default$2 as notification, _default$1 as notifications, _default$a as pagination, _default$4 as popover, _default$t as progress, _default$k as radio, _default$l as radioGroup, _default$h as range, _default$n as select, _default$m as selectMenu, _default$e as skeleton, _default$6 as slideover, _default$E as table, _default$9 as tabs, _default$o as textarea, _default$i as toggle, _default$5 as tooltip, _default$c as verticalNavigation };
 }
 
-type Strategy = 'merge' | 'override';
+type Strategy = 'merge' | 'override'
 
 type DeepPartial<T> = Partial<{
-  [P in keyof T]: DeepPartial<T[P]> | { [key: string]: string | object };
-}>;
+  [P in keyof T]: DeepPartial<T[P]> | { [key: string]: string | object }
+}>
 
 type UI = {
     primary?: string;
@@ -1545,7 +1828,7 @@ interface ModuleOptions {
      * @default false
      */
     global?: boolean;
-    icons: string[] | string;
+    icons: CollectionNames[] | 'all' | IconsPluginOptions;
     safelistColors?: string[];
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;