@jonapin006/tiger 1.0.39 → 1.0.41
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.
- package/dist/index.d.ts +17 -3
- package/dist/tiger.css +1 -1
- package/dist/tiger.es.js +235 -38
- package/dist/tiger.umd.js +1 -1
- package/package.json +1 -1
package/dist/tiger.es.js
CHANGED
|
@@ -9,7 +9,7 @@ import { useTranslation as _ } from "react-i18next";
|
|
|
9
9
|
var v = /* @__PURE__ */ function(e) {
|
|
10
10
|
return e.Light = "light", e.Dark = "dark", e;
|
|
11
11
|
}({}), y = /* @__PURE__ */ function(e) {
|
|
12
|
-
return e.Xsmall = "xsmall", e.Small = "small", e.Medium = "medium", e.Large = "large", e.Xlarge = "xlarge", e;
|
|
12
|
+
return e.None = "none", e.Xsmall = "xsmall", e.Small = "small", e.Medium = "medium", e.Large = "large", e.Xlarge = "xlarge", e;
|
|
13
13
|
}({}), b = /* @__PURE__ */ function(e) {
|
|
14
14
|
return e.Info = "info", e.Success = "success", e.Warning = "warning", e.Error = "error", e.Neutral = "neutral", e;
|
|
15
15
|
}({}), x = /* @__PURE__ */ function(e) {
|
|
@@ -32,10 +32,11 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
32
32
|
defaultMode: v.Light,
|
|
33
33
|
geometry: {
|
|
34
34
|
typography: {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
none: "text-[0px] leading-[0] opacity-0",
|
|
36
|
+
small: "text-[12px] sm:text-[12px] font-bold tracking-tight",
|
|
37
|
+
medium: "text-[14px] md:text-[15px] font-bold leading-relaxed",
|
|
38
|
+
large: "text-[18px] md:text-[22px] font-extrabold tracking-tight",
|
|
39
|
+
xlarge: "text-[32px] md:text-[48px] font-black tracking-tighter leading-tight",
|
|
39
40
|
weights: {
|
|
40
41
|
bold: "font-black",
|
|
41
42
|
normal: "font-medium"
|
|
@@ -47,10 +48,12 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
47
48
|
},
|
|
48
49
|
buttons: {
|
|
49
50
|
small: { size: "h-7 px-3 text-[10px]" },
|
|
51
|
+
none: { size: "h-0 px-0 text-[0px] rounded-none overflow-hidden" },
|
|
50
52
|
medium: { size: "h-9 px-5 text-[12px]" },
|
|
51
53
|
large: { size: "h-11 px-7 text-[14px]" },
|
|
52
54
|
xlarge: { size: "h-13 px-9 text-[16px]" },
|
|
53
55
|
typographyMappings: {
|
|
56
|
+
none: y.None,
|
|
54
57
|
small: y.Small,
|
|
55
58
|
medium: y.Medium,
|
|
56
59
|
large: y.Medium,
|
|
@@ -70,6 +73,11 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
70
73
|
padding: "p-1",
|
|
71
74
|
iconSize: 14
|
|
72
75
|
},
|
|
76
|
+
none: {
|
|
77
|
+
size: "w-0 h-0",
|
|
78
|
+
padding: "p-0",
|
|
79
|
+
iconSize: 0
|
|
80
|
+
},
|
|
73
81
|
medium: {
|
|
74
82
|
size: "w-10 h-10",
|
|
75
83
|
padding: "p-2",
|
|
@@ -98,6 +106,10 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
98
106
|
size: "h-8 px-6",
|
|
99
107
|
contentSize: "pt-4"
|
|
100
108
|
},
|
|
109
|
+
none: {
|
|
110
|
+
size: "h-0 px-0",
|
|
111
|
+
contentSize: "pt-0"
|
|
112
|
+
},
|
|
101
113
|
medium: {
|
|
102
114
|
size: "h-10 px-8",
|
|
103
115
|
contentSize: "pt-6"
|
|
@@ -111,6 +123,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
111
123
|
contentSize: "pt-10"
|
|
112
124
|
},
|
|
113
125
|
typographyMappings: {
|
|
126
|
+
none: y.None,
|
|
114
127
|
small: y.Small,
|
|
115
128
|
medium: y.Medium,
|
|
116
129
|
large: y.Medium,
|
|
@@ -144,11 +157,28 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
144
157
|
content: "transition-all duration-500 animate-in fade-in slide-in-from-bottom-2"
|
|
145
158
|
},
|
|
146
159
|
cards: {
|
|
147
|
-
small: {
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
160
|
+
small: {
|
|
161
|
+
corner: "rounded-2xl",
|
|
162
|
+
padding: "p-6 md:p-8"
|
|
163
|
+
},
|
|
164
|
+
none: {
|
|
165
|
+
corner: "rounded-none",
|
|
166
|
+
padding: "p-0"
|
|
167
|
+
},
|
|
168
|
+
medium: {
|
|
169
|
+
corner: "rounded-2xl",
|
|
170
|
+
padding: "p-10 md:p-14"
|
|
171
|
+
},
|
|
172
|
+
large: {
|
|
173
|
+
corner: "rounded-3xl",
|
|
174
|
+
padding: "p-14 md:p-20"
|
|
175
|
+
},
|
|
176
|
+
xlarge: {
|
|
177
|
+
corner: "rounded-[3rem]",
|
|
178
|
+
padding: "p-20 md:p-32"
|
|
179
|
+
},
|
|
151
180
|
typographyMappings: {
|
|
181
|
+
none: y.None,
|
|
152
182
|
small: y.Small,
|
|
153
183
|
medium: y.Medium,
|
|
154
184
|
large: y.Large,
|
|
@@ -163,6 +193,10 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
163
193
|
size: "w-5 h-5 rounded-md",
|
|
164
194
|
iconSize: 12
|
|
165
195
|
},
|
|
196
|
+
none: {
|
|
197
|
+
size: "w-0 h-0 rounded-none",
|
|
198
|
+
iconSize: 0
|
|
199
|
+
},
|
|
166
200
|
medium: {
|
|
167
201
|
size: "w-6 h-6 rounded-lg",
|
|
168
202
|
iconSize: 18
|
|
@@ -172,6 +206,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
172
206
|
iconSize: 20
|
|
173
207
|
},
|
|
174
208
|
typographyMappings: {
|
|
209
|
+
none: y.None,
|
|
175
210
|
small: y.Small,
|
|
176
211
|
medium: y.Small,
|
|
177
212
|
large: y.Medium
|
|
@@ -192,11 +227,13 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
192
227
|
},
|
|
193
228
|
input: {
|
|
194
229
|
small: { size: "h-8 px-3 text-xs" },
|
|
230
|
+
none: { size: "h-0 px-0 text-[0px]" },
|
|
195
231
|
medium: { size: "h-11 px-4 text-sm" },
|
|
196
232
|
large: { size: "h-14 px-6 text-base" },
|
|
197
233
|
xlarge: { size: "h-16 px-8 text-lg" },
|
|
198
234
|
baseStyles: "w-full font-medium transition-all",
|
|
199
235
|
typographyMappings: {
|
|
236
|
+
none: y.None,
|
|
200
237
|
small: y.Small,
|
|
201
238
|
medium: y.Small,
|
|
202
239
|
large: y.Medium,
|
|
@@ -205,6 +242,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
205
242
|
},
|
|
206
243
|
modal: {
|
|
207
244
|
small: { size: "max-w-md" },
|
|
245
|
+
none: { size: "max-w-0" },
|
|
208
246
|
medium: { size: "max-w-2xl" },
|
|
209
247
|
large: { size: "max-w-4xl" },
|
|
210
248
|
xlarge: { size: "max-w-6xl" },
|
|
@@ -219,12 +257,14 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
219
257
|
footerSpacing: "mt-8 pt-8 flex items-center justify-end gap-4",
|
|
220
258
|
footerBorder: "border-t border-white/5",
|
|
221
259
|
typographyMappings: {
|
|
260
|
+
none: y.None,
|
|
222
261
|
title: y.Large,
|
|
223
262
|
content: y.Medium
|
|
224
263
|
}
|
|
225
264
|
},
|
|
226
265
|
list: {
|
|
227
266
|
small: { size: "py-2 px-2" },
|
|
267
|
+
none: { size: "py-0 px-0" },
|
|
228
268
|
medium: { size: "py-2.5 px-4" },
|
|
229
269
|
large: { size: "py-3.5 px-5" },
|
|
230
270
|
xlarge: { size: "py-4 px-6" },
|
|
@@ -235,6 +275,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
235
275
|
itemCorner: "rounded-md",
|
|
236
276
|
containerCorner: "first:rounded-t-2xl last:rounded-b-2xl",
|
|
237
277
|
typographyMappings: {
|
|
278
|
+
none: y.None,
|
|
238
279
|
small: y.Small,
|
|
239
280
|
medium: y.Medium,
|
|
240
281
|
large: y.Medium,
|
|
@@ -252,6 +293,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
252
293
|
actionsWrapper: "flex items-center shrink-0",
|
|
253
294
|
iconSize: "[&>svg]:w-5 [&>svg]:h-5",
|
|
254
295
|
typographyMappings: {
|
|
296
|
+
none: y.None,
|
|
255
297
|
title: y.Medium,
|
|
256
298
|
description: y.Medium
|
|
257
299
|
},
|
|
@@ -269,6 +311,10 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
269
311
|
headerCellSize: "px-6 py-4",
|
|
270
312
|
dataCellSize: "px-6 py-5"
|
|
271
313
|
},
|
|
314
|
+
none: {
|
|
315
|
+
headerCellSize: "px-0 py-0",
|
|
316
|
+
dataCellSize: "px-0 py-0"
|
|
317
|
+
},
|
|
272
318
|
medium: {
|
|
273
319
|
headerCellSize: "px-8 py-4",
|
|
274
320
|
dataCellSize: "px-8 py-5"
|
|
@@ -295,6 +341,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
295
341
|
dataBorder: "1px solid",
|
|
296
342
|
dataTypography: "text-inherit opacity-90 whitespace-nowrap leading-none font-medium",
|
|
297
343
|
typographyMappings: {
|
|
344
|
+
none: y.None,
|
|
298
345
|
header: y.Medium,
|
|
299
346
|
data: y.Medium
|
|
300
347
|
}
|
|
@@ -305,6 +352,11 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
305
352
|
trackRadius: "rounded-full",
|
|
306
353
|
gap: "gap-0.5"
|
|
307
354
|
},
|
|
355
|
+
none: {
|
|
356
|
+
height: "h-0",
|
|
357
|
+
trackRadius: "rounded-none",
|
|
358
|
+
gap: "gap-0"
|
|
359
|
+
},
|
|
308
360
|
medium: {
|
|
309
361
|
height: "h-1.5",
|
|
310
362
|
trackRadius: "rounded-full",
|
|
@@ -331,6 +383,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
331
383
|
valueContainer: "flex justify-start px-0.5",
|
|
332
384
|
valueStyles: "opacity-80 tracking-tighter tabular-nums",
|
|
333
385
|
typographyMappings: {
|
|
386
|
+
none: y.None,
|
|
334
387
|
small: y.Small,
|
|
335
388
|
medium: y.Medium,
|
|
336
389
|
large: y.Medium,
|
|
@@ -339,6 +392,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
339
392
|
},
|
|
340
393
|
stack: {
|
|
341
394
|
small: { gap: "gap-2" },
|
|
395
|
+
none: { gap: "gap-0" },
|
|
342
396
|
medium: { gap: "gap-4" },
|
|
343
397
|
large: { gap: "gap-6" },
|
|
344
398
|
xlarge: { gap: "gap-8" },
|
|
@@ -361,6 +415,13 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
361
415
|
}
|
|
362
416
|
},
|
|
363
417
|
thumbnail: {
|
|
418
|
+
none: {
|
|
419
|
+
size: "w-0 h-0",
|
|
420
|
+
shapes: {
|
|
421
|
+
squircle: "rounded-none",
|
|
422
|
+
circle: "rounded-none"
|
|
423
|
+
}
|
|
424
|
+
},
|
|
364
425
|
xsmall: {
|
|
365
426
|
size: "w-6 h-6",
|
|
366
427
|
shapes: {
|
|
@@ -429,11 +490,13 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
429
490
|
},
|
|
430
491
|
dropdown: {
|
|
431
492
|
small: { size: "min-w-[120px]" },
|
|
493
|
+
none: { size: "min-w-0" },
|
|
432
494
|
medium: { size: "min-w-[160px]" },
|
|
433
495
|
large: { size: "min-w-[200px]" },
|
|
434
496
|
xlarge: { size: "min-w-[240px]" },
|
|
435
497
|
contentPositioning: "mt-2",
|
|
436
498
|
typographyMappings: {
|
|
499
|
+
none: y.None,
|
|
437
500
|
small: y.Small,
|
|
438
501
|
medium: y.Medium,
|
|
439
502
|
large: y.Medium,
|
|
@@ -513,7 +576,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
513
576
|
card: "bg-white/90 backdrop-blur-3xl shadow-sm",
|
|
514
577
|
secondaryCard: "bg-zinc-50/50 border-zinc-200",
|
|
515
578
|
cardText: "text-emerald-950",
|
|
516
|
-
input: "bg-white border border-zinc-
|
|
579
|
+
input: "bg-white border border-zinc-300 text-zinc-950 focus:ring-4 focus:ring-emerald-500/20 outline-none rounded-xl",
|
|
517
580
|
mutedText: "text-emerald-900/60 font-medium",
|
|
518
581
|
dialog: "bg-white border-zinc-200 shadow-2xl",
|
|
519
582
|
popover: "bg-white border-zinc-200 shadow-xl",
|
|
@@ -540,6 +603,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
540
603
|
rowHover: "rgba(241, 245, 249, 0.5)"
|
|
541
604
|
},
|
|
542
605
|
shadows: {
|
|
606
|
+
none: "none",
|
|
543
607
|
small: "0 2px 4px 0 rgba(0, 0, 0, 0.12)",
|
|
544
608
|
medium: "0 8px 16px -4px rgba(0, 0, 0, 0.18), 0 4px 8px -2px rgba(0, 0, 0, 0.12)",
|
|
545
609
|
large: "0 16px 32px -8px rgba(0, 0, 0, 0.22), 0 8px 16px -4px rgba(0, 0, 0, 0.15)",
|
|
@@ -597,7 +661,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
597
661
|
checkbox: {
|
|
598
662
|
base: "flex items-center justify-center rounded-lg transition-all duration-300",
|
|
599
663
|
checked: "bg-emerald-600 text-white shadow-lg scale-105 border-none",
|
|
600
|
-
unchecked: "bg-emerald-50 border border-
|
|
664
|
+
unchecked: "bg-emerald-50 border border-zinc-300 text-transparent hover:scale-105"
|
|
601
665
|
},
|
|
602
666
|
badges: {
|
|
603
667
|
base: "inline-flex items-center justify-center transition-all duration-300 shadow-none",
|
|
@@ -674,9 +738,9 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
674
738
|
value: "text-emerald-600"
|
|
675
739
|
},
|
|
676
740
|
dropdown: {
|
|
677
|
-
trigger: "flex items-center justify-between px-3 py-2 rounded-lg bg-white border border-zinc-
|
|
741
|
+
trigger: "flex items-center justify-between px-3 py-2 rounded-lg bg-white border border-zinc-300 hover:bg-zinc-50 active:scale-95 transition-all duration-300 cursor-pointer text-emerald-950",
|
|
678
742
|
triggerSize: "w-full h-11 px-4 rounded-xl font-bold text-xs",
|
|
679
|
-
content: "absolute pointer-events-auto z-[100] bg-white border border-zinc-
|
|
743
|
+
content: "absolute pointer-events-auto z-[100] bg-white border border-zinc-300 rounded-lg shadow-2xl py-1 mt-1",
|
|
680
744
|
contentSize: "w-full",
|
|
681
745
|
item: "w-full text-left px-4 py-2.5 text-xs font-bold text-emerald-950 hover:bg-emerald-50 transition-colors",
|
|
682
746
|
itemHover: "bg-zinc-50 text-emerald-600",
|
|
@@ -700,7 +764,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
700
764
|
card: "bg-zinc-900/50 backdrop-blur-3xl border border-white/5",
|
|
701
765
|
secondaryCard: "bg-zinc-950 border-white/5",
|
|
702
766
|
cardText: "text-white",
|
|
703
|
-
input: "bg-zinc-950 border border-white/
|
|
767
|
+
input: "bg-zinc-950 border border-white/20 text-white focus:ring-4 focus:ring-white/10 outline-none rounded-xl",
|
|
704
768
|
mutedText: "text-zinc-400",
|
|
705
769
|
dialog: "bg-zinc-950 border-white/10 shadow-2xl",
|
|
706
770
|
popover: "bg-zinc-950 border-white/10 shadow-xl",
|
|
@@ -727,6 +791,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
727
791
|
rowHover: "rgba(255, 255, 255, 0.03)"
|
|
728
792
|
},
|
|
729
793
|
shadows: {
|
|
794
|
+
none: "none",
|
|
730
795
|
small: "0 2px 4px 0 rgba(0, 0, 0, 0.4)",
|
|
731
796
|
medium: "0 8px 16px -4px rgba(0, 0, 0, 0.5), 0 4px 8px -2px rgba(0, 0, 0, 0.4)",
|
|
732
797
|
large: "0 16px 32px -8px rgba(0, 0, 0, 0.6), 0 8px 16px -4px rgba(0, 0, 0, 0.5)",
|
|
@@ -783,7 +848,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
783
848
|
checkbox: {
|
|
784
849
|
base: "flex items-center justify-center rounded-lg transition-all duration-300",
|
|
785
850
|
checked: "bg-emerald-500 text-zinc-950 shadow-lg scale-105 border-none",
|
|
786
|
-
unchecked: "bg-zinc-800 border border-
|
|
851
|
+
unchecked: "bg-zinc-800 border border-white/20 text-transparent hover:scale-105"
|
|
787
852
|
},
|
|
788
853
|
badges: {
|
|
789
854
|
base: "inline-flex items-center justify-center transition-all duration-300 shadow-none",
|
|
@@ -860,9 +925,9 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
860
925
|
value: "text-emerald-400"
|
|
861
926
|
},
|
|
862
927
|
dropdown: {
|
|
863
|
-
trigger: "
|
|
928
|
+
trigger: "flex items-center justify-between px-3 py-2 rounded-lg bg-zinc-900 border border-white/20 hover:bg-zinc-800 active:scale-95 transition-all duration-300 cursor-pointer text-white",
|
|
864
929
|
triggerSize: "w-full h-11 px-4 rounded-xl font-bold text-xs",
|
|
865
|
-
content: "absolute pointer-events-auto z-[100] bg-zinc-900 border border-white/
|
|
930
|
+
content: "absolute pointer-events-auto z-[100] bg-zinc-900 border border-white/20 rounded-lg shadow-2xl py-1 mt-1",
|
|
866
931
|
contentSize: "w-full",
|
|
867
932
|
item: "w-full text-left px-4 py-2.5 text-xs font-bold text-white hover:bg-white/10 transition-colors",
|
|
868
933
|
itemHover: "bg-white/10 text-white",
|
|
@@ -883,6 +948,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
883
948
|
defaultMode: v.Light,
|
|
884
949
|
geometry: {
|
|
885
950
|
typography: {
|
|
951
|
+
none: "text-[0px] leading-[0] opacity-0",
|
|
886
952
|
small: "text-[11px] sm:text-[11px] font-bold tracking-wide leading-relaxed",
|
|
887
953
|
medium: "text-[13px] md:text-[15px] font-bold leading-relaxed",
|
|
888
954
|
large: "text-[16px] md:text-[20px] font-black tracking-tight",
|
|
@@ -898,10 +964,12 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
898
964
|
},
|
|
899
965
|
buttons: {
|
|
900
966
|
small: { size: "h-8 px-4 rounded-md" },
|
|
967
|
+
none: { size: "h-0 px-0 rounded-none overflow-hidden" },
|
|
901
968
|
medium: { size: "h-10 px-5 rounded-lg" },
|
|
902
969
|
large: { size: "h-12 px-6 rounded-xl" },
|
|
903
970
|
xlarge: { size: "h-14 px-8 rounded-2xl" },
|
|
904
971
|
typographyMappings: {
|
|
972
|
+
none: y.None,
|
|
905
973
|
small: y.Small,
|
|
906
974
|
medium: y.Medium,
|
|
907
975
|
large: y.Medium,
|
|
@@ -921,6 +989,11 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
921
989
|
padding: "p-1",
|
|
922
990
|
iconSize: 14
|
|
923
991
|
},
|
|
992
|
+
none: {
|
|
993
|
+
size: "w-0 h-0",
|
|
994
|
+
padding: "p-0",
|
|
995
|
+
iconSize: 0
|
|
996
|
+
},
|
|
924
997
|
medium: {
|
|
925
998
|
size: "w-10 h-10",
|
|
926
999
|
padding: "p-2",
|
|
@@ -949,6 +1022,10 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
949
1022
|
size: "h-8 px-6",
|
|
950
1023
|
contentSize: "pt-4"
|
|
951
1024
|
},
|
|
1025
|
+
none: {
|
|
1026
|
+
size: "h-0 px-0",
|
|
1027
|
+
contentSize: "pt-0"
|
|
1028
|
+
},
|
|
952
1029
|
medium: {
|
|
953
1030
|
size: "h-10 px-8",
|
|
954
1031
|
contentSize: "pt-6"
|
|
@@ -962,6 +1039,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
962
1039
|
contentSize: "pt-10"
|
|
963
1040
|
},
|
|
964
1041
|
typographyMappings: {
|
|
1042
|
+
none: y.None,
|
|
965
1043
|
small: y.Small,
|
|
966
1044
|
medium: y.Medium,
|
|
967
1045
|
large: y.Medium,
|
|
@@ -995,11 +1073,28 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
995
1073
|
content: "transition-all duration-500 animate-in fade-in slide-in-from-bottom-2"
|
|
996
1074
|
},
|
|
997
1075
|
cards: {
|
|
998
|
-
small: {
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1076
|
+
small: {
|
|
1077
|
+
corner: "rounded-xl",
|
|
1078
|
+
padding: "p-6"
|
|
1079
|
+
},
|
|
1080
|
+
none: {
|
|
1081
|
+
corner: "rounded-none",
|
|
1082
|
+
padding: "p-0"
|
|
1083
|
+
},
|
|
1084
|
+
medium: {
|
|
1085
|
+
corner: "rounded-2xl",
|
|
1086
|
+
padding: "p-8 md:p-10"
|
|
1087
|
+
},
|
|
1088
|
+
large: {
|
|
1089
|
+
corner: "rounded-[1.5rem]",
|
|
1090
|
+
padding: "p-10 md:p-14"
|
|
1091
|
+
},
|
|
1092
|
+
xlarge: {
|
|
1093
|
+
corner: "rounded-[2.5rem]",
|
|
1094
|
+
padding: "p-14 md:p-20"
|
|
1095
|
+
},
|
|
1002
1096
|
typographyMappings: {
|
|
1097
|
+
none: y.None,
|
|
1003
1098
|
small: y.Small,
|
|
1004
1099
|
medium: y.Medium,
|
|
1005
1100
|
large: y.Large,
|
|
@@ -1014,6 +1109,10 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1014
1109
|
size: "w-5 h-5 rounded-md",
|
|
1015
1110
|
iconSize: 12
|
|
1016
1111
|
},
|
|
1112
|
+
none: {
|
|
1113
|
+
size: "w-0 h-0 rounded-none",
|
|
1114
|
+
iconSize: 0
|
|
1115
|
+
},
|
|
1017
1116
|
medium: {
|
|
1018
1117
|
size: "w-6 h-6 rounded-lg",
|
|
1019
1118
|
iconSize: 18
|
|
@@ -1023,6 +1122,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1023
1122
|
iconSize: 20
|
|
1024
1123
|
},
|
|
1025
1124
|
typographyMappings: {
|
|
1125
|
+
none: y.None,
|
|
1026
1126
|
small: y.Small,
|
|
1027
1127
|
medium: y.Small,
|
|
1028
1128
|
large: y.Medium
|
|
@@ -1043,11 +1143,13 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1043
1143
|
},
|
|
1044
1144
|
input: {
|
|
1045
1145
|
small: { size: "h-8 px-3 text-xs" },
|
|
1146
|
+
none: { size: "h-0 px-0 text-[0px]" },
|
|
1046
1147
|
medium: { size: "h-11 px-4 text-sm" },
|
|
1047
1148
|
large: { size: "h-14 px-6 text-base" },
|
|
1048
1149
|
xlarge: { size: "h-16 px-8 text-lg" },
|
|
1049
1150
|
baseStyles: "w-full font-medium transition-all",
|
|
1050
1151
|
typographyMappings: {
|
|
1152
|
+
none: y.None,
|
|
1051
1153
|
small: y.Small,
|
|
1052
1154
|
medium: y.Small,
|
|
1053
1155
|
large: y.Medium,
|
|
@@ -1056,6 +1158,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1056
1158
|
},
|
|
1057
1159
|
modal: {
|
|
1058
1160
|
small: { size: "max-w-md" },
|
|
1161
|
+
none: { size: "max-w-0" },
|
|
1059
1162
|
medium: { size: "max-w-2xl" },
|
|
1060
1163
|
large: { size: "max-w-4xl" },
|
|
1061
1164
|
xlarge: { size: "max-w-6xl" },
|
|
@@ -1070,12 +1173,14 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1070
1173
|
footerSpacing: "mt-6 pt-6 flex items-center justify-end gap-3",
|
|
1071
1174
|
footerBorder: "border-t border-zinc-100",
|
|
1072
1175
|
typographyMappings: {
|
|
1176
|
+
none: y.None,
|
|
1073
1177
|
title: y.Large,
|
|
1074
1178
|
content: y.Medium
|
|
1075
1179
|
}
|
|
1076
1180
|
},
|
|
1077
1181
|
list: {
|
|
1078
1182
|
small: { size: "py-2 px-3" },
|
|
1183
|
+
none: { size: "py-0 px-0" },
|
|
1079
1184
|
medium: { size: "py-2.5 px-4" },
|
|
1080
1185
|
large: { size: "py-3.5 px-5" },
|
|
1081
1186
|
xlarge: { size: "py-4 px-6" },
|
|
@@ -1086,6 +1191,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1086
1191
|
itemCorner: "rounded-md",
|
|
1087
1192
|
containerCorner: "first:rounded-t-2xl last:rounded-b-2xl",
|
|
1088
1193
|
typographyMappings: {
|
|
1194
|
+
none: y.None,
|
|
1089
1195
|
small: y.Small,
|
|
1090
1196
|
medium: y.Medium,
|
|
1091
1197
|
large: y.Medium,
|
|
@@ -1103,6 +1209,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1103
1209
|
actionsWrapper: "flex items-center shrink-0",
|
|
1104
1210
|
iconSize: "[&>svg]:w-5 [&>svg]:h-5",
|
|
1105
1211
|
typographyMappings: {
|
|
1212
|
+
none: y.None,
|
|
1106
1213
|
title: y.Medium,
|
|
1107
1214
|
description: y.Small
|
|
1108
1215
|
},
|
|
@@ -1123,6 +1230,10 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1123
1230
|
headerCellSize: "px-6 py-4",
|
|
1124
1231
|
dataCellSize: "px-6 py-5"
|
|
1125
1232
|
},
|
|
1233
|
+
none: {
|
|
1234
|
+
headerCellSize: "px-0 py-0",
|
|
1235
|
+
dataCellSize: "px-0 py-0"
|
|
1236
|
+
},
|
|
1126
1237
|
medium: {
|
|
1127
1238
|
headerCellSize: "px-8 py-4",
|
|
1128
1239
|
dataCellSize: "px-8 py-5"
|
|
@@ -1146,6 +1257,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1146
1257
|
dataBorder: "1px solid",
|
|
1147
1258
|
dataTypography: "text-inherit opacity-90 whitespace-nowrap leading-none font-medium",
|
|
1148
1259
|
typographyMappings: {
|
|
1260
|
+
none: y.None,
|
|
1149
1261
|
header: y.Medium,
|
|
1150
1262
|
data: y.Medium
|
|
1151
1263
|
}
|
|
@@ -1156,6 +1268,11 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1156
1268
|
trackRadius: "rounded-full",
|
|
1157
1269
|
gap: "gap-0.5"
|
|
1158
1270
|
},
|
|
1271
|
+
none: {
|
|
1272
|
+
height: "h-0",
|
|
1273
|
+
trackRadius: "rounded-none",
|
|
1274
|
+
gap: "gap-0"
|
|
1275
|
+
},
|
|
1159
1276
|
medium: {
|
|
1160
1277
|
height: "h-1.5",
|
|
1161
1278
|
trackRadius: "rounded-full",
|
|
@@ -1182,6 +1299,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1182
1299
|
valueContainer: "flex justify-start px-0.5",
|
|
1183
1300
|
valueStyles: "opacity-80 tracking-tighter tabular-nums",
|
|
1184
1301
|
typographyMappings: {
|
|
1302
|
+
none: y.None,
|
|
1185
1303
|
small: y.Small,
|
|
1186
1304
|
medium: y.Medium,
|
|
1187
1305
|
large: y.Medium,
|
|
@@ -1190,6 +1308,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1190
1308
|
},
|
|
1191
1309
|
stack: {
|
|
1192
1310
|
small: { gap: "gap-2" },
|
|
1311
|
+
none: { gap: "gap-0" },
|
|
1193
1312
|
medium: { gap: "gap-4" },
|
|
1194
1313
|
large: { gap: "gap-6" },
|
|
1195
1314
|
xlarge: { gap: "gap-8" },
|
|
@@ -1212,6 +1331,13 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1212
1331
|
}
|
|
1213
1332
|
},
|
|
1214
1333
|
thumbnail: {
|
|
1334
|
+
none: {
|
|
1335
|
+
size: "w-0 h-0",
|
|
1336
|
+
shapes: {
|
|
1337
|
+
squircle: "rounded-none",
|
|
1338
|
+
circle: "rounded-none"
|
|
1339
|
+
}
|
|
1340
|
+
},
|
|
1215
1341
|
xsmall: {
|
|
1216
1342
|
size: "w-6 h-6",
|
|
1217
1343
|
shapes: {
|
|
@@ -1280,11 +1406,13 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1280
1406
|
},
|
|
1281
1407
|
dropdown: {
|
|
1282
1408
|
small: { size: "min-w-[120px]" },
|
|
1409
|
+
none: { size: "min-w-0" },
|
|
1283
1410
|
medium: { size: "min-w-[160px]" },
|
|
1284
1411
|
large: { size: "min-w-[200px]" },
|
|
1285
1412
|
xlarge: { size: "min-w-[240px]" },
|
|
1286
1413
|
contentPositioning: "mt-2",
|
|
1287
1414
|
typographyMappings: {
|
|
1415
|
+
none: y.None,
|
|
1288
1416
|
small: y.Small,
|
|
1289
1417
|
medium: y.Medium,
|
|
1290
1418
|
large: y.Medium,
|
|
@@ -1364,7 +1492,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1364
1492
|
card: "bg-white border border-zinc-100 shadow-sm",
|
|
1365
1493
|
secondaryCard: "bg-zinc-50 border-zinc-200",
|
|
1366
1494
|
cardText: "text-zinc-950",
|
|
1367
|
-
input: "bg-white border border-zinc-
|
|
1495
|
+
input: "bg-white border border-zinc-300 text-zinc-950 focus:ring-4 focus:ring-zinc-500/10 outline-none rounded-xl",
|
|
1368
1496
|
mutedText: "text-zinc-500/60 font-medium",
|
|
1369
1497
|
dialog: "bg-white border-zinc-200 shadow-2xl",
|
|
1370
1498
|
popover: "bg-white/80 backdrop-blur-3xl border-zinc-100 shadow-lg",
|
|
@@ -1391,6 +1519,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1391
1519
|
rowHover: "rgba(244, 244, 245, 0.6)"
|
|
1392
1520
|
},
|
|
1393
1521
|
shadows: {
|
|
1522
|
+
none: "none",
|
|
1394
1523
|
small: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
|
|
1395
1524
|
medium: "0 4px 12px -2px rgba(0, 0, 0, 0.12)",
|
|
1396
1525
|
large: "0 12px 24px -4px rgba(0, 0, 0, 0.15)",
|
|
@@ -1448,7 +1577,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1448
1577
|
checkbox: {
|
|
1449
1578
|
base: "flex items-center justify-center rounded-lg transition-all duration-300",
|
|
1450
1579
|
checked: "bg-zinc-950 text-white shadow-lg scale-105 border-none",
|
|
1451
|
-
unchecked: "bg-white border border-zinc-
|
|
1580
|
+
unchecked: "bg-white border border-zinc-300 text-transparent hover:scale-105"
|
|
1452
1581
|
},
|
|
1453
1582
|
badges: {
|
|
1454
1583
|
base: "inline-flex items-center justify-center transition-all duration-300 shadow-none",
|
|
@@ -1525,9 +1654,9 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1525
1654
|
value: "text-zinc-950"
|
|
1526
1655
|
},
|
|
1527
1656
|
dropdown: {
|
|
1528
|
-
trigger: "flex items-center justify-between px-3 py-2 rounded-lg bg-white border border-zinc-
|
|
1657
|
+
trigger: "flex items-center justify-between px-3 py-2 rounded-lg bg-white border border-zinc-300 hover:bg-zinc-50 active:scale-95 transition-all duration-300 cursor-pointer text-zinc-950",
|
|
1529
1658
|
triggerSize: "w-full h-11 px-4 rounded-xl font-bold text-xs",
|
|
1530
|
-
content: "absolute pointer-events-auto z-[100] bg-white border border-zinc-
|
|
1659
|
+
content: "absolute pointer-events-auto z-[100] bg-white border border-zinc-300 rounded-lg shadow-2xl py-1 mt-1",
|
|
1531
1660
|
contentSize: "w-full",
|
|
1532
1661
|
item: "w-full text-left px-4 py-2.5 text-xs font-bold text-zinc-950 hover:bg-zinc-100 transition-colors",
|
|
1533
1662
|
itemHover: "bg-zinc-50 text-zinc-950",
|
|
@@ -1551,7 +1680,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1551
1680
|
card: "bg-zinc-950 border border-white/5 shadow-2xl",
|
|
1552
1681
|
secondaryCard: "bg-zinc-900/50 border-white/5",
|
|
1553
1682
|
cardText: "text-white",
|
|
1554
|
-
input: "bg-zinc-900 border border-white/
|
|
1683
|
+
input: "bg-zinc-900 border border-white/20 text-white focus:ring-4 focus:ring-white/10 outline-none rounded-xl",
|
|
1555
1684
|
mutedText: "text-white/60 font-medium",
|
|
1556
1685
|
dialog: "bg-zinc-950 border-white/10 shadow-3xl",
|
|
1557
1686
|
popover: "bg-zinc-950/90 backdrop-blur-3xl border-white/10 shadow-2xl",
|
|
@@ -1578,6 +1707,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1578
1707
|
rowHover: "rgba(255, 255, 255, 0.02)"
|
|
1579
1708
|
},
|
|
1580
1709
|
shadows: {
|
|
1710
|
+
none: "none",
|
|
1581
1711
|
small: "0 0 0 1px rgba(0, 0, 0, 1)",
|
|
1582
1712
|
medium: "0 10px 30px -10px rgba(0, 0, 0, 0.7)",
|
|
1583
1713
|
large: "0 20px 50px -15px rgba(0, 0, 0, 0.8)",
|
|
@@ -1634,7 +1764,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1634
1764
|
checkbox: {
|
|
1635
1765
|
base: "flex items-center justify-center rounded-lg transition-all duration-300",
|
|
1636
1766
|
checked: "bg-white text-zinc-950 shadow-lg scale-105 border-none",
|
|
1637
|
-
unchecked: "bg-zinc-900 border border-white/
|
|
1767
|
+
unchecked: "bg-zinc-900 border border-white/20 text-transparent hover:scale-105"
|
|
1638
1768
|
},
|
|
1639
1769
|
badges: {
|
|
1640
1770
|
base: "inline-flex items-center justify-center transition-all duration-300 shadow-none",
|
|
@@ -1711,9 +1841,9 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1711
1841
|
value: "text-white"
|
|
1712
1842
|
},
|
|
1713
1843
|
dropdown: {
|
|
1714
|
-
trigger: "inline-flex items-center justify-between px-3 py-2 rounded-lg bg-zinc-900 border border-white/
|
|
1844
|
+
trigger: "inline-flex items-center justify-between px-3 py-2 rounded-lg bg-zinc-900 border border-white/20 hover:bg-zinc-800 active:scale-95 transition-all duration-300 cursor-pointer text-white",
|
|
1715
1845
|
triggerSize: "w-full h-11 px-4 rounded-xl font-bold text-xs",
|
|
1716
|
-
content: "absolute pointer-events-auto z-[100] bg-zinc-900 border border-white/
|
|
1846
|
+
content: "absolute pointer-events-auto z-[100] bg-zinc-900 border border-white/20 rounded-lg shadow-2xl py-1 mt-1",
|
|
1717
1847
|
contentSize: "w-full",
|
|
1718
1848
|
item: "w-full text-left px-4 py-2.5 text-xs font-bold text-white hover:bg-white/10 transition-colors",
|
|
1719
1849
|
itemHover: "bg-white/10 text-white",
|
|
@@ -1734,6 +1864,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1734
1864
|
defaultMode: v.Light,
|
|
1735
1865
|
geometry: {
|
|
1736
1866
|
typography: {
|
|
1867
|
+
none: "text-[0px] leading-[0] opacity-0",
|
|
1737
1868
|
small: "text-[11px] sm:text-[12px] font-medium tracking-tight leading-snug",
|
|
1738
1869
|
medium: "text-[13px] sm:text-[14px] font-semibold leading-snug",
|
|
1739
1870
|
large: "text-[16px] sm:text-[18px] font-bold tracking-tighter leading-tight",
|
|
@@ -1749,10 +1880,12 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1749
1880
|
},
|
|
1750
1881
|
buttons: {
|
|
1751
1882
|
small: { size: "h-9 px-4 rounded-full" },
|
|
1883
|
+
none: { size: "h-0 px-0 rounded-none overflow-hidden" },
|
|
1752
1884
|
medium: { size: "h-11 px-6 rounded-full" },
|
|
1753
1885
|
large: { size: "h-14 px-8 rounded-full" },
|
|
1754
1886
|
xlarge: { size: "h-16 px-10 rounded-full" },
|
|
1755
1887
|
typographyMappings: {
|
|
1888
|
+
none: y.None,
|
|
1756
1889
|
small: y.Small,
|
|
1757
1890
|
medium: y.Medium,
|
|
1758
1891
|
large: y.Medium,
|
|
@@ -1772,6 +1905,11 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1772
1905
|
padding: "p-1.5",
|
|
1773
1906
|
iconSize: 16
|
|
1774
1907
|
},
|
|
1908
|
+
none: {
|
|
1909
|
+
size: "w-0 h-0",
|
|
1910
|
+
padding: "p-0",
|
|
1911
|
+
iconSize: 0
|
|
1912
|
+
},
|
|
1775
1913
|
medium: {
|
|
1776
1914
|
size: "w-11 h-11",
|
|
1777
1915
|
padding: "p-2",
|
|
@@ -1800,6 +1938,10 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1800
1938
|
size: "h-8 px-6",
|
|
1801
1939
|
contentSize: "pt-4"
|
|
1802
1940
|
},
|
|
1941
|
+
none: {
|
|
1942
|
+
size: "h-0 px-0",
|
|
1943
|
+
contentSize: "pt-0"
|
|
1944
|
+
},
|
|
1803
1945
|
medium: {
|
|
1804
1946
|
size: "h-10 px-8",
|
|
1805
1947
|
contentSize: "pt-6"
|
|
@@ -1813,6 +1955,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1813
1955
|
contentSize: "pt-10"
|
|
1814
1956
|
},
|
|
1815
1957
|
typographyMappings: {
|
|
1958
|
+
none: y.None,
|
|
1816
1959
|
small: y.Small,
|
|
1817
1960
|
medium: y.Medium,
|
|
1818
1961
|
large: y.Medium,
|
|
@@ -1846,11 +1989,28 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1846
1989
|
content: "transition-all duration-500 animate-in fade-in slide-in-from-bottom-2"
|
|
1847
1990
|
},
|
|
1848
1991
|
cards: {
|
|
1849
|
-
small: {
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
1992
|
+
small: {
|
|
1993
|
+
corner: "rounded-2xl",
|
|
1994
|
+
padding: "p-4"
|
|
1995
|
+
},
|
|
1996
|
+
none: {
|
|
1997
|
+
corner: "rounded-none",
|
|
1998
|
+
padding: "p-0"
|
|
1999
|
+
},
|
|
2000
|
+
medium: {
|
|
2001
|
+
corner: "rounded-3xl",
|
|
2002
|
+
padding: "p-6"
|
|
2003
|
+
},
|
|
2004
|
+
large: {
|
|
2005
|
+
corner: "rounded-[2rem]",
|
|
2006
|
+
padding: "p-10"
|
|
2007
|
+
},
|
|
2008
|
+
xlarge: {
|
|
2009
|
+
corner: "rounded-[2.5rem]",
|
|
2010
|
+
padding: "p-14"
|
|
2011
|
+
},
|
|
1853
2012
|
typographyMappings: {
|
|
2013
|
+
none: y.None,
|
|
1854
2014
|
small: y.Small,
|
|
1855
2015
|
medium: y.Medium,
|
|
1856
2016
|
large: y.Large,
|
|
@@ -1865,6 +2025,10 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1865
2025
|
size: "w-6 h-6 rounded-full",
|
|
1866
2026
|
iconSize: 14
|
|
1867
2027
|
},
|
|
2028
|
+
none: {
|
|
2029
|
+
size: "w-0 h-0 rounded-none",
|
|
2030
|
+
iconSize: 0
|
|
2031
|
+
},
|
|
1868
2032
|
medium: {
|
|
1869
2033
|
size: "w-8 h-8 rounded-full",
|
|
1870
2034
|
iconSize: 20
|
|
@@ -1874,6 +2038,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1874
2038
|
iconSize: 24
|
|
1875
2039
|
},
|
|
1876
2040
|
typographyMappings: {
|
|
2041
|
+
none: y.None,
|
|
1877
2042
|
small: y.Small,
|
|
1878
2043
|
medium: y.Small,
|
|
1879
2044
|
large: y.Medium
|
|
@@ -1894,11 +2059,13 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1894
2059
|
},
|
|
1895
2060
|
input: {
|
|
1896
2061
|
small: { size: "h-9 px-3 text-xs" },
|
|
2062
|
+
none: { size: "h-0 px-0 text-[0px]" },
|
|
1897
2063
|
medium: { size: "h-12 px-3 text-sm" },
|
|
1898
2064
|
large: { size: "h-16 px-3 text-base" },
|
|
1899
2065
|
xlarge: { size: "h-20 px-3 text-lg" },
|
|
1900
2066
|
baseStyles: "w-full font-medium transition-all duration-500",
|
|
1901
2067
|
typographyMappings: {
|
|
2068
|
+
none: y.None,
|
|
1902
2069
|
small: y.Small,
|
|
1903
2070
|
medium: y.Small,
|
|
1904
2071
|
large: y.Medium,
|
|
@@ -1907,6 +2074,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1907
2074
|
},
|
|
1908
2075
|
modal: {
|
|
1909
2076
|
small: { size: "max-w-md" },
|
|
2077
|
+
none: { size: "max-w-0" },
|
|
1910
2078
|
medium: { size: "max-w-2xl" },
|
|
1911
2079
|
large: { size: "max-w-4xl" },
|
|
1912
2080
|
xlarge: { size: "max-w-6xl" },
|
|
@@ -1921,12 +2089,14 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1921
2089
|
closeIconSize: 20,
|
|
1922
2090
|
closeButton: "absolute top-4 right-4 z-50 w-10 h-10 p-0 rounded-full flex items-center justify-center bg-white/10 hover:bg-white/20 backdrop-blur-xl transition-all",
|
|
1923
2091
|
typographyMappings: {
|
|
2092
|
+
none: y.None,
|
|
1924
2093
|
title: y.Xlarge,
|
|
1925
2094
|
content: y.Medium
|
|
1926
2095
|
}
|
|
1927
2096
|
},
|
|
1928
2097
|
list: {
|
|
1929
2098
|
small: { size: "py-2 px-4 shadow-none" },
|
|
2099
|
+
none: { size: "py-0 px-0 shadow-none" },
|
|
1930
2100
|
medium: { size: "py-3 px-4 shadow-none" },
|
|
1931
2101
|
large: { size: "py-4 px-4 shadow-none" },
|
|
1932
2102
|
xlarge: { size: "py-5 px-4 shadow-none" },
|
|
@@ -1937,6 +2107,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1937
2107
|
itemCorner: "rounded-none",
|
|
1938
2108
|
containerCorner: "rounded-[1.0rem]",
|
|
1939
2109
|
typographyMappings: {
|
|
2110
|
+
none: y.None,
|
|
1940
2111
|
small: y.Small,
|
|
1941
2112
|
medium: y.Medium,
|
|
1942
2113
|
large: y.Medium,
|
|
@@ -1954,6 +2125,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1954
2125
|
actionsWrapper: "flex items-center shrink-0",
|
|
1955
2126
|
iconSize: "[&>svg]:w-5 [&>svg]:h-5",
|
|
1956
2127
|
typographyMappings: {
|
|
2128
|
+
none: y.None,
|
|
1957
2129
|
title: y.Medium,
|
|
1958
2130
|
description: y.Small
|
|
1959
2131
|
},
|
|
@@ -1974,6 +2146,10 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1974
2146
|
headerCellSize: "px-6 py-4",
|
|
1975
2147
|
dataCellSize: "px-6 py-5"
|
|
1976
2148
|
},
|
|
2149
|
+
none: {
|
|
2150
|
+
headerCellSize: "px-0 py-0",
|
|
2151
|
+
dataCellSize: "px-0 py-0"
|
|
2152
|
+
},
|
|
1977
2153
|
medium: {
|
|
1978
2154
|
headerCellSize: "px-8 py-4",
|
|
1979
2155
|
dataCellSize: "px-8 py-5"
|
|
@@ -1997,6 +2173,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
1997
2173
|
dataBorder: "1px solid",
|
|
1998
2174
|
dataTypography: "text-inherit opacity-90 whitespace-nowrap leading-none font-medium",
|
|
1999
2175
|
typographyMappings: {
|
|
2176
|
+
none: y.None,
|
|
2000
2177
|
header: y.Medium,
|
|
2001
2178
|
data: y.Medium
|
|
2002
2179
|
}
|
|
@@ -2007,6 +2184,11 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
2007
2184
|
trackRadius: "rounded-full",
|
|
2008
2185
|
gap: "gap-0.5"
|
|
2009
2186
|
},
|
|
2187
|
+
none: {
|
|
2188
|
+
height: "h-0",
|
|
2189
|
+
trackRadius: "rounded-none",
|
|
2190
|
+
gap: "gap-0"
|
|
2191
|
+
},
|
|
2010
2192
|
medium: {
|
|
2011
2193
|
height: "h-1.5",
|
|
2012
2194
|
trackRadius: "rounded-full",
|
|
@@ -2033,6 +2215,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
2033
2215
|
valueContainer: "flex justify-start px-0.5",
|
|
2034
2216
|
valueStyles: "opacity-80 tracking-tighter tabular-nums",
|
|
2035
2217
|
typographyMappings: {
|
|
2218
|
+
none: y.None,
|
|
2036
2219
|
small: y.Small,
|
|
2037
2220
|
medium: y.Medium,
|
|
2038
2221
|
large: y.Medium,
|
|
@@ -2041,6 +2224,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
2041
2224
|
},
|
|
2042
2225
|
stack: {
|
|
2043
2226
|
small: { gap: "gap-2" },
|
|
2227
|
+
none: { gap: "gap-0" },
|
|
2044
2228
|
medium: { gap: "gap-4" },
|
|
2045
2229
|
large: { gap: "gap-6" },
|
|
2046
2230
|
xlarge: { gap: "gap-8" },
|
|
@@ -2063,6 +2247,13 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
2063
2247
|
}
|
|
2064
2248
|
},
|
|
2065
2249
|
thumbnail: {
|
|
2250
|
+
none: {
|
|
2251
|
+
size: "w-0 h-0",
|
|
2252
|
+
shapes: {
|
|
2253
|
+
squircle: "rounded-none",
|
|
2254
|
+
circle: "rounded-none"
|
|
2255
|
+
}
|
|
2256
|
+
},
|
|
2066
2257
|
xsmall: {
|
|
2067
2258
|
size: "w-6 h-6",
|
|
2068
2259
|
shapes: {
|
|
@@ -2131,11 +2322,13 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
2131
2322
|
},
|
|
2132
2323
|
dropdown: {
|
|
2133
2324
|
small: { size: "min-w-[120px]" },
|
|
2325
|
+
none: { size: "min-w-0" },
|
|
2134
2326
|
medium: { size: "min-w-[160px]" },
|
|
2135
2327
|
large: { size: "min-w-[200px]" },
|
|
2136
2328
|
xlarge: { size: "min-w-[240px]" },
|
|
2137
2329
|
contentPositioning: "mt-2",
|
|
2138
2330
|
typographyMappings: {
|
|
2331
|
+
none: y.None,
|
|
2139
2332
|
small: y.Small,
|
|
2140
2333
|
medium: y.Medium,
|
|
2141
2334
|
large: y.Medium,
|
|
@@ -2167,13 +2360,13 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
2167
2360
|
description: "text-xs opacity-60"
|
|
2168
2361
|
},
|
|
2169
2362
|
sidebar: {
|
|
2170
|
-
wrapper: "w-full md:w-
|
|
2363
|
+
wrapper: "w-full md:w-70 md:min-w-[280px] md:max-w-[280px] h-full",
|
|
2171
2364
|
container: "h-full rounded-none flex flex-col overflow-y-auto",
|
|
2172
2365
|
nav: "space-y-2 flex-grow",
|
|
2173
2366
|
item: "w-full flex items-center gap-3 p-2.5 px-4 rounded-xl font-bold transition-all duration-300 text-xs whitespace-nowrap",
|
|
2174
2367
|
iconSize: 16,
|
|
2175
2368
|
padding: "pt-0 px-0 pb-0",
|
|
2176
|
-
margin: "ml-
|
|
2369
|
+
margin: "ml-0 mt-0 mb-0 mr-0",
|
|
2177
2370
|
corner: "rounded-3xl",
|
|
2178
2371
|
logoContainer: "flex items-center gap-0 mb-6 mt-0 px-0",
|
|
2179
2372
|
logo: "h-16 md:h-20 w-auto max-w-[200px] object-contain"
|
|
@@ -2197,7 +2390,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
2197
2390
|
bodyWrapper: "min-h-screen relative overflow-hidden transition-theme flex flex-col font-sans bg-fixed bg-cover bg-center",
|
|
2198
2391
|
bodyContent: "relative z-10 min-h-screen w-full flex flex-col border-none",
|
|
2199
2392
|
bodyCorner: "rounded-3xl",
|
|
2200
|
-
bodyPadding: "p-6 md:p-
|
|
2393
|
+
bodyPadding: "p-6 md:p-5",
|
|
2201
2394
|
bodyMargin: "m-2",
|
|
2202
2395
|
bodyBlobs: [
|
|
2203
2396
|
"absolute -top-[10%] -left-[10%] w-[50%] h-[50%] rounded-full blur-[150px] opacity-30 animate-pulse transition-theme",
|
|
@@ -2247,6 +2440,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
2247
2440
|
rowHover: "rgba(99, 102, 241, 0.02)"
|
|
2248
2441
|
},
|
|
2249
2442
|
shadows: {
|
|
2443
|
+
none: "none",
|
|
2250
2444
|
small: "0 2px 10px -2px rgba(99, 102, 241, 0.1)",
|
|
2251
2445
|
medium: "0 10px 40px -10px rgba(99, 102, 241, 0.15)",
|
|
2252
2446
|
large: "0 20px 80px -20px rgba(99, 102, 241, 0.2)",
|
|
@@ -2439,6 +2633,7 @@ var v = /* @__PURE__ */ function(e) {
|
|
|
2439
2633
|
rowHover: "rgba(255, 255, 255, 0.01)"
|
|
2440
2634
|
},
|
|
2441
2635
|
shadows: {
|
|
2636
|
+
none: "none",
|
|
2442
2637
|
small: "0 4px 12px -2px rgba(0, 0, 0, 0.4)",
|
|
2443
2638
|
medium: "0 10px 40px -10px rgba(0, 0, 0, 0.8)",
|
|
2444
2639
|
large: "0 20px 80px -20px rgba(0, 0, 0, 0.9)",
|
|
@@ -2771,12 +2966,12 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
|
|
|
2771
2966
|
})]
|
|
2772
2967
|
});
|
|
2773
2968
|
}, ae = ({ children: e, className: t, style: n, size: r = y.Medium, onClick: i }) => {
|
|
2774
|
-
let { theme: a, themeConfig: o } = P(), s = r, l = a.geometry.cards[s]
|
|
2969
|
+
let { theme: a, themeConfig: o } = P(), s = r, l = a.geometry.cards[s], u = a.geometry.cards.typographyMappings[s], d = a.geometry.typography[u];
|
|
2775
2970
|
return /* @__PURE__ */ c("div", {
|
|
2776
2971
|
onClick: i,
|
|
2777
2972
|
role: i ? "button" : void 0,
|
|
2778
2973
|
tabIndex: i ? 0 : void 0,
|
|
2779
|
-
className: F(o.card, o.glass.blur,
|
|
2974
|
+
className: F(o.card, o.glass.blur, l.padding, a.geometry.cards.baseStyles, l.corner, d, i && a.geometry.cards.interactiveStyles, t),
|
|
2780
2975
|
style: {
|
|
2781
2976
|
border: `${a.geometry.cards.borderStyle} ${o.borders.container}`,
|
|
2782
2977
|
boxShadow: o.shadows[s],
|
|
@@ -2917,12 +3112,14 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
|
|
|
2917
3112
|
let t = new Set(s);
|
|
2918
3113
|
t.has(e) ? t.delete(e) : (r || t.clear(), t.add(e)), u(t), n?.(e);
|
|
2919
3114
|
}, f = {
|
|
3115
|
+
[y.None]: "px-0 py-0",
|
|
2920
3116
|
[y.Xsmall]: "px-3 py-2",
|
|
2921
3117
|
[y.Small]: "px-4 py-3",
|
|
2922
3118
|
[y.Medium]: "px-5 py-4",
|
|
2923
3119
|
[y.Large]: "px-6 py-5",
|
|
2924
3120
|
[y.Xlarge]: "px-7 py-6"
|
|
2925
3121
|
}, m = {
|
|
3122
|
+
[y.None]: "text-[0px]",
|
|
2926
3123
|
[y.Xsmall]: "text-xs",
|
|
2927
3124
|
[y.Small]: "text-sm",
|
|
2928
3125
|
[y.Medium]: "text-base",
|