@mvn-ui/react 0.1.1 → 0.1.2

package/dist/index.css

@@ -587,6 +587,9 @@ body {
 .right-0 {
   right: 0;
 }
+.right-1 {
+  right: .25rem;
+}
 .right-2 {
   right: .5rem;
 }
@@ -599,6 +602,9 @@ body {
 .top-0 {
   top: 0;
 }
+.top-1\.5 {
+  top: .375rem;
+}
 .top-1\/2 {
   top: 50%;
 }
@@ -608,6 +614,9 @@ body {
 .top-3 {
   top: .75rem;
 }
+.top-3\.5 {
+  top: .875rem;
+}
 .top-4 {
   top: 1rem;
 }
@@ -655,6 +664,14 @@ body {
   margin-left: .25rem;
   margin-right: .25rem;
 }
+.mx-2 {
+  margin-left: .5rem;
+  margin-right: .5rem;
+}
+.mx-3\.5 {
+  margin-left: .875rem;
+  margin-right: .875rem;
+}
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -670,6 +687,9 @@ body {
 .-ml-4 {
   margin-left: -1rem;
 }
+.-mt-2 {
+  margin-top: -.5rem;
+}
 .-mt-4 {
   margin-top: -1rem;
 }
@@ -688,6 +708,9 @@ body {
 .mb-4 {
   margin-bottom: 1rem;
 }
+.ml-0 {
+  margin-left: 0;
+}
 .ml-0\.5 {
   margin-left: .125rem;
 }
@@ -700,9 +723,6 @@ body {
 .ml-3 {
   margin-left: .75rem;
 }
-.ml-4 {
-  margin-left: 1rem;
-}
 .ml-auto {
   margin-left: auto;
 }
@@ -715,12 +735,6 @@ body {
 .mr-2 {
   margin-right: .5rem;
 }
-.mr-4 {
-  margin-right: 1rem;
-}
-.mt-0 {
-  margin-top: 0;
-}
 .mt-0\.5 {
   margin-top: .125rem;
 }
@@ -798,10 +812,17 @@ body {
   width: 1rem;
   height: 1rem;
 }
+.size-7 {
+  width: 1.75rem;
+  height: 1.75rem;
+}
 .size-8 {
   width: 2rem;
   height: 2rem;
 }
+.h-0 {
+  height: 0;
+}
 .h-1 {
   height: .25rem;
 }
@@ -847,6 +868,9 @@ body {
 .h-6 {
   height: 1.5rem;
 }
+.h-7 {
+  height: 1.75rem;
+}
 .h-8 {
   height: 2rem;
 }
@@ -889,6 +913,9 @@ body {
 .max-h-\[300px\] {
   max-height: 300px;
 }
+.min-h-0 {
+  min-height: 0;
+}
 .min-h-4 {
   min-height: 1rem;
 }
@@ -904,9 +931,15 @@ body {
 .min-h-\[80px\] {
   min-height: 80px;
 }
+.min-h-full {
+  min-height: 100%;
+}
 .min-h-svh {
   min-height: 100svh;
 }
+.w-0 {
+  width: 0;
+}
 .w-1 {
   width: .25rem;
 }
@@ -997,6 +1030,12 @@ body {
 .w-\[var\(--radix-popover-trigger-width\)\] {
   width: var(--radix-popover-trigger-width);
 }
+.w-\[var\(--sidebar-width\)\] {
+  width: var(--sidebar-width);
+}
+.w-\[var\(--sidebar-width-icon\)\] {
+  width: var(--sidebar-width-icon);
+}
 .w-auto {
   width: auto;
 }
@@ -1023,6 +1062,9 @@ body {
 .min-w-12 {
   min-width: 3rem;
 }
+.min-w-5 {
+  min-width: 1.25rem;
+}
 .min-w-8 {
   min-width: 2rem;
 }
@@ -1041,6 +1083,9 @@ body {
 .min-w-\[var\(--radix-select-trigger-width\)\] {
   min-width: var(--radix-select-trigger-width);
 }
+.max-w-full {
+  max-width: 100%;
+}
 .max-w-lg {
   max-width: 32rem;
 }
@@ -1083,25 +1128,35 @@ body {
 .-translate-x-full {
   --tw-translate-x:-100%;
 }
-.-translate-y-1\/2 {
-  --tw-translate-y:-50%;
+.-translate-x-px {
+  --tw-translate-x:-1px;
 }
-.-translate-y-1\/2,
-.translate-x-0 {
+.-translate-x-px,
+.-translate-y-1\/2 {
   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-x-0 {
   --tw-translate-x:0px;
 }
+.translate-x-0,
+.translate-x-\[-50\%\] {
+  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-\[-50\%\] {
   --tw-translate-x:-50%;
 }
-.translate-x-\[-50\%\],
 .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-full {
-  --tw-translate-x:100%;
+.translate-x-px {
+  --tw-translate-x:1px;
 }
 .translate-y-\[-50\%\] {
   --tw-translate-y:-50%;
@@ -1248,6 +1303,9 @@ body {
 .justify-items-start {
   justify-items: start;
 }
+.gap-0 {
+  gap: 0;
+}
 .gap-0\.5 {
   gap: .125rem;
 }
@@ -1693,6 +1751,10 @@ body {
 .p-\[1px\] {
   padding: 1px;
 }
+.px-1 {
+  padding-left: .25rem;
+  padding-right: .25rem;
+}
 .px-1\.5 {
   padding-left: .375rem;
   padding-right: .375rem;
@@ -1922,6 +1984,10 @@ body {
 .italic {
   font-style: italic;
 }
+.tabular-nums {
+  --tw-numeric-spacing:tabular-nums;
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
 .leading-none {
   line-height: 1;
 }
@@ -2051,39 +2117,46 @@ body {
   --tw-shadow-colored:0 2px 4px 0 var(--tw-shadow-color);
 }
 .shadow,
-.shadow-lg {
+.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
   box-shadow:
     var(--tw-ring-offset-shadow,0 0 #0000),
     var(--tw-ring-shadow,0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
+  --tw-shadow:0 0 0 1px hsl(var(--sidebar-border));
+  --tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);
+}
 .shadow-lg {
   --tw-shadow:0 8px 12px -2px rgba(0,0,0,.1);
   --tw-shadow-colored:0 8px 12px -2px var(--tw-shadow-color);
 }
+.shadow-lg,
 .shadow-md {
-  --tw-shadow:0 4px 6px -1px rgba(0,0,0,.08);
-  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color);
-}
-.shadow-md,
-.shadow-none {
   box-shadow:
     var(--tw-ring-offset-shadow,0 0 #0000),
     var(--tw-ring-shadow,0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-md {
+  --tw-shadow:0 4px 6px -1px rgba(0,0,0,.08);
+  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color);
+}
 .shadow-none {
   --tw-shadow:0 0 #0000;
   --tw-shadow-colored:0 0 #0000;
 }
+.shadow-none,
 .shadow-sm {
-  --tw-shadow:0 1px 3px 0 rgba(0,0,0,.05);
-  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color);
   box-shadow:
     var(--tw-ring-offset-shadow,0 0 #0000),
     var(--tw-ring-shadow,0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-sm {
+  --tw-shadow:0 1px 3px 0 rgba(0,0,0,.05);
+  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color);
+}
 .outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -2147,6 +2220,16 @@ body {
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
   transition-duration: .15s;
 }
+.transition-\[margin\,opacity\] {
+  transition-property: margin, opacity;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+  transition-duration: .15s;
+}
+.transition-\[width\] {
+  transition-property: width;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+  transition-duration: .15s;
+}
 .transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
@@ -2365,6 +2448,10 @@ body {
   content: var(--tw-content);
   position: absolute;
 }
+.after\:-inset-2:after {
+  content: var(--tw-content);
+  inset: -.5rem;
+}
 .after\:inset-y-0:after {
   content: var(--tw-content);
   top: 0;
@@ -2469,6 +2556,9 @@ body {
 .hover\:text-foreground:hover {
   color: var(--foreground);
 }
+.hover\:text-primary:hover {
+  color: var(--primary);
+}
 .hover\:text-primary-foreground:hover {
   color: var(--primary-foreground);
 }
@@ -2478,14 +2568,21 @@ body {
 .hover\:opacity-100:hover {
   opacity: 1;
 }
+.hover\:shadow-\[0_0_0_1px_hsl\(var\(--border\)\)\]:hover {
+  --tw-shadow:0 0 0 1px hsl(var(--border));
+  --tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);
+}
+.hover\:shadow-\[0_0_0_1px_hsl\(var\(--border\)\)\]:hover,
 .hover\:shadow-md:hover {
-  --tw-shadow:0 4px 6px -1px rgba(0,0,0,.08);
-  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color);
   box-shadow:
     var(--tw-ring-offset-shadow,0 0 #0000),
     var(--tw-ring-shadow,0 0 #0000),
     var(--tw-shadow);
 }
+.hover\:shadow-md:hover {
+  --tw-shadow:0 4px 6px -1px rgba(0,0,0,.08);
+  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color);
+}
 .focus\:border-destructive:focus {
   border-color: var(--destructive);
 }
@@ -2595,6 +2692,9 @@ body {
   --tw-scale-y:0.98;
   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));
 }
+.active\:bg-muted:active {
+  background-color: var(--muted);
+}
 .active\:bg-mvn-gray-100:active {
   background-color: var(--gray-100);
 }
@@ -2619,6 +2719,12 @@ body {
 .disabled\:opacity-60:disabled {
   opacity: .6;
 }
+.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
+  opacity: 1;
+}
+.group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
+  opacity: 1;
+}
 .group.toaster .group-\[\.toaster\]\:rounded-lg {
   border-radius: 8px;
 }
@@ -2678,6 +2784,9 @@ body {
 .has-\[\:disabled\]\:opacity-50:has(:disabled) {
   opacity: .5;
 }
+.aria-disabled\:pointer-events-none[aria-disabled=true] {
+  pointer-events: none;
+}
 .aria-disabled\:opacity-50[aria-disabled=true] {
   opacity: .5;
 }
@@ -2685,12 +2794,28 @@ body {
 .data-\[disabled\]\:pointer-events-none[data-disabled] {
   pointer-events: none;
 }
+.data-\[state\=inactive\]\:hidden[data-state=inactive] {
+  display: none;
+}
 .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical] {
   height: 1px;
 }
+.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal] {
+  width: 100%;
+}
+.data-\[orientation\=vertical\]\:w-56[data-orientation=vertical] {
+  width: 14rem;
+}
+.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical],
 .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;
+}
 .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
   --tw-translate-y:0.25rem;
 }
@@ -2743,9 +2868,13 @@ body {
 .data-\[state\=open\]\:animate-accordion-down[data-state=open] {
   animation: accordion-down .2s ease;
 }
+.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical],
 .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical] {
   flex-direction: column;
 }
+.data-\[orientation\=vertical\]\:justify-start[data-orientation=vertical] {
+  justify-content: flex-start;
+}
 .data-\[range-middle\=true\]\:rounded-none[data-range-middle=true],
 .data-\[selected\=true\]\:rounded-none[data-selected=true] {
   border-radius: 0;
@@ -2774,10 +2903,31 @@ 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;
+}
+.data-\[orientation\=vertical\]\:border-l-2[data-orientation=vertical] {
+  border-left-width: 2px;
+}
+.data-\[orientation\=vertical\]\:border-r[data-orientation=vertical] {
+  border-right-width: 1px;
+}
+.data-\[orientation\=horizontal\]\:border-border[data-orientation=horizontal],
+.data-\[orientation\=vertical\]\:border-border[data-orientation=vertical] {
+  border-color: var(--border);
+}
+.data-\[state\=active\]\:border-primary[data-state=active],
 .data-\[state\=checked\]\:border-primary[data-state=checked],
-.data-\[state\=indeterminate\]\:border-primary[data-state=indeterminate] {
+.data-\[state\=indeterminate\]\:border-primary[data-state=indeterminate],
+.data-\[state\=on\]\:border-primary[data-state=on] {
   border-color: var(--primary);
 }
+.data-\[active\=true\]\:bg-muted[data-active=true] {
+  background-color: var(--muted);
+}
 .data-\[active\]\:bg-mvn-gray-100[data-active],
 .data-\[highlighted\]\:bg-mvn-gray-100[data-highlighted] {
   background-color: var(--gray-100);
@@ -2826,11 +2976,31 @@ body {
 .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
   background-color: var(--input);
 }
+.data-\[orientation\=horizontal\]\:px-4[data-orientation=horizontal] {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.data-\[orientation\=horizontal\]\:py-3[data-orientation=horizontal] {
+  padding-top: .75rem;
+  padding-bottom: .75rem;
+}
+.data-\[orientation\=vertical\]\:px-3[data-orientation=vertical] {
+  padding-left: .75rem;
+  padding-right: .75rem;
+}
+.data-\[orientation\=vertical\]\:py-2[data-orientation=vertical] {
+  padding-top: .5rem;
+  padding-bottom: .5rem;
+}
 .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-\[selected-single\=true\]\:font-semibold[data-selected-single=true],
+.data-\[state\=active\]\:font-semibold[data-state=active] {
   font-weight: 600;
 }
+.data-\[active\=true\]\:text-primary[data-active=true] {
+  color: var(--primary);
+}
 .data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true] {
   color: var(--primary-foreground);
 }
@@ -2844,6 +3014,9 @@ body {
 .data-\[state\=active\]\:text-foreground[data-state=active] {
   color: var(--foreground);
 }
+.data-\[state\=active\]\:text-primary[data-state=active] {
+  color: var(--primary);
+}
 .data-\[state\=checked\]\:text-primary-foreground[data-state=checked],
 .data-\[state\=indeterminate\]\:text-primary-foreground[data-state=indeterminate] {
   color: var(--primary-foreground);
@@ -2851,6 +3024,9 @@ body {
 .data-\[state\=on\]\:text-foreground[data-state=on] {
   color: var(--foreground);
 }
+.data-\[state\=on\]\:text-primary[data-state=on] {
+  color: var(--primary);
+}
 .data-\[state\=on\]\:text-primary-foreground[data-state=on] {
   color: var(--primary-foreground);
 }
@@ -2861,6 +3037,9 @@ body {
 .data-\[disabled\]\:opacity-50[data-disabled] {
   opacity: .5;
 }
+.data-\[state\=open\]\:opacity-100[data-state=open] {
+  opacity: 1;
+}
 .data-\[state\=active\]\:shadow-sm[data-state=active],
 .data-\[state\=on\]\:shadow-sm[data-state=on] {
   --tw-shadow:0 1px 3px 0 rgba(0,0,0,.05);
@@ -3015,6 +3194,9 @@ body {
 .group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:relative {
   position: relative;
 }
+.group[data-side=left] .group-data-\[side\=left\]\:-right-4 {
+  right: -1rem;
+}
 .group[data-side=left] .group-data-\[side\=left\]\:right-0 {
   right: 0;
 }
@@ -3052,6 +3234,15 @@ body {
   content: var(--tw-content);
   left: 100%;
 }
+.peer\/menu-button[data-size=default] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
+  top: .375rem;
+}
+.peer\/menu-button[data-size=lg] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
+  top: .625rem;
+}
+.peer\/menu-button[data-size=sm] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
+  top: .25rem;
+}
 .peer[data-variant=inset] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
   min-height: calc(100svh - 1rem);
 }
@@ -3175,6 +3366,9 @@ body {
   .md\:absolute {
     position: absolute;
   }
+  .md\:block {
+    display: block;
+  }
   .md\:w-\[400px\] {
     width: 400px;
   }
@@ -3187,12 +3381,25 @@ body {
   .md\:flex-row {
     flex-direction: row;
   }
+  .md\:opacity-0 {
+    opacity: 0;
+  }
+  .md\:after\:hidden:after {
+    content: var(--tw-content);
+    display: none;
+  }
   .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
     margin: .5rem;
   }
   .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
     margin-left: 0;
   }
+  .peer[data-variant=inset][data-state=collapsed] ~ .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 {
+    margin-left: .5rem;
+  }
+  .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
+    border-radius: 10px;
+  }
   .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:rounded-r-lg {
     border-top-right-radius: 8px;
     border-bottom-right-radius: 8px;
@@ -3298,6 +3505,9 @@ body {
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
 }
+.\[\&\>\:not\(svg\)\]\:hidden > :not(svg) {
+  display: none;
+}
 .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role=checkbox] {
   --tw-translate-y:2px;
   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));
@@ -3313,6 +3523,11 @@ body {
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
 }
+.\[\&\>span\:last-child\]\:truncate > span:last-child {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .data-\[state\=open\]\:\[\&\>span\[data-indicator\]\]\:rotate-90 > span[data-indicator][data-state=open] {
   --tw-rotate:90deg;
   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));
@@ -3323,6 +3538,10 @@ body {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }
+.\[\&\>span\]\:hidden > span,
+.\[\&\>svg\:not\(\:first-child\)\]\:hidden > svg:not(:first-child) {
+  display: none;
+}
 .\[\&\>svg\]\:size-3\.5 > svg {
   width: .875rem;
   height: .875rem;
@@ -3331,6 +3550,9 @@ body {
   width: 1rem;
   height: 1rem;
 }
+.\[\&\>svg\]\:shrink-0 > svg {
+  flex-shrink: 0;
+}
 .\[\&\>svg\]\:translate-y-0\.5 > svg {
   --tw-translate-y:0.125rem;
   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));