@ohhwells/bridge 0.1.51 → 0.1.52-next.131
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 +30 -1
- package/dist/index.cjs +3666 -804
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +55 -12
- package/dist/index.d.ts +55 -12
- package/dist/index.js +3649 -793
- package/dist/index.js.map +1 -1
- package/dist/styles.css +100 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
--radius-md: 6px;
|
|
33
33
|
--radius-lg: 0.5rem;
|
|
34
34
|
--radius-xl: 0.75rem;
|
|
35
|
+
--radius-2xl: 1rem;
|
|
35
36
|
--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
|
|
36
37
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
37
38
|
--default-transition-duration: 150ms;
|
|
@@ -46,6 +47,7 @@
|
|
|
46
47
|
--color-foreground: var(--ohw-foreground, #0c0a09);
|
|
47
48
|
--color-card-foreground: var(--ohw-card-foreground, #0c0a09);
|
|
48
49
|
--color-popover: var(--ohw-popover, #ffffff);
|
|
50
|
+
--color-popover-foreground: var(--ohw-popover-foreground, #0c0a09);
|
|
49
51
|
--color-secondary: var(--ohw-secondary, #f5f5f4);
|
|
50
52
|
--color-secondary-foreground: var(--ohw-secondary-foreground, #0c0a09);
|
|
51
53
|
--color-muted: var(--ohw-muted, #f5f5f4);
|
|
@@ -54,6 +56,7 @@
|
|
|
54
56
|
--color-accent-foreground: var(--ohw-accent-foreground, #0c0a09);
|
|
55
57
|
--color-destructive: var(--ohw-destructive, #c10007);
|
|
56
58
|
--color-destructive-foreground: var(--ohw-destructive-foreground, #fafaf9);
|
|
59
|
+
--color-bg-destructive-10: var(--ohw-bg-destructive-10, #c100071a);
|
|
57
60
|
--color-border: var(--ohw-border, #e7e5e4);
|
|
58
61
|
--color-input: var(--ohw-input, #e7e5e4);
|
|
59
62
|
--color-ring: var(--ohw-ring, #0885FE);
|
|
@@ -146,6 +149,9 @@
|
|
|
146
149
|
.left-1\/2 {
|
|
147
150
|
left: calc(1 / 2 * 100%);
|
|
148
151
|
}
|
|
152
|
+
.left-2 {
|
|
153
|
+
left: calc(var(--spacing) * 2);
|
|
154
|
+
}
|
|
149
155
|
.left-5 {
|
|
150
156
|
left: calc(var(--spacing) * 5);
|
|
151
157
|
}
|
|
@@ -343,6 +349,9 @@
|
|
|
343
349
|
.w-14 {
|
|
344
350
|
width: calc(var(--spacing) * 14);
|
|
345
351
|
}
|
|
352
|
+
.w-56 {
|
|
353
|
+
width: calc(var(--spacing) * 56);
|
|
354
|
+
}
|
|
346
355
|
.w-\[3px\] {
|
|
347
356
|
width: 3px;
|
|
348
357
|
}
|
|
@@ -380,6 +389,9 @@
|
|
|
380
389
|
.min-w-10 {
|
|
381
390
|
min-width: calc(var(--spacing) * 10);
|
|
382
391
|
}
|
|
392
|
+
.min-w-32 {
|
|
393
|
+
min-width: calc(var(--spacing) * 32);
|
|
394
|
+
}
|
|
383
395
|
.min-w-\[64px\] {
|
|
384
396
|
min-width: 64px;
|
|
385
397
|
}
|
|
@@ -395,6 +407,9 @@
|
|
|
395
407
|
.grow {
|
|
396
408
|
flex-grow: 1;
|
|
397
409
|
}
|
|
410
|
+
.origin-\[var\(--radix-dropdown-menu-content-transform-origin\)\] {
|
|
411
|
+
transform-origin: var(--radix-dropdown-menu-content-transform-origin);
|
|
412
|
+
}
|
|
398
413
|
.origin-\[var\(--radix-tooltip-content-transform-origin\)\] {
|
|
399
414
|
transform-origin: var(--radix-tooltip-content-transform-origin);
|
|
400
415
|
}
|
|
@@ -410,6 +425,10 @@
|
|
|
410
425
|
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
|
|
411
426
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
412
427
|
}
|
|
428
|
+
.-translate-y-full {
|
|
429
|
+
--tw-translate-y: -100%;
|
|
430
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
431
|
+
}
|
|
413
432
|
.translate-y-1\/2 {
|
|
414
433
|
--tw-translate-y: calc(1 / 2 * 100%);
|
|
415
434
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
@@ -462,6 +481,9 @@
|
|
|
462
481
|
.gap-0 {
|
|
463
482
|
gap: calc(var(--spacing) * 0);
|
|
464
483
|
}
|
|
484
|
+
.gap-0\.5 {
|
|
485
|
+
gap: calc(var(--spacing) * 0.5);
|
|
486
|
+
}
|
|
465
487
|
.gap-1 {
|
|
466
488
|
gap: calc(var(--spacing) * 1);
|
|
467
489
|
}
|
|
@@ -509,12 +531,21 @@
|
|
|
509
531
|
.overflow-x-auto {
|
|
510
532
|
overflow-x: auto;
|
|
511
533
|
}
|
|
534
|
+
.rounded-2xl {
|
|
535
|
+
border-radius: var(--radius-2xl);
|
|
536
|
+
}
|
|
537
|
+
.rounded-\[6px\] {
|
|
538
|
+
border-radius: 6px;
|
|
539
|
+
}
|
|
512
540
|
.rounded-\[10px\] {
|
|
513
541
|
border-radius: 10px;
|
|
514
542
|
}
|
|
515
543
|
.rounded-\[calc\(var\(--radius\,0\.5rem\)-2px\)\] {
|
|
516
544
|
border-radius: calc(var(--radius,0.5rem) - 2px);
|
|
517
545
|
}
|
|
546
|
+
.rounded-\[calc\(var\(--radius\,0\.5rem\)-4px\)\] {
|
|
547
|
+
border-radius: calc(var(--radius,0.5rem) - 4px);
|
|
548
|
+
}
|
|
518
549
|
.rounded-\[var\(--radius\,0\.5rem\)\] {
|
|
519
550
|
border-radius: var(--radius,0.5rem);
|
|
520
551
|
}
|
|
@@ -551,6 +582,10 @@
|
|
|
551
582
|
border-style: var(--tw-border-style);
|
|
552
583
|
border-width: 2px;
|
|
553
584
|
}
|
|
585
|
+
.border-t {
|
|
586
|
+
border-top-style: var(--tw-border-style);
|
|
587
|
+
border-top-width: 1px;
|
|
588
|
+
}
|
|
554
589
|
.border-b {
|
|
555
590
|
border-bottom-style: var(--tw-border-style);
|
|
556
591
|
border-bottom-width: 1px;
|
|
@@ -763,6 +798,9 @@
|
|
|
763
798
|
.pl-4 {
|
|
764
799
|
padding-left: calc(var(--spacing) * 4);
|
|
765
800
|
}
|
|
801
|
+
.pl-8 {
|
|
802
|
+
padding-left: calc(var(--spacing) * 8);
|
|
803
|
+
}
|
|
766
804
|
.text-center {
|
|
767
805
|
text-align: center;
|
|
768
806
|
}
|
|
@@ -895,6 +933,9 @@
|
|
|
895
933
|
.text-muted-foreground {
|
|
896
934
|
color: var(--color-muted-foreground);
|
|
897
935
|
}
|
|
936
|
+
.text-popover-foreground {
|
|
937
|
+
color: var(--color-popover-foreground);
|
|
938
|
+
}
|
|
898
939
|
.text-primary-foreground {
|
|
899
940
|
color: var(--color-primary-foreground);
|
|
900
941
|
}
|
|
@@ -945,6 +986,10 @@
|
|
|
945
986
|
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--ohw-primary));
|
|
946
987
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
947
988
|
}
|
|
989
|
+
.shadow-\[0px_4px_6px_0px_rgba\(0\,0\,0\,0\.1\)\,0px_2px_4px_0px_rgba\(0\,0\,0\,0\.1\)\] {
|
|
990
|
+
--tw-shadow: 0px 4px 6px 0px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0px 2px 4px 0px var(--tw-shadow-color, rgba(0,0,0,0.1));
|
|
991
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
992
|
+
}
|
|
948
993
|
.shadow-lg {
|
|
949
994
|
--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));
|
|
950
995
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -1034,6 +1079,11 @@
|
|
|
1034
1079
|
--tw-outline-style: none;
|
|
1035
1080
|
outline-style: none;
|
|
1036
1081
|
}
|
|
1082
|
+
.select-none {
|
|
1083
|
+
-webkit-user-select: none;
|
|
1084
|
+
-moz-user-select: none;
|
|
1085
|
+
user-select: none;
|
|
1086
|
+
}
|
|
1037
1087
|
.placeholder\:text-muted-foreground::-moz-placeholder {
|
|
1038
1088
|
color: var(--color-muted-foreground);
|
|
1039
1089
|
}
|
|
@@ -1204,6 +1254,9 @@
|
|
|
1204
1254
|
opacity: 90%;
|
|
1205
1255
|
}
|
|
1206
1256
|
}
|
|
1257
|
+
.focus\:bg-muted:focus {
|
|
1258
|
+
background-color: var(--color-muted);
|
|
1259
|
+
}
|
|
1207
1260
|
.focus\:ring-2:focus {
|
|
1208
1261
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1209
1262
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -1302,6 +1355,15 @@
|
|
|
1302
1355
|
--tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
|
|
1303
1356
|
}
|
|
1304
1357
|
}
|
|
1358
|
+
.data-\[disabled\]\:pointer-events-none[data-disabled] {
|
|
1359
|
+
pointer-events: none;
|
|
1360
|
+
}
|
|
1361
|
+
.data-\[disabled\]\:opacity-50[data-disabled] {
|
|
1362
|
+
opacity: 50%;
|
|
1363
|
+
}
|
|
1364
|
+
.data-\[highlighted\]\:bg-muted[data-highlighted] {
|
|
1365
|
+
background-color: var(--color-muted);
|
|
1366
|
+
}
|
|
1305
1367
|
.data-\[state\=off\]\:opacity-50[data-state="off"] {
|
|
1306
1368
|
opacity: 50%;
|
|
1307
1369
|
}
|
|
@@ -1323,6 +1385,21 @@
|
|
|
1323
1385
|
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
|
|
1324
1386
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1325
1387
|
}
|
|
1388
|
+
.data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
|
|
1389
|
+
color: var(--color-destructive);
|
|
1390
|
+
}
|
|
1391
|
+
.data-\[variant\=destructive\]\:focus\:bg-bg-destructive-10[data-variant="destructive"]:focus {
|
|
1392
|
+
background-color: var(--color-bg-destructive-10);
|
|
1393
|
+
}
|
|
1394
|
+
.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
|
|
1395
|
+
color: var(--color-destructive);
|
|
1396
|
+
}
|
|
1397
|
+
.data-\[variant\=destructive\]\:data-\[highlighted\]\:bg-bg-destructive-10[data-variant="destructive"][data-highlighted] {
|
|
1398
|
+
background-color: var(--color-bg-destructive-10);
|
|
1399
|
+
}
|
|
1400
|
+
.data-\[variant\=destructive\]\:data-\[highlighted\]\:text-destructive[data-variant="destructive"][data-highlighted] {
|
|
1401
|
+
color: var(--color-destructive);
|
|
1402
|
+
}
|
|
1326
1403
|
@media (width >= 40rem) {
|
|
1327
1404
|
.sm\:contents {
|
|
1328
1405
|
display: contents;
|
|
@@ -1381,13 +1458,36 @@
|
|
|
1381
1458
|
.\[\&_svg\]\:pointer-events-none svg {
|
|
1382
1459
|
pointer-events: none;
|
|
1383
1460
|
}
|
|
1461
|
+
.\[\&_svg\]\:size-4 svg {
|
|
1462
|
+
width: calc(var(--spacing) * 4);
|
|
1463
|
+
height: calc(var(--spacing) * 4);
|
|
1464
|
+
}
|
|
1384
1465
|
.\[\&_svg\]\:shrink-0 svg {
|
|
1385
1466
|
flex-shrink: 0;
|
|
1386
1467
|
}
|
|
1468
|
+
.data-\[variant\=destructive\]\:\[\&_svg\]\:text-destructive[data-variant="destructive"] svg {
|
|
1469
|
+
color: var(--color-destructive);
|
|
1470
|
+
}
|
|
1387
1471
|
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
|
|
1388
1472
|
width: calc(var(--spacing) * 4);
|
|
1389
1473
|
height: calc(var(--spacing) * 4);
|
|
1390
1474
|
}
|
|
1475
|
+
.\[\&_svg\:not\(\[class\*\=absolute\]\)\]\:relative svg:not([class*=absolute]) {
|
|
1476
|
+
position: relative;
|
|
1477
|
+
}
|
|
1478
|
+
.\[\&\>svg\:first-child\]\:absolute > svg:first-child {
|
|
1479
|
+
position: absolute;
|
|
1480
|
+
}
|
|
1481
|
+
.\[\&\>svg\:first-child\]\:top-1\/2 > svg:first-child {
|
|
1482
|
+
top: calc(1 / 2 * 100%);
|
|
1483
|
+
}
|
|
1484
|
+
.\[\&\>svg\:first-child\]\:left-2 > svg:first-child {
|
|
1485
|
+
left: calc(var(--spacing) * 2);
|
|
1486
|
+
}
|
|
1487
|
+
.\[\&\>svg\:first-child\]\:-translate-y-1\/2 > svg:first-child {
|
|
1488
|
+
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
|
|
1489
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1490
|
+
}
|
|
1391
1491
|
[data-ohw-bridge-root] {
|
|
1392
1492
|
--color-primary: var(--ohw-primary, #0885FE);
|
|
1393
1493
|
--color-primary-foreground: var(--ohw-primary-foreground, #FAFAF9);
|