@nextui-org/theme 2.1.9 → 2.1.10

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 (162) hide show
  1. package/dist/{chunk-77O7KLUI.mjs → chunk-362LGETO.mjs} +1 -1
  2. package/dist/{chunk-23KK2ZAZ.mjs → chunk-5GLH2ERS.mjs} +2 -2
  3. package/dist/{chunk-RYOZQSNI.mjs → chunk-6XG3Y4GM.mjs} +12 -7
  4. package/dist/chunk-76A2UI6G.mjs +243 -0
  5. package/dist/chunk-AQDGQGUV.mjs +391 -0
  6. package/dist/{chunk-NAY2XKLY.mjs → chunk-B6QMTIF2.mjs} +1 -1
  7. package/dist/{chunk-LGRQRHJJ.mjs → chunk-BR6V72YY.mjs} +6 -3
  8. package/dist/{chunk-PJV3MWBL.mjs → chunk-C3KZKKPN.mjs} +182 -49
  9. package/dist/{chunk-5VJPQADB.mjs → chunk-CLW3JMFF.mjs} +2 -2
  10. package/dist/{chunk-NW5W5ANO.mjs → chunk-DGMET46Q.mjs} +4 -3
  11. package/dist/{chunk-WBNF66V7.mjs → chunk-F36W5Y6O.mjs} +1 -1
  12. package/dist/{chunk-GNLIYZAQ.mjs → chunk-FUMNSN2H.mjs} +1 -1
  13. package/dist/{chunk-KPK2JQIF.mjs → chunk-G3PB7L4N.mjs} +10 -0
  14. package/dist/{chunk-4DKVPW5Z.mjs → chunk-HBLCAYSX.mjs} +2 -2
  15. package/dist/{chunk-XPLXQDB3.mjs → chunk-HYA3WURA.mjs} +1 -1
  16. package/dist/{chunk-UHF2F2WJ.mjs → chunk-I5E37FAL.mjs} +4 -4
  17. package/dist/{chunk-RPMLQF4Y.mjs → chunk-J6EGGODL.mjs} +5 -5
  18. package/dist/{chunk-XY766PDD.mjs → chunk-J7FVLFSZ.mjs} +1 -1
  19. package/dist/{chunk-GKYVNUGL.mjs → chunk-JMOQB2OS.mjs} +3 -3
  20. package/dist/{chunk-EUS2SEYI.mjs → chunk-JX6O4KJS.mjs} +2 -2
  21. package/dist/{chunk-YSXRNNDV.mjs → chunk-N7N2LONM.mjs} +1 -1
  22. package/dist/{chunk-RHIZZ5XX.mjs → chunk-ODGTGSNM.mjs} +2 -2
  23. package/dist/{chunk-EC4F6RJF.mjs → chunk-PFGLTKGJ.mjs} +1 -1
  24. package/dist/{chunk-FZZINZOQ.mjs → chunk-QF56VSRK.mjs} +23 -6
  25. package/dist/{chunk-YKWIBFFV.mjs → chunk-QWYWYOG6.mjs} +18 -4
  26. package/dist/{chunk-Y32IWEMZ.mjs → chunk-S7W5DQP2.mjs} +3 -3
  27. package/dist/{chunk-F76574GG.mjs → chunk-SCQJ4BM3.mjs} +105 -39
  28. package/dist/{chunk-TIMHSW45.mjs → chunk-TUUOVVH3.mjs} +2 -2
  29. package/dist/{chunk-B55QBA5E.mjs → chunk-VD4MGTVP.mjs} +1 -1
  30. package/dist/{chunk-4JBYJQSP.mjs → chunk-VGHVBXXT.mjs} +1 -1
  31. package/dist/{chunk-WM43BKYH.mjs → chunk-VOTIIGIW.mjs} +3 -3
  32. package/dist/{chunk-O24TFHPZ.mjs → chunk-VPYXYIZ5.mjs} +2 -2
  33. package/dist/{chunk-ADNJ6GPZ.mjs → chunk-VU5TSYMO.mjs} +2 -2
  34. package/dist/{chunk-7MCHEQXT.mjs → chunk-VZI6SR6H.mjs} +4 -1
  35. package/dist/chunk-WBUVHAJX.mjs +37 -0
  36. package/dist/chunk-WHT6K6RC.mjs +58 -0
  37. package/dist/chunk-WNVF6X3M.mjs +171 -0
  38. package/dist/{chunk-EQIZ7W7V.mjs → chunk-WYVG7NY6.mjs} +3 -3
  39. package/dist/{chunk-LQGOKGQV.mjs → chunk-XHQNEGB6.mjs} +1 -1
  40. package/dist/{chunk-T7JNS25F.mjs → chunk-XHQUSKIE.mjs} +10 -1
  41. package/dist/{chunk-MOHT4OBR.mjs → chunk-XNF3KCH7.mjs} +2 -2
  42. package/dist/{chunk-XJU7LDVX.mjs → chunk-Y5WLFHBC.mjs} +74 -9
  43. package/dist/{chunk-XCWQAA5D.mjs → chunk-YRDQW7V4.mjs} +5 -5
  44. package/dist/components/accordion.js +27 -34
  45. package/dist/components/accordion.mjs +3 -3
  46. package/dist/components/autocomplete.d.ts +180 -0
  47. package/dist/components/autocomplete.js +165 -0
  48. package/dist/components/autocomplete.mjs +8 -0
  49. package/dist/components/avatar.js +28 -35
  50. package/dist/components/avatar.mjs +3 -3
  51. package/dist/components/badge.d.ts +7 -7
  52. package/dist/components/badge.js +29 -36
  53. package/dist/components/badge.mjs +3 -3
  54. package/dist/components/breadcrumbs.d.ts +816 -0
  55. package/dist/components/breadcrumbs.js +357 -0
  56. package/dist/components/breadcrumbs.mjs +14 -0
  57. package/dist/components/button.d.ts +7 -7
  58. package/dist/components/button.js +104 -39
  59. package/dist/components/button.mjs +3 -3
  60. package/dist/components/card.js +26 -33
  61. package/dist/components/card.mjs +3 -3
  62. package/dist/components/checkbox.js +25 -32
  63. package/dist/components/checkbox.mjs +3 -3
  64. package/dist/components/chip.js +26 -33
  65. package/dist/components/chip.mjs +3 -3
  66. package/dist/components/circular-progress.js +25 -32
  67. package/dist/components/circular-progress.mjs +2 -2
  68. package/dist/components/code.js +25 -32
  69. package/dist/components/code.mjs +3 -3
  70. package/dist/components/divider.js +25 -32
  71. package/dist/components/divider.mjs +2 -2
  72. package/dist/components/drip.d.ts +29 -3
  73. package/dist/components/drip.js +25 -32
  74. package/dist/components/drip.mjs +2 -2
  75. package/dist/components/dropdown.d.ts +103 -35
  76. package/dist/components/dropdown.js +25 -32
  77. package/dist/components/dropdown.mjs +3 -3
  78. package/dist/components/image.js +25 -32
  79. package/dist/components/image.mjs +2 -2
  80. package/dist/components/index.d.ts +4 -1
  81. package/dist/components/index.js +1189 -208
  82. package/dist/components/index.mjs +62 -48
  83. package/dist/components/input.d.ts +34 -41
  84. package/dist/components/input.js +205 -79
  85. package/dist/components/input.mjs +3 -3
  86. package/dist/components/kbd.js +25 -32
  87. package/dist/components/kbd.mjs +2 -2
  88. package/dist/components/link.js +25 -32
  89. package/dist/components/link.mjs +3 -3
  90. package/dist/components/listbox.d.ts +1 -1
  91. package/dist/components/listbox.js +41 -34
  92. package/dist/components/listbox.mjs +3 -3
  93. package/dist/components/menu.d.ts +119 -40
  94. package/dist/components/menu.js +41 -34
  95. package/dist/components/menu.mjs +3 -3
  96. package/dist/components/modal.js +25 -32
  97. package/dist/components/modal.mjs +3 -3
  98. package/dist/components/navbar.js +29 -33
  99. package/dist/components/navbar.mjs +3 -3
  100. package/dist/components/pagination.js +46 -36
  101. package/dist/components/pagination.mjs +3 -3
  102. package/dist/components/popover.d.ts +136 -132
  103. package/dist/components/popover.js +98 -94
  104. package/dist/components/popover.mjs +3 -3
  105. package/dist/components/progress.js +25 -32
  106. package/dist/components/progress.mjs +2 -2
  107. package/dist/components/radio.js +26 -33
  108. package/dist/components/radio.mjs +3 -3
  109. package/dist/components/scroll-shadow.js +25 -32
  110. package/dist/components/scroll-shadow.mjs +2 -2
  111. package/dist/components/select.d.ts +30 -51
  112. package/dist/components/select.js +128 -69
  113. package/dist/components/select.mjs +3 -3
  114. package/dist/components/skeleton.js +26 -33
  115. package/dist/components/skeleton.mjs +2 -2
  116. package/dist/components/slider.d.ts +1024 -0
  117. package/dist/components/slider.js +504 -0
  118. package/dist/components/slider.mjs +12 -0
  119. package/dist/components/snippet.js +25 -32
  120. package/dist/components/snippet.mjs +3 -3
  121. package/dist/components/spacer.js +25 -32
  122. package/dist/components/spacer.mjs +2 -2
  123. package/dist/components/spinner.js +25 -32
  124. package/dist/components/spinner.mjs +2 -2
  125. package/dist/components/table.js +25 -32
  126. package/dist/components/table.mjs +3 -3
  127. package/dist/components/tabs.js +25 -32
  128. package/dist/components/tabs.mjs +3 -3
  129. package/dist/components/toggle.js +25 -32
  130. package/dist/components/toggle.mjs +3 -3
  131. package/dist/components/user.d.ts +45 -29
  132. package/dist/components/user.js +25 -32
  133. package/dist/components/user.mjs +3 -3
  134. package/dist/default-layout.js +4 -1
  135. package/dist/default-layout.mjs +1 -1
  136. package/dist/index.d.ts +5 -2
  137. package/dist/index.js +1323 -321
  138. package/dist/index.mjs +69 -53
  139. package/dist/plugin.js +24 -5
  140. package/dist/plugin.mjs +6 -6
  141. package/dist/types.d.ts +8 -0
  142. package/dist/utilities/index.d.ts +10 -0
  143. package/dist/utilities/index.js +10 -0
  144. package/dist/utilities/index.mjs +2 -2
  145. package/dist/utilities/transition.d.ts +10 -0
  146. package/dist/utilities/transition.js +10 -0
  147. package/dist/utilities/transition.mjs +1 -1
  148. package/dist/utils/classes.d.ts +13 -1
  149. package/dist/utils/classes.js +10 -0
  150. package/dist/utils/classes.mjs +3 -1
  151. package/dist/utils/index.d.ts +1 -1
  152. package/dist/utils/index.js +10 -0
  153. package/dist/utils/index.mjs +3 -1
  154. package/dist/utils/theme.js +4 -3
  155. package/dist/utils/theme.mjs +1 -1
  156. package/dist/utils/tv.d.ts +2 -2
  157. package/dist/utils/tv.js +25 -32
  158. package/dist/utils/tv.mjs +1 -1
  159. package/package.json +9 -9
  160. package/dist/chunk-6AEINX52.mjs +0 -44
  161. package/dist/chunk-SN5GEHHN.mjs +0 -160
  162. /package/dist/{chunk-RH7YHIQY.mjs → chunk-T6HAGWX5.mjs} +0 -0
package/dist/utils/tv.js CHANGED
@@ -80,39 +80,32 @@ var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
80
80
 
81
81
  // src/utils/tv.ts
82
82
  var COMMON_UNITS = ["small", "medium", "large"];
83
- var tv = (options, config) => {
84
- var _a, _b, _c;
85
- return (0, import_tailwind_variants.tv)(options, {
86
- ...config,
87
- twMerge: (_a = config == null ? void 0 : config.twMerge) != null ? _a : true,
88
- twMergeConfig: {
89
- ...config == null ? void 0 : config.twMergeConfig,
90
- theme: {
91
- ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
92
- opacity: ["disabled"],
93
- spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
94
- borderWidth: COMMON_UNITS,
95
- borderRadius: COMMON_UNITS
96
- },
97
- classGroups: {
98
- ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
99
- shadow: [{ shadow: COMMON_UNITS }],
100
- "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
101
- "bg-image": ["bg-stripe-gradient"],
102
- "min-w": [
103
- {
104
- "min-w": ["unit", ...mappedSpacingScaleKeys]
105
- }
106
- ],
107
- "min-h": [
108
- {
109
- "min-h": ["unit", ...mappedSpacingScaleKeys]
110
- }
111
- ]
112
- }
83
+ var tv = (0, import_tailwind_variants.createTV)({
84
+ twMerge: true,
85
+ twMergeConfig: {
86
+ theme: {
87
+ opacity: ["disabled"],
88
+ spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
89
+ borderWidth: COMMON_UNITS,
90
+ borderRadius: COMMON_UNITS
91
+ },
92
+ classGroups: {
93
+ shadow: [{ shadow: COMMON_UNITS }],
94
+ "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
95
+ "bg-image": ["bg-stripe-gradient"],
96
+ "min-w": [
97
+ {
98
+ "min-w": ["unit", ...mappedSpacingScaleKeys]
99
+ }
100
+ ],
101
+ "min-h": [
102
+ {
103
+ "min-h": ["unit", ...mappedSpacingScaleKeys]
104
+ }
105
+ ]
113
106
  }
114
- });
115
- };
107
+ }
108
+ });
116
109
  // Annotate the CommonJS export names for ESM import in node:
117
110
  0 && (module.exports = {
118
111
  tv
package/dist/utils/tv.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tv
3
- } from "../chunk-6AEINX52.mjs";
3
+ } from "../chunk-WBUVHAJX.mjs";
4
4
  import "../chunk-WA5F6AED.mjs";
5
5
  export {
6
6
  tv
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nextui-org/theme",
3
- "version": "2.1.9",
3
+ "version": "2.1.10",
4
4
  "description": "The default theme for NextUI components",
5
5
  "keywords": [
6
6
  "theme",
@@ -46,20 +46,20 @@
46
46
  "lodash.kebabcase": "^4.1.1",
47
47
  "lodash.mapkeys": "^4.6.0",
48
48
  "lodash.omit": "^4.5.0",
49
- "tailwind-variants": "^0.1.14",
50
- "tailwindcss": "^3.2.7",
49
+ "tailwind-variants": "^0.1.18"
50
+ },
51
+ "peerDependencies": {
52
+ "tailwindcss": "*"
53
+ },
54
+ "devDependencies": {
51
55
  "@types/color": "^3.0.3",
52
56
  "@types/flat": "^5.0.2",
53
57
  "@types/lodash.foreach": "^4.5.7",
54
58
  "@types/lodash.get": "^4.4.7",
55
59
  "@types/lodash.kebabcase": "^4.1.7",
56
60
  "@types/lodash.mapkeys": "^4.6.7",
57
- "@types/lodash.omit": "^4.5.7"
58
- },
59
- "peerDependencies": {
60
- "tailwindcss": "*"
61
- },
62
- "devDependencies": {
61
+ "@types/lodash.omit": "^4.5.7",
62
+ "tailwindcss": "^3.3.5",
63
63
  "clean-package": "2.2.0"
64
64
  },
65
65
  "tsup": {
@@ -1,44 +0,0 @@
1
- import {
2
- mappedSpacingScaleKeys
3
- } from "./chunk-WA5F6AED.mjs";
4
-
5
- // src/utils/tv.ts
6
- import { tv as tvBase } from "tailwind-variants";
7
- var COMMON_UNITS = ["small", "medium", "large"];
8
- var tv = (options, config) => {
9
- var _a, _b, _c;
10
- return tvBase(options, {
11
- ...config,
12
- twMerge: (_a = config == null ? void 0 : config.twMerge) != null ? _a : true,
13
- twMergeConfig: {
14
- ...config == null ? void 0 : config.twMergeConfig,
15
- theme: {
16
- ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
17
- opacity: ["disabled"],
18
- spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
19
- borderWidth: COMMON_UNITS,
20
- borderRadius: COMMON_UNITS
21
- },
22
- classGroups: {
23
- ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
24
- shadow: [{ shadow: COMMON_UNITS }],
25
- "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
26
- "bg-image": ["bg-stripe-gradient"],
27
- "min-w": [
28
- {
29
- "min-w": ["unit", ...mappedSpacingScaleKeys]
30
- }
31
- ],
32
- "min-h": [
33
- {
34
- "min-h": ["unit", ...mappedSpacingScaleKeys]
35
- }
36
- ]
37
- }
38
- }
39
- });
40
- };
41
-
42
- export {
43
- tv
44
- };
@@ -1,160 +0,0 @@
1
- import {
2
- colorVariants
3
- } from "./chunk-2PIR7DFM.mjs";
4
- import {
5
- tv
6
- } from "./chunk-6AEINX52.mjs";
7
- import {
8
- dataFocusVisibleClasses
9
- } from "./chunk-T7JNS25F.mjs";
10
-
11
- // src/components/popover.ts
12
- var popover = tv({
13
- slots: {
14
- base: [
15
- "z-10",
16
- "relative",
17
- "inline-flex",
18
- "flex-col",
19
- "items-center",
20
- "justify-center",
21
- "box-border",
22
- "subpixel-antialiased",
23
- "px-4",
24
- "py-1",
25
- "outline-none",
26
- "box-border",
27
- ...dataFocusVisibleClasses
28
- ],
29
- trigger: ["z-10"],
30
- backdrop: ["hidden"],
31
- arrow: [
32
- "z-[-1]",
33
- "absolute",
34
- "rotate-45",
35
- "w-2.5",
36
- "h-2.5",
37
- "rounded-sm",
38
- "data-[placement=top]:-bottom-1",
39
- "data-[placement=top]:-translate-x-1/2",
40
- "data-[placement=top-start]:-bottom-1",
41
- "data-[placement=top-start]:-translate-x-8",
42
- "data-[placement=top-end]:-bottom-1",
43
- "data-[placement=top-end]:translate-x-6",
44
- "data-[placement=bottom]:-top-1",
45
- "data-[placement=bottom]:-translate-x-1/2",
46
- "data-[placement=bottom-start]:-top-1",
47
- "data-[placement=bottom-start]:-translate-x-8",
48
- "data-[placement=bottom-end]:-top-1",
49
- "data-[placement=bottom-end]:translate-x-6",
50
- "data-[placement=left]:-right-1",
51
- "data-[placement=left]:-translate-y-1/2",
52
- "data-[placement=left-start]:-right-1",
53
- "data-[placement=left-start]:-translate-y-3",
54
- "data-[placement=left-end]:-right-1",
55
- "data-[placement=left-end]:translate-y-0.5",
56
- "data-[placement=right]:-left-1",
57
- "data-[placement=right]:-translate-y-1/2",
58
- "data-[placement=right-start]:-left-1",
59
- "data-[placement=right-start]:-translate-y-3",
60
- "data-[placement=right-end]:-left-1",
61
- "data-[placement=right-end]:translate-y-0.5"
62
- ]
63
- },
64
- variants: {
65
- size: {
66
- sm: { base: "text-tiny" },
67
- md: { base: "text-small" },
68
- lg: { base: "text-medium" }
69
- },
70
- color: {
71
- default: {
72
- base: "bg-content1",
73
- arrow: "shadow-small bg-content1"
74
- },
75
- foreground: {
76
- base: colorVariants.solid.foreground,
77
- arrow: "bg-foreground"
78
- },
79
- primary: {
80
- base: colorVariants.solid.primary,
81
- arrow: "bg-primary"
82
- },
83
- secondary: {
84
- base: colorVariants.solid.secondary,
85
- arrow: "bg-secondary"
86
- },
87
- success: {
88
- base: colorVariants.solid.success,
89
- arrow: "bg-success"
90
- },
91
- warning: {
92
- base: colorVariants.solid.warning,
93
- arrow: "bg-warning"
94
- },
95
- danger: {
96
- base: colorVariants.solid.danger,
97
- arrow: "bg-danger"
98
- }
99
- },
100
- radius: {
101
- none: { base: "rounded-none" },
102
- sm: { base: "rounded-small" },
103
- md: { base: "rounded-medium" },
104
- lg: { base: "rounded-large" },
105
- full: { base: "rounded-full" }
106
- },
107
- shadow: {
108
- sm: {
109
- base: "shadow-small"
110
- },
111
- md: {
112
- base: "shadow-medium"
113
- },
114
- lg: {
115
- base: "shadow-large"
116
- }
117
- },
118
- backdrop: {
119
- transparent: {},
120
- opaque: {
121
- backdrop: "bg-overlay/50 backdrop-opacity-disabled"
122
- },
123
- blur: {
124
- backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-overlay/30"
125
- }
126
- },
127
- triggerScaleOnOpen: {
128
- true: {
129
- trigger: ["aria-expanded:scale-[0.97]", "aria-expanded:opacity-70", "subpixel-antialiased"]
130
- },
131
- false: {}
132
- },
133
- disableAnimation: {
134
- true: {
135
- base: "animate-none"
136
- }
137
- }
138
- },
139
- defaultVariants: {
140
- color: "default",
141
- radius: "lg",
142
- size: "md",
143
- shadow: "md",
144
- backdrop: "transparent",
145
- disableAnimation: false,
146
- triggerScaleOnOpen: true
147
- },
148
- compoundVariants: [
149
- {
150
- backdrop: ["opaque", "blur"],
151
- class: {
152
- backdrop: "block w-full h-full fixed inset-0 -z-30"
153
- }
154
- }
155
- ]
156
- });
157
-
158
- export {
159
- popover
160
- };
File without changes