@macroui/macroui 4.0.2 → 4.0.3

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 (25) hide show
  1. package/index.d.ts +122 -0
  2. package/index.js +149 -0
  3. package/lib/addPrefix.js +104 -0
  4. package/lib/createPlugin.js +19 -0
  5. package/lib/responsiveRegex.js +45 -0
  6. package/lib/utility-classes.js +7 -0
  7. package/package.json +10 -5
  8. package/src/src/index.d.ts +122 -0
  9. package/src/src/index.js +149 -0
  10. package/src/src/lib/addPrefix.js +104 -0
  11. package/src/src/lib/createPlugin.js +19 -0
  12. package/src/src/lib/responsiveRegex.js +45 -0
  13. package/src/src/lib/utility-classes.js +7 -0
  14. package/src/src/theming/colorNames.js +30 -0
  15. package/src/src/theming/functions.js +262 -0
  16. package/src/src/theming/index.js +35 -0
  17. package/src/src/theming/themeDefaults.js +47 -0
  18. package/src/src/theming/themes.d.ts +5 -0
  19. package/src/src/theming/themes.js +485 -0
  20. package/theming/colorNames.js +30 -0
  21. package/theming/functions.js +262 -0
  22. package/theming/index.js +35 -0
  23. package/theming/themeDefaults.js +47 -0
  24. package/theming/themes.d.ts +5 -0
  25. package/theming/themes.js +485 -0
package/theming/themes.js ADDED
@@ -0,0 +1,485 @@
1
+ module.exports = {
2
+ aqua: {
3
+ "color-scheme": "dark",
4
+ "primary": "#09ecf3",
5
+ "primary-content": "#005355",
6
+ "secondary": "#966fb3",
7
+ "accent": "#ffe999",
8
+ "neutral": "#3b8ac4",
9
+ "base-100": "#345da7",
10
+ "info": "#2563eb",
11
+ "success": "#16a34a",
12
+ "warning": "#d97706",
13
+ "error": "oklch(73.95% 0.19 27.33)",
14
+ },
15
+ black: {
16
+ "color-scheme": "dark",
17
+ "primary": "#373737",
18
+ "secondary": "#373737",
19
+ "accent": "#373737",
20
+ "base-100": "#000000",
21
+ "base-200": "#141414",
22
+ "base-300": "#262626",
23
+ "base-content": "#d6d6d6",
24
+ "neutral": "#373737",
25
+ "info": "#0000ff",
26
+ "success": "#008000",
27
+ "warning": "#ffff00",
28
+ "error": "#ff0000",
29
+ "--rounded-box": "0",
30
+ "--rounded-btn": "0",
31
+ "--rounded-badge": "0",
32
+ "--animation-btn": "0",
33
+ "--animation-input": "0",
34
+ "--btn-focus-scale": "1",
35
+ "--tab-radius": "0",
36
+ },
37
+ bumblebee: {
38
+ "color-scheme": "light",
39
+ "primary": "oklch(89.51% 0.2132 96.61)",
40
+ "primary-content": "oklch(38.92% 0.046 96.61)",
41
+ "secondary": "oklch(80.39% 0.194 70.76)",
42
+ "secondary-content": "oklch(39.38% 0.068 70.76)",
43
+ "accent": "oklch(81.27% 0.157 56.52)",
44
+ "neutral": "oklch(12.75% 0.075 281.99)",
45
+ "base-100": "oklch(100% 0 0)",
46
+ },
47
+ cmyk: {
48
+ "color-scheme": "light",
49
+ "primary": "#45AEEE",
50
+ "secondary": "#E8488A",
51
+ "accent": "#FFF232",
52
+ "neutral": "#1a1a1a",
53
+ "base-100": "oklch(100% 0 0)",
54
+ "info": "#4AA8C0",
55
+ "success": "#823290",
56
+ "warning": "#EE8133",
57
+ "error": "#E93F33",
58
+ },
59
+ corporate: {
60
+ "color-scheme": "light",
61
+ "primary": "oklch(60.39% 0.228 269.1)",
62
+ "secondary": "#7b92b2",
63
+ "accent": "#67cba0",
64
+ "neutral": "#181a2a",
65
+ "neutral-content": "#edf2f7",
66
+ "base-100": "oklch(100% 0 0)",
67
+ "base-content": "#181a2a",
68
+ "--rounded-box": "0.25rem",
69
+ "--rounded-btn": ".125rem",
70
+ "--rounded-badge": ".125rem",
71
+ "--tab-radius": "0.25rem",
72
+ "--animation-btn": "0",
73
+ "--animation-input": "0",
74
+ "--btn-focus-scale": "1",
75
+ },
76
+ cupcake: {
77
+ "color-scheme": "light",
78
+ "primary": "#65c3c8",
79
+ "secondary": "#ef9fbc",
80
+ "accent": "#eeaf3a",
81
+ "neutral": "#291334",
82
+ "base-100": "#faf7f5",
83
+ "base-200": "#efeae6",
84
+ "base-300": "#e7e2df",
85
+ "base-content": "#291334",
86
+ "--rounded-btn": "1.9rem",
87
+ "--tab-border": "2px",
88
+ "--tab-radius": "0.7rem",
89
+ },
90
+ cyberpunk: {
91
+ "color-scheme": "light",
92
+ "fontFamily":
93
+ "ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace",
94
+ "primary": "oklch(74.22% 0.209 6.35)",
95
+ "secondary": "oklch(83.33% 0.184 204.72)",
96
+ "accent": "oklch(71.86% 0.2176 310.43)",
97
+ "neutral": "oklch(23.04% 0.065 269.31)",
98
+ "neutral-content": "oklch(94.51% 0.179 104.32)",
99
+ "base-100": "oklch(94.51% 0.179 104.32)",
100
+ "--rounded-box": "0",
101
+ "--rounded-btn": "0",
102
+ "--rounded-badge": "0",
103
+ "--tab-radius": "0",
104
+ },
105
+ dark: {
106
+ "color-scheme": "dark",
107
+ "primary": "oklch(65.69% 0.196 275.75)",
108
+ "secondary": "oklch(74.8% 0.26 342.55)",
109
+ "accent": "oklch(74.51% 0.167 183.61)",
110
+ "neutral": "#2a323c",
111
+ "neutral-content": "#A6ADBB",
112
+ "base-100": "#1d232a",
113
+ "base-200": "#191e24",
114
+ "base-300": "#15191e",
115
+ "base-content": "#A6ADBB",
116
+ },
117
+ dracula: {
118
+ "color-scheme": "dark",
119
+ "primary": "#ff79c6",
120
+ "secondary": "#bd93f9",
121
+ "accent": "#ffb86c",
122
+ "neutral": "#414558",
123
+ "base-100": "#282a36",
124
+ "base-content": "#f8f8f2",
125
+ "info": "#8be9fd",
126
+ "success": "#50fa7b",
127
+ "warning": "#f1fa8c",
128
+ "error": "#ff5555",
129
+ },
130
+ emerald: {
131
+ "color-scheme": "light",
132
+ "primary": "#66cc8a",
133
+ "primary-content": "#223D30",
134
+ "secondary": "#377cfb",
135
+ "secondary-content": "#fff",
136
+ "accent": "#f68067",
137
+ "accent-content": "#000",
138
+ "neutral": "#333c4d",
139
+ "neutral-content": "#f9fafb",
140
+ "base-100": "oklch(100% 0 0)",
141
+ "base-content": "#333c4d",
142
+ "--animation-btn": "0",
143
+ "--animation-input": "0",
144
+ "--btn-focus-scale": "1",
145
+ },
146
+ fantasy: {
147
+ "color-scheme": "light",
148
+ "primary": "oklch(37.45% 0.189 325.02)",
149
+ "secondary": "oklch(53.92% 0.162 241.36)",
150
+ "accent": "oklch(75.98% 0.204 56.72)",
151
+ "neutral": "#1f2937",
152
+ "base-100": "oklch(100% 0 0)",
153
+ "base-content": "#1f2937",
154
+ },
155
+ forest: {
156
+ "color-scheme": "dark",
157
+ "primary": "#1eb854",
158
+ "primary-content": "#000000",
159
+ "secondary": "#1DB88E",
160
+ "accent": "#1DB8AB",
161
+ "neutral": "#19362D",
162
+ "base-100": "#171212",
163
+ "--rounded-btn": "1.9rem",
164
+ },
165
+ garden: {
166
+ "color-scheme": "light",
167
+ "primary": "oklch(62.45% 0.278 3.8363600743192197)",
168
+ "primary-content": "#fff",
169
+ "secondary": "#8E4162",
170
+ "accent": "#5c7f67",
171
+ "neutral": "#291E00",
172
+ "neutral-content": "#e9e7e7",
173
+ "base-100": "#e9e7e7",
174
+ "base-content": "#100f0f",
175
+ },
176
+ halloween: {
177
+ "color-scheme": "dark",
178
+ "primary": "oklch(77.48% 0.204 60.62)",
179
+ "primary-content": "#131616",
180
+ "secondary": "oklch(45.98% 0.248 305.03)",
181
+ "accent": "oklch(64.8% 0.223 136.07347934356451)",
182
+ "accent-content": "#000000",
183
+ "neutral": "#2F1B05",
184
+ "base-100": "#212121",
185
+ "info": "#2563eb",
186
+ "success": "#16a34a",
187
+ "warning": "#d97706",
188
+ "error": "oklch(65.72% 0.199 27.33)",
189
+ },
190
+ light: {
191
+ "color-scheme": "light",
192
+ "primary": "oklch(49.12% 0.3096 275.75)",
193
+ "secondary": "oklch(69.71% 0.329 342.55)",
194
+ "secondary-content": "oklch(98.71% 0.0106 342.55)",
195
+ "accent": "oklch(76.76% 0.184 183.61)",
196
+ "neutral": "#2B3440",
197
+ "neutral-content": "#D7DDE4",
198
+ "base-100": "oklch(100% 0 0)",
199
+ "base-200": "#F2F2F2",
200
+ "base-300": "#E5E6E6",
201
+ "base-content": "#1f2937",
202
+ },
203
+ lofi: {
204
+ "color-scheme": "light",
205
+ "primary": "#0D0D0D",
206
+ "primary-content": "oklch(100% 0 0)",
207
+ "secondary": "#1A1919",
208
+ "secondary-content": "oklch(100% 0 0)",
209
+ "accent": "#262626",
210
+ "accent-content": "oklch(100% 0 0)",
211
+ "neutral": "#000000",
212
+ "neutral-content": "oklch(100% 0 0)",
213
+ "base-100": "oklch(100% 0 0)",
214
+ "base-200": "#F2F2F2",
215
+ "base-300": "#E6E5E5",
216
+ "base-content": "#000000",
217
+ "info": "oklch(79.54% 0.103 205.9)",
218
+ "success": "oklch(90.13% 0.153 164.14)",
219
+ "warning": "oklch(88.37% 0.135 79.94)",
220
+ "error": "oklch(78.66% 0.15 28.47)",
221
+ "--rounded-box": "0.25rem",
222
+ "--rounded-btn": "0.125rem",
223
+ "--rounded-badge": "0.125rem",
224
+ "--tab-radius": "0.125rem",
225
+ "--animation-btn": "0",
226
+ "--animation-input": "0",
227
+ "--btn-focus-scale": "1",
228
+ },
229
+ luxury: {
230
+ "color-scheme": "dark",
231
+ "primary": "oklch(100% 0 0)",
232
+ "secondary": "#152747",
233
+ "accent": "#513448",
234
+ "neutral": "#331800",
235
+ "neutral-content": "#FFE7A3",
236
+ "base-100": "#09090b",
237
+ "base-200": "#171618",
238
+ "base-300": "#2e2d2f",
239
+ "base-content": "#dca54c",
240
+ "info": "#66c6ff",
241
+ "success": "#87d039",
242
+ "warning": "#e2d562",
243
+ "error": "#ff6f6f",
244
+ },
245
+ pastel: {
246
+ "color-scheme": "light",
247
+ "primary": "#d1c1d7",
248
+ "secondary": "#f6cbd1",
249
+ "accent": "#b4e9d6",
250
+ "neutral": "#70acc7",
251
+ "base-100": "oklch(100% 0 0)",
252
+ "base-200": "#f9fafb",
253
+ "base-300": "#d1d5db",
254
+ "--rounded-btn": "1.9rem",
255
+ "--tab-radius": "0.7rem",
256
+ },
257
+ retro: {
258
+ "color-scheme": "light",
259
+ "primary": "#ef9995",
260
+ "primary-content": "#282425",
261
+ "secondary": "#a4cbb4",
262
+ "secondary-content": "#282425",
263
+ "accent": "#DC8850",
264
+ "accent-content": "#282425",
265
+ "neutral": "#2E282A",
266
+ "neutral-content": "#EDE6D4",
267
+ "base-100": "#ece3ca",
268
+ "base-200": "#e4d8b4",
269
+ "base-300": "#DBCA9A",
270
+ "base-content": "#282425",
271
+ "info": "#2563eb",
272
+ "success": "#16a34a",
273
+ "warning": "#d97706",
274
+ "error": "oklch(65.72% 0.199 27.33)",
275
+ "--rounded-box": "0.4rem",
276
+ "--rounded-btn": "0.4rem",
277
+ "--rounded-badge": "0.4rem",
278
+ "--tab-radius": "0.4rem",
279
+ },
280
+ synthwave: {
281
+ "color-scheme": "dark",
282
+ "primary": "#e779c1",
283
+ "secondary": "#58c7f3",
284
+ "accent": "oklch(88.04% 0.206 93.72)",
285
+ "neutral": "#221551",
286
+ "neutral-content": "#f9f7fd",
287
+ "base-100": "#1a103d",
288
+ "base-content": "#f9f7fd",
289
+ "info": "#53c0f3",
290
+ "info-content": "#201047",
291
+ "success": "#71ead2",
292
+ "success-content": "#201047",
293
+ "warning": "#eace6c",
294
+ "warning-content": "#201047",
295
+ "error": "#ec8c78",
296
+ "error-content": "#201047",
297
+ },
298
+ valentine: {
299
+ "color-scheme": "light",
300
+ "primary": "#e96d7b",
301
+ "secondary": "#a991f7",
302
+ "accent": "#66b1b3",
303
+ "neutral": "#af4670",
304
+ "neutral-content": "#f0d6e8",
305
+ "base-100": "#fae7f4",
306
+ "base-content": "#632c3b",
307
+ "info": "#2563eb",
308
+ "success": "#16a34a",
309
+ "warning": "#d97706",
310
+ "error": "oklch(73.07% 0.207 27.33)",
311
+ "--rounded-btn": "1.9rem",
312
+ "--tab-radius": "0.7rem",
313
+ },
314
+ wireframe: {
315
+ "color-scheme": "light",
316
+ "fontFamily": "Chalkboard,comic sans ms,'sans-serif'",
317
+ "primary": "#b8b8b8",
318
+ "secondary": "#b8b8b8",
319
+ "accent": "#b8b8b8",
320
+ "neutral": "#ebebeb",
321
+ "base-100": "oklch(100% 0 0)",
322
+ "base-200": "#eeeeee",
323
+ "base-300": "#dddddd",
324
+ "info": "#0000ff",
325
+ "success": "#008000",
326
+ "warning": "#a6a659",
327
+ "error": "#ff0000",
328
+ "--rounded-box": "0.2rem",
329
+ "--rounded-btn": "0.2rem",
330
+ "--rounded-badge": "0.2rem",
331
+ "--tab-radius": "0.2rem",
332
+ },
333
+ autumn: {
334
+ "color-scheme": "light",
335
+ "primary": "#8C0327",
336
+ "secondary": "#D85251",
337
+ "accent": "#D59B6A",
338
+ "neutral": "#826A5C",
339
+ "base-100": "#f1f1f1",
340
+ "info": "#42ADBB",
341
+ "success": "#499380",
342
+ "warning": "#E97F14",
343
+ "error": "oklch(53.07% 0.241 24.16)",
344
+ },
345
+ business: {
346
+ "color-scheme": "dark",
347
+ "primary": "#1C4E80",
348
+ "secondary": "#7C909A",
349
+ "accent": "#EA6947",
350
+ "neutral": "#23282E",
351
+ "base-100": "#202020",
352
+ "info": "#0091D5",
353
+ "success": "#6BB187",
354
+ "warning": "#DBAE59",
355
+ "error": "#AC3E31",
356
+ "--rounded-box": "0.25rem",
357
+ "--rounded-btn": ".125rem",
358
+ "--rounded-badge": ".125rem",
359
+ },
360
+ acid: {
361
+ "color-scheme": "light",
362
+ "primary": "oklch(71.9% 0.357 330.7595734057481)",
363
+ "secondary": "oklch(73.37% 0.224 48.25087840015526)",
364
+ "accent": "oklch(92.78% 0.264 122.96295065960891)",
365
+ "neutral": "oklch(21.31% 0.128 278.68)",
366
+ "base-100": "#fafafa",
367
+ "info": "oklch(60.72% 0.227 252.05)",
368
+ "success": "oklch(85.72% 0.266 158.53)",
369
+ "warning": "oklch(91.01% 0.212 100.5)",
370
+ "error": "oklch(64.84% 0.293 29.34918758658804)",
371
+ "--rounded-box": "1.25rem",
372
+ "--rounded-btn": "1rem",
373
+ "--rounded-badge": "1rem",
374
+ "--tab-radius": "0.7rem",
375
+ },
376
+ lemonade: {
377
+ "color-scheme": "light",
378
+ "primary": "oklch(58.92% 0.199 134.6)",
379
+ "secondary": "oklch(77.75% 0.196 111.09)",
380
+ "accent": "oklch(85.39% 0.201 100.73)",
381
+ "neutral": "oklch(30.98% 0.075 108.6)",
382
+ "base-100": "oklch(98.71% 0.02 123.72)",
383
+ "info": "oklch(86.19% 0.047 224.14)",
384
+ "success": "oklch(86.19% 0.047 157.85)",
385
+ "warning": "oklch(86.19% 0.047 102.15)",
386
+ "error": "oklch(86.19% 0.047 25.85)",
387
+ },
388
+ night: {
389
+ "color-scheme": "dark",
390
+ "primary": "#38bdf8",
391
+ "secondary": "#818CF8",
392
+ "accent": "#F471B5",
393
+ "neutral": "#1E293B",
394
+ "base-100": "#0F172A",
395
+ "info": "#0CA5E9",
396
+ "info-content": "#000000",
397
+ "success": "#2DD4BF",
398
+ "warning": "#F4BF50",
399
+ "error": "#FB7085",
400
+ },
401
+ coffee: {
402
+ "color-scheme": "dark",
403
+ "primary": "#DB924B",
404
+ "secondary": "#263E3F",
405
+ "accent": "#10576D",
406
+ "neutral": "#120C12",
407
+ "base-100": "#20161F",
408
+ "base-content": "#c59f60",
409
+ "info": "#8DCAC1",
410
+ "success": "#9DB787",
411
+ "warning": "#FFD25F",
412
+ "error": "#FC9581",
413
+ },
414
+ winter: {
415
+ "color-scheme": "light",
416
+ "primary": "oklch(56.86% 0.255 257.57)",
417
+ "secondary": "#463AA2",
418
+ "accent": "#C148AC",
419
+ "neutral": "#021431",
420
+ "base-100": "oklch(100% 0 0)",
421
+ "base-200": "#F2F7FF",
422
+ "base-300": "#E3E9F4",
423
+ "base-content": "#394E6A",
424
+ "info": "#93E7FB",
425
+ "success": "#81CFD1",
426
+ "warning": "#EFD7BB",
427
+ "error": "#E58B8B",
428
+ },
429
+ dim: {
430
+ "color-scheme": "dark",
431
+ "primary": "#9FE88D",
432
+ "secondary": "#FF7D5C",
433
+ "accent": "#C792E9",
434
+ "neutral": "#1c212b",
435
+ "neutral-content": "#B2CCD6",
436
+ "base-100": "#2A303C",
437
+ "base-200": "#242933",
438
+ "base-300": "#20252E",
439
+ "base-content": "#B2CCD6",
440
+ "info": "#28ebff",
441
+ "success": "#62efbd",
442
+ "warning": "#efd057",
443
+ "error": "#ffae9b",
444
+ },
445
+ nord: {
446
+ "color-scheme": "light",
447
+ "primary": "#5E81AC",
448
+ "secondary": "#81A1C1",
449
+ "accent": "#88C0D0",
450
+ "neutral": "#4C566A",
451
+ "neutral-content": "#D8DEE9",
452
+ "base-100": "#ECEFF4",
453
+ "base-200": "#E5E9F0",
454
+ "base-300": "#D8DEE9",
455
+ "base-content": "#2E3440",
456
+ "info": "#B48EAD",
457
+ "success": "#A3BE8C",
458
+ "warning": "#EBCB8B",
459
+ "error": "#BF616A",
460
+ "--rounded-box": "0.4rem",
461
+ "--rounded-btn": "0.2rem",
462
+ "--rounded-badge": "0.4rem",
463
+ "--tab-radius": "0.2rem",
464
+ },
465
+ sunset: {
466
+ "color-scheme": "dark",
467
+ "primary": "#FF865B",
468
+ "secondary": "#FD6F9C",
469
+ "accent": "#B387FA",
470
+ "neutral": "oklch(26% 0.019 237.69)",
471
+ "neutral-content": "oklch(70% 0.019 237.69)",
472
+ "base-100": "oklch(22% 0.019 237.69)",
473
+ "base-200": "oklch(20% 0.019 237.69)",
474
+ "base-300": "oklch(18% 0.019 237.69)",
475
+ "base-content": "#9fb9d0",
476
+ "info": "#89e0eb",
477
+ "success": "#addfad",
478
+ "warning": "#f1c891",
479
+ "error": "#ffbbbd",
480
+ "--rounded-box": "1.2rem",
481
+ "--rounded-btn": "0.8rem",
482
+ "--rounded-badge": "0.4rem",
483
+ "--tab-radius": "0.7rem",
484
+ },
485
+ }