@mvn-ui/react 0.1.3 → 0.1.5

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,20 +555,14 @@ body {
 .-bottom-0 {
   bottom: 0;
 }
-.-bottom-12 {
-  bottom: -3rem;
-}
-.-left-12 {
-  left: -3rem;
-}
 .-right-0 {
   right: 0;
 }
-.-right-12 {
-  right: -3rem;
+.-right-2 {
+  right: -.5rem;
 }
-.-top-12 {
-  top: -3rem;
+.-top-1 {
+  top: -.25rem;
 }
 .bottom-0 {
   bottom: 0;
@@ -575,6 +579,9 @@ body {
 .left-1\/2 {
   left: 50%;
 }
+.left-2 {
+  left: .5rem;
+}
 .left-3 {
   left: .75rem;
 }
@@ -684,6 +691,9 @@ body {
   margin-top: .5rem;
   margin-bottom: .5rem;
 }
+.-ml-2 {
+  margin-left: -.5rem;
+}
 .-ml-4 {
   margin-left: -1rem;
 }
@@ -832,9 +842,15 @@ body {
 .h-10 {
   height: 2.5rem;
 }
+.h-11 {
+  height: 2.75rem;
+}
 .h-12 {
   height: 3rem;
 }
+.h-14 {
+  height: 3.5rem;
+}
 .h-16 {
   height: 4rem;
 }
@@ -868,6 +884,9 @@ body {
 .h-6 {
   height: 1.5rem;
 }
+.h-64 {
+  height: 16rem;
+}
 .h-7 {
   height: 1.75rem;
 }
@@ -925,6 +944,12 @@ body {
 .min-h-\[400px\] {
   min-height: 400px;
 }
+.min-h-\[44px\] {
+  min-height: 44px;
+}
+.min-h-\[48px\] {
+  min-height: 48px;
+}
 .min-h-\[60px\] {
   min-height: 60px;
 }
@@ -1027,6 +1052,12 @@ body {
 .w-\[250px\] {
   width: 250px;
 }
+.w-\[280px\] {
+  width: 280px;
+}
+.w-\[52px\] {
+  width: 52px;
+}
 .w-\[var\(--radix-popover-trigger-width\)\] {
   width: var(--radix-popover-trigger-width);
 }
@@ -1074,15 +1105,27 @@ body {
 .min-w-\[12rem\] {
   min-width: 12rem;
 }
+.min-w-\[18px\] {
+  min-width: 18px;
+}
 .min-w-\[240px\] {
   min-width: 240px;
 }
+.min-w-\[44px\] {
+  min-width: 44px;
+}
+.min-w-\[64px\] {
+  min-width: 64px;
+}
 .min-w-\[8rem\] {
   min-width: 8rem;
 }
 .min-w-\[var\(--radix-select-trigger-width\)\] {
   min-width: var(--radix-select-trigger-width);
 }
+.max-w-\[80vw\] {
+  max-width: 80vw;
+}
 .max-w-full {
   max-width: 100%;
 }
@@ -1122,21 +1165,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;
@@ -1217,6 +1270,9 @@ body {
 .cursor-pointer {
   cursor: pointer;
 }
+.cursor-w-resize {
+  cursor: w-resize;
+}
 .touch-none {
   touch-action: none;
 }
@@ -1255,6 +1311,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;
 }
@@ -1300,6 +1359,9 @@ body {
 .justify-between {
   justify-content: space-between;
 }
+.justify-around {
+  justify-content: space-around;
+}
 .justify-items-start {
   justify-items: start;
 }
@@ -1843,6 +1905,9 @@ body {
 .pb-8 {
   padding-bottom: 2rem;
 }
+.pb-\[var\(--mvn-safe-area-bottom\)\] {
+  padding-bottom: var(--mvn-safe-area-bottom);
+}
 .pl-2\.5 {
   padding-left: .625rem;
 }
@@ -1885,6 +1950,9 @@ body {
 .pt-4 {
   padding-top: 1rem;
 }
+.pt-\[var\(--mvn-safe-area-top\)\] {
+  padding-top: var(--mvn-safe-area-top);
+}
 .text-left {
   text-align: left;
 }
@@ -1938,6 +2006,12 @@ body {
 .text-\[0\.9375rem\] {
   font-size: .9375rem;
 }
+.text-\[10px\] {
+  font-size: 10px;
+}
+.text-\[11px\] {
+  font-size: 11px;
+}
 .text-\[16px\] {
   font-size: 16px;
 }
@@ -2199,6 +2273,9 @@ body {
 .ring-background {
   --tw-ring-color:var(--background);
 }
+.ring-primary {
+  --tw-ring-color:var(--primary);
+}
 .ring-offset-background {
   --tw-ring-offset-color:var(--background);
 }
@@ -2260,6 +2337,11 @@ body {
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
   transition-duration: .15s;
 }
+.transition-shadow {
+  transition-property: box-shadow;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+  transition-duration: .15s;
+}
 .transition-transform {
   transition-property: transform;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
@@ -2656,6 +2738,9 @@ body {
 .focus-visible\:bg-background:focus-visible {
   background-color: var(--background);
 }
+.focus-visible\:text-foreground:focus-visible {
+  color: var(--foreground);
+}
 .focus-visible\:outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -2734,6 +2819,7 @@ body {
 .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
   opacity: 1;
 }
+.group:hover .group-hover\:opacity-100,
 .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
   opacity: 1;
 }
@@ -2809,6 +2895,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;
 }
@@ -2845,10 +2932,20 @@ body {
 .data-\[side\=top\]\:-translate-y-1[data-side=top] {
   --tw-translate-y:-0.25rem;
 }
+.data-\[state\=checked\]\:translate-x-4[data-state=checked] {
+  --tw-translate-x:1rem;
+}
+.data-\[state\=checked\]\:translate-x-4[data-state=checked],
+.data-\[state\=checked\]\:translate-x-5[data-state=checked] {
+  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\=checked\]\:translate-x-5[data-state=checked] {
   --tw-translate-x:1.25rem;
 }
-.data-\[state\=checked\]\:translate-x-5[data-state=checked],
+.data-\[state\=checked\]\:translate-x-6[data-state=checked] {
+  --tw-translate-x:1.5rem;
+}
+.data-\[state\=checked\]\:translate-x-6[data-state=checked],
 .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
   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));
 }
@@ -2984,6 +3081,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 +3102,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 +3276,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 +3337,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 +3420,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 +3441,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));
@@ -3389,6 +3499,9 @@ body {
   .md\:block {
     display: block;
   }
+  .md\:hidden {
+    display: none;
+  }
   .md\:w-\[400px\] {
     width: 400px;
   }
@@ -3611,15 +3724,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;