@nextui-org/theme 0.0.0-dev-v2-20230326012034

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 (181) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +24 -0
  3. package/colors.d.ts +1 -0
  4. package/colors.js +1 -0
  5. package/dist/animations/index.d.ts +57 -0
  6. package/dist/animations/index.js +84 -0
  7. package/dist/animations/index.mjs +6 -0
  8. package/dist/chunk-37PIXVP4.mjs +33 -0
  9. package/dist/chunk-45FXWIO6.mjs +70 -0
  10. package/dist/chunk-5OE5CWK6.mjs +84 -0
  11. package/dist/chunk-5SJ7B53O.mjs +0 -0
  12. package/dist/chunk-5Z3NCB7W.mjs +391 -0
  13. package/dist/chunk-7BYRB2YS.mjs +386 -0
  14. package/dist/chunk-7MQD7UA2.mjs +16 -0
  15. package/dist/chunk-B5S7HT6N.mjs +44 -0
  16. package/dist/chunk-CMYR6AOY.mjs +0 -0
  17. package/dist/chunk-CO6ANWRA.mjs +125 -0
  18. package/dist/chunk-CRCBVLUP.mjs +38 -0
  19. package/dist/chunk-D4TJV7NY.mjs +206 -0
  20. package/dist/chunk-DCEG5LGX.mjs +17 -0
  21. package/dist/chunk-FS36US4S.mjs +25 -0
  22. package/dist/chunk-HHWXPWYN.mjs +13 -0
  23. package/dist/chunk-IJCHUO4J.mjs +38 -0
  24. package/dist/chunk-K7LK7NCE.mjs +0 -0
  25. package/dist/chunk-KZJBCC2H.mjs +17 -0
  26. package/dist/chunk-L2OL7R23.mjs +17 -0
  27. package/dist/chunk-LGGZKBOO.mjs +77 -0
  28. package/dist/chunk-M63AFAHO.mjs +0 -0
  29. package/dist/chunk-MLH3XSY7.mjs +14 -0
  30. package/dist/chunk-NJQP2VWT.mjs +160 -0
  31. package/dist/chunk-OIVGIOVG.mjs +9 -0
  32. package/dist/chunk-OR5PUD24.mjs +17 -0
  33. package/dist/chunk-OSARGUKT.mjs +326 -0
  34. package/dist/chunk-QIC7EALL.mjs +277 -0
  35. package/dist/chunk-QMP2FDFR.mjs +240 -0
  36. package/dist/chunk-QPN3H4E3.mjs +60 -0
  37. package/dist/chunk-RD42SVXB.mjs +90 -0
  38. package/dist/chunk-T3GWIVAM.mjs +17 -0
  39. package/dist/chunk-TV7EJNXI.mjs +457 -0
  40. package/dist/chunk-U77YMEWM.mjs +13 -0
  41. package/dist/chunk-VB4T62HR.mjs +159 -0
  42. package/dist/chunk-VKFQ7EZN.mjs +17 -0
  43. package/dist/chunk-WQEDQHKX.mjs +0 -0
  44. package/dist/chunk-Y37XC5QN.mjs +169 -0
  45. package/dist/chunk-Y4YW5MKL.mjs +17 -0
  46. package/dist/chunk-Y52EXP4A.mjs +142 -0
  47. package/dist/chunk-YYBLBQIV.mjs +16 -0
  48. package/dist/chunk-YZYGFPNK.mjs +17 -0
  49. package/dist/chunk-Z5OKZPNV.mjs +190 -0
  50. package/dist/colors/blue.d.ts +14 -0
  51. package/dist/colors/blue.js +41 -0
  52. package/dist/colors/blue.mjs +6 -0
  53. package/dist/colors/common.d.ts +91 -0
  54. package/dist/colors/common.js +140 -0
  55. package/dist/colors/common.mjs +13 -0
  56. package/dist/colors/cyan.d.ts +14 -0
  57. package/dist/colors/cyan.js +41 -0
  58. package/dist/colors/cyan.mjs +6 -0
  59. package/dist/colors/green.d.ts +14 -0
  60. package/dist/colors/green.js +41 -0
  61. package/dist/colors/green.mjs +6 -0
  62. package/dist/colors/index.d.ts +97 -0
  63. package/dist/colors/index.js +306 -0
  64. package/dist/colors/index.mjs +23 -0
  65. package/dist/colors/pink.d.ts +14 -0
  66. package/dist/colors/pink.js +41 -0
  67. package/dist/colors/pink.mjs +6 -0
  68. package/dist/colors/purple.d.ts +14 -0
  69. package/dist/colors/purple.js +41 -0
  70. package/dist/colors/purple.mjs +6 -0
  71. package/dist/colors/red.d.ts +14 -0
  72. package/dist/colors/red.js +41 -0
  73. package/dist/colors/red.mjs +6 -0
  74. package/dist/colors/semantic.d.ts +10 -0
  75. package/dist/colors/semantic.js +298 -0
  76. package/dist/colors/semantic.mjs +19 -0
  77. package/dist/colors/types.d.ts +37 -0
  78. package/dist/colors/types.js +18 -0
  79. package/dist/colors/types.mjs +1 -0
  80. package/dist/colors/yellow.d.ts +14 -0
  81. package/dist/colors/yellow.js +41 -0
  82. package/dist/colors/yellow.mjs +6 -0
  83. package/dist/colors.d.ts +4 -0
  84. package/dist/colors.js +306 -0
  85. package/dist/colors.mjs +24 -0
  86. package/dist/components/accordion-item.d.ts +135 -0
  87. package/dist/components/accordion-item.js +122 -0
  88. package/dist/components/accordion-item.mjs +10 -0
  89. package/dist/components/accordion.d.ts +30 -0
  90. package/dist/components/accordion.js +40 -0
  91. package/dist/components/accordion.mjs +6 -0
  92. package/dist/components/avatar-group.d.ts +26 -0
  93. package/dist/components/avatar-group.js +38 -0
  94. package/dist/components/avatar-group.mjs +6 -0
  95. package/dist/components/avatar.d.ts +211 -0
  96. package/dist/components/avatar.js +315 -0
  97. package/dist/components/avatar.mjs +10 -0
  98. package/dist/components/badge.d.ts +235 -0
  99. package/dist/components/badge.js +487 -0
  100. package/dist/components/badge.mjs +10 -0
  101. package/dist/components/button-group.d.ts +26 -0
  102. package/dist/components/button-group.js +41 -0
  103. package/dist/components/button-group.mjs +6 -0
  104. package/dist/components/button.d.ts +122 -0
  105. package/dist/components/button.js +429 -0
  106. package/dist/components/button.mjs +10 -0
  107. package/dist/components/card.d.ts +239 -0
  108. package/dist/components/card.js +222 -0
  109. package/dist/components/card.mjs +10 -0
  110. package/dist/components/checkbox-group.d.ts +32 -0
  111. package/dist/components/checkbox-group.js +37 -0
  112. package/dist/components/checkbox-group.mjs +6 -0
  113. package/dist/components/checkbox.d.ts +226 -0
  114. package/dist/components/checkbox.js +192 -0
  115. package/dist/components/checkbox.mjs +10 -0
  116. package/dist/components/chip.d.ts +274 -0
  117. package/dist/components/chip.js +560 -0
  118. package/dist/components/chip.mjs +10 -0
  119. package/dist/components/code.d.ts +68 -0
  120. package/dist/components/code.js +140 -0
  121. package/dist/components/code.mjs +10 -0
  122. package/dist/components/drip.d.ts +14 -0
  123. package/dist/components/drip.js +33 -0
  124. package/dist/components/drip.mjs +6 -0
  125. package/dist/components/index.d.ts +24 -0
  126. package/dist/components/index.js +3442 -0
  127. package/dist/components/index.mjs +95 -0
  128. package/dist/components/link.d.ts +74 -0
  129. package/dist/components/link.js +117 -0
  130. package/dist/components/link.mjs +10 -0
  131. package/dist/components/pagination.d.ts +201 -0
  132. package/dist/components/pagination.js +489 -0
  133. package/dist/components/pagination.mjs +10 -0
  134. package/dist/components/radio-group.d.ts +32 -0
  135. package/dist/components/radio-group.js +37 -0
  136. package/dist/components/radio-group.mjs +6 -0
  137. package/dist/components/radio.d.ts +271 -0
  138. package/dist/components/radio.js +201 -0
  139. package/dist/components/radio.mjs +10 -0
  140. package/dist/components/snippet.d.ts +184 -0
  141. package/dist/components/snippet.js +343 -0
  142. package/dist/components/snippet.mjs +10 -0
  143. package/dist/components/spinner.d.ts +192 -0
  144. package/dist/components/spinner.js +149 -0
  145. package/dist/components/spinner.mjs +6 -0
  146. package/dist/components/toggle.d.ts +197 -0
  147. package/dist/components/toggle.js +191 -0
  148. package/dist/components/toggle.mjs +10 -0
  149. package/dist/components/tooltip.d.ts +176 -0
  150. package/dist/components/tooltip.js +373 -0
  151. package/dist/components/tooltip.mjs +10 -0
  152. package/dist/components/user.d.ts +40 -0
  153. package/dist/components/user.js +57 -0
  154. package/dist/components/user.mjs +10 -0
  155. package/dist/index.d.ts +35 -0
  156. package/dist/index.js +3747 -0
  157. package/dist/index.mjs +138 -0
  158. package/dist/plugin.d.ts +38 -0
  159. package/dist/plugin.js +564 -0
  160. package/dist/plugin.mjs +151 -0
  161. package/dist/utilities/index.d.ts +72 -0
  162. package/dist/utilities/index.js +94 -0
  163. package/dist/utilities/index.mjs +6 -0
  164. package/dist/utils/index.d.ts +4 -0
  165. package/dist/utils/index.js +144 -0
  166. package/dist/utils/index.mjs +20 -0
  167. package/dist/utils/object.d.ts +4 -0
  168. package/dist/utils/object.js +58 -0
  169. package/dist/utils/object.mjs +8 -0
  170. package/dist/utils/styles.d.ts +20 -0
  171. package/dist/utils/styles.js +66 -0
  172. package/dist/utils/styles.mjs +14 -0
  173. package/dist/utils/types.d.ts +10 -0
  174. package/dist/utils/types.js +18 -0
  175. package/dist/utils/types.mjs +1 -0
  176. package/dist/utils/variants.d.ts +67 -0
  177. package/dist/utils/variants.js +101 -0
  178. package/dist/utils/variants.mjs +6 -0
  179. package/package.json +85 -0
  180. package/plugin.d.ts +1 -0
  181. package/plugin.js +1 -0
@@ -0,0 +1,240 @@
1
+ import {
2
+ colorVariants
3
+ } from "./chunk-LGGZKBOO.mjs";
4
+ import {
5
+ ringClasses
6
+ } from "./chunk-IJCHUO4J.mjs";
7
+
8
+ // src/components/snippet.ts
9
+ import { tv } from "tailwind-variants";
10
+ var snippet = tv({
11
+ slots: {
12
+ base: "inline-flex items-center justify-between space-x-3 rounded-md",
13
+ pre: "bg-transparent text-inherit font-mono whitespace-pre-wrap",
14
+ copy: "z-10 appearance-none outline-none"
15
+ },
16
+ variants: {
17
+ variant: {
18
+ flat: "",
19
+ solid: "",
20
+ bordered: "border-2 !bg-transparent",
21
+ shadow: ""
22
+ },
23
+ color: {
24
+ neutral: {
25
+ base: colorVariants.flat.neutral
26
+ },
27
+ primary: {
28
+ base: colorVariants.flat.primary
29
+ },
30
+ secondary: {
31
+ base: colorVariants.flat.secondary
32
+ },
33
+ success: {
34
+ base: colorVariants.flat.success
35
+ },
36
+ warning: {
37
+ base: colorVariants.flat.warning
38
+ },
39
+ danger: {
40
+ base: colorVariants.flat.danger
41
+ }
42
+ },
43
+ size: {
44
+ xs: {
45
+ base: "px-2 py-1 text-xs"
46
+ },
47
+ sm: {
48
+ base: "px-2 py-1 text-sm"
49
+ },
50
+ md: {
51
+ base: "px-3 py-1.5 text-base"
52
+ },
53
+ lg: {
54
+ base: "px-4 py-2 text-lg"
55
+ },
56
+ xl: {
57
+ base: "px-4 py-2 text-xl"
58
+ }
59
+ },
60
+ radius: {
61
+ none: {
62
+ base: "rounded-none"
63
+ },
64
+ base: {
65
+ base: "rounded-base"
66
+ },
67
+ sm: {
68
+ base: "rounded-sm"
69
+ },
70
+ md: {
71
+ base: "rounded-md"
72
+ },
73
+ lg: {
74
+ base: "rounded-lg"
75
+ },
76
+ xl: {
77
+ base: "rounded-xl"
78
+ },
79
+ full: {
80
+ base: "rounded-full"
81
+ }
82
+ },
83
+ fullWidth: {
84
+ true: {
85
+ base: "w-full"
86
+ }
87
+ },
88
+ isFocusVisible: {
89
+ true: {
90
+ copy: [
91
+ ...ringClasses,
92
+ "ring-1",
93
+ "rounded-sm",
94
+ "ring-offset-transparent",
95
+ "dark:ring-offset-transparent"
96
+ ]
97
+ }
98
+ }
99
+ },
100
+ defaultVariants: {
101
+ color: "neutral",
102
+ variant: "flat",
103
+ size: "md",
104
+ radius: "lg",
105
+ fullWidth: false,
106
+ isFocusVisible: false
107
+ },
108
+ compoundVariants: [
109
+ {
110
+ variant: "solid",
111
+ color: "neutral",
112
+ class: {
113
+ base: colorVariants.solid.neutral
114
+ }
115
+ },
116
+ {
117
+ variant: "solid",
118
+ color: "primary",
119
+ class: {
120
+ base: colorVariants.solid.primary
121
+ }
122
+ },
123
+ {
124
+ variant: "solid",
125
+ color: "secondary",
126
+ class: {
127
+ base: colorVariants.solid.secondary
128
+ }
129
+ },
130
+ {
131
+ variant: "solid",
132
+ color: "success",
133
+ class: {
134
+ base: colorVariants.solid.success
135
+ }
136
+ },
137
+ {
138
+ variant: "solid",
139
+ color: "warning",
140
+ class: {
141
+ base: colorVariants.solid.warning
142
+ }
143
+ },
144
+ {
145
+ variant: "solid",
146
+ color: "danger",
147
+ class: {
148
+ base: colorVariants.solid.danger
149
+ }
150
+ },
151
+ {
152
+ variant: "shadow",
153
+ color: "neutral",
154
+ class: {
155
+ base: colorVariants.shadow.neutral
156
+ }
157
+ },
158
+ {
159
+ variant: "shadow",
160
+ color: "primary",
161
+ class: {
162
+ base: colorVariants.shadow.primary
163
+ }
164
+ },
165
+ {
166
+ variant: "shadow",
167
+ color: "secondary",
168
+ class: {
169
+ base: colorVariants.shadow.secondary
170
+ }
171
+ },
172
+ {
173
+ variant: "shadow",
174
+ color: "success",
175
+ class: {
176
+ base: colorVariants.shadow.success
177
+ }
178
+ },
179
+ {
180
+ variant: "shadow",
181
+ color: "warning",
182
+ class: {
183
+ base: colorVariants.shadow.warning
184
+ }
185
+ },
186
+ {
187
+ variant: "shadow",
188
+ color: "danger",
189
+ class: {
190
+ base: colorVariants.shadow.danger
191
+ }
192
+ },
193
+ {
194
+ variant: "bordered",
195
+ color: "neutral",
196
+ class: {
197
+ base: colorVariants.bordered.neutral
198
+ }
199
+ },
200
+ {
201
+ variant: "bordered",
202
+ color: "primary",
203
+ class: {
204
+ base: colorVariants.bordered.primary
205
+ }
206
+ },
207
+ {
208
+ variant: "bordered",
209
+ color: "secondary",
210
+ class: {
211
+ base: colorVariants.bordered.secondary
212
+ }
213
+ },
214
+ {
215
+ variant: "bordered",
216
+ color: "success",
217
+ class: {
218
+ base: colorVariants.bordered.success
219
+ }
220
+ },
221
+ {
222
+ variant: "bordered",
223
+ color: "warning",
224
+ class: {
225
+ base: colorVariants.bordered.warning
226
+ }
227
+ },
228
+ {
229
+ variant: "bordered",
230
+ color: "danger",
231
+ class: {
232
+ base: colorVariants.bordered.danger
233
+ }
234
+ }
235
+ ]
236
+ });
237
+
238
+ export {
239
+ snippet
240
+ };
@@ -0,0 +1,60 @@
1
+ // src/animations/index.ts
2
+ var animations = {
3
+ animation: {
4
+ "drip-expand": "drip-expand 350ms linear",
5
+ "spinner-ease-spin": "spinner-spin 0.8s ease infinite",
6
+ "spinner-linear-spin": "spinner-spin 0.8s linear infinite",
7
+ "appearance-in": "appearance-in 250ms ease-out normal both",
8
+ "appearance-out": "appearance-out 60ms ease-in normal both"
9
+ },
10
+ keyframes: {
11
+ "spinner-spin": {
12
+ "0%": {
13
+ transform: "rotate(0deg)"
14
+ },
15
+ "100%": {
16
+ transform: "rotate(360deg)"
17
+ }
18
+ },
19
+ "drip-expand": {
20
+ "0%": {
21
+ opacity: "0.4",
22
+ transform: "scale(0)"
23
+ },
24
+ "100%": {
25
+ opacity: "0",
26
+ transform: "scale(2)"
27
+ }
28
+ },
29
+ "appearance-in": {
30
+ "0%": {
31
+ opacity: "0",
32
+ transform: "translateZ(0) scale(0.95)"
33
+ },
34
+ "60%": {
35
+ opacity: "0.75",
36
+ backfaceVisibility: "hidden",
37
+ webkitFontSmoothing: "antialiased",
38
+ transform: "translateZ(0) scale(1.05)"
39
+ },
40
+ "100%": {
41
+ opacity: "1",
42
+ transform: "translateZ(0) scale(1)"
43
+ }
44
+ },
45
+ "appearance-out": {
46
+ "0%": {
47
+ opacity: "1",
48
+ transform: "scale(1)"
49
+ },
50
+ "100%": {
51
+ opacity: "0",
52
+ transform: "scale(0.85)"
53
+ }
54
+ }
55
+ }
56
+ };
57
+
58
+ export {
59
+ animations
60
+ };
@@ -0,0 +1,90 @@
1
+ import {
2
+ ringClasses
3
+ } from "./chunk-IJCHUO4J.mjs";
4
+
5
+ // src/components/accordion-item.ts
6
+ import { tv } from "tailwind-variants";
7
+ var accordionItem = tv({
8
+ slots: {
9
+ base: [
10
+ "py-2",
11
+ "border-neutral",
12
+ "[&:not(:last-of-type)]:border-b",
13
+ "group-[.is-splitted]:px-4",
14
+ "dark:group-[.is-splitted]:bg-content1",
15
+ "group-[.is-splitted]:shadow-lg",
16
+ "group-[.is-splitted]:rounded-lg",
17
+ "group-[.is-splitted]:border",
18
+ "group-[.is-splitted]:border-neutral-100"
19
+ ],
20
+ heading: "",
21
+ trigger: "py-2 flex w-full gap-3 outline-none items-center",
22
+ leftIndicator: "flex-shrink-0",
23
+ indicator: "text-neutral-400",
24
+ titleWrapper: "flex-1 flex flex-col text-left",
25
+ title: "text-foreground text-lg",
26
+ subtitle: "text-sm text-neutral-500 font-normal",
27
+ content: "py-2"
28
+ },
29
+ variants: {
30
+ isCompact: {
31
+ true: {
32
+ base: "py-1",
33
+ trigger: "py-1",
34
+ title: "text-base",
35
+ subtitle: "text-xs",
36
+ indicator: "text-base",
37
+ content: "py-1"
38
+ }
39
+ },
40
+ isDisabled: {
41
+ true: {
42
+ base: "opacity-50 pointer-events-none"
43
+ }
44
+ },
45
+ isFocusVisible: {
46
+ true: {
47
+ trigger: [...ringClasses]
48
+ }
49
+ },
50
+ hideDivider: {
51
+ true: {
52
+ base: "!border-b-0"
53
+ }
54
+ },
55
+ hideIndicator: {
56
+ true: {
57
+ indicator: "hidden"
58
+ }
59
+ },
60
+ disableAnimation: {
61
+ true: {
62
+ content: "hidden data-[open=true]:block"
63
+ },
64
+ false: {
65
+ indicator: "transition-transform"
66
+ }
67
+ },
68
+ disableIndicatorAnimation: {
69
+ true: {
70
+ indicator: "transition-none"
71
+ },
72
+ false: {
73
+ indicator: "rotate-0 data-[open=true]:-rotate-90"
74
+ }
75
+ }
76
+ },
77
+ defaultVariants: {
78
+ size: "md",
79
+ radius: "lg",
80
+ isDisabled: false,
81
+ hideDivider: false,
82
+ hideIndicator: false,
83
+ disableAnimation: false,
84
+ disableIndicatorAnimation: false
85
+ }
86
+ });
87
+
88
+ export {
89
+ accordionItem
90
+ };
@@ -0,0 +1,17 @@
1
+ // src/colors/cyan.ts
2
+ var cyan = {
3
+ 50: "#F0FCFF",
4
+ 100: "#E6FAFE",
5
+ 200: "#D7F8FE",
6
+ 300: "#C3F4FD",
7
+ 400: "#A5EEFD",
8
+ 500: "#7EE7FC",
9
+ 600: "#06B7DB",
10
+ 700: "#09AACD",
11
+ 800: "#0E8AAA",
12
+ 900: "#053B48"
13
+ };
14
+
15
+ export {
16
+ cyan
17
+ };