@ohhwells/bridge 0.1.43 → 0.1.44
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/index.cjs +463 -140
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +20 -3
- package/dist/index.d.ts +20 -3
- package/dist/index.js +560 -237
- package/dist/index.js.map +1 -1
- package/dist/styles.css +63 -155
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -40,26 +40,27 @@
|
|
|
40
40
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
41
41
|
--default-transition-duration: 150ms;
|
|
42
42
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
43
|
+
--radius: 0.5rem;
|
|
43
44
|
--font-display: 'Instrument Serif', 'Times New Roman', serif;
|
|
44
45
|
--font-body: 'Red Hat Display', system-ui, sans-serif;
|
|
45
46
|
--color-primary: var(--ohw-primary, #0885FE);
|
|
46
47
|
--color-primary-foreground: var(--ohw-primary-foreground, #FAFAF9);
|
|
47
48
|
--color-primary-50: var(--ohw-primary-50, #EFF6FF);
|
|
48
49
|
--color-background: var(--ohw-background, #ffffff);
|
|
49
|
-
--color-foreground: var(--ohw-foreground, #
|
|
50
|
-
--color-card-foreground: var(--ohw-card-foreground, #
|
|
50
|
+
--color-foreground: var(--ohw-foreground, #0c0a09);
|
|
51
|
+
--color-card-foreground: var(--ohw-card-foreground, #0c0a09);
|
|
51
52
|
--color-popover: var(--ohw-popover, #ffffff);
|
|
52
|
-
--color-secondary: var(--ohw-secondary, #
|
|
53
|
-
--color-secondary-foreground: var(--ohw-secondary-foreground, #
|
|
54
|
-
--color-muted: var(--ohw-muted, #
|
|
55
|
-
--color-muted-foreground: var(--ohw-muted-foreground, #
|
|
56
|
-
--color-accent: var(--ohw-accent, #
|
|
57
|
-
--color-accent-foreground: var(--ohw-accent-foreground, #
|
|
58
|
-
--color-destructive: var(--ohw-destructive, #
|
|
59
|
-
--color-destructive-foreground: var(--ohw-destructive-foreground, #
|
|
60
|
-
--color-border: var(--ohw-border, #
|
|
61
|
-
--color-input: var(--ohw-input, #
|
|
62
|
-
--color-ring: var(--ohw-ring, #
|
|
53
|
+
--color-secondary: var(--ohw-secondary, #f5f5f4);
|
|
54
|
+
--color-secondary-foreground: var(--ohw-secondary-foreground, #0c0a09);
|
|
55
|
+
--color-muted: var(--ohw-muted, #f5f5f4);
|
|
56
|
+
--color-muted-foreground: var(--ohw-muted-foreground, #78716c);
|
|
57
|
+
--color-accent: var(--ohw-accent, #f5f5f4);
|
|
58
|
+
--color-accent-foreground: var(--ohw-accent-foreground, #0c0a09);
|
|
59
|
+
--color-destructive: var(--ohw-destructive, #c10007);
|
|
60
|
+
--color-destructive-foreground: var(--ohw-destructive-foreground, #fafaf9);
|
|
61
|
+
--color-border: var(--ohw-border, #e7e5e4);
|
|
62
|
+
--color-input: var(--ohw-input, #e7e5e4);
|
|
63
|
+
--color-ring: var(--ohw-ring, #0885FE);
|
|
63
64
|
--text-5xl--letter-spacing: -0.025em;
|
|
64
65
|
--text-4xl--letter-spacing: -0.025em;
|
|
65
66
|
--text-xl--letter-spacing: -0.025em;
|
|
@@ -199,15 +200,9 @@
|
|
|
199
200
|
.mt-0\.5 {
|
|
200
201
|
margin-top: calc(var(--spacing) * 0.5);
|
|
201
202
|
}
|
|
202
|
-
.mt-2 {
|
|
203
|
-
margin-top: calc(var(--spacing) * 2);
|
|
204
|
-
}
|
|
205
203
|
.mr-\[-1px\] {
|
|
206
204
|
margin-right: -1px;
|
|
207
205
|
}
|
|
208
|
-
.mb-2 {
|
|
209
|
-
margin-bottom: calc(var(--spacing) * 2);
|
|
210
|
-
}
|
|
211
206
|
.mb-4 {
|
|
212
207
|
margin-bottom: calc(var(--spacing) * 4);
|
|
213
208
|
}
|
|
@@ -238,6 +233,10 @@
|
|
|
238
233
|
.inline-flex {
|
|
239
234
|
display: inline-flex;
|
|
240
235
|
}
|
|
236
|
+
.size-2\.5 {
|
|
237
|
+
width: calc(var(--spacing) * 2.5);
|
|
238
|
+
height: calc(var(--spacing) * 2.5);
|
|
239
|
+
}
|
|
241
240
|
.size-4 {
|
|
242
241
|
width: calc(var(--spacing) * 4);
|
|
243
242
|
height: calc(var(--spacing) * 4);
|
|
@@ -381,6 +380,9 @@
|
|
|
381
380
|
.grow {
|
|
382
381
|
flex-grow: 1;
|
|
383
382
|
}
|
|
383
|
+
.origin-\[var\(--radix-tooltip-content-transform-origin\)\] {
|
|
384
|
+
transform-origin: var(--radix-tooltip-content-transform-origin);
|
|
385
|
+
}
|
|
384
386
|
.-translate-x-1\/2 {
|
|
385
387
|
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
|
|
386
388
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
@@ -397,6 +399,13 @@
|
|
|
397
399
|
--tw-translate-y: calc(1 / 2 * 100%);
|
|
398
400
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
399
401
|
}
|
|
402
|
+
.translate-y-\[calc\(-50\%-2px\)\] {
|
|
403
|
+
--tw-translate-y: calc(-50% - 2px);
|
|
404
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
405
|
+
}
|
|
406
|
+
.rotate-45 {
|
|
407
|
+
rotate: 45deg;
|
|
408
|
+
}
|
|
400
409
|
.transform {
|
|
401
410
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
402
411
|
}
|
|
@@ -489,12 +498,18 @@
|
|
|
489
498
|
.overflow-x-auto {
|
|
490
499
|
overflow-x: auto;
|
|
491
500
|
}
|
|
492
|
-
.rounded {
|
|
493
|
-
border-radius:
|
|
501
|
+
.rounded-\[2px\] {
|
|
502
|
+
border-radius: 2px;
|
|
494
503
|
}
|
|
495
504
|
.rounded-\[10px\] {
|
|
496
505
|
border-radius: 10px;
|
|
497
506
|
}
|
|
507
|
+
.rounded-\[calc\(var\(--radius\,0\.5rem\)-2px\)\] {
|
|
508
|
+
border-radius: calc(var(--radius,0.5rem) - 2px);
|
|
509
|
+
}
|
|
510
|
+
.rounded-\[var\(--radius\,0\.5rem\)\] {
|
|
511
|
+
border-radius: var(--radius,0.5rem);
|
|
512
|
+
}
|
|
498
513
|
.rounded-full {
|
|
499
514
|
border-radius: calc(infinity * 1px);
|
|
500
515
|
}
|
|
@@ -622,6 +637,9 @@
|
|
|
622
637
|
.bg-white {
|
|
623
638
|
background-color: var(--color-white);
|
|
624
639
|
}
|
|
640
|
+
.fill-foreground {
|
|
641
|
+
fill: var(--color-foreground);
|
|
642
|
+
}
|
|
625
643
|
.p-0 {
|
|
626
644
|
padding: calc(var(--spacing) * 0);
|
|
627
645
|
}
|
|
@@ -914,16 +932,12 @@
|
|
|
914
932
|
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--ohw-primary));
|
|
915
933
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
916
934
|
}
|
|
917
|
-
.shadow-\[0px_2px_4px_-2px_rgba\(0\,0\,0\,0\.1\)\,0px_4px_6px_-1px_rgba\(0\,0\,0\,0\.1\)\] {
|
|
918
|
-
--tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0px 4px 6px -1px var(--tw-shadow-color, rgba(0,0,0,0.1));
|
|
919
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
920
|
-
}
|
|
921
935
|
.shadow-lg {
|
|
922
936
|
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
923
937
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
924
938
|
}
|
|
925
939
|
.shadow-md {
|
|
926
|
-
--tw-shadow:
|
|
940
|
+
--tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0px 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
|
|
927
941
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
928
942
|
}
|
|
929
943
|
.shadow-none {
|
|
@@ -1011,107 +1025,6 @@
|
|
|
1011
1025
|
color: var(--color-muted-foreground);
|
|
1012
1026
|
}
|
|
1013
1027
|
}
|
|
1014
|
-
.before\:pointer-events-none {
|
|
1015
|
-
&::before {
|
|
1016
|
-
content: var(--tw-content);
|
|
1017
|
-
pointer-events: none;
|
|
1018
|
-
}
|
|
1019
|
-
}
|
|
1020
|
-
.before\:absolute {
|
|
1021
|
-
&::before {
|
|
1022
|
-
content: var(--tw-content);
|
|
1023
|
-
position: absolute;
|
|
1024
|
-
}
|
|
1025
|
-
}
|
|
1026
|
-
.before\:top-0 {
|
|
1027
|
-
&::before {
|
|
1028
|
-
content: var(--tw-content);
|
|
1029
|
-
top: calc(var(--spacing) * 0);
|
|
1030
|
-
}
|
|
1031
|
-
}
|
|
1032
|
-
.before\:top-1\/2 {
|
|
1033
|
-
&::before {
|
|
1034
|
-
content: var(--tw-content);
|
|
1035
|
-
top: calc(1 / 2 * 100%);
|
|
1036
|
-
}
|
|
1037
|
-
}
|
|
1038
|
-
.before\:right-0 {
|
|
1039
|
-
&::before {
|
|
1040
|
-
content: var(--tw-content);
|
|
1041
|
-
right: calc(var(--spacing) * 0);
|
|
1042
|
-
}
|
|
1043
|
-
}
|
|
1044
|
-
.before\:bottom-0 {
|
|
1045
|
-
&::before {
|
|
1046
|
-
content: var(--tw-content);
|
|
1047
|
-
bottom: calc(var(--spacing) * 0);
|
|
1048
|
-
}
|
|
1049
|
-
}
|
|
1050
|
-
.before\:left-0 {
|
|
1051
|
-
&::before {
|
|
1052
|
-
content: var(--tw-content);
|
|
1053
|
-
left: calc(var(--spacing) * 0);
|
|
1054
|
-
}
|
|
1055
|
-
}
|
|
1056
|
-
.before\:left-1\/2 {
|
|
1057
|
-
&::before {
|
|
1058
|
-
content: var(--tw-content);
|
|
1059
|
-
left: calc(1 / 2 * 100%);
|
|
1060
|
-
}
|
|
1061
|
-
}
|
|
1062
|
-
.before\:size-2 {
|
|
1063
|
-
&::before {
|
|
1064
|
-
content: var(--tw-content);
|
|
1065
|
-
width: calc(var(--spacing) * 2);
|
|
1066
|
-
height: calc(var(--spacing) * 2);
|
|
1067
|
-
}
|
|
1068
|
-
}
|
|
1069
|
-
.before\:-translate-x-1\/2 {
|
|
1070
|
-
&::before {
|
|
1071
|
-
content: var(--tw-content);
|
|
1072
|
-
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
|
|
1073
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1074
|
-
}
|
|
1075
|
-
}
|
|
1076
|
-
.before\:translate-x-1\/2 {
|
|
1077
|
-
&::before {
|
|
1078
|
-
content: var(--tw-content);
|
|
1079
|
-
--tw-translate-x: calc(1 / 2 * 100%);
|
|
1080
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1081
|
-
}
|
|
1082
|
-
}
|
|
1083
|
-
.before\:-translate-y-1\/2 {
|
|
1084
|
-
&::before {
|
|
1085
|
-
content: var(--tw-content);
|
|
1086
|
-
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
|
|
1087
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1088
|
-
}
|
|
1089
|
-
}
|
|
1090
|
-
.before\:translate-y-1\/2 {
|
|
1091
|
-
&::before {
|
|
1092
|
-
content: var(--tw-content);
|
|
1093
|
-
--tw-translate-y: calc(1 / 2 * 100%);
|
|
1094
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1095
|
-
}
|
|
1096
|
-
}
|
|
1097
|
-
.before\:rotate-45 {
|
|
1098
|
-
&::before {
|
|
1099
|
-
content: var(--tw-content);
|
|
1100
|
-
rotate: 45deg;
|
|
1101
|
-
}
|
|
1102
|
-
}
|
|
1103
|
-
.before\:bg-foreground {
|
|
1104
|
-
&::before {
|
|
1105
|
-
content: var(--tw-content);
|
|
1106
|
-
background-color: var(--color-foreground);
|
|
1107
|
-
}
|
|
1108
|
-
}
|
|
1109
|
-
.before\:content-\[\"\"\] {
|
|
1110
|
-
&::before {
|
|
1111
|
-
--tw-content: "";
|
|
1112
|
-
content: var(--tw-content);
|
|
1113
|
-
}
|
|
1114
|
-
}
|
|
1115
1028
|
.hover\:bg-accent {
|
|
1116
1029
|
&:hover {
|
|
1117
1030
|
@media (hover: hover) {
|
|
@@ -1508,34 +1421,35 @@
|
|
|
1508
1421
|
--ohw-primary-foreground: #FAFAF9;
|
|
1509
1422
|
--ohw-primary-50: #EFF6FF;
|
|
1510
1423
|
--ohw-background: #ffffff;
|
|
1511
|
-
--ohw-foreground: #
|
|
1424
|
+
--ohw-foreground: #0c0a09;
|
|
1512
1425
|
--ohw-card: #ffffff;
|
|
1513
|
-
--ohw-card-foreground: #
|
|
1426
|
+
--ohw-card-foreground: #0c0a09;
|
|
1514
1427
|
--ohw-popover: #ffffff;
|
|
1515
|
-
--ohw-popover-foreground: #
|
|
1516
|
-
--ohw-hover-primary: #
|
|
1517
|
-
--ohw-secondary: #
|
|
1518
|
-
--ohw-secondary-foreground: #
|
|
1519
|
-
--ohw-hover-secondary: #
|
|
1520
|
-
--ohw-muted: #
|
|
1521
|
-
--ohw-muted-foreground: #
|
|
1522
|
-
--ohw-accent: #
|
|
1523
|
-
--ohw-accent-foreground: #
|
|
1524
|
-
--ohw-bg-accent-50: #
|
|
1525
|
-
--ohw-bg-muted-40: #
|
|
1526
|
-
--ohw-bg-muted-50: #
|
|
1527
|
-
--ohw-destructive: #
|
|
1528
|
-
--ohw-destructive-foreground: #
|
|
1428
|
+
--ohw-popover-foreground: #0c0a09;
|
|
1429
|
+
--ohw-hover-primary: #1c1917;
|
|
1430
|
+
--ohw-secondary: #f5f5f4;
|
|
1431
|
+
--ohw-secondary-foreground: #0c0a09;
|
|
1432
|
+
--ohw-hover-secondary: #e7e5e4;
|
|
1433
|
+
--ohw-muted: #f5f5f4;
|
|
1434
|
+
--ohw-muted-foreground: #78716c;
|
|
1435
|
+
--ohw-accent: #f5f5f4;
|
|
1436
|
+
--ohw-accent-foreground: #0c0a09;
|
|
1437
|
+
--ohw-bg-accent-50: #f5f5f480;
|
|
1438
|
+
--ohw-bg-muted-40: #f5f5f466;
|
|
1439
|
+
--ohw-bg-muted-50: #f5f5f480;
|
|
1440
|
+
--ohw-destructive: #c10007;
|
|
1441
|
+
--ohw-destructive-foreground: #fafaf9;
|
|
1529
1442
|
--ohw-hover-destructive: #ef4444;
|
|
1530
|
-
--ohw-bg-destructive-10: #
|
|
1531
|
-
--ohw-hover-destructive-20: #
|
|
1443
|
+
--ohw-bg-destructive-10: #c100071a;
|
|
1444
|
+
--ohw-hover-destructive-20: #c1000733;
|
|
1532
1445
|
--ohw-border-destructive-50: #fecaca;
|
|
1533
|
-
--ohw-border: #
|
|
1534
|
-
--ohw-border-muted-40: #
|
|
1535
|
-
--ohw-input: #
|
|
1536
|
-
--ohw-ring: #
|
|
1446
|
+
--ohw-border: #e7e5e4;
|
|
1447
|
+
--ohw-border-muted-40: #f5f5f466;
|
|
1448
|
+
--ohw-input: #e7e5e4;
|
|
1449
|
+
--ohw-ring: #0885FE;
|
|
1537
1450
|
--ohw-success: #16a34a;
|
|
1538
1451
|
--ohw-hover-success: #15803d;
|
|
1452
|
+
--radius: 0.5rem;
|
|
1539
1453
|
}
|
|
1540
1454
|
[data-ohw-visible-viewport] {
|
|
1541
1455
|
position: fixed;
|
|
@@ -1930,11 +1844,6 @@ html[data-ohw-section-picking] [data-ohw-state-toggle] {
|
|
|
1930
1844
|
syntax: "*";
|
|
1931
1845
|
inherits: false;
|
|
1932
1846
|
}
|
|
1933
|
-
@property --tw-content {
|
|
1934
|
-
syntax: "*";
|
|
1935
|
-
initial-value: "";
|
|
1936
|
-
inherits: false;
|
|
1937
|
-
}
|
|
1938
1847
|
@keyframes pulse {
|
|
1939
1848
|
50% {
|
|
1940
1849
|
opacity: 0.5;
|
|
@@ -1985,7 +1894,6 @@ html[data-ohw-section-picking] [data-ohw-state-toggle] {
|
|
|
1985
1894
|
--tw-drop-shadow-size: initial;
|
|
1986
1895
|
--tw-duration: initial;
|
|
1987
1896
|
--tw-ease: initial;
|
|
1988
|
-
--tw-content: "";
|
|
1989
1897
|
}
|
|
1990
1898
|
}
|
|
1991
1899
|
}
|