@mila_studios/mycelia-design-system 0.1.1 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/mycelia-ui.css +635 -48
  2. package/package.json +4 -4
  3. package/packages/ui/dist/components/account-menu.d.mts +46 -0
  4. package/packages/ui/dist/components/account-menu.js +134 -0
  5. package/packages/ui/dist/components/account-menu.js.map +1 -0
  6. package/packages/ui/dist/components/badge.d.mts +1 -1
  7. package/packages/ui/dist/components/badge.js +8 -1
  8. package/packages/ui/dist/components/badge.js.map +1 -1
  9. package/packages/ui/dist/components/button.d.mts +14 -1
  10. package/packages/ui/dist/components/button.js +59 -33
  11. package/packages/ui/dist/components/button.js.map +1 -1
  12. package/packages/ui/dist/components/command-menu.js +18 -15
  13. package/packages/ui/dist/components/command-menu.js.map +1 -1
  14. package/packages/ui/dist/components/data-table.d.mts +11 -3
  15. package/packages/ui/dist/components/data-table.js +50 -20
  16. package/packages/ui/dist/components/data-table.js.map +1 -1
  17. package/packages/ui/dist/components/dialog.d.mts +15 -2
  18. package/packages/ui/dist/components/dialog.js +18 -15
  19. package/packages/ui/dist/components/dialog.js.map +1 -1
  20. package/packages/ui/dist/components/input-file.d.mts +5 -1
  21. package/packages/ui/dist/components/input-file.js +127 -40
  22. package/packages/ui/dist/components/input-file.js.map +1 -1
  23. package/packages/ui/dist/components/input.d.mts +7 -1
  24. package/packages/ui/dist/components/input.js +98 -38
  25. package/packages/ui/dist/components/input.js.map +1 -1
  26. package/packages/ui/dist/components/sheet.d.mts +18 -5
  27. package/packages/ui/dist/components/sheet.js +22 -18
  28. package/packages/ui/dist/components/sheet.js.map +1 -1
  29. package/packages/ui/dist/components/status-alert.d.mts +36 -0
  30. package/packages/ui/dist/components/status-alert.js +267 -0
  31. package/packages/ui/dist/components/status-alert.js.map +1 -0
  32. package/packages/ui/dist/components/table.d.mts +9 -2
  33. package/packages/ui/dist/components/table.js +32 -11
  34. package/packages/ui/dist/components/table.js.map +1 -1
  35. package/packages/ui/dist/components/textarea.d.mts +14 -3
  36. package/packages/ui/dist/components/textarea.js +109 -10
  37. package/packages/ui/dist/components/textarea.js.map +1 -1
  38. package/packages/ui/dist/mycelia-ui.css +635 -48
  39. package/packages/ui/src/styles/globals.css +114 -8
package/mycelia-ui.css CHANGED
@@ -27,6 +27,7 @@
27
27
  --font-weight-normal: 400;
28
28
  --font-weight-medium: 500;
29
29
  --font-weight-semibold: 600;
30
+ --font-weight-bold: 700;
30
31
  --leading-snug: 1.375;
31
32
  --leading-normal: 1.5;
32
33
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
@@ -225,6 +226,12 @@
225
226
  .relative {
226
227
  position: relative;
227
228
  }
229
+ .static {
230
+ position: static;
231
+ }
232
+ .sticky {
233
+ position: sticky;
234
+ }
228
235
  .inset-0 {
229
236
  inset: calc(var(--spacing) * 0);
230
237
  }
@@ -327,6 +334,9 @@
327
334
  .col-span-full {
328
335
  grid-column: 1 / -1;
329
336
  }
337
+ .m-0 {
338
+ margin: calc(var(--spacing) * 0);
339
+ }
330
340
  .-mx-1 {
331
341
  margin-inline: calc(var(--spacing) * -1);
332
342
  }
@@ -363,6 +373,9 @@
363
373
  .mt-2 {
364
374
  margin-top: calc(var(--spacing) * 2);
365
375
  }
376
+ .mt-3 {
377
+ margin-top: calc(var(--spacing) * 3);
378
+ }
366
379
  .mt-4 {
367
380
  margin-top: calc(var(--spacing) * 4);
368
381
  }
@@ -372,6 +385,9 @@
372
385
  .-mr-2 {
373
386
  margin-right: calc(var(--spacing) * -2);
374
387
  }
388
+ .mb-2 {
389
+ margin-bottom: calc(var(--spacing) * 2);
390
+ }
375
391
  .mb-3 {
376
392
  margin-bottom: calc(var(--spacing) * 3);
377
393
  }
@@ -478,6 +494,10 @@
478
494
  width: 13.25px;
479
495
  height: 13.25px;
480
496
  }
497
+ .size-\[13px\] {
498
+ width: 13px;
499
+ height: 13px;
500
+ }
481
501
  .size-\[14px\] {
482
502
  width: 14px;
483
503
  height: 14px;
@@ -518,8 +538,8 @@
518
538
  .h-9 {
519
539
  height: calc(var(--spacing) * 9);
520
540
  }
521
- .h-24 {
522
- height: calc(var(--spacing) * 24);
541
+ .h-10 {
542
+ height: calc(var(--spacing) * 10);
523
543
  }
524
544
  .h-\[3px\] {
525
545
  height: 3px;
@@ -533,9 +553,6 @@
533
553
  .h-\[21px\] {
534
554
  height: 21px;
535
555
  }
536
- .h-\[38px\] {
537
- height: 38px;
538
- }
539
556
  .h-\[59px\] {
540
557
  height: 59px;
541
558
  }
@@ -578,6 +595,9 @@
578
595
  .max-h-\[120px\] {
579
596
  max-height: 120px;
580
597
  }
598
+ .max-h-\[min\(50vh\,280px\)\] {
599
+ max-height: min(50vh, 280px);
600
+ }
581
601
  .max-h-\[min\(100\%\,90dvh\)\] {
582
602
  max-height: min(100%, 90dvh);
583
603
  }
@@ -686,6 +706,9 @@
686
706
  .w-9 {
687
707
  width: calc(var(--spacing) * 9);
688
708
  }
709
+ .w-10 {
710
+ width: calc(var(--spacing) * 10);
711
+ }
689
712
  .w-16 {
690
713
  width: calc(var(--spacing) * 16);
691
714
  }
@@ -719,9 +742,15 @@
719
742
  .w-\[52px\] {
720
743
  width: 52px;
721
744
  }
745
+ .w-\[110px\] {
746
+ width: 110px;
747
+ }
722
748
  .w-\[133px\] {
723
749
  width: 133px;
724
750
  }
751
+ .w-\[150px\] {
752
+ width: 150px;
753
+ }
725
754
  .w-\[238px\] {
726
755
  width: 238px;
727
756
  }
@@ -782,6 +811,9 @@
782
811
  .max-w-\[200px\] {
783
812
  max-width: 200px;
784
813
  }
814
+ .max-w-\[239px\] {
815
+ max-width: 239px;
816
+ }
785
817
  .max-w-\[240px\] {
786
818
  max-width: 240px;
787
819
  }
@@ -999,6 +1031,9 @@
999
1031
  .grid-cols-1 {
1000
1032
  grid-template-columns: repeat(1, minmax(0, 1fr));
1001
1033
  }
1034
+ .grid-cols-2 {
1035
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1036
+ }
1002
1037
  .flex-col {
1003
1038
  flex-direction: column;
1004
1039
  }
@@ -1112,9 +1147,21 @@
1112
1147
  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1113
1148
  }
1114
1149
  }
1150
+ .gap-x-4 {
1151
+ column-gap: calc(var(--spacing) * 4);
1152
+ }
1153
+ .gap-x-6 {
1154
+ column-gap: calc(var(--spacing) * 6);
1155
+ }
1156
+ .gap-x-8 {
1157
+ column-gap: calc(var(--spacing) * 8);
1158
+ }
1115
1159
  .gap-x-10 {
1116
1160
  column-gap: calc(var(--spacing) * 10);
1117
1161
  }
1162
+ .gap-y-5 {
1163
+ row-gap: calc(var(--spacing) * 5);
1164
+ }
1118
1165
  .gap-y-6 {
1119
1166
  row-gap: calc(var(--spacing) * 6);
1120
1167
  }
@@ -1135,6 +1182,9 @@
1135
1182
  text-overflow: ellipsis;
1136
1183
  white-space: nowrap;
1137
1184
  }
1185
+ .overflow-clip {
1186
+ overflow: clip;
1187
+ }
1138
1188
  .overflow-hidden {
1139
1189
  overflow: hidden;
1140
1190
  }
@@ -1150,6 +1200,9 @@
1150
1200
  .overscroll-contain {
1151
1201
  overscroll-behavior: contain;
1152
1202
  }
1203
+ .\!rounded-none {
1204
+ border-radius: 0 !important;
1205
+ }
1153
1206
  .rounded {
1154
1207
  border-radius: 0.25rem;
1155
1208
  }
@@ -1189,6 +1242,9 @@
1189
1242
  .rounded-\[inherit\] {
1190
1243
  border-radius: inherit;
1191
1244
  }
1245
+ .rounded-\[length\:var\(--mila-data-table-radius\)\] {
1246
+ border-radius: var(--mila-data-table-radius);
1247
+ }
1192
1248
  .rounded-full {
1193
1249
  border-radius: calc(infinity * 1px);
1194
1250
  }
@@ -1208,18 +1264,6 @@
1208
1264
  border-top-left-radius: 10px;
1209
1265
  border-top-right-radius: 10px;
1210
1266
  }
1211
- .rounded-l-\[10px\] {
1212
- border-top-left-radius: 10px;
1213
- border-bottom-left-radius: 10px;
1214
- }
1215
- .rounded-r-\[10px\] {
1216
- border-top-right-radius: 10px;
1217
- border-bottom-right-radius: 10px;
1218
- }
1219
- .rounded-b-\[10px\] {
1220
- border-bottom-right-radius: 10px;
1221
- border-bottom-left-radius: 10px;
1222
- }
1223
1267
  .border {
1224
1268
  border-style: var(--tw-border-style);
1225
1269
  border-width: 1px;
@@ -1263,18 +1307,27 @@
1263
1307
  .border-\[color\:var\(--mila-accordion-border\)\] {
1264
1308
  border-color: var(--mila-accordion-border);
1265
1309
  }
1310
+ .border-\[color\:var\(--mila-account-menu-balance-border\)\] {
1311
+ border-color: var(--mila-account-menu-balance-border);
1312
+ }
1266
1313
  .border-\[color\:var\(--mila-alert-border\)\] {
1267
1314
  border-color: var(--mila-alert-border);
1268
1315
  }
1269
1316
  .border-\[color\:var\(--mila-alert-dialog-border\)\] {
1270
1317
  border-color: var(--mila-alert-dialog-border);
1271
1318
  }
1272
- .border-\[color\:var\(--mila-badge-error-number-border\)\] {
1273
- border-color: var(--mila-badge-error-number-border);
1319
+ .border-\[color\:var\(--mila-badge-error-border\)\] {
1320
+ border-color: var(--mila-badge-error-border);
1274
1321
  }
1275
1322
  .border-\[color\:var\(--mila-badge-outline-border\)\] {
1276
1323
  border-color: var(--mila-badge-outline-border);
1277
1324
  }
1325
+ .border-\[color\:var\(--mila-badge-partial-border\)\] {
1326
+ border-color: var(--mila-badge-partial-border);
1327
+ }
1328
+ .border-\[color\:var\(--mila-badge-success-light-border\)\] {
1329
+ border-color: var(--mila-badge-success-light-border);
1330
+ }
1278
1331
  .border-\[color\:var\(--mila-button-outline-border\)\] {
1279
1332
  border-color: var(--mila-button-outline-border);
1280
1333
  }
@@ -1299,6 +1352,12 @@
1299
1352
  .border-\[color\:var\(--mila-command-menu-border\)\] {
1300
1353
  border-color: var(--mila-command-menu-border);
1301
1354
  }
1355
+ .border-\[color\:var\(--mila-data-table-contour-border\)\] {
1356
+ border-color: var(--mila-data-table-contour-border);
1357
+ }
1358
+ .border-\[color\:var\(--mila-dialog-footer-border\)\] {
1359
+ border-color: var(--mila-dialog-footer-border);
1360
+ }
1302
1361
  .border-\[color\:var\(--mila-hover-card-border\)\] {
1303
1362
  border-color: var(--mila-hover-card-border);
1304
1363
  }
@@ -1338,9 +1397,6 @@
1338
1397
  .border-\[color\:var\(--mila-scroll-area-border\)\] {
1339
1398
  border-color: var(--mila-scroll-area-border);
1340
1399
  }
1341
- .border-\[color\:var\(--mila-separator\)\] {
1342
- border-color: var(--mila-separator);
1343
- }
1344
1400
  .border-\[color\:var\(--mila-sidebar-workspace-border\)\] {
1345
1401
  border-color: var(--mila-sidebar-workspace-border);
1346
1402
  }
@@ -1359,9 +1415,21 @@
1359
1415
  .border-\[color\:var\(--mila-sonner-close-border\)\] {
1360
1416
  border-color: var(--mila-sonner-close-border);
1361
1417
  }
1418
+ .border-\[color\:var\(--mila-status-alert-error-border\)\] {
1419
+ border-color: var(--mila-status-alert-error-border);
1420
+ }
1421
+ .border-\[color\:var\(--mila-status-alert-progress-border\)\] {
1422
+ border-color: var(--mila-status-alert-progress-border);
1423
+ }
1424
+ .border-\[color\:var\(--mila-status-alert-warning-border\)\] {
1425
+ border-color: var(--mila-status-alert-warning-border);
1426
+ }
1362
1427
  .border-\[color\:var\(--mila-table-border\)\] {
1363
1428
  border-color: var(--mila-table-border);
1364
1429
  }
1430
+ .border-\[color\:var\(--mila-textarea-readonly-links-border\)\] {
1431
+ border-color: var(--mila-textarea-readonly-links-border);
1432
+ }
1365
1433
  .border-background {
1366
1434
  border-color: var(--background);
1367
1435
  }
@@ -1395,6 +1463,15 @@
1395
1463
  .bg-\[\#f97316\] {
1396
1464
  background-color: #f97316;
1397
1465
  }
1466
+ .bg-\[color\:var\(--mila-account-menu-balance-bg\)\] {
1467
+ background-color: var(--mila-account-menu-balance-bg);
1468
+ }
1469
+ .bg-\[color\:var\(--mila-account-menu-disabled-bg\)\] {
1470
+ background-color: var(--mila-account-menu-disabled-bg);
1471
+ }
1472
+ .bg-\[color\:var\(--mila-account-menu-hover-bg\)\] {
1473
+ background-color: var(--mila-account-menu-hover-bg);
1474
+ }
1398
1475
  .bg-\[color\:var\(--mila-alert-dialog-bg\)\] {
1399
1476
  background-color: var(--mila-alert-dialog-bg);
1400
1477
  }
@@ -1404,18 +1481,27 @@
1404
1481
  .bg-\[color\:var\(--mila-badge-destructive-bg\)\] {
1405
1482
  background-color: var(--mila-badge-destructive-bg);
1406
1483
  }
1407
- .bg-\[color\:var\(--mila-badge-error-number-bg\)\] {
1408
- background-color: var(--mila-badge-error-number-bg);
1484
+ .bg-\[color\:var\(--mila-badge-error-bg\)\] {
1485
+ background-color: var(--mila-badge-error-bg);
1409
1486
  }
1410
1487
  .bg-\[color\:var\(--mila-badge-info-bg\)\] {
1411
1488
  background-color: var(--mila-badge-info-bg);
1412
1489
  }
1490
+ .bg-\[color\:var\(--mila-badge-partial-bg\)\] {
1491
+ background-color: var(--mila-badge-partial-bg);
1492
+ }
1413
1493
  .bg-\[color\:var\(--mila-badge-primary-bg\)\] {
1414
1494
  background-color: var(--mila-badge-primary-bg);
1415
1495
  }
1416
1496
  .bg-\[color\:var\(--mila-badge-secondary-bg\)\] {
1417
1497
  background-color: var(--mila-badge-secondary-bg);
1418
1498
  }
1499
+ .bg-\[color\:var\(--mila-badge-success-dark-bg\)\] {
1500
+ background-color: var(--mila-badge-success-dark-bg);
1501
+ }
1502
+ .bg-\[color\:var\(--mila-badge-success-light-bg\)\] {
1503
+ background-color: var(--mila-badge-success-light-bg);
1504
+ }
1419
1505
  .bg-\[color\:var\(--mila-button-destructive-bg\)\] {
1420
1506
  background-color: var(--mila-button-destructive-bg);
1421
1507
  }
@@ -1443,6 +1529,9 @@
1443
1529
  .bg-\[color\:var\(--mila-command-separator\)\] {
1444
1530
  background-color: var(--mila-command-separator);
1445
1531
  }
1532
+ .bg-\[color\:var\(--mila-data-table-empty-placeholder-bg\)\] {
1533
+ background-color: var(--mila-data-table-empty-placeholder-bg);
1534
+ }
1446
1535
  .bg-\[color\:var\(--mila-dialog-bg\)\] {
1447
1536
  background-color: var(--mila-dialog-bg);
1448
1537
  }
@@ -1521,6 +1610,15 @@
1521
1610
  .bg-\[color\:var\(--mila-sonner-close-bg\)\] {
1522
1611
  background-color: var(--mila-sonner-close-bg);
1523
1612
  }
1613
+ .bg-\[color\:var\(--mila-status-alert-error-bg\)\] {
1614
+ background-color: var(--mila-status-alert-error-bg);
1615
+ }
1616
+ .bg-\[color\:var\(--mila-status-alert-progress-bg\)\] {
1617
+ background-color: var(--mila-status-alert-progress-bg);
1618
+ }
1619
+ .bg-\[color\:var\(--mila-status-alert-warning-bg\)\] {
1620
+ background-color: var(--mila-status-alert-warning-bg);
1621
+ }
1524
1622
  .bg-\[color\:var\(--mila-switch-thumb\)\] {
1525
1623
  background-color: var(--mila-switch-thumb);
1526
1624
  }
@@ -1536,8 +1634,8 @@
1536
1634
  .bg-\[color\:var\(--mila-tabs-list-bg\)\] {
1537
1635
  background-color: var(--mila-tabs-list-bg);
1538
1636
  }
1539
- .bg-\[color\:var\(--mila-textarea-terms-bg\)\] {
1540
- background-color: var(--mila-textarea-terms-bg);
1637
+ .bg-\[color\:var\(--mila-textarea-readonly-links-bg\)\] {
1638
+ background-color: var(--mila-textarea-readonly-links-bg);
1541
1639
  }
1542
1640
  .bg-\[color\:var\(--mila-tooltip-bg\)\] {
1543
1641
  background-color: var(--mila-tooltip-bg);
@@ -1692,6 +1790,9 @@
1692
1790
  .pt-0\.5 {
1693
1791
  padding-top: calc(var(--spacing) * 0.5);
1694
1792
  }
1793
+ .pt-1 {
1794
+ padding-top: calc(var(--spacing) * 1);
1795
+ }
1695
1796
  .pt-1\.5 {
1696
1797
  padding-top: calc(var(--spacing) * 1.5);
1697
1798
  }
@@ -1710,6 +1811,9 @@
1710
1811
  .pt-\[3px\] {
1711
1812
  padding-top: 3px;
1712
1813
  }
1814
+ .pt-\[7px\] {
1815
+ padding-top: 7px;
1816
+ }
1713
1817
  .pt-px {
1714
1818
  padding-top: 1px;
1715
1819
  }
@@ -1728,6 +1832,9 @@
1728
1832
  .pr-12 {
1729
1833
  padding-right: calc(var(--spacing) * 12);
1730
1834
  }
1835
+ .pr-\[17px\] {
1836
+ padding-right: 17px;
1837
+ }
1731
1838
  .pb-0 {
1732
1839
  padding-bottom: calc(var(--spacing) * 0);
1733
1840
  }
@@ -1746,12 +1853,18 @@
1746
1853
  .pb-6 {
1747
1854
  padding-bottom: calc(var(--spacing) * 6);
1748
1855
  }
1856
+ .pb-\[5px\] {
1857
+ padding-bottom: 5px;
1858
+ }
1749
1859
  .pl-4 {
1750
1860
  padding-left: calc(var(--spacing) * 4);
1751
1861
  }
1752
1862
  .pl-8 {
1753
1863
  padding-left: calc(var(--spacing) * 8);
1754
1864
  }
1865
+ .pl-\[9px\] {
1866
+ padding-left: 9px;
1867
+ }
1755
1868
  .text-center {
1756
1869
  text-align: center;
1757
1870
  }
@@ -1767,6 +1880,12 @@
1767
1880
  .align-middle {
1768
1881
  vertical-align: middle;
1769
1882
  }
1883
+ .align-top {
1884
+ vertical-align: top;
1885
+ }
1886
+ .font-mono {
1887
+ font-family: var(--font-mono);
1888
+ }
1770
1889
  .font-sans {
1771
1890
  font-family: var(--font-sans);
1772
1891
  }
@@ -1815,6 +1934,10 @@
1815
1934
  --tw-leading: var(--leading-snug);
1816
1935
  line-height: var(--leading-snug);
1817
1936
  }
1937
+ .font-bold {
1938
+ --tw-font-weight: var(--font-weight-bold);
1939
+ font-weight: var(--font-weight-bold);
1940
+ }
1818
1941
  .font-medium {
1819
1942
  --tw-font-weight: var(--font-weight-medium);
1820
1943
  font-weight: var(--font-weight-medium);
@@ -1857,6 +1980,15 @@
1857
1980
  .text-\[color\:var\(--mila-accordion-trigger-fg\)\] {
1858
1981
  color: var(--mila-accordion-trigger-fg);
1859
1982
  }
1983
+ .text-\[color\:var\(--mila-account-menu-balance-fg\)\] {
1984
+ color: var(--mila-account-menu-balance-fg);
1985
+ }
1986
+ .text-\[color\:var\(--mila-account-menu-name-disabled-fg\)\] {
1987
+ color: var(--mila-account-menu-name-disabled-fg);
1988
+ }
1989
+ .text-\[color\:var\(--mila-account-menu-name-fg\)\] {
1990
+ color: var(--mila-account-menu-name-fg);
1991
+ }
1860
1992
  .text-\[color\:var\(--mila-alert-dialog-description-fg\)\] {
1861
1993
  color: var(--mila-alert-dialog-description-fg);
1862
1994
  }
@@ -1878,18 +2010,27 @@
1878
2010
  .text-\[color\:var\(--mila-badge-destructive-fg\)\] {
1879
2011
  color: var(--mila-badge-destructive-fg);
1880
2012
  }
1881
- .text-\[color\:var\(--mila-badge-error-number-fg\)\] {
1882
- color: var(--mila-badge-error-number-fg);
2013
+ .text-\[color\:var\(--mila-badge-error-fg\)\] {
2014
+ color: var(--mila-badge-error-fg);
1883
2015
  }
1884
2016
  .text-\[color\:var\(--mila-badge-info-fg\)\] {
1885
2017
  color: var(--mila-badge-info-fg);
1886
2018
  }
2019
+ .text-\[color\:var\(--mila-badge-partial-fg\)\] {
2020
+ color: var(--mila-badge-partial-fg);
2021
+ }
1887
2022
  .text-\[color\:var\(--mila-badge-primary-fg\)\] {
1888
2023
  color: var(--mila-badge-primary-fg);
1889
2024
  }
1890
2025
  .text-\[color\:var\(--mila-badge-secondary-fg\)\] {
1891
2026
  color: var(--mila-badge-secondary-fg);
1892
2027
  }
2028
+ .text-\[color\:var\(--mila-badge-success-dark-fg\)\] {
2029
+ color: var(--mila-badge-success-dark-fg);
2030
+ }
2031
+ .text-\[color\:var\(--mila-badge-success-light-fg\)\] {
2032
+ color: var(--mila-badge-success-light-fg);
2033
+ }
1893
2034
  .text-\[color\:var\(--mila-breadcrumb-current-fg\)\] {
1894
2035
  color: var(--mila-breadcrumb-current-fg);
1895
2036
  }
@@ -1905,6 +2046,9 @@
1905
2046
  .text-\[color\:var\(--mila-button-ghost-fg\)\] {
1906
2047
  color: var(--mila-button-ghost-fg);
1907
2048
  }
2049
+ .text-\[color\:var\(--mila-button-helper-fg\)\] {
2050
+ color: var(--mila-button-helper-fg);
2051
+ }
1908
2052
  .text-\[color\:var\(--mila-button-outline-fg\)\] {
1909
2053
  color: var(--mila-button-outline-fg);
1910
2054
  }
@@ -1953,6 +2097,9 @@
1953
2097
  .text-\[color\:var\(--mila-command-item-text\)\] {
1954
2098
  color: var(--mila-command-item-text);
1955
2099
  }
2100
+ .text-\[color\:var\(--mila-data-table-empty-fg\)\] {
2101
+ color: var(--mila-data-table-empty-fg);
2102
+ }
1956
2103
  .text-\[color\:var\(--mila-dialog-close-fg\)\] {
1957
2104
  color: var(--mila-dialog-close-fg);
1958
2105
  }
@@ -1980,6 +2127,9 @@
1980
2127
  .text-\[color\:var\(--mila-icon-button-secondary-fg\)\] {
1981
2128
  color: var(--mila-icon-button-secondary-fg);
1982
2129
  }
2130
+ .text-\[color\:var\(--mila-input-error-message-fg\)\] {
2131
+ color: var(--mila-input-error-message-fg);
2132
+ }
1983
2133
  .text-\[color\:var\(--mila-input-placeholder\)\] {
1984
2134
  color: var(--mila-input-placeholder);
1985
2135
  }
@@ -2049,6 +2199,18 @@
2049
2199
  .text-\[color\:var\(--mila-sonner-title-fg\)\] {
2050
2200
  color: var(--mila-sonner-title-fg);
2051
2201
  }
2202
+ .text-\[color\:var\(--mila-status-alert-error-fg\)\] {
2203
+ color: var(--mila-status-alert-error-fg);
2204
+ }
2205
+ .text-\[color\:var\(--mila-status-alert-progress-fg\)\] {
2206
+ color: var(--mila-status-alert-progress-fg);
2207
+ }
2208
+ .text-\[color\:var\(--mila-status-alert-warning-fg\)\] {
2209
+ color: var(--mila-status-alert-warning-fg);
2210
+ }
2211
+ .text-\[color\:var\(--mila-status-alert-warning-title-fg\)\] {
2212
+ color: var(--mila-status-alert-warning-title-fg);
2213
+ }
2052
2214
  .text-\[color\:var\(--mila-table-cell-fg\)\] {
2053
2215
  color: var(--mila-table-cell-fg);
2054
2216
  }
@@ -2061,8 +2223,11 @@
2061
2223
  .text-\[color\:var\(--mila-tabs-trigger-fg\)\] {
2062
2224
  color: var(--mila-tabs-trigger-fg);
2063
2225
  }
2064
- .text-\[color\:var\(--mila-textarea-terms-fg\)\] {
2065
- color: var(--mila-textarea-terms-fg);
2226
+ .text-\[color\:var\(--mila-textarea-helper-fg\)\] {
2227
+ color: var(--mila-textarea-helper-fg);
2228
+ }
2229
+ .text-\[color\:var\(--mila-textarea-readonly-links-fg\)\] {
2230
+ color: var(--mila-textarea-readonly-links-fg);
2066
2231
  }
2067
2232
  .text-\[color\:var\(--mila-tooltip-fg\)\] {
2068
2233
  color: var(--mila-tooltip-fg);
@@ -2079,6 +2244,9 @@
2079
2244
  .text-sidebar-foreground {
2080
2245
  color: var(--sidebar-foreground);
2081
2246
  }
2247
+ .italic {
2248
+ font-style: italic;
2249
+ }
2082
2250
  .tabular-nums {
2083
2251
  --tw-numeric-spacing: tabular-nums;
2084
2252
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
@@ -2126,6 +2294,10 @@
2126
2294
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2127
2295
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2128
2296
  }
2297
+ .shadow-\[0_0_0_3px_var\(--mila-account-menu-focus-ring\)\] {
2298
+ --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--mila-account-menu-focus-ring));
2299
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2300
+ }
2129
2301
  .shadow-\[0_1px_2px_0_rgba\(0\,0\,0\,0\.05\)\] {
2130
2302
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0,0,0,0.05));
2131
2303
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2170,6 +2342,10 @@
2170
2342
  --tw-shadow: var(--mila-command-menu-shadow);
2171
2343
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2172
2344
  }
2345
+ .shadow-\[var\(--mila-dialog-footer-sticky-shadow\)\] {
2346
+ --tw-shadow: var(--mila-dialog-footer-sticky-shadow);
2347
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2348
+ }
2173
2349
  .shadow-\[var\(--mila-dialog-shadow\)\] {
2174
2350
  --tw-shadow: var(--mila-dialog-shadow);
2175
2351
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2248,6 +2424,11 @@
2248
2424
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2249
2425
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2250
2426
  }
2427
+ .transition-\[background-color\,box-shadow\,color\] {
2428
+ transition-property: background-color,box-shadow,color;
2429
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2430
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2431
+ }
2251
2432
  .transition-\[background-color\,color\,opacity\] {
2252
2433
  transition-property: background-color,color,opacity;
2253
2434
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2350,6 +2531,21 @@
2350
2531
  .\[scrollbar-width\:thin\] {
2351
2532
  scrollbar-width: thin;
2352
2533
  }
2534
+ .group-disabled\:border-\[color\:var\(--mila-account-menu-balance-border-disabled\)\] {
2535
+ &:is(:where(.group):disabled *) {
2536
+ border-color: var(--mila-account-menu-balance-border-disabled);
2537
+ }
2538
+ }
2539
+ .group-disabled\:bg-\[color\:var\(--mila-account-menu-balance-bg-disabled\)\] {
2540
+ &:is(:where(.group):disabled *) {
2541
+ background-color: var(--mila-account-menu-balance-bg-disabled);
2542
+ }
2543
+ }
2544
+ .group-disabled\:text-\[color\:var\(--mila-account-menu-balance-fg-disabled\)\] {
2545
+ &:is(:where(.group):disabled *) {
2546
+ color: var(--mila-account-menu-balance-fg-disabled);
2547
+ }
2548
+ }
2353
2549
  .group-data-\[panel-group-direction\=vertical\]\:h-3 {
2354
2550
  &:is(:where(.group)[data-panel-group-direction="vertical"] *) {
2355
2551
  height: calc(var(--spacing) * 3);
@@ -2487,12 +2683,31 @@
2487
2683
  inset-block: calc(var(--spacing) * 0);
2488
2684
  }
2489
2685
  }
2686
+ .after\:right-\[5px\] {
2687
+ &::after {
2688
+ content: var(--tw-content);
2689
+ right: 5px;
2690
+ }
2691
+ }
2692
+ .after\:bottom-\[5px\] {
2693
+ &::after {
2694
+ content: var(--tw-content);
2695
+ bottom: 5px;
2696
+ }
2697
+ }
2490
2698
  .after\:left-1\/2 {
2491
2699
  &::after {
2492
2700
  content: var(--tw-content);
2493
2701
  left: calc(1 / 2 * 100%);
2494
2702
  }
2495
2703
  }
2704
+ .after\:size-\[7px\] {
2705
+ &::after {
2706
+ content: var(--tw-content);
2707
+ width: 7px;
2708
+ height: 7px;
2709
+ }
2710
+ }
2496
2711
  .after\:w-px {
2497
2712
  &::after {
2498
2713
  content: var(--tw-content);
@@ -2512,6 +2727,18 @@
2512
2727
  background-color: var(--mila-resizable-divider);
2513
2728
  }
2514
2729
  }
2730
+ .after\:opacity-50 {
2731
+ &::after {
2732
+ content: var(--tw-content);
2733
+ opacity: 50%;
2734
+ }
2735
+ }
2736
+ .after\:\[background\:repeating-linear-gradient\(135deg\,transparent_0_2px\,var\(--mila-textarea-scrollbar-thumb\)_2px_3px\,transparent_3px_5px\)\] {
2737
+ &::after {
2738
+ content: var(--tw-content);
2739
+ background: repeating-linear-gradient(135deg,transparent 0 2px,var(--mila-textarea-scrollbar-thumb) 2px 3px,transparent 3px 5px);
2740
+ }
2741
+ }
2515
2742
  .last\:mb-0 {
2516
2743
  &:last-child {
2517
2744
  margin-bottom: calc(var(--spacing) * 0);
@@ -2553,6 +2780,13 @@
2553
2780
  }
2554
2781
  }
2555
2782
  }
2783
+ .hover\:bg-\[color\:var\(--mila-account-menu-hover-bg\)\] {
2784
+ &:hover {
2785
+ @media (hover: hover) {
2786
+ background-color: var(--mila-account-menu-hover-bg);
2787
+ }
2788
+ }
2789
+ }
2556
2790
  .hover\:bg-\[color\:var\(--mila-button-destructive-hover\)\] {
2557
2791
  &:hover {
2558
2792
  @media (hover: hover) {
@@ -2817,9 +3051,14 @@
2817
3051
  background-color: var(--mila-icon-button-primary-bg);
2818
3052
  }
2819
3053
  }
2820
- .focus-visible\:text-\[color\:var\(--mila-badge-error-number-fg-focus\)\] {
3054
+ .focus-visible\:bg-transparent {
3055
+ &:focus-visible {
3056
+ background-color: transparent;
3057
+ }
3058
+ }
3059
+ .focus-visible\:text-\[color\:var\(--mila-badge-error-fg-focus\)\] {
2821
3060
  &:focus-visible {
2822
- color: var(--mila-badge-error-number-fg-focus);
3061
+ color: var(--mila-badge-error-fg-focus);
2823
3062
  }
2824
3063
  }
2825
3064
  .focus-visible\:text-\[color\:var\(--mila-input-text-focus\)\] {
@@ -2832,6 +3071,18 @@
2832
3071
  text-decoration-line: none;
2833
3072
  }
2834
3073
  }
3074
+ .focus-visible\:shadow-\[0_0_0_3px_var\(--mila-account-menu-focus-ring\)\] {
3075
+ &:focus-visible {
3076
+ --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--mila-account-menu-focus-ring));
3077
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3078
+ }
3079
+ }
3080
+ .focus-visible\:shadow-\[0_0_0_3px_var\(--mila-badge-focus-ring\)\] {
3081
+ &:focus-visible {
3082
+ --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--mila-badge-focus-ring));
3083
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3084
+ }
3085
+ }
2835
3086
  .focus-visible\:shadow-\[0_0_0_3px_var\(--mila-nav-menu-trigger-focus-ring\)\] {
2836
3087
  &:focus-visible {
2837
3088
  --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--mila-nav-menu-trigger-focus-ring));
@@ -3010,6 +3261,16 @@
3010
3261
  text-decoration-line: underline;
3011
3262
  }
3012
3263
  }
3264
+ .enabled\:bg-\[color\:var\(--mila-textarea-terms-bg\)\] {
3265
+ &:enabled {
3266
+ background-color: var(--mila-textarea-terms-bg);
3267
+ }
3268
+ }
3269
+ .enabled\:text-\[color\:var\(--mila-textarea-terms-fg\)\] {
3270
+ &:enabled {
3271
+ color: var(--mila-textarea-terms-fg);
3272
+ }
3273
+ }
3013
3274
  .enabled\:not-placeholder-shown\:border-\[color\:var\(--mila-input-border\)\] {
3014
3275
  &:enabled {
3015
3276
  &:not(*:placeholder-shown) {
@@ -3034,6 +3295,11 @@
3034
3295
  cursor: not-allowed;
3035
3296
  }
3036
3297
  }
3298
+ .disabled\:resize-none {
3299
+ &:disabled {
3300
+ resize: none;
3301
+ }
3302
+ }
3037
3303
  .disabled\:border-\[color\:var\(--mila-button-outline-disabled-border\)\] {
3038
3304
  &:disabled {
3039
3305
  border-color: var(--mila-button-outline-disabled-border);
@@ -3059,6 +3325,16 @@
3059
3325
  border-color: var(--mila-radio-border-disabled);
3060
3326
  }
3061
3327
  }
3328
+ .disabled\:border-\[color\:var\(--mila-textarea-disabled-border\)\] {
3329
+ &:disabled {
3330
+ border-color: var(--mila-textarea-disabled-border);
3331
+ }
3332
+ }
3333
+ .disabled\:bg-\[color\:var\(--mila-account-menu-disabled-bg\)\] {
3334
+ &:disabled {
3335
+ background-color: var(--mila-account-menu-disabled-bg);
3336
+ }
3337
+ }
3062
3338
  .disabled\:bg-\[color\:var\(--mila-button-disabled-bg\)\] {
3063
3339
  &:disabled {
3064
3340
  background-color: var(--mila-button-disabled-bg);
@@ -3079,11 +3355,21 @@
3079
3355
  background-color: var(--mila-input-bg-disabled);
3080
3356
  }
3081
3357
  }
3358
+ .disabled\:bg-\[color\:var\(--mila-textarea-disabled-bg\)\] {
3359
+ &:disabled {
3360
+ background-color: var(--mila-textarea-disabled-bg);
3361
+ }
3362
+ }
3082
3363
  .disabled\:bg-transparent {
3083
3364
  &:disabled {
3084
3365
  background-color: transparent;
3085
3366
  }
3086
3367
  }
3368
+ .disabled\:text-\[color\:var\(--mila-account-menu-name-disabled-fg\)\] {
3369
+ &:disabled {
3370
+ color: var(--mila-account-menu-name-disabled-fg);
3371
+ }
3372
+ }
3087
3373
  .disabled\:text-\[color\:var\(--mila-button-disabled-fg\)\] {
3088
3374
  &:disabled {
3089
3375
  color: var(--mila-button-disabled-fg);
@@ -3099,6 +3385,11 @@
3099
3385
  color: var(--mila-input-text-disabled);
3100
3386
  }
3101
3387
  }
3388
+ .disabled\:text-\[color\:var\(--mila-textarea-disabled-fg\)\] {
3389
+ &:disabled {
3390
+ color: var(--mila-textarea-disabled-fg);
3391
+ }
3392
+ }
3102
3393
  .disabled\:opacity-50 {
3103
3394
  &:disabled {
3104
3395
  opacity: 50%;
@@ -3201,6 +3492,33 @@
3201
3492
  border-color: var(--mila-input-border-error);
3202
3493
  }
3203
3494
  }
3495
+ .has-\[input\[aria-invalid\]\]\:border-\[color\:var\(--mila-input-file-border-error\)\] {
3496
+ &:has(*:is(input[aria-invalid])) {
3497
+ border-color: var(--mila-input-file-border-error);
3498
+ }
3499
+ }
3500
+ .has-\[input\[aria-invalid\]\]\:focus-within\:border-\[color\:var\(--mila-input-border-error\)\] {
3501
+ &:has(*:is(input[aria-invalid])) {
3502
+ &:focus-within {
3503
+ border-color: var(--mila-input-border-error);
3504
+ }
3505
+ }
3506
+ }
3507
+ .has-\[input\[aria-invalid\]\]\:focus-within\:border-\[color\:var\(--mila-input-file-border-error\)\] {
3508
+ &:has(*:is(input[aria-invalid])) {
3509
+ &:focus-within {
3510
+ border-color: var(--mila-input-file-border-error);
3511
+ }
3512
+ }
3513
+ }
3514
+ .has-\[input\[aria-invalid\]\]\:focus-within\:ring-\[3px\] {
3515
+ &:has(*:is(input[aria-invalid])) {
3516
+ &:focus-within {
3517
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3518
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3519
+ }
3520
+ }
3521
+ }
3204
3522
  .has-\[input\[aria-invalid\]\]\:focus-within\:ring-\[color\:var\(--mila-input-ring-error\)\] {
3205
3523
  &:has(*:is(input[aria-invalid])) {
3206
3524
  &:focus-within {
@@ -3228,6 +3546,11 @@
3228
3546
  border-color: var(--mila-input-border-error);
3229
3547
  }
3230
3548
  }
3549
+ .aria-invalid\:border-\[color\:var\(--mila-textarea-border-error\)\] {
3550
+ &[aria-invalid="true"] {
3551
+ border-color: var(--mila-textarea-border-error);
3552
+ }
3553
+ }
3231
3554
  .aria-invalid\:text-\[color\:var\(--mila-input-border-error\)\] {
3232
3555
  &[aria-invalid="true"] {
3233
3556
  color: var(--mila-input-border-error);
@@ -3238,6 +3561,20 @@
3238
3561
  color: var(--mila-input-text-error);
3239
3562
  }
3240
3563
  }
3564
+ .aria-invalid\:focus-visible\:border-\[color\:var\(--mila-input-border-error\)\] {
3565
+ &[aria-invalid="true"] {
3566
+ &:focus-visible {
3567
+ border-color: var(--mila-input-border-error);
3568
+ }
3569
+ }
3570
+ }
3571
+ .aria-invalid\:focus-visible\:border-\[color\:var\(--mila-textarea-border-error\)\] {
3572
+ &[aria-invalid="true"] {
3573
+ &:focus-visible {
3574
+ border-color: var(--mila-textarea-border-error);
3575
+ }
3576
+ }
3577
+ }
3241
3578
  .aria-invalid\:focus-visible\:text-\[color\:var\(--mila-input-text-error\)\] {
3242
3579
  &[aria-invalid="true"] {
3243
3580
  &:focus-visible {
@@ -3260,6 +3597,24 @@
3260
3597
  }
3261
3598
  }
3262
3599
  }
3600
+ .aria-invalid\:enabled\:not-placeholder-shown\:border-\[color\:var\(--mila-input-border-error\)\] {
3601
+ &[aria-invalid="true"] {
3602
+ &:enabled {
3603
+ &:not(*:placeholder-shown) {
3604
+ border-color: var(--mila-input-border-error);
3605
+ }
3606
+ }
3607
+ }
3608
+ }
3609
+ .aria-invalid\:enabled\:not-placeholder-shown\:border-\[color\:var\(--mila-textarea-border-error\)\] {
3610
+ &[aria-invalid="true"] {
3611
+ &:enabled {
3612
+ &:not(*:placeholder-shown) {
3613
+ border-color: var(--mila-textarea-border-error);
3614
+ }
3615
+ }
3616
+ }
3617
+ }
3263
3618
  .data-\[disabled\]\:pointer-events-none {
3264
3619
  &[data-disabled] {
3265
3620
  pointer-events: none;
@@ -3725,6 +4080,11 @@
3725
4080
  animation: mila-accordion-down 0.2s ease-out;
3726
4081
  }
3727
4082
  }
4083
+ .data-\[state\=open\]\:bg-\[color\:var\(--mila-account-menu-hover-bg\)\] {
4084
+ &[data-state="open"] {
4085
+ background-color: var(--mila-account-menu-hover-bg);
4086
+ }
4087
+ }
3728
4088
  .data-\[state\=open\]\:text-\[color\:var\(--mila-nav-menu-trigger-fg-open\)\] {
3729
4089
  &[data-state="open"] {
3730
4090
  color: var(--mila-nav-menu-trigger-fg-open);
@@ -3736,6 +4096,12 @@
3736
4096
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3737
4097
  }
3738
4098
  }
4099
+ .data-\[state\=open\]\:shadow-none {
4100
+ &[data-state="open"] {
4101
+ --tw-shadow: 0 0 #0000;
4102
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4103
+ }
4104
+ }
3739
4105
  .data-\[state\=open\]\:duration-200 {
3740
4106
  &[data-state="open"] {
3741
4107
  --tw-duration: 200ms;
@@ -3830,6 +4196,11 @@
3830
4196
  grid-template-columns: repeat(2, minmax(0, 1fr));
3831
4197
  }
3832
4198
  }
4199
+ .sm\:grid-cols-4 {
4200
+ @media (width >= 40rem) {
4201
+ grid-template-columns: repeat(4, minmax(0, 1fr));
4202
+ }
4203
+ }
3833
4204
  .sm\:flex-row {
3834
4205
  @media (width >= 40rem) {
3835
4206
  flex-direction: row;
@@ -4077,6 +4448,28 @@
4077
4448
  color: var(--mila-command-group-heading);
4078
4449
  }
4079
4450
  }
4451
+ .data-\[state\=open\]\:\[\&_\[data-slot\=account-menu-chevron\]\]\:rotate-180 {
4452
+ &[data-state="open"] {
4453
+ & [data-slot=account-menu-chevron] {
4454
+ rotate: 180deg;
4455
+ }
4456
+ }
4457
+ }
4458
+ .\[\&_\[data-slot\=alert-icon\]\]\:text-\[color\:var\(--mila-status-alert-error-fg\)\] {
4459
+ & [data-slot=alert-icon] {
4460
+ color: var(--mila-status-alert-error-fg);
4461
+ }
4462
+ }
4463
+ .\[\&_\[data-slot\=alert-icon\]\]\:text-\[color\:var\(--mila-status-alert-progress-fg\)\] {
4464
+ & [data-slot=alert-icon] {
4465
+ color: var(--mila-status-alert-progress-fg);
4466
+ }
4467
+ }
4468
+ .\[\&_\[data-slot\=alert-icon\]\]\:text-\[color\:var\(--mila-status-alert-warning-fg\)\] {
4469
+ & [data-slot=alert-icon] {
4470
+ color: var(--mila-status-alert-warning-fg);
4471
+ }
4472
+ }
4080
4473
  .\[\&_\[data-slot\=input-otp-slot\]\]\:-ml-px {
4081
4474
  & [data-slot=input-otp-slot] {
4082
4475
  margin-left: -1px;
@@ -4104,6 +4497,49 @@
4104
4497
  border-bottom-right-radius: var(--radius);
4105
4498
  }
4106
4499
  }
4500
+ .\[\&_a\]\:cursor-pointer {
4501
+ & a {
4502
+ cursor: pointer;
4503
+ }
4504
+ }
4505
+ .\[\&_a\]\:text-\[color\:var\(--mila-textarea-readonly-links-fg\)\] {
4506
+ & a {
4507
+ color: var(--mila-textarea-readonly-links-fg);
4508
+ }
4509
+ }
4510
+ .\[\&_a\]\:underline {
4511
+ & a {
4512
+ text-decoration-line: underline;
4513
+ }
4514
+ }
4515
+ .\[\&_a\]\:outline-offset-2 {
4516
+ & a {
4517
+ outline-offset: 2px;
4518
+ }
4519
+ }
4520
+ .\[\&_a\]\:focus-visible\:outline {
4521
+ & a {
4522
+ &:focus-visible {
4523
+ outline-style: var(--tw-outline-style);
4524
+ outline-width: 1px;
4525
+ }
4526
+ }
4527
+ }
4528
+ .\[\&_a\]\:focus-visible\:outline-2 {
4529
+ & a {
4530
+ &:focus-visible {
4531
+ outline-style: var(--tw-outline-style);
4532
+ outline-width: 2px;
4533
+ }
4534
+ }
4535
+ }
4536
+ .\[\&_a\]\:focus-visible\:outline-\[color\:var\(--mila-input-ring-focus\)\] {
4537
+ & a {
4538
+ &:focus-visible {
4539
+ outline-color: var(--mila-input-ring-focus);
4540
+ }
4541
+ }
4542
+ }
4107
4543
  .\[\&_img\]\:block {
4108
4544
  & img {
4109
4545
  display: block;
@@ -4195,8 +4631,62 @@
4195
4631
  flex-shrink: 0;
4196
4632
  }
4197
4633
  }
4198
- .\[\&_tr\:hover\:not\(\[data-state\=selected\]\)_td\]\:bg-\[color\:var\(--mila-data-table-row-hover-bg\)\] {
4199
- & tr:hover:not([data-state=selected]) td {
4634
+ .\[\&_tbody_tr\:last-child\:not\(\[data-empty-state\]\)_td\:first-child\]\:rounded-bl-\[length\:var\(--mila-data-table-radius\)\] {
4635
+ & tbody tr:last-child:not([data-empty-state]) td:first-child {
4636
+ border-bottom-left-radius: var(--mila-data-table-radius);
4637
+ }
4638
+ }
4639
+ .\[\&_tbody_tr\:last-child\:not\(\[data-empty-state\]\)_td\:last-child\]\:rounded-br-\[length\:var\(--mila-data-table-radius\)\] {
4640
+ & tbody tr:last-child:not([data-empty-state]) td:last-child {
4641
+ border-bottom-right-radius: var(--mila-data-table-radius);
4642
+ }
4643
+ }
4644
+ .\[\&_tbody_tr\[data-empty-state\]_td\]\:rounded-b-\[length\:var\(--mila-data-table-radius\)\] {
4645
+ & tbody tr[data-empty-state] td {
4646
+ border-bottom-right-radius: var(--mila-data-table-radius);
4647
+ border-bottom-left-radius: var(--mila-data-table-radius);
4648
+ }
4649
+ }
4650
+ .\[\&_td\]\:border-\[color\:var\(--mila-data-table-contour-border\)\] {
4651
+ & td {
4652
+ border-color: var(--mila-data-table-contour-border);
4653
+ }
4654
+ }
4655
+ .\[\&_th\]\:border-\[color\:var\(--mila-data-table-contour-border\)\] {
4656
+ & th {
4657
+ border-color: var(--mila-data-table-contour-border);
4658
+ }
4659
+ }
4660
+ .\[\&_th\]\:text-sm {
4661
+ & th {
4662
+ font-size: var(--text-sm);
4663
+ line-height: var(--tw-leading, var(--text-sm--line-height));
4664
+ }
4665
+ }
4666
+ .\[\&_th\]\:font-medium {
4667
+ & th {
4668
+ --tw-font-weight: var(--font-weight-medium);
4669
+ font-weight: var(--font-weight-medium);
4670
+ }
4671
+ }
4672
+ .\[\&_th\]\:tracking-\[0\.07px\] {
4673
+ & th {
4674
+ --tw-tracking: 0.07px;
4675
+ letter-spacing: 0.07px;
4676
+ }
4677
+ }
4678
+ .\[\&_thead_tr\:first-child_th\:first-child\]\:rounded-tl-\[length\:var\(--mila-data-table-radius\)\] {
4679
+ & thead tr:first-child th:first-child {
4680
+ border-top-left-radius: var(--mila-data-table-radius);
4681
+ }
4682
+ }
4683
+ .\[\&_thead_tr\:first-child_th\:last-child\]\:rounded-tr-\[length\:var\(--mila-data-table-radius\)\] {
4684
+ & thead tr:first-child th:last-child {
4685
+ border-top-right-radius: var(--mila-data-table-radius);
4686
+ }
4687
+ }
4688
+ .\[\&_tr\:hover\:not\(\[data-state\=selected\]\)\:not\(\[data-empty-state\]\)_td\]\:bg-\[color\:var\(--mila-data-table-row-hover-bg\)\] {
4689
+ & tr:hover:not([data-state=selected]):not([data-empty-state]) td {
4200
4690
  background-color: var(--mila-data-table-row-hover-bg);
4201
4691
  }
4202
4692
  }
@@ -4205,8 +4695,8 @@
4205
4695
  background-color: var(--mila-table-row-even-bg);
4206
4696
  }
4207
4697
  }
4208
- .\[\&_tr\:nth-child\(even\)\:not\(\[data-state\=selected\]\)_td\]\:bg-\[color\:var\(--mila-table-row-even-bg\)\] {
4209
- & tr:nth-child(even):not([data-state=selected]) td {
4698
+ .\[\&_tr\:nth-child\(even\)\:not\(\[data-state\=selected\]\)\:not\(\[data-empty-state\]\)_td\]\:bg-\[color\:var\(--mila-table-row-even-bg\)\] {
4699
+ & tr:nth-child(even):not([data-state=selected]):not([data-empty-state]) td {
4210
4700
  background-color: var(--mila-table-row-even-bg);
4211
4701
  }
4212
4702
  }
@@ -4215,13 +4705,13 @@
4215
4705
  background-color: var(--mila-table-row-odd-bg);
4216
4706
  }
4217
4707
  }
4218
- .\[\&_tr\:nth-child\(odd\)\:not\(\[data-state\=selected\]\)_td\]\:bg-\[color\:var\(--mila-table-row-odd-bg\)\] {
4219
- & tr:nth-child(odd):not([data-state=selected]) td {
4708
+ .\[\&_tr\:nth-child\(odd\)\:not\(\[data-state\=selected\]\)\:not\(\[data-empty-state\]\)_td\]\:bg-\[color\:var\(--mila-table-row-odd-bg\)\] {
4709
+ & tr:nth-child(odd):not([data-state=selected]):not([data-empty-state]) td {
4220
4710
  background-color: var(--mila-table-row-odd-bg);
4221
4711
  }
4222
4712
  }
4223
- .\[\&_tr\[data-state\=selected\]_td\]\:bg-\[color\:var\(--mila-data-table-row-selected-bg\)\] {
4224
- & tr[data-state=selected] td {
4713
+ .\[\&_tr\[data-state\=selected\]\:not\(\[data-empty-state\]\)_td\]\:bg-\[color\:var\(--mila-data-table-row-selected-bg\)\] {
4714
+ & tr[data-state=selected]:not([data-empty-state]) td {
4225
4715
  background-color: var(--mila-data-table-row-selected-bg);
4226
4716
  }
4227
4717
  }
@@ -4793,7 +5283,9 @@
4793
5283
  --mila-input-border-focus: #662e7d;
4794
5284
  --mila-input-ring-focus: #e0cee4;
4795
5285
  --mila-input-border-error: #cf0c0d;
5286
+ --mila-input-file-border-error: #ef1314;
4796
5287
  --mila-input-ring-error: #ff9c9d;
5288
+ --mila-input-error-message-fg: #b91c1c;
4797
5289
  --mila-input-bg-disabled: #dde3e8;
4798
5290
  --mila-input-placeholder: #50565f;
4799
5291
  --mila-input-text-value: #662e7d;
@@ -4852,6 +5344,8 @@
4852
5344
  --mila-dialog-close-fg: #171717;
4853
5345
  --mila-dialog-close-focus-ring: #e0cee4;
4854
5346
  --mila-dialog-content-focus-ring: #e0cee4;
5347
+ --mila-dialog-footer-border: #e5e5e5;
5348
+ --mila-dialog-footer-sticky-shadow: 0 -4px 6px -1px rgb(0 0 0 / 0.1), 0 -2px 4px -2px rgb(0 0 0 / 0.1);
4855
5349
  --mila-drawer-handle-bg: #f5f5f5;
4856
5350
  --mila-alert-dialog-bg: #ffffff;
4857
5351
  --mila-alert-dialog-border: #e5e5e5;
@@ -4901,9 +5395,21 @@
4901
5395
  --mila-data-table-header-hover-bg: #f5f5f5;
4902
5396
  --mila-data-table-row-hover-bg: #f5f5f5;
4903
5397
  --mila-data-table-row-selected-bg: #e5e5e5;
5398
+ --mila-data-table-empty-placeholder-bg: #eef1f4;
5399
+ --mila-data-table-empty-fg: #8690a5;
5400
+ --mila-data-table-contour-border: #cbcdc8;
5401
+ --mila-data-table-radius: 10px;
4904
5402
  --mila-textarea-terms-bg: #edf0f2;
4905
5403
  --mila-textarea-terms-fg: #191a1e;
4906
5404
  --mila-textarea-scrollbar-thumb: #777f92;
5405
+ --mila-textarea-helper-fg: #6a6a64;
5406
+ --mila-textarea-border-error: #ef1314;
5407
+ --mila-textarea-disabled-bg: #edf0f2;
5408
+ --mila-textarea-disabled-border: #8690a5;
5409
+ --mila-textarea-disabled-fg: #191a1e;
5410
+ --mila-textarea-readonly-links-bg: #faf6fd;
5411
+ --mila-textarea-readonly-links-border: #ead8f6;
5412
+ --mila-textarea-readonly-links-fg: #662e7d;
4907
5413
  --mila-otp-slot-border: #d4d4d4;
4908
5414
  --mila-otp-fg: #171717;
4909
5415
  --mila-otp-separator-bar: #171717;
@@ -4934,12 +5440,21 @@
4934
5440
  --mila-badge-outline-border: #e5e5e5;
4935
5441
  --mila-badge-destructive-bg: #ef4444;
4936
5442
  --mila-badge-destructive-fg: #ffffff;
4937
- --mila-badge-error-number-bg: #ffdfdf;
4938
- --mila-badge-error-number-border: #ffc5c5;
4939
- --mila-badge-error-number-fg: #891314;
4940
- --mila-badge-error-number-fg-focus: #a60e0f;
5443
+ --mila-badge-error-bg: #ffdfdf;
5444
+ --mila-badge-error-border: #ffc5c5;
5445
+ --mila-badge-error-fg: #891314;
5446
+ --mila-badge-error-fg-focus: #a60e0f;
4941
5447
  --mila-badge-info-bg: #3b82f6;
4942
5448
  --mila-badge-info-fg: #ffffff;
5449
+ --mila-badge-focus-ring: var(--mila-input-ring-focus);
5450
+ --mila-badge-success-light-bg: #c2fcdb;
5451
+ --mila-badge-success-light-border: #95fac4;
5452
+ --mila-badge-success-light-fg: #174e35;
5453
+ --mila-badge-success-dark-bg: #1b6142;
5454
+ --mila-badge-success-dark-fg: #ffffff;
5455
+ --mila-badge-partial-bg: #ffdea9;
5456
+ --mila-badge-partial-border: #fea239;
5457
+ --mila-badge-partial-fg: #7e3510;
4943
5458
  --mila-button-primary-bg: #783596;
4944
5459
  --mila-button-primary-hover: #3b1849;
4945
5460
  --mila-button-primary-fg: #ffffff;
@@ -4965,6 +5480,7 @@
4965
5480
  --mila-button-ghost-hover-fg: #3b1849;
4966
5481
  --mila-button-disabled-bg: #dde3e8;
4967
5482
  --mila-button-disabled-fg: #50565f;
5483
+ --mila-button-helper-fg: #737373;
4968
5484
  --mila-link-button-fg: #171717;
4969
5485
  --mila-tooltip-bg: #171717;
4970
5486
  --mila-tooltip-fg: #ffffff;
@@ -5012,6 +5528,27 @@
5012
5528
  --mila-alert-neutral-title: #171717;
5013
5529
  --mila-alert-neutral-description: #737373;
5014
5530
  --mila-alert-error-fg: #ef4444;
5531
+ --mila-status-alert-warning-bg: #fff8ed;
5532
+ --mila-status-alert-warning-border: #c54f09;
5533
+ --mila-status-alert-warning-fg: #c54f09;
5534
+ --mila-status-alert-warning-title-fg: #9c3e10;
5535
+ --mila-status-alert-error-bg: #fff1f1;
5536
+ --mila-status-alert-error-border: #cf0c0d;
5537
+ --mila-status-alert-error-fg: #cf0c0d;
5538
+ --mila-status-alert-progress-bg: #fbf8fc;
5539
+ --mila-status-alert-progress-border: #b286ba;
5540
+ --mila-status-alert-progress-fg: #662e7d;
5541
+ --mila-account-menu-name-fg: #662e7d;
5542
+ --mila-account-menu-hover-bg: #ead8f6;
5543
+ --mila-account-menu-focus-ring: #e0cee4;
5544
+ --mila-account-menu-disabled-bg: #dde3e8;
5545
+ --mila-account-menu-name-disabled-fg: #777f92;
5546
+ --mila-account-menu-balance-bg: #ffffff;
5547
+ --mila-account-menu-balance-border: #783596;
5548
+ --mila-account-menu-balance-fg: #662e7d;
5549
+ --mila-account-menu-balance-bg-disabled: #dde3e8;
5550
+ --mila-account-menu-balance-border-disabled: #9ca7b8;
5551
+ --mila-account-menu-balance-fg-disabled: #5f6674;
5015
5552
  --mila-icon-button-primary-bg: #171717;
5016
5553
  --mila-icon-button-primary-hover: #404040;
5017
5554
  --mila-icon-button-primary-fg: #ffffff;
@@ -5069,7 +5606,9 @@
5069
5606
  --mila-input-border-focus: oklch(0.62 0.14 300);
5070
5607
  --mila-input-ring-focus: oklch(0.45 0.08 300 / 0.45);
5071
5608
  --mila-input-border-error: oklch(0.55 0.22 25);
5609
+ --mila-input-file-border-error: oklch(0.58 0.22 25);
5072
5610
  --mila-input-ring-error: oklch(0.5 0.2 25 / 0.4);
5611
+ --mila-input-error-message-fg: oklch(0.55 0.2 25);
5073
5612
  --mila-input-bg-disabled: oklch(0.22 0.02 260);
5074
5613
  --mila-input-placeholder: oklch(0.65 0.02 260);
5075
5614
  --mila-input-text-value: oklch(0.75 0.12 300);
@@ -5077,6 +5616,14 @@
5077
5616
  --mila-input-text-error: oklch(0.88 0.05 300);
5078
5617
  --mila-input-text-disabled: oklch(0.55 0.02 260);
5079
5618
  --mila-input-border-with-value: oklch(0.45 0.02 260);
5619
+ --mila-textarea-helper-fg: oklch(0.62 0.02 260);
5620
+ --mila-textarea-border-error: oklch(0.58 0.22 25);
5621
+ --mila-textarea-disabled-bg: oklch(0.25 0.02 260);
5622
+ --mila-textarea-disabled-border: oklch(0.5 0.02 260);
5623
+ --mila-textarea-disabled-fg: oklch(0.88 0.02 260);
5624
+ --mila-textarea-readonly-links-bg: oklch(0.28 0.04 310);
5625
+ --mila-textarea-readonly-links-border: oklch(0.42 0.08 300);
5626
+ --mila-textarea-readonly-links-fg: oklch(0.78 0.12 300);
5080
5627
  --mila-label-fg: oklch(0.95 0.02 310);
5081
5628
  --mila-accordion-border: oklch(1 0 0 / 12%);
5082
5629
  --mila-accordion-trigger-fg: oklch(0.95 0 0);
@@ -5128,6 +5675,8 @@
5128
5675
  --mila-dialog-close-fg: oklch(0.985 0 0);
5129
5676
  --mila-dialog-close-focus-ring: oklch(0.45 0.08 300 / 0.45);
5130
5677
  --mila-dialog-content-focus-ring: oklch(0.45 0.08 300 / 0.45);
5678
+ --mila-dialog-footer-border: oklch(1 0 0 / 14%);
5679
+ --mila-dialog-footer-sticky-shadow: 0 -4px 6px -1px rgb(0 0 0 / 0.35), 0 -2px 4px -2px rgb(0 0 0 / 0.2);
5131
5680
  --mila-drawer-handle-bg: oklch(0.28 0.01 260);
5132
5681
  --mila-alert-dialog-bg: oklch(0.205 0 0);
5133
5682
  --mila-alert-dialog-border: oklch(1 0 0 / 12%);
@@ -5188,6 +5737,10 @@
5188
5737
  --mila-data-table-header-hover-bg: oklch(0.28 0.02 260);
5189
5738
  --mila-data-table-row-hover-bg: oklch(0.28 0.02 260);
5190
5739
  --mila-data-table-row-selected-bg: oklch(0.35 0.02 260);
5740
+ --mila-data-table-empty-placeholder-bg: oklch(0.26 0.02 260);
5741
+ --mila-data-table-empty-fg: oklch(0.58 0.03 260);
5742
+ --mila-data-table-contour-border: oklch(0.42 0.02 250);
5743
+ --mila-data-table-radius: 10px;
5191
5744
  --mila-avatar-fallback-bg: oklch(0.28 0.01 260);
5192
5745
  --mila-avatar-fallback-fg: oklch(0.88 0.02 260);
5193
5746
  --mila-badge-primary-bg: oklch(0.92 0 0);
@@ -5197,12 +5750,21 @@
5197
5750
  --mila-badge-outline-border: oklch(1 0 0 / 14%);
5198
5751
  --mila-badge-destructive-bg: oklch(0.55 0.22 25);
5199
5752
  --mila-badge-destructive-fg: oklch(0.985 0 0);
5200
- --mila-badge-error-number-bg: oklch(0.25 0.08 25);
5201
- --mila-badge-error-number-border: oklch(0.35 0.12 25);
5202
- --mila-badge-error-number-fg: oklch(0.85 0.12 20);
5203
- --mila-badge-error-number-fg-focus: oklch(0.92 0.08 20);
5753
+ --mila-badge-error-bg: oklch(0.25 0.08 25);
5754
+ --mila-badge-error-border: oklch(0.35 0.12 25);
5755
+ --mila-badge-error-fg: oklch(0.85 0.12 20);
5756
+ --mila-badge-error-fg-focus: oklch(0.92 0.08 20);
5204
5757
  --mila-badge-info-bg: oklch(0.55 0.2 260);
5205
5758
  --mila-badge-info-fg: oklch(0.985 0 0);
5759
+ --mila-badge-focus-ring: var(--mila-input-ring-focus);
5760
+ --mila-badge-success-light-bg: oklch(0.28 0.06 155);
5761
+ --mila-badge-success-light-border: oklch(0.4 0.1 155);
5762
+ --mila-badge-success-light-fg: oklch(0.88 0.1 155);
5763
+ --mila-badge-success-dark-bg: oklch(0.42 0.12 155);
5764
+ --mila-badge-success-dark-fg: oklch(0.985 0 0);
5765
+ --mila-badge-partial-bg: oklch(0.32 0.08 65);
5766
+ --mila-badge-partial-border: oklch(0.58 0.14 65);
5767
+ --mila-badge-partial-fg: oklch(0.9 0.08 55);
5206
5768
  --mila-button-primary-bg: oklch(0.55 0.14 310);
5207
5769
  --mila-button-primary-hover: oklch(0.32 0.12 310);
5208
5770
  --mila-button-primary-fg: oklch(0.985 0 0);
@@ -5228,10 +5790,32 @@
5228
5790
  --mila-button-ghost-hover-fg: oklch(0.92 0.05 300);
5229
5791
  --mila-button-disabled-bg: oklch(0.28 0.02 260);
5230
5792
  --mila-button-disabled-fg: oklch(0.55 0.02 260);
5793
+ --mila-button-helper-fg: oklch(0.62 0.02 260);
5231
5794
  --mila-alert-border: oklch(1 0 0 / 12%);
5232
5795
  --mila-alert-neutral-title: oklch(0.95 0 0);
5233
5796
  --mila-alert-neutral-description: oklch(0.65 0.02 260);
5234
5797
  --mila-alert-error-fg: oklch(0.65 0.2 25);
5798
+ --mila-status-alert-warning-bg: oklch(0.22 0.04 55);
5799
+ --mila-status-alert-warning-border: oklch(0.62 0.16 55);
5800
+ --mila-status-alert-warning-fg: oklch(0.72 0.14 55);
5801
+ --mila-status-alert-warning-title-fg: oklch(0.58 0.12 50);
5802
+ --mila-status-alert-error-bg: oklch(0.22 0.05 25);
5803
+ --mila-status-alert-error-border: oklch(0.58 0.2 25);
5804
+ --mila-status-alert-error-fg: oklch(0.72 0.16 25);
5805
+ --mila-status-alert-progress-bg: oklch(0.24 0.04 310);
5806
+ --mila-status-alert-progress-border: oklch(0.55 0.12 310);
5807
+ --mila-status-alert-progress-fg: oklch(0.78 0.1 310);
5808
+ --mila-account-menu-name-fg: oklch(0.78 0.1 310);
5809
+ --mila-account-menu-hover-bg: oklch(0.32 0.06 310);
5810
+ --mila-account-menu-focus-ring: oklch(0.45 0.08 300 / 0.45);
5811
+ --mila-account-menu-disabled-bg: oklch(0.28 0.02 260);
5812
+ --mila-account-menu-name-disabled-fg: oklch(0.55 0.02 260);
5813
+ --mila-account-menu-balance-bg: oklch(0.22 0.02 260);
5814
+ --mila-account-menu-balance-border: oklch(0.55 0.12 310);
5815
+ --mila-account-menu-balance-fg: oklch(0.82 0.1 310);
5816
+ --mila-account-menu-balance-bg-disabled: oklch(0.28 0.02 260);
5817
+ --mila-account-menu-balance-border-disabled: oklch(0.42 0.02 260);
5818
+ --mila-account-menu-balance-fg-disabled: oklch(0.55 0.02 260);
5235
5819
  --mila-icon-button-primary-bg: oklch(0.92 0 0);
5236
5820
  --mila-icon-button-primary-hover: oklch(0.82 0 0);
5237
5821
  --mila-icon-button-primary-fg: oklch(0.145 0 0);
@@ -5300,6 +5884,9 @@
5300
5884
  color: var(--foreground);
5301
5885
  }
5302
5886
  }
5887
+ [data-slot="sheet-content"] {
5888
+ border-radius: 0 !important;
5889
+ }
5303
5890
  @property --tw-translate-x {
5304
5891
  syntax: "*";
5305
5892
  inherits: false;