@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/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);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ohhwells/bridge",
3
- "version": "0.1.51",
3
+ "version": "0.1.52-next.131",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",