@mlw-packages/react-components 1.10.0 → 1.10.2

package/dist/index.css

@@ -349,30 +349,48 @@ body {
   -moz-osx-font-smoothing: grayscale;
   font-family: "Syne", sans-serif;
 }
+.\!container {
+  width: 100% !important;
+}
 .container {
   width: 100%;
 }
 @media (min-width: 640px) {
+  .\!container {
+    max-width: 640px !important;
+  }
   .container {
     max-width: 640px;
   }
 }
 @media (min-width: 768px) {
+  .\!container {
+    max-width: 768px !important;
+  }
   .container {
     max-width: 768px;
   }
 }
 @media (min-width: 1024px) {
+  .\!container {
+    max-width: 1024px !important;
+  }
   .container {
     max-width: 1024px;
   }
 }
 @media (min-width: 1280px) {
+  .\!container {
+    max-width: 1280px !important;
+  }
   .container {
     max-width: 1280px;
   }
 }
 @media (min-width: 1536px) {
+  .\!container {
+    max-width: 1536px !important;
+  }
   .container {
     max-width: 1536px;
   }
@@ -459,6 +477,9 @@ body {
 .bottom-0 {
   bottom: 0px;
 }
+.bottom-0\.5 {
+  bottom: 0.125rem;
+}
 .bottom-2 {
   bottom: 0.5rem;
 }
@@ -480,6 +501,9 @@ body {
 .left-4 {
   left: 1rem;
 }
+.left-5 {
+  left: 1.25rem;
+}
 .left-6 {
   left: 1.5rem;
 }
@@ -585,6 +609,9 @@ body {
 .z-\[10000\] {
   z-index: 10000;
 }
+.z-\[10001\] {
+  z-index: 10001;
+}
 .z-\[100\] {
   z-index: 100;
 }
@@ -820,6 +847,9 @@ body {
 .mt-auto {
   margin-top: auto;
 }
+.mt-px {
+  margin-top: 1px;
+}
 .box-border {
   box-sizing: border-box;
 }
@@ -1030,6 +1060,12 @@ body {
 .h-\[550px\] {
   height: 550px;
 }
+.h-\[600px\] {
+  height: 600px;
+}
+.h-\[76px\] {
+  height: 76px;
+}
 .h-\[95vh\] {
   height: 95vh;
 }
@@ -1060,6 +1096,9 @@ body {
 .h-px {
   height: 1px;
 }
+.h-screen {
+  height: 100vh;
+}
 .h-svh {
   height: 100svh;
 }
@@ -1093,12 +1132,18 @@ body {
 .max-h-\[300px\] {
   max-height: 300px;
 }
+.max-h-\[60vh\] {
+  max-height: 60vh;
+}
 .max-h-\[95vh\] {
   max-height: 95vh;
 }
 .max-h-\[calc\(100dvh-2rem\)\] {
   max-height: calc(100dvh - 2rem);
 }
+.max-h-\[calc\(100vh-200px\)\] {
+  max-height: calc(100vh - 200px);
+}
 .max-h-\[var\(--radix-context-menu-content-available-height\)\] {
   max-height: var(--radix-context-menu-content-available-height);
 }
@@ -1294,6 +1339,9 @@ body {
 .w-\[350px\] {
   width: 350px;
 }
+.w-\[40\%\] {
+  width: 40%;
+}
 .w-\[400px\] {
   width: 400px;
 }
@@ -1309,6 +1357,9 @@ body {
 .w-\[70\%\] {
   width: 70%;
 }
+.w-\[76px\] {
+  width: 76px;
+}
 .w-\[80px\] {
   width: 80px;
 }
@@ -1321,6 +1372,9 @@ body {
 .w-\[calc\(100\%-2rem\)\] {
   width: calc(100% - 2rem);
 }
+.w-\[calc\(100vw-32px\)\] {
+  width: calc(100vw - 32px);
+}
 .w-auto {
   width: auto;
 }
@@ -1822,6 +1876,9 @@ body {
 .gap-8 {
   gap: 2rem;
 }
+.gap-y-1 {
+  row-gap: 0.25rem;
+}
 .-space-x-3 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
@@ -1905,6 +1962,9 @@ body {
 .divide-border > :not([hidden]) ~ :not([hidden]) {
   border-color: hsl(var(--border));
 }
+.divide-border\/20 > :not([hidden]) ~ :not([hidden]) {
+  border-color: hsl(var(--border) / 0.2);
+}
 .overflow-auto {
   overflow: auto;
 }
@@ -2037,6 +2097,10 @@ body {
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
 }
+.rounded-t-2xl {
+  border-top-left-radius: 1rem;
+  border-top-right-radius: 1rem;
+}
 .rounded-t-lg {
   border-top-left-radius: var(--radius);
   border-top-right-radius: var(--radius);
@@ -2159,6 +2223,9 @@ body {
 .border-border\/20 {
   border-color: hsl(var(--border) / 0.2);
 }
+.border-border\/30 {
+  border-color: hsl(var(--border) / 0.3);
+}
 .border-border\/40 {
   border-color: hsl(var(--border) / 0.4);
 }
@@ -2439,6 +2506,9 @@ body {
 .bg-background\/95 {
   background-color: hsl(var(--background) / 0.95);
 }
+.bg-black\/20 {
+  background-color: rgb(0 0 0 / 0.2);
+}
 .bg-black\/40 {
   background-color: rgb(0 0 0 / 0.4);
 }
@@ -2850,9 +2920,6 @@ body {
 .bg-white\/15 {
   background-color: rgb(255 255 255 / 0.15);
 }
-.bg-white\/20 {
-  background-color: rgb(255 255 255 / 0.2);
-}
 .bg-white\/5 {
   background-color: rgb(255 255 255 / 0.05);
 }
@@ -2906,9 +2973,6 @@ body {
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
-.bg-gradient-to-tl {
-  background-image: linear-gradient(to top left, var(--tw-gradient-stops));
-}
 .from-amber-400 {
   --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
@@ -3024,6 +3088,95 @@ body {
   --tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.from-white\/20 {
+  --tw-gradient-from: rgb(255 255 255 / 0.2) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.via-amber-500 {
+  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #f59e0b var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-blue-500 {
+  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #3b82f6 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-cyan-500 {
+  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #06b6d4 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-emerald-500 {
+  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #10b981 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-fuchsia-500 {
+  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #d946ef var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-green-500 {
+  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #22c55e var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-indigo-500 {
+  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #6366f1 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-lime-500 {
+  --tw-gradient-to: rgb(132 204 22 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #84cc16 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-orange-500 {
+  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #f97316 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-pink-500 {
+  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #ec4899 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-purple-500 {
+  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #a855f7 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-red-500 {
+  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #ef4444 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
 .via-ring\/10 {
   --tw-gradient-to: hsl(var(--ring) / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops:
@@ -3031,11 +3184,49 @@ body {
     hsl(var(--ring) / 0.1) var(--tw-gradient-via-position),
     var(--tw-gradient-to);
 }
+.via-rose-500 {
+  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #f43f5e var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-sky-500 {
+  --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #0ea5e9 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-teal-500 {
+  --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #14b8a6 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-transparent {
+  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    transparent var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.via-violet-500 {
+  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #8b5cf6 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
 .to-amber-500 {
   --tw-gradient-to: #f59e0b var(--tw-gradient-to-position);
 }
-.to-blue-500 {
-  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
+.to-black\/10 {
+  --tw-gradient-to: rgb(0 0 0 / 0.1) var(--tw-gradient-to-position);
+}
+.to-blue-600 {
+  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
 }
 .to-cyan-500 {
   --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);
@@ -3043,9 +3234,6 @@ body {
 .to-emerald-500 {
   --tw-gradient-to: #10b981 var(--tw-gradient-to-position);
 }
-.to-fuchsia-500 {
-  --tw-gradient-to: #d946ef var(--tw-gradient-to-position);
-}
 .to-green-500 {
   --tw-gradient-to: #22c55e var(--tw-gradient-to-position);
 }
@@ -3055,14 +3243,11 @@ body {
 .to-indigo-500 {
   --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
 }
-.to-lime-500 {
-  --tw-gradient-to: #84cc16 var(--tw-gradient-to-position);
-}
 .to-muted {
   --tw-gradient-to: hsl(var(--muted)) var(--tw-gradient-to-position);
 }
-.to-orange-500 {
-  --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
+.to-orange-400 {
+  --tw-gradient-to: #fb923c var(--tw-gradient-to-position);
 }
 .to-pink-50 {
   --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position);
@@ -3079,12 +3264,12 @@ body {
 .to-purple-600 {
   --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
 }
-.to-red-500 {
-  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
-}
 .to-ring\/20 {
   --tw-gradient-to: hsl(var(--ring) / 0.2) var(--tw-gradient-to-position);
 }
+.to-rose-400 {
+  --tw-gradient-to: #fb7185 var(--tw-gradient-to-position);
+}
 .to-rose-500 {
   --tw-gradient-to: #f43f5e var(--tw-gradient-to-position);
 }
@@ -3094,8 +3279,8 @@ body {
 .to-teal-500 {
   --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
 }
-.to-violet-500 {
-  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
+.to-violet-600 {
+  --tw-gradient-to: #7c3aed var(--tw-gradient-to-position);
 }
 .bg-clip-text {
   -webkit-background-clip: text;
@@ -3134,6 +3319,9 @@ body {
 .stroke-destructive-foreground\/20 {
   stroke: hsl(var(--destructive-foreground) / 0.2);
 }
+.stroke-primary {
+  stroke: hsl(var(--primary));
+}
 .stroke-primary-foreground\/20 {
   stroke: hsl(var(--primary-foreground) / 0.2);
 }
@@ -3223,6 +3411,10 @@ body {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
+.px-7 {
+  padding-left: 1.75rem;
+  padding-right: 1.75rem;
+}
 .px-8 {
   padding-left: 2rem;
   padding-right: 2rem;
@@ -3243,6 +3435,10 @@ body {
   padding-left: 0.5em;
   padding-right: 0.5em;
 }
+.px-\[5px\] {
+  padding-left: 5px;
+  padding-right: 5px;
+}
 .py-0 {
   padding-top: 0px;
   padding-bottom: 0px;
@@ -3295,10 +3491,6 @@ body {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
-.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
 .py-\[7px\] {
   padding-top: 7px;
   padding-bottom: 7px;
@@ -3321,8 +3513,11 @@ body {
 .pb-4 {
   padding-bottom: 1rem;
 }
-.pb-8 {
-  padding-bottom: 2rem;
+.pb-7 {
+  padding-bottom: 1.75rem;
+}
+.pb-\[env\(safe-area-inset-bottom\)\] {
+  padding-bottom: env(safe-area-inset-bottom);
 }
 .pe-1 {
   padding-inline-end: 0.25rem;
@@ -3378,12 +3573,15 @@ body {
 .pt-1 {
   padding-top: 0.25rem;
 }
-.pt-12 {
-  padding-top: 3rem;
+.pt-14 {
+  padding-top: 3.5rem;
 }
 .pt-2 {
   padding-top: 0.5rem;
 }
+.pt-2\.5 {
+  padding-top: 0.625rem;
+}
 .pt-4 {
   padding-top: 1rem;
 }
@@ -3461,6 +3659,12 @@ body {
 .text-\[11px\] {
   font-size: 11px;
 }
+.text-\[12px\] {
+  font-size: 12px;
+}
+.text-\[13px\] {
+  font-size: 13px;
+}
 .text-\[28\.5px\] {
   font-size: 28.5px;
 }
@@ -4184,10 +4388,6 @@ body {
   --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-.drop-shadow-md {
-  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
 .drop-shadow-sm {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -4214,6 +4414,10 @@ body {
   --tw-backdrop-blur: blur(1px);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
+.backdrop-blur-\[2px\] {
+  --tw-backdrop-blur: blur(2px);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
 .backdrop-blur-md {
   --tw-backdrop-blur: blur(12px);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -5433,6 +5637,9 @@ body {
 .group:hover .group-hover\:text-destructive {
   color: hsl(var(--destructive));
 }
+.group:hover .group-hover\:text-primary {
+  color: hsl(var(--primary));
+}
 .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
   opacity: 1;
 }
@@ -7004,6 +7211,9 @@ body {
   .sm\:h-7 {
     height: 1.75rem;
   }
+  .sm\:max-h-\[520px\] {
+    max-height: 520px;
+  }
   .sm\:max-h-\[90dvh\] {
     max-height: 90dvh;
   }
@@ -7025,6 +7235,12 @@ body {
   .sm\:w-7 {
     width: 1.75rem;
   }
+  .sm\:w-80 {
+    width: 20rem;
+  }
+  .sm\:w-\[38\%\] {
+    width: 38%;
+  }
   .sm\:w-auto {
     width: auto;
   }
@@ -7148,10 +7364,6 @@ body {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
-  .sm\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
   .sm\:pe-4 {
     padding-inline-end: 1rem;
   }
@@ -7164,13 +7376,12 @@ body {
   .sm\:text-center {
     text-align: center;
   }
-  .sm\:text-3xl {
-    font-size: 1.875rem;
-    line-height: 2.25rem;
-  }
   .sm\:text-\[0\.95rem\] {
     font-size: 0.95rem;
   }
+  .sm\:text-\[1\.75rem\] {
+    font-size: 1.75rem;
+  }
   .sm\:text-\[11px\] {
     font-size: 11px;
   }
@@ -7363,6 +7574,9 @@ body {
   }
 }
 @media (min-width: 1024px) {
+  .lg\:max-h-\[750px\] {
+    max-height: 750px;
+  }
   .lg\:min-h-\[calc\(\(var\(--event-height\)\+var\(--event-gap\)\)\*4\)\] {
     min-height: calc((var(--event-height) + var(--event-gap)) * 4);
   }
@@ -7438,6 +7652,9 @@ body {
 .\[\&\:\:-webkit-scrollbar\]\:h-1\.5::-webkit-scrollbar {
   height: 0.375rem;
 }
+.\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar {
+  width: 0.25rem;
+}
 .\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
   width: 0.375rem;
 }