@arvea/components 0.0.1

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 (13) hide show
  1. package/dist/index.cjs +19598 -0
  2. package/dist/index.cjs.map +1 -0
  3. package/dist/index.d.cts +6545 -0
  4. package/dist/index.d.ts +6545 -0
  5. package/dist/index.js +18636 -0
  6. package/dist/index.js.map +1 -0
  7. package/dist/tokens/tailwind-preset.cjs +827 -0
  8. package/dist/tokens/tailwind-preset.cjs.map +1 -0
  9. package/dist/tokens/tailwind-preset.d.cts +688 -0
  10. package/dist/tokens/tailwind-preset.d.ts +688 -0
  11. package/dist/tokens/tailwind-preset.js +825 -0
  12. package/dist/tokens/tailwind-preset.js.map +1 -0
  13. package/package.json +92 -0
package/dist/tokens/tailwind-preset.js ADDED
@@ -0,0 +1,825 @@
1
+ // src/tokens/tailwind-preset.ts
2
+ var arveaPreset = {
3
+ theme: {
4
+ extend: {
5
+ // ================================================================
6
+ // COLORS — Arvea palette
7
+ // ================================================================
8
+ colors: {
9
+ "arvea": {
10
+ "50": "#F2FBFA",
11
+ "100": "#D3F4F2",
12
+ "200": "#A7E8E5",
13
+ "300": "#73D5D4",
14
+ "400": "#52BEC0",
15
+ "500": "#2C9CA0",
16
+ "600": "#217B80",
17
+ "700": "#1E6267",
18
+ "800": "#1C4F53",
19
+ "900": "#1C4245",
20
+ "950": "#0A2529"
21
+ },
22
+ "slate": {
23
+ "50": "#F8FAFC",
24
+ "100": "#F1F5F9",
25
+ "200": "#E2E8F0",
26
+ "300": "#CBD5E1",
27
+ "400": "#94A3B8",
28
+ "500": "#64748B",
29
+ "600": "#475569",
30
+ "700": "#334155",
31
+ "800": "#1E293B",
32
+ "900": "#0F172A",
33
+ "950": "#020617"
34
+ }
35
+ },
36
+ // ================================================================
37
+ // SPACING
38
+ // ================================================================
39
+ spacing: {
40
+ "0": "0px",
41
+ "px": "1px",
42
+ "0-5": "0.125rem",
43
+ "1": "0.25rem",
44
+ "1-5": "0.375rem",
45
+ "2": "0.5rem",
46
+ "2-5": "0.625rem",
47
+ "3": "0.75rem",
48
+ "3-5": "0.875rem",
49
+ "4": "1rem",
50
+ "5": "1.25rem",
51
+ "6": "1.5rem",
52
+ "7": "1.75rem",
53
+ "8": "2rem",
54
+ "9": "2.25rem",
55
+ "10": "2.5rem",
56
+ "11": "2.75rem",
57
+ "12": "3rem",
58
+ "14": "3.5rem",
59
+ "16": "4rem",
60
+ "20": "5rem",
61
+ "24": "6rem",
62
+ "28": "7rem",
63
+ "32": "8rem",
64
+ "36": "9rem",
65
+ "40": "10rem",
66
+ "44": "11rem",
67
+ "48": "12rem",
68
+ "52": "13rem",
69
+ "56": "14rem",
70
+ "60": "15rem",
71
+ "64": "16rem",
72
+ "72": "18rem",
73
+ "80": "20rem",
74
+ "96": "24rem"
75
+ },
76
+ // ================================================================
77
+ // FONT FAMILY
78
+ // ================================================================
79
+ fontFamily: {
80
+ DEFAULT: ["'Inter', system-ui, -apple-system, sans-serif"]
81
+ },
82
+ // ================================================================
83
+ // FONT SIZE
84
+ // ================================================================
85
+ fontSize: {
86
+ "xs": "0.75rem",
87
+ "sm": "0.875rem",
88
+ "base": "1rem",
89
+ "lg": "1.125rem",
90
+ "xl": "1.25rem",
91
+ "2xl": "1.5rem",
92
+ "3xl": "1.875rem",
93
+ "4xl": "2.25rem",
94
+ "5xl": "3rem"
95
+ },
96
+ // ================================================================
97
+ // FONT WEIGHT
98
+ // ================================================================
99
+ fontWeight: {
100
+ "regular": "400",
101
+ "medium": "500",
102
+ "semibold": "600"
103
+ },
104
+ // ================================================================
105
+ // COMPONENT TOKENS (auto-generated)
106
+ // ================================================================
107
+ // ================================================
108
+ // ACTION
109
+ // ================================================
110
+ action: {
111
+ "btn-validate-bg": "#2C9CA0",
112
+ "btn-edit-bg": "#F97316",
113
+ "btn-payment-bg": "#64748B",
114
+ "btn-order-bg": "#F97316",
115
+ "btn-price-bg": "#F97316",
116
+ "btn-delete-bg": "#EF4444",
117
+ "btn-view-bg": "#22C55E",
118
+ "btn-pdf-bg": "#3B82F6",
119
+ "btn-pause-bg": "#F59E0B",
120
+ "btn-download-bg": "#6366F1",
121
+ "btn-upload-bg": "#8B5CF6",
122
+ "btn-copy-bg": "#0EA5E9",
123
+ "btn-print-bg": "#64748B",
124
+ "btn-settings-bg": "#475569",
125
+ "btn-archive-bg": "#78716C",
126
+ "btn-restore-bg": "#2C9CA0",
127
+ "btn-fg": "#FFFFFF"
128
+ },
129
+ // ================================================
130
+ // BUTTON
131
+ // ================================================
132
+ button: {
133
+ "default-bg": "#217B80",
134
+ "default-bg-hover": "#1E6267",
135
+ "default-bg-disabled": "#E2E8F0",
136
+ "outline-bg": "#FFFFFF",
137
+ "outline-bg-hover": "#F1F5F9",
138
+ "secondary-bg": "#F8FAFC",
139
+ "secondary-bg-hover": "#E2E8F0",
140
+ "danger-bg": "#E7000B",
141
+ "danger-bg-hover": "#B91C1C",
142
+ "link-bg": "transparent",
143
+ "outline-border": "#E2E8F0",
144
+ "outline-shadow": "0px 1px 2px rgba(0, 0, 0, 0.05)",
145
+ "text-default": "#FFFFFF",
146
+ "text-outline": "#334155",
147
+ "text-secondary": "#334155",
148
+ "text-danger": "#FFFFFF",
149
+ "text-link": "#217B80",
150
+ "text-link-hover": "#1E6267",
151
+ "text-disabled": "#94A3B8",
152
+ "radius": "8px",
153
+ "gap": "6px",
154
+ "padding-default": "8px 16px",
155
+ "height-default": "36px",
156
+ "padding-sm": "0px 12px",
157
+ "height-sm": "32px",
158
+ "padding-lg": "0px 24px",
159
+ "height-lg": "40px",
160
+ "padding-icon": "0px",
161
+ "size-icon": "40px"
162
+ },
163
+ // ================================================
164
+ // LOADER
165
+ // ================================================
166
+ loader: {
167
+ "color-default": "#FFFFFF",
168
+ "color-subtle-default": "rgba(255, 255, 255, 0.4)",
169
+ "color-outline": "#334155",
170
+ "color-subtle-outline": "rgba(51, 65, 85, 0.4)",
171
+ "color-secondary": "#334155",
172
+ "color-subtle-secondary": "rgba(51, 65, 85, 0.4)",
173
+ "color-danger": "#FFFFFF",
174
+ "color-subtle-danger": "rgba(255, 255, 255, 0.4)"
175
+ },
176
+ // ================================================
177
+ // BADGE
178
+ // ================================================
179
+ badge: {
180
+ "success-bg": "#F0FDF4",
181
+ "success-text": "#15803D",
182
+ "success-icon": "#15803D",
183
+ "error-bg": "#FEE2E2",
184
+ "error-text": "#DC2626",
185
+ "error-icon": "#DC2626",
186
+ "warning-bg": "#FEF9C3",
187
+ "warning-text": "#A16207",
188
+ "warning-icon": "#A16207",
189
+ "info-bg": "#DBEAFE",
190
+ "info-text": "#2563EB",
191
+ "info-icon": "#2563EB",
192
+ "pending-bg": "#FED7AA",
193
+ "pending-text": "#7C2D12",
194
+ "pending-icon": "#7C2D12",
195
+ "active-bg": "#1D4ED8",
196
+ "active-text": "#EFF6FF",
197
+ "active-icon": "#EFF6FF",
198
+ "inactive-bg": "#F1F5F9",
199
+ "inactive-text": "#475569",
200
+ "inactive-icon": "#475569",
201
+ "radius": "4px",
202
+ "padding": "3px 8px",
203
+ "gap": "4px",
204
+ "font-size": "12px",
205
+ "font-weight": "600",
206
+ "line-height": "16px",
207
+ "height": "22px",
208
+ "label-default-bg": "#155DFC",
209
+ "label-default-border": "#155DFC",
210
+ "label-default-text": "#F8FAFC",
211
+ "label-destructive-bg": "#E7000B",
212
+ "label-destructive-border": "#E7000B",
213
+ "label-destructive-text": "#F8FAFC",
214
+ "label-secondary-bg": "#F1F5F9",
215
+ "label-secondary-border": "#F1F5F9",
216
+ "label-secondary-text": "#0F172B",
217
+ "label-outline-bg": "transparent",
218
+ "label-outline-border": "#E2E8F0",
219
+ "label-outline-text": "#020618",
220
+ "label-radius": "8px",
221
+ "label-padding": "2px 8px",
222
+ "label-gap": "8px",
223
+ "label-height": "20px",
224
+ "label-font-size": "12px",
225
+ "label-font-weight": "600",
226
+ "label-line-height": "16px"
227
+ },
228
+ // ================================================
229
+ // TOGGLE
230
+ // ================================================
231
+ toggle: {
232
+ "checked-bg": "#217B80",
233
+ "unchecked-bg": "#E2E8F0",
234
+ "width": "44px",
235
+ "height": "24px",
236
+ "padding": "2px",
237
+ "radius": "9999px",
238
+ "thumb-size": "20px",
239
+ "thumb-bg": "#FFFFFF"
240
+ },
241
+ // ================================================
242
+ // CHECKBOX
243
+ // ================================================
244
+ checkbox: {
245
+ "size": "16px",
246
+ "radius": "4px",
247
+ "border": "#217B80",
248
+ "checked-bg": "#217B80",
249
+ "unchecked-bg": "#FFFFFF",
250
+ "disabled-opacity": "0.5",
251
+ "check-size": "12px",
252
+ "check-color": "#FFFFFF"
253
+ },
254
+ // ================================================
255
+ // RADIO
256
+ // ================================================
257
+ radio: {
258
+ "size": "16px",
259
+ "radius": "9999px",
260
+ "border": "#217B80",
261
+ "checked-bg": "#FFFFFF",
262
+ "unchecked-bg": "#FFFFFF",
263
+ "dot-size": "8px",
264
+ "dot-color": "#217B80",
265
+ "disabled-opacity": "0.5",
266
+ "gap": "8px",
267
+ "label-size": "14px",
268
+ "label-weight": "500",
269
+ "label-color": "#020618"
270
+ },
271
+ // ================================================
272
+ // SLIDER
273
+ // ================================================
274
+ slider: {
275
+ "track-height": "8px",
276
+ "track-bg": "#F1F5F9",
277
+ "track-filled-bg": "#217B80",
278
+ "track-radius": "9999px",
279
+ "thumb-size": "20px",
280
+ "thumb-bg": "#FFFFFF",
281
+ "thumb-border": "#217B80",
282
+ "thumb-border-width": "2px",
283
+ "thumb-shadow-focus": "0 0 0 4px rgba(33, 123, 128, 0.18)",
284
+ "label-color": "#334155",
285
+ "label-size": "13px",
286
+ "label-weight": "500",
287
+ "value-color": "#217B80",
288
+ "value-size": "13px",
289
+ "tick-color": "#94A3B8",
290
+ "tick-size": "4px",
291
+ "disabled-opacity": "0.5"
292
+ },
293
+ // ================================================
294
+ // INPUT
295
+ // ================================================
296
+ input: {
297
+ "bg": "#FFFFFF",
298
+ "bg-disabled": "#F1F5F9",
299
+ "text": "#0F172A",
300
+ "placeholder": "#94A3B8",
301
+ "border": "#CBD5E1",
302
+ "border-hover": "#94A3B8",
303
+ "border-focus": "#217B80",
304
+ "border-invalid": "#DC2626",
305
+ "border-warning": "#A16207",
306
+ "radius": "8px",
307
+ "padding-x": "12px",
308
+ "padding-y": "8px",
309
+ "height": "36px",
310
+ "font-size": "14px",
311
+ "label-color": "#334155",
312
+ "label-size": "13px",
313
+ "label-weight": "500",
314
+ "hint-color": "#64748B",
315
+ "hint-color-invalid": "#DC2626",
316
+ "hint-color-warning": "#A16207",
317
+ "hint-color-valid": "#15803D",
318
+ "hint-size": "12px",
319
+ "shadow-focus": "0 0 0 3px rgba(33, 123, 128, 0.15)"
320
+ },
321
+ // ================================================
322
+ // SELECT
323
+ // ================================================
324
+ select: {
325
+ "bg": "#FFFFFF",
326
+ "bg-disabled": "#F1F5F9",
327
+ "text": "#0F172A",
328
+ "placeholder": "#94A3B8",
329
+ "border": "#CBD5E1",
330
+ "border-focus": "#217B80",
331
+ "border-invalid": "#DC2626",
332
+ "radius": "8px",
333
+ "padding-x": "12px",
334
+ "padding-y": "8px",
335
+ "height": "36px",
336
+ "font-size": "14px",
337
+ "chevron-color": "#64748B",
338
+ "popup-bg": "#ffffff",
339
+ "popup-border": "#e2e8f0",
340
+ "popup-shadow": "0 8px 24px rgba(15, 23, 42, 0.12)",
341
+ "popup-radius": "8px",
342
+ "popup-z": "9999",
343
+ "option-hover-bg": "#f8fafc",
344
+ "option-active-bg": "#f1f5f9",
345
+ "option-selected-bg": "#eff6ff",
346
+ "option-selected-fg": "#1d4ed8",
347
+ "tag-bg": "#f1f5f9",
348
+ "tag-fg": "#334155",
349
+ "tag-radius": "4px"
350
+ },
351
+ // ================================================
352
+ // TAG
353
+ // ================================================
354
+ tag: {
355
+ "bg": "#FFFFFF",
356
+ "bg-hover": "#F8FAFC",
357
+ "bg-selected": "#217B80",
358
+ "text": "#334155",
359
+ "text-selected": "#FFFFFF",
360
+ "border": "#E2E8F0",
361
+ "border-selected": "#217B80",
362
+ "radius": "9999px",
363
+ "padding": "4px 10px",
364
+ "gap": "6px",
365
+ "font-size": "12px",
366
+ "font-weight": "500",
367
+ "height": "24px",
368
+ "remove-color": "#64748B",
369
+ "remove-color-selected": "#FFFFFF",
370
+ "remove-hover-bg": "rgba(15, 23, 42, 0.08)"
371
+ },
372
+ // ================================================
373
+ // SPINNER
374
+ // ================================================
375
+ spinner: {
376
+ "color": "#217B80",
377
+ "track-color": "rgba(33, 123, 128, 0.2)",
378
+ "size-sm": "16px",
379
+ "size-md": "24px",
380
+ "size-lg": "32px",
381
+ "border-sm": "2px",
382
+ "border-md": "3px",
383
+ "border-lg": "4px"
384
+ },
385
+ // ================================================
386
+ // TOOLTIP
387
+ // ================================================
388
+ tooltip: {
389
+ "bg": "#1E293B",
390
+ "text": "#F8FAFC",
391
+ "radius": "6px",
392
+ "padding": "6px 10px",
393
+ "font-size": "12px",
394
+ "font-weight": "500",
395
+ "arrow-size": "6px",
396
+ "offset": "8px",
397
+ "max-width": "240px"
398
+ },
399
+ // ================================================
400
+ // CARD
401
+ // ================================================
402
+ card: {
403
+ "bg": "#FFFFFF",
404
+ "border": "#E2E8F0",
405
+ "radius": "12px",
406
+ "padding": "16px",
407
+ "shadow": "0 1px 2px rgba(15, 23, 42, 0.04)",
408
+ "shadow-elevated": "0 8px 24px rgba(15, 23, 42, 0.08)"
409
+ },
410
+ // ================================================
411
+ // AVATAR
412
+ // ================================================
413
+ avatar: {
414
+ "bg-identity": "#217B80",
415
+ "bg-object": "#F1F5F9",
416
+ "text-identity": "#FFFFFF",
417
+ "text-object": "#334155",
418
+ "border-radius-identity": "9999px",
419
+ "border-radius-object": "8px",
420
+ "size-sm": "24px",
421
+ "size-md": "40px",
422
+ "size-lg": "64px",
423
+ "font-sm": "10px",
424
+ "font-md": "14px",
425
+ "font-lg": "22px",
426
+ "font-weight": "600",
427
+ "letter-spacing": "0.02em"
428
+ },
429
+ // ================================================
430
+ // PROGRESS
431
+ // ================================================
432
+ progress: {
433
+ "track-bg": "#E2E8F0",
434
+ "fill-bg": "#217B80",
435
+ "radius": "9999px",
436
+ "height-sm": "4px",
437
+ "height-md": "8px",
438
+ "height-lg": "12px",
439
+ "label-color": "#334155",
440
+ "label-size": "12px"
441
+ },
442
+ // ================================================
443
+ // SKELETON
444
+ // ================================================
445
+ skeleton: {
446
+ "bg": "#E2E8F0",
447
+ "highlight": "#F8FAFC",
448
+ "radius": "6px",
449
+ "radius-sm": "4px",
450
+ "radius-lg": "12px",
451
+ "pulse-width": "8rem",
452
+ "duration": "1.6s"
453
+ },
454
+ // ================================================
455
+ // CAROUSEL
456
+ // ================================================
457
+ carousel: {
458
+ "gap": "12px",
459
+ "radius": "12px",
460
+ "transition": "transform 0.4s cubic-bezier(0.22, 1, 0.36, 1)",
461
+ "arrow-size": "36px",
462
+ "arrow-bg": "#FFFFFF",
463
+ "arrow-bg-hover": "#F8FAFC",
464
+ "arrow-border": "#E2E8F0",
465
+ "arrow-color": "#334155",
466
+ "arrow-shadow": "0 2px 8px rgba(15, 23, 42, 0.12)",
467
+ "arrow-offset": "12px",
468
+ "arrow-disabled-opacity": "0.4",
469
+ "dot-size": "8px",
470
+ "dot-size-active": "20px",
471
+ "dot-bg": "#CBD5E1",
472
+ "dot-bg-active": "#217B80",
473
+ "dot-gap": "6px",
474
+ "dot-row-margin": "12px"
475
+ },
476
+ // ================================================
477
+ // DIALOG
478
+ // ================================================
479
+ dialog: {
480
+ "overlay-bg": "rgba(15, 23, 42, 0.5)",
481
+ "bg": "#FFFFFF",
482
+ "radius": "12px",
483
+ "shadow": "0 24px 48px rgba(15, 23, 42, 0.18)",
484
+ "padding": "20px",
485
+ "max-width": "480px",
486
+ "title-size": "18px",
487
+ "title-weight": "600",
488
+ "title-color": "#0F172A",
489
+ "body-color": "#334155",
490
+ "close-color": "#64748B",
491
+ "close-hover-bg": "rgba(15, 23, 42, 0.06)"
492
+ },
493
+ // ================================================
494
+ // TOAST
495
+ // ================================================
496
+ toast: {
497
+ "bg": "#1E293B",
498
+ "text": "#F8FAFC",
499
+ "radius": "10px",
500
+ "padding": "12px 16px",
501
+ "shadow": "0 10px 32px rgba(15, 23, 42, 0.24)",
502
+ "gap": "12px",
503
+ "min-width": "280px",
504
+ "max-width": "400px",
505
+ "success-bg": "#15803D",
506
+ "error-bg": "#DC2626",
507
+ "warning-bg": "#A16207",
508
+ "info-bg": "#2563EB"
509
+ },
510
+ // ================================================
511
+ // TABS
512
+ // ================================================
513
+ tabs: {
514
+ "list-border": "#E2E8F0",
515
+ "tab-color": "#64748B",
516
+ "tab-color-active": "#217B80",
517
+ "tab-color-hover": "#334155",
518
+ "tab-padding": "10px 16px",
519
+ "tab-radius": "8px",
520
+ "tab-font-size": "14px",
521
+ "tab-font-weight": "500",
522
+ "indicator-color": "#217B80",
523
+ "indicator-height": "2px",
524
+ "disabled-opacity": "0.5",
525
+ "pill-bg-active": "#217B80",
526
+ "pill-text-active": "#FFFFFF"
527
+ },
528
+ // ================================================
529
+ // ACCORDION
530
+ // ================================================
531
+ accordion: {
532
+ "bg": "#FFFFFF",
533
+ "border": "#E2E8F0",
534
+ "radius": "10px",
535
+ "header-padding": "14px 16px",
536
+ "header-bg": "transparent",
537
+ "header-bg-hover": "#F8FAFC",
538
+ "header-radius": "0",
539
+ "body-padding": "0 16px 14px",
540
+ "body-size": "14px",
541
+ "body-line-height": "1.5",
542
+ "body-max-height": "1000px",
543
+ "title-color": "#0F172A",
544
+ "title-size": "14px",
545
+ "title-weight": "500",
546
+ "body-color": "#475569",
547
+ "chevron-color": "#64748B",
548
+ "transition": "0.2s ease"
549
+ },
550
+ // ================================================
551
+ // ALERT
552
+ // ================================================
553
+ alert: {
554
+ "radius": "10px",
555
+ "padding": "12px 14px",
556
+ "gap": "10px",
557
+ "title-weight": "600",
558
+ "title-size": "14px",
559
+ "body-size": "13px",
560
+ "close-size": "22px",
561
+ "close-opacity": "0.7",
562
+ "close-hover-bg": "rgba(15, 23, 42, 0.06)",
563
+ "transition": "0.15s ease",
564
+ "info-bg": "#EFF6FF",
565
+ "info-border": "#BFDBFE",
566
+ "info-text": "#1E3A8A",
567
+ "info-icon": "#2563EB",
568
+ "success-bg": "#F0FDF4",
569
+ "success-border": "#BBF7D0",
570
+ "success-text": "#14532D",
571
+ "success-icon": "#15803D",
572
+ "warning-bg": "#FEFCE8",
573
+ "warning-border": "#FEF08A",
574
+ "warning-text": "#713F12",
575
+ "warning-icon": "#A16207",
576
+ "danger-bg": "#FEF2F2",
577
+ "danger-border": "#FECACA",
578
+ "danger-text": "#7F1D1D",
579
+ "danger-icon": "#DC2626"
580
+ },
581
+ // ================================================
582
+ // DIVIDER
583
+ // ================================================
584
+ divider: {
585
+ "color": "#E2E8F0",
586
+ "color-strong": "#CBD5E1",
587
+ "thickness": "1px",
588
+ "spacing": "16px",
589
+ "text-color": "#64748B",
590
+ "text-size": "12px",
591
+ "text-padding": "12px"
592
+ },
593
+ // ================================================
594
+ // BREADCRUMB
595
+ // ================================================
596
+ breadcrumb: {
597
+ "color": "#475569",
598
+ "color-hover": "#217B80",
599
+ "color-current": "#0F172A",
600
+ "separator-color": "#94A3B8",
601
+ "font-size": "13px",
602
+ "gap": "6px"
603
+ },
604
+ // ================================================
605
+ // PAGINATION
606
+ // ================================================
607
+ pagination: {
608
+ "bg": "#FFFFFF",
609
+ "bg-hover": "#F1F5F9",
610
+ "bg-active": "#217B80",
611
+ "border": "#E2E8F0",
612
+ "border-hover": "#CBD5E1",
613
+ "border-active": "#217B80",
614
+ "color": "#334155",
615
+ "color-active": "#FFFFFF",
616
+ "radius": "8px",
617
+ "gap": "4px",
618
+ "size-sm": "28px",
619
+ "size-md": "36px",
620
+ "size-lg": "42px",
621
+ "font-size": "13px",
622
+ "shadow-focus": "0 0 0 3px rgba(33, 123, 128, 0.15)"
623
+ },
624
+ // ================================================
625
+ // DROPDOWN
626
+ // ================================================
627
+ dropdown: {
628
+ "bg": "#FFFFFF",
629
+ "border": "#E2E8F0",
630
+ "radius": "8px",
631
+ "shadow": "0 12px 32px rgba(15, 23, 42, 0.12)",
632
+ "padding": "4px",
633
+ "min-width": "180px",
634
+ "max-width": "320px",
635
+ "trigger-bg": "#FFFFFF",
636
+ "trigger-bg-hover": "#F8FAFC",
637
+ "trigger-border": "#E2E8F0",
638
+ "trigger-color": "#334155",
639
+ "shadow-focus": "0 0 0 3px rgba(33, 123, 128, 0.15)",
640
+ "item-color": "#0F172A",
641
+ "item-color-disabled": "#94A3B8",
642
+ "item-color-destructive": "#DC2626",
643
+ "item-bg-hover": "#F1F5F9",
644
+ "item-bg-destructive-hover": "#FEE2E2",
645
+ "item-padding": "8px 10px",
646
+ "divider": "#E2E8F0"
647
+ },
648
+ // ================================================
649
+ // SEARCHBAR
650
+ // ================================================
651
+ searchbar: {
652
+ "bg": "#FFFFFF",
653
+ "bg-disabled": "#F1F5F9",
654
+ "color": "#0F172A",
655
+ "placeholder": "#94A3B8",
656
+ "icon": "#64748B",
657
+ "border": "#CBD5E1",
658
+ "border-hover": "#94A3B8",
659
+ "border-focus": "#217B80",
660
+ "radius": "8px",
661
+ "padding-x": "12px",
662
+ "height-sm": "32px",
663
+ "height-md": "40px",
664
+ "height-lg": "48px",
665
+ "shadow": "0 8px 24px rgba(15, 23, 42, 0.08)",
666
+ "shadow-focus": "0 0 0 3px rgba(33, 123, 128, 0.15)",
667
+ "suggestion-bg-hover": "#F1F5F9"
668
+ },
669
+ // ================================================
670
+ // RATING
671
+ // ================================================
672
+ rating: {
673
+ "color-filled": "#F59E0B",
674
+ "color-empty": "#E2E8F0",
675
+ "label-color": "#334155",
676
+ "gap": "2px",
677
+ "size-sm": "16px",
678
+ "size-md": "22px",
679
+ "size-lg": "28px"
680
+ },
681
+ // ================================================
682
+ // QTY
683
+ // ================================================
684
+ qty: {
685
+ "bg": "#FFFFFF",
686
+ "border": "#E2E8F0",
687
+ "radius": "8px",
688
+ "button-bg": "transparent",
689
+ "button-bg-hover": "#F1F5F9",
690
+ "button-color": "#334155",
691
+ "input-color": "#0F172A",
692
+ "button-size-sm": "28px",
693
+ "button-size-md": "36px",
694
+ "button-size-lg": "44px",
695
+ "input-width-sm": "40px",
696
+ "input-width-md": "52px",
697
+ "input-width-lg": "64px",
698
+ "shadow-focus": "0 0 0 3px rgba(33, 123, 128, 0.18)"
699
+ },
700
+ // ================================================
701
+ // STEPPER
702
+ // ================================================
703
+ stepper: {
704
+ "circle-size": "32px",
705
+ "circle-bg": "#FFFFFF",
706
+ "circle-bg-active": "#FFFFFF",
707
+ "circle-bg-complete": "#217B80",
708
+ "circle-border": "#CBD5E1",
709
+ "circle-border-active": "#217B80",
710
+ "circle-border-complete": "#217B80",
711
+ "circle-color": "#64748B",
712
+ "circle-color-active": "#217B80",
713
+ "circle-color-complete": "#FFFFFF",
714
+ "connector-bg": "#E2E8F0",
715
+ "connector-bg-complete": "#217B80",
716
+ "label-color": "#64748B",
717
+ "label-color-active": "#0F172A",
718
+ "description-color": "#64748B",
719
+ "shadow-active": "0 0 0 4px rgba(33, 123, 128, 0.15)"
720
+ },
721
+ // ================================================
722
+ // TABLE
723
+ // ================================================
724
+ table: {
725
+ "bg": "#FFFFFF",
726
+ "border": "#E2E8F0",
727
+ "radius": "10px",
728
+ "header-bg": "#217B80",
729
+ "header-color": "#FFFFFF",
730
+ "row-border": "#F1F5F9",
731
+ "row-bg-hover": "#F8FAFC",
732
+ "cell-color": "#0F172A",
733
+ "cell-padding-x": "14px",
734
+ "cell-padding-y": "12px",
735
+ "sort-active": "#FFFFFF",
736
+ "empty-color": "#64748B",
737
+ "row-selected-bg": "#eff6ff",
738
+ "row-hover-bg": "#f8fafc",
739
+ "filter-row-bg": "#f8fafc",
740
+ "resizer-color": "#3b82f6"
741
+ },
742
+ // ================================================
743
+ // LIGHTBOX
744
+ // ================================================
745
+ lightbox: {
746
+ "overlay-bg": "rgba(2, 6, 23, 0.92)",
747
+ "radius": "12px",
748
+ "shadow": "0 24px 60px rgba(0, 0, 0, 0.5)",
749
+ "button-bg": "rgba(255, 255, 255, 0.12)",
750
+ "button-color": "#F8FAFC",
751
+ "text-color": "#F1F5F9",
752
+ "thumb-border-active": "#2C9CA0"
753
+ },
754
+ // ================================================
755
+ // POPOVER
756
+ // ================================================
757
+ popover: {
758
+ "bg": "#ffffff",
759
+ "border": "#e2e8f0",
760
+ "shadow": "0 8px 24px rgba(15, 23, 42, 0.12)",
761
+ "radius": "8px",
762
+ "z": "9999"
763
+ },
764
+ // ================================================
765
+ // DRAWER
766
+ // ================================================
767
+ drawer: {
768
+ "bg": "#ffffff",
769
+ "overlay-bg": "rgba(15, 23, 42, 0.45)",
770
+ "shadow": "0 12px 32px rgba(15, 23, 42, 0.18)",
771
+ "transition": "260ms ease"
772
+ },
773
+ // ================================================
774
+ // DATEPICKER
775
+ // ================================================
776
+ datepicker: {
777
+ "cell-size": "36px",
778
+ "cell-radius": "6px",
779
+ "today-ring": "#217B80",
780
+ "selected-bg": "#217B80",
781
+ "range-bg": "#F1F5F9"
782
+ },
783
+ // ================================================
784
+ // OTP
785
+ // ================================================
786
+ otp: {
787
+ "cell-size": "40px",
788
+ "cell-gap": "8px",
789
+ "cell-border": "#e2e8f0",
790
+ "cell-focus-ring": "0 0 0 3px rgba(59, 130, 246, 0.18)"
791
+ },
792
+ // ================================================
793
+ // UPLOAD
794
+ // ================================================
795
+ upload: {
796
+ "border": "#cbd5e1",
797
+ "border-active": "#3b82f6",
798
+ "bg": "#f8fafc",
799
+ "bg-active": "#eff6ff"
800
+ },
801
+ // ================================================
802
+ // SEGMENTED
803
+ // ================================================
804
+ segmented: {
805
+ "track-bg": "#f1f5f9",
806
+ "thumb-bg": "#ffffff",
807
+ "thumb-shadow": "0 1px 2px rgba(15, 23, 42, 0.08),"
808
+ },
809
+ // ================================================
810
+ // TREE
811
+ // ================================================
812
+ tree: {
813
+ "line-color": "#e2e8f0",
814
+ "row-hover-bg": "#f8fafc",
815
+ "row-selected-bg": "#eff6ff",
816
+ "indent": "20px"
817
+ }
818
+ }
819
+ }
820
+ };
821
+ var tailwind_preset_default = arveaPreset;
822
+
823
+ export { tailwind_preset_default as default };
824
+ //# sourceMappingURL=tailwind-preset.js.map
825
+ //# sourceMappingURL=tailwind-preset.js.map