@mvn-ui/react 0.1.2 → 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;
 }
@@ -1426,9 +1446,15 @@ body {
 .overflow-y-auto {
   overflow-y: auto;
 }
+.\!overflow-x-hidden {
+  overflow-x: hidden !important;
+}
 .overflow-x-hidden {
   overflow-x: hidden;
 }
+.\!overflow-y-hidden {
+  overflow-y: hidden !important;
+}
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2058,6 +2084,9 @@ body {
 .text-primary {
   color: var(--primary);
 }
+.text-primary-50 {
+  color: var(--primary-50);
+}
 .text-primary-foreground {
   color: var(--primary-foreground);
 }
@@ -2416,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%;
@@ -2425,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);
@@ -2453,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;
@@ -2473,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%;
@@ -2483,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);
@@ -2525,6 +2609,9 @@ body {
 .hover\:bg-muted:hover {
   background-color: var(--muted);
 }
+.hover\:bg-muted-foreground:hover {
+  background-color: var(--muted-foreground);
+}
 .hover\:bg-mvn-blue-600:hover {
   background-color: var(--blue-600);
 }
@@ -2704,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;
 }
@@ -2797,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;
 }
@@ -2810,9 +2901,6 @@ body {
 .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical] {
   width: 100%;
 }
-.data-\[orientation\=horizontal\]\:flex-1[data-orientation=horizontal] {
-  flex: 1 1 0%;
-}
 .data-\[orientation\=vertical\]\:shrink-0[data-orientation=vertical] {
   flex-shrink: 0;
 }
@@ -2903,9 +2991,6 @@ body {
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
 }
-.data-\[orientation\=horizontal\]\:border-b[data-orientation=horizontal] {
-  border-bottom-width: 1px;
-}
 .data-\[orientation\=horizontal\]\:border-b-2[data-orientation=horizontal] {
   border-bottom-width: 2px;
 }
@@ -2915,7 +3000,9 @@ body {
 .data-\[orientation\=vertical\]\:border-r[data-orientation=vertical] {
   border-right-width: 1px;
 }
-.data-\[orientation\=horizontal\]\:border-border[data-orientation=horizontal],
+.data-\[orientation\=horizontal\]\:border-transparent[data-orientation=horizontal] {
+  border-color: transparent;
+}
 .data-\[orientation\=vertical\]\:border-border[data-orientation=vertical] {
   border-color: var(--border);
 }
@@ -2976,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;
@@ -2994,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] {
@@ -3169,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%;
@@ -3216,6 +3319,15 @@ 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;
+}
+.group[data-state=checked] .group-data-\[state\=checked\]\:opacity-100 {
+  opacity: 1;
+}
 .group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:ring-2 {
   --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -3591,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;