@ohhwells/bridge 0.1.51 → 0.1.52

package/dist/styles.css

@@ -46,6 +46,7 @@
     --color-foreground: var(--ohw-foreground, #0c0a09);
     --color-card-foreground: var(--ohw-card-foreground, #0c0a09);
     --color-popover: var(--ohw-popover, #ffffff);
+    --color-popover-foreground: var(--ohw-popover-foreground, #0c0a09);
     --color-secondary: var(--ohw-secondary, #f5f5f4);
     --color-secondary-foreground: var(--ohw-secondary-foreground, #0c0a09);
     --color-muted: var(--ohw-muted, #f5f5f4);
@@ -54,6 +55,7 @@
     --color-accent-foreground: var(--ohw-accent-foreground, #0c0a09);
     --color-destructive: var(--ohw-destructive, #c10007);
     --color-destructive-foreground: var(--ohw-destructive-foreground, #fafaf9);
+    --color-bg-destructive-10: var(--ohw-bg-destructive-10, #c100071a);
     --color-border: var(--ohw-border, #e7e5e4);
     --color-input: var(--ohw-input, #e7e5e4);
     --color-ring: var(--ohw-ring, #0885FE);
@@ -146,6 +148,9 @@
 .left-1\/2 {
   left: calc(1 / 2 * 100%);
 }
+.left-2 {
+  left: calc(var(--spacing) * 2);
+}
 .left-5 {
   left: calc(var(--spacing) * 5);
 }
@@ -343,6 +348,9 @@
 .w-14 {
   width: calc(var(--spacing) * 14);
 }
+.w-56 {
+  width: calc(var(--spacing) * 56);
+}
 .w-\[3px\] {
   width: 3px;
 }
@@ -380,6 +388,9 @@
 .min-w-10 {
   min-width: calc(var(--spacing) * 10);
 }
+.min-w-32 {
+  min-width: calc(var(--spacing) * 32);
+}
 .min-w-\[64px\] {
   min-width: 64px;
 }
@@ -395,6 +406,9 @@
 .grow {
   flex-grow: 1;
 }
+.origin-\[var\(--radix-dropdown-menu-content-transform-origin\)\] {
+  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+}
 .origin-\[var\(--radix-tooltip-content-transform-origin\)\] {
   transform-origin: var(--radix-tooltip-content-transform-origin);
 }
@@ -410,6 +424,10 @@
   --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
+.-translate-y-full {
+  --tw-translate-y: -100%;
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
 .translate-y-1\/2 {
   --tw-translate-y: calc(1 / 2 * 100%);
   translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -462,6 +480,9 @@
 .gap-0 {
   gap: calc(var(--spacing) * 0);
 }
+.gap-0\.5 {
+  gap: calc(var(--spacing) * 0.5);
+}
 .gap-1 {
   gap: calc(var(--spacing) * 1);
 }
@@ -509,12 +530,18 @@
 .overflow-x-auto {
   overflow-x: auto;
 }
+.rounded-\[6px\] {
+  border-radius: 6px;
+}
 .rounded-\[10px\] {
   border-radius: 10px;
 }
 .rounded-\[calc\(var\(--radius\,0\.5rem\)-2px\)\] {
   border-radius: calc(var(--radius,0.5rem) - 2px);
 }
+.rounded-\[calc\(var\(--radius\,0\.5rem\)-4px\)\] {
+  border-radius: calc(var(--radius,0.5rem) - 4px);
+}
 .rounded-\[var\(--radius\,0\.5rem\)\] {
   border-radius: var(--radius,0.5rem);
 }
@@ -551,6 +578,10 @@
   border-style: var(--tw-border-style);
   border-width: 2px;
 }
+.border-t {
+  border-top-style: var(--tw-border-style);
+  border-top-width: 1px;
+}
 .border-b {
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 1px;
@@ -763,6 +794,9 @@
 .pl-4 {
   padding-left: calc(var(--spacing) * 4);
 }
+.pl-8 {
+  padding-left: calc(var(--spacing) * 8);
+}
 .text-center {
   text-align: center;
 }
@@ -895,6 +929,9 @@
 .text-muted-foreground {
   color: var(--color-muted-foreground);
 }
+.text-popover-foreground {
+  color: var(--color-popover-foreground);
+}
 .text-primary-foreground {
   color: var(--color-primary-foreground);
 }
@@ -945,6 +982,10 @@
   --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--ohw-primary));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
+.shadow-\[0px_4px_6px_0px_rgba\(0\,0\,0\,0\.1\)\,0px_2px_4px_0px_rgba\(0\,0\,0\,0\.1\)\] {
+  --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));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
 .shadow-lg {
   --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));
   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 +1075,11 @@
   --tw-outline-style: none;
   outline-style: none;
 }
+.select-none {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+       user-select: none;
+}
 .placeholder\:text-muted-foreground::-moz-placeholder {
   color: var(--color-muted-foreground);
 }
@@ -1204,6 +1250,9 @@
     opacity: 90%;
   }
 }
+.focus\:bg-muted:focus {
+  background-color: var(--color-muted);
+}
 .focus\:ring-2:focus {
   --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
   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 +1351,15 @@
     --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
   }
 }
+.data-\[disabled\]\:pointer-events-none[data-disabled] {
+  pointer-events: none;
+}
+.data-\[disabled\]\:opacity-50[data-disabled] {
+  opacity: 50%;
+}
+.data-\[highlighted\]\:bg-muted[data-highlighted] {
+  background-color: var(--color-muted);
+}
 .data-\[state\=off\]\:opacity-50[data-state="off"] {
   opacity: 50%;
 }
@@ -1323,6 +1381,21 @@
   --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
+.data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
+  color: var(--color-destructive);
+}
+.data-\[variant\=destructive\]\:focus\:bg-bg-destructive-10[data-variant="destructive"]:focus {
+  background-color: var(--color-bg-destructive-10);
+}
+.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
+  color: var(--color-destructive);
+}
+.data-\[variant\=destructive\]\:data-\[highlighted\]\:bg-bg-destructive-10[data-variant="destructive"][data-highlighted] {
+  background-color: var(--color-bg-destructive-10);
+}
+.data-\[variant\=destructive\]\:data-\[highlighted\]\:text-destructive[data-variant="destructive"][data-highlighted] {
+  color: var(--color-destructive);
+}
 @media (width >= 40rem) {
   .sm\:contents {
     display: contents;
@@ -1381,13 +1454,36 @@
 .\[\&_svg\]\:pointer-events-none svg {
   pointer-events: none;
 }
+.\[\&_svg\]\:size-4 svg {
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
+}
 .\[\&_svg\]\:shrink-0 svg {
   flex-shrink: 0;
 }
+.data-\[variant\=destructive\]\:\[\&_svg\]\:text-destructive[data-variant="destructive"] svg {
+  color: var(--color-destructive);
+}
 .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
   width: calc(var(--spacing) * 4);
   height: calc(var(--spacing) * 4);
 }
+.\[\&_svg\:not\(\[class\*\=absolute\]\)\]\:relative svg:not([class*=absolute]) {
+  position: relative;
+}
+.\[\&\>svg\:first-child\]\:absolute > svg:first-child {
+  position: absolute;
+}
+.\[\&\>svg\:first-child\]\:top-1\/2 > svg:first-child {
+  top: calc(1 / 2 * 100%);
+}
+.\[\&\>svg\:first-child\]\:left-2 > svg:first-child {
+  left: calc(var(--spacing) * 2);
+}
+.\[\&\>svg\:first-child\]\:-translate-y-1\/2 > svg:first-child {
+  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
 [data-ohw-bridge-root] {
   --color-primary: var(--ohw-primary, #0885FE);
   --color-primary-foreground: var(--ohw-primary-foreground, #FAFAF9);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ohhwells/bridge",
-  "version": "0.1.51",
+  "version": "0.1.52",
   "private": false,
   "type": "module",
   "main": "./dist/index.cjs",