@nextui-org/theme 2.3.0-beta.9 → 2.3.0

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 (71) hide show
  1. package/dist/chunk-6CPZ7K75.mjs +444 -0
  2. package/dist/{chunk-IZOPFGDE.mjs → chunk-6KWI4IHE.mjs} +82 -1
  3. package/dist/chunk-AHEUDQZM.mjs +18 -0
  4. package/dist/{chunk-3ANIDDEW.mjs → chunk-IDHWVJY2.mjs} +1 -1
  5. package/dist/{chunk-MXL6JCUG.mjs → chunk-KOCBDPPO.mjs} +29 -6
  6. package/dist/{chunk-K6KPB2U5.mjs → chunk-PTCUE3XA.mjs} +11 -1
  7. package/dist/{chunk-HNRFZTEX.mjs → chunk-TK7HBD3N.mjs} +2 -1
  8. package/dist/{chunk-2TAKWWRG.mjs → chunk-ZZ2VSLD6.mjs} +1 -1
  9. package/dist/components/accordion.mjs +2 -1
  10. package/dist/components/alert.mjs +2 -1
  11. package/dist/components/autocomplete.js +1 -1
  12. package/dist/components/autocomplete.mjs +1 -1
  13. package/dist/components/avatar.mjs +2 -1
  14. package/dist/components/badge.mjs +2 -1
  15. package/dist/components/breadcrumbs.mjs +2 -1
  16. package/dist/components/button.mjs +2 -1
  17. package/dist/components/calendar.mjs +2 -1
  18. package/dist/components/card.mjs +2 -1
  19. package/dist/components/checkbox.mjs +2 -1
  20. package/dist/components/chip.mjs +2 -1
  21. package/dist/components/code.mjs +2 -1
  22. package/dist/components/date-input.d.ts +7 -0
  23. package/dist/components/date-input.js +2 -1
  24. package/dist/components/date-input.mjs +1 -1
  25. package/dist/components/dropdown.mjs +2 -1
  26. package/dist/components/index.d.ts +2 -2
  27. package/dist/components/index.js +480 -12
  28. package/dist/components/index.mjs +17 -14
  29. package/dist/components/input-otp.d.ts +603 -0
  30. package/dist/components/input-otp.js +518 -0
  31. package/dist/components/input-otp.mjs +13 -0
  32. package/dist/components/input.d.ts +21 -7
  33. package/dist/components/input.js +29 -6
  34. package/dist/components/input.mjs +3 -2
  35. package/dist/components/link.mjs +2 -1
  36. package/dist/components/listbox.js +11 -1
  37. package/dist/components/listbox.mjs +3 -2
  38. package/dist/components/menu.d.ts +70 -0
  39. package/dist/components/menu.js +11 -1
  40. package/dist/components/menu.mjs +3 -2
  41. package/dist/components/modal.mjs +2 -1
  42. package/dist/components/navbar.mjs +2 -1
  43. package/dist/components/pagination.mjs +2 -1
  44. package/dist/components/popover.mjs +2 -1
  45. package/dist/components/progress.d.ts +426 -1
  46. package/dist/components/progress.js +82 -0
  47. package/dist/components/progress.mjs +3 -1
  48. package/dist/components/radio.mjs +2 -1
  49. package/dist/components/select.js +1 -1
  50. package/dist/components/select.mjs +3 -2
  51. package/dist/components/slider.mjs +2 -1
  52. package/dist/components/snippet.mjs +2 -1
  53. package/dist/components/table.mjs +2 -1
  54. package/dist/components/tabs.mjs +2 -1
  55. package/dist/components/toggle.mjs +2 -1
  56. package/dist/components/user.mjs +2 -1
  57. package/dist/index.d.ts +3 -2
  58. package/dist/index.js +500 -15
  59. package/dist/index.mjs +20 -14
  60. package/dist/utils/index.d.ts +1 -0
  61. package/dist/utils/index.js +17 -0
  62. package/dist/utils/index.mjs +5 -1
  63. package/dist/utils/merge-classes.d.ts +12 -0
  64. package/dist/utils/merge-classes.js +42 -0
  65. package/dist/utils/merge-classes.mjs +6 -0
  66. package/package.json +2 -2
  67. package/dist/chunk-AUN4SP2F.mjs +0 -89
  68. package/dist/components/circular-progress.d.ts +0 -430
  69. package/dist/components/circular-progress.js +0 -157
  70. package/dist/components/circular-progress.mjs +0 -8
  71. /package/dist/{chunk-IV3K5WDK.mjs → chunk-CWYZ2GEH.mjs} +0 -0
@@ -1,430 +0,0 @@
1
- import * as tailwind_variants from 'tailwind-variants';
2
- import { VariantProps } from 'tailwind-variants';
3
- import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
4
-
5
- /**
6
- * CircularProgress **Tailwind Variants** component
7
- *
8
- * @example
9
- * ```js
10
- * const {base, svgWrapper, svg, indicator, value, label} = circularProgress({...})
11
- *
12
- * <div className={base()} aria-label="progress" role="progressbar" aria-valuenow={value} aria-valuemin={min} aria-valuemax={max}>
13
- * <div className={svgWrapper()}>
14
- * <svg className={svg()}>
15
- * <circle className={track()} />
16
- * <circle className={indicator()} />
17
- * </svg>
18
- * <span className={value()}>{value}</span>
19
- * </div>
20
- * <span className={label()}>{label}</span>
21
- * </div>
22
- * ```
23
- */
24
- declare const circularProgress: tailwind_variants.TVReturnType<{
25
- color: {
26
- default: {
27
- svg: string;
28
- };
29
- primary: {
30
- svg: string;
31
- };
32
- secondary: {
33
- svg: string;
34
- };
35
- success: {
36
- svg: string;
37
- };
38
- warning: {
39
- svg: string;
40
- };
41
- danger: {
42
- svg: string;
43
- };
44
- };
45
- size: {
46
- sm: {
47
- svg: string;
48
- label: string;
49
- value: string;
50
- };
51
- md: {
52
- svg: string;
53
- label: string;
54
- value: string;
55
- };
56
- lg: {
57
- svg: string;
58
- label: string;
59
- value: string;
60
- };
61
- };
62
- isIndeterminate: {
63
- true: {
64
- svg: string;
65
- };
66
- };
67
- isDisabled: {
68
- true: {
69
- base: string;
70
- };
71
- };
72
- disableAnimation: {
73
- true: {};
74
- false: {
75
- indicator: string;
76
- };
77
- };
78
- }, {
79
- base: string;
80
- label: string;
81
- svgWrapper: string;
82
- svg: string;
83
- track: string;
84
- indicator: string;
85
- value: string;
86
- }, undefined, tailwind_variants_dist_config.TVConfig<{
87
- color: {
88
- default: {
89
- svg: string;
90
- };
91
- primary: {
92
- svg: string;
93
- };
94
- secondary: {
95
- svg: string;
96
- };
97
- success: {
98
- svg: string;
99
- };
100
- warning: {
101
- svg: string;
102
- };
103
- danger: {
104
- svg: string;
105
- };
106
- };
107
- size: {
108
- sm: {
109
- svg: string;
110
- label: string;
111
- value: string;
112
- };
113
- md: {
114
- svg: string;
115
- label: string;
116
- value: string;
117
- };
118
- lg: {
119
- svg: string;
120
- label: string;
121
- value: string;
122
- };
123
- };
124
- isIndeterminate: {
125
- true: {
126
- svg: string;
127
- };
128
- };
129
- isDisabled: {
130
- true: {
131
- base: string;
132
- };
133
- };
134
- disableAnimation: {
135
- true: {};
136
- false: {
137
- indicator: string;
138
- };
139
- };
140
- }, {
141
- color: {
142
- default: {
143
- svg: string;
144
- };
145
- primary: {
146
- svg: string;
147
- };
148
- secondary: {
149
- svg: string;
150
- };
151
- success: {
152
- svg: string;
153
- };
154
- warning: {
155
- svg: string;
156
- };
157
- danger: {
158
- svg: string;
159
- };
160
- };
161
- size: {
162
- sm: {
163
- svg: string;
164
- label: string;
165
- value: string;
166
- };
167
- md: {
168
- svg: string;
169
- label: string;
170
- value: string;
171
- };
172
- lg: {
173
- svg: string;
174
- label: string;
175
- value: string;
176
- };
177
- };
178
- isIndeterminate: {
179
- true: {
180
- svg: string;
181
- };
182
- };
183
- isDisabled: {
184
- true: {
185
- base: string;
186
- };
187
- };
188
- disableAnimation: {
189
- true: {};
190
- false: {
191
- indicator: string;
192
- };
193
- };
194
- }>, {
195
- color: {
196
- default: {
197
- svg: string;
198
- };
199
- primary: {
200
- svg: string;
201
- };
202
- secondary: {
203
- svg: string;
204
- };
205
- success: {
206
- svg: string;
207
- };
208
- warning: {
209
- svg: string;
210
- };
211
- danger: {
212
- svg: string;
213
- };
214
- };
215
- size: {
216
- sm: {
217
- svg: string;
218
- label: string;
219
- value: string;
220
- };
221
- md: {
222
- svg: string;
223
- label: string;
224
- value: string;
225
- };
226
- lg: {
227
- svg: string;
228
- label: string;
229
- value: string;
230
- };
231
- };
232
- isIndeterminate: {
233
- true: {
234
- svg: string;
235
- };
236
- };
237
- isDisabled: {
238
- true: {
239
- base: string;
240
- };
241
- };
242
- disableAnimation: {
243
- true: {};
244
- false: {
245
- indicator: string;
246
- };
247
- };
248
- }, {
249
- base: string;
250
- label: string;
251
- svgWrapper: string;
252
- svg: string;
253
- track: string;
254
- indicator: string;
255
- value: string;
256
- }, tailwind_variants.TVReturnType<{
257
- color: {
258
- default: {
259
- svg: string;
260
- };
261
- primary: {
262
- svg: string;
263
- };
264
- secondary: {
265
- svg: string;
266
- };
267
- success: {
268
- svg: string;
269
- };
270
- warning: {
271
- svg: string;
272
- };
273
- danger: {
274
- svg: string;
275
- };
276
- };
277
- size: {
278
- sm: {
279
- svg: string;
280
- label: string;
281
- value: string;
282
- };
283
- md: {
284
- svg: string;
285
- label: string;
286
- value: string;
287
- };
288
- lg: {
289
- svg: string;
290
- label: string;
291
- value: string;
292
- };
293
- };
294
- isIndeterminate: {
295
- true: {
296
- svg: string;
297
- };
298
- };
299
- isDisabled: {
300
- true: {
301
- base: string;
302
- };
303
- };
304
- disableAnimation: {
305
- true: {};
306
- false: {
307
- indicator: string;
308
- };
309
- };
310
- }, {
311
- base: string;
312
- label: string;
313
- svgWrapper: string;
314
- svg: string;
315
- track: string;
316
- indicator: string;
317
- value: string;
318
- }, undefined, tailwind_variants_dist_config.TVConfig<{
319
- color: {
320
- default: {
321
- svg: string;
322
- };
323
- primary: {
324
- svg: string;
325
- };
326
- secondary: {
327
- svg: string;
328
- };
329
- success: {
330
- svg: string;
331
- };
332
- warning: {
333
- svg: string;
334
- };
335
- danger: {
336
- svg: string;
337
- };
338
- };
339
- size: {
340
- sm: {
341
- svg: string;
342
- label: string;
343
- value: string;
344
- };
345
- md: {
346
- svg: string;
347
- label: string;
348
- value: string;
349
- };
350
- lg: {
351
- svg: string;
352
- label: string;
353
- value: string;
354
- };
355
- };
356
- isIndeterminate: {
357
- true: {
358
- svg: string;
359
- };
360
- };
361
- isDisabled: {
362
- true: {
363
- base: string;
364
- };
365
- };
366
- disableAnimation: {
367
- true: {};
368
- false: {
369
- indicator: string;
370
- };
371
- };
372
- }, {
373
- color: {
374
- default: {
375
- svg: string;
376
- };
377
- primary: {
378
- svg: string;
379
- };
380
- secondary: {
381
- svg: string;
382
- };
383
- success: {
384
- svg: string;
385
- };
386
- warning: {
387
- svg: string;
388
- };
389
- danger: {
390
- svg: string;
391
- };
392
- };
393
- size: {
394
- sm: {
395
- svg: string;
396
- label: string;
397
- value: string;
398
- };
399
- md: {
400
- svg: string;
401
- label: string;
402
- value: string;
403
- };
404
- lg: {
405
- svg: string;
406
- label: string;
407
- value: string;
408
- };
409
- };
410
- isIndeterminate: {
411
- true: {
412
- svg: string;
413
- };
414
- };
415
- isDisabled: {
416
- true: {
417
- base: string;
418
- };
419
- };
420
- disableAnimation: {
421
- true: {};
422
- false: {
423
- indicator: string;
424
- };
425
- };
426
- }>, unknown, unknown, undefined>>;
427
- type CircularProgressVariantProps = VariantProps<typeof circularProgress>;
428
- type CircularProgressSlots = keyof ReturnType<typeof circularProgress>;
429
-
430
- export { CircularProgressSlots, CircularProgressVariantProps, circularProgress };
@@ -1,157 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/components/circular-progress.ts
21
- var circular_progress_exports = {};
22
- __export(circular_progress_exports, {
23
- circularProgress: () => circularProgress
24
- });
25
- module.exports = __toCommonJS(circular_progress_exports);
26
-
27
- // src/utils/tv.ts
28
- var import_tailwind_variants = require("tailwind-variants");
29
-
30
- // src/utils/tw-merge-config.ts
31
- var COMMON_UNITS = ["small", "medium", "large"];
32
- var twMergeConfig = {
33
- theme: {
34
- opacity: ["disabled"],
35
- spacing: ["divider"],
36
- borderWidth: COMMON_UNITS,
37
- borderRadius: COMMON_UNITS
38
- },
39
- classGroups: {
40
- shadow: [{ shadow: COMMON_UNITS }],
41
- "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
42
- "bg-image": [
43
- "bg-stripe-gradient-default",
44
- "bg-stripe-gradient-primary",
45
- "bg-stripe-gradient-secondary",
46
- "bg-stripe-gradient-success",
47
- "bg-stripe-gradient-warning",
48
- "bg-stripe-gradient-danger"
49
- ]
50
- }
51
- };
52
-
53
- // src/utils/tv.ts
54
- var tv = (options, config) => {
55
- var _a, _b, _c;
56
- return (0, import_tailwind_variants.tv)(options, {
57
- ...config,
58
- twMerge: (_a = config == null ? void 0 : config.twMerge) != null ? _a : true,
59
- twMergeConfig: {
60
- ...config == null ? void 0 : config.twMergeConfig,
61
- theme: {
62
- ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
63
- ...twMergeConfig.theme
64
- },
65
- classGroups: {
66
- ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
67
- ...twMergeConfig.classGroups
68
- }
69
- }
70
- });
71
- };
72
-
73
- // src/components/circular-progress.ts
74
- var circularProgress = tv({
75
- slots: {
76
- base: "flex flex-col justify-center gap-1 max-w-fit items-center",
77
- label: "",
78
- svgWrapper: "relative block",
79
- svg: "z-0 relative overflow-hidden",
80
- track: "h-full stroke-default-300/50",
81
- indicator: "h-full stroke-current",
82
- value: "absolute font-normal inset-0 flex items-center justify-center"
83
- },
84
- variants: {
85
- color: {
86
- default: {
87
- svg: "text-default-400"
88
- },
89
- primary: {
90
- svg: "text-primary"
91
- },
92
- secondary: {
93
- svg: "text-secondary"
94
- },
95
- success: {
96
- svg: "text-success"
97
- },
98
- warning: {
99
- svg: "text-warning"
100
- },
101
- danger: {
102
- svg: "text-danger"
103
- }
104
- },
105
- size: {
106
- sm: {
107
- svg: "w-8 h-8",
108
- label: "text-small",
109
- value: "text-[0.5rem]"
110
- },
111
- md: {
112
- svg: "w-10 h-10",
113
- label: "text-small",
114
- value: "text-[0.55rem]"
115
- },
116
- lg: {
117
- svg: "w-12 h-12",
118
- label: "text-medium",
119
- value: "text-[0.6rem]"
120
- }
121
- },
122
- isIndeterminate: {
123
- true: {
124
- svg: "animate-spinner-ease-spin"
125
- }
126
- },
127
- isDisabled: {
128
- true: {
129
- base: "opacity-disabled cursor-not-allowed"
130
- }
131
- },
132
- disableAnimation: {
133
- true: {},
134
- false: {
135
- indicator: "transition-all !duration-500"
136
- }
137
- }
138
- },
139
- defaultVariants: {
140
- color: "primary",
141
- size: "md",
142
- isDisabled: false
143
- },
144
- compoundVariants: [
145
- {
146
- disableAnimation: true,
147
- isIndeterminate: false,
148
- class: {
149
- svg: "!transition-none motion-reduce:transition-none"
150
- }
151
- }
152
- ]
153
- });
154
- // Annotate the CommonJS export names for ESM import in node:
155
- 0 && (module.exports = {
156
- circularProgress
157
- });
@@ -1,8 +0,0 @@
1
- import {
2
- circularProgress
3
- } from "../chunk-AUN4SP2F.mjs";
4
- import "../chunk-UWE6H66T.mjs";
5
- import "../chunk-GIXI35A3.mjs";
6
- export {
7
- circularProgress
8
- };
File without changes