@distri/react 0.3.2 → 0.3.3

package/dist/globals.css

@@ -367,14 +367,6 @@ body {
     max-width: 1536px;
   }
 }
-.distri-chat-editor.CodeMirror,
-.distri-chat-editor .CodeMirror-scroll {
-  background: transparent !important;
-}
-.distri-chat-editor .CodeMirror-placeholder {
-  color: hsl(var(--muted-foreground)) !important;
-  opacity: 0.7;
-}
 .sr-only {
   position: absolute;
   width: 1px;
@@ -491,9 +483,9 @@ body {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
 }
-.mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
 }
 .mx-2 {
   margin-left: 0.5rem;
@@ -607,6 +599,9 @@ body {
   width: 1rem;
   height: 1rem;
 }
+.h-1 {
+  height: 0.25rem;
+}
 .h-1\.5 {
   height: 0.375rem;
 }
@@ -685,6 +680,12 @@ body {
 .max-h-\[--radix-select-content-available-height\] {
   max-height: var(--radix-select-content-available-height);
 }
+.max-h-\[85vh\] {
+  max-height: 85vh;
+}
+.max-h-\[90vh\] {
+  max-height: 90vh;
+}
 .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
   max-height: var(--radix-dropdown-menu-content-available-height);
 }
@@ -694,6 +695,12 @@ body {
 .min-h-0 {
   min-height: 0px;
 }
+.min-h-\[100px\] {
+  min-height: 100px;
+}
+.min-h-\[180px\] {
+  min-height: 180px;
+}
 .min-h-\[220px\] {
   min-height: 220px;
 }
@@ -824,6 +831,9 @@ body {
 .max-w-\[80\%\] {
   max-width: 80%;
 }
+.max-w-\[90vw\] {
+  max-width: 90vw;
+}
 .max-w-full {
   max-width: 100%;
 }
@@ -1095,9 +1105,6 @@ body {
 .rounded-2xl {
   border-radius: 1rem;
 }
-.rounded-3xl {
-  border-radius: 1.5rem;
-}
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1161,6 +1168,12 @@ body {
 .border-none {
   border-style: none;
 }
+.border-black\/10 {
+  border-color: rgb(0 0 0 / 0.1);
+}
+.border-black\/5 {
+  border-color: rgb(0 0 0 / 0.05);
+}
 .border-blue-200 {
   --tw-border-opacity: 1;
   border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
@@ -1210,12 +1223,15 @@ body {
 .border-muted {
   border-color: hsl(var(--muted));
 }
+.border-muted-foreground {
+  border-color: hsl(var(--muted-foreground));
+}
+.border-muted-foreground\/30 {
+  border-color: hsl(var(--muted-foreground) / 0.3);
+}
 .border-primary {
   border-color: hsl(var(--primary));
 }
-.border-primary\/20 {
-  border-color: hsl(var(--primary) / 0.2);
-}
 .border-red-200 {
   --tw-border-opacity: 1;
   border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
@@ -1226,6 +1242,12 @@ body {
 .border-transparent {
   border-color: transparent;
 }
+.border-white\/20 {
+  border-color: rgb(255 255 255 / 0.2);
+}
+.border-white\/5 {
+  border-color: rgb(255 255 255 / 0.05);
+}
 .border-yellow-200 {
   --tw-border-opacity: 1;
   border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
@@ -1240,6 +1262,13 @@ body {
 .border-t-transparent {
   border-top-color: transparent;
 }
+.bg-\[\#0d0d0d\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(13 13 13 / var(--tw-bg-opacity, 1));
+}
+.bg-\[var\(--distri-accent\,\#3b82f6\)\] {
+  background-color: var(--distri-accent,#3b82f6);
+}
 .bg-amber-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
@@ -1247,9 +1276,6 @@ body {
 .bg-background {
   background-color: hsl(var(--background));
 }
-.bg-background\/60 {
-  background-color: hsl(var(--background) / 0.6);
-}
 .bg-background\/70 {
   background-color: hsl(var(--background) / 0.7);
 }
@@ -1263,9 +1289,15 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
+.bg-black\/5 {
+  background-color: rgb(0 0 0 / 0.05);
+}
 .bg-black\/50 {
   background-color: rgb(0 0 0 / 0.5);
 }
+.bg-black\/60 {
+  background-color: rgb(0 0 0 / 0.6);
+}
 .bg-black\/80 {
   background-color: rgb(0 0 0 / 0.8);
 }
@@ -1351,8 +1383,8 @@ body {
 .bg-primary\/10 {
   background-color: hsl(var(--primary) / 0.1);
 }
-.bg-primary\/20 {
-  background-color: hsl(var(--primary) / 0.2);
+.bg-primary\/50 {
+  background-color: hsl(var(--primary) / 0.5);
 }
 .bg-red-400\/15 {
   background-color: rgb(248 113 113 / 0.15);
@@ -1379,6 +1411,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.bg-white\/10 {
+  background-color: rgb(255 255 255 / 0.1);
+}
 .bg-yellow-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
@@ -1390,21 +1425,6 @@ body {
 .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;
 }
@@ -1460,10 +1480,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;
@@ -1496,6 +1512,15 @@ body {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
+.pb-3 {
+  padding-bottom: 0.75rem;
+}
+.pb-4 {
+  padding-bottom: 1rem;
+}
 .pb-\[env\(safe-area-inset-bottom\)\] {
   padding-bottom: env(safe-area-inset-bottom);
 }
@@ -1520,6 +1545,9 @@ body {
 .pt-0 {
   padding-top: 0px;
 }
+.pt-3 {
+  padding-top: 0.75rem;
+}
 .pt-4 {
   padding-top: 1rem;
 }
@@ -1606,12 +1634,6 @@ body {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
-.leading-6 {
-  line-height: 1.5rem;
-}
-.leading-7 {
-  line-height: 1.75rem;
-}
 .leading-none {
   line-height: 1;
 }
@@ -1633,10 +1655,23 @@ body {
 .tracking-widest {
   letter-spacing: 0.1em;
 }
+.text-\[var\(--distri-accent\,\#3b82f6\)\] {
+  color: var(--distri-accent,#3b82f6);
+}
 .text-amber-500 {
   --tw-text-opacity: 1;
   color: rgb(245 158 11 / var(--tw-text-opacity, 1));
 }
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
+.text-black\/30 {
+  color: rgb(0 0 0 / 0.3);
+}
+.text-black\/60 {
+  color: rgb(0 0 0 / 0.6);
+}
 .text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -1694,9 +1729,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);
 }
@@ -1712,9 +1744,9 @@ body {
 .text-primary-foreground {
   color: hsl(var(--primary-foreground));
 }
-.text-red-200 {
+.text-red-400 {
   --tw-text-opacity: 1;
-  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
+  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
 }
 .text-red-500 {
   --tw-text-opacity: 1;
@@ -1731,6 +1763,15 @@ body {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.text-white\/30 {
+  color: rgb(255 255 255 / 0.3);
+}
+.text-white\/70 {
+  color: rgb(255 255 255 / 0.7);
+}
+.text-white\/90 {
+  color: rgb(255 255 255 / 0.9);
+}
 .text-yellow-400 {
   --tw-text-opacity: 1;
   color: rgb(250 204 21 / var(--tw-text-opacity, 1));
@@ -1783,25 +1824,17 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
-.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
-  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
-  --tw-shadow-colored: 0 0 0 1px 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_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);
+.shadow-2xl {
+  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+  --tw-shadow-colored: 0 25px 50px -12px 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);
+.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
+  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
+  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
   box-shadow:
     var(--tw-ring-offset-shadow, 0 0 #0000),
     var(--tw-ring-shadow, 0 0 #0000),
@@ -2116,6 +2149,12 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-black\/10:hover {
+  background-color: rgb(0 0 0 / 0.1);
+}
+.hover\:bg-black\/70:hover {
+  background-color: rgb(0 0 0 / 0.7);
+}
 .hover\:bg-blue-700:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
@@ -2144,6 +2183,10 @@ body {
 .hover\:bg-primary\/90:hover {
   background-color: hsl(var(--primary) / 0.9);
 }
+.hover\:bg-red-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-red-700:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
@@ -2154,9 +2197,19 @@ body {
 .hover\:bg-secondary\/80:hover {
   background-color: hsl(var(--secondary) / 0.8);
 }
+.hover\:bg-white\/20:hover {
+  background-color: rgb(255 255 255 / 0.2);
+}
+.hover\:bg-white\/90:hover {
+  background-color: rgb(255 255 255 / 0.9);
+}
 .hover\:text-accent-foreground:hover {
   color: hsl(var(--accent-foreground));
 }
+.hover\:text-black:hover {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
 .hover\:text-foreground:hover {
   color: hsl(var(--foreground));
 }
@@ -2164,6 +2217,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(75 85 99 / var(--tw-text-opacity, 1));
 }
+.hover\:text-white:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
@@ -2218,6 +2275,9 @@ body {
     var(--tw-ring-shadow),
     var(--tw-shadow, 0 0 #0000);
 }
+.focus\:ring-primary\/50:focus {
+  --tw-ring-color: hsl(var(--primary) / 0.5);
+}
 .focus\:ring-ring:focus {
   --tw-ring-color: hsl(var(--ring));
 }
@@ -2605,10 +2665,6 @@ body {
   .sm\:top-auto {
     top: auto;
   }
-  .sm\:mx-1 {
-    margin-left: 0.25rem;
-    margin-right: 0.25rem;
-  }
   .sm\:flex {
     display: flex;
   }
@@ -2638,22 +2694,10 @@ body {
   .sm\:p-4 {
     padding: 1rem;
   }
-  .sm\:px-4 {
-    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;
@@ -2754,9 +2798,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));
@@ -2765,27 +2806,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));
@@ -2798,18 +2821,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);
   }
@@ -2830,6 +2841,9 @@ body {
 .\[\&\>button\]\:hidden > button {
   display: none;
 }
+.\[\&\>div\]\:flex-1 > div {
+  flex: 1 1 0%;
+}
 .\[\&\>span\:last-child\]\:truncate > span:last-child {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2848,6 +2862,33 @@ body {
 .\[\&\>svg\]\:shrink-0 > svg {
   flex-shrink: 0;
 }
+.\[\&_\.ProseMirror\]\:h-full .ProseMirror {
+  height: 100%;
+}
+.\[\&_\.ProseMirror\]\:outline-none .ProseMirror {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.\[\&_\.is-editor-empty\:first-child\:\:before\]\:pointer-events-none .is-editor-empty:first-child::before {
+  pointer-events: none;
+}
+.\[\&_\.is-editor-empty\:first-child\:\:before\]\:float-left .is-editor-empty:first-child::before {
+  float: left;
+}
+.\[\&_\.is-editor-empty\:first-child\:\:before\]\:h-0 .is-editor-empty:first-child::before {
+  height: 0px;
+}
+.\[\&_\.is-editor-empty\:first-child\:\:before\]\:text-gray-400 .is-editor-empty:first-child::before {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
+.\[\&_\.is-editor-empty\:first-child\:\:before\]\:text-white\/40 .is-editor-empty:first-child::before {
+  color: rgb(255 255 255 / 0.4);
+}
+.\[\&_\.is-editor-empty\:first-child\:\:before\]\:content-\[attr\(data-placeholder\)\] .is-editor-empty:first-child::before {
+  --tw-content: attr(data-placeholder);
+  content: var(--tw-content);
+}
 .\[\&_svg\]\:pointer-events-none svg {
   pointer-events: none;
 }