@nextui-org/theme 2.3.0-beta.11 → 2.3.0-beta.13

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.
@@ -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
@@ -1,12 +1,12 @@
1
- import {
2
- transition_default
3
- } from "./chunk-WN6AL2BX.mjs";
4
1
  import {
5
2
  custom_default
6
3
  } from "./chunk-W5UU3F46.mjs";
7
4
  import {
8
5
  scrollbar_hide_default
9
6
  } from "./chunk-4Z22WXZX.mjs";
7
+ import {
8
+ transition_default
9
+ } from "./chunk-WN6AL2BX.mjs";
10
10
 
11
11
  // src/utilities/index.ts
12
12
  var utilities = {