@jonapin006/tiger 1.0.38 → 1.0.40

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 (5) hide show
  1. package/dist/index.d.ts +15 -2
  2. package/dist/tiger.css +1 -1
  3. package/dist/tiger.es.js +179 -27
  4. package/dist/tiger.umd.js +1 -1
  5. 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
- small: "text-[7px] sm:text-[11px] font-bold tracking-wide leading-relaxed",
36
- medium: "text-[14px] md:text-[16px] font-bold leading-relaxed",
37
- large: "text-xl md:text-2xl font-black tracking-tight",
38
- xlarge: "text-3xl md:text-5xl font-black tracking-tighter leading-[0.9]",
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,17 +48,19 @@ 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,
57
60
  xlarge: y.Large
58
61
  },
59
62
  baseTypography: "text-inherit leading-none font-black uppercase tracking-widest whitespace-nowrap",
60
- baseStyles: "transition-all duration-300 transform-gpu active:scale-95 disabled:opacity-50 inline-flex items-center justify-center shrink-0 w-fit",
63
+ baseStyles: "transition-all duration-300 transform-gpu active:scale-95 disabled:opacity-50 inline-flex items-center justify-center shrink-0",
61
64
  layout: {
62
65
  container: "inline-flex items-center justify-center gap-2",
63
66
  icon: "w-[1.2em] h-[1.2em] shrink-0",
@@ -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,
@@ -145,10 +158,12 @@ var v = /* @__PURE__ */ function(e) {
145
158
  },
146
159
  cards: {
147
160
  small: { size: "rounded-xl" },
161
+ none: { size: "rounded-none" },
148
162
  medium: { size: "rounded-2xl" },
149
163
  large: { size: "rounded-[1.5rem]" },
150
164
  xlarge: { size: "rounded-[1.5rem]" },
151
165
  typographyMappings: {
166
+ none: y.None,
152
167
  small: y.Small,
153
168
  medium: y.Medium,
154
169
  large: y.Large,
@@ -163,6 +178,10 @@ var v = /* @__PURE__ */ function(e) {
163
178
  size: "w-5 h-5 rounded-md",
164
179
  iconSize: 12
165
180
  },
181
+ none: {
182
+ size: "w-0 h-0 rounded-none",
183
+ iconSize: 0
184
+ },
166
185
  medium: {
167
186
  size: "w-6 h-6 rounded-lg",
168
187
  iconSize: 18
@@ -172,6 +191,7 @@ var v = /* @__PURE__ */ function(e) {
172
191
  iconSize: 20
173
192
  },
174
193
  typographyMappings: {
194
+ none: y.None,
175
195
  small: y.Small,
176
196
  medium: y.Small,
177
197
  large: y.Medium
@@ -192,11 +212,13 @@ var v = /* @__PURE__ */ function(e) {
192
212
  },
193
213
  input: {
194
214
  small: { size: "h-8 px-3 text-xs" },
215
+ none: { size: "h-0 px-0 text-[0px]" },
195
216
  medium: { size: "h-11 px-4 text-sm" },
196
217
  large: { size: "h-14 px-6 text-base" },
197
218
  xlarge: { size: "h-16 px-8 text-lg" },
198
219
  baseStyles: "w-full font-medium transition-all",
199
220
  typographyMappings: {
221
+ none: y.None,
200
222
  small: y.Small,
201
223
  medium: y.Small,
202
224
  large: y.Medium,
@@ -205,6 +227,7 @@ var v = /* @__PURE__ */ function(e) {
205
227
  },
206
228
  modal: {
207
229
  small: { size: "max-w-md" },
230
+ none: { size: "max-w-0" },
208
231
  medium: { size: "max-w-2xl" },
209
232
  large: { size: "max-w-4xl" },
210
233
  xlarge: { size: "max-w-6xl" },
@@ -219,12 +242,14 @@ var v = /* @__PURE__ */ function(e) {
219
242
  footerSpacing: "mt-8 pt-8 flex items-center justify-end gap-4",
220
243
  footerBorder: "border-t border-white/5",
221
244
  typographyMappings: {
245
+ none: y.None,
222
246
  title: y.Large,
223
247
  content: y.Medium
224
248
  }
225
249
  },
226
250
  list: {
227
251
  small: { size: "py-2 px-2" },
252
+ none: { size: "py-0 px-0" },
228
253
  medium: { size: "py-2.5 px-4" },
229
254
  large: { size: "py-3.5 px-5" },
230
255
  xlarge: { size: "py-4 px-6" },
@@ -235,6 +260,7 @@ var v = /* @__PURE__ */ function(e) {
235
260
  itemCorner: "rounded-md",
236
261
  containerCorner: "first:rounded-t-2xl last:rounded-b-2xl",
237
262
  typographyMappings: {
263
+ none: y.None,
238
264
  small: y.Small,
239
265
  medium: y.Medium,
240
266
  large: y.Medium,
@@ -252,6 +278,7 @@ var v = /* @__PURE__ */ function(e) {
252
278
  actionsWrapper: "flex items-center shrink-0",
253
279
  iconSize: "[&>svg]:w-5 [&>svg]:h-5",
254
280
  typographyMappings: {
281
+ none: y.None,
255
282
  title: y.Medium,
256
283
  description: y.Medium
257
284
  },
@@ -269,6 +296,10 @@ var v = /* @__PURE__ */ function(e) {
269
296
  headerCellSize: "px-6 py-4",
270
297
  dataCellSize: "px-6 py-5"
271
298
  },
299
+ none: {
300
+ headerCellSize: "px-0 py-0",
301
+ dataCellSize: "px-0 py-0"
302
+ },
272
303
  medium: {
273
304
  headerCellSize: "px-8 py-4",
274
305
  dataCellSize: "px-8 py-5"
@@ -295,6 +326,7 @@ var v = /* @__PURE__ */ function(e) {
295
326
  dataBorder: "1px solid",
296
327
  dataTypography: "text-inherit opacity-90 whitespace-nowrap leading-none font-medium",
297
328
  typographyMappings: {
329
+ none: y.None,
298
330
  header: y.Medium,
299
331
  data: y.Medium
300
332
  }
@@ -305,6 +337,11 @@ var v = /* @__PURE__ */ function(e) {
305
337
  trackRadius: "rounded-full",
306
338
  gap: "gap-0.5"
307
339
  },
340
+ none: {
341
+ height: "h-0",
342
+ trackRadius: "rounded-none",
343
+ gap: "gap-0"
344
+ },
308
345
  medium: {
309
346
  height: "h-1.5",
310
347
  trackRadius: "rounded-full",
@@ -331,6 +368,7 @@ var v = /* @__PURE__ */ function(e) {
331
368
  valueContainer: "flex justify-start px-0.5",
332
369
  valueStyles: "opacity-80 tracking-tighter tabular-nums",
333
370
  typographyMappings: {
371
+ none: y.None,
334
372
  small: y.Small,
335
373
  medium: y.Medium,
336
374
  large: y.Medium,
@@ -339,6 +377,7 @@ var v = /* @__PURE__ */ function(e) {
339
377
  },
340
378
  stack: {
341
379
  small: { gap: "gap-2" },
380
+ none: { gap: "gap-0" },
342
381
  medium: { gap: "gap-4" },
343
382
  large: { gap: "gap-6" },
344
383
  xlarge: { gap: "gap-8" },
@@ -361,6 +400,13 @@ var v = /* @__PURE__ */ function(e) {
361
400
  }
362
401
  },
363
402
  thumbnail: {
403
+ none: {
404
+ size: "w-0 h-0",
405
+ shapes: {
406
+ squircle: "rounded-none",
407
+ circle: "rounded-none"
408
+ }
409
+ },
364
410
  xsmall: {
365
411
  size: "w-6 h-6",
366
412
  shapes: {
@@ -429,11 +475,13 @@ var v = /* @__PURE__ */ function(e) {
429
475
  },
430
476
  dropdown: {
431
477
  small: { size: "min-w-[120px]" },
478
+ none: { size: "min-w-0" },
432
479
  medium: { size: "min-w-[160px]" },
433
480
  large: { size: "min-w-[200px]" },
434
481
  xlarge: { size: "min-w-[240px]" },
435
482
  contentPositioning: "mt-2",
436
483
  typographyMappings: {
484
+ none: y.None,
437
485
  small: y.Small,
438
486
  medium: y.Medium,
439
487
  large: y.Medium,
@@ -513,7 +561,7 @@ var v = /* @__PURE__ */ function(e) {
513
561
  card: "bg-white/90 backdrop-blur-3xl shadow-sm",
514
562
  secondaryCard: "bg-zinc-50/50 border-zinc-200",
515
563
  cardText: "text-emerald-950",
516
- input: "bg-white border border-zinc-200 text-zinc-950 focus:ring-4 focus:ring-emerald-500/20 outline-none rounded-xl",
564
+ input: "bg-white border border-zinc-300 text-zinc-950 focus:ring-4 focus:ring-emerald-500/20 outline-none rounded-xl",
517
565
  mutedText: "text-emerald-900/60 font-medium",
518
566
  dialog: "bg-white border-zinc-200 shadow-2xl",
519
567
  popover: "bg-white border-zinc-200 shadow-xl",
@@ -540,6 +588,7 @@ var v = /* @__PURE__ */ function(e) {
540
588
  rowHover: "rgba(241, 245, 249, 0.5)"
541
589
  },
542
590
  shadows: {
591
+ none: "none",
543
592
  small: "0 2px 4px 0 rgba(0, 0, 0, 0.12)",
544
593
  medium: "0 8px 16px -4px rgba(0, 0, 0, 0.18), 0 4px 8px -2px rgba(0, 0, 0, 0.12)",
545
594
  large: "0 16px 32px -8px rgba(0, 0, 0, 0.22), 0 8px 16px -4px rgba(0, 0, 0, 0.15)",
@@ -597,7 +646,7 @@ var v = /* @__PURE__ */ function(e) {
597
646
  checkbox: {
598
647
  base: "flex items-center justify-center rounded-lg transition-all duration-300",
599
648
  checked: "bg-emerald-600 text-white shadow-lg scale-105 border-none",
600
- unchecked: "bg-emerald-50 border border-emerald-200 text-transparent hover:scale-105"
649
+ unchecked: "bg-emerald-50 border border-zinc-300 text-transparent hover:scale-105"
601
650
  },
602
651
  badges: {
603
652
  base: "inline-flex items-center justify-center transition-all duration-300 shadow-none",
@@ -674,9 +723,9 @@ var v = /* @__PURE__ */ function(e) {
674
723
  value: "text-emerald-600"
675
724
  },
676
725
  dropdown: {
677
- trigger: "flex items-center justify-between px-3 py-2 rounded-lg bg-white border border-zinc-200 hover:bg-zinc-50 active:scale-95 transition-all duration-300 cursor-pointer text-emerald-950",
726
+ 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
727
  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-200 rounded-lg shadow-2xl py-1 mt-1",
728
+ content: "absolute pointer-events-auto z-[100] bg-white border border-zinc-300 rounded-lg shadow-2xl py-1 mt-1",
680
729
  contentSize: "w-full",
681
730
  item: "w-full text-left px-4 py-2.5 text-xs font-bold text-emerald-950 hover:bg-emerald-50 transition-colors",
682
731
  itemHover: "bg-zinc-50 text-emerald-600",
@@ -700,7 +749,7 @@ var v = /* @__PURE__ */ function(e) {
700
749
  card: "bg-zinc-900/50 backdrop-blur-3xl border border-white/5",
701
750
  secondaryCard: "bg-zinc-950 border-white/5",
702
751
  cardText: "text-white",
703
- input: "bg-zinc-950 border border-white/10 text-white focus:ring-4 focus:ring-white/10 outline-none rounded-xl",
752
+ input: "bg-zinc-950 border border-white/20 text-white focus:ring-4 focus:ring-white/10 outline-none rounded-xl",
704
753
  mutedText: "text-zinc-400",
705
754
  dialog: "bg-zinc-950 border-white/10 shadow-2xl",
706
755
  popover: "bg-zinc-950 border-white/10 shadow-xl",
@@ -727,6 +776,7 @@ var v = /* @__PURE__ */ function(e) {
727
776
  rowHover: "rgba(255, 255, 255, 0.03)"
728
777
  },
729
778
  shadows: {
779
+ none: "none",
730
780
  small: "0 2px 4px 0 rgba(0, 0, 0, 0.4)",
731
781
  medium: "0 8px 16px -4px rgba(0, 0, 0, 0.5), 0 4px 8px -2px rgba(0, 0, 0, 0.4)",
732
782
  large: "0 16px 32px -8px rgba(0, 0, 0, 0.6), 0 8px 16px -4px rgba(0, 0, 0, 0.5)",
@@ -783,7 +833,7 @@ var v = /* @__PURE__ */ function(e) {
783
833
  checkbox: {
784
834
  base: "flex items-center justify-center rounded-lg transition-all duration-300",
785
835
  checked: "bg-emerald-500 text-zinc-950 shadow-lg scale-105 border-none",
786
- unchecked: "bg-zinc-800 border border-emerald-500/30 text-transparent hover:scale-105"
836
+ unchecked: "bg-zinc-800 border border-white/20 text-transparent hover:scale-105"
787
837
  },
788
838
  badges: {
789
839
  base: "inline-flex items-center justify-center transition-all duration-300 shadow-none",
@@ -860,9 +910,9 @@ var v = /* @__PURE__ */ function(e) {
860
910
  value: "text-emerald-400"
861
911
  },
862
912
  dropdown: {
863
- trigger: "inline-flex items-center justify-between px-3 py-2 rounded-lg bg-zinc-900 border border-white/10 hover:bg-zinc-800 active:scale-95 transition-all duration-300 cursor-pointer text-white",
913
+ 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
914
  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/10 rounded-lg shadow-2xl py-1 mt-1",
915
+ content: "absolute pointer-events-auto z-[100] bg-zinc-900 border border-white/20 rounded-lg shadow-2xl py-1 mt-1",
866
916
  contentSize: "w-full",
867
917
  item: "w-full text-left px-4 py-2.5 text-xs font-bold text-white hover:bg-white/10 transition-colors",
868
918
  itemHover: "bg-white/10 text-white",
@@ -883,6 +933,7 @@ var v = /* @__PURE__ */ function(e) {
883
933
  defaultMode: v.Light,
884
934
  geometry: {
885
935
  typography: {
936
+ none: "text-[0px] leading-[0] opacity-0",
886
937
  small: "text-[11px] sm:text-[11px] font-bold tracking-wide leading-relaxed",
887
938
  medium: "text-[13px] md:text-[15px] font-bold leading-relaxed",
888
939
  large: "text-[16px] md:text-[20px] font-black tracking-tight",
@@ -898,17 +949,19 @@ var v = /* @__PURE__ */ function(e) {
898
949
  },
899
950
  buttons: {
900
951
  small: { size: "h-8 px-4 rounded-md" },
952
+ none: { size: "h-0 px-0 rounded-none overflow-hidden" },
901
953
  medium: { size: "h-10 px-5 rounded-lg" },
902
954
  large: { size: "h-12 px-6 rounded-xl" },
903
955
  xlarge: { size: "h-14 px-8 rounded-2xl" },
904
956
  typographyMappings: {
957
+ none: y.None,
905
958
  small: y.Small,
906
959
  medium: y.Medium,
907
960
  large: y.Medium,
908
961
  xlarge: y.Large
909
962
  },
910
963
  baseTypography: "text-inherit leading-none font-black uppercase tracking-widest whitespace-nowrap",
911
- baseStyles: "transition-all duration-300 transform-gpu active:scale-95 disabled:opacity-50 inline-flex items-center justify-center shrink-0 w-fit",
964
+ baseStyles: "transition-all duration-300 transform-gpu active:scale-95 disabled:opacity-50 inline-flex items-center justify-center shrink-0",
912
965
  layout: {
913
966
  container: "inline-flex items-center justify-center gap-2",
914
967
  icon: "w-[1.2em] h-[1.2em] shrink-0",
@@ -921,6 +974,11 @@ var v = /* @__PURE__ */ function(e) {
921
974
  padding: "p-1",
922
975
  iconSize: 14
923
976
  },
977
+ none: {
978
+ size: "w-0 h-0",
979
+ padding: "p-0",
980
+ iconSize: 0
981
+ },
924
982
  medium: {
925
983
  size: "w-10 h-10",
926
984
  padding: "p-2",
@@ -949,6 +1007,10 @@ var v = /* @__PURE__ */ function(e) {
949
1007
  size: "h-8 px-6",
950
1008
  contentSize: "pt-4"
951
1009
  },
1010
+ none: {
1011
+ size: "h-0 px-0",
1012
+ contentSize: "pt-0"
1013
+ },
952
1014
  medium: {
953
1015
  size: "h-10 px-8",
954
1016
  contentSize: "pt-6"
@@ -962,6 +1024,7 @@ var v = /* @__PURE__ */ function(e) {
962
1024
  contentSize: "pt-10"
963
1025
  },
964
1026
  typographyMappings: {
1027
+ none: y.None,
965
1028
  small: y.Small,
966
1029
  medium: y.Medium,
967
1030
  large: y.Medium,
@@ -996,10 +1059,12 @@ var v = /* @__PURE__ */ function(e) {
996
1059
  },
997
1060
  cards: {
998
1061
  small: { size: "rounded-xl" },
1062
+ none: { size: "rounded-none" },
999
1063
  medium: { size: "rounded-2xl" },
1000
1064
  large: { size: "rounded-[1.5rem]" },
1001
1065
  xlarge: { size: "rounded-[2.5rem]" },
1002
1066
  typographyMappings: {
1067
+ none: y.None,
1003
1068
  small: y.Small,
1004
1069
  medium: y.Medium,
1005
1070
  large: y.Large,
@@ -1014,6 +1079,10 @@ var v = /* @__PURE__ */ function(e) {
1014
1079
  size: "w-5 h-5 rounded-md",
1015
1080
  iconSize: 12
1016
1081
  },
1082
+ none: {
1083
+ size: "w-0 h-0 rounded-none",
1084
+ iconSize: 0
1085
+ },
1017
1086
  medium: {
1018
1087
  size: "w-6 h-6 rounded-lg",
1019
1088
  iconSize: 18
@@ -1023,6 +1092,7 @@ var v = /* @__PURE__ */ function(e) {
1023
1092
  iconSize: 20
1024
1093
  },
1025
1094
  typographyMappings: {
1095
+ none: y.None,
1026
1096
  small: y.Small,
1027
1097
  medium: y.Small,
1028
1098
  large: y.Medium
@@ -1043,11 +1113,13 @@ var v = /* @__PURE__ */ function(e) {
1043
1113
  },
1044
1114
  input: {
1045
1115
  small: { size: "h-8 px-3 text-xs" },
1116
+ none: { size: "h-0 px-0 text-[0px]" },
1046
1117
  medium: { size: "h-11 px-4 text-sm" },
1047
1118
  large: { size: "h-14 px-6 text-base" },
1048
1119
  xlarge: { size: "h-16 px-8 text-lg" },
1049
1120
  baseStyles: "w-full font-medium transition-all",
1050
1121
  typographyMappings: {
1122
+ none: y.None,
1051
1123
  small: y.Small,
1052
1124
  medium: y.Small,
1053
1125
  large: y.Medium,
@@ -1056,6 +1128,7 @@ var v = /* @__PURE__ */ function(e) {
1056
1128
  },
1057
1129
  modal: {
1058
1130
  small: { size: "max-w-md" },
1131
+ none: { size: "max-w-0" },
1059
1132
  medium: { size: "max-w-2xl" },
1060
1133
  large: { size: "max-w-4xl" },
1061
1134
  xlarge: { size: "max-w-6xl" },
@@ -1070,12 +1143,14 @@ var v = /* @__PURE__ */ function(e) {
1070
1143
  footerSpacing: "mt-6 pt-6 flex items-center justify-end gap-3",
1071
1144
  footerBorder: "border-t border-zinc-100",
1072
1145
  typographyMappings: {
1146
+ none: y.None,
1073
1147
  title: y.Large,
1074
1148
  content: y.Medium
1075
1149
  }
1076
1150
  },
1077
1151
  list: {
1078
1152
  small: { size: "py-2 px-3" },
1153
+ none: { size: "py-0 px-0" },
1079
1154
  medium: { size: "py-2.5 px-4" },
1080
1155
  large: { size: "py-3.5 px-5" },
1081
1156
  xlarge: { size: "py-4 px-6" },
@@ -1086,6 +1161,7 @@ var v = /* @__PURE__ */ function(e) {
1086
1161
  itemCorner: "rounded-md",
1087
1162
  containerCorner: "first:rounded-t-2xl last:rounded-b-2xl",
1088
1163
  typographyMappings: {
1164
+ none: y.None,
1089
1165
  small: y.Small,
1090
1166
  medium: y.Medium,
1091
1167
  large: y.Medium,
@@ -1103,6 +1179,7 @@ var v = /* @__PURE__ */ function(e) {
1103
1179
  actionsWrapper: "flex items-center shrink-0",
1104
1180
  iconSize: "[&>svg]:w-5 [&>svg]:h-5",
1105
1181
  typographyMappings: {
1182
+ none: y.None,
1106
1183
  title: y.Medium,
1107
1184
  description: y.Small
1108
1185
  },
@@ -1123,6 +1200,10 @@ var v = /* @__PURE__ */ function(e) {
1123
1200
  headerCellSize: "px-6 py-4",
1124
1201
  dataCellSize: "px-6 py-5"
1125
1202
  },
1203
+ none: {
1204
+ headerCellSize: "px-0 py-0",
1205
+ dataCellSize: "px-0 py-0"
1206
+ },
1126
1207
  medium: {
1127
1208
  headerCellSize: "px-8 py-4",
1128
1209
  dataCellSize: "px-8 py-5"
@@ -1146,6 +1227,7 @@ var v = /* @__PURE__ */ function(e) {
1146
1227
  dataBorder: "1px solid",
1147
1228
  dataTypography: "text-inherit opacity-90 whitespace-nowrap leading-none font-medium",
1148
1229
  typographyMappings: {
1230
+ none: y.None,
1149
1231
  header: y.Medium,
1150
1232
  data: y.Medium
1151
1233
  }
@@ -1156,6 +1238,11 @@ var v = /* @__PURE__ */ function(e) {
1156
1238
  trackRadius: "rounded-full",
1157
1239
  gap: "gap-0.5"
1158
1240
  },
1241
+ none: {
1242
+ height: "h-0",
1243
+ trackRadius: "rounded-none",
1244
+ gap: "gap-0"
1245
+ },
1159
1246
  medium: {
1160
1247
  height: "h-1.5",
1161
1248
  trackRadius: "rounded-full",
@@ -1182,6 +1269,7 @@ var v = /* @__PURE__ */ function(e) {
1182
1269
  valueContainer: "flex justify-start px-0.5",
1183
1270
  valueStyles: "opacity-80 tracking-tighter tabular-nums",
1184
1271
  typographyMappings: {
1272
+ none: y.None,
1185
1273
  small: y.Small,
1186
1274
  medium: y.Medium,
1187
1275
  large: y.Medium,
@@ -1190,6 +1278,7 @@ var v = /* @__PURE__ */ function(e) {
1190
1278
  },
1191
1279
  stack: {
1192
1280
  small: { gap: "gap-2" },
1281
+ none: { gap: "gap-0" },
1193
1282
  medium: { gap: "gap-4" },
1194
1283
  large: { gap: "gap-6" },
1195
1284
  xlarge: { gap: "gap-8" },
@@ -1212,6 +1301,13 @@ var v = /* @__PURE__ */ function(e) {
1212
1301
  }
1213
1302
  },
1214
1303
  thumbnail: {
1304
+ none: {
1305
+ size: "w-0 h-0",
1306
+ shapes: {
1307
+ squircle: "rounded-none",
1308
+ circle: "rounded-none"
1309
+ }
1310
+ },
1215
1311
  xsmall: {
1216
1312
  size: "w-6 h-6",
1217
1313
  shapes: {
@@ -1280,11 +1376,13 @@ var v = /* @__PURE__ */ function(e) {
1280
1376
  },
1281
1377
  dropdown: {
1282
1378
  small: { size: "min-w-[120px]" },
1379
+ none: { size: "min-w-0" },
1283
1380
  medium: { size: "min-w-[160px]" },
1284
1381
  large: { size: "min-w-[200px]" },
1285
1382
  xlarge: { size: "min-w-[240px]" },
1286
1383
  contentPositioning: "mt-2",
1287
1384
  typographyMappings: {
1385
+ none: y.None,
1288
1386
  small: y.Small,
1289
1387
  medium: y.Medium,
1290
1388
  large: y.Medium,
@@ -1364,7 +1462,7 @@ var v = /* @__PURE__ */ function(e) {
1364
1462
  card: "bg-white border border-zinc-100 shadow-sm",
1365
1463
  secondaryCard: "bg-zinc-50 border-zinc-200",
1366
1464
  cardText: "text-zinc-950",
1367
- input: "bg-white border border-zinc-200 text-zinc-950 focus:ring-4 focus:ring-zinc-500/10 outline-none rounded-xl",
1465
+ input: "bg-white border border-zinc-300 text-zinc-950 focus:ring-4 focus:ring-zinc-500/10 outline-none rounded-xl",
1368
1466
  mutedText: "text-zinc-500/60 font-medium",
1369
1467
  dialog: "bg-white border-zinc-200 shadow-2xl",
1370
1468
  popover: "bg-white/80 backdrop-blur-3xl border-zinc-100 shadow-lg",
@@ -1391,6 +1489,7 @@ var v = /* @__PURE__ */ function(e) {
1391
1489
  rowHover: "rgba(244, 244, 245, 0.6)"
1392
1490
  },
1393
1491
  shadows: {
1492
+ none: "none",
1394
1493
  small: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
1395
1494
  medium: "0 4px 12px -2px rgba(0, 0, 0, 0.12)",
1396
1495
  large: "0 12px 24px -4px rgba(0, 0, 0, 0.15)",
@@ -1448,7 +1547,7 @@ var v = /* @__PURE__ */ function(e) {
1448
1547
  checkbox: {
1449
1548
  base: "flex items-center justify-center rounded-lg transition-all duration-300",
1450
1549
  checked: "bg-zinc-950 text-white shadow-lg scale-105 border-none",
1451
- unchecked: "bg-white border border-zinc-200 text-transparent hover:scale-105"
1550
+ unchecked: "bg-white border border-zinc-300 text-transparent hover:scale-105"
1452
1551
  },
1453
1552
  badges: {
1454
1553
  base: "inline-flex items-center justify-center transition-all duration-300 shadow-none",
@@ -1525,9 +1624,9 @@ var v = /* @__PURE__ */ function(e) {
1525
1624
  value: "text-zinc-950"
1526
1625
  },
1527
1626
  dropdown: {
1528
- trigger: "flex items-center justify-between px-3 py-2 rounded-lg bg-white border border-zinc-200 hover:bg-zinc-50 active:scale-95 transition-all duration-300 cursor-pointer text-zinc-950",
1627
+ 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
1628
  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-200 rounded-lg shadow-2xl py-1 mt-1",
1629
+ content: "absolute pointer-events-auto z-[100] bg-white border border-zinc-300 rounded-lg shadow-2xl py-1 mt-1",
1531
1630
  contentSize: "w-full",
1532
1631
  item: "w-full text-left px-4 py-2.5 text-xs font-bold text-zinc-950 hover:bg-zinc-100 transition-colors",
1533
1632
  itemHover: "bg-zinc-50 text-zinc-950",
@@ -1551,7 +1650,7 @@ var v = /* @__PURE__ */ function(e) {
1551
1650
  card: "bg-zinc-950 border border-white/5 shadow-2xl",
1552
1651
  secondaryCard: "bg-zinc-900/50 border-white/5",
1553
1652
  cardText: "text-white",
1554
- input: "bg-zinc-900 border border-white/10 text-white focus:ring-4 focus:ring-white/10 outline-none rounded-xl",
1653
+ input: "bg-zinc-900 border border-white/20 text-white focus:ring-4 focus:ring-white/10 outline-none rounded-xl",
1555
1654
  mutedText: "text-white/60 font-medium",
1556
1655
  dialog: "bg-zinc-950 border-white/10 shadow-3xl",
1557
1656
  popover: "bg-zinc-950/90 backdrop-blur-3xl border-white/10 shadow-2xl",
@@ -1578,6 +1677,7 @@ var v = /* @__PURE__ */ function(e) {
1578
1677
  rowHover: "rgba(255, 255, 255, 0.02)"
1579
1678
  },
1580
1679
  shadows: {
1680
+ none: "none",
1581
1681
  small: "0 0 0 1px rgba(0, 0, 0, 1)",
1582
1682
  medium: "0 10px 30px -10px rgba(0, 0, 0, 0.7)",
1583
1683
  large: "0 20px 50px -15px rgba(0, 0, 0, 0.8)",
@@ -1634,7 +1734,7 @@ var v = /* @__PURE__ */ function(e) {
1634
1734
  checkbox: {
1635
1735
  base: "flex items-center justify-center rounded-lg transition-all duration-300",
1636
1736
  checked: "bg-white text-zinc-950 shadow-lg scale-105 border-none",
1637
- unchecked: "bg-zinc-900 border border-white/10 text-transparent hover:scale-105"
1737
+ unchecked: "bg-zinc-900 border border-white/20 text-transparent hover:scale-105"
1638
1738
  },
1639
1739
  badges: {
1640
1740
  base: "inline-flex items-center justify-center transition-all duration-300 shadow-none",
@@ -1711,9 +1811,9 @@ var v = /* @__PURE__ */ function(e) {
1711
1811
  value: "text-white"
1712
1812
  },
1713
1813
  dropdown: {
1714
- trigger: "inline-flex items-center justify-between px-3 py-2 rounded-lg bg-zinc-900 border border-white/10 hover:bg-zinc-800 active:scale-95 transition-all duration-300 cursor-pointer text-white",
1814
+ 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
1815
  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/10 rounded-lg shadow-2xl py-1 mt-1",
1816
+ content: "absolute pointer-events-auto z-[100] bg-zinc-900 border border-white/20 rounded-lg shadow-2xl py-1 mt-1",
1717
1817
  contentSize: "w-full",
1718
1818
  item: "w-full text-left px-4 py-2.5 text-xs font-bold text-white hover:bg-white/10 transition-colors",
1719
1819
  itemHover: "bg-white/10 text-white",
@@ -1734,6 +1834,7 @@ var v = /* @__PURE__ */ function(e) {
1734
1834
  defaultMode: v.Light,
1735
1835
  geometry: {
1736
1836
  typography: {
1837
+ none: "text-[0px] leading-[0] opacity-0",
1737
1838
  small: "text-[11px] sm:text-[12px] font-medium tracking-tight leading-snug",
1738
1839
  medium: "text-[13px] sm:text-[14px] font-semibold leading-snug",
1739
1840
  large: "text-[16px] sm:text-[18px] font-bold tracking-tighter leading-tight",
@@ -1749,17 +1850,19 @@ var v = /* @__PURE__ */ function(e) {
1749
1850
  },
1750
1851
  buttons: {
1751
1852
  small: { size: "h-9 px-4 rounded-full" },
1853
+ none: { size: "h-0 px-0 rounded-none overflow-hidden" },
1752
1854
  medium: { size: "h-11 px-6 rounded-full" },
1753
1855
  large: { size: "h-14 px-8 rounded-full" },
1754
1856
  xlarge: { size: "h-16 px-10 rounded-full" },
1755
1857
  typographyMappings: {
1858
+ none: y.None,
1756
1859
  small: y.Small,
1757
1860
  medium: y.Medium,
1758
1861
  large: y.Medium,
1759
1862
  xlarge: y.Large
1760
1863
  },
1761
1864
  baseTypography: "text-inherit leading-none font-bold tracking-tight whitespace-nowrap",
1762
- baseStyles: "transition-all duration-300 transform-gpu active:scale-95 disabled:opacity-50 inline-flex items-center justify-center shrink-0 w-fit",
1865
+ baseStyles: "transition-all duration-300 transform-gpu active:scale-95 disabled:opacity-50 inline-flex items-center justify-center shrink-0",
1763
1866
  layout: {
1764
1867
  container: "inline-flex items-center justify-center gap-2",
1765
1868
  icon: "w-[1.2em] h-[1.2em] shrink-0",
@@ -1772,6 +1875,11 @@ var v = /* @__PURE__ */ function(e) {
1772
1875
  padding: "p-1.5",
1773
1876
  iconSize: 16
1774
1877
  },
1878
+ none: {
1879
+ size: "w-0 h-0",
1880
+ padding: "p-0",
1881
+ iconSize: 0
1882
+ },
1775
1883
  medium: {
1776
1884
  size: "w-11 h-11",
1777
1885
  padding: "p-2",
@@ -1800,6 +1908,10 @@ var v = /* @__PURE__ */ function(e) {
1800
1908
  size: "h-8 px-6",
1801
1909
  contentSize: "pt-4"
1802
1910
  },
1911
+ none: {
1912
+ size: "h-0 px-0",
1913
+ contentSize: "pt-0"
1914
+ },
1803
1915
  medium: {
1804
1916
  size: "h-10 px-8",
1805
1917
  contentSize: "pt-6"
@@ -1813,6 +1925,7 @@ var v = /* @__PURE__ */ function(e) {
1813
1925
  contentSize: "pt-10"
1814
1926
  },
1815
1927
  typographyMappings: {
1928
+ none: y.None,
1816
1929
  small: y.Small,
1817
1930
  medium: y.Medium,
1818
1931
  large: y.Medium,
@@ -1847,10 +1960,12 @@ var v = /* @__PURE__ */ function(e) {
1847
1960
  },
1848
1961
  cards: {
1849
1962
  small: { size: "rounded-2xl" },
1963
+ none: { size: "rounded-none" },
1850
1964
  medium: { size: "rounded-3xl" },
1851
1965
  large: { size: "rounded-[2rem]" },
1852
1966
  xlarge: { size: "rounded-[2rem]" },
1853
1967
  typographyMappings: {
1968
+ none: y.None,
1854
1969
  small: y.Small,
1855
1970
  medium: y.Medium,
1856
1971
  large: y.Large,
@@ -1865,6 +1980,10 @@ var v = /* @__PURE__ */ function(e) {
1865
1980
  size: "w-6 h-6 rounded-full",
1866
1981
  iconSize: 14
1867
1982
  },
1983
+ none: {
1984
+ size: "w-0 h-0 rounded-none",
1985
+ iconSize: 0
1986
+ },
1868
1987
  medium: {
1869
1988
  size: "w-8 h-8 rounded-full",
1870
1989
  iconSize: 20
@@ -1874,6 +1993,7 @@ var v = /* @__PURE__ */ function(e) {
1874
1993
  iconSize: 24
1875
1994
  },
1876
1995
  typographyMappings: {
1996
+ none: y.None,
1877
1997
  small: y.Small,
1878
1998
  medium: y.Small,
1879
1999
  large: y.Medium
@@ -1894,11 +2014,13 @@ var v = /* @__PURE__ */ function(e) {
1894
2014
  },
1895
2015
  input: {
1896
2016
  small: { size: "h-9 px-3 text-xs" },
2017
+ none: { size: "h-0 px-0 text-[0px]" },
1897
2018
  medium: { size: "h-12 px-3 text-sm" },
1898
2019
  large: { size: "h-16 px-3 text-base" },
1899
2020
  xlarge: { size: "h-20 px-3 text-lg" },
1900
2021
  baseStyles: "w-full font-medium transition-all duration-500",
1901
2022
  typographyMappings: {
2023
+ none: y.None,
1902
2024
  small: y.Small,
1903
2025
  medium: y.Small,
1904
2026
  large: y.Medium,
@@ -1907,6 +2029,7 @@ var v = /* @__PURE__ */ function(e) {
1907
2029
  },
1908
2030
  modal: {
1909
2031
  small: { size: "max-w-md" },
2032
+ none: { size: "max-w-0" },
1910
2033
  medium: { size: "max-w-2xl" },
1911
2034
  large: { size: "max-w-4xl" },
1912
2035
  xlarge: { size: "max-w-6xl" },
@@ -1921,12 +2044,14 @@ var v = /* @__PURE__ */ function(e) {
1921
2044
  closeIconSize: 20,
1922
2045
  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
2046
  typographyMappings: {
2047
+ none: y.None,
1924
2048
  title: y.Xlarge,
1925
2049
  content: y.Medium
1926
2050
  }
1927
2051
  },
1928
2052
  list: {
1929
2053
  small: { size: "py-2 px-4 shadow-none" },
2054
+ none: { size: "py-0 px-0 shadow-none" },
1930
2055
  medium: { size: "py-3 px-4 shadow-none" },
1931
2056
  large: { size: "py-4 px-4 shadow-none" },
1932
2057
  xlarge: { size: "py-5 px-4 shadow-none" },
@@ -1937,6 +2062,7 @@ var v = /* @__PURE__ */ function(e) {
1937
2062
  itemCorner: "rounded-none",
1938
2063
  containerCorner: "rounded-[1.0rem]",
1939
2064
  typographyMappings: {
2065
+ none: y.None,
1940
2066
  small: y.Small,
1941
2067
  medium: y.Medium,
1942
2068
  large: y.Medium,
@@ -1954,6 +2080,7 @@ var v = /* @__PURE__ */ function(e) {
1954
2080
  actionsWrapper: "flex items-center shrink-0",
1955
2081
  iconSize: "[&>svg]:w-5 [&>svg]:h-5",
1956
2082
  typographyMappings: {
2083
+ none: y.None,
1957
2084
  title: y.Medium,
1958
2085
  description: y.Small
1959
2086
  },
@@ -1974,6 +2101,10 @@ var v = /* @__PURE__ */ function(e) {
1974
2101
  headerCellSize: "px-6 py-4",
1975
2102
  dataCellSize: "px-6 py-5"
1976
2103
  },
2104
+ none: {
2105
+ headerCellSize: "px-0 py-0",
2106
+ dataCellSize: "px-0 py-0"
2107
+ },
1977
2108
  medium: {
1978
2109
  headerCellSize: "px-8 py-4",
1979
2110
  dataCellSize: "px-8 py-5"
@@ -1997,6 +2128,7 @@ var v = /* @__PURE__ */ function(e) {
1997
2128
  dataBorder: "1px solid",
1998
2129
  dataTypography: "text-inherit opacity-90 whitespace-nowrap leading-none font-medium",
1999
2130
  typographyMappings: {
2131
+ none: y.None,
2000
2132
  header: y.Medium,
2001
2133
  data: y.Medium
2002
2134
  }
@@ -2007,6 +2139,11 @@ var v = /* @__PURE__ */ function(e) {
2007
2139
  trackRadius: "rounded-full",
2008
2140
  gap: "gap-0.5"
2009
2141
  },
2142
+ none: {
2143
+ height: "h-0",
2144
+ trackRadius: "rounded-none",
2145
+ gap: "gap-0"
2146
+ },
2010
2147
  medium: {
2011
2148
  height: "h-1.5",
2012
2149
  trackRadius: "rounded-full",
@@ -2033,6 +2170,7 @@ var v = /* @__PURE__ */ function(e) {
2033
2170
  valueContainer: "flex justify-start px-0.5",
2034
2171
  valueStyles: "opacity-80 tracking-tighter tabular-nums",
2035
2172
  typographyMappings: {
2173
+ none: y.None,
2036
2174
  small: y.Small,
2037
2175
  medium: y.Medium,
2038
2176
  large: y.Medium,
@@ -2041,6 +2179,7 @@ var v = /* @__PURE__ */ function(e) {
2041
2179
  },
2042
2180
  stack: {
2043
2181
  small: { gap: "gap-2" },
2182
+ none: { gap: "gap-0" },
2044
2183
  medium: { gap: "gap-4" },
2045
2184
  large: { gap: "gap-6" },
2046
2185
  xlarge: { gap: "gap-8" },
@@ -2063,6 +2202,13 @@ var v = /* @__PURE__ */ function(e) {
2063
2202
  }
2064
2203
  },
2065
2204
  thumbnail: {
2205
+ none: {
2206
+ size: "w-0 h-0",
2207
+ shapes: {
2208
+ squircle: "rounded-none",
2209
+ circle: "rounded-none"
2210
+ }
2211
+ },
2066
2212
  xsmall: {
2067
2213
  size: "w-6 h-6",
2068
2214
  shapes: {
@@ -2131,11 +2277,13 @@ var v = /* @__PURE__ */ function(e) {
2131
2277
  },
2132
2278
  dropdown: {
2133
2279
  small: { size: "min-w-[120px]" },
2280
+ none: { size: "min-w-0" },
2134
2281
  medium: { size: "min-w-[160px]" },
2135
2282
  large: { size: "min-w-[200px]" },
2136
2283
  xlarge: { size: "min-w-[240px]" },
2137
2284
  contentPositioning: "mt-2",
2138
2285
  typographyMappings: {
2286
+ none: y.None,
2139
2287
  small: y.Small,
2140
2288
  medium: y.Medium,
2141
2289
  large: y.Medium,
@@ -2167,13 +2315,13 @@ var v = /* @__PURE__ */ function(e) {
2167
2315
  description: "text-xs opacity-60"
2168
2316
  },
2169
2317
  sidebar: {
2170
- wrapper: "w-full md:w-80 md:min-w-[320px] md:max-w-[320px] h-full",
2318
+ wrapper: "w-full md:w-70 md:min-w-[280px] md:max-w-[280px] h-full",
2171
2319
  container: "h-full rounded-none flex flex-col overflow-y-auto",
2172
2320
  nav: "space-y-2 flex-grow",
2173
2321
  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
2322
  iconSize: 16,
2175
2323
  padding: "pt-0 px-0 pb-0",
2176
- margin: "ml-5 mt-5 mb-5 mr-0",
2324
+ margin: "ml-0 mt-0 mb-0 mr-0",
2177
2325
  corner: "rounded-3xl",
2178
2326
  logoContainer: "flex items-center gap-0 mb-6 mt-0 px-0",
2179
2327
  logo: "h-16 md:h-20 w-auto max-w-[200px] object-contain"
@@ -2197,7 +2345,7 @@ var v = /* @__PURE__ */ function(e) {
2197
2345
  bodyWrapper: "min-h-screen relative overflow-hidden transition-theme flex flex-col font-sans bg-fixed bg-cover bg-center",
2198
2346
  bodyContent: "relative z-10 min-h-screen w-full flex flex-col border-none",
2199
2347
  bodyCorner: "rounded-3xl",
2200
- bodyPadding: "p-6 md:p-10",
2348
+ bodyPadding: "p-6 md:p-5",
2201
2349
  bodyMargin: "m-2",
2202
2350
  bodyBlobs: [
2203
2351
  "absolute -top-[10%] -left-[10%] w-[50%] h-[50%] rounded-full blur-[150px] opacity-30 animate-pulse transition-theme",
@@ -2247,6 +2395,7 @@ var v = /* @__PURE__ */ function(e) {
2247
2395
  rowHover: "rgba(99, 102, 241, 0.02)"
2248
2396
  },
2249
2397
  shadows: {
2398
+ none: "none",
2250
2399
  small: "0 2px 10px -2px rgba(99, 102, 241, 0.1)",
2251
2400
  medium: "0 10px 40px -10px rgba(99, 102, 241, 0.15)",
2252
2401
  large: "0 20px 80px -20px rgba(99, 102, 241, 0.2)",
@@ -2439,6 +2588,7 @@ var v = /* @__PURE__ */ function(e) {
2439
2588
  rowHover: "rgba(255, 255, 255, 0.01)"
2440
2589
  },
2441
2590
  shadows: {
2591
+ none: "none",
2442
2592
  small: "0 4px 12px -2px rgba(0, 0, 0, 0.4)",
2443
2593
  medium: "0 10px 40px -10px rgba(0, 0, 0, 0.8)",
2444
2594
  large: "0 20px 80px -20px rgba(0, 0, 0, 0.9)",
@@ -2917,12 +3067,14 @@ var re = ({ value: e = 0, currentStep: t = 0, totalSteps: n = 5, variant: r = "b
2917
3067
  let t = new Set(s);
2918
3068
  t.has(e) ? t.delete(e) : (r || t.clear(), t.add(e)), u(t), n?.(e);
2919
3069
  }, f = {
3070
+ [y.None]: "px-0 py-0",
2920
3071
  [y.Xsmall]: "px-3 py-2",
2921
3072
  [y.Small]: "px-4 py-3",
2922
3073
  [y.Medium]: "px-5 py-4",
2923
3074
  [y.Large]: "px-6 py-5",
2924
3075
  [y.Xlarge]: "px-7 py-6"
2925
3076
  }, m = {
3077
+ [y.None]: "text-[0px]",
2926
3078
  [y.Xsmall]: "text-xs",
2927
3079
  [y.Small]: "text-sm",
2928
3080
  [y.Medium]: "text-base",