@mvn-ui/react 0.1.4 → 0.1.6

package/dist/index.css

@@ -558,6 +558,12 @@ body {
 .-right-0 {
   right: 0;
 }
+.-right-2 {
+  right: -.5rem;
+}
+.-top-1 {
+  top: -.25rem;
+}
 .bottom-0 {
   bottom: 0;
 }
@@ -685,6 +691,9 @@ body {
   margin-top: .5rem;
   margin-bottom: .5rem;
 }
+.-ml-2 {
+  margin-left: -.5rem;
+}
 .-ml-4 {
   margin-left: -1rem;
 }
@@ -833,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;
 }
@@ -929,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;
 }
@@ -1031,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);
 }
@@ -1078,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%;
 }
@@ -1222,9 +1261,6 @@ body {
 .animate-spin {
   animation: spin 1s linear infinite;
 }
-.cursor-col-resize {
-  cursor: col-resize;
-}
 .cursor-default {
   cursor: default;
 }
@@ -1234,6 +1270,9 @@ body {
 .cursor-pointer {
   cursor: pointer;
 }
+.cursor-w-resize {
+  cursor: w-resize;
+}
 .touch-none {
   touch-action: none;
 }
@@ -1320,6 +1359,9 @@ body {
 .justify-between {
   justify-content: space-between;
 }
+.justify-around {
+  justify-content: space-around;
+}
 .justify-items-start {
   justify-items: start;
 }
@@ -1863,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;
 }
@@ -1905,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;
 }
@@ -1958,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;
 }
@@ -2219,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);
 }
@@ -2280,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);
@@ -2445,22 +2507,6 @@ 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%;
@@ -2470,20 +2516,10 @@ 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);
@@ -2507,26 +2543,15 @@ body {
   content: var(--tw-content);
   inset: -.5rem;
 }
-.after\:inset-y-0:after {
-  top: 0;
-}
-.after\:bottom-0:after,
 .after\:inset-y-0:after {
   content: var(--tw-content);
+  top: 0;
   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;
@@ -2539,10 +2564,6 @@ 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%;
@@ -2553,20 +2574,6 @@ 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);
@@ -2731,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;
@@ -2791,9 +2801,6 @@ 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;
 }
@@ -2812,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;
 }
@@ -2924,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));
 }
@@ -3481,6 +3499,9 @@ body {
   .md\:block {
     display: block;
   }
+  .md\:hidden {
+    display: none;
+  }
   .md\:w-\[400px\] {
     width: 400px;
   }