@nuxt/ui 3.0.0-alpha.5 → 3.0.0-alpha.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/README.md +4 -2
  2. package/dist/module.d.mts +19 -5
  3. package/dist/module.d.ts +19 -5
  4. package/dist/module.json +2 -1
  5. package/dist/module.mjs +514 -338
  6. package/dist/runtime/components/Accordion.vue +13 -5
  7. package/dist/runtime/components/Alert.vue +2 -2
  8. package/dist/runtime/components/Breadcrumb.vue +16 -8
  9. package/dist/runtime/components/Button.vue +4 -2
  10. package/dist/runtime/components/Carousel.vue +306 -0
  11. package/dist/runtime/components/Checkbox.vue +3 -6
  12. package/dist/runtime/components/CommandPalette.vue +27 -18
  13. package/dist/runtime/components/ContextMenu.vue +33 -9
  14. package/dist/runtime/components/ContextMenuContent.vue +36 -8
  15. package/dist/runtime/components/DropdownMenu.vue +33 -9
  16. package/dist/runtime/components/DropdownMenuContent.vue +38 -8
  17. package/dist/runtime/components/Form.vue +6 -2
  18. package/dist/runtime/components/Input.vue +6 -4
  19. package/dist/runtime/components/InputMenu.vue +40 -24
  20. package/dist/runtime/components/LinkBase.vue +4 -2
  21. package/dist/runtime/components/Modal.vue +2 -2
  22. package/dist/runtime/components/NavigationMenu.vue +80 -43
  23. package/dist/runtime/components/Pagination.vue +2 -2
  24. package/dist/runtime/components/RadioGroup.vue +22 -3
  25. package/dist/runtime/components/Select.vue +22 -10
  26. package/dist/runtime/components/SelectMenu.vue +43 -31
  27. package/dist/runtime/components/Slideover.vue +2 -2
  28. package/dist/runtime/components/Table.vue +232 -0
  29. package/dist/runtime/components/Tabs.vue +15 -7
  30. package/dist/runtime/components/Toast.vue +2 -2
  31. package/dist/runtime/components/Toaster.vue +1 -1
  32. package/dist/runtime/composables/defineShortcuts.js +1 -1
  33. package/dist/runtime/composables/useComponentIcons.d.ts +3 -0
  34. package/dist/runtime/composables/useModal.d.ts +1 -1
  35. package/dist/runtime/composables/useSlideover.d.ts +1 -1
  36. package/dist/runtime/index.css +1 -1
  37. package/dist/runtime/keyframes.css +1 -0
  38. package/dist/runtime/plugins/colors.js +11 -7
  39. package/dist/runtime/types/form.d.ts +3 -1
  40. package/dist/runtime/types/index.d.ts +2 -0
  41. package/dist/runtime/types/index.js +2 -0
  42. package/dist/runtime/utils/form.d.ts +7 -1
  43. package/dist/runtime/utils/form.js +25 -1
  44. package/dist/runtime/utils/index.d.ts +1 -0
  45. package/dist/runtime/utils/index.js +3 -0
  46. package/dist/runtime/utils/link.d.ts +1 -1
  47. package/package.json +30 -14
  48. package/dist/runtime/types/component.d.ts +0 -17
  49. package/dist/runtime/types/component.js +0 -0
package/README.md CHANGED
@@ -40,11 +40,13 @@ export default defineNuxtConfig({
40
40
  })
41
41
  ```
42
42
 
43
- 3. Import Tailwind and Nuxt UI in your `app.vue` or in your [CSS](https://nuxt.com/docs/getting-started/styling#the-css-property):
43
+ 3. Import Tailwind CSS and Nuxt UI in your `app.vue` or [CSS](https://nuxt.com/docs/getting-started/styling#the-css-property):
44
44
 
45
- ```css [main.css]
45
+ ```vue [app.vue]
46
+ <style>
46
47
  @import "tailwindcss";
47
48
  @import "@nuxt/ui";
49
+ </style>
48
50
  ```
49
51
 
50
52
  ## Documentation
package/dist/module.d.mts CHANGED
@@ -4,23 +4,37 @@ export * from '../dist/runtime/types/index.js';
4
4
  interface ModuleOptions {
5
5
  /**
6
6
  * Prefix for components
7
- * @defaultValue U
7
+ * @defaultValue `U`
8
+ * @link https://ui3.nuxt.dev/getting-started/installation#prefix
8
9
  */
9
10
  prefix?: string;
10
11
  /**
11
12
  * Enable or disable `@nuxt/fonts` module
12
- * @defaultValue true
13
+ * @defaultValue `true`
14
+ * @link https://ui3.nuxt.dev/getting-started/installation#fonts
13
15
  */
14
16
  fonts?: boolean;
17
+ /**
18
+ * Enable or disable `@nuxtjs/color-mode` module
19
+ * @defaultValue `true`
20
+ * @link https://ui3.nuxt.dev/getting-started/installation#colormode
21
+ */
22
+ colorMode?: boolean;
23
+ /**
24
+ * Customize how the theme is generated
25
+ * @link https://ui3.nuxt.dev/getting-started/theme
26
+ */
15
27
  theme?: {
16
28
  /**
17
- * Colors to generate classes for (defaults to TailwindCSS colors)
18
- * @defaultValue ['red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald', 'teal', 'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose']
29
+ * Define the color aliases available for components
30
+ * @defaultValue `['primary', 'secondary', 'success', 'info', 'warning', 'error']`
31
+ * @link https://ui3.nuxt.dev/getting-started/installation#themecolors
19
32
  */
20
33
  colors?: string[];
21
34
  /**
22
35
  * Enable or disable transitions on components
23
- * @defaultValue true
36
+ * @defaultValue `true`
37
+ * @link https://ui3.nuxt.dev/getting-started/installation#themetransitions
24
38
  */
25
39
  transitions?: boolean;
26
40
  };
package/dist/module.d.ts CHANGED
@@ -4,23 +4,37 @@ export * from '../dist/runtime/types/index.js';
4
4
  interface ModuleOptions {
5
5
  /**
6
6
  * Prefix for components
7
- * @defaultValue U
7
+ * @defaultValue `U`
8
+ * @link https://ui3.nuxt.dev/getting-started/installation#prefix
8
9
  */
9
10
  prefix?: string;
10
11
  /**
11
12
  * Enable or disable `@nuxt/fonts` module
12
- * @defaultValue true
13
+ * @defaultValue `true`
14
+ * @link https://ui3.nuxt.dev/getting-started/installation#fonts
13
15
  */
14
16
  fonts?: boolean;
17
+ /**
18
+ * Enable or disable `@nuxtjs/color-mode` module
19
+ * @defaultValue `true`
20
+ * @link https://ui3.nuxt.dev/getting-started/installation#colormode
21
+ */
22
+ colorMode?: boolean;
23
+ /**
24
+ * Customize how the theme is generated
25
+ * @link https://ui3.nuxt.dev/getting-started/theme
26
+ */
15
27
  theme?: {
16
28
  /**
17
- * Colors to generate classes for (defaults to TailwindCSS colors)
18
- * @defaultValue ['red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald', 'teal', 'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose']
29
+ * Define the color aliases available for components
30
+ * @defaultValue `['primary', 'secondary', 'success', 'info', 'warning', 'error']`
31
+ * @link https://ui3.nuxt.dev/getting-started/installation#themecolors
19
32
  */
20
33
  colors?: string[];
21
34
  /**
22
35
  * Enable or disable transitions on components
23
- * @defaultValue true
36
+ * @defaultValue `true`
37
+ * @link https://ui3.nuxt.dev/getting-started/installation#themetransitions
24
38
  */
25
39
  transitions?: boolean;
26
40
  };
package/dist/module.json CHANGED
@@ -4,7 +4,8 @@
4
4
  "compatibility": {
5
5
  "nuxt": ">=3.13.1"
6
6
  },
7
- "version": "3.0.0-alpha.5",
7
+ "docs": "https://ui3.nuxt.dev/getting-started/installation",
8
+ "version": "3.0.0-alpha.7",
8
9
  "builder": {
9
10
  "@nuxt/module-builder": "0.8.4",
10
11
  "unbuild": "2.0.0"