@ohhwells/bridge 0.1.28 → 0.1.29

package/dist/styles.css

@@ -3,65 +3,37 @@
 @layer ohw-theme {
   :root, :host {
     --font-sans: Figtree, sans-serif;
-    --color-red-500: oklch(63.7% 0.237 25.331);
-    --color-black: #000;
-    --color-white: #fff;
     --spacing: 0.25rem;
-    --text-xs: 12px;
-    --text-xs--line-height: 16px;
     --text-sm: 14px;
     --text-sm--line-height: 20px;
-    --text-base: 16px;
-    --text-base--line-height: 24px;
     --text-lg: 18px;
     --text-lg--line-height: 28px;
-    --text-xl: 20px;
-    --text-xl--line-height: 28px;
-    --text-4xl: 36px;
-    --text-4xl--line-height: 40px;
-    --text-5xl: 48px;
-    --text-5xl--line-height: 1;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
-    --font-weight-bold: 700;
     --tracking-tight: -0.025em;
-    --leading-tight: 1.25;
     --radius-sm: 0.25rem;
     --radius-md: 6px;
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    --font-display: 'Instrument Serif', 'Times New Roman', serif;
-    --font-body: 'Red Hat Display', system-ui, sans-serif;
-    --color-primary: var(--ohw-primary, #0885FE);
-    --color-primary-foreground: var(--ohw-primary-foreground, #FAFAF9);
     --color-background: var(--ohw-background, #ffffff);
     --color-foreground: var(--ohw-foreground, #020617);
     --color-card-foreground: var(--ohw-card-foreground, #020617);
     --color-popover: var(--ohw-popover, #ffffff);
-    --color-secondary: var(--ohw-secondary, #f1f5f9);
-    --color-secondary-foreground: var(--ohw-secondary-foreground, #0f172a);
+    --color-primary: var(--ohw-primary, #0f172a);
+    --color-primary-foreground: var(--ohw-primary-foreground, #f8fafc);
     --color-muted: var(--ohw-muted, #f1f5f9);
     --color-muted-foreground: var(--ohw-muted-foreground, #64748b);
     --color-accent: var(--ohw-accent, #f1f5f9);
     --color-accent-foreground: var(--ohw-accent-foreground, #0f172a);
     --color-destructive: var(--ohw-destructive, #dc2626);
-    --color-destructive-foreground: var(--ohw-destructive-foreground, #f8fafc);
     --color-border: var(--ohw-border, #e2e8f0);
     --color-input: var(--ohw-input, #e2e8f0);
     --color-ring: var(--ohw-ring, #64748b);
-    --text-5xl--letter-spacing: -0.025em;
-    --text-4xl--letter-spacing: -0.025em;
-    --text-xl--letter-spacing: -0.025em;
     --text-lg--letter-spacing: 0em;
-    --text-base--letter-spacing: 0em;
     --text-sm--letter-spacing: 0em;
-    --text-xs--letter-spacing: 0em;
-    --text-body: 18px;
-    --text-body--line-height: 1.5;
-    --tracking-display-tight: -0.030em;
   }
 }
 .pointer-events-auto {
@@ -88,48 +60,12 @@
 .sticky {
   position: sticky;
 }
-.inset-0 {
-  inset: calc(var(--spacing) * 0);
-}
-.top-0 {
-  top: calc(var(--spacing) * 0);
-}
-.top-1\/2 {
-  top: calc(1 / 2 * 100%);
-}
-.top-2\.5 {
-  top: calc(var(--spacing) * 2.5);
-}
 .top-\[9px\] {
   top: 9px;
 }
-.right-0 {
-  right: calc(var(--spacing) * 0);
-}
-.right-1\.5 {
-  right: calc(var(--spacing) * 1.5);
-}
 .right-\[9px\] {
   right: 9px;
 }
-.bottom-0 {
-  bottom: calc(var(--spacing) * 0);
-}
-.left-0 {
-  left: calc(var(--spacing) * 0);
-}
-.left-1\/2 {
-  left: calc(1 / 2 * 100%);
-}
-.z-10 {
-  z-index: 10;
-}
-.z-50 {
-  z-index: 50;
-}
-.z-2147483646 {
-  z-index: 2147483646;
-}
 .z-2147483647 {
   z-index: 2147483647;
 }
@@ -157,24 +93,12 @@
 .m-0 {
   margin: calc(var(--spacing) * 0);
 }
-.mx-auto {
-  margin-inline: auto;
-}
-.mt-0\.5 {
-  margin-top: calc(var(--spacing) * 0.5);
-}
 .mr-\[-1px\] {
   margin-right: -1px;
 }
 .mb-4 {
   margin-bottom: calc(var(--spacing) * 4);
 }
-.mb-8 {
-  margin-bottom: calc(var(--spacing) * 8);
-}
-.box-border {
-  box-sizing: border-box;
-}
 .block {
   display: block;
 }
@@ -193,9 +117,6 @@
 .inline-flex {
   display: inline-flex;
 }
-.h-7 {
-  height: calc(var(--spacing) * 7);
-}
 .h-8 {
   height: calc(var(--spacing) * 8);
 }
@@ -205,21 +126,12 @@
 .h-10 {
   height: calc(var(--spacing) * 10);
 }
-.h-\[70px\] {
-  height: 70px;
-}
-.h-\[264px\] {
-  height: 264px;
-}
 .h-dvh {
   height: 100dvh;
 }
 .h-full {
   height: 100%;
 }
-.h-px {
-  height: 1px;
-}
 .h-screen {
   height: 100vh;
 }
@@ -232,18 +144,6 @@
 .w-2 {
   width: calc(var(--spacing) * 2);
 }
-.w-7 {
-  width: calc(var(--spacing) * 7);
-}
-.w-8 {
-  width: calc(var(--spacing) * 8);
-}
-.w-10 {
-  width: calc(var(--spacing) * 10);
-}
-.w-14 {
-  width: calc(var(--spacing) * 14);
-}
 .w-\[483px\] {
   width: 483px;
 }
@@ -257,9 +157,6 @@
 .w-full {
   width: 100%;
 }
-.max-w-\[1280px\] {
-  max-width: 1280px;
-}
 .max-w-\[calc\(100vw-16px\)\] {
   max-width: calc(100vw - 16px);
 }
@@ -287,20 +184,9 @@
 .grow {
   flex-grow: 1;
 }
-.-translate-x-1\/2 {
-  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
-  translate: var(--tw-translate-x) var(--tw-translate-y);
-}
-.-translate-y-1\/2 {
-  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
-  translate: var(--tw-translate-x) var(--tw-translate-y);
-}
 .transform {
   transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
 }
-.cursor-default {
-  cursor: default;
-}
 .cursor-pointer {
   cursor: pointer;
 }
@@ -316,15 +202,6 @@
 .items-end {
   align-items: flex-end;
 }
-.items-start {
-  align-items: flex-start;
-}
-.items-stretch {
-  align-items: stretch;
-}
-.justify-between {
-  justify-content: space-between;
-}
 .justify-center {
   justify-content: center;
 }
@@ -343,24 +220,6 @@
 .gap-3 {
   gap: calc(var(--spacing) * 3);
 }
-.gap-4 {
-  gap: calc(var(--spacing) * 4);
-}
-.gap-6 {
-  gap: calc(var(--spacing) * 6);
-}
-.gap-10 {
-  gap: calc(var(--spacing) * 10);
-}
-.gap-16 {
-  gap: calc(var(--spacing) * 16);
-}
-.gap-\[60px\] {
-  gap: 60px;
-}
-.gap-px {
-  gap: 1px;
-}
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -372,15 +231,6 @@
 .overflow-hidden {
   overflow: hidden;
 }
-.overflow-x-auto {
-  overflow-x: auto;
-}
-.rounded-\[10px\] {
-  border-radius: 10px;
-}
-.rounded-full {
-  border-radius: calc(infinity * 1px);
-}
 .rounded-lg {
   border-radius: var(--radius-lg);
 }
@@ -404,10 +254,6 @@
   border-style: var(--tw-border-style);
   border-width: 0px;
 }
-.border-2 {
-  border-style: var(--tw-border-style);
-  border-width: 2px;
-}
 .border-b {
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 1px;
@@ -416,17 +262,6 @@
   border-left-style: var(--tw-border-style);
   border-left-width: 1px;
 }
-.border-dashed {
-  --tw-border-style: dashed;
-  border-style: dashed;
-}
-.border-none {
-  --tw-border-style: none;
-  border-style: none;
-}
-.border-\[\#E7E5E4\] {
-  border-color: #E7E5E4;
-}
 .border-border {
   border-color: var(--color-border);
 }
@@ -439,30 +274,9 @@
 .border-primary {
   border-color: var(--color-primary);
 }
-.border-transparent {
-  border-color: transparent;
-}
-.bg-\(--color-light\,\#FEFFF0\) {
-  background-color: var(--color-light,#FEFFF0);
-}
-.bg-\[\#F5F5F4\] {
-  background-color: #F5F5F4;
-}
-.bg-\[\#FAFAF9\] {
-  background-color: #FAFAF9;
-}
 .bg-background {
   background-color: var(--color-background);
 }
-.bg-black\/20 {
-  background-color: color-mix(in srgb, #000 20%, transparent);
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
-  }
-}
-.bg-destructive {
-  background-color: var(--color-destructive);
-}
 .bg-muted {
   background-color: var(--color-muted);
 }
@@ -472,15 +286,9 @@
 .bg-primary {
   background-color: var(--color-primary);
 }
-.bg-secondary {
-  background-color: var(--color-secondary);
-}
 .bg-transparent {
   background-color: transparent;
 }
-.bg-white {
-  background-color: var(--color-white);
-}
 .p-0 {
   padding: calc(var(--spacing) * 0);
 }
@@ -499,12 +307,6 @@
 .p-6 {
   padding: calc(var(--spacing) * 6);
 }
-.p-12 {
-  padding: calc(var(--spacing) * 12);
-}
-.px-1 {
-  padding-inline: calc(var(--spacing) * 1);
-}
 .px-1\.5 {
   padding-inline: calc(var(--spacing) * 1.5);
 }
@@ -517,21 +319,9 @@
 .px-3 {
   padding-inline: calc(var(--spacing) * 3);
 }
-.px-5 {
-  padding-inline: calc(var(--spacing) * 5);
-}
 .px-6 {
   padding-inline: calc(var(--spacing) * 6);
 }
-.px-7 {
-  padding-inline: calc(var(--spacing) * 7);
-}
-.px-8 {
-  padding-inline: calc(var(--spacing) * 8);
-}
-.py-0\.5 {
-  padding-block: calc(var(--spacing) * 0.5);
-}
 .py-1 {
   padding-block: calc(var(--spacing) * 1);
 }
@@ -541,27 +331,9 @@
 .py-2 {
   padding-block: calc(var(--spacing) * 2);
 }
-.py-4 {
-  padding-block: calc(var(--spacing) * 4);
-}
-.py-8 {
-  padding-block: calc(var(--spacing) * 8);
-}
-.py-10 {
-  padding-block: calc(var(--spacing) * 10);
-}
-.py-12 {
-  padding-block: calc(var(--spacing) * 12);
-}
-.py-\[10px\] {
-  padding-block: 10px;
-}
 .pt-1 {
   padding-top: calc(var(--spacing) * 1);
 }
-.pt-2 {
-  padding-top: calc(var(--spacing) * 2);
-}
 .pr-2 {
   padding-right: calc(var(--spacing) * 2);
 }
@@ -583,31 +355,12 @@
 .pl-4 {
   padding-left: calc(var(--spacing) * 4);
 }
-.text-center {
-  text-align: center;
-}
 .text-left {
   text-align: left;
 }
-.font-body {
-  font-family: var(--font-body);
-}
-.font-display {
-  font-family: var(--font-display);
-}
 .font-sans {
   font-family: var(--font-sans);
 }
-.text-4xl {
-  font-size: var(--text-4xl);
-  line-height: var(--tw-leading, var(--text-4xl--line-height));
-  letter-spacing: var(--tw-tracking, var(--text-4xl--letter-spacing));
-}
-.text-base {
-  font-size: var(--text-base);
-  line-height: var(--tw-leading, var(--text-base--line-height));
-  letter-spacing: var(--tw-tracking, var(--text-base--letter-spacing));
-}
 .text-lg {
   font-size: var(--text-lg);
   line-height: var(--tw-leading, var(--text-lg--line-height));
@@ -618,20 +371,6 @@
   line-height: var(--tw-leading, var(--text-sm--line-height));
   letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing));
 }
-.text-xl {
-  font-size: var(--text-xl);
-  line-height: var(--tw-leading, var(--text-xl--line-height));
-  letter-spacing: var(--tw-tracking, var(--text-xl--letter-spacing));
-}
-.text-xs {
-  font-size: var(--text-xs);
-  line-height: var(--tw-leading, var(--text-xs--line-height));
-  letter-spacing: var(--tw-tracking, var(--text-xs--letter-spacing));
-}
-.text-body {
-  font-size: var(--text-body);
-  line-height: var(--tw-leading, var(--text-body--line-height));
-}
 .leading-5 {
   --tw-leading: calc(var(--spacing) * 5);
   line-height: calc(var(--spacing) * 5);
@@ -644,14 +383,6 @@
   --tw-leading: 1;
   line-height: 1;
 }
-.leading-tight {
-  --tw-leading: var(--leading-tight);
-  line-height: var(--leading-tight);
-}
-.font-bold {
-  --tw-font-weight: var(--font-weight-bold);
-  font-weight: var(--font-weight-bold);
-}
 .font-medium {
   --tw-font-weight: var(--font-weight-medium);
   font-weight: var(--font-weight-medium);
@@ -664,10 +395,6 @@
   --tw-font-weight: var(--font-weight-semibold);
   font-weight: var(--font-weight-semibold);
 }
-.tracking-display-tight {
-  --tw-tracking: var(--tracking-display-tight);
-  letter-spacing: var(--tracking-display-tight);
-}
 .tracking-tight {
   --tw-tracking: var(--tracking-tight);
   letter-spacing: var(--tracking-tight);
@@ -678,24 +405,12 @@
 .whitespace-nowrap {
   white-space: nowrap;
 }
-.text-\(--color-accent\,\#A89B83\) {
-  color: var(--color-accent,#A89B83);
-}
-.text-\(--color-dark\,\#200C02\) {
-  color: var(--color-dark,#200C02);
-}
-.text-\[\#0A0A0A\] {
-  color: #0A0A0A;
-}
 .text-card-foreground {
   color: var(--color-card-foreground);
 }
 .text-destructive {
   color: var(--color-destructive);
 }
-.text-destructive-foreground {
-  color: var(--color-destructive-foreground);
-}
 .text-foreground {
   color: var(--color-foreground);
 }
@@ -705,12 +420,6 @@
 .text-primary-foreground {
   color: var(--color-primary-foreground);
 }
-.text-red-500 {
-  color: var(--color-red-500);
-}
-.text-secondary-foreground {
-  color: var(--color-secondary-foreground);
-}
 .italic {
   font-style: italic;
 }
@@ -720,15 +429,6 @@
 .caret-foreground {
   caret-color: var(--color-foreground);
 }
-.opacity-50 {
-  opacity: 50%;
-}
-.opacity-80 {
-  opacity: 80%;
-}
-.opacity-100 {
-  opacity: 100%;
-}
 .shadow-\[0_0_0_1px_var\(--ohw-destructive\)\] {
   --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--ohw-destructive));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -753,10 +453,6 @@
   --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);
 }
-.shadow-xl {
-  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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);
-}
 .shadow-xs {
   --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(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);
@@ -806,16 +502,6 @@
     }
   }
 }
-.hover\:bg-destructive\/80 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--color-destructive);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-destructive) 80%, transparent);
-      }
-    }
-  }
-}
 .hover\:bg-muted {
   &:hover {
     @media (hover: hover) {
@@ -853,23 +539,6 @@
     }
   }
 }
-.hover\:bg-primary {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--color-primary);
-    }
-  }
-}
-.hover\:bg-secondary\/80 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: var(--color-secondary);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
-      }
-    }
-  }
-}
 .hover\:bg-transparent {
   &:hover {
     @media (hover: hover) {
@@ -905,29 +574,6 @@
     }
   }
 }
-.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);
-  }
-}
-.focus\:ring-ring {
-  &:focus {
-    --tw-ring-color: var(--color-ring);
-  }
-}
-.focus\:ring-offset-2 {
-  &:focus {
-    --tw-ring-offset-width: 2px;
-    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  }
-}
-.focus\:outline-none {
-  &:focus {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
-}
 .focus-visible\:border-ring {
   &:focus-visible {
     border-color: var(--color-ring);
@@ -952,11 +598,6 @@
     pointer-events: none;
   }
 }
-.disabled\:cursor-not-allowed {
-  &:disabled {
-    cursor: not-allowed;
-  }
-}
 .disabled\:opacity-50 {
   &:disabled {
     opacity: 50%;
@@ -1010,68 +651,6 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 }
-.sm\:contents {
-  @media (width >= 40rem) {
-    display: contents;
-  }
-}
-.sm\:flex {
-  @media (width >= 40rem) {
-    display: flex;
-  }
-}
-.sm\:hidden {
-  @media (width >= 40rem) {
-    display: none;
-  }
-}
-.sm\:w-\[120px\] {
-  @media (width >= 40rem) {
-    width: 120px;
-  }
-}
-.sm\:w-\[200px\] {
-  @media (width >= 40rem) {
-    width: 200px;
-  }
-}
-.sm\:shrink-0 {
-  @media (width >= 40rem) {
-    flex-shrink: 0;
-  }
-}
-.sm\:items-center {
-  @media (width >= 40rem) {
-    align-items: center;
-  }
-}
-.sm\:gap-\[60px\] {
-  @media (width >= 40rem) {
-    gap: 60px;
-  }
-}
-.sm\:p-10 {
-  @media (width >= 40rem) {
-    padding: calc(var(--spacing) * 10);
-  }
-}
-.sm\:px-16 {
-  @media (width >= 40rem) {
-    padding-inline: calc(var(--spacing) * 16);
-  }
-}
-.sm\:py-20 {
-  @media (width >= 40rem) {
-    padding-block: calc(var(--spacing) * 20);
-  }
-}
-.sm\:text-5xl {
-  @media (width >= 40rem) {
-    font-size: var(--text-5xl);
-    line-height: var(--tw-leading, var(--text-5xl--line-height));
-    letter-spacing: var(--tw-tracking, var(--text-5xl--letter-spacing));
-  }
-}
 .\[\&_svg\]\:pointer-events-none {
   & svg {
     pointer-events: none;
@@ -1089,16 +668,14 @@
   }
 }
 [data-ohw-bridge-root] {
-  --color-primary: var(--ohw-primary, #0885FE);
-  --color-primary-foreground: var(--ohw-primary-foreground, #FAFAF9);
-  --ohw-primary: #0885FE;
-  --ohw-primary-foreground: #FAFAF9;
   --ohw-background: #ffffff;
   --ohw-foreground: #020617;
   --ohw-card: #ffffff;
   --ohw-card-foreground: #020617;
   --ohw-popover: #ffffff;
   --ohw-popover-foreground: #020617;
+  --ohw-primary: #0f172a;
+  --ohw-primary-foreground: #f8fafc;
   --ohw-hover-primary: #1e293b;
   --ohw-secondary: #f1f5f9;
   --ohw-secondary-foreground: #0f172a;
@@ -1277,21 +854,6 @@
             appearance: none;
   }
 }
-@property --tw-translate-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false;
@@ -1455,9 +1017,6 @@
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
-      --tw-translate-x: 0;
-      --tw-translate-y: 0;
-      --tw-translate-z: 0;
       --tw-rotate-x: initial;
       --tw-rotate-y: initial;
       --tw-rotate-z: initial;