@distri/react 0.3.0 → 0.3.1

package/dist/globals.css

@@ -367,17 +367,6 @@ body {
     max-width: 1536px;
   }
 }
-.distri-chat-editor.CodeMirror,
-.distri-chat-editor .CodeMirror-scroll {
-  background: transparent !important;
-}
-.distri-chat-editor.\!CodeMirror {
-  background: transparent !important;
-}
-.distri-chat-editor .CodeMirror-placeholder {
-  color: hsl(var(--muted-foreground)) !important;
-  opacity: 0.7;
-}
 .sr-only {
   position: absolute;
   width: 1px;
@@ -436,12 +425,18 @@ body {
 .bottom-0 {
   bottom: 0px;
 }
+.bottom-6 {
+  bottom: 1.5rem;
+}
 .left-0 {
   left: 0px;
 }
 .left-2 {
   left: 0.5rem;
 }
+.left-6 {
+  left: 1.5rem;
+}
 .right-0 {
   right: 0px;
 }
@@ -457,6 +452,9 @@ body {
 .right-4 {
   right: 1rem;
 }
+.right-6 {
+  right: 1.5rem;
+}
 .top-0 {
   top: 0px;
 }
@@ -466,9 +464,6 @@ body {
 .top-1\.5 {
   top: 0.375rem;
 }
-.top-2 {
-  top: 0.5rem;
-}
 .top-3\.5 {
   top: 0.875rem;
 }
@@ -697,6 +692,9 @@ body {
 .min-h-\[220px\] {
   min-height: 220px;
 }
+.min-h-\[240px\] {
+  min-height: 240px;
+}
 .min-h-\[400px\] {
   min-height: 400px;
 }
@@ -724,6 +722,9 @@ body {
 .w-10 {
   width: 2.5rem;
 }
+.w-11 {
+  width: 2.75rem;
+}
 .w-12 {
   width: 3rem;
 }
@@ -784,9 +785,6 @@ body {
 .w-\[1px\] {
   width: 1px;
 }
-.w-\[45\%\] {
-  width: 45%;
-}
 .w-auto {
   width: auto;
 }
@@ -803,9 +801,6 @@ body {
 .min-w-5 {
   min-width: 1.25rem;
 }
-.min-w-\[400px\] {
-  min-width: 400px;
-}
 .min-w-\[8rem\] {
   min-width: 8rem;
 }
@@ -827,9 +822,6 @@ body {
 .max-w-\[--skeleton-width\] {
   max-width: var(--skeleton-width);
 }
-.max-w-\[600px\] {
-  max-width: 600px;
-}
 .max-w-\[80\%\] {
   max-width: 80%;
 }
@@ -949,9 +941,6 @@ body {
 .cursor-pointer {
   cursor: pointer;
 }
-.cursor-wait {
-  cursor: wait;
-}
 .select-none {
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -1107,9 +1096,6 @@ body {
 .rounded-2xl {
   border-radius: 1rem;
 }
-.rounded-3xl {
-  border-radius: 1.5rem;
-}
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1140,9 +1126,6 @@ body {
 .border {
   border-width: 1px;
 }
-.border-0 {
-  border-width: 0px;
-}
 .border-2 {
   border-width: 2px;
 }
@@ -1192,9 +1175,6 @@ body {
 .border-border\/60 {
   border-color: hsl(var(--border) / 0.6);
 }
-.border-current {
-  border-color: currentColor;
-}
 .border-destructive {
   border-color: hsl(var(--destructive));
 }
@@ -1204,6 +1184,10 @@ body {
 .border-destructive\/40 {
   border-color: hsl(var(--destructive) / 0.4);
 }
+.border-gray-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
+}
 .border-gray-300 {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
@@ -1227,6 +1211,9 @@ body {
 .border-primary\/20 {
   border-color: hsl(var(--primary) / 0.2);
 }
+.border-primary\/50 {
+  border-color: hsl(var(--primary) / 0.5);
+}
 .border-red-200 {
   --tw-border-opacity: 1;
   border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
@@ -1237,6 +1224,9 @@ body {
 .border-transparent {
   border-color: transparent;
 }
+.border-white\/15 {
+  border-color: rgb(255 255 255 / 0.15);
+}
 .border-yellow-200 {
   --tw-border-opacity: 1;
   border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
@@ -1251,9 +1241,13 @@ body {
 .border-t-transparent {
   border-top-color: transparent;
 }
-.bg-amber-500 {
+.bg-\[\#1c1f23\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(28 31 35 / var(--tw-bg-opacity, 1));
+}
+.bg-amber-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
+  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
 }
 .bg-background {
   background-color: hsl(var(--background));
@@ -1267,9 +1261,6 @@ body {
 .bg-background\/80 {
   background-color: hsl(var(--background) / 0.8);
 }
-.bg-background\/90 {
-  background-color: hsl(var(--background) / 0.9);
-}
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
@@ -1362,9 +1353,6 @@ body {
 .bg-primary\/10 {
   background-color: hsl(var(--primary) / 0.1);
 }
-.bg-primary\/20 {
-  background-color: hsl(var(--primary) / 0.2);
-}
 .bg-red-400\/15 {
   background-color: rgb(248 113 113 / 0.15);
 }
@@ -1398,24 +1386,6 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
 }
-.bg-gradient-to-r {
-  background-image: linear-gradient(to right, var(--tw-gradient-stops));
-}
-.from-border\/60 {
-  --tw-gradient-from: hsl(var(--border) / 0.6) var(--tw-gradient-from-position);
-  --tw-gradient-to: hsl(var(--border) / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-.via-border\/30 {
-  --tw-gradient-to: hsl(var(--border) / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops:
-    var(--tw-gradient-from),
-    hsl(var(--border) / 0.3) var(--tw-gradient-via-position),
-    var(--tw-gradient-to);
-}
-.to-border\/60 {
-  --tw-gradient-to: hsl(var(--border) / 0.6) var(--tw-gradient-to-position);
-}
 .fill-current {
   fill: currentColor;
 }
@@ -1448,9 +1418,6 @@ body {
 .p-8 {
   padding: 2rem;
 }
-.p-\[1px\] {
-  padding: 1px;
-}
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -1471,10 +1438,6 @@ body {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
 .px-8 {
   padding-left: 2rem;
   padding-right: 2rem;
@@ -1531,8 +1494,8 @@ body {
 .pt-0 {
   padding-top: 0px;
 }
-.pt-4 {
-  padding-top: 1rem;
+.pt-3 {
+  padding-top: 0.75rem;
 }
 .text-left {
   text-align: left;
@@ -1648,6 +1611,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(245 158 11 / var(--tw-text-opacity, 1));
 }
+.text-amber-950 {
+  --tw-text-opacity: 1;
+  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
+}
 .text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -1705,9 +1672,6 @@ body {
 .text-muted-foreground {
   color: hsl(var(--muted-foreground));
 }
-.text-muted-foreground\/50 {
-  color: hsl(var(--muted-foreground) / 0.5);
-}
 .text-muted-foreground\/70 {
   color: hsl(var(--muted-foreground) / 0.7);
 }
@@ -1808,6 +1772,22 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-\[0_14px_40px_rgba\(0\,0\,0\,0\.35\)\] {
+  --tw-shadow: 0 14px 40px rgba(0,0,0,0.35);
+  --tw-shadow-colored: 0 14px 40px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.1\)\] {
+  --tw-shadow: 0 4px 16px rgba(0,0,0,0.1);
+  --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1859,16 +1839,31 @@ body {
 }
 .backdrop-blur {
   --tw-backdrop-blur: blur(8px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 .backdrop-blur-sm {
   --tw-backdrop-blur: blur(4px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 .backdrop-filter {
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 .transition {
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    opacity,
+    box-shadow,
+    transform,
+    filter,
+    -webkit-backdrop-filter;
   transition-property:
     color,
     background-color,
@@ -1881,6 +1876,19 @@ body {
     transform,
     filter,
     backdrop-filter;
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    opacity,
+    box-shadow,
+    transform,
+    filter,
+    backdrop-filter,
+    -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -2047,12 +2055,6 @@ body {
 .placeholder\:text-muted-foreground::placeholder {
   color: hsl(var(--muted-foreground));
 }
-.placeholder\:text-muted-foreground\/60::-moz-placeholder {
-  color: hsl(var(--muted-foreground) / 0.6);
-}
-.placeholder\:text-muted-foreground\/60::placeholder {
-  color: hsl(var(--muted-foreground) / 0.6);
-}
 .after\:absolute::after {
   content: var(--tw-content);
   position: absolute;
@@ -2085,15 +2087,22 @@ body {
 .hover\:border-border\/80:hover {
   border-color: hsl(var(--border) / 0.8);
 }
+.hover\:border-gray-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
+}
 .hover\:border-primary\/40:hover {
   border-color: hsl(var(--primary) / 0.4);
 }
+.hover\:border-white\/40:hover {
+  border-color: rgb(255 255 255 / 0.4);
+}
 .hover\:bg-accent:hover {
   background-color: hsl(var(--accent));
 }
-.hover\:bg-amber-400:hover {
+.hover\:bg-amber-300:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
+  background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1));
 }
 .hover\:bg-blue-700:hover {
   --tw-bg-opacity: 1;
@@ -2143,6 +2152,13 @@ body {
   --tw-text-opacity: 1;
   color: rgb(75 85 99 / var(--tw-text-opacity, 1));
 }
+.hover\:text-gray-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
+}
+.hover\:text-primary:hover {
+  color: hsl(var(--primary));
+}
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
@@ -2569,7 +2585,7 @@ body {
 .peer[data-variant=inset] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
   min-height: calc(100svh - 1rem);
 }
-@supports (backdrop-filter: var(--tw)) {
+@supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
   .supports-\[backdrop-filter\]\:bg-background\/60 {
     background-color: hsl(var(--background) / 0.6);
   }
@@ -2603,9 +2619,15 @@ body {
   .sm\:flex-col {
     flex-direction: column;
   }
+  .sm\:items-center {
+    align-items: center;
+  }
   .sm\:justify-end {
     justify-content: flex-end;
   }
+  .sm\:justify-between {
+    justify-content: space-between;
+  }
   .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0;
     margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -2621,18 +2643,10 @@ body {
     padding-left: 1rem;
     padding-right: 1rem;
   }
-  .sm\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
   .sm\:py-4 {
     padding-top: 1rem;
     padding-bottom: 1rem;
   }
-  .sm\:py-5 {
-    padding-top: 1.25rem;
-    padding-bottom: 1.25rem;
-  }
   .sm\:py-8 {
     padding-top: 2rem;
     padding-bottom: 2rem;
@@ -2690,12 +2704,29 @@ body {
   }
 }
 @media (min-width: 1024px) {
-  .lg\:block {
-    display: block;
+  .lg\:sticky {
+    position: sticky;
+  }
+  .lg\:top-4 {
+    top: 1rem;
+  }
+  .lg\:w-\[320px\] {
+    width: 320px;
   }
   .lg\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
+  .lg\:flex-row {
+    flex-direction: row;
+  }
+  .lg\:items-start {
+    align-items: flex-start;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:w-\[360px\] {
+    width: 360px;
+  }
 }
 @media (prefers-color-scheme: dark) {
   .dark\:-rotate-90 {
@@ -2716,9 +2747,6 @@ body {
     --tw-scale-y: 1;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
-  .dark\:border-0 {
-    border-width: 0px;
-  }
   .dark\:bg-gray-700 {
     --tw-bg-opacity: 1;
     background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
@@ -2727,27 +2755,9 @@ body {
     --tw-bg-opacity: 1;
     background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
   }
-  .dark\:bg-muted\/50 {
-    background-color: hsl(var(--muted) / 0.5);
-  }
   .dark\:bg-yellow-900\/20 {
     background-color: rgb(113 63 18 / 0.2);
   }
-  .dark\:from-primary\/40 {
-    --tw-gradient-from: hsl(var(--primary) / 0.4) var(--tw-gradient-from-position);
-    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-  }
-  .dark\:via-primary\/20 {
-    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops:
-      var(--tw-gradient-from),
-      hsl(var(--primary) / 0.2) var(--tw-gradient-via-position),
-      var(--tw-gradient-to);
-  }
-  .dark\:to-primary\/40 {
-    --tw-gradient-to: hsl(var(--primary) / 0.4) var(--tw-gradient-to-position);
-  }
   .dark\:text-yellow-200 {
     --tw-text-opacity: 1;
     color: rgb(254 240 138 / var(--tw-text-opacity, 1));
@@ -2760,18 +2770,6 @@ body {
     --tw-text-opacity: 1;
     color: rgb(250 204 21 / var(--tw-text-opacity, 1));
   }
-  .dark\:shadow-lg {
-    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-    box-shadow:
-      var(--tw-ring-offset-shadow, 0 0 #0000),
-      var(--tw-ring-shadow, 0 0 #0000),
-      var(--tw-shadow);
-  }
-  .dark\:shadow-primary\/5 {
-    --tw-shadow-color: hsl(var(--primary) / 0.05);
-    --tw-shadow: var(--tw-shadow-colored);
-  }
   .dark\:selection\:bg-primary\/40 *::-moz-selection {
     background-color: hsl(var(--primary) / 0.4);
   }
@@ -2838,5 +2836,5 @@ body {
 [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
   cursor: e-resize;
 }
-/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
+/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
  */