@powerhousedao/design-system 6.0.0-dev.24 → 6.0.0-dev.240

package/dist/style.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 @layer properties;
 :root {
   --toastify-color-light: #fff;
@@ -811,20 +811,30 @@
     --font-sans: "Inter", sans-serif;
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
+    --color-red-50: oklch(97.1% 0.013 17.38);
     --color-red-100: hsl(3 82% 96%);
+    --color-red-300: hsl(6 82% 87%);
     --color-red-400: hsl(5 82% 83%);
     --color-red-500: hsl(5 80% 78%);
     --color-red-600: hsl(4 81% 74%);
     --color-red-700: hsl(4 81% 69%);
     --color-red-800: hsl(5 81% 61%);
     --color-red-900: hsl(5 81% 56%);
-    --color-orange-100: hsl(33 100% 90%);
     --color-orange-700: hsl(32 100% 60%);
-    --color-orange-800: hsl(33 100% 55%);
     --color-orange-900: hsl(32 100% 50%);
+    --color-yellow-50: oklch(98.7% 0.026 102.212);
+    --color-yellow-100: hsl(46 100% 94%);
+    --color-yellow-300: hsl(47 100% 79%);
     --color-yellow-400: hsl(47 100% 69%);
+    --color-yellow-500: hsl(47 100% 60%);
+    --color-yellow-600: hsl(47 100% 57%);
+    --color-yellow-700: hsl(47 100% 51%);
+    --color-yellow-800: hsl(47 100% 50%);
     --color-yellow-900: hsl(47 100% 49%);
+    --color-green-50: oklch(98.2% 0.018 155.826);
     --color-green-100: hsl(134 51% 89%);
+    --color-green-300: hsl(136 52% 77%);
+    --color-green-500: hsl(136 53% 66%);
     --color-green-600: hsl(136 53% 60%);
     --color-green-700: hsl(136 52% 55%);
     --color-green-800: hsl(136 53% 49%);
@@ -840,6 +850,8 @@
     --color-blue-800: hsl(209 100% 55%);
     --color-blue-900: hsl(209 100% 50%);
     --color-violet-400: oklch(70.2% 0.183 293.541);
+    --color-purple-100: hsl(262 79% 93%);
+    --color-purple-700: hsl(263 78% 70%);
     --color-purple-900: hsl(263 78% 63%);
     --color-slate-50: hsl(210 20% 96%);
     --color-slate-100: hsl(210 9% 74%);
@@ -883,11 +895,11 @@
     --text-xl--line-height: calc(1.75 / 1.25);
     --text-2xl: 1.5rem;
     --text-2xl--line-height: calc(2 / 1.5);
-    --font-weight-extralight: 200;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
+    --tracking-normal: 0em;
     --tracking-wide: 0.025em;
     --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
@@ -1075,9 +1087,6 @@
   .collapse {
     visibility: collapse;
   }
-  .invisible {
-    visibility: hidden;
-  }
   .visible {
     visibility: visible;
   }
@@ -1116,11 +1125,17 @@
   .inset-x-0 {
     inset-inline: calc(var(--spacing) * 0);
   }
+  .start {
+    inset-inline-start: var(--spacing);
+  }
+  .end {
+    inset-inline-end: var(--spacing);
+  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
   .top-1\/2 {
-    top: calc(1/2 * 100%);
+    top: calc(1 / 2 * 100%);
   }
   .top-3 {
     top: calc(var(--spacing) * 3);
@@ -1174,7 +1189,7 @@
     left: calc(var(--spacing) * 0);
   }
   .left-1\/2 {
-    left: calc(1/2 * 100%);
+    left: calc(1 / 2 * 100%);
   }
   .left-2 {
     left: calc(var(--spacing) * 2);
@@ -1185,9 +1200,6 @@
   .left-\[0px\] {
     left: 0px;
   }
-  .isolate {
-    isolation: isolate;
-  }
   .z-0 {
     z-index: 0;
   }
@@ -1311,18 +1323,12 @@
   .mr-3 {
     margin-right: calc(var(--spacing) * 3);
   }
-  .mr-6 {
-    margin-right: calc(var(--spacing) * 6);
-  }
   .-mb-1 {
     margin-bottom: calc(var(--spacing) * -1);
   }
   .mb-0 {
     margin-bottom: calc(var(--spacing) * 0);
   }
-  .mb-0\.5 {
-    margin-bottom: calc(var(--spacing) * 0.5);
-  }
   .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
@@ -1350,15 +1356,9 @@
   .ml-1 {
     margin-left: calc(var(--spacing) * 1);
   }
-  .ml-2 {
-    margin-left: calc(var(--spacing) * 2);
-  }
   .ml-3 {
     margin-left: calc(var(--spacing) * 3);
   }
-  .ml-\[234px\] {
-    margin-left: 234px;
-  }
   .ml-auto {
     margin-left: auto;
   }
@@ -1416,12 +1416,23 @@
   .inline-flex {
     display: inline-flex;
   }
+  .inline-grid {
+    display: inline-grid;
+  }
   .table {
     display: table;
   }
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
+  .size-2 {
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
   .size-2\.5 {
     width: calc(var(--spacing) * 2.5);
     height: calc(var(--spacing) * 2.5);
@@ -1489,9 +1500,6 @@
   .h-10 {
     height: calc(var(--spacing) * 10);
   }
-  .h-11 {
-    height: calc(var(--spacing) * 11);
-  }
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
@@ -1537,6 +1545,9 @@
   .h-\[52px\] {
     height: 52px;
   }
+  .h-\[90vh\] {
+    height: 90vh;
+  }
   .h-\[130px\] {
     height: 130px;
   }
@@ -1549,8 +1560,8 @@
   .h-\[420px\] {
     height: 420px;
   }
-  .h-\[480px\] {
-    height: 480px;
+  .h-\[500px\] {
+    height: 500px;
   }
   .h-\[600px\] {
     height: 600px;
@@ -1567,9 +1578,6 @@
   .h-full {
     height: 100%;
   }
-  .h-max {
-    height: max-content;
-  }
   .h-px {
     height: 1px;
   }
@@ -1582,8 +1590,11 @@
   .max-h-6 {
     max-height: calc(var(--spacing) * 6);
   }
-  .max-h-64 {
-    max-height: calc(var(--spacing) * 64);
+  .max-h-60 {
+    max-height: calc(var(--spacing) * 60);
+  }
+  .max-h-80 {
+    max-height: calc(var(--spacing) * 80);
   }
   .max-h-\[245px\] {
     max-height: 245px;
@@ -1591,9 +1602,6 @@
   .max-h-\[300px\] {
     max-height: 300px;
   }
-  .max-h-\[370px\] {
-    max-height: 370px;
-  }
   .max-h-\[404px\] {
     max-height: 404px;
   }
@@ -1603,17 +1611,17 @@
   .max-h-screen {
     max-height: 100vh;
   }
+  .min-h-0 {
+    min-height: calc(var(--spacing) * 0);
+  }
   .min-h-4 {
     min-height: calc(var(--spacing) * 4);
   }
   .min-h-9 {
     min-height: calc(var(--spacing) * 9);
   }
-  .min-h-11 {
-    min-height: calc(var(--spacing) * 11);
-  }
-  .min-h-12 {
-    min-height: calc(var(--spacing) * 12);
+  .min-h-\[36px\] {
+    min-height: 36px;
   }
   .min-h-\[48px\] {
     min-height: 48px;
@@ -1621,6 +1629,9 @@
   .min-h-\[50px\] {
     min-height: 50px;
   }
+  .min-h-\[300px\] {
+    min-height: 300px;
+  }
   .min-h-full {
     min-height: 100%;
   }
@@ -1646,7 +1657,7 @@
     width: calc(var(--spacing) * 4);
   }
   .w-4\/5 {
-    width: calc(4/5 * 100%);
+    width: calc(4 / 5 * 100%);
   }
   .w-6 {
     width: calc(var(--spacing) * 6);
@@ -1663,8 +1674,8 @@
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
-  .w-32 {
-    width: calc(var(--spacing) * 32);
+  .w-20 {
+    width: calc(var(--spacing) * 20);
   }
   .w-40 {
     width: calc(var(--spacing) * 40);
@@ -1675,9 +1686,15 @@
   .w-52 {
     width: calc(var(--spacing) * 52);
   }
+  .w-56 {
+    width: calc(var(--spacing) * 56);
+  }
   .w-64 {
     width: calc(var(--spacing) * 64);
   }
+  .w-72 {
+    width: calc(var(--spacing) * 72);
+  }
   .w-96 {
     width: calc(var(--spacing) * 96);
   }
@@ -1693,8 +1710,8 @@
   .w-\[83px\] {
     width: 83px;
   }
-  .w-\[200px\] {
-    width: 200px;
+  .w-\[260px\] {
+    width: 260px;
   }
   .w-\[320px\] {
     width: 320px;
@@ -1717,12 +1734,15 @@
   .w-\[450px\] {
     width: 450px;
   }
+  .w-\[460px\] {
+    width: 460px;
+  }
+  .w-\[480px\] {
+    width: 480px;
+  }
   .w-\[500px\] {
     width: 500px;
   }
-  .w-\[900px\] {
-    width: 900px;
-  }
   .w-fit {
     width: fit-content;
   }
@@ -1744,9 +1764,6 @@
   .max-w-36 {
     max-width: calc(var(--spacing) * 36);
   }
-  .max-w-96 {
-    max-width: calc(var(--spacing) * 96);
-  }
   .max-w-\[408px\] {
     max-width: 408px;
   }
@@ -1774,9 +1791,6 @@
   .min-w-64 {
     min-width: calc(var(--spacing) * 64);
   }
-  .min-w-72 {
-    min-width: calc(var(--spacing) * 72);
-  }
   .min-w-\[80px\] {
     min-width: 80px;
   }
@@ -1813,15 +1827,12 @@
   .border-collapse {
     border-collapse: collapse;
   }
-  .border-separate {
-    border-collapse: separate;
-  }
   .-translate-x-1\/2 {
-    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-scale-x-100 {
@@ -1840,9 +1851,6 @@
   .rotate-180 {
     rotate: 180deg;
   }
-  .rotate-\[270deg\] {
-    rotate: 270deg;
-  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -1864,24 +1872,15 @@
   .resize {
     resize: both;
   }
-  .list-disc {
-    list-style-type: disc;
-  }
   .grid-cols-\[1fr\,auto\,1fr\] {
     grid-template-columns: 1fr,auto,1fr;
   }
-  .grid-cols-\[208px\,380px\] {
-    grid-template-columns: 208px,380px;
-  }
   .grid-cols-\[auto\,auto\] {
     grid-template-columns: auto,auto;
   }
   .grid-cols-\[minmax\(min-content\,1018px\)\] {
     grid-template-columns: minmax(min-content,1018px);
   }
-  .grid-rows-4 {
-    grid-template-rows: repeat(4, minmax(0, 1fr));
-  }
   .flex-col {
     flex-direction: column;
   }
@@ -1993,6 +1992,9 @@
       border-color: var(--color-gray-200);
     }
   }
+  .self-center {
+    align-self: center;
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -2060,10 +2062,6 @@
     border-top-left-radius: calc(infinity * 1px);
     border-top-right-radius: calc(infinity * 1px);
   }
-  .rounded-t-md {
-    border-top-left-radius: var(--radius-md);
-    border-top-right-radius: var(--radius-md);
-  }
   .rounded-t-none {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
@@ -2141,6 +2139,9 @@
   .border-black {
     border-color: var(--color-black);
   }
+  .border-blue-300 {
+    border-color: var(--color-blue-300);
+  }
   .border-blue-500 {
     border-color: var(--color-blue-500);
   }
@@ -2156,9 +2157,6 @@
   .border-gray-300 {
     border-color: var(--color-gray-300);
   }
-  .border-gray-400 {
-    border-color: var(--color-gray-400);
-  }
   .border-gray-600 {
     border-color: var(--color-gray-600);
   }
@@ -2171,6 +2169,12 @@
   .border-gray-900 {
     border-color: var(--color-gray-900);
   }
+  .border-green-300 {
+    border-color: var(--color-green-300);
+  }
+  .border-red-300 {
+    border-color: var(--color-red-300);
+  }
   .border-red-700 {
     border-color: var(--color-red-700);
   }
@@ -2183,12 +2187,18 @@
   .border-slate-100 {
     border-color: var(--color-slate-100);
   }
-  .border-transparent {
-    border-color: transparent;
+  .border-slate-200 {
+    border-color: var(--color-slate-200);
   }
   .border-white {
     border-color: var(--color-white);
   }
+  .border-yellow-300 {
+    border-color: var(--color-yellow-300);
+  }
+  .border-yellow-400 {
+    border-color: var(--color-yellow-400);
+  }
   .border-zinc-200 {
     border-color: var(--color-zinc-200);
   }
@@ -2240,9 +2250,6 @@
   .bg-gray-300 {
     background-color: var(--color-gray-300);
   }
-  .bg-gray-400 {
-    background-color: var(--color-gray-400);
-  }
   .bg-gray-500 {
     background-color: var(--color-gray-500);
   }
@@ -2252,9 +2259,15 @@
   .bg-gray-900 {
     background-color: var(--color-gray-900);
   }
+  .bg-green-50 {
+    background-color: var(--color-green-50);
+  }
   .bg-green-100 {
     background-color: var(--color-green-100);
   }
+  .bg-green-500 {
+    background-color: var(--color-green-500);
+  }
   .bg-green-600 {
     background-color: var(--color-green-600);
   }
@@ -2267,8 +2280,14 @@
   .bg-inherit {
     background-color: inherit;
   }
-  .bg-orange-100 {
-    background-color: var(--color-orange-100);
+  .bg-purple-100 {
+    background-color: var(--color-purple-100);
+  }
+  .bg-red-50 {
+    background-color: var(--color-red-50);
+  }
+  .bg-red-100 {
+    background-color: var(--color-red-100);
   }
   .bg-red-500 {
     background-color: var(--color-red-500);
@@ -2306,6 +2325,18 @@
   .bg-white {
     background-color: var(--color-white);
   }
+  .bg-yellow-50 {
+    background-color: var(--color-yellow-50);
+  }
+  .bg-yellow-100 {
+    background-color: var(--color-yellow-100);
+  }
+  .bg-yellow-500 {
+    background-color: var(--color-yellow-500);
+  }
+  .bg-yellow-600 {
+    background-color: var(--color-yellow-600);
+  }
   .bg-zinc-50 {
     background-color: var(--color-zinc-50);
   }
@@ -2345,6 +2376,9 @@
   .p-10 {
     padding: calc(var(--spacing) * 10);
   }
+  .p-32 {
+    padding: calc(var(--spacing) * 32);
+  }
   .px-0\.5 {
     padding-inline: calc(var(--spacing) * 0.5);
   }
@@ -2357,6 +2391,9 @@
   .px-2 {
     padding-inline: calc(var(--spacing) * 2);
   }
+  .px-2\.5 {
+    padding-inline: calc(var(--spacing) * 2.5);
+  }
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
@@ -2420,6 +2457,9 @@
   .pt-12 {
     padding-top: calc(var(--spacing) * 12);
   }
+  .pt-\[15vh\] {
+    padding-top: 15vh;
+  }
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
@@ -2432,17 +2472,23 @@
   .pr-3 {
     padding-right: calc(var(--spacing) * 3);
   }
+  .pr-8 {
+    padding-right: calc(var(--spacing) * 8);
+  }
   .pr-9 {
     padding-right: calc(var(--spacing) * 9);
   }
   .pb-0 {
     padding-bottom: calc(var(--spacing) * 0);
   }
+  .pb-1 {
+    padding-bottom: calc(var(--spacing) * 1);
+  }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
-  .pb-6 {
-    padding-bottom: calc(var(--spacing) * 6);
+  .pb-3 {
+    padding-bottom: calc(var(--spacing) * 3);
   }
   .pl-1 {
     padding-left: calc(var(--spacing) * 1);
@@ -2456,24 +2502,27 @@
   .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
-  .pl-5 {
-    padding-left: calc(var(--spacing) * 5);
+  .pl-7 {
+    padding-left: calc(var(--spacing) * 7);
   }
   .pl-8 {
     padding-left: calc(var(--spacing) * 8);
   }
+  .pl-\[1ch\] {
+    padding-left: 1ch;
+  }
   .text-center {
     text-align: center;
   }
   .text-left {
     text-align: left;
   }
-  .text-right {
-    text-align: right;
-  }
   .text-start {
     text-align: start;
   }
+  .indent-\[-1ch\] {
+    text-indent: -1ch;
+  }
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -2507,6 +2556,9 @@
   .text-\[10px\] {
     font-size: 10px;
   }
+  .text-\[11px\] {
+    font-size: 11px;
+  }
   .text-\[14px\] {
     font-size: 14px;
   }
@@ -2546,10 +2598,6 @@
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
   }
-  .font-extralight {
-    --tw-font-weight: var(--font-weight-extralight);
-    font-weight: var(--font-weight-extralight);
-  }
   .font-medium {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -2562,16 +2610,24 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-normal {
+    --tw-tracking: var(--tracking-normal);
+    letter-spacing: var(--tracking-normal);
+  }
   .tracking-wide {
     --tw-tracking: var(--tracking-wide);
     letter-spacing: var(--tracking-wide);
   }
-  .text-nowrap {
-    text-wrap: nowrap;
-  }
   .break-words {
     overflow-wrap: break-word;
   }
+  .wrap-anywhere {
+    overflow-wrap: anywhere;
+  }
+  .hyphens-none {
+    -webkit-hyphens: none;
+    hyphens: none;
+  }
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -2599,6 +2655,9 @@
   .text-blue-700 {
     color: var(--color-blue-700);
   }
+  .text-blue-800 {
+    color: var(--color-blue-800);
+  }
   .text-blue-900 {
     color: var(--color-blue-900);
   }
@@ -2629,6 +2688,9 @@
   .text-gray-900 {
     color: var(--color-gray-900);
   }
+  .text-green-600 {
+    color: var(--color-green-600);
+  }
   .text-green-700 {
     color: var(--color-green-700);
   }
@@ -2644,12 +2706,12 @@
   .text-orange-700 {
     color: var(--color-orange-700);
   }
-  .text-orange-800 {
-    color: var(--color-orange-800);
-  }
   .text-orange-900 {
     color: var(--color-orange-900);
   }
+  .text-purple-700 {
+    color: var(--color-purple-700);
+  }
   .text-purple-900 {
     color: var(--color-purple-900);
   }
@@ -2698,6 +2760,15 @@
   .text-yellow-400 {
     color: var(--color-yellow-400);
   }
+  .text-yellow-600 {
+    color: var(--color-yellow-600);
+  }
+  .text-yellow-700 {
+    color: var(--color-yellow-700);
+  }
+  .text-yellow-800 {
+    color: var(--color-yellow-800);
+  }
   .text-yellow-900 {
     color: var(--color-yellow-900);
   }
@@ -2713,6 +2784,9 @@
   .lowercase {
     text-transform: lowercase;
   }
+  .normal-case {
+    text-transform: none;
+  }
   .uppercase {
     text-transform: uppercase;
   }
@@ -2731,6 +2805,12 @@
   .opacity-50 {
     opacity: 50%;
   }
+  .opacity-60 {
+    opacity: 60%;
+  }
+  .opacity-75 {
+    opacity: 75%;
+  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -2754,6 +2834,10 @@
     --tw-shadow: 0px -1px 1px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.04)) inset, 0px 2px 0px 0px var(--tw-shadow-color, rgba(255, 255, 255, 0.25)) inset, 0px 4px 8px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-md {
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2776,9 +2860,6 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
-  .outline-red-900 {
-    outline-color: var(--color-red-900);
-  }
   .blur {
     --tw-blur: blur(8px);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -2869,13 +2950,6 @@
       color: var(--color-gray-900) !important;
     }
   }
-  .group-hover\:visible {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        visibility: visible;
-      }
-    }
-  }
   .group-hover\:mr-0 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -2997,14 +3071,14 @@
       color: var(--color-gray-50);
     }
   }
-  .placeholder\:text-gray-500 {
+  .placeholder\:text-gray-400 {
     &::placeholder {
-      color: var(--color-gray-500);
+      color: var(--color-gray-400);
     }
   }
-  .placeholder\:text-red-800 {
+  .placeholder\:text-gray-500 {
     &::placeholder {
-      color: var(--color-red-800);
+      color: var(--color-gray-500);
     }
   }
   .group-focus-within\:placeholder\:\!text-gray-700 {
@@ -3093,13 +3167,13 @@
   .after\:top-1\/2 {
     &::after {
       content: var(--tw-content);
-      top: calc(1/2 * 100%);
+      top: calc(1 / 2 * 100%);
     }
   }
   .after\:left-1\/2 {
     &::after {
       content: var(--tw-content);
-      left: calc(1/2 * 100%);
+      left: calc(1 / 2 * 100%);
     }
   }
   .after\:size-2\.5 {
@@ -3119,14 +3193,14 @@
   .after\:-translate-x-1\/2 {
     &::after {
       content: var(--tw-content);
-      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
   .after\:-translate-y-1\/2 {
     &::after {
       content: var(--tw-content);
-      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -3201,23 +3275,6 @@
       }
     }
   }
-  .first\:border-l-0 {
-    &:first-child {
-      border-left-style: var(--tw-border-style);
-      border-left-width: 0px;
-    }
-  }
-  .last\:mb-0 {
-    &:last-child {
-      margin-bottom: calc(var(--spacing) * 0);
-    }
-  }
-  .last\:rounded-b-md {
-    &:last-child {
-      border-bottom-right-radius: var(--radius-md);
-      border-bottom-left-radius: var(--radius-md);
-    }
-  }
   .odd\:bg-white {
     &:nth-child(odd) {
       background-color: var(--color-white);
@@ -3381,6 +3438,13 @@
       }
     }
   }
+  .hover\:bg-gray-800 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-gray-800);
+      }
+    }
+  }
   .hover\:bg-gray-900 {
     &:hover {
       @media (hover: hover) {
@@ -3388,6 +3452,20 @@
       }
     }
   }
+  .hover\:bg-green-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-green-100);
+      }
+    }
+  }
+  .hover\:bg-red-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-100);
+      }
+    }
+  }
   .hover\:bg-red-800 {
     &:hover {
       @media (hover: hover) {
@@ -3430,6 +3508,20 @@
       }
     }
   }
+  .hover\:bg-yellow-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-yellow-100);
+      }
+    }
+  }
+  .hover\:bg-yellow-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-yellow-700);
+      }
+    }
+  }
   .hover\:text-\[\#9896FF\] {
     &:hover {
       @media (hover: hover) {
@@ -3515,6 +3607,11 @@
       }
     }
   }
+  .focus\:border-blue-400 {
+    &:focus {
+      border-color: var(--color-blue-400);
+    }
+  }
   .focus\:bg-gray-50 {
     &:focus {
       background-color: var(--color-gray-50);
@@ -3526,11 +3623,25 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus\:ring-2 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .focus\:ring-gray-900 {
     &:focus {
       --tw-ring-color: var(--color-gray-900);
     }
   }
+  .focus\:ring-gray-900\/20 {
+    &:focus {
+      --tw-ring-color: color-mix(in srgb, hsl(192 5% 21%) 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent);
+      }
+    }
+  }
   .focus\:ring-offset-0 {
     &:focus {
       --tw-ring-offset-width: 0px;
@@ -3663,21 +3774,6 @@
       background-color: var(--color-gray-300);
     }
   }
-  .disabled\:bg-transparent {
-    &:disabled {
-      background-color: transparent;
-    }
-  }
-  .disabled\:p-0 {
-    &:disabled {
-      padding: calc(var(--spacing) * 0);
-    }
-  }
-  .disabled\:text-left {
-    &:disabled {
-      text-align: left;
-    }
-  }
   .disabled\:text-blue-400 {
     &:disabled {
       color: var(--color-blue-400);
@@ -3713,14 +3809,14 @@
       opacity: 50%;
     }
   }
-  .disabled\:opacity-100 {
+  .disabled\:opacity-60 {
     &:disabled {
-      opacity: 100%;
+      opacity: 60%;
     }
   }
-  .data-disabled\:cursor-not-allowed {
-    &[data-disabled] {
-      cursor: not-allowed;
+  .disabled\:opacity-100 {
+    &:disabled {
+      opacity: 100%;
     }
   }
   .data-disabled\:text-gray-400 {