@aortl/admin-css 0.10.0 → 0.11.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 (18) hide show
  1. package/README.md +1 -1
  2. package/dist/admin.css +107 -47
  3. package/dist/admin.min.css +1 -1
  4. package/dist/admin.scoped.css +105 -47
  5. package/dist/admin.scoped.min.css +37 -34
  6. package/dist/admin.utilities.css +554 -0
  7. package/dist/admin.utilities.min.css +1 -1
  8. package/package.json +1 -1
  9. package/src/components/badge.css +4 -6
  10. package/src/components/button.css +8 -9
  11. package/src/components/container.css +35 -0
  12. package/src/components/file-input.css +3 -7
  13. package/src/components/index.css +1 -0
  14. package/src/components/input.css +3 -7
  15. package/src/components/select.css +3 -7
  16. package/src/components/tabs.css +3 -10
  17. package/src/components/textarea.css +3 -7
  18. package/src/utilities.css +19 -0
package/dist/admin.scoped.css CHANGED
@@ -847,6 +847,34 @@
847
847
  display: none;
848
848
  }
849
849
  }
850
+ :scope._ao-container, :scope ._ao-container {
851
+ margin-inline: auto;
852
+ display: flex;
853
+ width: 100%;
854
+ flex-direction: column;
855
+ gap: calc(var(--spacing) * 6);
856
+ padding-inline: calc(var(--spacing) * 6);
857
+ padding-block: calc(var(--spacing) * 6);
858
+ max-width: var(--container-max, 90rem);
859
+ }
860
+ :scope._ao-container-sm, :scope ._ao-container-sm {
861
+ --container-max: 60rem;
862
+ }
863
+ :scope._ao-container-lg, :scope ._ao-container-lg {
864
+ --container-max: 115rem;
865
+ }
866
+ :scope._ao-container-fluid, :scope ._ao-container-fluid {
867
+ --container-max: none;
868
+ }
869
+ :scope._ao-container-compact, :scope ._ao-container-compact {
870
+ gap: calc(var(--spacing) * 4);
871
+ padding-block: calc(var(--spacing) * 4);
872
+ }
873
+ @media (max-width: 48rem) {
874
+ :scope._ao-container, :scope ._ao-container {
875
+ padding-inline: calc(var(--spacing) * 4);
876
+ }
877
+ }
850
878
  :scope._ao-badge, :scope ._ao-badge {
851
879
  display: inline-flex;
852
880
  height: calc(var(--spacing) * 5);
@@ -857,6 +885,7 @@
857
885
  border-style: var(--tw-border-style);
858
886
  border-width: 1px;
859
887
  border-color: transparent;
888
+ background-color: var(--color-surface-strong);
860
889
  padding-inline: calc(var(--spacing) * 2);
861
890
  font-size: var(--text-xs);
862
891
  line-height: var(--tw-leading, var(--text-xs--line-height));
@@ -865,9 +894,6 @@
865
894
  --tw-font-weight: var(--font-weight-medium);
866
895
  font-weight: var(--font-weight-medium);
867
896
  white-space: nowrap;
868
- }
869
- :scope._ao-badge-neutral, :scope ._ao-badge-neutral {
870
- background-color: var(--color-surface-strong);
871
897
  color: var(--color-text);
872
898
  }
873
899
  :scope._ao-badge-info, :scope ._ao-badge-info {
@@ -1404,7 +1430,8 @@
1404
1430
  border-radius: var(--radius-lg);
1405
1431
  border-style: var(--tw-border-style);
1406
1432
  border-width: 1px;
1407
- border-color: transparent;
1433
+ border-color: var(--color-border);
1434
+ background-color: var(--color-surface-muted);
1408
1435
  padding-inline: calc(var(--spacing) * 4);
1409
1436
  padding-block: calc(var(--spacing) * 2);
1410
1437
  font-size: var(--text-sm);
@@ -1413,6 +1440,7 @@
1413
1440
  line-height: 1;
1414
1441
  --tw-font-weight: var(--font-weight-medium);
1415
1442
  font-weight: var(--font-weight-medium);
1443
+ color: var(--color-text);
1416
1444
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1417
1445
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1418
1446
  transition-duration: var(--tw-duration, var(--default-transition-duration));
@@ -1420,6 +1448,11 @@
1420
1448
  transition-duration: 150ms;
1421
1449
  -webkit-user-select: none;
1422
1450
  user-select: none;
1451
+ &:hover {
1452
+ @media (hover: hover) {
1453
+ background-color: var(--color-surface-strong);
1454
+ }
1455
+ }
1423
1456
  &:focus-visible {
1424
1457
  outline-style: var(--tw-outline-style);
1425
1458
  outline-width: 2px;
@@ -1441,6 +1474,7 @@
1441
1474
  }
1442
1475
  }
1443
1476
  :scope._ao-btn-primary, :scope ._ao-btn-primary {
1477
+ border-color: transparent;
1444
1478
  background-color: var(--color-primary);
1445
1479
  color: var(--color-primary-content);
1446
1480
  &:hover {
@@ -1449,17 +1483,8 @@
1449
1483
  }
1450
1484
  }
1451
1485
  }
1452
- :scope._ao-btn-secondary, :scope ._ao-btn-secondary {
1453
- border-color: var(--color-border);
1454
- background-color: var(--color-surface-muted);
1455
- color: var(--color-text);
1456
- &:hover {
1457
- @media (hover: hover) {
1458
- background-color: var(--color-surface-strong);
1459
- }
1460
- }
1461
- }
1462
1486
  :scope._ao-btn-ghost, :scope ._ao-btn-ghost {
1487
+ border-color: transparent;
1463
1488
  background-color: transparent;
1464
1489
  color: var(--color-text);
1465
1490
  &:hover {
@@ -1469,6 +1494,7 @@
1469
1494
  }
1470
1495
  }
1471
1496
  :scope._ao-btn-danger, :scope ._ao-btn-danger {
1497
+ border-color: transparent;
1472
1498
  background-color: var(--color-danger);
1473
1499
  color: var(--color-danger-content);
1474
1500
  &:hover {
@@ -1598,7 +1624,7 @@
1598
1624
  border-radius: var(--radius-lg);
1599
1625
  border-style: var(--tw-border-style);
1600
1626
  border-width: 1px;
1601
- border-color: transparent;
1627
+ border-color: var(--color-border);
1602
1628
  background-color: var(--color-surface);
1603
1629
  padding-inline: calc(var(--spacing) * 3);
1604
1630
  padding-block: calc(var(--spacing) * 2);
@@ -1615,6 +1641,11 @@
1615
1641
  &::placeholder {
1616
1642
  color: var(--color-text-muted);
1617
1643
  }
1644
+ &:hover {
1645
+ @media (hover: hover) {
1646
+ border-color: var(--color-border-strong);
1647
+ }
1648
+ }
1618
1649
  &:focus-visible {
1619
1650
  outline-style: var(--tw-outline-style);
1620
1651
  outline-width: 2px;
@@ -1632,16 +1663,14 @@
1632
1663
  opacity: 50%;
1633
1664
  }
1634
1665
  }
1635
- :scope._ao-input-bordered, :scope ._ao-input-bordered {
1636
- border-color: var(--color-border);
1666
+ :scope._ao-input-ghost, :scope ._ao-input-ghost {
1667
+ border-color: transparent;
1668
+ background-color: transparent;
1637
1669
  &:hover {
1638
1670
  @media (hover: hover) {
1639
- border-color: var(--color-border-strong);
1671
+ border-color: transparent;
1640
1672
  }
1641
1673
  }
1642
- }
1643
- :scope._ao-input-ghost, :scope ._ao-input-ghost {
1644
- background-color: transparent;
1645
1674
  &:hover {
1646
1675
  @media (hover: hover) {
1647
1676
  background-color: var(--color-surface-muted);
@@ -1650,6 +1679,11 @@
1650
1679
  }
1651
1680
  :scope._ao-input-danger, :scope ._ao-input-danger {
1652
1681
  border-color: var(--color-danger);
1682
+ &:hover {
1683
+ @media (hover: hover) {
1684
+ border-color: var(--color-danger);
1685
+ }
1686
+ }
1653
1687
  &:focus-visible {
1654
1688
  outline-color: var(--color-danger);
1655
1689
  }
@@ -1720,7 +1754,7 @@
1720
1754
  border-radius: var(--radius-lg);
1721
1755
  border-style: var(--tw-border-style);
1722
1756
  border-width: 1px;
1723
- border-color: transparent;
1757
+ border-color: var(--color-border);
1724
1758
  background-color: var(--color-surface);
1725
1759
  padding-inline: calc(var(--spacing) * 3);
1726
1760
  padding-block: calc(var(--spacing) * 2);
@@ -1735,6 +1769,11 @@
1735
1769
  &::placeholder {
1736
1770
  color: var(--color-text-muted);
1737
1771
  }
1772
+ &:hover {
1773
+ @media (hover: hover) {
1774
+ border-color: var(--color-border-strong);
1775
+ }
1776
+ }
1738
1777
  &:focus-visible {
1739
1778
  outline-style: var(--tw-outline-style);
1740
1779
  outline-width: 2px;
@@ -1752,16 +1791,14 @@
1752
1791
  opacity: 50%;
1753
1792
  }
1754
1793
  }
1755
- :scope._ao-textarea-bordered, :scope ._ao-textarea-bordered {
1756
- border-color: var(--color-border);
1794
+ :scope._ao-textarea-ghost, :scope ._ao-textarea-ghost {
1795
+ border-color: transparent;
1796
+ background-color: transparent;
1757
1797
  &:hover {
1758
1798
  @media (hover: hover) {
1759
- border-color: var(--color-border-strong);
1799
+ border-color: transparent;
1760
1800
  }
1761
1801
  }
1762
- }
1763
- :scope._ao-textarea-ghost, :scope ._ao-textarea-ghost {
1764
- background-color: transparent;
1765
1802
  &:hover {
1766
1803
  @media (hover: hover) {
1767
1804
  background-color: var(--color-surface-muted);
@@ -1770,6 +1807,11 @@
1770
1807
  }
1771
1808
  :scope._ao-textarea-danger, :scope ._ao-textarea-danger {
1772
1809
  border-color: var(--color-danger);
1810
+ &:hover {
1811
+ @media (hover: hover) {
1812
+ border-color: var(--color-danger);
1813
+ }
1814
+ }
1773
1815
  &:focus-visible {
1774
1816
  outline-color: var(--color-danger);
1775
1817
  }
@@ -2051,7 +2093,7 @@
2051
2093
  border-radius: var(--radius-lg);
2052
2094
  border-style: var(--tw-border-style);
2053
2095
  border-width: 1px;
2054
- border-color: transparent;
2096
+ border-color: var(--color-border);
2055
2097
  background-color: var(--color-surface);
2056
2098
  padding-inline: calc(var(--spacing) * 3);
2057
2099
  padding-block: calc(var(--spacing) * 2);
@@ -2068,6 +2110,11 @@
2068
2110
  transition-duration: 150ms;
2069
2111
  -webkit-user-select: none;
2070
2112
  user-select: none;
2113
+ &:hover {
2114
+ @media (hover: hover) {
2115
+ border-color: var(--color-border-strong);
2116
+ }
2117
+ }
2071
2118
  &:focus-visible {
2072
2119
  outline-style: var(--tw-outline-style);
2073
2120
  outline-width: 2px;
@@ -2094,16 +2141,14 @@
2094
2141
  :scope._ao-select[data-placeholder], :scope ._ao-select[data-placeholder] {
2095
2142
  color: var(--color-text-muted);
2096
2143
  }
2097
- :scope._ao-select-bordered, :scope ._ao-select-bordered {
2098
- border-color: var(--color-border);
2144
+ :scope._ao-select-ghost, :scope ._ao-select-ghost {
2145
+ border-color: transparent;
2146
+ background-color: transparent;
2099
2147
  &:hover {
2100
2148
  @media (hover: hover) {
2101
- border-color: var(--color-border-strong);
2149
+ border-color: transparent;
2102
2150
  }
2103
2151
  }
2104
- }
2105
- :scope._ao-select-ghost, :scope ._ao-select-ghost {
2106
- background-color: transparent;
2107
2152
  &:hover {
2108
2153
  @media (hover: hover) {
2109
2154
  background-color: var(--color-surface-muted);
@@ -2112,6 +2157,11 @@
2112
2157
  }
2113
2158
  :scope._ao-select-danger, :scope ._ao-select-danger {
2114
2159
  border-color: var(--color-danger);
2160
+ &:hover {
2161
+ @media (hover: hover) {
2162
+ border-color: var(--color-danger);
2163
+ }
2164
+ }
2115
2165
  &:focus-visible {
2116
2166
  outline-color: var(--color-danger);
2117
2167
  }
@@ -2534,7 +2584,7 @@
2534
2584
  border-radius: var(--radius-lg);
2535
2585
  border-style: var(--tw-border-style);
2536
2586
  border-width: 1px;
2537
- border-color: transparent;
2587
+ border-color: var(--color-border);
2538
2588
  background-color: var(--color-surface);
2539
2589
  padding-right: calc(var(--spacing) * 3);
2540
2590
  font-size: var(--text-sm);
@@ -2588,6 +2638,11 @@
2588
2638
  &::file-selector-button {
2589
2639
  color: var(--color-text);
2590
2640
  }
2641
+ &:hover {
2642
+ @media (hover: hover) {
2643
+ border-color: var(--color-border-strong);
2644
+ }
2645
+ }
2591
2646
  &:hover {
2592
2647
  @media (hover: hover) {
2593
2648
  &::file-selector-button {
@@ -2612,16 +2667,14 @@
2612
2667
  opacity: 50%;
2613
2668
  }
2614
2669
  }
2615
- :scope._ao-file-input-bordered, :scope ._ao-file-input-bordered {
2616
- border-color: var(--color-border);
2670
+ :scope._ao-file-input-ghost, :scope ._ao-file-input-ghost {
2671
+ border-color: transparent;
2672
+ background-color: transparent;
2617
2673
  &:hover {
2618
2674
  @media (hover: hover) {
2619
- border-color: var(--color-border-strong);
2675
+ border-color: transparent;
2620
2676
  }
2621
2677
  }
2622
- }
2623
- :scope._ao-file-input-ghost, :scope ._ao-file-input-ghost {
2624
- background-color: transparent;
2625
2678
  &:hover {
2626
2679
  @media (hover: hover) {
2627
2680
  background-color: var(--color-surface-muted);
@@ -2630,6 +2683,11 @@
2630
2683
  }
2631
2684
  :scope._ao-file-input-danger, :scope ._ao-file-input-danger {
2632
2685
  border-color: var(--color-danger);
2686
+ &:hover {
2687
+ @media (hover: hover) {
2688
+ border-color: var(--color-danger);
2689
+ }
2690
+ }
2633
2691
  &:focus-visible {
2634
2692
  outline-color: var(--color-danger);
2635
2693
  }
@@ -3456,10 +3514,10 @@
3456
3514
  outline-offset: 2px;
3457
3515
  outline-color: var(--color-primary);
3458
3516
  }
3459
- :scope._ao-tabs-bordered ._ao-tab, :scope ._ao-tabs-bordered ._ao-tab, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab {
3517
+ :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab {
3460
3518
  position: relative;
3461
3519
  }
3462
- :scope._ao-tabs-bordered ._ao-tab::after, :scope ._ao-tabs-bordered ._ao-tab::after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab::after {
3520
+ :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab::after {
3463
3521
  content: "";
3464
3522
  position: absolute;
3465
3523
  inset-inline: 0;
@@ -3469,7 +3527,7 @@
3469
3527
  transform: scaleX(0);
3470
3528
  transition: transform 150ms ease;
3471
3529
  }
3472
- :scope._ao-tabs-bordered ._ao-tab[data-selected]::after, :scope ._ao-tabs-bordered ._ao-tab[data-selected]::after, :scope._ao-tabs-bordered ._ao-tab[aria-selected="true"]::after, :scope ._ao-tabs-bordered ._ao-tab[aria-selected="true"]::after, :scope._ao-tabs-bordered ._ao-tab-input:checked + ._ao-tab::after, :scope ._ao-tabs-bordered ._ao-tab-input:checked + ._ao-tab::after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab-input:checked + ._ao-tab::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab-input:checked + ._ao-tab::after {
3530
+ :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab-input:checked + ._ao-tab::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab-input:checked + ._ao-tab::after {
3473
3531
  transform: scaleX(1);
3474
3532
  }
3475
3533
  :scope._ao-tabs-boxed ._ao-tab-list, :scope ._ao-tabs-boxed ._ao-tab-list {
@@ -3541,7 +3599,7 @@
3541
3599
  width: 100%;
3542
3600
  justify-content: flex-start;
3543
3601
  }
3544
- :scope._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab::after, :scope ._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab::after, :scope._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab::after, :scope ._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab::after {
3602
+ :scope._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab::after, :scope ._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab::after {
3545
3603
  inset-inline: auto;
3546
3604
  inset-inline-end: -1px;
3547
3605
  inset-block: 0;
@@ -3549,7 +3607,7 @@
3549
3607
  block-size: auto;
3550
3608
  transform: scaleY(0);
3551
3609
  }
3552
- :scope._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab[data-selected]::after, :scope ._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab[data-selected]::after, :scope._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab[aria-selected="true"]::after, :scope ._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab[aria-selected="true"]::after, :scope._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope ._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after, :scope ._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after {
3610
+ :scope._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope ._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after, :scope ._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after {
3553
3611
  transform: scaleY(1);
3554
3612
  }
3555
3613
  :scope._ao-table, :scope ._ao-table {
package/dist/admin.scoped.min.css CHANGED
@@ -158,8 +158,13 @@
158
158
  :scope._ao-app-shell-with-sidebar, :scope ._ao-app-shell-with-sidebar{grid-template-columns:auto 1fr;grid-template-areas:"header header""sidebar main""footer footer"}
159
159
  :scope._ao-app-shell-with-sidebar>._ao-sidebar, :scope ._ao-app-shell-with-sidebar>._ao-sidebar{grid-area:sidebar}
160
160
  @media (max-width:48rem){:scope._ao-app-shell-with-sidebar, :scope ._ao-app-shell-with-sidebar{grid-template-columns:1fr;grid-template-areas:"header""main""footer"}:scope._ao-app-shell-with-sidebar>._ao-sidebar, :scope ._ao-app-shell-with-sidebar>._ao-sidebar{display:none}}
161
- :scope._ao-badge, :scope ._ao-badge{height:calc(var(--spacing) * 5);justify-content:center;align-items:center;gap:calc(var(--spacing) * 1);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium);white-space:nowrap;border-width:1px;border-color:#0000;border-radius:3.40282e38px;display:inline-flex}
162
- :scope._ao-badge-neutral, :scope ._ao-badge-neutral{background-color:var(--color-surface-strong);color:var(--color-text)}
161
+ :scope._ao-container, :scope ._ao-container{gap:calc(var(--spacing) * 6);width:100%;padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 6);max-width:var(--container-max,90rem);flex-direction:column;margin-inline:auto;display:flex}
162
+ :scope._ao-container-sm, :scope ._ao-container-sm{--container-max:60rem}
163
+ :scope._ao-container-lg, :scope ._ao-container-lg{--container-max:115rem}
164
+ :scope._ao-container-fluid, :scope ._ao-container-fluid{--container-max:none}
165
+ :scope._ao-container-compact, :scope ._ao-container-compact{gap:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 4)}
166
+ @media (max-width:48rem){:scope._ao-container, :scope ._ao-container{padding-inline:calc(var(--spacing) * 4)}}
167
+ :scope._ao-badge, :scope ._ao-badge{height:calc(var(--spacing) * 5);justify-content:center;align-items:center;gap:calc(var(--spacing) * 1);border-style:var(--tw-border-style);background-color:var(--color-surface-strong);padding-inline:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-text);border-width:1px;border-color:#0000;border-radius:3.40282e38px;display:inline-flex}
163
168
  :scope._ao-badge-info, :scope ._ao-badge-info{border-color:var(--color-info-muted);background-color:var(--color-info-muted);color:var(--color-info)}
164
169
  :scope._ao-badge-success, :scope ._ao-badge-success{border-color:var(--color-success-muted);background-color:var(--color-success-muted);color:var(--color-success)}
165
170
  :scope._ao-badge-warning, :scope ._ao-badge-warning{border-color:var(--color-warning-muted);background-color:var(--color-warning-muted);color:var(--color-text)}
@@ -253,16 +258,15 @@
253
258
  :scope._ao-property-list-copy ._ao-property-list-copy-icon-copied, :scope ._ao-property-list-copy ._ao-property-list-copy-icon-copied, :scope._ao-property-list-copy[data-copied] ._ao-property-list-copy-icon, :scope ._ao-property-list-copy[data-copied] ._ao-property-list-copy-icon{display:none}
254
259
  :scope._ao-property-list-copy[data-copied] ._ao-property-list-copy-icon-copied, :scope ._ao-property-list-copy[data-copied] ._ao-property-list-copy-icon-copied{display:inline-flex}
255
260
  :scope._ao-property-list-copy[data-copied], :scope ._ao-property-list-copy[data-copied]{color:var(--color-success)}
256
- :scope._ao-btn, :scope ._ao-btn{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;-webkit-user-select:none;user-select:none;border-width:1px;border-color:#0000;transition-duration:.15s;display:inline-flex}
261
+ :scope._ao-btn, :scope ._ao-btn{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface-muted);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium);color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;-webkit-user-select:none;user-select:none;transition-duration:.15s;display:inline-flex}
262
+ @media (hover:hover){:scope._ao-btn:hover, :scope ._ao-btn:hover{background-color:var(--color-surface-strong)}}
257
263
  :scope._ao-btn:focus-visible, :scope ._ao-btn:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
258
264
  :scope._ao-btn:disabled, :scope ._ao-btn:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}
259
- :scope._ao-btn-primary, :scope ._ao-btn-primary{background-color:var(--color-primary);color:var(--color-primary-content)}
265
+ :scope._ao-btn-primary, :scope ._ao-btn-primary{background-color:var(--color-primary);color:var(--color-primary-content);border-color:#0000}
260
266
  @media (hover:hover){:scope._ao-btn-primary:hover, :scope ._ao-btn-primary:hover{background-color:var(--color-primary-hover)}}
261
- :scope._ao-btn-secondary, :scope ._ao-btn-secondary{border-color:var(--color-border);background-color:var(--color-surface-muted);color:var(--color-text)}
262
- @media (hover:hover){:scope._ao-btn-secondary:hover, :scope ._ao-btn-secondary:hover{background-color:var(--color-surface-strong)}}
263
- :scope._ao-btn-ghost, :scope ._ao-btn-ghost{color:var(--color-text);background-color:#0000}
267
+ :scope._ao-btn-ghost, :scope ._ao-btn-ghost{color:var(--color-text);background-color:#0000;border-color:#0000}
264
268
  @media (hover:hover){:scope._ao-btn-ghost:hover, :scope ._ao-btn-ghost:hover{background-color:var(--color-surface-muted)}}
265
- :scope._ao-btn-danger, :scope ._ao-btn-danger{background-color:var(--color-danger);color:var(--color-danger-content)}
269
+ :scope._ao-btn-danger, :scope ._ao-btn-danger{background-color:var(--color-danger);color:var(--color-danger-content);border-color:#0000}
266
270
  @media (hover:hover){:scope._ao-btn-danger:hover, :scope ._ao-btn-danger:hover{opacity:.9}}
267
271
  :scope._ao-btn-sm, :scope ._ao-btn-sm{gap:calc(var(--spacing) * 1.5);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
268
272
  :scope._ao-btn-lg, :scope ._ao-btn-lg{gap:calc(var(--spacing) * 2.5);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
@@ -295,15 +299,15 @@
295
299
  :scope._ao-btn-group-vertical>._ao-btn:last-child, :scope ._ao-btn-group-vertical>._ao-btn:last-child, :scope._ao-btn-group-vertical>._ao-menu:last-child>._ao-menu-trigger, :scope ._ao-btn-group-vertical>._ao-menu:last-child>._ao-menu-trigger{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}
296
300
  :scope._ao-btn-group-vertical>._ao-btn:not(:first-child), :scope ._ao-btn-group-vertical>._ao-btn:not(:first-child), :scope._ao-btn-group-vertical>._ao-menu:not(:first-child)>._ao-menu-trigger, :scope ._ao-btn-group-vertical>._ao-menu:not(:first-child)>._ao-menu-trigger{border-top-color:currentColor}
297
301
  @supports (color:color-mix(in lab, red, red)){:scope._ao-btn-group-vertical>._ao-btn:not(:first-child), :scope ._ao-btn-group-vertical>._ao-btn:not(:first-child), :scope._ao-btn-group-vertical>._ao-menu:not(:first-child)>._ao-menu-trigger, :scope ._ao-btn-group-vertical>._ao-menu:not(:first-child)>._ao-menu-trigger{border-top-color:color-mix(in srgb, currentColor 25%, transparent)}}
298
- :scope._ao-input, :scope ._ao-input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-surface);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;border-width:1px;border-color:#0000;align-items:center;line-height:1;transition-duration:.15s;display:inline-flex}
302
+ :scope._ao-input, :scope ._ao-input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;align-items:center;line-height:1;transition-duration:.15s;display:inline-flex}
299
303
  :scope._ao-input::placeholder, :scope ._ao-input::placeholder{color:var(--color-text-muted)}
304
+ @media (hover:hover){:scope._ao-input:hover, :scope ._ao-input:hover{border-color:var(--color-border-strong)}}
300
305
  :scope._ao-input:focus-visible, :scope ._ao-input:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
301
306
  :scope._ao-input:disabled, :scope ._ao-input:disabled{cursor:not-allowed;opacity:.5}
302
- :scope._ao-input-bordered, :scope ._ao-input-bordered{border-color:var(--color-border)}
303
- @media (hover:hover){:scope._ao-input-bordered:hover, :scope ._ao-input-bordered:hover{border-color:var(--color-border-strong)}}
304
- :scope._ao-input-ghost, :scope ._ao-input-ghost{background-color:#0000}
305
- @media (hover:hover){:scope._ao-input-ghost:hover, :scope ._ao-input-ghost:hover{background-color:var(--color-surface-muted)}}
307
+ :scope._ao-input-ghost, :scope ._ao-input-ghost{background-color:#0000;border-color:#0000}
308
+ @media (hover:hover){:scope._ao-input-ghost:hover, :scope ._ao-input-ghost:hover{background-color:var(--color-surface-muted);border-color:#0000}}
306
309
  :scope._ao-input-danger, :scope ._ao-input-danger{border-color:var(--color-danger)}
310
+ @media (hover:hover){:scope._ao-input-danger:hover, :scope ._ao-input-danger:hover{border-color:var(--color-danger)}}
307
311
  :scope._ao-input-danger:focus-visible, :scope ._ao-input-danger:focus-visible{outline-color:var(--color-danger)}
308
312
  :scope._ao-input-sm, :scope ._ao-input-sm{padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
309
313
  :scope._ao-input-lg, :scope ._ao-input-lg{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
@@ -316,15 +320,15 @@
316
320
  :scope._ao-input-group>:not(:first-child), :scope ._ao-input-group>:not(:first-child){margin-left:-1px}
317
321
  :scope._ao-input-group>:focus, :scope ._ao-input-group>:focus, :scope._ao-input-group>:focus-within, :scope ._ao-input-group>:focus-within{z-index:10;position:relative}
318
322
  :scope._ao-input-group-addon, :scope ._ao-input-group-addon{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface-muted);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;white-space:nowrap;color:var(--color-text-muted);align-items:center;line-height:1;display:inline-flex}
319
- :scope._ao-textarea, :scope ._ao-textarea{min-height:calc(var(--spacing) * 20);resize:vertical;border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-surface);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;border-width:1px;border-color:#0000;transition-duration:.15s;display:block}
323
+ :scope._ao-textarea, :scope ._ao-textarea{min-height:calc(var(--spacing) * 20);resize:vertical;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s;display:block}
320
324
  :scope._ao-textarea::placeholder, :scope ._ao-textarea::placeholder{color:var(--color-text-muted)}
325
+ @media (hover:hover){:scope._ao-textarea:hover, :scope ._ao-textarea:hover{border-color:var(--color-border-strong)}}
321
326
  :scope._ao-textarea:focus-visible, :scope ._ao-textarea:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
322
327
  :scope._ao-textarea:disabled, :scope ._ao-textarea:disabled{cursor:not-allowed;opacity:.5}
323
- :scope._ao-textarea-bordered, :scope ._ao-textarea-bordered{border-color:var(--color-border)}
324
- @media (hover:hover){:scope._ao-textarea-bordered:hover, :scope ._ao-textarea-bordered:hover{border-color:var(--color-border-strong)}}
325
- :scope._ao-textarea-ghost, :scope ._ao-textarea-ghost{background-color:#0000}
326
- @media (hover:hover){:scope._ao-textarea-ghost:hover, :scope ._ao-textarea-ghost:hover{background-color:var(--color-surface-muted)}}
328
+ :scope._ao-textarea-ghost, :scope ._ao-textarea-ghost{background-color:#0000;border-color:#0000}
329
+ @media (hover:hover){:scope._ao-textarea-ghost:hover, :scope ._ao-textarea-ghost:hover{background-color:var(--color-surface-muted);border-color:#0000}}
327
330
  :scope._ao-textarea-danger, :scope ._ao-textarea-danger{border-color:var(--color-danger)}
331
+ @media (hover:hover){:scope._ao-textarea-danger:hover, :scope ._ao-textarea-danger:hover{border-color:var(--color-danger)}}
328
332
  :scope._ao-textarea-danger:focus-visible, :scope ._ao-textarea-danger:focus-visible{outline-color:var(--color-danger)}
329
333
  :scope._ao-textarea-sm, :scope ._ao-textarea-sm{min-height:calc(var(--spacing) * 16);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
330
334
  :scope._ao-textarea-lg, :scope ._ao-textarea-lg{min-height:calc(var(--spacing) * 24);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
@@ -366,16 +370,16 @@
366
370
  :scope input._ao-switch:checked:before{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}
367
371
  :scope label:has(>._ao-switch){cursor:pointer;align-items:center;gap:calc(var(--spacing) * 3);display:inline-flex}
368
372
  :scope label:has(>._ao-switch:disabled), :scope label:has(>._ao-switch[data-disabled]){cursor:not-allowed;opacity:.6}
369
- :scope._ao-select, :scope ._ao-select{cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-surface);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;-webkit-user-select:none;user-select:none;border-width:1px;border-color:#0000;line-height:1;transition-duration:.15s;display:inline-flex}
373
+ :scope._ao-select, :scope ._ao-select{cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;-webkit-user-select:none;user-select:none;line-height:1;transition-duration:.15s;display:inline-flex}
374
+ @media (hover:hover){:scope._ao-select:hover, :scope ._ao-select:hover{border-color:var(--color-border-strong)}}
370
375
  :scope._ao-select:focus-visible, :scope ._ao-select:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
371
376
  :scope._ao-select:disabled, :scope ._ao-select:disabled{cursor:not-allowed;opacity:.5}
372
377
  :scope._ao-select[data-popup-open], :scope ._ao-select[data-popup-open]{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
373
378
  :scope._ao-select[data-placeholder], :scope ._ao-select[data-placeholder]{color:var(--color-text-muted)}
374
- :scope._ao-select-bordered, :scope ._ao-select-bordered{border-color:var(--color-border)}
375
- @media (hover:hover){:scope._ao-select-bordered:hover, :scope ._ao-select-bordered:hover{border-color:var(--color-border-strong)}}
376
- :scope._ao-select-ghost, :scope ._ao-select-ghost{background-color:#0000}
377
- @media (hover:hover){:scope._ao-select-ghost:hover, :scope ._ao-select-ghost:hover{background-color:var(--color-surface-muted)}}
379
+ :scope._ao-select-ghost, :scope ._ao-select-ghost{background-color:#0000;border-color:#0000}
380
+ @media (hover:hover){:scope._ao-select-ghost:hover, :scope ._ao-select-ghost:hover{background-color:var(--color-surface-muted);border-color:#0000}}
378
381
  :scope._ao-select-danger, :scope ._ao-select-danger{border-color:var(--color-danger)}
382
+ @media (hover:hover){:scope._ao-select-danger:hover, :scope ._ao-select-danger:hover{border-color:var(--color-danger)}}
379
383
  :scope._ao-select-danger:focus-visible, :scope ._ao-select-danger:focus-visible{outline-color:var(--color-danger)}
380
384
  :scope._ao-select-sm, :scope ._ao-select-sm{padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
381
385
  :scope._ao-select-lg, :scope ._ao-select-lg{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
@@ -431,7 +435,7 @@
431
435
  :scope._ao-field-error, :scope ._ao-field-error{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--color-danger)}
432
436
  :scope._ao-field[data-invalid] ._ao-input, :scope ._ao-field[data-invalid] ._ao-input, :scope._ao-field[data-invalid] ._ao-textarea, :scope ._ao-field[data-invalid] ._ao-textarea, :scope._ao-field[data-invalid] ._ao-select, :scope ._ao-field[data-invalid] ._ao-select, :scope._ao-field[data-invalid] ._ao-file-input, :scope ._ao-field[data-invalid] ._ao-file-input, :scope._ao-field[data-invalid] ._ao-checkbox[data-unchecked], :scope ._ao-field[data-invalid] ._ao-checkbox[data-unchecked], :scope._ao-field[data-invalid] ._ao-radio[data-unchecked], :scope ._ao-field[data-invalid] ._ao-radio[data-unchecked]{border-color:var(--color-danger)}
433
437
  :scope._ao-field[data-invalid] ._ao-switch[data-unchecked], :scope ._ao-field[data-invalid] ._ao-switch[data-unchecked]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-danger)}
434
- :scope._ao-file-input, :scope ._ao-file-input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-surface);width:100%;padding-right:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;border-width:1px;border-color:#0000;align-items:center;line-height:1;transition-duration:.15s;display:inline-flex;overflow:hidden}
438
+ :scope._ao-file-input, :scope ._ao-file-input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface);width:100%;padding-right:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;align-items:center;line-height:1;transition-duration:.15s;display:inline-flex;overflow:hidden}
435
439
  :scope._ao-file-input::file-selector-button, :scope ._ao-file-input::file-selector-button{margin-right:calc(var(--spacing) * 3)}
436
440
  :scope._ao-file-input::file-selector-button, :scope ._ao-file-input::file-selector-button{cursor:pointer}
437
441
  :scope._ao-file-input::file-selector-button, :scope ._ao-file-input::file-selector-button{border-style:var(--tw-border-style);border-width:0}
@@ -444,14 +448,13 @@
444
448
  :scope._ao-file-input::file-selector-button, :scope ._ao-file-input::file-selector-button{--tw-leading:1;line-height:1}
445
449
  :scope._ao-file-input::file-selector-button, :scope ._ao-file-input::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
446
450
  :scope._ao-file-input::file-selector-button, :scope ._ao-file-input::file-selector-button{color:var(--color-text)}
447
- @media (hover:hover){:scope._ao-file-input:hover::file-selector-button, :scope ._ao-file-input:hover::file-selector-button{background-color:var(--color-surface-strong)}}
451
+ @media (hover:hover){:scope._ao-file-input:hover, :scope ._ao-file-input:hover{border-color:var(--color-border-strong)}:scope._ao-file-input:hover::file-selector-button, :scope ._ao-file-input:hover::file-selector-button{background-color:var(--color-surface-strong)}}
448
452
  :scope._ao-file-input:focus-visible, :scope ._ao-file-input:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
449
453
  :scope._ao-file-input:disabled, :scope ._ao-file-input:disabled{cursor:not-allowed;opacity:.5}
450
- :scope._ao-file-input-bordered, :scope ._ao-file-input-bordered{border-color:var(--color-border)}
451
- @media (hover:hover){:scope._ao-file-input-bordered:hover, :scope ._ao-file-input-bordered:hover{border-color:var(--color-border-strong)}}
452
- :scope._ao-file-input-ghost, :scope ._ao-file-input-ghost{background-color:#0000}
453
- @media (hover:hover){:scope._ao-file-input-ghost:hover, :scope ._ao-file-input-ghost:hover{background-color:var(--color-surface-muted)}}
454
+ :scope._ao-file-input-ghost, :scope ._ao-file-input-ghost{background-color:#0000;border-color:#0000}
455
+ @media (hover:hover){:scope._ao-file-input-ghost:hover, :scope ._ao-file-input-ghost:hover{background-color:var(--color-surface-muted);border-color:#0000}}
454
456
  :scope._ao-file-input-danger, :scope ._ao-file-input-danger{border-color:var(--color-danger)}
457
+ @media (hover:hover){:scope._ao-file-input-danger:hover, :scope ._ao-file-input-danger:hover{border-color:var(--color-danger)}}
455
458
  :scope._ao-file-input-danger:focus-visible, :scope ._ao-file-input-danger:focus-visible{outline-color:var(--color-danger)}
456
459
  :scope._ao-file-input-sm, :scope ._ao-file-input-sm{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
457
460
  :scope._ao-file-input-sm::file-selector-button, :scope ._ao-file-input-sm::file-selector-button{margin-right:calc(var(--spacing) * 2.5)}
@@ -557,9 +560,9 @@
557
560
  :scope._ao-tabs ._ao-tab-input, :scope ._ao-tabs ._ao-tab-input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute}
558
561
  :scope._ao-tabs ._ao-tab-input:checked+._ao-tab, :scope ._ao-tabs ._ao-tab-input:checked+._ao-tab{color:var(--color-text)}
559
562
  :scope._ao-tabs ._ao-tab-input:focus-visible+._ao-tab, :scope ._ao-tabs ._ao-tab-input:focus-visible+._ao-tab{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
560
- :scope._ao-tabs-bordered ._ao-tab, :scope ._ao-tabs-bordered ._ao-tab, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab{position:relative}
561
- :scope._ao-tabs-bordered ._ao-tab:after, :scope ._ao-tabs-bordered ._ao-tab:after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab:after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab:after{content:"";background-color:var(--color-primary);block-size:2px;transition:transform .15s;position:absolute;inset-block-end:-1px;inset-inline:0;transform:scaleX(0)}
562
- :scope._ao-tabs-bordered ._ao-tab[data-selected]:after, :scope ._ao-tabs-bordered ._ao-tab[data-selected]:after, :scope._ao-tabs-bordered ._ao-tab[aria-selected=true]:after, :scope ._ao-tabs-bordered ._ao-tab[aria-selected=true]:after, :scope._ao-tabs-bordered ._ao-tab-input:checked+._ao-tab:after, :scope ._ao-tabs-bordered ._ao-tab-input:checked+._ao-tab:after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[data-selected]:after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[data-selected]:after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[aria-selected=true]:after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[aria-selected=true]:after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab-input:checked+._ao-tab:after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab-input:checked+._ao-tab:after{transform:scaleX(1)}
563
+ :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab{position:relative}
564
+ :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab:after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab:after{content:"";background-color:var(--color-primary);block-size:2px;transition:transform .15s;position:absolute;inset-block-end:-1px;inset-inline:0;transform:scaleX(0)}
565
+ :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[data-selected]:after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[data-selected]:after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[aria-selected=true]:after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[aria-selected=true]:after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab-input:checked+._ao-tab:after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab-input:checked+._ao-tab:after{transform:scaleX(1)}
563
566
  :scope._ao-tabs-boxed ._ao-tab-list, :scope ._ao-tabs-boxed ._ao-tab-list{gap:calc(var(--spacing) * 0);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface-muted);padding:calc(var(--spacing) * .5)}
564
567
  :scope._ao-tabs-boxed ._ao-tab, :scope ._ao-tabs-boxed ._ao-tab{border-radius:.25rem}
565
568
  :scope._ao-tabs-boxed ._ao-tab[data-selected], :scope ._ao-tabs-boxed ._ao-tab[data-selected], :scope._ao-tabs-boxed ._ao-tab[aria-selected=true], :scope ._ao-tabs-boxed ._ao-tab[aria-selected=true], :scope._ao-tabs-boxed ._ao-tab-input:checked+._ao-tab, :scope ._ao-tabs-boxed ._ao-tab-input:checked+._ao-tab{background-color:var(--color-surface);color:var(--color-text);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
@@ -572,8 +575,8 @@
572
575
  :scope._ao-tabs[data-orientation=vertical], :scope ._ao-tabs[data-orientation=vertical]{gap:calc(var(--spacing) * 3);flex-direction:row}
573
576
  :scope._ao-tabs[data-orientation=vertical] ._ao-tab-list, :scope ._ao-tabs[data-orientation=vertical] ._ao-tab-list{border-right-style:var(--tw-border-style);border-right-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:0;border-color:var(--color-border);flex-direction:column;align-items:stretch}
574
577
  :scope._ao-tabs[data-orientation=vertical] ._ao-tab, :scope ._ao-tabs[data-orientation=vertical] ._ao-tab{justify-content:flex-start;width:100%}
575
- :scope._ao-tabs[data-orientation=vertical]._ao-tabs-bordered ._ao-tab:after, :scope ._ao-tabs[data-orientation=vertical]._ao-tabs-bordered ._ao-tab:after, :scope._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab:after, :scope ._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab:after{block-size:auto;inline-size:2px;inset-block:0;inset-inline:auto -1px;transform:scaleY(0)}
576
- :scope._ao-tabs[data-orientation=vertical]._ao-tabs-bordered ._ao-tab[data-selected]:after, :scope ._ao-tabs[data-orientation=vertical]._ao-tabs-bordered ._ao-tab[data-selected]:after, :scope._ao-tabs[data-orientation=vertical]._ao-tabs-bordered ._ao-tab[aria-selected=true]:after, :scope ._ao-tabs[data-orientation=vertical]._ao-tabs-bordered ._ao-tab[aria-selected=true]:after, :scope._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab[data-selected]:after, :scope ._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab[data-selected]:after, :scope._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab[aria-selected=true]:after, :scope ._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab[aria-selected=true]:after{transform:scaleY(1)}
578
+ :scope._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab:after, :scope ._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab:after{block-size:auto;inline-size:2px;inset-block:0;inset-inline:auto -1px;transform:scaleY(0)}
579
+ :scope._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab[data-selected]:after, :scope ._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab[data-selected]:after, :scope._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab[aria-selected=true]:after, :scope ._ao-tabs[data-orientation=vertical]:not(._ao-tabs-boxed) ._ao-tab[aria-selected=true]:after{transform:scaleY(1)}
577
580
  :scope._ao-table, :scope ._ao-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text)}
578
581
  :scope._ao-table :where(th, td), :scope ._ao-table :where(th, td), :scope._ao-table-cell, :scope ._ao-table-cell, :scope._ao-table-header-cell, :scope ._ao-table-header-cell{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);text-align:left;vertical-align:middle}
579
582
  :scope._ao-table :where(thead th), :scope ._ao-table :where(thead th), :scope._ao-table-header-cell, :scope ._ao-table-header-cell{border-bottom-color:var(--color-border-strong);background-color:var(--color-surface-muted);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-text-muted)}