@mlw-packages/react-components 1.8.4 → 1.8.6

package/dist/index.css

@@ -429,9 +429,15 @@ body {
 .-left-1 {
   left: -0.25rem;
 }
+.-left-3 {
+  left: -0.75rem;
+}
 .-right-1 {
   right: -0.25rem;
 }
+.-right-3 {
+  right: -0.75rem;
+}
 .-top-1 {
   top: -0.25rem;
 }
@@ -495,6 +501,9 @@ body {
 .right-4 {
   right: 1rem;
 }
+.right-5 {
+  right: 1.25rem;
+}
 .right-6 {
   right: 1.5rem;
 }
@@ -669,9 +678,6 @@ body {
 .-ml-4 {
   margin-left: -1rem;
 }
-.-mr-3 {
-  margin-right: -0.75rem;
-}
 .-mt-1 {
   margin-top: -0.25rem;
 }
@@ -732,6 +738,9 @@ body {
 .ml-64 {
   margin-left: 16rem;
 }
+.ml-\[90px\] {
+  margin-left: 90px;
+}
 .ml-auto {
   margin-left: auto;
 }
@@ -750,15 +759,12 @@ body {
 .mr-4 {
   margin-right: 1rem;
 }
-.mr-5 {
-  margin-right: 1.25rem;
-}
-.mr-8 {
-  margin-right: 2rem;
-}
 .ms-6 {
   margin-inline-start: 1.5rem;
 }
+.mt-0 {
+  margin-top: 0px;
+}
 .mt-0\.5 {
   margin-top: 0.125rem;
 }
@@ -768,6 +774,9 @@ body {
 .mt-1\.5 {
   margin-top: 0.375rem;
 }
+.mt-12 {
+  margin-top: 3rem;
+}
 .mt-2 {
   margin-top: 0.5rem;
 }
@@ -789,6 +798,9 @@ body {
 .mt-8 {
   margin-top: 2rem;
 }
+.mt-\[19px\] {
+  margin-top: 19px;
+}
 .mt-\[var\(--event-gap\)\] {
   margin-top: var(--event-gap);
 }
@@ -1039,8 +1051,11 @@ body {
 .max-h-\[90dvh\] {
   max-height: 90dvh;
 }
-.max-h-\[90vh\] {
-  max-height: 90vh;
+.max-h-\[95vh\] {
+  max-height: 95vh;
+}
+.max-h-\[calc\(400px\)\] {
+  max-height: calc(400px);
 }
 .max-h-\[var\(--radix-context-menu-content-available-height\)\] {
   max-height: var(--radix-context-menu-content-available-height);
@@ -1066,6 +1081,12 @@ body {
 .min-h-\[300px\] {
   min-height: 300px;
 }
+.min-h-\[330px\] {
+  min-height: 330px;
+}
+.min-h-\[380px\] {
+  min-height: 380px;
+}
 .min-h-\[3rem\] {
   min-height: 3rem;
 }
@@ -1243,6 +1264,9 @@ body {
 .w-\[90\%\] {
   width: 90%;
 }
+.w-\[98\%\] {
+  width: 98%;
+}
 .w-auto {
   width: auto;
 }
@@ -1495,6 +1519,11 @@ body {
   --tw-scale-y: 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-110 {
+  --tw-scale-x: 1.1;
+  --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-\[1\.02\] {
   --tw-scale-x: 1.02;
   --tw-scale-y: 1.02;
@@ -1525,12 +1554,18 @@ body {
 .cursor-default {
   cursor: default;
 }
+.cursor-ew-resize {
+  cursor: ew-resize;
+}
 .cursor-grab {
   cursor: grab;
 }
 .cursor-grabbing {
   cursor: grabbing;
 }
+.cursor-move {
+  cursor: move;
+}
 .cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1558,6 +1593,9 @@ body {
   -moz-user-select: all;
   user-select: all;
 }
+.resize-none {
+  resize: none;
+}
 .resize {
   resize: both;
 }
@@ -1596,6 +1634,9 @@ body {
 .grid-cols-5 {
   grid-template-columns: repeat(5, minmax(0, 1fr));
 }
+.grid-cols-6 {
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+}
 .grid-cols-7 {
   grid-template-columns: repeat(7, minmax(0, 1fr));
 }
@@ -1785,9 +1826,6 @@ body {
 .overflow-x-hidden {
   overflow-x: hidden;
 }
-.overflow-y-hidden {
-  overflow-y: hidden;
-}
 .overflow-y-scroll {
   overflow-y: scroll;
 }
@@ -1853,10 +1891,6 @@ body {
   border-bottom-right-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
 }
-.rounded-b-none {
-  border-bottom-right-radius: 0px;
-  border-bottom-left-radius: 0px;
-}
 .rounded-b-xl {
   border-bottom-right-radius: 0.75rem;
   border-bottom-left-radius: 0.75rem;
@@ -1968,6 +2002,9 @@ body {
 .border-none {
   border-style: none;
 }
+.border-accent {
+  border-color: hsl(var(--accent));
+}
 .border-amber-400 {
   --tw-border-opacity: 1;
   border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
@@ -2122,9 +2159,6 @@ 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;
 }
@@ -2137,6 +2171,9 @@ body {
 .bg-accent {
   background-color: hsl(var(--accent));
 }
+.bg-accent-foreground {
+  background-color: hsl(var(--accent-foreground));
+}
 .bg-accent\/10 {
   background-color: hsl(var(--accent) / 0.1);
 }
@@ -2173,6 +2210,9 @@ body {
 .bg-background\/80 {
   background-color: hsl(var(--background) / 0.8);
 }
+.bg-background\/95 {
+  background-color: hsl(var(--background) / 0.95);
+}
 .bg-black\/40 {
   background-color: rgb(0 0 0 / 0.4);
 }
@@ -2213,6 +2253,9 @@ body {
 .bg-card {
   background-color: hsl(var(--card));
 }
+.bg-card-foreground {
+  background-color: hsl(var(--card-foreground));
+}
 .bg-card\/0 {
   background-color: hsl(var(--card) / 0);
 }
@@ -2225,6 +2268,9 @@ body {
 .bg-destructive {
   background-color: hsl(var(--destructive));
 }
+.bg-destructive-foreground {
+  background-color: hsl(var(--destructive-foreground));
+}
 .bg-destructive\/15 {
   background-color: hsl(var(--destructive) / 0.15);
 }
@@ -2275,6 +2321,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
+.bg-gray-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
+}
 .bg-gray-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
@@ -2314,9 +2364,15 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
 }
+.bg-input {
+  background-color: hsl(var(--input));
+}
 .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);
 }
@@ -2332,6 +2388,9 @@ body {
 .bg-muted\/50 {
   background-color: hsl(var(--muted) / 0.5);
 }
+.bg-muted\/60 {
+  background-color: hsl(var(--muted) / 0.6);
+}
 .bg-muted\/80 {
   background-color: hsl(var(--muted) / 0.8);
 }
@@ -2373,9 +2432,15 @@ body {
 .bg-popover {
   background-color: hsl(var(--popover));
 }
+.bg-popover-foreground {
+  background-color: hsl(var(--popover-foreground));
+}
 .bg-primary {
   background-color: hsl(var(--primary));
 }
+.bg-primary-foreground {
+  background-color: hsl(var(--primary-foreground));
+}
 .bg-primary\/10 {
   background-color: hsl(var(--primary) / 0.1);
 }
@@ -2416,6 +2481,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
 }
+.bg-ring {
+  background-color: hsl(var(--ring));
+}
 .bg-rose-200\/50 {
   background-color: rgb(254 205 211 / 0.5);
 }
@@ -2437,6 +2505,9 @@ body {
 .bg-secondary {
   background-color: hsl(var(--secondary));
 }
+.bg-secondary-foreground {
+  background-color: hsl(var(--secondary-foreground));
+}
 .bg-sky-200\/50 {
   background-color: rgb(186 230 253 / 0.5);
 }
@@ -2980,6 +3051,9 @@ body {
 .leading-tight {
   line-height: 1.25;
 }
+.tracking-\[0\] {
+  letter-spacing: 0;
+}
 .tracking-tight {
   letter-spacing: -0.025em;
 }
@@ -2992,6 +3066,9 @@ body {
 .tracking-widest {
   letter-spacing: 0.1em;
 }
+.text-accent-foreground {
+  color: hsl(var(--accent-foreground));
+}
 .text-amber-500 {
   --tw-text-opacity: 1;
   color: rgb(245 158 11 / var(--tw-text-opacity, 1));
@@ -3068,6 +3145,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
+.text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
+}
 .text-gray-700 {
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity, 1));
@@ -3866,6 +3947,20 @@ body {
     opacity: 0.5;
   }
 }
+::view-transition-old(root),
+::view-transition-new(root) {
+  animation: none;
+  mix-blend-mode: normal;
+}
+::view-transition-old(root) {
+  z-index: 1;
+}
+::view-transition-new(root) {
+  z-index: 2;
+}
+[data-theme-transition=true]::view-transition-new(root) {
+  animation: none;
+}
 .selection\:bg-primary *::-moz-selection {
   background-color: hsl(var(--primary));
 }
@@ -4862,38 +4957,38 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
 }
-.data-\[type\=InfoIcon\]\:border-blue-500[data-type=InfoIcon] {
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}
-.data-\[type\=WarningIcon\]\:border-yellow-500[data-type=WarningIcon] {
-  --tw-border-opacity: 1;
-  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
-}
 .data-\[type\=error\]\:border-red-500[data-type=error] {
   --tw-border-opacity: 1;
   border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
 }
-.data-\[type\=success\]\:border-green-500[data-type=success] {
+.data-\[type\=info\]\:border-blue-500[data-type=info] {
   --tw-border-opacity: 1;
-  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
+  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
 }
-.data-\[type\=InfoIcon\]\:border-l-blue-500[data-type=InfoIcon] {
+.data-\[type\=success\]\:border-green-500[data-type=success] {
   --tw-border-opacity: 1;
-  border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
+  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
 }
-.data-\[type\=WarningIcon\]\:border-l-yellow-500[data-type=WarningIcon] {
+.data-\[type\=warning\]\:border-yellow-500[data-type=warning] {
   --tw-border-opacity: 1;
-  border-left-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
+  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
 }
 .data-\[type\=error\]\:border-l-red-500[data-type=error] {
   --tw-border-opacity: 1;
   border-left-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
 }
+.data-\[type\=info\]\:border-l-blue-500[data-type=info] {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
+}
 .data-\[type\=success\]\:border-l-green-500[data-type=success] {
   --tw-border-opacity: 1;
   border-left-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
 }
+.data-\[type\=warning\]\:border-l-yellow-500[data-type=warning] {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
+}
 .data-\[active\=true\]\:bg-accent\/50[data-active=true] {
   background-color: hsl(var(--accent) / 0.5);
 }
@@ -4949,21 +5044,17 @@ body {
 .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
   background-color: hsl(var(--input));
 }
-.data-\[type\=InfoIcon\]\:bg-blue-50[data-type=InfoIcon] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
+.data-\[type\=error\]\:bg-red-50\/95[data-type=error] {
+  background-color: rgb(254 242 242 / 0.95);
 }
-.data-\[type\=WarningIcon\]\:bg-yellow-50[data-type=WarningIcon] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
+.data-\[type\=info\]\:bg-blue-50\/95[data-type=info] {
+  background-color: rgb(239 246 255 / 0.95);
 }
-.data-\[type\=error\]\:bg-red-50[data-type=error] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
+.data-\[type\=success\]\:bg-green-50\/95[data-type=success] {
+  background-color: rgb(240 253 244 / 0.95);
 }
-.data-\[type\=success\]\:bg-green-50[data-type=success] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
+.data-\[type\=warning\]\:bg-yellow-50\/95[data-type=warning] {
+  background-color: rgb(254 252 232 / 0.95);
 }
 .data-\[inset\]\:pl-8[data-inset] {
   padding-left: 2rem;
@@ -4989,22 +5080,22 @@ body {
 .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
   color: hsl(var(--muted-foreground));
 }
-.data-\[type\=InfoIcon\]\:text-blue-800[data-type=InfoIcon] {
-  --tw-text-opacity: 1;
-  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
-}
-.data-\[type\=WarningIcon\]\:text-yellow-800[data-type=WarningIcon] {
-  --tw-text-opacity: 1;
-  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
-}
 .data-\[type\=error\]\:text-red-800[data-type=error] {
   --tw-text-opacity: 1;
   color: rgb(153 27 27 / var(--tw-text-opacity, 1));
 }
+.data-\[type\=info\]\:text-blue-800[data-type=info] {
+  --tw-text-opacity: 1;
+  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
+}
 .data-\[type\=success\]\:text-green-800[data-type=success] {
   --tw-text-opacity: 1;
   color: rgb(22 101 52 / var(--tw-text-opacity, 1));
 }
+.data-\[type\=warning\]\:text-yellow-800[data-type=warning] {
+  --tw-text-opacity: 1;
+  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
+}
 .data-\[variant\=destructive\]\:text-destructive[data-variant=destructive] {
   color: hsl(var(--destructive));
 }
@@ -5900,15 +5991,15 @@ body {
   .sm\:w-12 {
     width: 3rem;
   }
+  .sm\:w-16 {
+    width: 4rem;
+  }
   .sm\:w-20 {
     width: 5rem;
   }
   .sm\:w-4 {
     width: 1rem;
   }
-  .sm\:w-6 {
-    width: 1.5rem;
-  }
   .sm\:w-7 {
     width: 1.75rem;
   }