@mlw-packages/react-components 1.7.26 → 1.7.28

package/dist/index.css

@@ -505,6 +505,9 @@ body {
 .right-1 {
   right: 0.25rem;
 }
+.right-11 {
+  right: 2.75rem;
+}
 .right-2 {
   right: 0.5rem;
 }
@@ -703,6 +706,9 @@ body {
 .mb-1 {
   margin-bottom: 0.25rem;
 }
+.mb-10 {
+  margin-bottom: 2.5rem;
+}
 .mb-12 {
   margin-bottom: 3rem;
 }
@@ -766,6 +772,9 @@ body {
 .mr-5 {
   margin-right: 1.25rem;
 }
+.mr-8 {
+  margin-right: 2rem;
+}
 .ms-6 {
   margin-inline-start: 1.5rem;
 }
@@ -886,9 +895,6 @@ body {
   width: 100%;
   height: 100%;
 }
-.h-0\.5 {
-  height: 0.125rem;
-}
 .h-1 {
   height: 0.25rem;
 }
@@ -982,6 +988,9 @@ body {
 .h-\[34px\] {
   height: 34px;
 }
+.h-\[50vh\] {
+  height: 50vh;
+}
 .h-\[calc\(var\(--week-cells-height\)\/4\)\] {
   height: calc(var(--week-cells-height) / 4);
 }
@@ -1042,6 +1051,9 @@ body {
 .max-h-\[90dvh\] {
   max-height: 90dvh;
 }
+.max-h-\[90vh\] {
+  max-height: 90vh;
+}
 .max-h-\[var\(--radix-context-menu-content-available-height\)\] {
   max-height: var(--radix-context-menu-content-available-height);
 }
@@ -1287,9 +1299,6 @@ body {
 .min-w-\[200px\] {
   min-width: 200px;
 }
-.min-w-\[250px\] {
-  min-width: 250px;
-}
 .min-w-\[2rem\] {
   min-width: 2rem;
 }
@@ -1366,6 +1375,9 @@ body {
 .max-w-\[calc\(100vw-16px\)\] {
   max-width: calc(100vw - 16px);
 }
+.max-w-\[min\(95vw\,450px\)\] {
+  max-width: min(95vw, 450px);
+}
 .max-w-full {
   max-width: 100%;
 }
@@ -1927,9 +1939,6 @@ body {
 .border {
   border-width: 1px;
 }
-.border-0 {
-  border-width: 0px;
-}
 .border-2 {
   border-width: 2px;
 }
@@ -1944,10 +1953,6 @@ body {
   border-top-width: 1px;
   border-bottom-width: 1px;
 }
-.border-y-2 {
-  border-top-width: 2px;
-  border-bottom-width: 2px;
-}
 .border-b {
   border-bottom-width: 1px;
 }
@@ -2014,6 +2019,10 @@ body {
 .border-destructive\/50 {
   border-color: hsl(var(--destructive) / 0.5);
 }
+.border-emerald-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
+}
 .border-emerald-400 {
   --tw-border-opacity: 1;
   border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
@@ -2030,6 +2039,10 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
 }
+.border-indigo-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
+}
 .border-input {
   border-color: hsl(var(--input));
 }
@@ -2078,6 +2091,10 @@ body {
 .border-ring {
   border-color: hsl(var(--ring));
 }
+.border-rose-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
+}
 .border-rose-400 {
   --tw-border-opacity: 1;
   border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
@@ -2094,6 +2111,10 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
 }
+.border-slate-900 {
+  --tw-border-opacity: 1;
+  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
+}
 .border-transparent {
   border-color: transparent;
 }
@@ -2116,6 +2137,9 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
 }
+.border-b-transparent {
+  border-bottom-color: transparent;
+}
 .border-l-transparent {
   border-left-color: transparent;
 }
@@ -2232,6 +2256,10 @@ body {
 .bg-emerald-400\/20 {
   background-color: rgb(52 211 153 / 0.2);
 }
+.bg-emerald-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
+}
 .bg-emerald-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
@@ -2304,9 +2332,6 @@ body {
 .bg-muted {
   background-color: hsl(var(--muted));
 }
-.bg-muted-foreground {
-  background-color: hsl(var(--muted-foreground));
-}
 .bg-muted\/10 {
   background-color: hsl(var(--muted) / 0.1);
 }
@@ -2372,6 +2397,9 @@ body {
 .bg-primary\/20 {
   background-color: hsl(var(--primary) / 0.2);
 }
+.bg-primary\/5 {
+  background-color: hsl(var(--primary) / 0.05);
+}
 .bg-purple-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
@@ -2413,6 +2441,10 @@ body {
 .bg-rose-400\/20 {
   background-color: rgb(251 113 133 / 0.2);
 }
+.bg-rose-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
+}
 .bg-rose-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
@@ -2474,9 +2506,6 @@ body {
 .bg-white\/5 {
   background-color: rgb(255 255 255 / 0.05);
 }
-.bg-white\/60 {
-  background-color: rgb(255 255 255 / 0.6);
-}
 .bg-white\/70 {
   background-color: rgb(255 255 255 / 0.7);
 }
@@ -2650,6 +2679,10 @@ body {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
 .px-96 {
   padding-left: 24rem;
   padding-right: 24rem;
@@ -2733,9 +2766,6 @@ body {
 .pl-1 {
   padding-left: 0.25rem;
 }
-.pl-3 {
-  padding-left: 0.75rem;
-}
 .pl-4 {
   padding-left: 1rem;
 }
@@ -2748,9 +2778,6 @@ body {
 .pl-\[var\(--pl\)\] {
   padding-left: var(--pl);
 }
-.pr-1 {
-  padding-right: 0.25rem;
-}
 .pr-10 {
   padding-right: 2.5rem;
 }
@@ -2760,9 +2787,6 @@ body {
 .pr-2\.5 {
   padding-right: 0.625rem;
 }
-.pr-3 {
-  padding-right: 0.75rem;
-}
 .pr-4 {
   padding-right: 1rem;
 }
@@ -3003,12 +3027,19 @@ body {
   --tw-text-opacity: 1;
   color: rgb(5 150 105 / var(--tw-text-opacity, 1));
 }
+.text-emerald-700 {
+  --tw-text-opacity: 1;
+  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
+}
 .text-emerald-950\/80 {
   color: rgb(2 44 34 / 0.8);
 }
 .text-foreground {
   color: hsl(var(--foreground));
 }
+.text-foreground\/90 {
+  color: hsl(var(--foreground) / 0.9);
+}
 .text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
@@ -3150,6 +3181,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(244 63 94 / var(--tw-text-opacity, 1));
 }
+.text-rose-700 {
+  --tw-text-opacity: 1;
+  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
+}
 .text-rose-950\/80 {
   color: rgb(76 5 25 / 0.8);
 }
@@ -3616,6 +3651,9 @@ body {
 .fade-in-0 {
   --tw-enter-opacity: 0;
 }
+.fade-out {
+  --tw-exit-opacity: 0;
+}
 .zoom-in-95 {
   --tw-enter-scale: .95;
 }
@@ -4026,6 +4064,9 @@ body {
 .hover\:bg-background:hover {
   background-color: hsl(var(--background));
 }
+.hover\:bg-background\/20:hover {
+  background-color: hsl(var(--background) / 0.2);
+}
 .hover\:bg-blue-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
@@ -4181,6 +4222,9 @@ body {
 .hover\:text-primary:hover {
   color: hsl(var(--primary));
 }
+.hover\:text-primary\/90:hover {
+  color: hsl(var(--primary) / 0.9);
+}
 .hover\:text-red-500:hover {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
@@ -4211,6 +4255,9 @@ body {
 .hover\:opacity-100:hover {
   opacity: 1;
 }
+.hover\:opacity-80:hover {
+  opacity: 0.8;
+}
 .hover\:opacity-90:hover {
   opacity: 0.9;
 }
@@ -4311,14 +4358,6 @@ body {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.focus\:ring-0:focus {
-  --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(0px + 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\:ring-1:focus {
   --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);
@@ -4592,6 +4631,9 @@ body {
 .aria-selected\:bg-muted\/50[aria-selected=true] {
   background-color: hsl(var(--muted) / 0.5);
 }
+.aria-selected\:bg-primary[aria-selected=true] {
+  background-color: hsl(var(--primary));
+}
 .aria-selected\:bg-slate-100[aria-selected=true] {
   --tw-bg-opacity: 1;
   background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
@@ -4602,6 +4644,9 @@ body {
 .aria-selected\:text-foreground[aria-selected=true] {
   color: hsl(var(--foreground));
 }
+.aria-selected\:text-primary-foreground[aria-selected=true] {
+  color: hsl(var(--primary-foreground));
+}
 .aria-selected\:text-slate-500[aria-selected=true] {
   --tw-text-opacity: 1;
   color: rgb(100 116 139 / var(--tw-text-opacity, 1));
@@ -5366,6 +5411,10 @@ body {
     transition-property: none;
   }
 }
+.dark\:border-emerald-900:is(.dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(6 78 59 / var(--tw-border-opacity, 1));
+}
 .dark\:border-gray-700:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
@@ -5374,6 +5423,10 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
 }
+.dark\:border-indigo-900:is(.dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(49 46 129 / var(--tw-border-opacity, 1));
+}
 .dark\:border-input:is(.dark *) {
   border-color: hsl(var(--input));
 }
@@ -5385,6 +5438,10 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(38 38 38 / var(--tw-border-opacity, 1));
 }
+.dark\:border-rose-900:is(.dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(136 19 55 / var(--tw-border-opacity, 1));
+}
 .dark\:border-slate-600:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
@@ -5393,6 +5450,14 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
 }
+.dark\:border-slate-800:is(.dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
+}
+.dark\:border-white:is(.dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
+}
 .dark\:bg-\[hsl\(231\,15\%\,19\%\)\]:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: hsl(231 15% 19% / var(--tw-bg-opacity, 1));
@@ -5412,6 +5477,9 @@ body {
 .dark\:bg-emerald-400\/25:is(.dark *) {
   background-color: rgb(52 211 153 / 0.25);
 }
+.dark\:bg-emerald-950\/30:is(.dark *) {
+  background-color: rgb(2 44 34 / 0.3);
+}
 .dark\:bg-gray-700\/25:is(.dark *) {
   background-color: rgb(55 65 81 / 0.25);
 }
@@ -5423,6 +5491,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
 }
+.dark\:bg-indigo-950\/30:is(.dark *) {
+  background-color: rgb(30 27 75 / 0.3);
+}
 .dark\:bg-input\/30:is(.dark *) {
   background-color: hsl(var(--input) / 0.3);
 }
@@ -5446,6 +5517,9 @@ body {
 .dark\:bg-rose-400\/25:is(.dark *) {
   background-color: rgb(251 113 133 / 0.25);
 }
+.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);
 }
@@ -5461,8 +5535,8 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
 }
-.dark\:bg-slate-800\/60:is(.dark *) {
-  background-color: rgb(30 41 59 / 0.6);
+.dark\:bg-slate-800\/50:is(.dark *) {
+  background-color: rgb(30 41 59 / 0.5);
 }
 .dark\:bg-slate-900:is(.dark *) {
   --tw-bg-opacity: 1;
@@ -5474,12 +5548,13 @@ body {
 .dark\:bg-slate-900\/40:is(.dark *) {
   background-color: rgb(15 23 42 / 0.4);
 }
-.dark\:bg-slate-900\/60:is(.dark *) {
-  background-color: rgb(15 23 42 / 0.6);
-}
 .dark\:bg-violet-400\/25:is(.dark *) {
   background-color: rgb(167 139 250 / 0.25);
 }
+.dark\:bg-white:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
 .dark\:bg-zinc-500:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(113 113 122 / var(--tw-bg-opacity, 1));
@@ -5538,6 +5613,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(254 205 211 / var(--tw-text-opacity, 1));
 }
+.dark\:text-rose-400:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(251 113 133 / 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));
@@ -5762,9 +5841,6 @@ body {
   .sm\:h-7 {
     height: 1.75rem;
   }
-  .sm\:h-9 {
-    height: 2.25rem;
-  }
   .sm\:min-h-\[calc\(\(var\(--event-height\)\+var\(--event-gap\)\)\*3\)\] {
     min-height: calc((var(--event-height) + var(--event-gap)) * 3);
   }
@@ -5783,9 +5859,6 @@ body {
   .sm\:w-7 {
     width: 1.75rem;
   }
-  .sm\:w-9 {
-    width: 2.25rem;
-  }
   .sm\:w-auto {
     width: auto;
   }
@@ -5911,10 +5984,6 @@ body {
   .sm\:text-left {
     text-align: left;
   }
-  .sm\:text-3xl {
-    font-size: 1.875rem;
-    line-height: 2.25rem;
-  }
   .sm\:text-\[0\.95rem\] {
     font-size: 0.95rem;
   }
@@ -5980,9 +6049,6 @@ body {
   .md\:h-10 {
     height: 2.5rem;
   }
-  .md\:w-10 {
-    width: 2.5rem;
-  }
   .md\:w-\[400px\] {
     width: 400px;
   }
@@ -6191,6 +6257,14 @@ body {
   border-top-left-radius: var(--radius);
   border-bottom-left-radius: var(--radius);
 }
+.\[\&\:has\(\[aria-selected\]\.range-end\)\]\:rounded-r-lg:has([aria-selected].range-end) {
+  border-top-right-radius: var(--radius);
+  border-bottom-right-radius: var(--radius);
+}
+.\[\&\:has\(\[aria-selected\]\.range-start\)\]\:rounded-l-lg:has([aria-selected].range-start) {
+  border-top-left-radius: var(--radius);
+  border-bottom-left-radius: var(--radius);
+}
 .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
   padding-right: 0px;
 }

package/dist/index.d.mts

@@ -1817,6 +1817,11 @@ interface NoDataProps {
     height?: number | string;
     message?: string;
     className?: string;
+    title?: string;
+    subtitle?: string;
+    icon?: "chart" | "database" | "search";
+    showSuggestion?: boolean;
+    suggestionText?: string;
 }
 declare const NoData: React__default.FC<NoDataProps>;
 

package/dist/index.d.ts

@@ -1817,6 +1817,11 @@ interface NoDataProps {
     height?: number | string;
     message?: string;
     className?: string;
+    title?: string;
+    subtitle?: string;
+    icon?: "chart" | "database" | "search";
+    showSuggestion?: boolean;
+    suggestionText?: string;
 }
 declare const NoData: React__default.FC<NoDataProps>;