@distri/react 0.3.1 → 0.3.3

package/dist/index.css

@@ -425,18 +425,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 +446,6 @@ body {
 .right-4 {
   right: 1rem;
 }
-.right-6 {
-  right: 1.5rem;
-}
 .top-0 {
   top: 0px;
 }
@@ -464,6 +455,9 @@ body {
 .top-1\.5 {
   top: 0.375rem;
 }
+.top-2 {
+  top: 0.5rem;
+}
 .top-3\.5 {
   top: 0.875rem;
 }
@@ -489,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;
@@ -605,6 +599,9 @@ body {
   width: 1rem;
   height: 1rem;
 }
+.h-1 {
+  height: 0.25rem;
+}
 .h-1\.5 {
   height: 0.375rem;
 }
@@ -656,6 +653,9 @@ body {
 .h-\[1px\] {
   height: 1px;
 }
+.h-\[400px\] {
+  height: 400px;
+}
 .h-\[var\(--radix-select-trigger-height\)\] {
   height: var(--radix-select-trigger-height);
 }
@@ -680,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);
 }
@@ -689,12 +695,15 @@ 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;
 }
-.min-h-\[240px\] {
-  min-height: 240px;
-}
 .min-h-\[400px\] {
   min-height: 400px;
 }
@@ -722,9 +731,6 @@ body {
 .w-10 {
   width: 2.5rem;
 }
-.w-11 {
-  width: 2.75rem;
-}
 .w-12 {
   width: 3rem;
 }
@@ -825,6 +831,9 @@ body {
 .max-w-\[80\%\] {
   max-width: 80%;
 }
+.max-w-\[90vw\] {
+  max-width: 90vw;
+}
 .max-w-full {
   max-width: 100%;
 }
@@ -1126,6 +1135,9 @@ body {
 .border {
   border-width: 1px;
 }
+.border-0 {
+  border-width: 0px;
+}
 .border-2 {
   border-width: 2px;
 }
@@ -1156,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));
@@ -1205,14 +1223,14 @@ body {
 .border-muted {
   border-color: hsl(var(--muted));
 }
-.border-primary {
-  border-color: hsl(var(--primary));
+.border-muted-foreground {
+  border-color: hsl(var(--muted-foreground));
 }
-.border-primary\/20 {
-  border-color: hsl(var(--primary) / 0.2);
+.border-muted-foreground\/30 {
+  border-color: hsl(var(--muted-foreground) / 0.3);
 }
-.border-primary\/50 {
-  border-color: hsl(var(--primary) / 0.5);
+.border-primary {
+  border-color: hsl(var(--primary));
 }
 .border-red-200 {
   --tw-border-opacity: 1;
@@ -1224,8 +1242,11 @@ body {
 .border-transparent {
   border-color: transparent;
 }
-.border-white\/15 {
-  border-color: rgb(255 255 255 / 0.15);
+.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;
@@ -1241,33 +1262,42 @@ body {
 .border-t-transparent {
   border-top-color: transparent;
 }
-.bg-\[\#1c1f23\] {
+.bg-\[\#0d0d0d\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(28 31 35 / var(--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-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));
 }
-.bg-background\/60 {
-  background-color: hsl(var(--background) / 0.6);
-}
 .bg-background\/70 {
   background-color: hsl(var(--background) / 0.7);
 }
 .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));
 }
+.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);
 }
@@ -1353,6 +1383,9 @@ body {
 .bg-primary\/10 {
   background-color: hsl(var(--primary) / 0.1);
 }
+.bg-primary\/50 {
+  background-color: hsl(var(--primary) / 0.5);
+}
 .bg-red-400\/15 {
   background-color: rgb(248 113 113 / 0.15);
 }
@@ -1378,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));
@@ -1386,6 +1422,9 @@ 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));
+}
 .fill-current {
   fill: currentColor;
 }
@@ -1418,6 +1457,9 @@ body {
 .p-8 {
   padding: 2rem;
 }
+.p-\[1px\] {
+  padding: 1px;
+}
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -1470,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);
 }
@@ -1497,6 +1548,9 @@ body {
 .pt-3 {
   padding-top: 0.75rem;
 }
+.pt-4 {
+  padding-top: 1rem;
+}
 .text-left {
   text-align: left;
 }
@@ -1580,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;
 }
@@ -1607,13 +1655,22 @@ 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-amber-950 {
+.text-black {
   --tw-text-opacity: 1;
-  color: rgb(69 26 3 / var(--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;
@@ -1687,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;
@@ -1702,13 +1759,19 @@ 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));
 }
+.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));
@@ -1735,9 +1798,6 @@ body {
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
-.caret-transparent {
-  caret-color: transparent;
-}
 .opacity-0 {
   opacity: 0;
 }
@@ -1764,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);
+.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_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);
+.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),
@@ -2087,22 +2139,21 @@ 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-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;
@@ -2132,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));
@@ -2142,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));
 }
@@ -2152,12 +2217,9 @@ body {
   --tw-text-opacity: 1;
   color: rgb(75 85 99 / var(--tw-text-opacity, 1));
 }
-.hover\:text-gray-800:hover {
+.hover\:text-white:hover {
   --tw-text-opacity: 1;
-  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
-}
-.hover\:text-primary:hover {
-  color: hsl(var(--primary));
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 .hover\:underline:hover {
   text-decoration-line: underline;
@@ -2213,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));
 }
@@ -2600,10 +2665,6 @@ body {
   .sm\:top-auto {
     top: auto;
   }
-  .sm\:mx-1 {
-    margin-left: 0.25rem;
-    margin-right: 0.25rem;
-  }
   .sm\:flex {
     display: flex;
   }
@@ -2619,15 +2680,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));
@@ -2639,10 +2694,6 @@ body {
   .sm\:p-4 {
     padding: 1rem;
   }
-  .sm\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
   .sm\:py-4 {
     padding-top: 1rem;
     padding-bottom: 1rem;
@@ -2790,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;
@@ -2808,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;
 }