@mlw-packages/react-components 1.8.7 → 1.8.9

package/dist/index.css

@@ -982,6 +982,9 @@ body {
 .h-\[50vh\] {
   height: 50vh;
 }
+.h-\[95vh\] {
+  height: 95vh;
+}
 .h-\[calc\(var\(--week-cells-height\)\/4\)\] {
   height: calc(var(--week-cells-height) / 4);
 }
@@ -1138,6 +1141,9 @@ body {
 .w-20 {
   width: 5rem;
 }
+.w-24 {
+  width: 6rem;
+}
 .w-28 {
   width: 7rem;
 }
@@ -1249,6 +1255,9 @@ body {
 .w-\[500px\] {
   width: 500px;
 }
+.w-\[52rem\] {
+  width: 52rem;
+}
 .w-\[70\%\] {
   width: 70%;
 }
@@ -1258,6 +1267,9 @@ body {
 .w-\[90\%\] {
   width: 90%;
 }
+.w-\[95vw\] {
+  width: 95vw;
+}
 .w-auto {
   width: auto;
 }
@@ -1299,6 +1311,12 @@ body {
 .min-w-\[1\.5rem\] {
   min-width: 1.5rem;
 }
+.min-w-\[10rem\] {
+  min-width: 10rem;
+}
+.min-w-\[140px\] {
+  min-width: 140px;
+}
 .min-w-\[150px\] {
   min-width: 150px;
 }
@@ -1357,9 +1375,6 @@ body {
 .max-w-\[1100px\] {
   max-width: 1100px;
 }
-.max-w-\[200px\] {
-  max-width: 200px;
-}
 .max-w-\[210px\] {
   max-width: 210px;
 }
@@ -1403,6 +1418,9 @@ body {
 .max-w-md {
   max-width: 28rem;
 }
+.max-w-none {
+  max-width: none;
+}
 .max-w-prose {
   max-width: 65ch;
 }
@@ -1495,6 +1513,10 @@ body {
   --tw-rotate: 0deg;
   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));
 }
+.rotate-180 {
+  --tw-rotate: 180deg;
+  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));
+}
 .rotate-45 {
   --tw-rotate: 45deg;
   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));
@@ -1958,6 +1980,9 @@ body {
 .border-2 {
   border-width: 2px;
 }
+.border-4 {
+  border-width: 4px;
+}
 .border-\[3px\] {
   border-width: 3px;
 }
@@ -1982,9 +2007,15 @@ body {
 .border-l {
   border-left-width: 1px;
 }
+.border-l-2 {
+  border-left-width: 2px;
+}
 .border-l-4 {
   border-left-width: 4px;
 }
+.border-l-8 {
+  border-left-width: 8px;
+}
 .border-r {
   border-right-width: 1px;
 }
@@ -2007,6 +2038,10 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
 }
+.border-black {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
+}
 .border-black\/40 {
   border-color: rgb(0 0 0 / 0.4);
 }
@@ -2021,9 +2056,15 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
 }
+.border-blue-500\/10 {
+  border-color: rgb(59 130 246 / 0.1);
+}
 .border-border {
   border-color: hsl(var(--border));
 }
+.border-border\/10 {
+  border-color: hsl(var(--border) / 0.1);
+}
 .border-border\/20 {
   border-color: hsl(var(--border) / 0.2);
 }
@@ -2047,6 +2088,9 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
 }
+.border-emerald-500\/10 {
+  border-color: rgb(16 185 129 / 0.1);
+}
 .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
@@ -2160,9 +2204,39 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
 }
+.border-y-border {
+  border-top-color: hsl(var(--border));
+  border-bottom-color: hsl(var(--border));
+}
+.border-l-amber-500 {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
+}
+.border-l-blue-500 {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
+}
+.border-l-destructive {
+  border-left-color: hsl(var(--destructive));
+}
+.border-l-green-500 {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
+}
+.border-l-purple-500 {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
+}
 .border-l-transparent {
   border-left-color: transparent;
 }
+.border-l-yellow-500 {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
+}
+.border-r-border {
+  border-right-color: hsl(var(--border));
+}
 .border-t-primary {
   border-top-color: hsl(var(--primary));
 }
@@ -2181,6 +2255,9 @@ body {
 .bg-accent\/5 {
   background-color: hsl(var(--accent) / 0.05);
 }
+.bg-accent\/80 {
+  background-color: hsl(var(--accent) / 0.8);
+}
 .bg-amber-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
@@ -2199,6 +2276,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
 }
+.bg-amber-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
+}
 .bg-background {
   background-color: hsl(var(--background));
 }
@@ -2214,6 +2295,10 @@ body {
 .bg-background\/95 {
   background-color: hsl(var(--background) / 0.95);
 }
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+}
 .bg-black\/40 {
   background-color: rgb(0 0 0 / 0.4);
 }
@@ -2244,6 +2329,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
 }
+.bg-blue-500\/5 {
+  background-color: rgb(59 130 246 / 0.05);
+}
 .bg-blue-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
@@ -2296,6 +2384,12 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
 }
+.bg-emerald-500\/15 {
+  background-color: rgb(16 185 129 / 0.15);
+}
+.bg-emerald-500\/5 {
+  background-color: rgb(16 185 129 / 0.05);
+}
 .bg-emerald-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
@@ -2350,6 +2444,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
 }
+.bg-green-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
+}
 .bg-indigo-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
@@ -2475,6 +2573,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
 }
+.bg-red-500\/15 {
+  background-color: rgb(239 68 68 / 0.15);
+}
 .bg-red-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
@@ -2711,9 +2812,6 @@ body {
 .p-2 {
   padding: 0.5rem;
 }
-.p-2\.5 {
-  padding: 0.625rem;
-}
 .p-3 {
   padding: 0.75rem;
 }
@@ -2740,6 +2838,10 @@ body {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
+.px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -2748,9 +2850,9 @@ body {
   padding-left: 0.625rem;
   padding-right: 0.625rem;
 }
-.px-20 {
-  padding-left: 5rem;
-  padding-right: 5rem;
+.px-24 {
+  padding-left: 6rem;
+  padding-right: 6rem;
 }
 .px-3 {
   padding-left: 0.75rem;
@@ -2776,6 +2878,14 @@ body {
   padding-left: 24rem;
   padding-right: 24rem;
 }
+.px-\[0\.45em\] {
+  padding-left: 0.45em;
+  padding-right: 0.45em;
+}
+.px-\[0\.4em\] {
+  padding-left: 0.4em;
+  padding-right: 0.4em;
+}
 .px-\[0\.5em\] {
   padding-left: 0.5em;
   padding-right: 0.5em;
@@ -2859,6 +2969,12 @@ body {
 .pl-1 {
   padding-left: 0.25rem;
 }
+.pl-1\.5 {
+  padding-left: 0.375rem;
+}
+.pl-24 {
+  padding-left: 6rem;
+}
 .pl-4 {
   padding-left: 1rem;
 }
@@ -2966,9 +3082,6 @@ body {
 .text-\[1\.4rem\] {
   font-size: 1.4rem;
 }
-.text-\[1\.6rem\] {
-  font-size: 1.6rem;
-}
 .text-\[10px\] {
   font-size: 10px;
 }
@@ -3452,6 +3565,22 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-\[4px_4px_0px_0px_rgba\(0\,0\,0\,1\)\] {
+  --tw-shadow: 4px 4px 0px 0px rgba(0,0,0,1);
+  --tw-shadow-colored: 4px 4px 0px 0px 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-\[8px_8px_0px_0px_rgba\(0\,0\,0\,1\)\] {
+  --tw-shadow: 8px 8px 0px 0px rgba(0,0,0,1);
+  --tw-shadow-colored: 8px 8px 0px 0px 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-inner {
   --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
@@ -4009,6 +4138,51 @@ body {
 .placeholder\:text-muted-foreground\/60::placeholder {
   color: hsl(var(--muted-foreground) / 0.6);
 }
+.before\:absolute::before {
+  content: var(--tw-content);
+  position: absolute;
+}
+.before\:inset-0::before {
+  content: var(--tw-content);
+  inset: 0px;
+}
+.before\:-translate-x-full::before {
+  content: var(--tw-content);
+  --tw-translate-x: -100%;
+  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));
+}
+@keyframes shimmer {
+  100% {
+    content: var(--tw-content);
+    transform: translateX(100%);
+  }
+}
+.before\:animate-shimmer::before {
+  content: var(--tw-content);
+  animation: shimmer 2s infinite;
+}
+.before\:bg-gradient-to-r::before {
+  content: var(--tw-content);
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+.before\:from-transparent::before {
+  content: var(--tw-content);
+  --tw-gradient-from: transparent var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.before\:via-white::before {
+  content: var(--tw-content);
+  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #fff var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.before\:to-transparent::before {
+  content: var(--tw-content);
+  --tw-gradient-to: transparent var(--tw-gradient-to-position);
+}
 .after\:absolute::after {
   content: var(--tw-content);
   position: absolute;
@@ -4141,6 +4315,14 @@ body {
   --tw-translate-y: -0.25rem;
   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));
 }
+.hover\:translate-x-\[2px\]:hover {
+  --tw-translate-x: 2px;
+  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));
+}
+.hover\:translate-y-\[2px\]:hover {
+  --tw-translate-y: 2px;
+  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));
+}
 .hover\:rotate-90:hover {
   --tw-rotate: 90deg;
   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));
@@ -4170,6 +4352,12 @@ body {
   --tw-scale-y: 1.02;
   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));
 }
+.hover\:border-blue-500\/30:hover {
+  border-color: rgb(59 130 246 / 0.3);
+}
+.hover\:border-emerald-500\/30:hover {
+  border-color: rgb(16 185 129 / 0.3);
+}
 .hover\:border-input\/80:hover {
   border-color: hsl(var(--input) / 0.8);
 }
@@ -4182,15 +4370,16 @@ body {
 .hover\:bg-accent:hover {
   background-color: hsl(var(--accent));
 }
-.hover\:bg-accent\/10:hover {
-  background-color: hsl(var(--accent) / 0.1);
-}
 .hover\:bg-accent\/15:hover {
   background-color: hsl(var(--accent) / 0.15);
 }
 .hover\:bg-amber-200\/40:hover {
   background-color: rgb(253 230 138 / 0.4);
 }
+.hover\:bg-amber-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-background:hover {
   background-color: hsl(var(--background));
 }
@@ -4235,10 +4424,18 @@ body {
 .hover\:bg-gray-200\/40:hover {
   background-color: rgb(229 231 235 / 0.4);
 }
+.hover\:bg-gray-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-green-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-green-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-indigo-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
@@ -4323,6 +4520,10 @@ body {
 .hover\:bg-violet-200\/40:hover {
   background-color: rgb(221 214 254 / 0.4);
 }
+.hover\:bg-yellow-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-yellow-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
@@ -4414,6 +4615,14 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.hover\:shadow-\[2px_2px_0px_0px_rgba\(0\,0\,0\,1\)\]:hover {
+  --tw-shadow: 2px 2px 0px 0px rgba(0,0,0,1);
+  --tw-shadow-colored: 2px 2px 0px 0px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .hover\:shadow-lg:hover {
   --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);
@@ -4564,9 +4773,6 @@ body {
 .focus-visible\:ring-accent\/30:focus-visible {
   --tw-ring-color: hsl(var(--accent) / 0.3);
 }
-.focus-visible\:ring-accent\/50:focus-visible {
-  --tw-ring-color: hsl(var(--accent) / 0.5);
-}
 .focus-visible\:ring-destructive\/20:focus-visible {
   --tw-ring-color: hsl(var(--destructive) / 0.2);
 }
@@ -5608,6 +5814,9 @@ body {
 .dark\:bg-emerald-400\/25:is(.dark *) {
   background-color: rgb(52 211 153 / 0.25);
 }
+.dark\:bg-emerald-500\/10:is(.dark *) {
+  background-color: rgb(16 185 129 / 0.1);
+}
 .dark\:bg-emerald-950\/30:is(.dark *) {
   background-color: rgb(2 44 34 / 0.3);
 }
@@ -5645,6 +5854,9 @@ body {
 .dark\:bg-primary:is(.dark *) {
   background-color: hsl(var(--primary));
 }
+.dark\:bg-red-500\/10:is(.dark *) {
+  background-color: rgb(239 68 68 / 0.1);
+}
 .dark\:bg-rose-400\/25:is(.dark *) {
   background-color: rgb(251 113 133 / 0.25);
 }
@@ -5694,6 +5906,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
 }
+.dark\:bg-zinc-900:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
+}
 .dark\:from-blue-400:is(.dark *) {
   --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
@@ -5816,6 +6032,14 @@ body {
   --tw-text-opacity: 1;
   color: rgb(250 204 21 / var(--tw-text-opacity, 1));
 }
+.dark\:shadow-\[8px_8px_0px_0px_rgba\(255\,255\,255\,1\)\]:is(.dark *) {
+  --tw-shadow: 8px 8px 0px 0px rgba(255,255,255,1);
+  --tw-shadow-colored: 8px 8px 0px 0px 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-black\/20:is(.dark *) {
   --tw-shadow-color: rgb(0 0 0 / 0.2);
   --tw-shadow: var(--tw-shadow-colored);
@@ -5828,6 +6052,14 @@ body {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(38 38 38 / var(--tw-ring-opacity, 1));
 }
+.dark\:before\:via-gray-800:is(.dark *)::before {
+  content: var(--tw-content);
+  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #1f2937 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
 .dark\:hover\:bg-accent\/50:hover:is(.dark *) {
   background-color: hsl(var(--accent) / 0.5);
 }
@@ -6055,6 +6287,9 @@ body {
   .sm\:justify-end {
     justify-content: flex-end;
   }
+  .sm\:justify-center {
+    justify-content: center;
+  }
   .sm\:justify-between {
     justify-content: space-between;
   }
@@ -6126,6 +6361,9 @@ body {
   .sm\:text-left {
     text-align: left;
   }
+  .sm\:text-center {
+    text-align: center;
+  }
   .sm\:text-\[0\.95rem\] {
     font-size: 0.95rem;
   }