@aortl/admin-css 0.7.0 → 0.8.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.
- package/dist/admin.css +217 -42
- package/dist/admin.min.css +1 -1
- package/dist/admin.scoped.css +213 -42
- package/dist/admin.scoped.min.css +52 -17
- package/package.json +1 -1
- package/src/components/button-group.css +33 -26
- package/src/components/dialog.css +5 -1
- package/src/components/index.css +2 -0
- package/src/components/indicator.css +113 -0
- package/src/components/kbd.css +47 -0
- package/src/components/menu.css +32 -0
- package/src/components/property-list.css +9 -4
- package/src/theme.css +15 -15
package/dist/admin.scoped.css
CHANGED
|
@@ -290,21 +290,21 @@
|
|
|
290
290
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
291
291
|
--default-font-family: var(--font-sans);
|
|
292
292
|
--default-mono-font-family: var(--font-mono);
|
|
293
|
-
--color-paper: #
|
|
294
|
-
--color-black: #
|
|
295
|
-
--color-base-50: #
|
|
296
|
-
--color-base-100: #
|
|
297
|
-
--color-base-150: #
|
|
298
|
-
--color-base-200: #
|
|
299
|
-
--color-base-300: #
|
|
300
|
-
--color-base-400: #
|
|
301
|
-
--color-base-500: #
|
|
302
|
-
--color-base-600: #
|
|
303
|
-
--color-base-700: #
|
|
304
|
-
--color-base-800: #
|
|
305
|
-
--color-base-850: #
|
|
306
|
-
--color-base-900: #
|
|
307
|
-
--color-base-950: #
|
|
293
|
+
--color-paper: #ffffff;
|
|
294
|
+
--color-black: #0f0f0f;
|
|
295
|
+
--color-base-50: #fafafa;
|
|
296
|
+
--color-base-100: #f4f4f4;
|
|
297
|
+
--color-base-150: #e7e7e7;
|
|
298
|
+
--color-base-200: #d4d4d4;
|
|
299
|
+
--color-base-300: #b3b3b3;
|
|
300
|
+
--color-base-400: #9b9b9b;
|
|
301
|
+
--color-base-500: #848484;
|
|
302
|
+
--color-base-600: #6c6c6c;
|
|
303
|
+
--color-base-700: #555555;
|
|
304
|
+
--color-base-800: #3e3e3e;
|
|
305
|
+
--color-base-850: #333333;
|
|
306
|
+
--color-base-900: #272727;
|
|
307
|
+
--color-base-950: #1b1b1b;
|
|
308
308
|
--color-red-50: #ffe1d5;
|
|
309
309
|
--color-red-100: #ffcabb;
|
|
310
310
|
--color-red-150: #fdb2a2;
|
|
@@ -921,6 +921,132 @@
|
|
|
921
921
|
-webkit-user-select: none;
|
|
922
922
|
user-select: none;
|
|
923
923
|
}
|
|
924
|
+
:scope._ao-kbd, :scope ._ao-kbd {
|
|
925
|
+
display: inline-flex;
|
|
926
|
+
height: 1.4em;
|
|
927
|
+
min-width: 1.25em;
|
|
928
|
+
align-items: center;
|
|
929
|
+
justify-content: center;
|
|
930
|
+
border-radius: 0.25rem;
|
|
931
|
+
border-style: var(--tw-border-style);
|
|
932
|
+
border-width: 1px;
|
|
933
|
+
border-color: var(--color-border);
|
|
934
|
+
background-color: var(--color-surface-strong);
|
|
935
|
+
padding-inline: 0.35em;
|
|
936
|
+
vertical-align: middle;
|
|
937
|
+
font-family: var(--font-mono);
|
|
938
|
+
font-size: 0.75em;
|
|
939
|
+
--tw-leading: 1;
|
|
940
|
+
line-height: 1;
|
|
941
|
+
white-space: nowrap;
|
|
942
|
+
color: var(--color-text-muted);
|
|
943
|
+
font-variant-numeric: tabular-nums;
|
|
944
|
+
}
|
|
945
|
+
:scope._ao-kbd-group, :scope ._ao-kbd-group {
|
|
946
|
+
display: inline-flex;
|
|
947
|
+
align-items: center;
|
|
948
|
+
gap: calc(var(--spacing) * 1);
|
|
949
|
+
vertical-align: middle;
|
|
950
|
+
}
|
|
951
|
+
:scope._ao-btn ._ao-kbd, :scope ._ao-btn ._ao-kbd, :scope._ao-menu-item ._ao-kbd, :scope ._ao-menu-item ._ao-kbd {
|
|
952
|
+
color: currentColor;
|
|
953
|
+
background-color: currentColor;
|
|
954
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
955
|
+
background-color: color-mix(in srgb, currentColor 12%, transparent);
|
|
956
|
+
}
|
|
957
|
+
border-color: currentColor;
|
|
958
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
959
|
+
border-color: color-mix(in srgb, currentColor 22%, transparent);
|
|
960
|
+
}
|
|
961
|
+
}
|
|
962
|
+
:scope._ao-btn > ._ao-kbd-group, :scope ._ao-btn > ._ao-kbd-group {
|
|
963
|
+
opacity: 0.85;
|
|
964
|
+
}
|
|
965
|
+
:scope._ao-menu-item > ._ao-kbd-group, :scope ._ao-menu-item > ._ao-kbd-group {
|
|
966
|
+
margin-inline-start: auto;
|
|
967
|
+
}
|
|
968
|
+
:scope._ao-btn-group-vertical > ._ao-btn > ._ao-kbd-group, :scope ._ao-btn-group-vertical > ._ao-btn > ._ao-kbd-group {
|
|
969
|
+
margin-inline-start: auto;
|
|
970
|
+
}
|
|
971
|
+
:scope._ao-indicator, :scope ._ao-indicator {
|
|
972
|
+
position: relative;
|
|
973
|
+
display: inline-flex;
|
|
974
|
+
width: max-content;
|
|
975
|
+
}
|
|
976
|
+
:scope._ao-indicator:has(> ._ao-btn), :scope ._ao-indicator:has(> ._ao-btn), :scope._ao-indicator:has(> ._ao-input), :scope ._ao-indicator:has(> ._ao-input) {
|
|
977
|
+
--indicator-offset: 2px;
|
|
978
|
+
}
|
|
979
|
+
:scope._ao-indicator:has(> ._ao-card), :scope ._ao-indicator:has(> ._ao-card) {
|
|
980
|
+
--indicator-offset: 6px;
|
|
981
|
+
}
|
|
982
|
+
:scope._ao-indicator-item, :scope ._ao-indicator-item {
|
|
983
|
+
position: absolute;
|
|
984
|
+
z-index: 1;
|
|
985
|
+
white-space: nowrap;
|
|
986
|
+
top: var(--indicator-top, 0);
|
|
987
|
+
bottom: var(--indicator-bottom, auto);
|
|
988
|
+
inset-inline-start: var(--indicator-start, auto);
|
|
989
|
+
inset-inline-end: var(--indicator-end, 0);
|
|
990
|
+
transform: translate(var(--indicator-tx, 50%), var(--indicator-ty, -50%)) translate( var(--indicator-offset-x, calc(-1 * var(--indicator-offset, 0px))), var(--indicator-offset-y, var(--indicator-offset, 0px)) );
|
|
991
|
+
}
|
|
992
|
+
:scope._ao-indicator-start, :scope ._ao-indicator-start {
|
|
993
|
+
--indicator-start: 0;
|
|
994
|
+
--indicator-end: auto;
|
|
995
|
+
--indicator-tx: -50%;
|
|
996
|
+
--indicator-offset-x: var(--indicator-offset, 0px);
|
|
997
|
+
}
|
|
998
|
+
:scope._ao-indicator-center, :scope ._ao-indicator-center {
|
|
999
|
+
--indicator-start: 50%;
|
|
1000
|
+
--indicator-end: auto;
|
|
1001
|
+
--indicator-tx: -50%;
|
|
1002
|
+
--indicator-offset-x: 0px;
|
|
1003
|
+
}
|
|
1004
|
+
:scope._ao-indicator-end, :scope ._ao-indicator-end {
|
|
1005
|
+
--indicator-start: auto;
|
|
1006
|
+
--indicator-end: 0;
|
|
1007
|
+
--indicator-tx: 50%;
|
|
1008
|
+
--indicator-offset-x: calc(-1 * var(--indicator-offset, 0px));
|
|
1009
|
+
}
|
|
1010
|
+
:scope._ao-indicator-top, :scope ._ao-indicator-top {
|
|
1011
|
+
--indicator-top: 0;
|
|
1012
|
+
--indicator-bottom: auto;
|
|
1013
|
+
--indicator-ty: -50%;
|
|
1014
|
+
--indicator-offset-y: var(--indicator-offset, 0px);
|
|
1015
|
+
}
|
|
1016
|
+
:scope._ao-indicator-middle, :scope ._ao-indicator-middle {
|
|
1017
|
+
--indicator-top: 50%;
|
|
1018
|
+
--indicator-bottom: auto;
|
|
1019
|
+
--indicator-ty: -50%;
|
|
1020
|
+
--indicator-offset-y: 0px;
|
|
1021
|
+
}
|
|
1022
|
+
:scope._ao-indicator-bottom, :scope ._ao-indicator-bottom {
|
|
1023
|
+
--indicator-top: auto;
|
|
1024
|
+
--indicator-bottom: 0;
|
|
1025
|
+
--indicator-ty: 50%;
|
|
1026
|
+
--indicator-offset-y: calc(-1 * var(--indicator-offset, 0px));
|
|
1027
|
+
}
|
|
1028
|
+
:scope._ao-indicator-dot, :scope ._ao-indicator-dot {
|
|
1029
|
+
display: inline-block;
|
|
1030
|
+
height: calc(var(--spacing) * 2);
|
|
1031
|
+
width: calc(var(--spacing) * 2);
|
|
1032
|
+
border-radius: calc(infinity * 1px);
|
|
1033
|
+
background-color: var(--color-text-muted);
|
|
1034
|
+
}
|
|
1035
|
+
:scope._ao-indicator-dot-info, :scope ._ao-indicator-dot-info {
|
|
1036
|
+
background-color: var(--color-info);
|
|
1037
|
+
}
|
|
1038
|
+
:scope._ao-indicator-dot-success, :scope ._ao-indicator-dot-success {
|
|
1039
|
+
background-color: var(--color-success);
|
|
1040
|
+
}
|
|
1041
|
+
:scope._ao-indicator-dot-warning, :scope ._ao-indicator-dot-warning {
|
|
1042
|
+
background-color: var(--color-warning);
|
|
1043
|
+
}
|
|
1044
|
+
:scope._ao-indicator-dot-danger, :scope ._ao-indicator-dot-danger {
|
|
1045
|
+
background-color: var(--color-danger);
|
|
1046
|
+
}
|
|
1047
|
+
:scope._ao-indicator-dot-primary, :scope ._ao-indicator-dot-primary {
|
|
1048
|
+
background-color: var(--color-primary);
|
|
1049
|
+
}
|
|
924
1050
|
:scope._ao-spinner, :scope ._ao-spinner {
|
|
925
1051
|
display: inline-block;
|
|
926
1052
|
width: 1rem;
|
|
@@ -1198,6 +1324,10 @@
|
|
|
1198
1324
|
gap: 0.5rem;
|
|
1199
1325
|
min-width: 0;
|
|
1200
1326
|
}
|
|
1327
|
+
:scope._ao-property-list-compact ._ao-property-list-label, :scope ._ao-property-list-compact ._ao-property-list-label, :scope._ao-property-list-compact ._ao-property-list-value, :scope ._ao-property-list-compact ._ao-property-list-value {
|
|
1328
|
+
padding: 0.125rem 0.5rem;
|
|
1329
|
+
min-height: 1.5rem;
|
|
1330
|
+
}
|
|
1201
1331
|
:scope._ao-property-list-value-numeric, :scope ._ao-property-list-value-numeric {
|
|
1202
1332
|
justify-content: flex-end;
|
|
1203
1333
|
--tw-numeric-spacing: tabular-nums;
|
|
@@ -1240,12 +1370,12 @@
|
|
|
1240
1370
|
padding: 0.125rem;
|
|
1241
1371
|
transition: opacity 100ms ease, color 100ms ease;
|
|
1242
1372
|
}
|
|
1243
|
-
:scope._ao-property-list-
|
|
1373
|
+
:scope._ao-property-list-value-copyable ._ao-property-list-copy, :scope ._ao-property-list-value-copyable ._ao-property-list-copy {
|
|
1244
1374
|
display: inline-flex;
|
|
1245
1375
|
opacity: 0;
|
|
1246
1376
|
pointer-events: none;
|
|
1247
1377
|
}
|
|
1248
|
-
:scope._ao-property-list-
|
|
1378
|
+
:scope._ao-property-list-label:has(+ ._ao-property-list-value-copyable):hover + ._ao-property-list-value ._ao-property-list-copy, :scope ._ao-property-list-label:has(+ ._ao-property-list-value-copyable):hover + ._ao-property-list-value ._ao-property-list-copy, :scope._ao-property-list-value-copyable:hover ._ao-property-list-copy, :scope ._ao-property-list-value-copyable:hover ._ao-property-list-copy, :scope._ao-property-list-copy:focus-visible, :scope ._ao-property-list-copy:focus-visible, :scope._ao-property-list-copy[data-copied], :scope ._ao-property-list-copy[data-copied] {
|
|
1249
1379
|
opacity: 1;
|
|
1250
1380
|
pointer-events: auto;
|
|
1251
1381
|
}
|
|
@@ -1406,17 +1536,6 @@
|
|
|
1406
1536
|
z-index: 10;
|
|
1407
1537
|
}
|
|
1408
1538
|
}
|
|
1409
|
-
:scope._ao-btn-group > ._ao-btn:not(:first-child), :scope ._ao-btn-group > ._ao-btn:not(:first-child) {
|
|
1410
|
-
margin-left: -1px;
|
|
1411
|
-
}
|
|
1412
|
-
:scope._ao-btn-group > ._ao-btn:first-child, :scope ._ao-btn-group > ._ao-btn:first-child {
|
|
1413
|
-
border-top-left-radius: var(--radius-lg);
|
|
1414
|
-
border-bottom-left-radius: var(--radius-lg);
|
|
1415
|
-
}
|
|
1416
|
-
:scope._ao-btn-group > ._ao-btn:last-child, :scope ._ao-btn-group > ._ao-btn:last-child {
|
|
1417
|
-
border-top-right-radius: var(--radius-lg);
|
|
1418
|
-
border-bottom-right-radius: var(--radius-lg);
|
|
1419
|
-
}
|
|
1420
1539
|
:scope._ao-btn-group > ._ao-menu, :scope ._ao-btn-group > ._ao-menu {
|
|
1421
1540
|
position: relative;
|
|
1422
1541
|
&:focus-visible {
|
|
@@ -1424,21 +1543,21 @@
|
|
|
1424
1543
|
}
|
|
1425
1544
|
display: inline-flex;
|
|
1426
1545
|
}
|
|
1427
|
-
:scope._ao-btn-group > ._ao-menu:not(:first-child), :scope ._ao-btn-group > ._ao-menu:not(:first-child) {
|
|
1428
|
-
margin-left: -1px;
|
|
1429
|
-
}
|
|
1430
1546
|
:scope._ao-btn-group > ._ao-menu > ._ao-menu-trigger, :scope ._ao-btn-group > ._ao-menu > ._ao-menu-trigger {
|
|
1431
1547
|
border-radius: 0;
|
|
1432
1548
|
}
|
|
1433
|
-
:scope._ao-btn-group > ._ao-
|
|
1549
|
+
:scope._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-btn:not(:first-child), :scope ._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-btn:not(:first-child), :scope._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-menu:not(:first-child), :scope ._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-menu:not(:first-child) {
|
|
1550
|
+
margin-left: -1px;
|
|
1551
|
+
}
|
|
1552
|
+
:scope._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-btn:first-child, :scope ._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-btn:first-child, :scope._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-menu:first-child > ._ao-menu-trigger, :scope ._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-menu:first-child > ._ao-menu-trigger {
|
|
1434
1553
|
border-top-left-radius: var(--radius-lg);
|
|
1435
1554
|
border-bottom-left-radius: var(--radius-lg);
|
|
1436
1555
|
}
|
|
1437
|
-
:scope._ao-btn-group > ._ao-menu:last-child > ._ao-menu-trigger, :scope ._ao-btn-group > ._ao-menu:last-child > ._ao-menu-trigger {
|
|
1556
|
+
:scope._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-btn:last-child, :scope ._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-btn:last-child, :scope._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-menu:last-child > ._ao-menu-trigger, :scope ._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-menu:last-child > ._ao-menu-trigger {
|
|
1438
1557
|
border-top-right-radius: var(--radius-lg);
|
|
1439
1558
|
border-bottom-right-radius: var(--radius-lg);
|
|
1440
1559
|
}
|
|
1441
|
-
:scope._ao-btn-group > ._ao-btn:not(:first-child), :scope ._ao-btn-group > ._ao-btn:not(:first-child), :scope._ao-btn-group > ._ao-menu:not(:first-child) > ._ao-menu-trigger, :scope ._ao-btn-group > ._ao-menu:not(:first-child) > ._ao-menu-trigger {
|
|
1560
|
+
:scope._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-btn:not(:first-child), :scope ._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-btn:not(:first-child), :scope._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-menu:not(:first-child) > ._ao-menu-trigger, :scope ._ao-btn-group:not(._ao-btn-group-vertical) > ._ao-menu:not(:first-child) > ._ao-menu-trigger {
|
|
1442
1561
|
border-left-color: currentColor;
|
|
1443
1562
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1444
1563
|
border-left-color: color-mix(in srgb, currentColor 25%, transparent);
|
|
@@ -1448,20 +1567,26 @@
|
|
|
1448
1567
|
display: inline-flex;
|
|
1449
1568
|
flex-direction: column;
|
|
1450
1569
|
}
|
|
1451
|
-
:scope._ao-btn-group-vertical > ._ao-btn
|
|
1570
|
+
:scope._ao-btn-group-vertical > ._ao-btn, :scope ._ao-btn-group-vertical > ._ao-btn {
|
|
1571
|
+
justify-content: flex-start;
|
|
1572
|
+
}
|
|
1573
|
+
: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), :scope ._ao-btn-group-vertical > ._ao-menu:not(:first-child) {
|
|
1452
1574
|
margin-top: -1px;
|
|
1453
|
-
margin-left: calc(var(--spacing) * 0);
|
|
1454
1575
|
}
|
|
1455
|
-
:scope._ao-btn-group-vertical > ._ao-btn:first-child, :scope ._ao-btn-group-vertical > ._ao-btn:first-child {
|
|
1576
|
+
:scope._ao-btn-group-vertical > ._ao-btn:first-child, :scope ._ao-btn-group-vertical > ._ao-btn:first-child, :scope._ao-btn-group-vertical > ._ao-menu:first-child > ._ao-menu-trigger, :scope ._ao-btn-group-vertical > ._ao-menu:first-child > ._ao-menu-trigger {
|
|
1456
1577
|
border-top-left-radius: var(--radius-lg);
|
|
1457
1578
|
border-top-right-radius: var(--radius-lg);
|
|
1458
|
-
border-bottom-left-radius: 0;
|
|
1459
1579
|
}
|
|
1460
|
-
:scope._ao-btn-group-vertical > ._ao-btn:last-child, :scope ._ao-btn-group-vertical > ._ao-btn:last-child {
|
|
1461
|
-
border-top-right-radius: 0;
|
|
1580
|
+
: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 {
|
|
1462
1581
|
border-bottom-right-radius: var(--radius-lg);
|
|
1463
1582
|
border-bottom-left-radius: var(--radius-lg);
|
|
1464
1583
|
}
|
|
1584
|
+
: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 {
|
|
1585
|
+
border-top-color: currentColor;
|
|
1586
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1587
|
+
border-top-color: color-mix(in srgb, currentColor 25%, transparent);
|
|
1588
|
+
}
|
|
1589
|
+
}
|
|
1465
1590
|
:scope._ao-input, :scope ._ao-input {
|
|
1466
1591
|
display: inline-flex;
|
|
1467
1592
|
width: 100%;
|
|
@@ -2171,7 +2296,6 @@
|
|
|
2171
2296
|
:scope._ao-dialog, :scope ._ao-dialog {
|
|
2172
2297
|
margin: auto;
|
|
2173
2298
|
flex-direction: column;
|
|
2174
|
-
overflow: hidden;
|
|
2175
2299
|
border-radius: var(--radius-xl);
|
|
2176
2300
|
border-style: var(--tw-border-style);
|
|
2177
2301
|
border-width: 1px;
|
|
@@ -2259,6 +2383,8 @@
|
|
|
2259
2383
|
background-color: var(--color-surface-muted);
|
|
2260
2384
|
padding-inline: calc(var(--spacing) * 5);
|
|
2261
2385
|
padding-block: calc(var(--spacing) * 3);
|
|
2386
|
+
border-bottom-left-radius: inherit;
|
|
2387
|
+
border-bottom-right-radius: inherit;
|
|
2262
2388
|
}
|
|
2263
2389
|
:scope._ao-dialog-close, :scope ._ao-dialog-close {
|
|
2264
2390
|
display: inline-flex;
|
|
@@ -2622,6 +2748,27 @@
|
|
|
2622
2748
|
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
2623
2749
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2624
2750
|
}
|
|
2751
|
+
@supports (anchor-name: --x) {
|
|
2752
|
+
:scope._ao-menu, :scope ._ao-menu {
|
|
2753
|
+
anchor-scope: --menu-trigger;
|
|
2754
|
+
}
|
|
2755
|
+
:scope._ao-menu-trigger, :scope ._ao-menu-trigger {
|
|
2756
|
+
anchor-name: --menu-trigger;
|
|
2757
|
+
}
|
|
2758
|
+
:scope._ao-menu-popup, :scope ._ao-menu-popup {
|
|
2759
|
+
position: fixed;
|
|
2760
|
+
position-anchor: --menu-trigger;
|
|
2761
|
+
top: anchor(bottom);
|
|
2762
|
+
left: anchor(left);
|
|
2763
|
+
position-try-fallbacks: --menu-popup-flip-up;
|
|
2764
|
+
}
|
|
2765
|
+
}
|
|
2766
|
+
@position-try --menu-popup-flip-up {
|
|
2767
|
+
top: auto;
|
|
2768
|
+
bottom: anchor(top);
|
|
2769
|
+
margin-top: 0;
|
|
2770
|
+
margin-bottom: 0.25rem;
|
|
2771
|
+
}
|
|
2625
2772
|
:scope._ao-menu-item, :scope ._ao-menu-item {
|
|
2626
2773
|
display: flex;
|
|
2627
2774
|
width: 100%;
|
|
@@ -3140,7 +3287,7 @@
|
|
|
3140
3287
|
position: fixed;
|
|
3141
3288
|
inset: calc(var(--spacing) * 0);
|
|
3142
3289
|
z-index: 40;
|
|
3143
|
-
background-color: color-mix(in srgb, #
|
|
3290
|
+
background-color: color-mix(in srgb, #0f0f0f 40%, transparent);
|
|
3144
3291
|
@supports (color: color-mix(in lab, red, red)) {
|
|
3145
3292
|
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
|
|
3146
3293
|
}
|
|
@@ -3571,6 +3718,15 @@
|
|
|
3571
3718
|
white-space: nowrap;
|
|
3572
3719
|
border-width: 0;
|
|
3573
3720
|
}
|
|
3721
|
+
:scope._ao-absolute, :scope ._ao-absolute {
|
|
3722
|
+
position: absolute;
|
|
3723
|
+
}
|
|
3724
|
+
:scope._ao-fixed, :scope ._ao-fixed {
|
|
3725
|
+
position: fixed;
|
|
3726
|
+
}
|
|
3727
|
+
:scope._ao-relative, :scope ._ao-relative {
|
|
3728
|
+
position: relative;
|
|
3729
|
+
}
|
|
3574
3730
|
:scope._ao-sticky, :scope ._ao-sticky {
|
|
3575
3731
|
position: sticky;
|
|
3576
3732
|
}
|
|
@@ -3595,12 +3751,18 @@
|
|
|
3595
3751
|
:scope._ao-block, :scope ._ao-block {
|
|
3596
3752
|
display: block;
|
|
3597
3753
|
}
|
|
3754
|
+
:scope._ao-flex, :scope ._ao-flex {
|
|
3755
|
+
display: flex;
|
|
3756
|
+
}
|
|
3598
3757
|
:scope._ao-grid, :scope ._ao-grid {
|
|
3599
3758
|
display: grid;
|
|
3600
3759
|
}
|
|
3601
3760
|
:scope._ao-hidden, :scope ._ao-hidden {
|
|
3602
3761
|
display: none;
|
|
3603
3762
|
}
|
|
3763
|
+
:scope._ao-inline, :scope ._ao-inline {
|
|
3764
|
+
display: inline;
|
|
3765
|
+
}
|
|
3604
3766
|
:scope._ao-table, :scope ._ao-table {
|
|
3605
3767
|
display: table;
|
|
3606
3768
|
}
|
|
@@ -3613,6 +3775,15 @@
|
|
|
3613
3775
|
:scope._ao-transform, :scope ._ao-transform {
|
|
3614
3776
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
3615
3777
|
}
|
|
3778
|
+
:scope._ao-overflow-hidden, :scope ._ao-overflow-hidden {
|
|
3779
|
+
overflow: hidden;
|
|
3780
|
+
}
|
|
3781
|
+
:scope._ao-rounded, :scope ._ao-rounded {
|
|
3782
|
+
border-radius: 0.25rem;
|
|
3783
|
+
}
|
|
3784
|
+
:scope._ao-rounded-md, :scope ._ao-rounded-md {
|
|
3785
|
+
border-radius: var(--radius-md);
|
|
3786
|
+
}
|
|
3616
3787
|
:scope._ao-text-right, :scope ._ao-text-right {
|
|
3617
3788
|
text-align: right;
|
|
3618
3789
|
}
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
:scope[data-theme=dark], :scope [data-theme=dark]{color-scheme:dark}
|
|
63
63
|
:scope[data-theme=light], :scope [data-theme=light]{color-scheme:light}
|
|
64
64
|
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:scope, :scope *, :scope:before, :scope :before, :scope:after, :scope :after, :scope::backdrop, :scope ::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-tracking:initial}}
|
|
65
|
-
:scope, :scope:host, :scope :host{--font-sans:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-paper:#
|
|
65
|
+
:scope, :scope:host, :scope :host{--font-sans:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-paper:#fff;--color-black:#0f0f0f;--color-base-50:#fafafa;--color-base-100:#f4f4f4;--color-base-150:#e7e7e7;--color-base-200:#d4d4d4;--color-base-300:#b3b3b3;--color-base-400:#9b9b9b;--color-base-500:#848484;--color-base-600:#6c6c6c;--color-base-700:#555;--color-base-800:#3e3e3e;--color-base-850:#333;--color-base-900:#272727;--color-base-950:#1b1b1b;--color-red-50:#ffe1d5;--color-red-100:#ffcabb;--color-red-150:#fdb2a2;--color-red-200:#f89a8a;--color-red-300:#e8705f;--color-red-400:#d14d41;--color-red-500:#c03e35;--color-red-600:#af3029;--color-red-700:#942822;--color-red-800:#6c201c;--color-red-850:#551b18;--color-red-900:#3e1715;--color-red-950:#261312;--color-orange-50:#ffe7ce;--color-orange-100:#fed3af;--color-orange-150:#fcc192;--color-orange-200:#f9ae77;--color-orange-300:#ec8b49;--color-orange-400:#da702c;--color-orange-500:#cb6120;--color-orange-600:#bc5215;--color-orange-700:#9d4310;--color-orange-800:#71320d;--color-orange-850:#59290d;--color-orange-900:#40200d;--color-orange-950:#27180e;--color-yellow-50:#faeec6;--color-yellow-100:#f6e2a0;--color-yellow-150:#f1d67e;--color-yellow-200:#eccb60;--color-yellow-300:#dfb431;--color-yellow-400:#d0a215;--color-yellow-500:#be9207;--color-yellow-600:#ad8301;--color-yellow-700:#8e6b01;--color-yellow-800:#664d01;--color-yellow-850:#503d02;--color-yellow-900:#3a2d04;--color-yellow-950:#241e08;--color-green-50:#edeecf;--color-green-100:#dde2b2;--color-green-150:#cdd597;--color-green-200:#bec97e;--color-green-300:#a0af54;--color-green-400:#879a39;--color-green-500:#768d21;--color-green-600:#66800b;--color-green-700:#536907;--color-green-800:#3d4c07;--color-green-850:#313d07;--color-green-900:#252d09;--color-green-950:#1a1e0c;--color-cyan-50:#ddf1e4;--color-cyan-100:#bfe8d9;--color-cyan-150:#a2dece;--color-cyan-200:#87d3c3;--color-cyan-300:#5abdac;--color-cyan-400:#3aa99f;--color-cyan-500:#2f968d;--color-cyan-600:#24837b;--color-cyan-700:#1c6c66;--color-cyan-800:#164f4a;--color-cyan-850:#143f3c;--color-cyan-900:#122f2c;--color-cyan-950:#101f1d;--color-blue-50:#e1eceb;--color-blue-100:#c6dde8;--color-blue-150:#abcfe2;--color-blue-200:#92bfdb;--color-blue-300:#66a0c8;--color-blue-400:#4385be;--color-blue-500:#3171b2;--color-blue-600:#205ea6;--color-blue-700:#1a4f8c;--color-blue-800:#163b66;--color-blue-850:#133051;--color-blue-900:#12253b;--color-blue-950:#101a24;--color-purple-50:#f0eaec;--color-purple-100:#e2d9e9;--color-purple-150:#d3cae6;--color-purple-200:#c4b9e0;--color-purple-300:#a699d0;--color-purple-400:#8b7ec8;--color-purple-500:#735eb5;--color-purple-600:#5e409d;--color-purple-700:#4f3685;--color-purple-800:#3c2a62;--color-purple-850:#31234e;--color-purple-900:#261c39;--color-purple-950:#1a1623;--color-magenta-50:#fee4e5;--color-magenta-100:#fccfda;--color-magenta-150:#f9b9cf;--color-magenta-200:#f4a4c2;--color-magenta-300:#e47da8;--color-magenta-400:#ce5d97;--color-magenta-500:#b74583;--color-magenta-600:#a02f6f;--color-magenta-700:#87285e;--color-magenta-800:#641f46;--color-magenta-850:#4f1b39;--color-magenta-900:#39172b;--color-magenta-950:#24131d;--color-surface:light-dark(var(--color-paper),var(--color-black));--color-surface-muted:light-dark(var(--color-base-50),var(--color-base-950));--color-surface-strong:light-dark(var(--color-base-100),var(--color-base-900));--color-text:light-dark(var(--color-black),var(--color-base-200));--color-text-muted:light-dark(var(--color-base-600),var(--color-base-500));--color-border:light-dark(var(--color-base-150),var(--color-base-850));--color-border-strong:light-dark(var(--color-base-300),var(--color-base-700));--color-primary:light-dark(var(--color-blue-600),var(--color-blue-400));--color-primary-hover:light-dark(var(--color-blue-700),var(--color-blue-300));--color-primary-muted:light-dark(var(--color-blue-50),var(--color-blue-950));--color-primary-content:light-dark(var(--color-paper),var(--color-black));--color-system-accent:light-dark(var(--color-base-600),var(--color-base-400));--color-system-accent-hover:color-mix(in oklch, light-dark(var(--color-base-600),var(--color-base-400)), light-dark(var(--color-black),var(--color-base-200)) 12%)}
|
|
66
66
|
@supports (color:color-mix(in lab, red, red)){:scope, :scope:host, :scope :host{--color-system-accent-hover:color-mix(in oklch, var(--color-system-accent), var(--color-text) 12%)}}
|
|
67
67
|
:scope, :scope:host, :scope :host{--color-system-accent-muted:color-mix(in oklch, light-dark(var(--color-base-600),var(--color-base-400)) 12%, light-dark(var(--color-paper),var(--color-black)))}
|
|
68
68
|
@supports (color:color-mix(in lab, red, red)){:scope, :scope:host, :scope :host{--color-system-accent-muted:color-mix(in oklch, var(--color-system-accent) 12%, var(--color-surface))}}
|
|
@@ -168,6 +168,30 @@
|
|
|
168
168
|
:scope._ao-badge-sm, :scope ._ao-badge-sm{height:calc(var(--spacing) * 4);gap:calc(var(--spacing) * .5);padding-inline:calc(var(--spacing) * 1.5);font-size:.625rem}
|
|
169
169
|
:scope._ao-badge-lg, :scope ._ao-badge-lg{height:calc(var(--spacing) * 6);gap:calc(var(--spacing) * 1.5);padding-inline:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
|
|
170
170
|
:scope._ao-brand-tile, :scope ._ao-brand-tile{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);background-color:var(--color-system-accent);--tw-leading:1;--tw-font-weight:var(--font-weight-semibold);font-size:11px;line-height:1;font-weight:var(--font-weight-semibold);color:var(--color-system-accent-content);-webkit-user-select:none;user-select:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}
|
|
171
|
+
:scope._ao-kbd, :scope ._ao-kbd{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface-strong);vertical-align:middle;min-width:1.25em;height:1.4em;font-family:var(--font-mono);--tw-leading:1;white-space:nowrap;color:var(--color-text-muted);font-variant-numeric:tabular-nums;border-radius:.25rem;justify-content:center;align-items:center;padding-inline:.35em;font-size:.75em;line-height:1;display:inline-flex}
|
|
172
|
+
:scope._ao-kbd-group, :scope ._ao-kbd-group{align-items:center;gap:calc(var(--spacing) * 1);vertical-align:middle;display:inline-flex}
|
|
173
|
+
:scope._ao-btn ._ao-kbd, :scope ._ao-btn ._ao-kbd, :scope._ao-menu-item ._ao-kbd, :scope ._ao-menu-item ._ao-kbd{color:currentColor;background-color:currentColor}
|
|
174
|
+
@supports (color:color-mix(in lab, red, red)){:scope._ao-btn ._ao-kbd, :scope ._ao-btn ._ao-kbd, :scope._ao-menu-item ._ao-kbd, :scope ._ao-menu-item ._ao-kbd{background-color:color-mix(in srgb, currentColor 12%, transparent)}}
|
|
175
|
+
:scope._ao-btn ._ao-kbd, :scope ._ao-btn ._ao-kbd, :scope._ao-menu-item ._ao-kbd, :scope ._ao-menu-item ._ao-kbd{border-color:currentColor}
|
|
176
|
+
@supports (color:color-mix(in lab, red, red)){:scope._ao-btn ._ao-kbd, :scope ._ao-btn ._ao-kbd, :scope._ao-menu-item ._ao-kbd, :scope ._ao-menu-item ._ao-kbd{border-color:color-mix(in srgb, currentColor 22%, transparent)}}
|
|
177
|
+
:scope._ao-btn>._ao-kbd-group, :scope ._ao-btn>._ao-kbd-group{opacity:.85}
|
|
178
|
+
:scope._ao-menu-item>._ao-kbd-group, :scope ._ao-menu-item>._ao-kbd-group, :scope._ao-btn-group-vertical>._ao-btn>._ao-kbd-group, :scope ._ao-btn-group-vertical>._ao-btn>._ao-kbd-group{margin-inline-start:auto}
|
|
179
|
+
:scope._ao-indicator, :scope ._ao-indicator{width:max-content;display:inline-flex;position:relative}
|
|
180
|
+
:scope._ao-indicator:has(>._ao-btn), :scope ._ao-indicator:has(>._ao-btn), :scope._ao-indicator:has(>._ao-input), :scope ._ao-indicator:has(>._ao-input){--indicator-offset:2px}
|
|
181
|
+
:scope._ao-indicator:has(>._ao-card), :scope ._ao-indicator:has(>._ao-card){--indicator-offset:6px}
|
|
182
|
+
:scope._ao-indicator-item, :scope ._ao-indicator-item{z-index:1;white-space:nowrap;top:var(--indicator-top,0);bottom:var(--indicator-bottom,auto);transform:translate(var(--indicator-tx,50%), var(--indicator-ty,-50%)) translate(var(--indicator-offset-x,calc(-1 * var(--indicator-offset,0px))), var(--indicator-offset-y,var(--indicator-offset,0px)));position:absolute;inset-inline-start:var(--indicator-start,auto);inset-inline-end:var(--indicator-end,0)}
|
|
183
|
+
:scope._ao-indicator-start, :scope ._ao-indicator-start{--indicator-start:0;--indicator-end:auto;--indicator-tx:-50%;--indicator-offset-x:var(--indicator-offset,0px)}
|
|
184
|
+
:scope._ao-indicator-center, :scope ._ao-indicator-center{--indicator-start:50%;--indicator-end:auto;--indicator-tx:-50%;--indicator-offset-x:0px}
|
|
185
|
+
:scope._ao-indicator-end, :scope ._ao-indicator-end{--indicator-start:auto;--indicator-end:0;--indicator-tx:50%;--indicator-offset-x:calc(-1 * var(--indicator-offset,0px))}
|
|
186
|
+
:scope._ao-indicator-top, :scope ._ao-indicator-top{--indicator-top:0;--indicator-bottom:auto;--indicator-ty:-50%;--indicator-offset-y:var(--indicator-offset,0px)}
|
|
187
|
+
:scope._ao-indicator-middle, :scope ._ao-indicator-middle{--indicator-top:50%;--indicator-bottom:auto;--indicator-ty:-50%;--indicator-offset-y:0px}
|
|
188
|
+
:scope._ao-indicator-bottom, :scope ._ao-indicator-bottom{--indicator-top:auto;--indicator-bottom:0;--indicator-ty:50%;--indicator-offset-y:calc(-1 * var(--indicator-offset,0px))}
|
|
189
|
+
:scope._ao-indicator-dot, :scope ._ao-indicator-dot{height:calc(var(--spacing) * 2);width:calc(var(--spacing) * 2);background-color:var(--color-text-muted);border-radius:3.40282e38px;display:inline-block}
|
|
190
|
+
:scope._ao-indicator-dot-info, :scope ._ao-indicator-dot-info{background-color:var(--color-info)}
|
|
191
|
+
:scope._ao-indicator-dot-success, :scope ._ao-indicator-dot-success{background-color:var(--color-success)}
|
|
192
|
+
:scope._ao-indicator-dot-warning, :scope ._ao-indicator-dot-warning{background-color:var(--color-warning)}
|
|
193
|
+
:scope._ao-indicator-dot-danger, :scope ._ao-indicator-dot-danger{background-color:var(--color-danger)}
|
|
194
|
+
:scope._ao-indicator-dot-primary, :scope ._ao-indicator-dot-primary{background-color:var(--color-primary)}
|
|
171
195
|
:scope._ao-spinner, :scope ._ao-spinner{border:2px solid;border-radius:9999px;flex-shrink:0;width:1rem;height:1rem;display:inline-block}
|
|
172
196
|
@supports (color:color-mix(in lab, red, red)){:scope._ao-spinner, :scope ._ao-spinner{border:2px solid color-mix(in oklab, currentColor 25%, transparent)}}
|
|
173
197
|
:scope._ao-spinner, :scope ._ao-spinner{border-top-color:currentColor;animation:.6s linear infinite spinner-spin}
|
|
@@ -216,6 +240,7 @@
|
|
|
216
240
|
:scope._ao-property-list-label, :scope ._ao-property-list-label, :scope._ao-property-list-value, :scope ._ao-property-list-value{align-items:center;min-height:2rem;padding:.375rem .75rem;display:flex}
|
|
217
241
|
:scope._ao-property-list-label, :scope ._ao-property-list-label{color:var(--color-text-muted)}
|
|
218
242
|
:scope._ao-property-list-value, :scope ._ao-property-list-value{gap:.5rem;min-width:0}
|
|
243
|
+
:scope._ao-property-list-compact ._ao-property-list-label, :scope ._ao-property-list-compact ._ao-property-list-label, :scope._ao-property-list-compact ._ao-property-list-value, :scope ._ao-property-list-compact ._ao-property-list-value{min-height:1.5rem;padding:.125rem .5rem}
|
|
219
244
|
:scope._ao-property-list-value-numeric, :scope ._ao-property-list-value-numeric{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);justify-content:flex-end}
|
|
220
245
|
:scope._ao-property-list-striped dt:nth-of-type(2n+2), :scope ._ao-property-list-striped dt:nth-of-type(2n+2), :scope._ao-property-list-striped dd:nth-of-type(2n+2), :scope ._ao-property-list-striped dd:nth-of-type(2n+2){background-color:var(--color-surface-muted)}
|
|
221
246
|
:scope._ao-property-list-hide-if-empty:not(:has(._ao-property-list-value:not(._ao-property-list-value-empty))), :scope ._ao-property-list-hide-if-empty:not(:has(._ao-property-list-value:not(._ao-property-list-value-empty))){display:none}
|
|
@@ -223,8 +248,8 @@
|
|
|
223
248
|
@media (hover:hover){:scope._ao-property-list-copy:hover, :scope ._ao-property-list-copy:hover{color:var(--color-text)}}
|
|
224
249
|
:scope._ao-property-list-copy:focus-visible, :scope ._ao-property-list-copy:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
|
|
225
250
|
:scope._ao-property-list-copy, :scope ._ao-property-list-copy{flex-shrink:0;padding:.125rem;transition:opacity .1s,color .1s;display:none}
|
|
226
|
-
:scope._ao-property-list-
|
|
227
|
-
:scope._ao-property-list-
|
|
251
|
+
:scope._ao-property-list-value-copyable ._ao-property-list-copy, :scope ._ao-property-list-value-copyable ._ao-property-list-copy{opacity:0;pointer-events:none;display:inline-flex}
|
|
252
|
+
:scope._ao-property-list-label:has(+._ao-property-list-value-copyable):hover+._ao-property-list-value ._ao-property-list-copy, :scope ._ao-property-list-label:has(+._ao-property-list-value-copyable):hover+._ao-property-list-value ._ao-property-list-copy, :scope._ao-property-list-value-copyable:hover ._ao-property-list-copy, :scope ._ao-property-list-value-copyable:hover ._ao-property-list-copy, :scope._ao-property-list-copy:focus-visible, :scope ._ao-property-list-copy:focus-visible, :scope._ao-property-list-copy[data-copied], :scope ._ao-property-list-copy[data-copied]{opacity:1;pointer-events:auto}
|
|
228
253
|
: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}
|
|
229
254
|
: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}
|
|
230
255
|
:scope._ao-property-list-copy[data-copied], :scope ._ao-property-list-copy[data-copied]{color:var(--color-success)}
|
|
@@ -254,22 +279,22 @@
|
|
|
254
279
|
:scope._ao-btn-group, :scope ._ao-btn-group{display:inline-flex}
|
|
255
280
|
:scope._ao-btn-group>._ao-btn, :scope ._ao-btn-group>._ao-btn{border-radius:0;position:relative}
|
|
256
281
|
:scope._ao-btn-group>._ao-btn:focus-visible, :scope ._ao-btn-group>._ao-btn:focus-visible{z-index:10}
|
|
257
|
-
:scope._ao-btn-group>._ao-btn:not(:first-child), :scope ._ao-btn-group>._ao-btn:not(:first-child){margin-left:-1px}
|
|
258
|
-
:scope._ao-btn-group>._ao-btn:first-child, :scope ._ao-btn-group>._ao-btn:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}
|
|
259
|
-
:scope._ao-btn-group>._ao-btn:last-child, :scope ._ao-btn-group>._ao-btn:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}
|
|
260
282
|
:scope._ao-btn-group>._ao-menu, :scope ._ao-btn-group>._ao-menu{position:relative}
|
|
261
283
|
:scope._ao-btn-group>._ao-menu:focus-visible, :scope ._ao-btn-group>._ao-menu:focus-visible{z-index:10}
|
|
262
284
|
:scope._ao-btn-group>._ao-menu, :scope ._ao-btn-group>._ao-menu{display:inline-flex}
|
|
263
|
-
:scope._ao-btn-group>._ao-menu:not(:first-child), :scope ._ao-btn-group>._ao-menu:not(:first-child){margin-left:-1px}
|
|
264
285
|
:scope._ao-btn-group>._ao-menu>._ao-menu-trigger, :scope ._ao-btn-group>._ao-menu>._ao-menu-trigger{border-radius:0}
|
|
265
|
-
:scope._ao-btn-group>._ao-
|
|
266
|
-
:scope._ao-btn-group>._ao-menu:
|
|
267
|
-
:scope._ao-btn-group>._ao-btn:
|
|
268
|
-
|
|
286
|
+
:scope._ao-btn-group:not(._ao-btn-group-vertical)>._ao-btn:not(:first-child), :scope ._ao-btn-group:not(._ao-btn-group-vertical)>._ao-btn:not(:first-child), :scope._ao-btn-group:not(._ao-btn-group-vertical)>._ao-menu:not(:first-child), :scope ._ao-btn-group:not(._ao-btn-group-vertical)>._ao-menu:not(:first-child){margin-left:-1px}
|
|
287
|
+
:scope._ao-btn-group:not(._ao-btn-group-vertical)>._ao-btn:first-child, :scope ._ao-btn-group:not(._ao-btn-group-vertical)>._ao-btn:first-child, :scope._ao-btn-group:not(._ao-btn-group-vertical)>._ao-menu:first-child>._ao-menu-trigger, :scope ._ao-btn-group:not(._ao-btn-group-vertical)>._ao-menu:first-child>._ao-menu-trigger{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}
|
|
288
|
+
:scope._ao-btn-group:not(._ao-btn-group-vertical)>._ao-btn:last-child, :scope ._ao-btn-group:not(._ao-btn-group-vertical)>._ao-btn:last-child, :scope._ao-btn-group:not(._ao-btn-group-vertical)>._ao-menu:last-child>._ao-menu-trigger, :scope ._ao-btn-group:not(._ao-btn-group-vertical)>._ao-menu:last-child>._ao-menu-trigger{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}
|
|
289
|
+
:scope._ao-btn-group:not(._ao-btn-group-vertical)>._ao-btn:not(:first-child), :scope ._ao-btn-group:not(._ao-btn-group-vertical)>._ao-btn:not(:first-child), :scope._ao-btn-group:not(._ao-btn-group-vertical)>._ao-menu:not(:first-child)>._ao-menu-trigger, :scope ._ao-btn-group:not(._ao-btn-group-vertical)>._ao-menu:not(:first-child)>._ao-menu-trigger{border-left-color:currentColor}
|
|
290
|
+
@supports (color:color-mix(in lab, red, red)){:scope._ao-btn-group:not(._ao-btn-group-vertical)>._ao-btn:not(:first-child), :scope ._ao-btn-group:not(._ao-btn-group-vertical)>._ao-btn:not(:first-child), :scope._ao-btn-group:not(._ao-btn-group-vertical)>._ao-menu:not(:first-child)>._ao-menu-trigger, :scope ._ao-btn-group:not(._ao-btn-group-vertical)>._ao-menu:not(:first-child)>._ao-menu-trigger{border-left-color:color-mix(in srgb, currentColor 25%, transparent)}}
|
|
269
291
|
:scope._ao-btn-group-vertical, :scope ._ao-btn-group-vertical{flex-direction:column;display:inline-flex}
|
|
270
|
-
:scope._ao-btn-group-vertical>._ao-btn
|
|
271
|
-
:scope._ao-btn-group-vertical>._ao-btn:first-child, :scope ._ao-btn-group-vertical>._ao-btn:first-child
|
|
272
|
-
:scope._ao-btn-group-vertical>._ao-btn:
|
|
292
|
+
:scope._ao-btn-group-vertical>._ao-btn, :scope ._ao-btn-group-vertical>._ao-btn{justify-content:flex-start}
|
|
293
|
+
: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), :scope ._ao-btn-group-vertical>._ao-menu:not(:first-child){margin-top:-1px}
|
|
294
|
+
:scope._ao-btn-group-vertical>._ao-btn:first-child, :scope ._ao-btn-group-vertical>._ao-btn:first-child, :scope._ao-btn-group-vertical>._ao-menu:first-child>._ao-menu-trigger, :scope ._ao-btn-group-vertical>._ao-menu:first-child>._ao-menu-trigger{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}
|
|
295
|
+
: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
|
+
: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
|
+
@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)}}
|
|
273
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}
|
|
274
299
|
:scope._ao-input::placeholder, :scope ._ao-input::placeholder{color:var(--color-text-muted)}
|
|
275
300
|
: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)}
|
|
@@ -377,7 +402,7 @@
|
|
|
377
402
|
:scope._ao-card-actions, :scope ._ao-card-actions{align-items:center;gap:calc(var(--spacing) * 2);padding-top:calc(var(--spacing) * 2);flex-wrap:wrap;margin-top:auto;display:flex}
|
|
378
403
|
:scope._ao-card-compact ._ao-card-body, :scope ._ao-card-compact ._ao-card-body{gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 3)}
|
|
379
404
|
:scope._ao-card-bordered, :scope ._ao-card-bordered{border-color:var(--color-border-strong);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
|
|
380
|
-
:scope._ao-dialog, :scope ._ao-dialog{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface);padding:calc(var(--spacing) * 0);color:var(--color-text);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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);opacity:1;width:calc(100% - 2rem);max-width:32rem;max-height:calc(100dvh - 2rem);transition:display .15s allow-discrete, overlay .15s allow-discrete, opacity .15s ease-out, transform .15s ease-out;flex-direction:column;margin:auto;
|
|
405
|
+
:scope._ao-dialog, :scope ._ao-dialog{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface);padding:calc(var(--spacing) * 0);color:var(--color-text);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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);opacity:1;width:calc(100% - 2rem);max-width:32rem;max-height:calc(100dvh - 2rem);transition:display .15s allow-discrete, overlay .15s allow-discrete, opacity .15s ease-out, transform .15s ease-out;flex-direction:column;margin:auto;transform:translateY(0)scale(1)}
|
|
381
406
|
:scope._ao-dialog[open], :scope ._ao-dialog[open]{display:flex}
|
|
382
407
|
:scope._ao-dialog::backdrop, :scope ._ao-dialog::backdrop{transition:display .15s allow-discrete, overlay .15s allow-discrete, background .15s ease-out;background:#0006}
|
|
383
408
|
@starting-style{:scope._ao-dialog[open], :scope ._ao-dialog[open]{opacity:0;transform:translateY(-.5rem)scale(.98)}:scope._ao-dialog[open]::backdrop, :scope ._ao-dialog[open]::backdrop{background:0 0}}
|
|
@@ -387,7 +412,7 @@
|
|
|
387
412
|
:scope._ao-dialog-title, :scope ._ao-dialog-title{margin:calc(var(--spacing) * 0);align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);flex:1;display:flex}
|
|
388
413
|
:scope._ao-dialog-description, :scope ._ao-dialog-description{margin-top:calc(var(--spacing) * -2);margin-bottom:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text-muted)}
|
|
389
414
|
:scope._ao-dialog-body, :scope ._ao-dialog-body{gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);flex-direction:column;display:flex;overflow-y:auto}
|
|
390
|
-
:scope._ao-dialog-footer, :scope ._ao-dialog-footer{justify-content:flex-end;align-items:center;gap:calc(var(--spacing) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-border);background-color:var(--color-surface-muted);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}
|
|
415
|
+
:scope._ao-dialog-footer, :scope ._ao-dialog-footer{justify-content:flex-end;align-items:center;gap:calc(var(--spacing) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-border);background-color:var(--color-surface-muted);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;flex-wrap:wrap;display:flex}
|
|
391
416
|
:scope._ao-dialog-close, :scope ._ao-dialog-close{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);cursor:pointer;border-radius:var(--radius-md);color:var(--color-text-muted);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;background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.15s;display:inline-flex}
|
|
392
417
|
@media (hover:hover){:scope._ao-dialog-close:hover, :scope ._ao-dialog-close:hover{background-color:var(--color-surface-strong);color:var(--color-text)}}
|
|
393
418
|
:scope._ao-dialog-close:focus-visible, :scope ._ao-dialog-close:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
|
|
@@ -449,6 +474,8 @@
|
|
|
449
474
|
:scope._ao-menu-trigger:empty, :scope ._ao-menu-trigger:empty{justify-content:center}
|
|
450
475
|
:scope._ao-menu[open]>._ao-menu-trigger:after, :scope ._ao-menu[open]>._ao-menu-trigger:after{transform:rotate(-135deg)}
|
|
451
476
|
:scope._ao-menu-popup, :scope ._ao-menu-popup{top:100%;left:calc(var(--spacing) * 0);z-index:30;margin-top:calc(var(--spacing) * 1);max-height:calc(var(--spacing) * 72);min-width:calc(var(--spacing) * 44);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-surface);padding-block:calc(var(--spacing) * 1);color:var(--color-text);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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);position:absolute;overflow:auto}
|
|
477
|
+
@supports (anchor-name:--x){:scope._ao-menu, :scope ._ao-menu{anchor-scope:--menu-trigger}:scope._ao-menu-trigger, :scope ._ao-menu-trigger{anchor-name:--menu-trigger}:scope._ao-menu-popup, :scope ._ao-menu-popup{position-anchor:--menu-trigger;top:anchor(bottom);left:anchor(left);position-try-fallbacks:--menu-popup-flip-up;position:fixed}}
|
|
478
|
+
@position-try --menu-popup-flip-up{top: auto; bottom: anchor(top); margin-top: 0; margin-bottom: .25rem;}
|
|
452
479
|
:scope._ao-menu-item, :scope ._ao-menu-item{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);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);-webkit-user-select:none;user-select:none;background-color:#0000;border-width:0;line-height:1;text-decoration-line:none;display:flex}
|
|
453
480
|
@media (hover:hover){:scope._ao-menu-item:hover, :scope ._ao-menu-item:hover{background-color:var(--color-surface-muted)}}
|
|
454
481
|
:scope._ao-menu-item:focus-visible, :scope ._ao-menu-item:focus-visible{background-color:var(--color-surface-muted);--tw-outline-style:none;outline-style:none}
|
|
@@ -508,7 +535,7 @@
|
|
|
508
535
|
:scope._ao-sidebar-collapse-toggle:has(._ao-sidebar-toggle:focus-visible), :scope ._ao-sidebar-collapse-toggle:has(._ao-sidebar-toggle:focus-visible){outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}
|
|
509
536
|
:scope._ao-sidebar-collapse-toggle:before, :scope ._ao-sidebar-collapse-toggle:before{content:"";border-bottom:2px solid;border-left:2px solid;width:.5rem;height:.5rem;transition:transform .15s;transform:rotate(45deg)}
|
|
510
537
|
:scope._ao-sidebar:has(._ao-sidebar-toggle:checked) ._ao-sidebar-collapse-toggle:before, :scope ._ao-sidebar:has(._ao-sidebar-toggle:checked) ._ao-sidebar-collapse-toggle:before{transform:rotate(-135deg)}
|
|
511
|
-
:scope._ao-sidebar-drawer-backdrop, :scope ._ao-sidebar-drawer-backdrop{inset:calc(var(--spacing) * 0);z-index:40;background-color:#
|
|
538
|
+
:scope._ao-sidebar-drawer-backdrop, :scope ._ao-sidebar-drawer-backdrop{inset:calc(var(--spacing) * 0);z-index:40;background-color:#0f0f0f66;position:fixed}
|
|
512
539
|
@supports (color:color-mix(in lab, red, red)){:scope._ao-sidebar-drawer-backdrop, :scope ._ao-sidebar-drawer-backdrop{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}
|
|
513
540
|
:scope._ao-sidebar-drawer-backdrop, :scope ._ao-sidebar-drawer-backdrop{transition-property:opacity;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}
|
|
514
541
|
:scope._ao-sidebar-drawer-backdrop[data-starting-style], :scope ._ao-sidebar-drawer-backdrop[data-starting-style], :scope._ao-sidebar-drawer-backdrop[data-ending-style], :scope ._ao-sidebar-drawer-backdrop[data-ending-style]{opacity:0}
|
|
@@ -578,6 +605,9 @@
|
|
|
578
605
|
:scope._ao-collapse, :scope ._ao-collapse{visibility:collapse}
|
|
579
606
|
:scope._ao-visible, :scope ._ao-visible{visibility:visible}
|
|
580
607
|
:scope._ao-sr-only, :scope ._ao-sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
|
|
608
|
+
:scope._ao-absolute, :scope ._ao-absolute{position:absolute}
|
|
609
|
+
:scope._ao-fixed, :scope ._ao-fixed{position:fixed}
|
|
610
|
+
:scope._ao-relative, :scope ._ao-relative{position:relative}
|
|
581
611
|
:scope._ao-sticky, :scope ._ao-sticky{position:sticky}
|
|
582
612
|
:scope._ao-container, :scope ._ao-container{width:100%}
|
|
583
613
|
@media (min-width:40rem){:scope._ao-container, :scope ._ao-container{max-width:40rem}}
|
|
@@ -586,12 +616,17 @@
|
|
|
586
616
|
@media (min-width:80rem){:scope._ao-container, :scope ._ao-container{max-width:80rem}}
|
|
587
617
|
@media (min-width:96rem){:scope._ao-container, :scope ._ao-container{max-width:96rem}}
|
|
588
618
|
:scope._ao-block, :scope ._ao-block{display:block}
|
|
619
|
+
:scope._ao-flex, :scope ._ao-flex{display:flex}
|
|
589
620
|
:scope._ao-grid, :scope ._ao-grid{display:grid}
|
|
590
621
|
:scope._ao-hidden, :scope ._ao-hidden{display:none}
|
|
622
|
+
:scope._ao-inline, :scope ._ao-inline{display:inline}
|
|
591
623
|
:scope._ao-table, :scope ._ao-table{display:table}
|
|
592
624
|
:scope._ao-table-cell, :scope ._ao-table-cell{display:table-cell}
|
|
593
625
|
:scope._ao-flex-1, :scope ._ao-flex-1{flex:1}
|
|
594
626
|
:scope._ao-transform, :scope ._ao-transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
|
|
627
|
+
:scope._ao-overflow-hidden, :scope ._ao-overflow-hidden{overflow:hidden}
|
|
628
|
+
:scope._ao-rounded, :scope ._ao-rounded{border-radius:.25rem}
|
|
629
|
+
:scope._ao-rounded-md, :scope ._ao-rounded-md{border-radius:var(--radius-md)}
|
|
595
630
|
:scope._ao-text-right, :scope ._ao-text-right{text-align:right}
|
|
596
631
|
:scope._ao-tabular-nums, :scope ._ao-tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}
|
|
597
632
|
:scope._ao-select-all, :scope ._ao-select-all{-webkit-user-select:all;user-select:all}
|