@mlw-packages/react-components 1.9.7 → 1.9.9

package/dist/index.css

@@ -394,6 +394,9 @@ body {
 .pointer-events-auto {
   pointer-events: auto;
 }
+.\!visible {
+  visibility: visible !important;
+}
 .visible {
   visibility: visible;
 }
@@ -450,8 +453,8 @@ body {
 .bottom-2 {
   bottom: 0.5rem;
 }
-.bottom-64 {
-  bottom: 16rem;
+.bottom-4 {
+  bottom: 1rem;
 }
 .left-0 {
   left: 0px;
@@ -462,12 +465,6 @@ body {
 .left-1\/2 {
   left: 50%;
 }
-.left-1\/3 {
-  left: 33.333333%;
-}
-.left-14 {
-  left: 3.5rem;
-}
 .left-2 {
   left: 0.5rem;
 }
@@ -579,12 +576,18 @@ body {
 .z-50 {
   z-index: 50;
 }
+.z-\[10000\] {
+  z-index: 10000;
+}
 .z-\[100\] {
   z-index: 100;
 }
 .z-\[1\] {
   z-index: 1;
 }
+.z-\[9998\] {
+  z-index: 9998;
+}
 .z-\[9999\] {
   z-index: 9999;
 }
@@ -682,15 +685,9 @@ body {
 .-me-2 {
   margin-inline-end: -0.5rem;
 }
-.-ml-4 {
-  margin-left: -1rem;
-}
 .-mt-1 {
   margin-top: -0.25rem;
 }
-.-mt-4 {
-  margin-top: -1rem;
-}
 .mb-0 {
   margin-bottom: 0px;
 }
@@ -1455,12 +1452,6 @@ body {
 .shrink-0 {
   flex-shrink: 0;
 }
-.grow-0 {
-  flex-grow: 0;
-}
-.basis-full {
-  flex-basis: 100%;
-}
 .caption-bottom {
   caption-side: bottom;
 }
@@ -1940,10 +1931,6 @@ body {
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
 }
-.rounded-l-3xl {
-  border-top-left-radius: 1.5rem;
-  border-bottom-left-radius: 1.5rem;
-}
 .rounded-l-lg {
   border-top-left-radius: var(--radius);
   border-bottom-left-radius: var(--radius);
@@ -1960,10 +1947,6 @@ body {
   border-top-right-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
 }
-.rounded-r-3xl {
-  border-top-right-radius: 1.5rem;
-  border-bottom-right-radius: 1.5rem;
-}
 .rounded-r-lg {
   border-top-right-radius: var(--radius);
   border-bottom-right-radius: var(--radius);
@@ -2383,6 +2366,10 @@ body {
 .bg-destructive\/5 {
   background-color: hsl(var(--destructive) / 0.05);
 }
+.bg-emerald-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
+}
 .bg-emerald-200\/50 {
   background-color: rgb(167 243 208 / 0.5);
 }
@@ -2600,6 +2587,10 @@ body {
 .bg-ring {
   background-color: hsl(var(--ring));
 }
+.bg-rose-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
+}
 .bg-rose-200\/50 {
   background-color: rgb(254 205 211 / 0.5);
 }
@@ -2624,6 +2615,10 @@ body {
 .bg-secondary-foreground {
   background-color: hsl(var(--secondary-foreground));
 }
+.bg-sky-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
+}
 .bg-sky-200\/50 {
   background-color: rgb(186 230 253 / 0.5);
 }
@@ -2678,6 +2673,9 @@ body {
 .bg-white\/5 {
   background-color: rgb(255 255 255 / 0.05);
 }
+.bg-white\/50 {
+  background-color: rgb(255 255 255 / 0.5);
+}
 .bg-white\/70 {
   background-color: rgb(255 255 255 / 0.7);
 }
@@ -3219,6 +3217,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(180 83 9 / var(--tw-text-opacity, 1));
 }
+.text-amber-900 {
+  --tw-text-opacity: 1;
+  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
+}
 .text-amber-950\/80 {
   color: rgb(69 26 3 / 0.8);
 }
@@ -3266,6 +3268,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(4 120 87 / var(--tw-text-opacity, 1));
 }
+.text-emerald-900 {
+  --tw-text-opacity: 1;
+  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
+}
 .text-emerald-950\/80 {
   color: rgb(2 44 34 / 0.8);
 }
@@ -3375,6 +3381,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(194 65 12 / var(--tw-text-opacity, 1));
 }
+.text-orange-900 {
+  --tw-text-opacity: 1;
+  color: rgb(124 45 18 / var(--tw-text-opacity, 1));
+}
 .text-orange-950\/80 {
   color: rgb(67 20 7 / 0.8);
 }
@@ -3427,6 +3437,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(190 18 60 / var(--tw-text-opacity, 1));
 }
+.text-rose-900 {
+  --tw-text-opacity: 1;
+  color: rgb(136 19 55 / var(--tw-text-opacity, 1));
+}
 .text-rose-950\/80 {
   color: rgb(76 5 25 / 0.8);
 }
@@ -3436,6 +3450,10 @@ body {
 .text-secondary-foreground {
   color: hsl(var(--secondary-foreground));
 }
+.text-sky-900 {
+  --tw-text-opacity: 1;
+  color: rgb(12 74 110 / var(--tw-text-opacity, 1));
+}
 .text-sky-950\/80 {
   color: rgb(8 47 73 / 0.8);
 }
@@ -3478,6 +3496,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(109 40 217 / var(--tw-text-opacity, 1));
 }
+.text-violet-900 {
+  --tw-text-opacity: 1;
+  color: rgb(76 29 149 / var(--tw-text-opacity, 1));
+}
 .text-violet-950\/80 {
   color: rgb(46 16 101 / 0.8);
 }
@@ -3641,10 +3663,34 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-amber-500\/15 {
+  --tw-shadow-color: rgb(245 158 11 / 0.15);
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .shadow-black\/10 {
   --tw-shadow-color: rgb(0 0 0 / 0.1);
   --tw-shadow: var(--tw-shadow-colored);
 }
+.shadow-emerald-500\/15 {
+  --tw-shadow-color: rgb(16 185 129 / 0.15);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.shadow-orange-500\/15 {
+  --tw-shadow-color: rgb(249 115 22 / 0.15);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.shadow-rose-500\/15 {
+  --tw-shadow-color: rgb(244 63 94 / 0.15);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.shadow-sky-500\/15 {
+  --tw-shadow-color: rgb(14 165 233 / 0.15);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.shadow-violet-500\/15 {
+  --tw-shadow-color: rgb(139 92 246 / 0.15);
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -4334,20 +4380,6 @@ body {
 .focus-within\:z-20:focus-within {
   z-index: 20;
 }
-.focus-within\:border-ring:focus-within {
-  border-color: hsl(var(--ring));
-}
-.focus-within\:ring-1:focus-within {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow:
-    var(--tw-ring-offset-shadow),
-    var(--tw-ring-shadow),
-    var(--tw-shadow, 0 0 #0000);
-}
-.focus-within\:ring-ring:focus-within {
-  --tw-ring-color: hsl(var(--ring));
-}
 .hover\:z-10:hover {
   z-index: 10;
 }
@@ -4405,6 +4437,10 @@ body {
 .hover\:bg-accent\/15:hover {
   background-color: hsl(var(--accent) / 0.15);
 }
+.hover\:bg-amber-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-amber-200\/40:hover {
   background-color: rgb(253 230 138 / 0.4);
 }
@@ -4431,6 +4467,10 @@ body {
 .hover\:bg-destructive\/90:hover {
   background-color: hsl(var(--destructive) / 0.9);
 }
+.hover\:bg-emerald-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-emerald-200\/40:hover {
   background-color: rgb(167 243 208 / 0.4);
 }
@@ -4490,6 +4530,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-orange-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-orange-200\/40:hover {
   background-color: rgb(254 215 170 / 0.4);
 }
@@ -4525,12 +4569,20 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-rose-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 205 211 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-rose-200\/40:hover {
   background-color: rgb(254 205 211 / 0.4);
 }
 .hover\:bg-secondary\/80:hover {
   background-color: hsl(var(--secondary) / 0.8);
 }
+.hover\:bg-sky-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(186 230 253 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-sky-200\/40:hover {
   background-color: rgb(186 230 253 / 0.4);
 }
@@ -4541,6 +4593,10 @@ body {
 .hover\:bg-transparent:hover {
   background-color: transparent;
 }
+.hover\:bg-violet-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(221 214 254 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-violet-200\/40:hover {
   background-color: rgb(221 214 254 / 0.4);
 }
@@ -4667,10 +4723,34 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.hover\:shadow-amber-500\/25:hover {
+  --tw-shadow-color: rgb(245 158 11 / 0.25);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.hover\:shadow-emerald-500\/25:hover {
+  --tw-shadow-color: rgb(16 185 129 / 0.25);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.hover\:shadow-orange-500\/25:hover {
+  --tw-shadow-color: rgb(249 115 22 / 0.25);
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .hover\:shadow-primary\/10:hover {
   --tw-shadow-color: hsl(var(--primary) / 0.1);
   --tw-shadow: var(--tw-shadow-colored);
 }
+.hover\:shadow-rose-500\/25:hover {
+  --tw-shadow-color: rgb(244 63 94 / 0.25);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.hover\:shadow-sky-500\/25:hover {
+  --tw-shadow-color: rgb(14 165 233 / 0.25);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.hover\:shadow-violet-500\/25:hover {
+  --tw-shadow-color: rgb(139 92 246 / 0.25);
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .hover\:after\:scale-x-100:hover::after {
   content: var(--tw-content);
   --tw-scale-x: 1;
@@ -5755,6 +5835,12 @@ body {
     transition-property: none;
   }
 }
+.dark\:border-amber-400\/40:is(.dark *) {
+  border-color: rgb(251 191 36 / 0.4);
+}
+.dark\:border-emerald-400\/40:is(.dark *) {
+  border-color: rgb(52 211 153 / 0.4);
+}
 .dark\:border-emerald-900:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(6 78 59 / var(--tw-border-opacity, 1));
@@ -5782,14 +5868,23 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(38 38 38 / var(--tw-border-opacity, 1));
 }
+.dark\:border-orange-400\/40:is(.dark *) {
+  border-color: rgb(251 146 60 / 0.4);
+}
 .dark\:border-red-500:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
 }
+.dark\:border-rose-400\/40:is(.dark *) {
+  border-color: rgb(251 113 133 / 0.4);
+}
 .dark\:border-rose-900:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(136 19 55 / var(--tw-border-opacity, 1));
 }
+.dark\:border-sky-400\/40:is(.dark *) {
+  border-color: rgb(56 189 248 / 0.4);
+}
 .dark\:border-slate-600:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
@@ -5802,6 +5897,9 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
 }
+.dark\:border-violet-400\/40:is(.dark *) {
+  border-color: rgb(167 139 250 / 0.4);
+}
 .dark\:border-white:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
@@ -5813,6 +5911,9 @@ body {
 .dark\:bg-amber-400\/25:is(.dark *) {
   background-color: rgb(251 191 36 / 0.25);
 }
+.dark\:bg-amber-500\/30:is(.dark *) {
+  background-color: rgb(245 158 11 / 0.3);
+}
 .dark\:bg-background:is(.dark *) {
   background-color: hsl(var(--background));
 }
@@ -5828,6 +5929,9 @@ body {
 .dark\:bg-emerald-500\/10:is(.dark *) {
   background-color: rgb(16 185 129 / 0.1);
 }
+.dark\:bg-emerald-500\/30:is(.dark *) {
+  background-color: rgb(16 185 129 / 0.3);
+}
 .dark\:bg-emerald-950\/30:is(.dark *) {
   background-color: rgb(2 44 34 / 0.3);
 }
@@ -5862,6 +5966,9 @@ body {
 .dark\:bg-orange-400\/25:is(.dark *) {
   background-color: rgb(251 146 60 / 0.25);
 }
+.dark\:bg-orange-500\/30:is(.dark *) {
+  background-color: rgb(249 115 22 / 0.3);
+}
 .dark\:bg-primary:is(.dark *) {
   background-color: hsl(var(--primary));
 }
@@ -5871,12 +5978,18 @@ body {
 .dark\:bg-rose-400\/25:is(.dark *) {
   background-color: rgb(251 113 133 / 0.25);
 }
+.dark\:bg-rose-500\/30:is(.dark *) {
+  background-color: rgb(244 63 94 / 0.3);
+}
 .dark\:bg-rose-950\/30:is(.dark *) {
   background-color: rgb(76 5 25 / 0.3);
 }
 .dark\:bg-sky-400\/25:is(.dark *) {
   background-color: rgb(56 189 248 / 0.25);
 }
+.dark\:bg-sky-500\/30:is(.dark *) {
+  background-color: rgb(14 165 233 / 0.3);
+}
 .dark\:bg-slate-50:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
@@ -5905,6 +6018,9 @@ body {
 .dark\:bg-violet-400\/25:is(.dark *) {
   background-color: rgb(167 139 250 / 0.25);
 }
+.dark\:bg-violet-500\/30:is(.dark *) {
+  background-color: rgb(139 92 246 / 0.3);
+}
 .dark\:bg-white:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -5944,6 +6060,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(253 230 138 / var(--tw-text-opacity, 1));
 }
+.dark\:text-amber-50:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 251 235 / var(--tw-text-opacity, 1));
+}
 .dark\:text-black:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
@@ -5960,6 +6080,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(52 211 153 / var(--tw-text-opacity, 1));
 }
+.dark\:text-emerald-50:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(236 253 245 / var(--tw-text-opacity, 1));
+}
 .dark\:text-gray-200\/90:is(.dark *) {
   color: rgb(229 231 235 / 0.9);
 }
@@ -5983,6 +6107,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(254 215 170 / var(--tw-text-opacity, 1));
 }
+.dark\:text-orange-50:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 247 237 / var(--tw-text-opacity, 1));
+}
 .dark\:text-purple-400:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(192 132 252 / var(--tw-text-opacity, 1));
@@ -5999,10 +6127,18 @@ body {
   --tw-text-opacity: 1;
   color: rgb(251 113 133 / var(--tw-text-opacity, 1));
 }
+.dark\:text-rose-50:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 241 242 / var(--tw-text-opacity, 1));
+}
 .dark\:text-sky-200:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(186 230 253 / var(--tw-text-opacity, 1));
 }
+.dark\:text-sky-50:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(240 249 255 / var(--tw-text-opacity, 1));
+}
 .dark\:text-slate-100:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(241 245 249 / var(--tw-text-opacity, 1));
@@ -6035,6 +6171,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(221 214 254 / var(--tw-text-opacity, 1));
 }
+.dark\:text-violet-50:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(245 243 255 / var(--tw-text-opacity, 1));
+}
 .dark\:text-white:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -6077,21 +6217,36 @@ body {
 .dark\:hover\:bg-amber-400\/20:hover:is(.dark *) {
   background-color: rgb(251 191 36 / 0.2);
 }
+.dark\:hover\:bg-amber-500\/40:hover:is(.dark *) {
+  background-color: rgb(245 158 11 / 0.4);
+}
 .dark\:hover\:bg-background\/95:hover:is(.dark *) {
   background-color: hsl(var(--background) / 0.95);
 }
 .dark\:hover\:bg-emerald-400\/20:hover:is(.dark *) {
   background-color: rgb(52 211 153 / 0.2);
 }
+.dark\:hover\:bg-emerald-500\/40:hover:is(.dark *) {
+  background-color: rgb(16 185 129 / 0.4);
+}
 .dark\:hover\:bg-orange-400\/20:hover:is(.dark *) {
   background-color: rgb(251 146 60 / 0.2);
 }
+.dark\:hover\:bg-orange-500\/40:hover:is(.dark *) {
+  background-color: rgb(249 115 22 / 0.4);
+}
 .dark\:hover\:bg-rose-400\/20:hover:is(.dark *) {
   background-color: rgb(251 113 133 / 0.2);
 }
+.dark\:hover\:bg-rose-500\/40:hover:is(.dark *) {
+  background-color: rgb(244 63 94 / 0.4);
+}
 .dark\:hover\:bg-sky-400\/20:hover:is(.dark *) {
   background-color: rgb(56 189 248 / 0.2);
 }
+.dark\:hover\:bg-sky-500\/40:hover:is(.dark *) {
+  background-color: rgb(14 165 233 / 0.4);
+}
 .dark\:hover\:bg-slate-50:hover:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
@@ -6107,6 +6262,9 @@ body {
 .dark\:hover\:bg-violet-400\/20:hover:is(.dark *) {
   background-color: rgb(167 139 250 / 0.2);
 }
+.dark\:hover\:bg-violet-500\/40:hover:is(.dark *) {
+  background-color: rgb(139 92 246 / 0.4);
+}
 .dark\:hover\:text-emerald-300:hover:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(110 231 183 / var(--tw-text-opacity, 1));
@@ -6612,6 +6770,9 @@ body {
   .lg\:grid-cols-\[\.75fr_1fr\] {
     grid-template-columns: .75fr 1fr;
   }
+  .lg\:p-10 {
+    padding: 2.5rem;
+  }
   .lg\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;