@mlw-packages/react-components 1.10.16 → 1.10.18

package/dist/index.css

@@ -421,6 +421,9 @@ body {
 .invisible {
   visibility: hidden;
 }
+.collapse {
+  visibility: collapse;
+}
 .static {
   position: static;
 }
@@ -498,6 +501,9 @@ body {
 .left-2 {
   left: 0.5rem;
 }
+.left-3 {
+  left: 0.75rem;
+}
 .left-4 {
   left: 1rem;
 }
@@ -546,6 +552,12 @@ body {
 .top-1\/2 {
   top: 50%;
 }
+.top-12 {
+  top: 3rem;
+}
+.top-14 {
+  top: 3.5rem;
+}
 .top-2 {
   top: 0.5rem;
 }
@@ -621,6 +633,9 @@ body {
 .z-\[60\] {
   z-index: 60;
 }
+.z-\[98\] {
+  z-index: 98;
+}
 .z-\[9998\] {
   z-index: 9998;
 }
@@ -630,6 +645,9 @@ body {
 .z-\[999\] {
   z-index: 999;
 }
+.z-\[99\] {
+  z-index: 99;
+}
 .col-span-1 {
   grid-column: span 1 / span 1;
 }
@@ -734,6 +752,9 @@ body {
 .-me-2 {
   margin-inline-end: -0.5rem;
 }
+.-mr-0\.5 {
+  margin-right: -0.125rem;
+}
 .-mt-1 {
   margin-top: -0.25rem;
 }
@@ -911,6 +932,10 @@ body {
 .aspect-square {
   aspect-ratio: 1 / 1;
 }
+.size-10 {
+  width: 2.5rem;
+  height: 2.5rem;
+}
 .size-2 {
   width: 0.5rem;
   height: 0.5rem;
@@ -955,6 +980,10 @@ body {
   width: 16rem;
   height: 16rem;
 }
+.size-7 {
+  width: 1.75rem;
+  height: 1.75rem;
+}
 .size-72 {
   width: 18rem;
   height: 18rem;
@@ -1207,6 +1236,12 @@ body {
 .min-h-\[300px\] {
   min-height: 300px;
 }
+.min-h-\[360px\] {
+  min-height: 360px;
+}
+.min-h-\[36px\] {
+  min-height: 36px;
+}
 .min-h-\[3rem\] {
   min-height: 3rem;
 }
@@ -1285,9 +1320,6 @@ body {
 .w-3\/4 {
   width: 75%;
 }
-.w-3\/6 {
-  width: 50%;
-}
 .w-32 {
   width: 8rem;
 }
@@ -1375,6 +1407,9 @@ body {
 .w-\[300px\] {
   width: 300px;
 }
+.w-\[320px\] {
+  width: 320px;
+}
 .w-\[350px\] {
   width: 350px;
 }
@@ -1405,6 +1440,9 @@ body {
 .w-\[90\%\] {
   width: 90%;
 }
+.w-\[95\%\] {
+  width: 95%;
+}
 .w-\[95vw\] {
   width: 95vw;
 }
@@ -1479,9 +1517,15 @@ body {
 .min-w-\[2rem\] {
   min-width: 2rem;
 }
+.min-w-\[540px\] {
+  min-width: 540px;
+}
 .min-w-\[600px\] {
   min-width: 600px;
 }
+.min-w-\[80px\] {
+  min-width: 80px;
+}
 .min-w-\[8rem\] {
   min-width: 8rem;
 }
@@ -1528,6 +1572,12 @@ body {
 .max-w-\[1100px\] {
   max-width: 1100px;
 }
+.max-w-\[140px\] {
+  max-width: 140px;
+}
+.max-w-\[160px\] {
+  max-width: 160px;
+}
 .max-w-\[200px\] {
   max-width: 200px;
 }
@@ -1697,6 +1747,11 @@ body {
   --tw-scale-y: 1.1;
   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));
 }
+.scale-125 {
+  --tw-scale-x: 1.25;
+  --tw-scale-y: 1.25;
+  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));
+}
 .scale-\[1\.02\] {
   --tw-scale-x: 1.02;
   --tw-scale-y: 1.02;
@@ -1727,6 +1782,9 @@ body {
 .cursor-context-menu {
   cursor: context-menu;
 }
+.cursor-crosshair {
+  cursor: crosshair;
+}
 .cursor-default {
   cursor: default;
 }
@@ -1751,6 +1809,9 @@ body {
 .cursor-pointer {
   cursor: pointer;
 }
+.cursor-text {
+  cursor: text;
+}
 .touch-none {
   touch-action: none;
 }
@@ -2192,6 +2253,9 @@ body {
 .border-b {
   border-bottom-width: 1px;
 }
+.border-b-0 {
+  border-bottom-width: 0px;
+}
 .border-b-2 {
   border-bottom-width: 2px;
 }
@@ -2213,6 +2277,9 @@ body {
 .border-t {
   border-top-width: 1px;
 }
+.border-t-0 {
+  border-top-width: 0px;
+}
 .border-t-2 {
   border-top-width: 2px;
 }
@@ -2274,12 +2341,19 @@ body {
 .border-border\/50 {
   border-color: hsl(var(--border) / 0.5);
 }
+.border-border\/60 {
+  border-color: hsl(var(--border) / 0.6);
+}
 .border-border\/70 {
   border-color: hsl(var(--border) / 0.7);
 }
 .border-cyan-200\/70 {
   border-color: rgb(165 243 252 / 0.7);
 }
+.border-cyan-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(103 232 249 / var(--tw-border-opacity, 1));
+}
 .border-destructive {
   border-color: hsl(var(--destructive));
 }
@@ -2300,6 +2374,12 @@ body {
 .border-emerald-500\/10 {
   border-color: rgb(16 185 129 / 0.1);
 }
+.border-foreground\/20 {
+  border-color: hsl(var(--foreground) / 0.2);
+}
+.border-foreground\/70 {
+  border-color: hsl(var(--foreground) / 0.7);
+}
 .border-fuchsia-200\/70 {
   border-color: rgb(245 208 254 / 0.7);
 }
@@ -2354,6 +2434,10 @@ body {
 .border-orange-200\/70 {
   border-color: rgb(254 215 170 / 0.7);
 }
+.border-orange-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(253 186 116 / var(--tw-border-opacity, 1));
+}
 .border-orange-400 {
   --tw-border-opacity: 1;
   border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
@@ -2370,6 +2454,9 @@ body {
 .border-primary\/50 {
   border-color: hsl(var(--primary) / 0.5);
 }
+.border-primary\/60 {
+  border-color: hsl(var(--primary) / 0.6);
+}
 .border-primary\/70 {
   border-color: hsl(var(--primary) / 0.7);
 }
@@ -2451,6 +2538,10 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
 }
+.border-yellow-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
+}
 .border-zinc-300 {
   --tw-border-opacity: 1;
   border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
@@ -2536,6 +2627,9 @@ body {
 .bg-background\/50 {
   background-color: hsl(var(--background) / 0.5);
 }
+.bg-background\/60 {
+  background-color: hsl(var(--background) / 0.6);
+}
 .bg-background\/70 {
   background-color: hsl(var(--background) / 0.7);
 }
@@ -2597,6 +2691,12 @@ body {
 .bg-border {
   background-color: hsl(var(--border));
 }
+.bg-border\/50 {
+  background-color: hsl(var(--border) / 0.5);
+}
+.bg-border\/60 {
+  background-color: hsl(var(--border) / 0.6);
+}
 .bg-card {
   background-color: hsl(var(--card));
 }
@@ -2666,6 +2766,12 @@ body {
 .bg-foreground {
   background-color: hsl(var(--foreground));
 }
+.bg-foreground\/10 {
+  background-color: hsl(var(--foreground) / 0.1);
+}
+.bg-foreground\/5 {
+  background-color: hsl(var(--foreground) / 0.05);
+}
 .bg-fuchsia-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(250 232 255 / var(--tw-bg-opacity, 1));
@@ -2818,6 +2924,9 @@ body {
 .bg-popover-foreground {
   background-color: hsl(var(--popover-foreground));
 }
+.bg-popover\/95 {
+  background-color: hsl(var(--popover) / 0.95);
+}
 .bg-primary {
   background-color: hsl(var(--primary));
 }
@@ -3423,6 +3532,10 @@ body {
 .p-\[1px\] {
   padding: 1px;
 }
+.px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
 .px-0\.5 {
   padding-left: 0.125rem;
   padding-right: 0.125rem;
@@ -3451,6 +3564,10 @@ body {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
+.px-3\.5 {
+  padding-left: 0.875rem;
+  padding-right: 0.875rem;
+}
 .px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -3515,6 +3632,10 @@ body {
   padding-top: 3rem;
   padding-bottom: 3rem;
 }
+.py-14 {
+  padding-top: 3.5rem;
+  padding-bottom: 3.5rem;
+}
 .py-16 {
   padding-top: 4rem;
   padding-bottom: 4rem;
@@ -3875,6 +3996,10 @@ body {
 .text-current {
   color: currentColor;
 }
+.text-cyan-600 {
+  --tw-text-opacity: 1;
+  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
+}
 .text-cyan-900 {
   --tw-text-opacity: 1;
   color: rgb(22 78 99 / var(--tw-text-opacity, 1));
@@ -3885,6 +4010,9 @@ body {
 .text-destructive-foreground {
   color: hsl(var(--destructive-foreground));
 }
+.text-destructive\/60 {
+  color: hsl(var(--destructive) / 0.6);
+}
 .text-emerald-500 {
   --tw-text-opacity: 1;
   color: rgb(16 185 129 / var(--tw-text-opacity, 1));
@@ -3907,9 +4035,21 @@ body {
 .text-foreground {
   color: hsl(var(--foreground));
 }
+.text-foreground\/30 {
+  color: hsl(var(--foreground) / 0.3);
+}
+.text-foreground\/40 {
+  color: hsl(var(--foreground) / 0.4);
+}
+.text-foreground\/60 {
+  color: hsl(var(--foreground) / 0.6);
+}
 .text-foreground\/70 {
   color: hsl(var(--foreground) / 0.7);
 }
+.text-foreground\/80 {
+  color: hsl(var(--foreground) / 0.8);
+}
 .text-foreground\/90 {
   color: hsl(var(--foreground) / 0.9);
 }
@@ -4060,6 +4200,9 @@ body {
 .text-primary-foreground\/60 {
   color: hsl(var(--primary-foreground) / 0.6);
 }
+.text-primary\/60 {
+  color: hsl(var(--primary) / 0.6);
+}
 .text-primary\/70 {
   color: hsl(var(--primary) / 0.7);
 }
@@ -4215,9 +4358,15 @@ body {
 .no-underline {
   text-decoration-line: none;
 }
+.underline-offset-2 {
+  text-underline-offset: 2px;
+}
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
+.caret-primary {
+  caret-color: hsl(var(--primary));
+}
 .accent-foreground {
   accent-color: hsl(var(--foreground));
 }
@@ -4230,6 +4379,9 @@ body {
 .opacity-15 {
   opacity: 0.15;
 }
+.opacity-30 {
+  opacity: 0.3;
+}
 .opacity-40 {
   opacity: 0.4;
 }
@@ -4278,6 +4430,14 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-\[0_2px_16px_rgba\(0\,0\,0\,0\.06\)\] {
+  --tw-shadow: 0 2px 16px rgba(0,0,0,0.06);
+  --tw-shadow-colored: 0 2px 16px 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_6px_18px_rgba\(0\,0\,0\,0\.12\)\] {
   --tw-shadow: 0 6px 18px rgba(0,0,0,0.12);
   --tw-shadow-colored: 0 6px 18px var(--tw-shadow-color);
@@ -4346,6 +4506,10 @@ body {
   --tw-shadow-color: rgb(0 0 0 / 0.1);
   --tw-shadow: var(--tw-shadow-colored);
 }
+.shadow-black\/20 {
+  --tw-shadow-color: rgb(0 0 0 / 0.2);
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .shadow-blue-400\/40 {
   --tw-shadow-color: rgb(96 165 250 / 0.4);
   --tw-shadow: var(--tw-shadow-colored);
@@ -4588,6 +4752,9 @@ body {
 .duration-500 {
   transition-duration: 500ms;
 }
+.duration-75 {
+  transition-duration: 75ms;
+}
 .ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -4654,6 +4821,9 @@ body {
 .duration-500 {
   animation-duration: 500ms;
 }
+.duration-75 {
+  animation-duration: 75ms;
+}
 .ease-in-out {
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -5057,6 +5227,18 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
 }
+.empty\:before\:pointer-events-none:empty::before {
+  content: var(--tw-content);
+  pointer-events: none;
+}
+.empty\:before\:text-muted-foreground\/40:empty::before {
+  content: var(--tw-content);
+  color: hsl(var(--muted-foreground) / 0.4);
+}
+.empty\:before\:content-\[attr\(data-placeholder\)\]:empty::before {
+  --tw-content: attr(data-placeholder);
+  content: var(--tw-content);
+}
 .focus-within\:relative:focus-within {
   position: relative;
 }
@@ -5085,6 +5267,9 @@ body {
 .focus-within\:ring-destructive:focus-within {
   --tw-ring-color: hsl(var(--destructive));
 }
+.focus-within\:ring-primary\/15:focus-within {
+  --tw-ring-color: hsl(var(--primary) / 0.15);
+}
 .focus-within\:ring-ring\/50:focus-within {
   --tw-ring-color: hsl(var(--ring) / 0.5);
 }
@@ -5155,6 +5340,9 @@ body {
 .hover\:bg-background\/20:hover {
   background-color: hsl(var(--background) / 0.2);
 }
+.hover\:bg-background\/40:hover {
+  background-color: hsl(var(--background) / 0.4);
+}
 .hover\:bg-black\/70:hover {
   background-color: rgb(0 0 0 / 0.7);
 }
@@ -5178,6 +5366,9 @@ body {
 .hover\:bg-destructive\/10:hover {
   background-color: hsl(var(--destructive) / 0.1);
 }
+.hover\:bg-destructive\/5:hover {
+  background-color: hsl(var(--destructive) / 0.05);
+}
 .hover\:bg-destructive\/90:hover {
   background-color: hsl(var(--destructive) / 0.9);
 }
@@ -5242,6 +5433,9 @@ body {
 .hover\:bg-muted\/20:hover {
   background-color: hsl(var(--muted) / 0.2);
 }
+.hover\:bg-muted\/30:hover {
+  background-color: hsl(var(--muted) / 0.3);
+}
 .hover\:bg-muted\/5:hover {
   background-color: hsl(var(--muted) / 0.05);
 }
@@ -5369,6 +5563,12 @@ body {
 .hover\:text-foreground:hover {
   color: hsl(var(--foreground));
 }
+.hover\:text-foreground\/70:hover {
+  color: hsl(var(--foreground) / 0.7);
+}
+.hover\:text-foreground\/80:hover {
+  color: hsl(var(--foreground) / 0.8);
+}
 .hover\:text-primary:hover {
   color: hsl(var(--primary));
 }
@@ -5402,6 +5602,9 @@ body {
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
+.hover\:\!opacity-80:hover {
+  opacity: 0.8 !important;
+}
 .hover\:opacity-100:hover {
   opacity: 1;
 }
@@ -5580,6 +5783,14 @@ body {
 .focus-visible\:outline-\[3px\]:focus-visible {
   outline-width: 3px;
 }
+.focus-visible\:ring-0:focus-visible {
+  --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-visible\:ring-1:focus-visible {
   --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);
@@ -5673,6 +5884,9 @@ body {
 .disabled\:bg-muted\/30:disabled {
   background-color: hsl(var(--muted) / 0.3);
 }
+.disabled\:opacity-20:disabled {
+  opacity: 0.2;
+}
 .disabled\:opacity-50:disabled {
   opacity: 0.5;
 }
@@ -5738,6 +5952,9 @@ body {
 .group:hover .group-hover\:text-destructive {
   color: hsl(var(--destructive));
 }
+.group:hover .group-hover\:text-foreground {
+  color: hsl(var(--foreground));
+}
 .group:hover .group-hover\:text-primary {
   color: hsl(var(--primary));
 }
@@ -5747,6 +5964,9 @@ body {
 .group:hover .group-hover\:opacity-100 {
   opacity: 1;
 }
+.group:hover .group-hover\:opacity-40 {
+  opacity: 0.4;
+}
 .group.toast .group-\[\.toast\]\:text-neutral-600 {
   --tw-text-opacity: 1;
   color: rgb(82 82 82 / var(--tw-text-opacity, 1));
@@ -7080,6 +7300,14 @@ body {
   --tw-shadow-color: rgb(0 0 0 / 0.3);
   --tw-shadow: var(--tw-shadow-colored);
 }
+.dark\:shadow-black\/50:is(.dark *) {
+  --tw-shadow-color: rgb(0 0 0 / 0.5);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.dark\:shadow-black\/60:is(.dark *) {
+  --tw-shadow-color: rgb(0 0 0 / 0.6);
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .dark\:ring-neutral-800:is(.dark *) {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(38 38 38 / var(--tw-ring-opacity, 1));
@@ -7367,6 +7595,9 @@ body {
   .sm\:max-w-\[425px\] {
     max-width: 425px;
   }
+  .sm\:max-w-lg {
+    max-width: 32rem;
+  }
   .sm\:max-w-md {
     max-width: 28rem;
   }
@@ -7934,6 +8165,16 @@ body {
 .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
   width: 1.25rem;
 }
+.\[\&_a\]\:text-primary a {
+  color: hsl(var(--primary));
+}
+.\[\&_a\]\:underline a {
+  text-decoration-line: underline;
+}
+.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]) {
+  width: 0.75rem;
+  height: 0.75rem;
+}
 .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
   width: 1rem;
   height: 1rem;