@ohhwells/bridge 0.1.40 → 0.1.42-next.100
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/README.md +12 -0
- package/dist/index.cjs +3003 -460
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +51 -5
- package/dist/index.d.ts +51 -5
- package/dist/index.js +3010 -469
- package/dist/index.js.map +1 -1
- package/dist/styles.css +88 -73
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -22,10 +22,6 @@
|
|
|
22
22
|
--text-lg--line-height: 28px;
|
|
23
23
|
--text-xl: 20px;
|
|
24
24
|
--text-xl--line-height: 28px;
|
|
25
|
-
--text-4xl: 36px;
|
|
26
|
-
--text-4xl--line-height: 40px;
|
|
27
|
-
--text-5xl: 48px;
|
|
28
|
-
--text-5xl--line-height: 1;
|
|
29
25
|
--font-weight-normal: 400;
|
|
30
26
|
--font-weight-medium: 500;
|
|
31
27
|
--font-weight-semibold: 600;
|
|
@@ -40,28 +36,27 @@
|
|
|
40
36
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
41
37
|
--default-transition-duration: 150ms;
|
|
42
38
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
39
|
+
--radius: 0.5rem;
|
|
43
40
|
--font-display: 'Instrument Serif', 'Times New Roman', serif;
|
|
44
41
|
--font-body: 'Red Hat Display', system-ui, sans-serif;
|
|
45
42
|
--color-primary: var(--ohw-primary, #0885FE);
|
|
46
43
|
--color-primary-foreground: var(--ohw-primary-foreground, #FAFAF9);
|
|
47
44
|
--color-primary-50: var(--ohw-primary-50, #EFF6FF);
|
|
48
45
|
--color-background: var(--ohw-background, #ffffff);
|
|
49
|
-
--color-foreground: var(--ohw-foreground, #
|
|
50
|
-
--color-card-foreground: var(--ohw-card-foreground, #
|
|
46
|
+
--color-foreground: var(--ohw-foreground, #0c0a09);
|
|
47
|
+
--color-card-foreground: var(--ohw-card-foreground, #0c0a09);
|
|
51
48
|
--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, #
|
|
63
|
-
--text-5xl--letter-spacing: -0.025em;
|
|
64
|
-
--text-4xl--letter-spacing: -0.025em;
|
|
49
|
+
--color-secondary: var(--ohw-secondary, #f5f5f4);
|
|
50
|
+
--color-secondary-foreground: var(--ohw-secondary-foreground, #0c0a09);
|
|
51
|
+
--color-muted: var(--ohw-muted, #f5f5f4);
|
|
52
|
+
--color-muted-foreground: var(--ohw-muted-foreground, #78716c);
|
|
53
|
+
--color-accent: var(--ohw-accent, #f5f5f4);
|
|
54
|
+
--color-accent-foreground: var(--ohw-accent-foreground, #0c0a09);
|
|
55
|
+
--color-destructive: var(--ohw-destructive, #c10007);
|
|
56
|
+
--color-destructive-foreground: var(--ohw-destructive-foreground, #fafaf9);
|
|
57
|
+
--color-border: var(--ohw-border, #e7e5e4);
|
|
58
|
+
--color-input: var(--ohw-input, #e7e5e4);
|
|
59
|
+
--color-ring: var(--ohw-ring, #0885FE);
|
|
65
60
|
--text-xl--letter-spacing: -0.025em;
|
|
66
61
|
--text-lg--letter-spacing: 0em;
|
|
67
62
|
--text-base--letter-spacing: 0em;
|
|
@@ -79,6 +74,12 @@
|
|
|
79
74
|
.pointer-events-none {
|
|
80
75
|
pointer-events: none;
|
|
81
76
|
}
|
|
77
|
+
.collapse {
|
|
78
|
+
visibility: collapse;
|
|
79
|
+
}
|
|
80
|
+
.invisible {
|
|
81
|
+
visibility: hidden;
|
|
82
|
+
}
|
|
82
83
|
.visible {
|
|
83
84
|
visibility: visible;
|
|
84
85
|
}
|
|
@@ -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,9 @@
|
|
|
238
233
|
.inline-flex {
|
|
239
234
|
display: inline-flex;
|
|
240
235
|
}
|
|
236
|
+
.table {
|
|
237
|
+
display: table;
|
|
238
|
+
}
|
|
241
239
|
.size-4 {
|
|
242
240
|
width: calc(var(--spacing) * 4);
|
|
243
241
|
height: calc(var(--spacing) * 4);
|
|
@@ -254,6 +252,9 @@
|
|
|
254
252
|
width: calc(var(--spacing) * 8);
|
|
255
253
|
height: calc(var(--spacing) * 8);
|
|
256
254
|
}
|
|
255
|
+
.\!h-full {
|
|
256
|
+
height: 100% !important;
|
|
257
|
+
}
|
|
257
258
|
.h-6 {
|
|
258
259
|
height: calc(var(--spacing) * 6);
|
|
259
260
|
}
|
|
@@ -269,6 +270,9 @@
|
|
|
269
270
|
.h-10 {
|
|
270
271
|
height: calc(var(--spacing) * 10);
|
|
271
272
|
}
|
|
273
|
+
.h-\[3px\] {
|
|
274
|
+
height: 3px;
|
|
275
|
+
}
|
|
272
276
|
.h-\[36px\] {
|
|
273
277
|
height: 36px;
|
|
274
278
|
}
|
|
@@ -308,6 +312,9 @@
|
|
|
308
312
|
.min-h-screen {
|
|
309
313
|
min-height: 100vh;
|
|
310
314
|
}
|
|
315
|
+
.\!w-full {
|
|
316
|
+
width: 100% !important;
|
|
317
|
+
}
|
|
311
318
|
.w-2 {
|
|
312
319
|
width: calc(var(--spacing) * 2);
|
|
313
320
|
}
|
|
@@ -326,6 +333,12 @@
|
|
|
326
333
|
.w-14 {
|
|
327
334
|
width: calc(var(--spacing) * 14);
|
|
328
335
|
}
|
|
336
|
+
.w-\[3px\] {
|
|
337
|
+
width: 3px;
|
|
338
|
+
}
|
|
339
|
+
.w-\[200px\] {
|
|
340
|
+
width: 200px;
|
|
341
|
+
}
|
|
329
342
|
.w-\[var\(--radix-popover-trigger-width\)\] {
|
|
330
343
|
width: var(--radix-popover-trigger-width);
|
|
331
344
|
}
|
|
@@ -372,6 +385,9 @@
|
|
|
372
385
|
.grow {
|
|
373
386
|
flex-grow: 1;
|
|
374
387
|
}
|
|
388
|
+
.origin-\[var\(--radix-tooltip-content-transform-origin\)\] {
|
|
389
|
+
transform-origin: var(--radix-tooltip-content-transform-origin);
|
|
390
|
+
}
|
|
375
391
|
.-translate-x-1\/2 {
|
|
376
392
|
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
|
|
377
393
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
@@ -403,6 +419,9 @@
|
|
|
403
419
|
.cursor-pointer {
|
|
404
420
|
cursor: pointer;
|
|
405
421
|
}
|
|
422
|
+
.cursor-text {
|
|
423
|
+
cursor: text;
|
|
424
|
+
}
|
|
406
425
|
.resize {
|
|
407
426
|
resize: both;
|
|
408
427
|
}
|
|
@@ -480,12 +499,15 @@
|
|
|
480
499
|
.overflow-x-auto {
|
|
481
500
|
overflow-x: auto;
|
|
482
501
|
}
|
|
483
|
-
.rounded {
|
|
484
|
-
border-radius: 0.25rem;
|
|
485
|
-
}
|
|
486
502
|
.rounded-\[10px\] {
|
|
487
503
|
border-radius: 10px;
|
|
488
504
|
}
|
|
505
|
+
.rounded-\[calc\(var\(--radius\,0\.5rem\)-2px\)\] {
|
|
506
|
+
border-radius: calc(var(--radius,0.5rem) - 2px);
|
|
507
|
+
}
|
|
508
|
+
.rounded-\[var\(--radius\,0\.5rem\)\] {
|
|
509
|
+
border-radius: var(--radius,0.5rem);
|
|
510
|
+
}
|
|
489
511
|
.rounded-full {
|
|
490
512
|
border-radius: calc(infinity * 1px);
|
|
491
513
|
}
|
|
@@ -565,12 +587,6 @@
|
|
|
565
587
|
.bg-background {
|
|
566
588
|
background-color: var(--color-background);
|
|
567
589
|
}
|
|
568
|
-
.bg-background\/90 {
|
|
569
|
-
background-color: var(--color-background);
|
|
570
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
571
|
-
background-color: color-mix(in oklab, var(--color-background) 90%, transparent);
|
|
572
|
-
}
|
|
573
|
-
}
|
|
574
590
|
.bg-black\/20 {
|
|
575
591
|
background-color: color-mix(in srgb, #000 20%, transparent);
|
|
576
592
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -742,11 +758,6 @@
|
|
|
742
758
|
.font-sans {
|
|
743
759
|
font-family: var(--font-sans);
|
|
744
760
|
}
|
|
745
|
-
.text-4xl {
|
|
746
|
-
font-size: var(--text-4xl);
|
|
747
|
-
line-height: var(--tw-leading, var(--text-4xl--line-height));
|
|
748
|
-
letter-spacing: var(--tw-tracking, var(--text-4xl--letter-spacing));
|
|
749
|
-
}
|
|
750
761
|
.text-base {
|
|
751
762
|
font-size: var(--text-base);
|
|
752
763
|
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
@@ -882,12 +893,21 @@
|
|
|
882
893
|
.italic {
|
|
883
894
|
font-style: italic;
|
|
884
895
|
}
|
|
896
|
+
.line-through {
|
|
897
|
+
text-decoration-line: line-through;
|
|
898
|
+
}
|
|
885
899
|
.underline {
|
|
886
900
|
text-decoration-line: underline;
|
|
887
901
|
}
|
|
888
902
|
.caret-foreground {
|
|
889
903
|
caret-color: var(--color-foreground);
|
|
890
904
|
}
|
|
905
|
+
.opacity-0 {
|
|
906
|
+
opacity: 0%;
|
|
907
|
+
}
|
|
908
|
+
.opacity-40 {
|
|
909
|
+
opacity: 40%;
|
|
910
|
+
}
|
|
891
911
|
.opacity-50 {
|
|
892
912
|
opacity: 50%;
|
|
893
913
|
}
|
|
@@ -905,16 +925,12 @@
|
|
|
905
925
|
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--ohw-primary));
|
|
906
926
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
907
927
|
}
|
|
908
|
-
.shadow-\[0px_2px_4px_-2px_rgba\(0\,0\,0\,0\.1\)\,0px_4px_6px_-1px_rgba\(0\,0\,0\,0\.1\)\] {
|
|
909
|
-
--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));
|
|
910
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
911
|
-
}
|
|
912
928
|
.shadow-lg {
|
|
913
929
|
--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));
|
|
914
930
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
915
931
|
}
|
|
916
932
|
.shadow-md {
|
|
917
|
-
--tw-shadow:
|
|
933
|
+
--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));
|
|
918
934
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
919
935
|
}
|
|
920
936
|
.shadow-none {
|
|
@@ -1468,13 +1484,6 @@
|
|
|
1468
1484
|
padding-block: calc(var(--spacing) * 20);
|
|
1469
1485
|
}
|
|
1470
1486
|
}
|
|
1471
|
-
.sm\:text-5xl {
|
|
1472
|
-
@media (width >= 40rem) {
|
|
1473
|
-
font-size: var(--text-5xl);
|
|
1474
|
-
line-height: var(--tw-leading, var(--text-5xl--line-height));
|
|
1475
|
-
letter-spacing: var(--tw-tracking, var(--text-5xl--letter-spacing));
|
|
1476
|
-
}
|
|
1477
|
-
}
|
|
1478
1487
|
.\[\&_svg\]\:pointer-events-none {
|
|
1479
1488
|
& svg {
|
|
1480
1489
|
pointer-events: none;
|
|
@@ -1499,34 +1508,35 @@
|
|
|
1499
1508
|
--ohw-primary-foreground: #FAFAF9;
|
|
1500
1509
|
--ohw-primary-50: #EFF6FF;
|
|
1501
1510
|
--ohw-background: #ffffff;
|
|
1502
|
-
--ohw-foreground: #
|
|
1511
|
+
--ohw-foreground: #0c0a09;
|
|
1503
1512
|
--ohw-card: #ffffff;
|
|
1504
|
-
--ohw-card-foreground: #
|
|
1513
|
+
--ohw-card-foreground: #0c0a09;
|
|
1505
1514
|
--ohw-popover: #ffffff;
|
|
1506
|
-
--ohw-popover-foreground: #
|
|
1507
|
-
--ohw-hover-primary: #
|
|
1508
|
-
--ohw-secondary: #
|
|
1509
|
-
--ohw-secondary-foreground: #
|
|
1510
|
-
--ohw-hover-secondary: #
|
|
1511
|
-
--ohw-muted: #
|
|
1512
|
-
--ohw-muted-foreground: #
|
|
1513
|
-
--ohw-accent: #
|
|
1514
|
-
--ohw-accent-foreground: #
|
|
1515
|
-
--ohw-bg-accent-50: #
|
|
1516
|
-
--ohw-bg-muted-40: #
|
|
1517
|
-
--ohw-bg-muted-50: #
|
|
1518
|
-
--ohw-destructive: #
|
|
1519
|
-
--ohw-destructive-foreground: #
|
|
1515
|
+
--ohw-popover-foreground: #0c0a09;
|
|
1516
|
+
--ohw-hover-primary: #1c1917;
|
|
1517
|
+
--ohw-secondary: #f5f5f4;
|
|
1518
|
+
--ohw-secondary-foreground: #0c0a09;
|
|
1519
|
+
--ohw-hover-secondary: #e7e5e4;
|
|
1520
|
+
--ohw-muted: #f5f5f4;
|
|
1521
|
+
--ohw-muted-foreground: #78716c;
|
|
1522
|
+
--ohw-accent: #f5f5f4;
|
|
1523
|
+
--ohw-accent-foreground: #0c0a09;
|
|
1524
|
+
--ohw-bg-accent-50: #f5f5f480;
|
|
1525
|
+
--ohw-bg-muted-40: #f5f5f466;
|
|
1526
|
+
--ohw-bg-muted-50: #f5f5f480;
|
|
1527
|
+
--ohw-destructive: #c10007;
|
|
1528
|
+
--ohw-destructive-foreground: #fafaf9;
|
|
1520
1529
|
--ohw-hover-destructive: #ef4444;
|
|
1521
|
-
--ohw-bg-destructive-10: #
|
|
1522
|
-
--ohw-hover-destructive-20: #
|
|
1530
|
+
--ohw-bg-destructive-10: #c100071a;
|
|
1531
|
+
--ohw-hover-destructive-20: #c1000733;
|
|
1523
1532
|
--ohw-border-destructive-50: #fecaca;
|
|
1524
|
-
--ohw-border: #
|
|
1525
|
-
--ohw-border-muted-40: #
|
|
1526
|
-
--ohw-input: #
|
|
1527
|
-
--ohw-ring: #
|
|
1533
|
+
--ohw-border: #e7e5e4;
|
|
1534
|
+
--ohw-border-muted-40: #f5f5f466;
|
|
1535
|
+
--ohw-input: #e7e5e4;
|
|
1536
|
+
--ohw-ring: #0885FE;
|
|
1528
1537
|
--ohw-success: #16a34a;
|
|
1529
1538
|
--ohw-hover-success: #15803d;
|
|
1539
|
+
--radius: 0.5rem;
|
|
1530
1540
|
}
|
|
1531
1541
|
[data-ohw-visible-viewport] {
|
|
1532
1542
|
position: fixed;
|
|
@@ -1675,6 +1685,11 @@ html[data-ohw-section-picking] [data-ohw-state-toggle] {
|
|
|
1675
1685
|
display: none !important;
|
|
1676
1686
|
pointer-events: none !important;
|
|
1677
1687
|
}
|
|
1688
|
+
.ov-gap-line {
|
|
1689
|
+
background-color: var(--ohw-primary, #0885fe);
|
|
1690
|
+
border-radius: 2px;
|
|
1691
|
+
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
|
|
1692
|
+
}
|
|
1678
1693
|
[data-ohw-navbar-container-chrome] {
|
|
1679
1694
|
--ohw-primary: #0885fe;
|
|
1680
1695
|
--ohw-background: #ffffff;
|