@mvn-ui/react 0.1.3 → 0.1.4

package/dist/index.css

@@ -400,6 +400,11 @@ body {
   --blue-700:#0563c7;
   --blue-800:#084f9b;
   --blue-900:#093b71;
+  --chart-1:#007bff;
+  --chart-2:#3d9bff;
+  --chart-3:#7abaff;
+  --chart-4:#0563c7;
+  --chart-5:#084f9b;
   --secondary:#f4f4f6;
   --secondary-foreground:#23252a;
   --muted:#f4f4f6;
@@ -451,6 +456,11 @@ body {
   --blue-700:#85c0ff;
   --blue-800:#add5ff;
   --blue-900:#d6eaff;
+  --chart-1:#3396ff;
+  --chart-2:#6af;
+  --chart-3:#9cf;
+  --chart-4:#0052cc;
+  --chart-5:#036;
   --secondary:#21252b;
   --secondary-foreground:#f1f2f3;
   --muted:#21252b;
@@ -545,21 +555,9 @@ body {
 .-bottom-0 {
   bottom: 0;
 }
-.-bottom-12 {
-  bottom: -3rem;
-}
-.-left-12 {
-  left: -3rem;
-}
 .-right-0 {
   right: 0;
 }
-.-right-12 {
-  right: -3rem;
-}
-.-top-12 {
-  top: -3rem;
-}
 .bottom-0 {
   bottom: 0;
 }
@@ -575,6 +573,9 @@ body {
 .left-1\/2 {
   left: 50%;
 }
+.left-2 {
+  left: .5rem;
+}
 .left-3 {
   left: .75rem;
 }
@@ -868,6 +869,9 @@ body {
 .h-6 {
   height: 1.5rem;
 }
+.h-64 {
+  height: 16rem;
+}
 .h-7 {
   height: 1.75rem;
 }
@@ -1122,21 +1126,31 @@ body {
   --tw-translate-x:-50%;
 }
 .-translate-x-1\/2,
-.-translate-x-full {
+.-translate-x-\[1rem\] {
   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));
 }
+.-translate-x-\[1rem\] {
+  --tw-translate-x:-1rem;
+}
 .-translate-x-full {
   --tw-translate-x:-100%;
 }
+.-translate-x-full,
+.-translate-x-px {
+  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));
+}
 .-translate-x-px {
   --tw-translate-x:-1px;
 }
-.-translate-x-px,
 .-translate-y-1\/2 {
+  --tw-translate-y:-50%;
+}
+.-translate-y-1\/2,
+.-translate-y-\[1rem\] {
   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));
 }
-.-translate-y-1\/2 {
-  --tw-translate-y:-50%;
+.-translate-y-\[1rem\] {
+  --tw-translate-y:-1rem;
 }
 .translate-x-0 {
   --tw-translate-x:0px;
@@ -1208,6 +1222,9 @@ body {
 .animate-spin {
   animation: spin 1s linear infinite;
 }
+.cursor-col-resize {
+  cursor: col-resize;
+}
 .cursor-default {
   cursor: default;
 }
@@ -1255,6 +1272,9 @@ body {
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
+.grid-cols-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
 .grid-cols-\[0_1fr\] {
   grid-template-columns: 0 1fr;
 }
@@ -2425,6 +2445,22 @@ body {
   content: var(--tw-content);
   inset: 0;
 }
+.before\:bottom-0:before {
+  content: var(--tw-content);
+  bottom: 0;
+}
+.before\:left-0:before {
+  content: var(--tw-content);
+  left: 0;
+}
+.before\:top-0:before {
+  content: var(--tw-content);
+  top: 0;
+}
+.before\:w-\[4px\]:before {
+  content: var(--tw-content);
+  width: 4px;
+}
 .before\:-translate-x-full:before {
   content: var(--tw-content);
   --tw-translate-x:-100%;
@@ -2434,10 +2470,20 @@ body {
   content: var(--tw-content);
   animation: shimmer 2s infinite;
 }
+.before\:bg-gradient-to-l:before {
+  content: var(--tw-content);
+  background-image: linear-gradient(to left, var(--tw-gradient-stops));
+}
 .before\:bg-gradient-to-r:before {
   content: var(--tw-content);
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
+.before\:from-black\/10:before {
+  content: var(--tw-content);
+  --tw-gradient-from:rgba(0,0,0,.1) var(--tw-gradient-from-position);
+  --tw-gradient-to:transparent var(--tw-gradient-to-position);
+  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
+}
 .before\:from-transparent:before {
   content: var(--tw-content);
   --tw-gradient-from:transparent var(--tw-gradient-from-position);
@@ -2462,14 +2508,25 @@ body {
   inset: -.5rem;
 }
 .after\:inset-y-0:after {
-  content: var(--tw-content);
   top: 0;
+}
+.after\:bottom-0:after,
+.after\:inset-y-0:after {
+  content: var(--tw-content);
   bottom: 0;
 }
 .after\:left-1\/2:after {
   content: var(--tw-content);
   left: 50%;
 }
+.after\:right-0:after {
+  content: var(--tw-content);
+  right: 0;
+}
+.after\:top-0:after {
+  content: var(--tw-content);
+  top: 0;
+}
 .after\:ml-0\.5:after {
   content: var(--tw-content);
   margin-left: .125rem;
@@ -2482,6 +2539,10 @@ body {
   content: var(--tw-content);
   width: 2px;
 }
+.after\:w-\[4px\]:after {
+  content: var(--tw-content);
+  width: 4px;
+}
 .after\:-translate-x-1\/2:after {
   content: var(--tw-content);
   --tw-translate-x:-50%;
@@ -2492,6 +2553,20 @@ body {
   --tw-bg-opacity:1;
   background-color: rgb(156 163 175/var(--tw-bg-opacity,1));
 }
+.after\:bg-gradient-to-r:after {
+  content: var(--tw-content);
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+.after\:from-black\/10:after {
+  content: var(--tw-content);
+  --tw-gradient-from:rgba(0,0,0,.1) var(--tw-gradient-from-position);
+  --tw-gradient-to:transparent var(--tw-gradient-to-position);
+  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
+}
+.after\:to-transparent:after {
+  content: var(--tw-content);
+  --tw-gradient-to:transparent var(--tw-gradient-to-position);
+}
 .after\:text-destructive:after {
   content: var(--tw-content);
   color: var(--destructive);
@@ -2716,6 +2791,9 @@ body {
 .active\:bg-mvn-gray-300:active {
   background-color: var(--gray-300);
 }
+.active\:bg-primary:active {
+  background-color: var(--primary);
+}
 .disabled\:pointer-events-none:disabled {
   pointer-events: none;
 }
@@ -2809,6 +2887,7 @@ body {
 .data-\[state\=inactive\]\:hidden[data-state=inactive] {
   display: none;
 }
+.data-\[orientation\=vertical\]\:h-px[data-orientation=vertical],
 .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical] {
   height: 1px;
 }
@@ -2984,6 +3063,9 @@ body {
 .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
   background-color: var(--input);
 }
+.data-\[orientation\=horizontal\]\:p-2[data-orientation=horizontal] {
+  padding: .5rem;
+}
 .data-\[orientation\=horizontal\]\:px-4[data-orientation=horizontal] {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -3002,8 +3084,7 @@ body {
 }
 .data-\[range-end\=true\]\:font-semibold[data-range-end=true],
 .data-\[range-start\=true\]\:font-semibold[data-range-start=true],
-.data-\[selected-single\=true\]\:font-semibold[data-selected-single=true],
-.data-\[state\=active\]\:font-semibold[data-state=active] {
+.data-\[selected-single\=true\]\:font-semibold[data-selected-single=true] {
   font-weight: 600;
 }
 .data-\[active\=true\]\:text-primary[data-active=true] {
@@ -3177,18 +3258,32 @@ body {
 .\*\:data-\[slot\=alert-description\]\:text-yellow-600\/90[data-slot=alert-description] > * {
   color: rgba(202, 138, 4, .9);
 }
+.data-\[orientation\=vertical\]\:after\:left-0[data-orientation=vertical]:after,
 .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after {
   content: var(--tw-content);
   left: 0;
 }
+.data-\[orientation\=vertical\]\:after\:h-1[data-orientation=vertical]:after,
 .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after {
   content: var(--tw-content);
   height: .25rem;
 }
+.data-\[orientation\=vertical\]\:after\:w-full[data-orientation=vertical]:after,
 .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after {
   content: var(--tw-content);
   width: 100%;
 }
+.data-\[orientation\=vertical\]\:after\:-translate-y-1\/2[data-orientation=vertical]:after {
+  --tw-translate-y:-50%;
+}
+.data-\[orientation\=vertical\]\:after\:-translate-y-1\/2[data-orientation=vertical]:after,
+.data-\[orientation\=vertical\]\:after\:translate-x-0[data-orientation=vertical]:after {
+  content: var(--tw-content);
+  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));
+}
+.data-\[orientation\=vertical\]\:after\:translate-x-0[data-orientation=vertical]:after {
+  --tw-translate-x:0px;
+}
 .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after {
   content: var(--tw-content);
   --tw-translate-y:-50%;
@@ -3224,6 +3319,9 @@ body {
 .group[data-state=open] .group-data-\[state\=open\]\:rotate-180 {
   --tw-rotate:180deg;
 }
+.group[data-state=active] .group-data-\[state\=active\]\:font-semibold {
+  font-weight: 600;
+}
 .group[data-state=checked] .group-data-\[state\=checked\]\:opacity-0 {
   opacity: 0;
 }
@@ -3304,9 +3402,6 @@ body {
 .dark\:bg-green-950\/30:is(.dark *) {
   background-color: rgba(5, 46, 22, .3);
 }
-.dark\:bg-primary-50:is(.dark *) {
-  background-color: var(--primary-50);
-}
 .dark\:bg-yellow-900\/20:is(.dark *) {
   background-color: rgba(113, 63, 18, .2);
 }
@@ -3328,9 +3423,6 @@ body {
 .dark\:text-mvn-blue-400:is(.dark *) {
   color: var(--blue-400);
 }
-.dark\:text-mvn-gray-900:is(.dark *) {
-  color: var(--gray-900);
-}
 .dark\:text-yellow-100:is(.dark *) {
   --tw-text-opacity:1;
   color: rgb(254 249 195/var(--tw-text-opacity,1));
@@ -3611,15 +3703,14 @@ body {
 .\[\&\>tr\]\:last\:border-b-0:last-child > tr {
   border-bottom-width: 0;
 }
+.\[\&\[data-orientation\=vertical\]\>div\]\:rotate-90[data-orientation=vertical] > div,
 .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical] > div {
   --tw-rotate:90deg;
-}
-.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical] > div,
-.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open] > svg {
   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));
 }
 .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open] > svg {
   --tw-rotate:180deg;
+  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));
 }
 .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
   padding-left: .5rem;