@distri/react 0.3.1 → 0.3.2

package/dist/index.css

@@ -1,3 +1,598 @@
+/* ../../node_modules/.pnpm/codemirror@5.65.20/node_modules/codemirror/lib/codemirror.css */
+.CodeMirror {
+  font-family: monospace;
+  height: 300px;
+  color: black;
+  direction: ltr;
+}
+.CodeMirror-lines {
+  padding: 4px 0;
+}
+.CodeMirror pre.CodeMirror-line,
+.CodeMirror pre.CodeMirror-line-like {
+  padding: 0 4px;
+}
+.CodeMirror-scrollbar-filler,
+.CodeMirror-gutter-filler {
+  background-color: white;
+}
+.CodeMirror-gutters {
+  border-right: 1px solid #ddd;
+  background-color: #f7f7f7;
+  white-space: nowrap;
+}
+.CodeMirror-linenumbers {
+}
+.CodeMirror-linenumber {
+  padding: 0 3px 0 5px;
+  min-width: 20px;
+  text-align: right;
+  color: #999;
+  white-space: nowrap;
+}
+.CodeMirror-guttermarker {
+  color: black;
+}
+.CodeMirror-guttermarker-subtle {
+  color: #999;
+}
+.CodeMirror-cursor {
+  border-left: 1px solid black;
+  border-right: none;
+  width: 0;
+}
+.CodeMirror div.CodeMirror-secondarycursor {
+  border-left: 1px solid silver;
+}
+.cm-fat-cursor .CodeMirror-cursor {
+  width: auto;
+  border: 0 !important;
+  background: #7e7;
+}
+.cm-fat-cursor div.CodeMirror-cursors {
+  z-index: 1;
+}
+.cm-fat-cursor .CodeMirror-line::-moz-selection,
+.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
+.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
+  background: transparent;
+}
+.cm-fat-cursor .CodeMirror-line::selection,
+.cm-fat-cursor .CodeMirror-line > span::selection,
+.cm-fat-cursor .CodeMirror-line > span > span::selection {
+  background: transparent;
+}
+.cm-fat-cursor .CodeMirror-line::-moz-selection,
+.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
+.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
+  background: transparent;
+}
+.cm-fat-cursor {
+  caret-color: transparent;
+}
+@keyframes blink {
+  0% {
+  }
+  50% {
+    background-color: transparent;
+  }
+  100% {
+  }
+}
+.CodeMirror-overwrite .CodeMirror-cursor {
+}
+.cm-tab {
+  display: inline-block;
+  text-decoration: inherit;
+}
+.CodeMirror-rulers {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: -50px;
+  bottom: 0;
+  overflow: hidden;
+}
+.CodeMirror-ruler {
+  border-left: 1px solid #ccc;
+  top: 0;
+  bottom: 0;
+  position: absolute;
+}
+.cm-s-default .cm-header {
+  color: blue;
+}
+.cm-s-default .cm-quote {
+  color: #090;
+}
+.cm-negative {
+  color: #d44;
+}
+.cm-positive {
+  color: #292;
+}
+.cm-header,
+.cm-strong {
+  font-weight: bold;
+}
+.cm-em {
+  font-style: italic;
+}
+.cm-link {
+  text-decoration: underline;
+}
+.cm-strikethrough {
+  text-decoration: line-through;
+}
+.cm-s-default .cm-keyword {
+  color: #708;
+}
+.cm-s-default .cm-atom {
+  color: #219;
+}
+.cm-s-default .cm-number {
+  color: #164;
+}
+.cm-s-default .cm-def {
+  color: #00f;
+}
+.cm-s-default .cm-variable,
+.cm-s-default .cm-punctuation,
+.cm-s-default .cm-property,
+.cm-s-default .cm-operator {
+}
+.cm-s-default .cm-variable-2 {
+  color: #05a;
+}
+.cm-s-default .cm-variable-3,
+.cm-s-default .cm-type {
+  color: #085;
+}
+.cm-s-default .cm-comment {
+  color: #a50;
+}
+.cm-s-default .cm-string {
+  color: #a11;
+}
+.cm-s-default .cm-string-2 {
+  color: #f50;
+}
+.cm-s-default .cm-meta {
+  color: #555;
+}
+.cm-s-default .cm-qualifier {
+  color: #555;
+}
+.cm-s-default .cm-builtin {
+  color: #30a;
+}
+.cm-s-default .cm-bracket {
+  color: #997;
+}
+.cm-s-default .cm-tag {
+  color: #170;
+}
+.cm-s-default .cm-attribute {
+  color: #00c;
+}
+.cm-s-default .cm-hr {
+  color: #999;
+}
+.cm-s-default .cm-link {
+  color: #00c;
+}
+.cm-s-default .cm-error {
+  color: #f00;
+}
+.cm-invalidchar {
+  color: #f00;
+}
+.CodeMirror-composing {
+  border-bottom: 2px solid;
+}
+div.CodeMirror span.CodeMirror-matchingbracket {
+  color: #0b0;
+}
+div.CodeMirror span.CodeMirror-nonmatchingbracket {
+  color: #a22;
+}
+.CodeMirror-matchingtag {
+  background: rgba(255, 150, 0, .3);
+}
+.CodeMirror-activeline-background {
+  background: #e8f2ff;
+}
+.CodeMirror {
+  position: relative;
+  overflow: hidden;
+  background: white;
+}
+.CodeMirror-scroll {
+  overflow: scroll !important;
+  margin-bottom: -50px;
+  margin-right: -50px;
+  padding-bottom: 50px;
+  height: 100%;
+  outline: none;
+  position: relative;
+  z-index: 0;
+}
+.CodeMirror-sizer {
+  position: relative;
+  border-right: 50px solid transparent;
+}
+.CodeMirror-vscrollbar,
+.CodeMirror-hscrollbar,
+.CodeMirror-scrollbar-filler,
+.CodeMirror-gutter-filler {
+  position: absolute;
+  z-index: 6;
+  display: none;
+  outline: none;
+}
+.CodeMirror-vscrollbar {
+  right: 0;
+  top: 0;
+  overflow-x: hidden;
+  overflow-y: scroll;
+}
+.CodeMirror-hscrollbar {
+  bottom: 0;
+  left: 0;
+  overflow-y: hidden;
+  overflow-x: scroll;
+}
+.CodeMirror-scrollbar-filler {
+  right: 0;
+  bottom: 0;
+}
+.CodeMirror-gutter-filler {
+  left: 0;
+  bottom: 0;
+}
+.CodeMirror-gutters {
+  position: absolute;
+  left: 0;
+  top: 0;
+  min-height: 100%;
+  z-index: 3;
+}
+.CodeMirror-gutter {
+  white-space: normal;
+  height: 100%;
+  display: inline-block;
+  vertical-align: top;
+  margin-bottom: -50px;
+}
+.CodeMirror-gutter-wrapper {
+  position: absolute;
+  z-index: 4;
+  background: none !important;
+  border: none !important;
+}
+.CodeMirror-gutter-background {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 4;
+}
+.CodeMirror-gutter-elt {
+  position: absolute;
+  cursor: default;
+  z-index: 4;
+}
+.CodeMirror-gutter-wrapper ::-moz-selection {
+  background-color: transparent;
+}
+.CodeMirror-gutter-wrapper ::selection {
+  background-color: transparent;
+}
+.CodeMirror-gutter-wrapper ::-moz-selection {
+  background-color: transparent;
+}
+.CodeMirror-lines {
+  cursor: text;
+  min-height: 1px;
+}
+.CodeMirror pre.CodeMirror-line,
+.CodeMirror pre.CodeMirror-line-like {
+  border-radius: 0;
+  border-width: 0;
+  background: transparent;
+  font-family: inherit;
+  font-size: inherit;
+  margin: 0;
+  white-space: pre;
+  word-wrap: normal;
+  line-height: inherit;
+  color: inherit;
+  z-index: 2;
+  position: relative;
+  overflow: visible;
+  -webkit-tap-highlight-color: transparent;
+  font-variant-ligatures: contextual;
+}
+.CodeMirror-wrap pre.CodeMirror-line,
+.CodeMirror-wrap pre.CodeMirror-line-like {
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  word-break: normal;
+}
+.CodeMirror-linebackground {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 0;
+}
+.CodeMirror-linewidget {
+  position: relative;
+  z-index: 2;
+  padding: 0.1px;
+}
+.CodeMirror-widget {
+}
+.CodeMirror-rtl pre {
+  direction: rtl;
+}
+.CodeMirror-code {
+  outline: none;
+}
+.CodeMirror-scroll,
+.CodeMirror-sizer,
+.CodeMirror-gutter,
+.CodeMirror-gutters,
+.CodeMirror-linenumber {
+  box-sizing: content-box;
+}
+.CodeMirror-measure {
+  position: absolute;
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  visibility: hidden;
+}
+.CodeMirror-cursor {
+  position: absolute;
+  pointer-events: none;
+}
+.CodeMirror-measure pre {
+  position: static;
+}
+div.CodeMirror-cursors {
+  visibility: hidden;
+  position: relative;
+  z-index: 3;
+}
+div.CodeMirror-dragcursors {
+  visibility: visible;
+}
+.CodeMirror-focused div.CodeMirror-cursors {
+  visibility: visible;
+}
+.CodeMirror-selected {
+  background: #d9d9d9;
+}
+.CodeMirror-focused .CodeMirror-selected {
+  background: #d7d4f0;
+}
+.CodeMirror-crosshair {
+  cursor: crosshair;
+}
+.CodeMirror-line::-moz-selection,
+.CodeMirror-line > span::-moz-selection,
+.CodeMirror-line > span > span::-moz-selection {
+  background: #d7d4f0;
+}
+.CodeMirror-line::selection,
+.CodeMirror-line > span::selection,
+.CodeMirror-line > span > span::selection {
+  background: #d7d4f0;
+}
+.CodeMirror-line::-moz-selection,
+.CodeMirror-line > span::-moz-selection,
+.CodeMirror-line > span > span::-moz-selection {
+  background: #d7d4f0;
+}
+.cm-searching {
+  background-color: #ffa;
+  background-color: rgba(255, 255, 0, .4);
+}
+.cm-force-border {
+  padding-right: .1px;
+}
+@media print {
+  .CodeMirror div.CodeMirror-cursors {
+    visibility: hidden;
+  }
+}
+.cm-tab-wrap-hack:after {
+  content: "";
+}
+span.CodeMirror-selectedtext {
+  background: none;
+}
+
+/* ../../node_modules/.pnpm/codemirror@5.65.20/node_modules/codemirror/theme/material-darker.css */
+.cm-s-material-darker.CodeMirror {
+  background-color: #212121;
+  color: #EEFFFF;
+}
+.cm-s-material-darker .CodeMirror-gutters {
+  background: #212121;
+  color: #545454;
+  border: none;
+}
+.cm-s-material-darker .CodeMirror-guttermarker,
+.cm-s-material-darker .CodeMirror-guttermarker-subtle,
+.cm-s-material-darker .CodeMirror-linenumber {
+  color: #545454;
+}
+.cm-s-material-darker .CodeMirror-cursor {
+  border-left: 1px solid #FFCC00;
+}
+.cm-s-material-darker div.CodeMirror-selected {
+  background: rgba(97, 97, 97, 0.2);
+}
+.cm-s-material-darker.CodeMirror-focused div.CodeMirror-selected {
+  background: rgba(97, 97, 97, 0.2);
+}
+.cm-s-material-darker .CodeMirror-line::-moz-selection,
+.cm-s-material-darker .CodeMirror-line > span::-moz-selection,
+.cm-s-material-darker .CodeMirror-line > span > span::-moz-selection {
+  background: rgba(128, 203, 196, 0.2);
+}
+.cm-s-material-darker .CodeMirror-line::selection,
+.cm-s-material-darker .CodeMirror-line > span::selection,
+.cm-s-material-darker .CodeMirror-line > span > span::selection {
+  background: rgba(128, 203, 196, 0.2);
+}
+.cm-s-material-darker .CodeMirror-line::-moz-selection,
+.cm-s-material-darker .CodeMirror-line > span::-moz-selection,
+.cm-s-material-darker .CodeMirror-line > span > span::-moz-selection {
+  background: rgba(128, 203, 196, 0.2);
+}
+.cm-s-material-darker .CodeMirror-activeline-background {
+  background: rgba(0, 0, 0, 0.5);
+}
+.cm-s-material-darker .cm-keyword {
+  color: #C792EA;
+}
+.cm-s-material-darker .cm-operator {
+  color: #89DDFF;
+}
+.cm-s-material-darker .cm-variable-2 {
+  color: #EEFFFF;
+}
+.cm-s-material-darker .cm-variable-3,
+.cm-s-material-darker .cm-type {
+  color: #f07178;
+}
+.cm-s-material-darker .cm-builtin {
+  color: #FFCB6B;
+}
+.cm-s-material-darker .cm-atom {
+  color: #F78C6C;
+}
+.cm-s-material-darker .cm-number {
+  color: #FF5370;
+}
+.cm-s-material-darker .cm-def {
+  color: #82AAFF;
+}
+.cm-s-material-darker .cm-string {
+  color: #C3E88D;
+}
+.cm-s-material-darker .cm-string-2 {
+  color: #f07178;
+}
+.cm-s-material-darker .cm-comment {
+  color: #545454;
+}
+.cm-s-material-darker .cm-variable {
+  color: #f07178;
+}
+.cm-s-material-darker .cm-tag {
+  color: #FF5370;
+}
+.cm-s-material-darker .cm-meta {
+  color: #FFCB6B;
+}
+.cm-s-material-darker .cm-attribute {
+  color: #C792EA;
+}
+.cm-s-material-darker .cm-property {
+  color: #C792EA;
+}
+.cm-s-material-darker .cm-qualifier {
+  color: #DECB6B;
+}
+.cm-s-material-darker .cm-variable-3,
+.cm-s-material-darker .cm-type {
+  color: #DECB6B;
+}
+.cm-s-material-darker .cm-error {
+  color: rgba(255, 255, 255, 1.0);
+  background-color: #FF5370;
+}
+.cm-s-material-darker .CodeMirror-matchingbracket {
+  text-decoration: underline;
+  color: white !important;
+}
+
+/* ../../node_modules/.pnpm/codemirror@5.65.20/node_modules/codemirror/theme/eclipse.css */
+.cm-s-eclipse span.cm-meta {
+  color: #FF1717;
+}
+.cm-s-eclipse span.cm-keyword {
+  line-height: 1em;
+  font-weight: bold;
+  color: #7F0055;
+}
+.cm-s-eclipse span.cm-atom {
+  color: #219;
+}
+.cm-s-eclipse span.cm-number {
+  color: #164;
+}
+.cm-s-eclipse span.cm-def {
+  color: #00f;
+}
+.cm-s-eclipse span.cm-variable {
+  color: black;
+}
+.cm-s-eclipse span.cm-variable-2 {
+  color: #0000C0;
+}
+.cm-s-eclipse span.cm-variable-3,
+.cm-s-eclipse span.cm-type {
+  color: #0000C0;
+}
+.cm-s-eclipse span.cm-property {
+  color: black;
+}
+.cm-s-eclipse span.cm-operator {
+  color: black;
+}
+.cm-s-eclipse span.cm-comment {
+  color: #3F7F5F;
+}
+.cm-s-eclipse span.cm-string {
+  color: #2A00FF;
+}
+.cm-s-eclipse span.cm-string-2 {
+  color: #f50;
+}
+.cm-s-eclipse span.cm-qualifier {
+  color: #555;
+}
+.cm-s-eclipse span.cm-builtin {
+  color: #30a;
+}
+.cm-s-eclipse span.cm-bracket {
+  color: #cc7;
+}
+.cm-s-eclipse span.cm-tag {
+  color: #170;
+}
+.cm-s-eclipse span.cm-attribute {
+  color: #00c;
+}
+.cm-s-eclipse span.cm-link {
+  color: #219;
+}
+.cm-s-eclipse span.cm-error {
+  color: #f00;
+}
+.cm-s-eclipse .CodeMirror-activeline-background {
+  background: #e8f2ff;
+}
+.cm-s-eclipse .CodeMirror-matchingbracket {
+  outline: 1px solid grey;
+  color: black !important;
+}
+
 /* src/globals.css */
 *,
 ::before,
@@ -367,6 +962,14 @@ 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;
@@ -425,18 +1028,12 @@ 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;
 }
@@ -452,9 +1049,6 @@ body {
 .right-4 {
   right: 1rem;
 }
-.right-6 {
-  right: 1.5rem;
-}
 .top-0 {
   top: 0px;
 }
@@ -464,6 +1058,9 @@ body {
 .top-1\.5 {
   top: 0.375rem;
 }
+.top-2 {
+  top: 0.5rem;
+}
 .top-3\.5 {
   top: 0.875rem;
 }
@@ -656,6 +1253,9 @@ body {
 .h-\[1px\] {
   height: 1px;
 }
+.h-\[400px\] {
+  height: 400px;
+}
 .h-\[var\(--radix-select-trigger-height\)\] {
   height: var(--radix-select-trigger-height);
 }
@@ -692,9 +1292,6 @@ body {
 .min-h-\[220px\] {
   min-height: 220px;
 }
-.min-h-\[240px\] {
-  min-height: 240px;
-}
 .min-h-\[400px\] {
   min-height: 400px;
 }
@@ -722,9 +1319,6 @@ body {
 .w-10 {
   width: 2.5rem;
 }
-.w-11 {
-  width: 2.75rem;
-}
 .w-12 {
   width: 3rem;
 }
@@ -1096,6 +1690,9 @@ body {
 .rounded-2xl {
   border-radius: 1rem;
 }
+.rounded-3xl {
+  border-radius: 1.5rem;
+}
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1126,6 +1723,9 @@ body {
 .border {
   border-width: 1px;
 }
+.border-0 {
+  border-width: 0px;
+}
 .border-2 {
   border-width: 2px;
 }
@@ -1211,9 +1811,6 @@ 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));
@@ -1224,9 +1821,6 @@ 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));
@@ -1241,13 +1835,9 @@ body {
 .border-t-transparent {
   border-top-color: transparent;
 }
-.bg-\[\#1c1f23\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(28 31 35 / var(--tw-bg-opacity, 1));
-}
-.bg-amber-400 {
+.bg-amber-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
+  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
 }
 .bg-background {
   background-color: hsl(var(--background));
@@ -1261,6 +1851,9 @@ 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));
@@ -1353,6 +1946,9 @@ 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);
 }
@@ -1386,6 +1982,24 @@ 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;
 }
@@ -1418,6 +2032,9 @@ body {
 .p-8 {
   padding: 2rem;
 }
+.p-\[1px\] {
+  padding: 1px;
+}
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -1438,6 +2055,10 @@ 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;
@@ -1494,8 +2115,8 @@ body {
 .pt-0 {
   padding-top: 0px;
 }
-.pt-3 {
-  padding-top: 0.75rem;
+.pt-4 {
+  padding-top: 1rem;
 }
 .text-left {
   text-align: left;
@@ -1611,10 +2232,6 @@ 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));
@@ -1672,6 +2289,9 @@ 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);
 }
@@ -1702,9 +2322,6 @@ body {
 .text-secondary-foreground {
   color: hsl(var(--secondary-foreground));
 }
-.text-transparent {
-  color: transparent;
-}
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -1735,9 +2352,6 @@ body {
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
-.caret-transparent {
-  caret-color: transparent;
-}
 .opacity-0 {
   opacity: 0;
 }
@@ -2087,22 +2701,15 @@ 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-300:hover {
+.hover\:bg-amber-400:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1));
+  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
 }
 .hover\:bg-blue-700:hover {
   --tw-bg-opacity: 1;
@@ -2152,13 +2759,6 @@ 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;
 }
@@ -2619,15 +3219,9 @@ 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));
@@ -2643,10 +3237,18 @@ 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;
@@ -2747,6 +3349,9 @@ 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));
@@ -2755,9 +3360,27 @@ 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));
@@ -2770,6 +3393,18 @@ 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);
   }