@nuxt/ui 2.18.7 → 2.19.1

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 (95) hide show
  1. package/dist/module.d.mts +1 -1
  2. package/dist/module.d.ts +1 -1
  3. package/dist/module.json +1 -1
  4. package/dist/module.mjs +3 -3
  5. package/dist/runtime/components/data/Table.vue +82 -27
  6. package/dist/runtime/components/data/Table.vue.d.ts +45 -37
  7. package/dist/runtime/components/elements/AvatarGroup.js +2 -2
  8. package/dist/runtime/components/elements/ButtonGroup.d.ts +1 -1
  9. package/dist/runtime/components/elements/Carousel.vue +1 -1
  10. package/dist/runtime/components/elements/Dropdown.vue +6 -2
  11. package/dist/runtime/components/elements/MeterGroup.d.ts +2 -2
  12. package/dist/runtime/components/elements/Progress.vue +1 -1
  13. package/dist/runtime/components/forms/Checkbox.vue.d.ts +1 -1
  14. package/dist/runtime/components/forms/Form.vue +104 -43
  15. package/dist/runtime/components/forms/Form.vue.d.ts +5 -3
  16. package/dist/runtime/components/forms/Input.vue +5 -2
  17. package/dist/runtime/components/forms/Input.vue.d.ts +3 -0
  18. package/dist/runtime/components/forms/InputMenu.vue +19 -8
  19. package/dist/runtime/components/forms/InputMenu.vue.d.ts +19 -0
  20. package/dist/runtime/components/forms/Radio.vue.d.ts +1 -1
  21. package/dist/runtime/components/forms/RadioGroup.vue +3 -4
  22. package/dist/runtime/components/forms/RadioGroup.vue.d.ts +1 -1
  23. package/dist/runtime/components/forms/SelectMenu.vue +22 -11
  24. package/dist/runtime/components/forms/SelectMenu.vue.d.ts +30 -2
  25. package/dist/runtime/components/forms/Textarea.vue +7 -4
  26. package/dist/runtime/components/forms/Textarea.vue.d.ts +3 -0
  27. package/dist/runtime/components/layout/Divider.vue +1 -1
  28. package/dist/runtime/components/layout/Divider.vue.d.ts +5 -2
  29. package/dist/runtime/components/navigation/CommandPalette.vue +1 -1
  30. package/dist/runtime/components/navigation/CommandPalette.vue.d.ts +1 -1
  31. package/dist/runtime/components/navigation/CommandPaletteGroup.vue.d.ts +1 -1
  32. package/dist/runtime/components/navigation/Pagination.vue +4 -4
  33. package/dist/runtime/components/navigation/Pagination.vue.d.ts +1 -1
  34. package/dist/runtime/components/navigation/Tabs.vue +1 -1
  35. package/dist/runtime/components/navigation/VerticalNavigation.vue.d.ts +6 -2
  36. package/dist/runtime/components/overlays/Modal.vue +1 -1
  37. package/dist/runtime/components/overlays/Notifications.vue +1 -1
  38. package/dist/runtime/components/overlays/Popover.vue +6 -2
  39. package/dist/runtime/composables/defineShortcuts.js +1 -1
  40. package/dist/runtime/composables/useButtonGroup.d.ts +1 -1
  41. package/dist/runtime/composables/useUI.js +1 -1
  42. package/dist/runtime/plugins/modals.js +1 -1
  43. package/dist/runtime/plugins/slideovers.js +1 -1
  44. package/dist/runtime/types/accordion.d.ts +1 -1
  45. package/dist/runtime/types/alert.d.ts +4 -4
  46. package/dist/runtime/types/avatar.d.ts +3 -3
  47. package/dist/runtime/types/badge.d.ts +3 -3
  48. package/dist/runtime/types/button.d.ts +3 -5
  49. package/dist/runtime/types/chip.d.ts +2 -2
  50. package/dist/runtime/types/command-palette.d.ts +2 -2
  51. package/dist/runtime/types/component.d.ts +3 -3
  52. package/dist/runtime/types/divider.d.ts +3 -3
  53. package/dist/runtime/types/dropdown.d.ts +1 -1
  54. package/dist/runtime/types/form-group.d.ts +2 -2
  55. package/dist/runtime/types/form.d.ts +7 -2
  56. package/dist/runtime/types/index.d.ts +1 -0
  57. package/dist/runtime/types/index.js +1 -0
  58. package/dist/runtime/types/input.d.ts +3 -3
  59. package/dist/runtime/types/kbd.d.ts +2 -2
  60. package/dist/runtime/types/meter.d.ts +2 -2
  61. package/dist/runtime/types/modal.d.ts +2 -2
  62. package/dist/runtime/types/notification.d.ts +1 -1
  63. package/dist/runtime/types/progress.d.ts +2 -2
  64. package/dist/runtime/types/range.d.ts +3 -3
  65. package/dist/runtime/types/select.d.ts +3 -3
  66. package/dist/runtime/types/table.d.ts +18 -0
  67. package/dist/runtime/types/textarea.d.ts +3 -3
  68. package/dist/runtime/types/toggle.d.ts +3 -3
  69. package/dist/runtime/types/utils.d.ts +2 -2
  70. package/dist/runtime/ui.config/data/table.d.ts +1 -0
  71. package/dist/runtime/ui.config/data/table.js +1 -0
  72. package/dist/runtime/ui.config/elements/avatar.js +15 -15
  73. package/dist/runtime/ui.config/elements/button.js +25 -25
  74. package/dist/runtime/ui.config/elements/buttonGroup.js +1 -1
  75. package/dist/runtime/ui.config/elements/chip.js +5 -5
  76. package/dist/runtime/ui.config/elements/meter.js +20 -20
  77. package/dist/runtime/ui.config/elements/meterGroup.js +1 -1
  78. package/dist/runtime/ui.config/elements/progress.js +18 -18
  79. package/dist/runtime/ui.config/forms/formGroup.js +5 -6
  80. package/dist/runtime/ui.config/forms/input.js +40 -40
  81. package/dist/runtime/ui.config/forms/inputMenu.d.ts +6 -0
  82. package/dist/runtime/ui.config/forms/inputMenu.js +7 -1
  83. package/dist/runtime/ui.config/forms/range.js +20 -20
  84. package/dist/runtime/ui.config/forms/selectMenu.d.ts +9 -0
  85. package/dist/runtime/ui.config/forms/selectMenu.js +10 -1
  86. package/dist/runtime/ui.config/forms/toggle.js +20 -20
  87. package/dist/runtime/ui.config/layout/divider.d.ts +1 -0
  88. package/dist/runtime/ui.config/layout/divider.js +12 -11
  89. package/dist/runtime/ui.config/navigation/horizontalNavigation.js +1 -1
  90. package/dist/runtime/ui.config/navigation/verticalNavigation.js +1 -1
  91. package/dist/runtime/ui.config/popper.js +0 -1
  92. package/dist/runtime/utils/colors.js +7 -7
  93. package/dist/runtime/utils/index.js +4 -4
  94. package/dist/runtime/utils/lodash.js +1 -1
  95. package/package.json +21 -19
@@ -1,7 +1,7 @@
1
- import { toggle } from '../ui.config'
2
- import type { ExtractDeepKey } from '.'
3
1
  import type { AppConfig } from 'nuxt/schema'
4
- import colors from '#ui-colors'
2
+ import type { toggle } from '../ui.config'
3
+ import type { ExtractDeepKey } from '.'
4
+ import type colors from '#ui-colors'
5
5
 
6
6
  export type ToggleSize = keyof typeof toggle.size | ExtractDeepKey<AppConfig, ['ui', 'toggle', 'size']>
7
7
  export type ToggleColor = typeof colors[number]
@@ -14,8 +14,8 @@ export type DeepPartial<T, O = any> = {
14
14
 
15
15
  export type NestedKeyOf<ObjectType extends Record<string, any>> = {
16
16
  [Key in keyof ObjectType]: ObjectType[Key] extends Record<string, any>
17
- ? NestedKeyOf<ObjectType[Key]>
18
- : Key
17
+ ? NestedKeyOf<ObjectType[Key]>
18
+ : Key
19
19
  }[keyof ObjectType]
20
20
 
21
21
  type DeepKey<T, Keys extends string[]> =
@@ -8,6 +8,7 @@ declare const _default: {
8
8
  tr: {
9
9
  base: string;
10
10
  selected: string;
11
+ expanded: string;
11
12
  active: string;
12
13
  };
13
14
  th: {
@@ -8,6 +8,7 @@ export default {
8
8
  tr: {
9
9
  base: "",
10
10
  selected: "bg-gray-50 dark:bg-gray-800/50",
11
+ expanded: "bg-gray-50 dark:bg-gray-800/50",
11
12
  active: "hover:bg-gray-50 dark:hover:bg-gray-800/50 cursor-pointer"
12
13
  },
13
14
  th: {
@@ -7,11 +7,11 @@ export default {
7
7
  size: {
8
8
  "3xs": "h-4 w-4 text-[8px]",
9
9
  "2xs": "h-5 w-5 text-[10px]",
10
- xs: "h-6 w-6 text-xs",
11
- sm: "h-8 w-8 text-sm",
12
- md: "h-10 w-10 text-base",
13
- lg: "h-12 w-12 text-lg",
14
- xl: "h-14 w-14 text-xl",
10
+ "xs": "h-6 w-6 text-xs",
11
+ "sm": "h-8 w-8 text-sm",
12
+ "md": "h-10 w-10 text-base",
13
+ "lg": "h-12 w-12 text-lg",
14
+ "xl": "h-14 w-14 text-xl",
15
15
  "2xl": "h-16 w-16 text-2xl",
16
16
  "3xl": "h-20 w-20 text-3xl"
17
17
  },
@@ -27,11 +27,11 @@ export default {
27
27
  size: {
28
28
  "3xs": "h-[4px] min-w-[4px] text-[4px] p-px",
29
29
  "2xs": "h-[5px] min-w-[5px] text-[5px] p-px",
30
- xs: "h-1.5 min-w-[0.375rem] text-[6px] p-px",
31
- sm: "h-2 min-w-[0.5rem] text-[7px] p-0.5",
32
- md: "h-2.5 min-w-[0.625rem] text-[8px] p-0.5",
33
- lg: "h-3 min-w-[0.75rem] text-[10px] p-0.5",
34
- xl: "h-3.5 min-w-[0.875rem] text-[11px] p-1",
30
+ "xs": "h-1.5 min-w-[0.375rem] text-[6px] p-px",
31
+ "sm": "h-2 min-w-[0.5rem] text-[7px] p-0.5",
32
+ "md": "h-2.5 min-w-[0.625rem] text-[8px] p-0.5",
33
+ "lg": "h-3 min-w-[0.75rem] text-[10px] p-0.5",
34
+ "xl": "h-3.5 min-w-[0.875rem] text-[11px] p-1",
35
35
  "2xl": "h-4 min-w-[1rem] text-[12px] p-1",
36
36
  "3xl": "h-5 min-w-[1.25rem] text-[14px] p-1"
37
37
  }
@@ -41,11 +41,11 @@ export default {
41
41
  size: {
42
42
  "3xs": "h-2 w-2",
43
43
  "2xs": "h-2.5 w-2.5",
44
- xs: "h-3 w-3",
45
- sm: "h-4 w-4",
46
- md: "h-5 w-5",
47
- lg: "h-6 w-6",
48
- xl: "h-7 w-7",
44
+ "xs": "h-3 w-3",
45
+ "sm": "h-4 w-4",
46
+ "md": "h-5 w-5",
47
+ "lg": "h-6 w-6",
48
+ "xl": "h-7 w-7",
49
49
  "2xl": "h-8 w-8",
50
50
  "3xl": "h-10 w-10"
51
51
  }
@@ -7,35 +7,35 @@ export default {
7
7
  inline: "inline-flex items-center",
8
8
  size: {
9
9
  "2xs": "text-xs",
10
- xs: "text-xs",
11
- sm: "text-sm",
12
- md: "text-sm",
13
- lg: "text-sm",
14
- xl: "text-base"
10
+ "xs": "text-xs",
11
+ "sm": "text-sm",
12
+ "md": "text-sm",
13
+ "lg": "text-sm",
14
+ "xl": "text-base"
15
15
  },
16
16
  gap: {
17
17
  "2xs": "gap-x-1",
18
- xs: "gap-x-1.5",
19
- sm: "gap-x-1.5",
20
- md: "gap-x-2",
21
- lg: "gap-x-2.5",
22
- xl: "gap-x-2.5"
18
+ "xs": "gap-x-1.5",
19
+ "sm": "gap-x-1.5",
20
+ "md": "gap-x-2",
21
+ "lg": "gap-x-2.5",
22
+ "xl": "gap-x-2.5"
23
23
  },
24
24
  padding: {
25
25
  "2xs": "px-2 py-1",
26
- xs: "px-2.5 py-1.5",
27
- sm: "px-2.5 py-1.5",
28
- md: "px-3 py-2",
29
- lg: "px-3.5 py-2.5",
30
- xl: "px-3.5 py-2.5"
26
+ "xs": "px-2.5 py-1.5",
27
+ "sm": "px-2.5 py-1.5",
28
+ "md": "px-3 py-2",
29
+ "lg": "px-3.5 py-2.5",
30
+ "xl": "px-3.5 py-2.5"
31
31
  },
32
32
  square: {
33
33
  "2xs": "p-1",
34
- xs: "p-1.5",
35
- sm: "p-1.5",
36
- md: "p-2",
37
- lg: "p-2.5",
38
- xl: "p-2.5"
34
+ "xs": "p-1.5",
35
+ "sm": "p-1.5",
36
+ "md": "p-2",
37
+ "lg": "p-2.5",
38
+ "xl": "p-2.5"
39
39
  },
40
40
  color: {
41
41
  white: {
@@ -64,11 +64,11 @@ export default {
64
64
  loading: "animate-spin",
65
65
  size: {
66
66
  "2xs": "h-4 w-4",
67
- xs: "h-4 w-4",
68
- sm: "h-5 w-5",
69
- md: "h-5 w-5",
70
- lg: "h-5 w-5",
71
- xl: "h-6 w-6"
67
+ "xs": "h-4 w-4",
68
+ "sm": "h-5 w-5",
69
+ "md": "h-5 w-5",
70
+ "lg": "h-5 w-5",
71
+ "xl": "h-6 w-6"
72
72
  }
73
73
  },
74
74
  default: {
@@ -8,7 +8,7 @@ export default {
8
8
  orientation: {
9
9
  "rounded-none": { horizontal: { start: "rounded-s-none", end: "rounded-e-none" }, vertical: { start: "rounded-t-none", end: "rounded-b-none" } },
10
10
  "rounded-sm": { horizontal: { start: "rounded-s-sm", end: "rounded-e-sm" }, vertical: { start: "rounded-t-sm", end: "rounded-b-sm" } },
11
- rounded: { horizontal: { start: "rounded-s", end: "rounded-e" }, vertical: { start: "rounded-t", end: "rounded-b" } },
11
+ "rounded": { horizontal: { start: "rounded-s", end: "rounded-e" }, vertical: { start: "rounded-t", end: "rounded-b" } },
12
12
  "rounded-md": { horizontal: { start: "rounded-s-md", end: "rounded-e-md" }, vertical: { start: "rounded-t-md", end: "rounded-b-md" } },
13
13
  "rounded-lg": { horizontal: { start: "rounded-s-lg", end: "rounded-e-lg" }, vertical: { start: "rounded-t-lg", end: "rounded-b-lg" } },
14
14
  "rounded-xl": { horizontal: { start: "rounded-s-xl", end: "rounded-e-xl" }, vertical: { start: "rounded-t-xl", end: "rounded-b-xl" } },
@@ -17,11 +17,11 @@ export default {
17
17
  size: {
18
18
  "3xs": "h-[4px] min-w-[4px] text-[4px] p-px",
19
19
  "2xs": "h-[5px] min-w-[5px] text-[5px] p-px",
20
- xs: "h-1.5 min-w-[0.375rem] text-[6px] p-px",
21
- sm: "h-2 min-w-[0.5rem] text-[7px] p-0.5",
22
- md: "h-2.5 min-w-[0.625rem] text-[8px] p-0.5",
23
- lg: "h-3 min-w-[0.75rem] text-[10px] p-0.5",
24
- xl: "h-3.5 min-w-[0.875rem] text-[11px] p-1",
20
+ "xs": "h-1.5 min-w-[0.375rem] text-[6px] p-px",
21
+ "sm": "h-2 min-w-[0.5rem] text-[7px] p-0.5",
22
+ "md": "h-2.5 min-w-[0.625rem] text-[8px] p-0.5",
23
+ "lg": "h-3 min-w-[0.75rem] text-[10px] p-0.5",
24
+ "xl": "h-3.5 min-w-[0.875rem] text-[11px] p-1",
25
25
  "2xl": "h-4 min-w-[1rem] text-[12px] p-1",
26
26
  "3xl": "h-5 min-w-[1.25rem] text-[14px] p-1"
27
27
  },
@@ -5,11 +5,11 @@ export default {
5
5
  text: "text-gray-400 dark:text-gray-500 text-end",
6
6
  size: {
7
7
  "2xs": "text-xs",
8
- xs: "text-xs",
9
- sm: "text-sm",
10
- md: "text-sm",
11
- lg: "text-sm",
12
- xl: "text-base",
8
+ "xs": "text-xs",
9
+ "sm": "text-sm",
10
+ "md": "text-sm",
11
+ "lg": "text-sm",
12
+ "xl": "text-base",
13
13
  "2xl": "text-base"
14
14
  }
15
15
  },
@@ -22,11 +22,11 @@ export default {
22
22
  shadow: "",
23
23
  size: {
24
24
  "2xs": "h-px",
25
- xs: "h-0.5",
26
- sm: "h-1",
27
- md: "h-2",
28
- lg: "h-3",
29
- xl: "h-4",
25
+ "xs": "h-0.5",
26
+ "sm": "h-1",
27
+ "md": "h-2",
28
+ "lg": "h-3",
29
+ "xl": "h-4",
30
30
  "2xl": "h-5"
31
31
  },
32
32
  appearance: {
@@ -41,11 +41,11 @@ export default {
41
41
  rounded: "[&::-webkit-meter-optimum-value]:rounded-full [&::-moz-meter-bar]:rounded-full",
42
42
  size: {
43
43
  "2xs": "[&::-webkit-meter-optimum-value]:h-px [&::-moz-meter-bar]:h-px",
44
- xs: "[&::-webkit-meter-optimum-value]:h-0.5 [&::-moz-meter-bar]:h-0.5",
45
- sm: "[&::-webkit-meter-optimum-value]:h-1 [&::-moz-meter-bar]:h-1",
46
- md: "[&::-webkit-meter-optimum-value]:h-2 [&::-moz-meter-bar]:h-2",
47
- lg: "[&::-webkit-meter-optimum-value]:h-3 [&::-moz-meter-bar]:h-3",
48
- xl: "[&::-webkit-meter-optimum-value]:h-4 [&::-moz-meter-bar]:h-4",
44
+ "xs": "[&::-webkit-meter-optimum-value]:h-0.5 [&::-moz-meter-bar]:h-0.5",
45
+ "sm": "[&::-webkit-meter-optimum-value]:h-1 [&::-moz-meter-bar]:h-1",
46
+ "md": "[&::-webkit-meter-optimum-value]:h-2 [&::-moz-meter-bar]:h-2",
47
+ "lg": "[&::-webkit-meter-optimum-value]:h-3 [&::-moz-meter-bar]:h-3",
48
+ "xl": "[&::-webkit-meter-optimum-value]:h-4 [&::-moz-meter-bar]:h-4",
49
49
  "2xl": "[&::-webkit-meter-optimum-value]:h-5 [&::-moz-meter-bar]:h-5"
50
50
  }
51
51
  }
@@ -56,11 +56,11 @@ export default {
56
56
  color: "text-{color}-500 dark:text-{color}-400",
57
57
  size: {
58
58
  "2xs": "text-xs",
59
- xs: "text-xs",
60
- sm: "text-sm",
61
- md: "text-sm",
62
- lg: "text-sm",
63
- xl: "text-base",
59
+ "xs": "text-xs",
60
+ "sm": "text-sm",
61
+ "md": "text-sm",
62
+ "lg": "text-sm",
63
+ "xl": "text-base",
64
64
  "2xl": "text-base"
65
65
  }
66
66
  },
@@ -9,7 +9,7 @@ export default {
9
9
  orientation: {
10
10
  "rounded-none": { left: "rounded-s-none", right: "rounded-e-none" },
11
11
  "rounded-sm": { left: "rounded-s-sm", right: "rounded-e-sm" },
12
- rounded: { left: "rounded-s", right: "rounded-e" },
12
+ "rounded": { left: "rounded-s", right: "rounded-e" },
13
13
  "rounded-md": { left: "rounded-s-md", right: "rounded-e-md" },
14
14
  "rounded-lg": { left: "rounded-s-lg", right: "rounded-e-lg" },
15
15
  "rounded-xl": { left: "rounded-s-xl", right: "rounded-e-xl" },
@@ -11,11 +11,11 @@ export default {
11
11
  color: "text-gray-400 dark:text-gray-500",
12
12
  size: {
13
13
  "2xs": "text-xs",
14
- xs: "text-xs",
15
- sm: "text-sm",
16
- md: "text-sm",
17
- lg: "text-sm",
18
- xl: "text-base",
14
+ "xs": "text-xs",
15
+ "sm": "text-sm",
16
+ "md": "text-sm",
17
+ "lg": "text-sm",
18
+ "xl": "text-base",
19
19
  "2xl": "text-base"
20
20
  }
21
21
  },
@@ -24,11 +24,11 @@ export default {
24
24
  width: "w-full [&::-webkit-progress-bar]:w-full",
25
25
  size: {
26
26
  "2xs": "h-px",
27
- xs: "h-0.5",
28
- sm: "h-1",
29
- md: "h-2",
30
- lg: "h-3",
31
- xl: "h-4",
27
+ "xs": "h-0.5",
28
+ "sm": "h-1",
29
+ "md": "h-2",
30
+ "lg": "h-3",
31
+ "xl": "h-4",
32
32
  "2xl": "h-5"
33
33
  },
34
34
  rounded: "rounded-full [&::-webkit-progress-bar]:rounded-full",
@@ -46,11 +46,11 @@ export default {
46
46
  color: "text-{color}-500 dark:text-{color}-400",
47
47
  size: {
48
48
  "2xs": "text-xs",
49
- xs: "text-xs",
50
- sm: "text-sm",
51
- md: "text-sm",
52
- lg: "text-sm",
53
- xl: "text-base",
49
+ "xs": "text-xs",
50
+ "sm": "text-sm",
51
+ "md": "text-sm",
52
+ "lg": "text-sm",
53
+ "xl": "text-base",
54
54
  "2xl": "text-base"
55
55
  }
56
56
  },
@@ -61,10 +61,10 @@ export default {
61
61
  first: "text-gray-500 dark:text-gray-400"
62
62
  },
63
63
  animation: {
64
- carousel: "bar-animation-carousel",
64
+ "carousel": "bar-animation-carousel",
65
65
  "carousel-inverse": "bar-animation-carousel-inverse",
66
- swing: "bar-animation-swing",
67
- elastic: "bar-animation-elastic"
66
+ "swing": "bar-animation-swing",
67
+ "elastic": "bar-animation-elastic"
68
68
  },
69
69
  default: {
70
70
  color: "primary",
@@ -4,16 +4,15 @@ export default {
4
4
  label: {
5
5
  wrapper: "flex content-center items-center justify-between",
6
6
  base: "block font-medium text-gray-700 dark:text-gray-200",
7
- // eslint-disable-next-line quotes
8
7
  required: `after:content-['*'] after:ms-0.5 after:text-red-500 dark:after:text-red-400`
9
8
  },
10
9
  size: {
11
10
  "2xs": "text-xs",
12
- xs: "text-xs",
13
- sm: "text-sm",
14
- md: "text-sm",
15
- lg: "text-sm",
16
- xl: "text-base"
11
+ "xs": "text-xs",
12
+ "sm": "text-sm",
13
+ "md": "text-sm",
14
+ "lg": "text-sm",
15
+ "xl": "text-base"
17
16
  },
18
17
  container: "mt-1 relative",
19
18
  description: "text-gray-500 dark:text-gray-400",
@@ -9,46 +9,46 @@ export default {
9
9
  },
10
10
  size: {
11
11
  "2xs": "text-xs",
12
- xs: "text-xs",
13
- sm: "text-sm",
14
- md: "text-sm",
15
- lg: "text-sm",
16
- xl: "text-base"
12
+ "xs": "text-xs",
13
+ "sm": "text-sm",
14
+ "md": "text-sm",
15
+ "lg": "text-sm",
16
+ "xl": "text-base"
17
17
  },
18
18
  gap: {
19
19
  "2xs": "gap-x-1",
20
- xs: "gap-x-1.5",
21
- sm: "gap-x-1.5",
22
- md: "gap-x-2",
23
- lg: "gap-x-2.5",
24
- xl: "gap-x-2.5"
20
+ "xs": "gap-x-1.5",
21
+ "sm": "gap-x-1.5",
22
+ "md": "gap-x-2",
23
+ "lg": "gap-x-2.5",
24
+ "xl": "gap-x-2.5"
25
25
  },
26
26
  padding: {
27
27
  "2xs": "px-2 py-1",
28
- xs: "px-2.5 py-1.5",
29
- sm: "px-2.5 py-1.5",
30
- md: "px-3 py-2",
31
- lg: "px-3.5 py-2.5",
32
- xl: "px-3.5 py-2.5"
28
+ "xs": "px-2.5 py-1.5",
29
+ "sm": "px-2.5 py-1.5",
30
+ "md": "px-3 py-2",
31
+ "lg": "px-3.5 py-2.5",
32
+ "xl": "px-3.5 py-2.5"
33
33
  },
34
34
  leading: {
35
35
  padding: {
36
36
  "2xs": "ps-7",
37
- xs: "ps-8",
38
- sm: "ps-9",
39
- md: "ps-10",
40
- lg: "ps-11",
41
- xl: "ps-12"
37
+ "xs": "ps-8",
38
+ "sm": "ps-9",
39
+ "md": "ps-10",
40
+ "lg": "ps-11",
41
+ "xl": "ps-12"
42
42
  }
43
43
  },
44
44
  trailing: {
45
45
  padding: {
46
46
  "2xs": "pe-7",
47
- xs: "pe-8",
48
- sm: "pe-9",
49
- md: "pe-10",
50
- lg: "pe-11",
51
- xl: "pe-12"
47
+ "xs": "pe-8",
48
+ "sm": "pe-9",
49
+ "md": "pe-10",
50
+ "lg": "pe-11",
51
+ "xl": "pe-12"
52
52
  }
53
53
  },
54
54
  color: {
@@ -69,22 +69,22 @@ export default {
69
69
  loading: "animate-spin",
70
70
  size: {
71
71
  "2xs": "h-4 w-4",
72
- xs: "h-4 w-4",
73
- sm: "h-5 w-5",
74
- md: "h-5 w-5",
75
- lg: "h-5 w-5",
76
- xl: "h-6 w-6"
72
+ "xs": "h-4 w-4",
73
+ "sm": "h-5 w-5",
74
+ "md": "h-5 w-5",
75
+ "lg": "h-5 w-5",
76
+ "xl": "h-6 w-6"
77
77
  },
78
78
  leading: {
79
79
  wrapper: "absolute inset-y-0 start-0 flex items-center",
80
80
  pointer: "pointer-events-none",
81
81
  padding: {
82
82
  "2xs": "px-2",
83
- xs: "px-2.5",
84
- sm: "px-2.5",
85
- md: "px-3",
86
- lg: "px-3.5",
87
- xl: "px-3.5"
83
+ "xs": "px-2.5",
84
+ "sm": "px-2.5",
85
+ "md": "px-3",
86
+ "lg": "px-3.5",
87
+ "xl": "px-3.5"
88
88
  }
89
89
  },
90
90
  trailing: {
@@ -92,11 +92,11 @@ export default {
92
92
  pointer: "pointer-events-none",
93
93
  padding: {
94
94
  "2xs": "px-2",
95
- xs: "px-2.5",
96
- sm: "px-2.5",
97
- md: "px-3",
98
- lg: "px-3.5",
99
- xl: "px-3.5"
95
+ "xs": "px-2.5",
96
+ "sm": "px-2.5",
97
+ "md": "px-3",
98
+ "lg": "px-3.5",
99
+ "xl": "px-3.5"
100
100
  }
101
101
  }
102
102
  },
@@ -51,6 +51,12 @@ declare const _default: {
51
51
  default: {
52
52
  selectedIcon: string;
53
53
  trailingIcon: string;
54
+ empty: {
55
+ label: string;
56
+ };
57
+ optionEmpty: {
58
+ label: string;
59
+ };
54
60
  };
55
61
  arrow: {
56
62
  ring: string;
@@ -52,7 +52,13 @@ export default {
52
52
  },
53
53
  default: {
54
54
  selectedIcon: "i-heroicons-check-20-solid",
55
- trailingIcon: "i-heroicons-chevron-down-20-solid"
55
+ trailingIcon: "i-heroicons-chevron-down-20-solid",
56
+ empty: {
57
+ label: "No options."
58
+ },
59
+ optionEmpty: {
60
+ label: 'No results for "{query}".'
61
+ }
56
62
  },
57
63
  arrow: {
58
64
  ...arrow,
@@ -10,11 +10,11 @@ export default {
10
10
  background: "bg-{color}-500 dark:bg-{color}-400",
11
11
  size: {
12
12
  "2xs": "h-px",
13
- xs: "h-0.5",
14
- sm: "h-1",
15
- md: "h-2",
16
- lg: "h-3",
17
- xl: "h-4",
13
+ "xs": "h-0.5",
14
+ "sm": "h-1",
15
+ "md": "h-2",
16
+ "lg": "h-3",
17
+ "xl": "h-4",
18
18
  "2xl": "h-5"
19
19
  }
20
20
  },
@@ -25,11 +25,11 @@ export default {
25
25
  ring: "[&::-webkit-slider-thumb]:ring-2 [&::-webkit-slider-thumb]:ring-current",
26
26
  size: {
27
27
  "2xs": "[&::-webkit-slider-thumb]:h-1.5 [&::-moz-range-thumb]:h-1.5 [&::-webkit-slider-thumb]:w-1.5 [&::-moz-range-thumb]:w-1.5 [&::-webkit-slider-thumb]:mt-[-2.5px] [&::-moz-range-thumb]:mt-[-2.5px]",
28
- xs: "[&::-webkit-slider-thumb]:h-2 [&::-moz-range-thumb]:h-2 [&::-webkit-slider-thumb]:w-2 [&::-moz-range-thumb]:w-2 [&::-webkit-slider-thumb]:mt-[-3px] [&::-moz-range-thumb]:mt-[-3px]",
29
- sm: "[&::-webkit-slider-thumb]:h-3 [&::-moz-range-thumb]:h-3 [&::-webkit-slider-thumb]:w-3 [&::-moz-range-thumb]:w-3 [&::-webkit-slider-thumb]:-mt-1 [&::-moz-range-thumb]:-mt-1",
30
- md: "[&::-webkit-slider-thumb]:h-4 [&::-moz-range-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-moz-range-thumb]:w-4 [&::-webkit-slider-thumb]:-mt-1 [&::-moz-range-thumb]:-mt-1",
31
- lg: "[&::-webkit-slider-thumb]:h-5 [&::-moz-range-thumb]:h-5 [&::-webkit-slider-thumb]:w-5 [&::-moz-range-thumb]:w-5 [&::-webkit-slider-thumb]:-mt-1 [&::-moz-range-thumb]:-mt-1",
32
- xl: "[&::-webkit-slider-thumb]:h-6 [&::-moz-range-thumb]:h-6 [&::-webkit-slider-thumb]:w-6 [&::-moz-range-thumb]:w-6 [&::-webkit-slider-thumb]:-mt-1 [&::-moz-range-thumb]:-mt-1",
28
+ "xs": "[&::-webkit-slider-thumb]:h-2 [&::-moz-range-thumb]:h-2 [&::-webkit-slider-thumb]:w-2 [&::-moz-range-thumb]:w-2 [&::-webkit-slider-thumb]:mt-[-3px] [&::-moz-range-thumb]:mt-[-3px]",
29
+ "sm": "[&::-webkit-slider-thumb]:h-3 [&::-moz-range-thumb]:h-3 [&::-webkit-slider-thumb]:w-3 [&::-moz-range-thumb]:w-3 [&::-webkit-slider-thumb]:-mt-1 [&::-moz-range-thumb]:-mt-1",
30
+ "md": "[&::-webkit-slider-thumb]:h-4 [&::-moz-range-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-moz-range-thumb]:w-4 [&::-webkit-slider-thumb]:-mt-1 [&::-moz-range-thumb]:-mt-1",
31
+ "lg": "[&::-webkit-slider-thumb]:h-5 [&::-moz-range-thumb]:h-5 [&::-webkit-slider-thumb]:w-5 [&::-moz-range-thumb]:w-5 [&::-webkit-slider-thumb]:-mt-1 [&::-moz-range-thumb]:-mt-1",
32
+ "xl": "[&::-webkit-slider-thumb]:h-6 [&::-moz-range-thumb]:h-6 [&::-webkit-slider-thumb]:w-6 [&::-moz-range-thumb]:w-6 [&::-webkit-slider-thumb]:-mt-1 [&::-moz-range-thumb]:-mt-1",
33
33
  "2xl": "[&::-webkit-slider-thumb]:h-7 [&::-moz-range-thumb]:h-7 [&::-webkit-slider-thumb]:w-7 [&::-moz-range-thumb]:w-7 [&::-webkit-slider-thumb]:-mt-1 [&::-moz-range-thumb]:-mt-1"
34
34
  }
35
35
  },
@@ -39,21 +39,21 @@ export default {
39
39
  rounded: "[&::-webkit-slider-runnable-track]:rounded-lg [&::-moz-range-track]:rounded-lg",
40
40
  size: {
41
41
  "2xs": "[&::-webkit-slider-runnable-track]:h-px [&::-moz-range-track]:h-px",
42
- xs: "[&::-webkit-slider-runnable-track]:h-0.5 [&::-moz-range-track]:h-0.5",
43
- sm: "[&::-webkit-slider-runnable-track]:h-1 [&::-moz-range-track]:h-1",
44
- md: "[&::-webkit-slider-runnable-track]:h-2 [&::-moz-range-track]:h-2",
45
- lg: "[&::-webkit-slider-runnable-track]:h-3 [&::-moz-range-track]:h-3",
46
- xl: "[&::-webkit-slider-runnable-track]:h-4 [&::-moz-range-track]:h-4",
42
+ "xs": "[&::-webkit-slider-runnable-track]:h-0.5 [&::-moz-range-track]:h-0.5",
43
+ "sm": "[&::-webkit-slider-runnable-track]:h-1 [&::-moz-range-track]:h-1",
44
+ "md": "[&::-webkit-slider-runnable-track]:h-2 [&::-moz-range-track]:h-2",
45
+ "lg": "[&::-webkit-slider-runnable-track]:h-3 [&::-moz-range-track]:h-3",
46
+ "xl": "[&::-webkit-slider-runnable-track]:h-4 [&::-moz-range-track]:h-4",
47
47
  "2xl": "[&::-webkit-slider-runnable-track]:h-5 [&::-moz-range-track]:h-5"
48
48
  }
49
49
  },
50
50
  size: {
51
51
  "2xs": "h-1.5",
52
- xs: "h-2",
53
- sm: "h-3",
54
- md: "h-4",
55
- lg: "h-5",
56
- xl: "h-6",
52
+ "xs": "h-2",
53
+ "sm": "h-3",
54
+ "md": "h-4",
55
+ "lg": "h-5",
56
+ "xl": "h-6",
57
57
  "2xl": "h-7"
58
58
  },
59
59
  default: {
@@ -46,6 +46,15 @@ declare const _default: {
46
46
  selectedIcon: string;
47
47
  clearSearchOnClose: boolean;
48
48
  showCreateOptionWhen: string;
49
+ searchablePlaceholder: {
50
+ label: string;
51
+ };
52
+ empty: {
53
+ label: string;
54
+ };
55
+ optionEmpty: {
56
+ label: string;
57
+ };
49
58
  };
50
59
  arrow: {
51
60
  ring: string;
@@ -22,7 +22,16 @@ export default {
22
22
  default: {
23
23
  selectedIcon: "i-heroicons-check-20-solid",
24
24
  clearSearchOnClose: false,
25
- showCreateOptionWhen: "empty"
25
+ showCreateOptionWhen: "empty",
26
+ searchablePlaceholder: {
27
+ label: "Search..."
28
+ },
29
+ empty: {
30
+ label: "No options."
31
+ },
32
+ optionEmpty: {
33
+ label: 'No results for "{query}".'
34
+ }
26
35
  },
27
36
  arrow: {
28
37
  ...arrow,