@mlw-packages/react-components 1.7.4 → 1.7.6

package/dist/index.css

@@ -434,9 +434,6 @@ body {
 .sticky {
   position: sticky;
 }
-.-inset-0\.5 {
-  inset: -0.125rem;
-}
 .inset-0 {
   inset: 0px;
 }
@@ -592,6 +589,9 @@ body {
 .row-span-3 {
   grid-row: span 3 / span 3;
 }
+.m-0 {
+  margin: 0px;
+}
 .m-12 {
   margin: 3rem;
 }
@@ -606,6 +606,10 @@ body {
   margin-left: 0.125rem;
   margin-right: 0.125rem;
 }
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
 .mx-2 {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
@@ -712,15 +716,15 @@ body {
 .mr-2 {
   margin-right: 0.5rem;
 }
+.mr-3 {
+  margin-right: 0.75rem;
+}
 .mr-4 {
   margin-right: 1rem;
 }
 .mr-5 {
   margin-right: 1.25rem;
 }
-.mt-0\.5 {
-  margin-top: 0.125rem;
-}
 .mt-1 {
   margin-top: 0.25rem;
 }
@@ -821,6 +825,9 @@ body {
   width: 2.25rem;
   height: 2.25rem;
 }
+.h-0\.5 {
+  height: 0.125rem;
+}
 .h-1 {
   height: 0.25rem;
 }
@@ -896,9 +903,6 @@ body {
 .h-\[1\.2rem\] {
   height: 1.2rem;
 }
-.h-\[10\%\] {
-  height: 10%;
-}
 .h-\[150px\] {
   height: 150px;
 }
@@ -968,21 +972,30 @@ body {
 .max-h-\[var\(--radix-context-menu-content-available-height\)\] {
   max-height: var(--radix-context-menu-content-available-height);
 }
+.max-h-screen {
+  max-height: 100vh;
+}
 .min-h-0 {
   min-height: 0px;
 }
+.min-h-\[2\.25rem\] {
+  min-height: 2.25rem;
+}
+.min-h-\[2\.5rem\] {
+  min-height: 2.5rem;
+}
 .min-h-\[220px\] {
   min-height: 220px;
 }
-.min-h-\[2rem\] {
-  min-height: 2rem;
-}
 .min-h-\[300px\] {
   min-height: 300px;
 }
 .min-h-\[36px\] {
   min-height: 36px;
 }
+.min-h-\[3rem\] {
+  min-height: 3rem;
+}
 .min-h-\[600px\] {
   min-height: 600px;
 }
@@ -1022,6 +1035,9 @@ body {
 .w-2\.5 {
   width: 0.625rem;
 }
+.w-20 {
+  width: 5rem;
+}
 .w-28 {
   width: 7rem;
 }
@@ -1097,6 +1113,9 @@ body {
 .w-\[100px\] {
   width: 100px;
 }
+.w-\[1300px\] {
+  width: 1300px;
+}
 .w-\[150px\] {
   width: 150px;
 }
@@ -1174,9 +1193,6 @@ body {
 .min-w-80 {
   min-width: 20rem;
 }
-.min-w-9 {
-  min-width: 2.25rem;
-}
 .min-w-\[1\.5rem\] {
   min-width: 1.5rem;
 }
@@ -1192,9 +1208,6 @@ body {
 .min-w-\[2rem\] {
   min-width: 2rem;
 }
-.min-w-\[72px\] {
-  min-width: 72px;
-}
 .min-w-\[8rem\] {
   min-width: 8rem;
 }
@@ -1241,8 +1254,8 @@ body {
 .max-w-\[280px\] {
   max-width: 280px;
 }
-.max-w-\[420px\] {
-  max-width: 420px;
+.max-w-\[360px\] {
+  max-width: 360px;
 }
 .max-w-\[6rem\] {
   max-width: 6rem;
@@ -1314,6 +1327,10 @@ body {
   --tw-translate-y: -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-1\/2 {
+  --tw-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%;
   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));
@@ -1326,6 +1343,10 @@ body {
   --tw-translate-y: 0px;
   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%;
+  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-\[-50\%\] {
   --tw-translate-y: -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));
@@ -1342,11 +1363,6 @@ body {
   --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));
 }
-.\!scale-100 {
-  --tw-scale-x: 1 !important;
-  --tw-scale-y: 1 !important;
-  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)) !important;
-}
 .scale-0 {
   --tw-scale-x: 0;
   --tw-scale-y: 0;
@@ -1444,6 +1460,12 @@ body {
 .grid-cols-5 {
   grid-template-columns: repeat(5, minmax(0, 1fr));
 }
+.grid-cols-7 {
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+}
+.grid-rows-\[auto_1fr\] {
+  grid-template-rows: auto 1fr;
+}
 .flex-row {
   flex-direction: row;
 }
@@ -1471,6 +1493,9 @@ body {
 .items-baseline {
   align-items: baseline;
 }
+.items-stretch {
+  align-items: stretch;
+}
 .justify-start {
   justify-content: flex-start;
 }
@@ -1629,6 +1654,9 @@ body {
 .overflow-y-hidden {
   overflow-y: hidden;
 }
+.overflow-y-scroll {
+  overflow-y: scroll;
+}
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1692,10 +1720,18 @@ body {
   border-bottom-right-radius: 0.75rem;
   border-bottom-left-radius: 0.75rem;
 }
+.rounded-l-lg {
+  border-top-left-radius: var(--radius);
+  border-bottom-left-radius: var(--radius);
+}
 .rounded-l-md {
   border-top-left-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
 }
+.rounded-r-lg {
+  border-top-right-radius: var(--radius);
+  border-bottom-right-radius: var(--radius);
+}
 .rounded-r-md {
   border-top-right-radius: calc(var(--radius) - 2px);
   border-bottom-right-radius: calc(var(--radius) - 2px);
@@ -1726,9 +1762,6 @@ body {
 .rounded-tl-sm {
   border-top-left-radius: calc(var(--radius) - 4px);
 }
-.\!border-0 {
-  border-width: 0px !important;
-}
 .border {
   border-width: 1px;
 }
@@ -1752,6 +1785,9 @@ body {
 .border-b {
   border-bottom-width: 1px;
 }
+.border-b-2 {
+  border-bottom-width: 2px;
+}
 .border-l {
   border-left-width: 1px;
 }
@@ -1773,6 +1809,14 @@ body {
 .border-none {
   border-style: none;
 }
+.border-blue-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
+}
+.border-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
+}
 .border-border {
   border-color: hsl(var(--border));
 }
@@ -1799,6 +1843,10 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
 }
+.border-green-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
+}
 .border-input {
   border-color: hsl(var(--input));
 }
@@ -1828,6 +1876,14 @@ body {
 .border-primary\/70 {
   border-color: hsl(var(--primary) / 0.7);
 }
+.border-purple-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
+}
+.border-red-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
+}
 .border-red-500 {
   --tw-border-opacity: 1;
   border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
@@ -1853,6 +1909,14 @@ body {
 .border-white\/20 {
   border-color: rgb(255 255 255 / 0.2);
 }
+.border-yellow-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
+}
+.border-yellow-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
+}
 .border-zinc-300 {
   --tw-border-opacity: 1;
   border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
@@ -1906,9 +1970,9 @@ body {
 .bg-black\/80 {
   background-color: rgb(0 0 0 / 0.8);
 }
-.bg-blue-100 {
+.bg-blue-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
+  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
 }
 .bg-blue-500 {
   --tw-bg-opacity: 1;
@@ -1978,6 +2042,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
 }
+.bg-green-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
+}
 .bg-green-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
@@ -1986,9 +2054,16 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
 }
+.bg-indigo-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
+}
 .bg-muted {
   background-color: hsl(var(--muted));
 }
+.bg-muted-foreground {
+  background-color: hsl(var(--muted-foreground));
+}
 .bg-muted\/10 {
   background-color: hsl(var(--muted) / 0.1);
 }
@@ -2036,13 +2111,13 @@ body {
 .bg-primary\/20 {
   background-color: hsl(var(--primary) / 0.2);
 }
-.bg-purple-500 {
+.bg-purple-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
+  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
 }
-.bg-red-100 {
+.bg-purple-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
+  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
 }
 .bg-red-50 {
   --tw-bg-opacity: 1;
@@ -2056,6 +2131,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
 }
+.bg-rose-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
+}
 .bg-secondary {
   background-color: hsl(var(--secondary));
 }
@@ -2067,10 +2146,17 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
 }
+.bg-slate-300\/70 {
+  background-color: rgb(203 213 225 / 0.7);
+}
 .bg-slate-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
 }
+.bg-slate-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
+}
 .bg-transparent {
   background-color: transparent;
 }
@@ -2078,17 +2164,20 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.bg-white\/60 {
+  background-color: rgb(255 255 255 / 0.6);
+}
 .bg-white\/70 {
   background-color: rgb(255 255 255 / 0.7);
 }
-.bg-yellow-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
-}
 .bg-yellow-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
 }
+.bg-yellow-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
+}
 .bg-yellow-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
@@ -2229,10 +2318,6 @@ body {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
-.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -2334,6 +2419,9 @@ body {
 .pl-2 {
   padding-left: 0.5rem;
 }
+.pl-3 {
+  padding-left: 0.75rem;
+}
 .pl-4 {
   padding-left: 1rem;
 }
@@ -2343,6 +2431,9 @@ body {
 .pl-8 {
   padding-left: 2rem;
 }
+.pr-1 {
+  padding-right: 0.25rem;
+}
 .pr-10 {
   padding-right: 2.5rem;
 }
@@ -2441,11 +2532,14 @@ body {
 .text-\[28\.5px\] {
   font-size: 28.5px;
 }
-.text-\[clamp\(0\.625rem\,1\.5vw\,0\.75rem\)\] {
-  font-size: clamp(0.625rem, 1.5vw, 0.75rem);
+.text-\[clamp\(0\.575rem\,1\.2vw\,0\.75rem\)\] {
+  font-size: clamp(0.575rem, 1.2vw, 0.75rem);
+}
+.text-\[clamp\(0\.775rem\,1\.2vw\,0\.95rem\)\] {
+  font-size: clamp(0.775rem, 1.2vw, 0.95rem);
 }
-.text-\[clamp\(0\.875rem\,2\.5vw\,1\.25rem\)\] {
-  font-size: clamp(0.875rem, 2.5vw, 1.25rem);
+.text-\[clamp\(0\.85rem\,1\.4vw\,1\.125rem\)\] {
+  font-size: clamp(0.85rem, 1.4vw, 1.125rem);
 }
 .text-base {
   font-size: 1rem;
@@ -2507,9 +2601,6 @@ body {
 .leading-none {
   line-height: 1;
 }
-.leading-relaxed {
-  line-height: 1.625;
-}
 .leading-snug {
   line-height: 1.375;
 }
@@ -2536,6 +2627,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
+.text-blue-400 {
+  --tw-text-opacity: 1;
+  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
 .text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -2544,10 +2639,6 @@ body {
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity, 1));
 }
-.text-blue-800 {
-  --tw-text-opacity: 1;
-  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
-}
 .text-card-foreground {
   color: hsl(var(--card-foreground));
 }
@@ -2568,10 +2659,6 @@ body {
   --tw-text-opacity: 1;
   color: rgb(5 150 105 / var(--tw-text-opacity, 1));
 }
-.text-emerald-700 {
-  --tw-text-opacity: 1;
-  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
-}
 .text-foreground {
   color: hsl(var(--foreground));
 }
@@ -2587,6 +2674,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity, 1));
 }
+.text-green-400 {
+  --tw-text-opacity: 1;
+  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
+}
 .text-green-500 {
   --tw-text-opacity: 1;
   color: rgb(34 197 94 / var(--tw-text-opacity, 1));
@@ -2599,10 +2690,6 @@ body {
   --tw-text-opacity: 1;
   color: rgb(21 128 61 / var(--tw-text-opacity, 1));
 }
-.text-green-800 {
-  --tw-text-opacity: 1;
-  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
-}
 .text-indigo-500 {
   --tw-text-opacity: 1;
   color: rgb(99 102 241 / var(--tw-text-opacity, 1));
@@ -2626,9 +2713,6 @@ body {
 .text-muted-foreground\/70 {
   color: hsl(var(--muted-foreground) / 0.7);
 }
-.text-muted\/50 {
-  color: hsl(var(--muted) / 0.5);
-}
 .text-neutral-500 {
   --tw-text-opacity: 1;
   color: rgb(115 115 115 / var(--tw-text-opacity, 1));
@@ -2674,28 +2758,20 @@ body {
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity, 1));
 }
-.text-red-800 {
-  --tw-text-opacity: 1;
-  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
-}
 .text-rose-500 {
   --tw-text-opacity: 1;
   color: rgb(244 63 94 / var(--tw-text-opacity, 1));
 }
-.text-rose-600 {
-  --tw-text-opacity: 1;
-  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
-}
-.text-rose-700 {
-  --tw-text-opacity: 1;
-  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
-}
 .text-secondary {
   color: hsl(var(--secondary));
 }
 .text-secondary-foreground {
   color: hsl(var(--secondary-foreground));
 }
+.text-slate-400 {
+  --tw-text-opacity: 1;
+  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
 .text-slate-50 {
   --tw-text-opacity: 1;
   color: rgb(248 250 252 / var(--tw-text-opacity, 1));
@@ -2724,6 +2800,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.text-yellow-400 {
+  --tw-text-opacity: 1;
+  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
+}
 .text-yellow-500 {
   --tw-text-opacity: 1;
   color: rgb(234 179 8 / var(--tw-text-opacity, 1));
@@ -2736,6 +2816,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(133 77 14 / var(--tw-text-opacity, 1));
 }
+.text-yellow-900 {
+  --tw-text-opacity: 1;
+  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
+}
 .text-zinc-100 {
   --tw-text-opacity: 1;
   color: rgb(244 244 245 / var(--tw-text-opacity, 1));
@@ -2865,10 +2949,6 @@ body {
   --tw-shadow-color: rgb(0 0 0 / 0.1);
   --tw-shadow: var(--tw-shadow-colored);
 }
-.\!outline-none {
-  outline: 2px solid transparent !important;
-  outline-offset: 2px !important;
-}
 .outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -2936,12 +3016,13 @@ body {
 .ring-primary\/30 {
   --tw-ring-color: hsl(var(--primary) / 0.3);
 }
-.ring-primary\/50 {
-  --tw-ring-color: hsl(var(--primary) / 0.5);
-}
 .ring-ring {
   --tw-ring-color: hsl(var(--ring));
 }
+.ring-slate-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
+}
 .ring-offset-background {
   --tw-ring-offset-color: hsl(var(--background));
 }
@@ -3076,6 +3157,9 @@ body {
 .duration-1000 {
   transition-duration: 1000ms;
 }
+.duration-150 {
+  transition-duration: 150ms;
+}
 .duration-200 {
   transition-duration: 200ms;
 }
@@ -3130,6 +3214,9 @@ body {
 .duration-1000 {
   animation-duration: 1000ms;
 }
+.duration-150 {
+  animation-duration: 150ms;
+}
 .duration-200 {
   animation-duration: 200ms;
 }
@@ -3456,11 +3543,6 @@ body {
   --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));
 }
-.hover\:\!scale-100:hover {
-  --tw-scale-x: 1 !important;
-  --tw-scale-y: 1 !important;
-  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)) !important;
-}
 .hover\:scale-100:hover {
   --tw-scale-x: 1;
   --tw-scale-y: 1;
@@ -3789,6 +3871,9 @@ body {
 .focus\:ring-primary:focus {
   --tw-ring-color: hsl(var(--primary));
 }
+.focus\:ring-primary\/40:focus {
+  --tw-ring-color: hsl(var(--primary) / 0.4);
+}
 .focus\:ring-ring:focus {
   --tw-ring-color: hsl(var(--ring));
 }
@@ -3869,11 +3954,6 @@ body {
   --tw-rotate: 0deg;
   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\:\!scale-100:active {
-  --tw-scale-x: 1 !important;
-  --tw-scale-y: 1 !important;
-  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)) !important;
-}
 .active\:scale-125:active {
   --tw-scale-x: 1.25;
   --tw-scale-y: 1.25;
@@ -4021,11 +4101,6 @@ body {
 .aria-disabled\:opacity-50[aria-disabled=true] {
   opacity: 0.5;
 }
-.aria-selected\:\!scale-100[aria-selected=true] {
-  --tw-scale-x: 1 !important;
-  --tw-scale-y: 1 !important;
-  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)) !important;
-}
 .aria-selected\:bg-muted[aria-selected=true] {
   background-color: hsl(var(--muted));
 }
@@ -4693,10 +4768,6 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
 }
-.dark\:border-zinc-900:is(.dark *) {
-  --tw-border-opacity: 1;
-  border-color: rgb(24 24 27 / var(--tw-border-opacity, 1));
-}
 .dark\:bg-\[hsl\(231\,15\%\,19\%\)\]:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: hsl(231 15% 19% / var(--tw-bg-opacity, 1));
@@ -4710,13 +4781,14 @@ body {
 .dark\:bg-card\/95:is(.dark *) {
   background-color: hsl(var(--card) / 0.95);
 }
-.dark\:bg-destructive\/60:is(.dark *) {
-  background-color: hsl(var(--destructive) / 0.6);
-}
 .dark\:bg-gray-800:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
 }
+.dark\:bg-gray-900:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
+}
 .dark\:bg-input\/30:is(.dark *) {
   background-color: hsl(var(--input) / 0.3);
 }
@@ -4742,12 +4814,18 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
 }
+.dark\:bg-slate-800\/60:is(.dark *) {
+  background-color: rgb(30 41 59 / 0.6);
+}
 .dark\:bg-slate-900\/30:is(.dark *) {
   background-color: rgb(15 23 42 / 0.3);
 }
 .dark\:bg-slate-900\/40:is(.dark *) {
   background-color: rgb(15 23 42 / 0.4);
 }
+.dark\:bg-slate-900\/60:is(.dark *) {
+  background-color: rgb(15 23 42 / 0.6);
+}
 .dark\:bg-zinc-500:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(113 113 122 / var(--tw-bg-opacity, 1));
@@ -4768,18 +4846,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
-.dark\:text-emerald-300:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
-}
 .dark\:text-emerald-400:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(52 211 153 / var(--tw-text-opacity, 1));
 }
-.dark\:text-gray-100:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
-}
 .dark\:text-gray-300:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity, 1));
@@ -4800,10 +4870,6 @@ body {
   --tw-text-opacity: 1;
   color: rgb(248 113 113 / var(--tw-text-opacity, 1));
 }
-.dark\:text-rose-300:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
-}
 .dark\:text-slate-100:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(241 245 249 / var(--tw-text-opacity, 1));
@@ -4858,6 +4924,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
 }
+.dark\:hover\:bg-slate-700:hover:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
+}
 .dark\:hover\:text-emerald-300:hover:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(110 231 183 / var(--tw-text-opacity, 1));
@@ -4919,9 +4989,15 @@ body {
   .sm\:mb-2 {
     margin-bottom: 0.5rem;
   }
+  .sm\:inline {
+    display: inline;
+  }
   .sm\:flex {
     display: flex;
   }
+  .sm\:h-10 {
+    height: 2.5rem;
+  }
   .sm\:h-12 {
     height: 3rem;
   }
@@ -4934,6 +5010,9 @@ body {
   .sm\:h-6 {
     height: 1.5rem;
   }
+  .sm\:h-9 {
+    height: 2.25rem;
+  }
   .sm\:min-h-\[40px\] {
     min-height: 40px;
   }
@@ -4952,9 +5031,15 @@ body {
   .sm\:w-6 {
     width: 1.5rem;
   }
+  .sm\:w-9 {
+    width: 2.25rem;
+  }
   .sm\:w-auto {
     width: auto;
   }
+  .sm\:max-w-\[420px\] {
+    max-width: 420px;
+  }
   .sm\:max-w-md {
     max-width: 28rem;
   }
@@ -4989,6 +5074,9 @@ body {
   .sm\:gap-3 {
     gap: 0.75rem;
   }
+  .sm\:gap-4 {
+    gap: 1rem;
+  }
   .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0;
     margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -5033,6 +5121,15 @@ body {
   .sm\:text-left {
     text-align: left;
   }
+  .sm\:text-\[0\.95rem\] {
+    font-size: 0.95rem;
+  }
+  .sm\:text-\[clamp\(0\.65rem\,1\.1vw\,0\.825rem\)\] {
+    font-size: clamp(0.65rem, 1.1vw, 0.825rem);
+  }
+  .sm\:text-\[clamp\(0\.9rem\,1\.6vw\,1\.125rem\)\] {
+    font-size: clamp(0.9rem, 1.6vw, 1.125rem);
+  }
   .sm\:text-base {
     font-size: 1rem;
     line-height: 1.5rem;
@@ -5063,9 +5160,18 @@ body {
   .md\:block {
     display: block;
   }
+  .md\:inline {
+    display: inline;
+  }
   .md\:flex {
     display: flex;
   }
+  .md\:h-10 {
+    height: 2.5rem;
+  }
+  .md\:w-10 {
+    width: 2.5rem;
+  }
   .md\:w-\[400px\] {
     width: 400px;
   }
@@ -5078,6 +5184,9 @@ body {
   .md\:w-auto {
     width: auto;
   }
+  .md\:max-w-\[520px\] {
+    max-width: 520px;
+  }
   .md\:basis-1\/2 {
     flex-basis: 50%;
   }
@@ -5112,9 +5221,6 @@ body {
   .md\:p-4 {
     padding: 1rem;
   }
-  .md\:p-6 {
-    padding: 1.5rem;
-  }
   .md\:text-left {
     text-align: left;
   }
@@ -5217,18 +5323,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
 }
-.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-lg:has([aria-selected]):first-child {
-  border-top-left-radius: var(--radius);
-  border-bottom-left-radius: var(--radius);
-}
 .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
   border-top-left-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
 }
-.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-lg:has([aria-selected]):last-child {
-  border-top-right-radius: var(--radius);
-  border-bottom-right-radius: var(--radius);
-}
 .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child {
   border-top-right-radius: calc(var(--radius) - 2px);
   border-bottom-right-radius: calc(var(--radius) - 2px);
@@ -5381,14 +5479,6 @@ body {
 .\[\&_tr\]\:border-b tr {
   border-bottom-width: 1px;
 }
-@media (min-width:400px) {
-  .\[\@media\(min-width\:400px\)\]\:h-9 {
-    height: 2.25rem;
-  }
-  .\[\@media\(min-width\:400px\)\]\:w-9 {
-    width: 2.25rem;
-  }
-}
 [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
   right: -0.5rem;
 }
@@ -5407,18 +5497,3 @@ body {
 [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
   cursor: e-resize;
 }
-a.\[a\&\]\:hover\:bg-accent:hover {
-  background-color: hsl(var(--accent));
-}
-a.\[a\&\]\:hover\:bg-destructive\/90:hover {
-  background-color: hsl(var(--destructive) / 0.9);
-}
-a.\[a\&\]\:hover\:bg-primary\/90:hover {
-  background-color: hsl(var(--primary) / 0.9);
-}
-a.\[a\&\]\:hover\:bg-secondary\/90:hover {
-  background-color: hsl(var(--secondary) / 0.9);
-}
-a.\[a\&\]\:hover\:text-accent-foreground:hover {
-  color: hsl(var(--accent-foreground));
-}