@nuxt/ui 2.12.3 → 2.14.0

package/README.md

@@ -1,4 +1,4 @@
-[![nuxt-ui-social-card](https://repository-images.githubusercontent.com/428329515/43fec891-9030-4601-8233-5d45ba5c6013)](https://ui.nuxt.com)
+[![nuxt-ui.png](https://repository-images.githubusercontent.com/428329515/43fec891-9030-4601-8233-5d45ba5c6013)](https://ui.nuxt.com)
 
 # Nuxt UI
 
@@ -7,9 +7,9 @@
 [![License][license-src]][license-href]
 [![Nuxt][nuxt-src]][nuxt-href]
 
-Nuxt UI provides everything related to UI when building Nuxt applications: components, icons, colors, dark mode and also keyboard shortcuts.
+Nuxt UI is a module that provides a set of Vue components and composables built with [Tailwind CSS](https://tailwindcss.com/) and [Headless UI](https://headlessui.dev/) to help you build beautiful and accessible user interfaces.
 
-Is has been developed by [NuxtLabs](https://nuxtlabs.com/) for [Volta](https://volta.net), [Nuxt Studio](https://nuxt.studio/) and the Nuxt community.
+Its goal is to provide everything related to UI when building a Nuxt app. This includes components, icons, colors, dark mode but also keyboard shortcuts.
 
 ## Features
 
@@ -27,14 +27,14 @@ Read more on [ui.nuxt.com](https://ui.nuxt.com)
 ## Installation
 
 ```bash
-# Using npm
+# npm
 npm install @nuxt/ui
-
-# Using yarn
+# yarn
 yarn add @nuxt/ui
-
-# Using pnpm
+# pnpm
 pnpm add @nuxt/ui
+# bun
+bun add @nuxt/ui
 ```
 
 Then, register the module in your `nuxt.config.ts`:

package/dist/module.d.mts

@@ -1,7 +1,7 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import { CollectionNames, IconsPluginOptions } from '@egoist/tailwindcss-icons';
 
-declare const _default$F: {
+declare const _default$H: {
     wrapper: string;
     base: string;
     divide: string;
@@ -39,6 +39,9 @@ declare const _default$F: {
         label: string;
         icon: string;
     };
+    progress: {
+        wrapper: string;
+    };
     default: {
         sortAscIcon: string;
         sortDescIcon: string;
@@ -50,6 +53,10 @@ declare const _default$F: {
             variant: "ghost";
             class: string;
         };
+        progress: {
+            color: "primary";
+            animation: "carousel";
+        };
         loadingState: {
             icon: string;
             label: string;
@@ -61,7 +68,7 @@ declare const _default$F: {
     };
 };
 
-declare const _default$E: {
+declare const _default$G: {
     wrapper: string;
     background: string;
     rounded: string;
@@ -121,13 +128,13 @@ declare const _default$E: {
     };
 };
 
-declare const _default$D: {
+declare const _default$F: {
     wrapper: string;
     ring: string;
     margin: string;
 };
 
-declare const _default$C: {
+declare const _default$E: {
     base: string;
     rounded: string;
     font: string;
@@ -161,7 +168,7 @@ declare const _default$C: {
     };
 };
 
-declare const _default$B: {
+declare const _default$D: {
     base: string;
     font: string;
     rounded: string;
@@ -242,7 +249,7 @@ declare const _default$B: {
     };
 };
 
-declare const _default$A: {
+declare const _default$C: {
     wrapper: {
         horizontal: string;
         vertical: string;
@@ -343,7 +350,7 @@ declare const _default$A: {
     };
 };
 
-declare const _default$z: {
+declare const _default$B: {
     wrapper: string;
     base: string;
     background: string;
@@ -378,7 +385,7 @@ declare const _default$z: {
     };
 };
 
-declare const _default$y: {
+declare const _default$A: {
     wrapper: string;
     container: string;
     trigger: string;
@@ -406,7 +413,7 @@ declare const _default$y: {
         };
         avatar: {
             base: string;
-            size: "3xs";
+            size: "2xs";
         };
         label: string;
         shortcuts: string;
@@ -423,6 +430,10 @@ declare const _default$y: {
         placement: string;
         strategy: string;
     };
+    default: {
+        openDelay: number;
+        closeDelay: number;
+    };
     arrow: {
         ring: string;
         background: string;
@@ -433,8 +444,9 @@ declare const _default$y: {
     };
 };
 
-declare const _default$x: {
+declare const _default$z: {
     wrapper: string;
+    container: string;
     item: {
         base: string;
         size: string;
@@ -454,7 +466,7 @@ declare const _default$x: {
     };
 };
 
-declare const _default$w: {
+declare const _default$y: {
     wrapper: string;
     inner: string;
     title: string;
@@ -495,7 +507,7 @@ declare const _default$w: {
     };
 };
 
-declare const _default$v: {
+declare const _default$x: {
     base: string;
     padding: string;
     size: {
@@ -512,7 +524,7 @@ declare const _default$v: {
     };
 };
 
-declare const _default$u: {
+declare const _default$w: {
     wrapper: string;
     indicator: {
         container: {
@@ -587,7 +599,7 @@ declare const _default$u: {
     };
 };
 
-declare const _default$t: {
+declare const _default$v: {
     wrapper: string;
     indicator: {
         container: string;
@@ -664,7 +676,7 @@ declare const _default$t: {
     };
 };
 
-declare const _default$s: {
+declare const _default$u: {
     wrapper: string;
     base: string;
     background: string;
@@ -716,12 +728,50 @@ declare const _default$s: {
     };
 };
 
-declare const _default$r: {
+declare const _default$t: {
+    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$s: {
     wrapper: string;
     base: string;
     form: string;
     rounded: string;
     placeholder: string;
+    file: {
+        base: string;
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
     size: {
         '2xs': string;
         xs: string;
@@ -823,7 +873,7 @@ declare const _default$r: {
     };
 };
 
-declare const _default$q: {
+declare const _default$r: {
     container: string;
     trigger: string;
     width: string;
@@ -859,7 +909,7 @@ declare const _default$q: {
         };
         avatar: {
             base: string;
-            size: "3xs";
+            size: "2xs";
         };
         chip: {
             base: string;
@@ -887,8 +937,9 @@ declare const _default$q: {
     };
 };
 
-declare const _default$p: {
+declare const _default$q: {
     wrapper: string;
+    inner: string;
     label: {
         wrapper: string;
         base: string;
@@ -912,7 +963,7 @@ declare const _default$p: {
     };
 };
 
-declare const _default$o: {
+declare const _default$p: {
     form: string;
     default: {
         size: string;
@@ -923,6 +974,17 @@ declare const _default$o: {
     base: string;
     rounded: string;
     placeholder: string;
+    file: {
+        base: string;
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
     size: {
         '2xs': string;
         xs: string;
@@ -1018,7 +1080,7 @@ declare const _default$o: {
     };
 };
 
-declare const _default$n: {
+declare const _default$o: {
     form: string;
     placeholder: string;
     default: {
@@ -1031,6 +1093,17 @@ declare const _default$n: {
     wrapper: string;
     base: string;
     rounded: string;
+    file: {
+        base: string;
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
     size: {
         '2xs': string;
         xs: string;
@@ -1126,7 +1199,7 @@ declare const _default$n: {
     };
 };
 
-declare const _default$m: {
+declare const _default$n: {
     select: string;
     input: string;
     required: string;
@@ -1156,7 +1229,7 @@ declare const _default$m: {
         };
         avatar: {
             base: string;
-            size: "3xs";
+            size: "2xs";
         };
         chip: {
             base: string;
@@ -1196,7 +1269,7 @@ declare const _default$m: {
     empty: string;
 };
 
-declare const _default$l: {
+declare const _default$m: {
     wrapper: string;
     legend: string;
     default: {
@@ -1204,7 +1277,7 @@ declare const _default$l: {
     };
 };
 
-declare const _default$k: {
+declare const _default$l: {
     wrapper: string;
     container: string;
     base: string;
@@ -1222,7 +1295,7 @@ declare const _default$k: {
     };
 };
 
-declare const _default$j: {
+declare const _default$k: {
     wrapper: string;
     container: string;
     base: string;
@@ -1241,7 +1314,7 @@ declare const _default$j: {
     };
 };
 
-declare const _default$i: {
+declare const _default$j: {
     base: string;
     rounded: string;
     ring: string;
@@ -1302,7 +1375,7 @@ declare const _default$i: {
     };
 };
 
-declare const _default$h: {
+declare const _default$i: {
     wrapper: string;
     base: string;
     rounded: string;
@@ -1366,7 +1439,7 @@ declare const _default$h: {
     };
 };
 
-declare const _default$g: {
+declare const _default$h: {
     base: string;
     background: string;
     divide: string;
@@ -1390,19 +1463,19 @@ declare const _default$g: {
     };
 };
 
-declare const _default$f: {
+declare const _default$g: {
     base: string;
     padding: string;
     constrained: string;
 };
 
-declare const _default$e: {
+declare const _default$f: {
     base: string;
     background: string;
     rounded: string;
 };
 
-declare const _default$d: {
+declare const _default$e: {
     wrapper: {
         base: string;
         horizontal: string;
@@ -1418,8 +1491,22 @@ declare const _default$d: {
         horizontal: string;
         vertical: string;
         size: {
-            horizontal: string;
-            vertical: string;
+            horizontal: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+            vertical: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
         };
         type: {
             solid: string;
@@ -1435,9 +1522,12 @@ declare const _default$d: {
         size: "2xs";
     };
     label: string;
+    default: {
+        size: "2xs";
+    };
 };
 
-declare const _default$c: {
+declare const _default$d: {
     wrapper: string;
     base: string;
     ring: string;
@@ -1456,12 +1546,13 @@ declare const _default$c: {
     };
     avatar: {
         base: string;
-        size: "3xs";
+        size: "2xs";
     };
     badge: {
         base: string;
-        active: string;
-        inactive: string;
+        color: "gray";
+        variant: "solid";
+        size: "xs";
     };
     divider: {
         wrapper: {
@@ -1470,6 +1561,33 @@ declare const _default$c: {
     };
 };
 
+declare const _default$c: {
+    wrapper: string;
+    container: string;
+    inner: string;
+    base: string;
+    before: string;
+    after: string;
+    active: string;
+    inactive: string;
+    label: string;
+    icon: {
+        base: string;
+        active: string;
+        inactive: string;
+    };
+    avatar: {
+        base: string;
+        size: "2xs";
+    };
+    badge: {
+        base: string;
+        color: "gray";
+        variant: "solid";
+        size: "xs";
+    };
+};
+
 declare const _default$b: {
     wrapper: string;
     container: string;
@@ -1518,7 +1636,7 @@ declare const _default$b: {
             };
             avatar: {
                 base: string;
-                size: "3xs";
+                size: "2xs";
             };
             chip: {
                 base: string;
@@ -1723,6 +1841,10 @@ declare const _default$5: {
     popper: {
         strategy: string;
     };
+    default: {
+        openDelay: number;
+        closeDelay: number;
+    };
     arrow: {
         base: string;
         ring: string;
@@ -1766,6 +1888,10 @@ declare const _default$4: {
     popper: {
         strategy: string;
     };
+    default: {
+        openDelay: number;
+        closeDelay: number;
+    };
     arrow: {
         base: string;
         ring: string;
@@ -1865,7 +1991,7 @@ declare const _default$1: {
 };
 
 declare namespace config {
-  export { _default$x as accordion, _default$w as alert, _default$E as avatar, _default$D as avatarGroup, _default$C as badge, _default$8 as breadcrumb, _default$B as button, _default$A as buttonGroup, _default$g as card, _default$j as checkbox, _default$z as chip, _default$b as commandPalette, _default$f as container, _default$3 as contextMenu, _default$d as divider, _default$y as dropdown, _default$p as formGroup, _default$r as input, _default$q as inputMenu, _default$v as kbd, _default$t as meter, _default$s as meterGroup, _default$7 as modal, _default$2 as notification, _default$1 as notifications, _default$a as pagination, _default$4 as popover, _default$u 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$F as table, _default$9 as tabs, _default$o as textarea, _default$i as toggle, _default$5 as tooltip, _default$c as verticalNavigation };
+  export { _default$z as accordion, _default$y as alert, _default$G as avatar, _default$F as avatarGroup, _default$E as badge, _default$8 as breadcrumb, _default$D as button, _default$C as buttonGroup, _default$h as card, _default$t as carousel, _default$k as checkbox, _default$B as chip, _default$b as commandPalette, _default$g as container, _default$3 as contextMenu, _default$e as divider, _default$A as dropdown, _default$q as formGroup, _default$c as horizontalNavigation, _default$s as input, _default$r as inputMenu, _default$x as kbd, _default$v as meter, _default$u as meterGroup, _default$7 as modal, _default$2 as notification, _default$1 as notifications, _default$a as pagination, _default$4 as popover, _default$w as progress, _default$l as radio, _default$m as radioGroup, _default$i as range, _default$o as select, _default$n as selectMenu, _default$f as skeleton, _default$6 as slideover, _default$H as table, _default$9 as tabs, _default$p as textarea, _default$j as toggle, _default$5 as tooltip, _default$d as verticalNavigation };
 }
 
 type Strategy = 'merge' | 'override'
@@ -1902,6 +2028,10 @@ interface ModuleOptions {
     global?: boolean;
     icons: CollectionNames[] | 'all' | IconsPluginOptions;
     safelistColors?: string[];
+    /**
+     * Disables the global css styles added by the module.
+     */
+    disableGlobalStyles?: boolean;
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;