@lindle/linoardo 1.0.47 → 1.0.48

package/dist/styles.css

@@ -54,6 +54,7 @@
     --color-blue-500: oklch(62.3% 0.214 259.815);
     --color-indigo-500: oklch(58.5% 0.233 277.117);
     --color-indigo-600: oklch(51.1% 0.262 276.966);
+    --color-indigo-700: oklch(45.7% 0.24 277.023);
     --color-rose-400: oklch(71.2% 0.194 13.428);
     --color-slate-50: oklch(98.4% 0.003 247.858);
     --color-slate-100: oklch(96.8% 0.007 247.896);
@@ -76,6 +77,8 @@
     --color-gray-900: oklch(21% 0.034 264.665);
     --color-neutral-200: oklch(92.2% 0 0);
     --color-neutral-300: oklch(87% 0 0);
+    --color-neutral-700: oklch(37.1% 0 0);
+    --color-neutral-800: oklch(26.9% 0 0);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -126,6 +129,13 @@
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
     --color-primary: oklch(0.62 0.13 250);
+    --color-neutral: oklch(0.55 0.03 257);
+    --color-info: oklch(0.67 0.13 238);
+    --color-success: oklch(0.69 0.14 160);
+    --color-warning: oklch(0.77 0.13 84);
+    --color-danger: oklch(0.63 0.2 27);
+    --color-surface: oklch(0.98 0.003 247);
+    --color-bw: oklch(0 0 0);
   }
 }
 @layer base {
@@ -2220,12 +2230,6 @@
       --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
-  .shadow-black\/30 {
-    --tw-shadow-color: color-mix(in srgb, #000 30%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
-    }
-  }
   .shadow-gray-200\/60 {
     --tw-shadow-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 60%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2244,6 +2248,18 @@
       --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 10%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
+  .shadow-gray-900\/15 {
+    --tw-shadow-color: color-mix(in srgb, oklch(21% 0.034 264.665) 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 15%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  .shadow-gray-900\/20 {
+    --tw-shadow-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
   .shadow-primary\/20 {
     --tw-shadow-color: color-mix(in srgb, oklch(0.62 0.13 250) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2307,12 +2323,6 @@
       --tw-ring-color: color-mix(in oklab, var(--color-black) 30%, transparent);
     }
   }
-  .ring-black\/40 {
-    --tw-ring-color: color-mix(in srgb, #000 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--color-black) 40%, transparent);
-    }
-  }
   .ring-current\/50 {
     --tw-ring-color: currentcolor;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2861,6 +2871,11 @@
       --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     }
   }
+  .peer-focus-visible\:ring-offset-white {
+    &:is(:where(.peer):focus-visible ~ *) {
+      --tw-ring-offset-color: var(--color-white);
+    }
+  }
   .peer-\[\&\:not\(\:placeholder-shown\)\]\:-top-2 {
     &:is(:where(.peer):not(:placeholder-shown) ~ *) {
       top: calc(var(--spacing) * -2);
@@ -3915,11 +3930,58 @@
       }
     }
   }
+  .dark\:border-amber-400 {
+    &:is(.dark &) {
+      border-color: var(--color-amber-400);
+    }
+  }
+  .dark\:border-amber-500\/70 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-amber-500) 70%, transparent);
+      }
+    }
+  }
+  .dark\:border-amber-700\/60 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-amber-700) 60%, transparent);
+      }
+    }
+  }
   .dark\:border-black {
     &:is(.dark &) {
       border-color: var(--color-black);
     }
   }
+  .dark\:border-emerald-400 {
+    &:is(.dark &) {
+      border-color: var(--color-emerald-400);
+    }
+  }
+  .dark\:border-emerald-500\/70 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);
+      }
+    }
+  }
+  .dark\:border-emerald-700\/60 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(50.8% 0.118 165.612) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-emerald-700) 60%, transparent);
+      }
+    }
+  }
+  .dark\:border-gray-100 {
+    &:is(.dark &) {
+      border-color: var(--color-gray-100);
+    }
+  }
   .dark\:border-gray-600 {
     &:is(.dark &) {
       border-color: var(--color-gray-600);
@@ -3930,11 +3992,93 @@
       border-color: var(--color-gray-700);
     }
   }
+  .dark\:border-gray-700\/80 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 80%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-gray-700) 80%, transparent);
+      }
+    }
+  }
   .dark\:border-gray-800 {
     &:is(.dark &) {
       border-color: var(--color-gray-800);
     }
   }
+  .dark\:border-primary\/25 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(0.62 0.13 250) 25%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
+      }
+    }
+  }
+  .dark\:border-primary\/35 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(0.62 0.13 250) 35%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-primary) 35%, transparent);
+      }
+    }
+  }
+  .dark\:border-primary\/40 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(0.62 0.13 250) 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
+      }
+    }
+  }
+  .dark\:border-primary\/60 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(0.62 0.13 250) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
+      }
+    }
+  }
+  .dark\:border-red-400 {
+    &:is(.dark &) {
+      border-color: var(--color-red-400);
+    }
+  }
+  .dark\:border-red-500\/70 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-red-500) 70%, transparent);
+      }
+    }
+  }
+  .dark\:border-red-700\/60 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(50.5% 0.213 27.518) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-red-700) 60%, transparent);
+      }
+    }
+  }
+  .dark\:border-sky-400 {
+    &:is(.dark &) {
+      border-color: var(--color-sky-400);
+    }
+  }
+  .dark\:border-sky-500\/70 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-sky-500) 70%, transparent);
+      }
+    }
+  }
+  .dark\:border-sky-700\/60 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, oklch(50% 0.134 242.749) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-sky-700) 60%, transparent);
+      }
+    }
+  }
   .dark\:border-slate-700 {
     &:is(.dark &) {
       border-color: var(--color-slate-700);
@@ -3950,6 +4094,11 @@
       border-color: transparent;
     }
   }
+  .dark\:border-white {
+    &:is(.dark &) {
+      border-color: var(--color-white);
+    }
+  }
   .dark\:border-white\/10 {
     &:is(.dark &) {
       border-color: color-mix(in srgb, #fff 10%, transparent);
@@ -3974,6 +4123,22 @@
       }
     }
   }
+  .dark\:border-white\/30 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, #fff 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
+      }
+    }
+  }
+  .dark\:border-white\/70 {
+    &:is(.dark &) {
+      border-color: color-mix(in srgb, #fff 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-white) 70%, transparent);
+      }
+    }
+  }
   .dark\:border-b-gray-300 {
     &:is(.dark &) {
       border-bottom-color: var(--color-gray-300);
@@ -3994,6 +4159,11 @@
       border-bottom-color: var(--color-slate-700);
     }
   }
+  .dark\:bg-amber-500 {
+    &:is(.dark &) {
+      background-color: var(--color-amber-500);
+    }
+  }
   .dark\:bg-amber-500\/15 {
     &:is(.dark &) {
       background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
@@ -4002,6 +4172,48 @@
       }
     }
   }
+  .dark\:bg-amber-900\/30 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
+      }
+    }
+  }
+  .dark\:bg-amber-900\/35 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 35%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-amber-900) 35%, transparent);
+      }
+    }
+  }
+  .dark\:bg-black {
+    &:is(.dark &) {
+      background-color: var(--color-black);
+    }
+  }
+  .dark\:bg-black\/50 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, #000 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
+      }
+    }
+  }
+  .dark\:bg-black\/70 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, #000 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
+      }
+    }
+  }
+  .dark\:bg-emerald-500 {
+    &:is(.dark &) {
+      background-color: var(--color-emerald-500);
+    }
+  }
   .dark\:bg-emerald-500\/15 {
     &:is(.dark &) {
       background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
@@ -4010,11 +4222,37 @@
       }
     }
   }
+  .dark\:bg-emerald-900\/30 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
+      }
+    }
+  }
+  .dark\:bg-emerald-900\/35 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 35%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-emerald-900) 35%, transparent);
+      }
+    }
+  }
   .dark\:bg-gray-100 {
     &:is(.dark &) {
       background-color: var(--color-gray-100);
     }
   }
+  .dark\:bg-gray-500 {
+    &:is(.dark &) {
+      background-color: var(--color-gray-500);
+    }
+  }
+  .dark\:bg-gray-600 {
+    &:is(.dark &) {
+      background-color: var(--color-gray-600);
+    }
+  }
   .dark\:bg-gray-700 {
     &:is(.dark &) {
       background-color: var(--color-gray-700);
@@ -4025,6 +4263,14 @@
       background-color: var(--color-gray-800);
     }
   }
+  .dark\:bg-gray-800\/70 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-gray-800) 70%, transparent);
+      }
+    }
+  }
   .dark\:bg-gray-900 {
     &:is(.dark &) {
       background-color: var(--color-gray-900);
@@ -4046,6 +4292,14 @@
       }
     }
   }
+  .dark\:bg-gray-900\/90 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 90%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-gray-900) 90%, transparent);
+      }
+    }
+  }
   .dark\:bg-gray-900\/95 {
     &:is(.dark &) {
       background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 95%, transparent);
@@ -4054,6 +4308,16 @@
       }
     }
   }
+  .dark\:bg-neutral-800 {
+    &:is(.dark &) {
+      background-color: var(--color-neutral-800);
+    }
+  }
+  .dark\:bg-primary {
+    &:is(.dark &) {
+      background-color: var(--color-primary);
+    }
+  }
   .dark\:bg-primary\/15 {
     &:is(.dark &) {
       background-color: color-mix(in srgb, oklch(0.62 0.13 250) 15%, transparent);
@@ -4062,6 +4326,43 @@
       }
     }
   }
+  .dark\:bg-primary\/20 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(0.62 0.13 250) 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+      }
+    }
+  }
+  .dark\:bg-primary\/25 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(0.62 0.13 250) 25%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
+      }
+    }
+  }
+  .dark\:bg-primary\/30 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(0.62 0.13 250) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+      }
+    }
+  }
+  .dark\:bg-primary\/90 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(0.62 0.13 250) 90%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
+      }
+    }
+  }
+  .dark\:bg-red-500 {
+    &:is(.dark &) {
+      background-color: var(--color-red-500);
+    }
+  }
   .dark\:bg-red-500\/15 {
     &:is(.dark &) {
       background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent);
@@ -4070,6 +4371,27 @@
       }
     }
   }
+  .dark\:bg-red-900\/30 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
+      }
+    }
+  }
+  .dark\:bg-red-900\/35 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 35%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-red-900) 35%, transparent);
+      }
+    }
+  }
+  .dark\:bg-sky-500 {
+    &:is(.dark &) {
+      background-color: var(--color-sky-500);
+    }
+  }
   .dark\:bg-sky-500\/15 {
     &:is(.dark &) {
       background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 15%, transparent);
@@ -4078,6 +4400,30 @@
       }
     }
   }
+  .dark\:bg-sky-900\/30 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-sky-900) 30%, transparent);
+      }
+    }
+  }
+  .dark\:bg-sky-900\/35 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 35%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-sky-900) 35%, transparent);
+      }
+    }
+  }
+  .dark\:bg-sky-900\/40 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-sky-900) 40%, transparent);
+      }
+    }
+  }
   .dark\:bg-slate-800 {
     &:is(.dark &) {
       background-color: var(--color-slate-800);
@@ -4122,6 +4468,11 @@
       background-color: transparent;
     }
   }
+  .dark\:bg-white {
+    &:is(.dark &) {
+      background-color: var(--color-white);
+    }
+  }
   .dark\:bg-white\/10 {
     &:is(.dark &) {
       background-color: color-mix(in srgb, #fff 10%, transparent);
@@ -4148,6 +4499,12 @@
       --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
     }
   }
+  .dark\:from-primary {
+    &:is(.dark &) {
+      --tw-gradient-from: var(--color-primary);
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    }
+  }
   .dark\:from-primary\/30 {
     &:is(.dark &) {
       --tw-gradient-from: color-mix(in srgb, oklch(0.62 0.13 250) 30%, transparent);
@@ -4181,6 +4538,16 @@
       --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
     }
   }
+  .dark\:via-primary\/90 {
+    &:is(.dark &) {
+      --tw-gradient-via: color-mix(in srgb, oklch(0.62 0.13 250) 90%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-gradient-via: color-mix(in oklab, var(--color-primary) 90%, transparent);
+      }
+      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
+    }
+  }
   .dark\:via-slate-900 {
     &:is(.dark &) {
       --tw-gradient-via: var(--color-slate-900);
@@ -4215,6 +4582,12 @@
       --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
     }
   }
+  .dark\:to-indigo-700 {
+    &:is(.dark &) {
+      --tw-gradient-to: var(--color-indigo-700);
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    }
+  }
   .dark\:to-orange-400\/25 {
     &:is(.dark &) {
       --tw-gradient-to: color-mix(in srgb, oklch(75% 0.183 55.934) 25%, transparent);
@@ -4239,6 +4612,11 @@
       --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
     }
   }
+  .dark\:text-amber-200 {
+    &:is(.dark &) {
+      color: var(--color-amber-200);
+    }
+  }
   .dark\:text-amber-300 {
     &:is(.dark &) {
       color: var(--color-amber-300);
@@ -4249,6 +4627,16 @@
       color: var(--color-amber-400);
     }
   }
+  .dark\:text-black {
+    &:is(.dark &) {
+      color: var(--color-black);
+    }
+  }
+  .dark\:text-emerald-200 {
+    &:is(.dark &) {
+      color: var(--color-emerald-200);
+    }
+  }
   .dark\:text-emerald-300 {
     &:is(.dark &) {
       color: var(--color-emerald-300);
@@ -4284,14 +4672,24 @@
       color: var(--color-gray-400);
     }
   }
+  .dark\:text-gray-500 {
+    &:is(.dark &) {
+      color: var(--color-gray-500);
+    }
+  }
   .dark\:text-primary {
     &:is(.dark &) {
       color: var(--color-primary);
     }
   }
-  .dark\:text-red-300 {
+  .dark\:text-red-200 {
     &:is(.dark &) {
-      color: var(--color-red-300);
+      color: var(--color-red-200);
+    }
+  }
+  .dark\:text-red-300 {
+    &:is(.dark &) {
+      color: var(--color-red-300);
     }
   }
   .dark\:text-red-400 {
@@ -4299,6 +4697,16 @@
       color: var(--color-red-400);
     }
   }
+  .dark\:text-sky-200 {
+    &:is(.dark &) {
+      color: var(--color-sky-200);
+    }
+  }
+  .dark\:text-sky-300 {
+    &:is(.dark &) {
+      color: var(--color-sky-300);
+    }
+  }
   .dark\:text-sky-400 {
     &:is(.dark &) {
       color: var(--color-sky-400);
@@ -4358,6 +4766,75 @@
       }
     }
   }
+  .dark\:ring-amber-400\/30 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
+      }
+    }
+  }
+  .dark\:ring-black\/40 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, #000 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-black) 40%, transparent);
+      }
+    }
+  }
+  .dark\:ring-emerald-400\/30 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
+      }
+    }
+  }
+  .dark\:ring-gray-200\/25 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 25%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-gray-200) 25%, transparent);
+      }
+    }
+  }
+  .dark\:ring-gray-600\/40 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-gray-600) 40%, transparent);
+      }
+    }
+  }
+  .dark\:ring-gray-900 {
+    &:is(.dark &) {
+      --tw-ring-color: var(--color-gray-900);
+    }
+  }
+  .dark\:ring-primary\/40 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
+      }
+    }
+  }
+  .dark\:ring-red-400\/30 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-red-400) 30%, transparent);
+      }
+    }
+  }
+  .dark\:ring-sky-400\/30 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent);
+      }
+    }
+  }
   .dark\:ring-white\/5 {
     &:is(.dark &) {
       --tw-ring-color: color-mix(in srgb, #fff 5%, transparent);
@@ -4374,6 +4851,19 @@
       }
     }
   }
+  .dark\:ring-white\/30 {
+    &:is(.dark &) {
+      --tw-ring-color: color-mix(in srgb, #fff 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
+      }
+    }
+  }
+  .dark\:ring-offset-gray-900 {
+    &:is(.dark &) {
+      --tw-ring-offset-color: var(--color-gray-900);
+    }
+  }
   .peer-checked\/advanced\:dark\:bg-slate-900 {
     &:is(:where(.peer\/advanced):checked ~ *) {
       &:is(.dark &) {
@@ -4430,6 +4920,13 @@
       }
     }
   }
+  .dark\:peer-focus-visible\:ring-offset-gray-900 {
+    &:is(.dark &) {
+      &:is(:where(.peer):focus-visible ~ *) {
+        --tw-ring-offset-color: var(--color-gray-900);
+      }
+    }
+  }
   .dark\:peer-\[\&\:not\(\:placeholder-shown\)\]\:text-gray-200 {
     &:is(.dark &) {
       &:is(:where(.peer):not(:placeholder-shown) ~ *) {
@@ -4518,6 +5015,102 @@
       }
     }
   }
+  .dark\:hover\:border-primary\/60 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: color-mix(in srgb, oklch(0.62 0.13 250) 60%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-amber-500 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-amber-500);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-amber-900\/30 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-amber-900\/50 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 50%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-emerald-500 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-emerald-500);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-emerald-900\/30 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-emerald-900\/50 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 50%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-gray-200 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-gray-200);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-gray-700 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-gray-700);
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-gray-800 {
     &:is(.dark &) {
       &:hover {
@@ -4527,6 +5120,171 @@
       }
     }
   }
+  .dark\:hover\:bg-neutral-700 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-neutral-700);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-neutral-800 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-neutral-800);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-primary {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-primary);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-primary\/15 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(0.62 0.13 250) 15%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-primary\/20 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(0.62 0.13 250) 20%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-primary\/30 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(0.62 0.13 250) 30%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-primary\/35 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(0.62 0.13 250) 35%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary) 35%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-red-500 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-red-500);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-red-900\/30 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-red-900\/50 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-sky-500 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-sky-500);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-sky-900\/30 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 30%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-sky-900) 30%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-sky-900\/35 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 35%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-sky-900) 35%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-sky-900\/50 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 50%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-sky-900) 50%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-sky-900\/55 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 55%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-sky-900) 55%, transparent);
+          }
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-slate-700 {
     &:is(.dark &) {
       &:hover {
@@ -4536,6 +5294,15 @@
       }
     }
   }
+  .dark\:hover\:bg-white {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-white);
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-white\/5 {
     &:is(.dark &) {
       &:hover {
@@ -4548,6 +5315,66 @@
       }
     }
   }
+  .dark\:hover\:bg-white\/20 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, #fff 20%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-white\/90 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, #fff 90%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-black {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-black);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-gray-100 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-gray-100);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-gray-900 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-gray-900);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-primary {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-primary);
+        }
+      }
+    }
+  }
   .dark\:hover\:text-white {
     &:is(.dark &) {
       &:hover {
@@ -4557,6 +5384,18 @@
       }
     }
   }
+  .dark\:hover\:text-white\/80 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          color: color-mix(in srgb, #fff 80%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            color: color-mix(in oklab, var(--color-white) 80%, transparent);
+          }
+        }
+      }
+    }
+  }
   .focus\:dark\:placeholder-gray-400 {
     &:focus {
       &:is(.dark &) {
@@ -4640,6 +5479,16 @@
       }
     }
   }
+  .dark\:focus-visible\:ring-white\/40 {
+    &:is(.dark &) {
+      &:focus-visible {
+        --tw-ring-color: color-mix(in srgb, #fff 40%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent);
+        }
+      }
+    }
+  }
   .dark\:focus-visible\:ring-offset-gray-900 {
     &:is(.dark &) {
       &:focus-visible {