@nswds/app 1.113.1 → 1.114.1

package/dist/globals.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme, base, components, utilities;
@@ -371,6 +371,12 @@
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
+  .start {
+    inset-inline-start: var(--spacing);
+  }
+  .end {
+    inset-inline-end: var(--spacing);
+  }
   .-top-1 {
     top: calc(var(--spacing) * -1);
   }
@@ -390,7 +396,7 @@
     top: calc(var(--spacing) * 1.5);
   }
   .top-1\/2 {
-    top: calc(1/2 * 100%);
+    top: calc(1 / 2 * 100%);
   }
   .top-2 {
     top: calc(var(--spacing) * 2);
@@ -480,7 +486,7 @@
     left: calc(var(--spacing) * 1);
   }
   .left-1\/2 {
-    left: calc(1/2 * 100%);
+    left: calc(1 / 2 * 100%);
   }
   .left-2 {
     left: calc(var(--spacing) * 2);
@@ -1433,6 +1439,9 @@
   .h-\[40rem\] {
     height: 40rem;
   }
+  .h-\[320px\] {
+    height: 320px;
+  }
   .h-\[420px\] {
     height: 420px;
   }
@@ -1538,6 +1547,15 @@
   .min-h-\[25rem\] {
     min-height: 25rem;
   }
+  .min-h-\[240px\] {
+    min-height: 240px;
+  }
+  .min-h-\[280px\] {
+    min-height: 280px;
+  }
+  .min-h-\[420px\] {
+    min-height: 420px;
+  }
   .min-h-\[560px\] {
     min-height: 560px;
   }
@@ -1581,7 +1599,7 @@
     width: calc(var(--spacing) * 3.5);
   }
   .w-3\/4 {
-    width: calc(3/4 * 100%);
+    width: calc(3 / 4 * 100%);
   }
   .w-4 {
     width: calc(var(--spacing) * 4);
@@ -1903,7 +1921,7 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-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-x-\[45\%\] {
@@ -1923,7 +1941,7 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .translate-x-1\/2 {
-    --tw-translate-x: calc(1/2 * 100%);
+    --tw-translate-x: calc(1 / 2 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .translate-x-\[-50\%\] {
@@ -1939,7 +1957,7 @@
     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);
   }
   .-translate-y-\[15\%\] {
@@ -2604,6 +2622,9 @@
   .border-\[\#ebebeb\] {
     border-color: #ebebeb;
   }
+  .border-\[\#ece3ff\] {
+    border-color: #ece3ff;
+  }
   .border-accent-200 {
     border-color: var(--color-accent-200);
   }
@@ -2877,6 +2898,9 @@
   .bg-accent-50 {
     background-color: var(--color-accent-50);
   }
+  .bg-accent-600 {
+    background-color: var(--color-accent-600);
+  }
   .bg-accent-800 {
     background-color: var(--color-accent-800);
   }
@@ -3003,12 +3027,18 @@
   .bg-grey-300 {
     background-color: var(--color-grey-300);
   }
+  .bg-grey-400 {
+    background-color: var(--color-grey-400);
+  }
   .bg-grey-500 {
     background-color: var(--color-grey-500);
   }
   .bg-grey-600 {
     background-color: var(--color-grey-600);
   }
+  .bg-grey-700 {
+    background-color: var(--color-grey-700);
+  }
   .bg-grey-800 {
     background-color: var(--color-grey-800);
   }
@@ -3084,6 +3114,9 @@
   .bg-primary-200 {
     background-color: var(--color-primary-200);
   }
+  .bg-primary-400 {
+    background-color: var(--color-primary-400);
+  }
   .bg-primary-500 {
     background-color: var(--color-primary-500);
   }
@@ -3183,6 +3216,12 @@
       background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
     }
   }
+  .bg-white\/80 {
+    background-color: color-mix(in srgb, #fff 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
+    }
+  }
   .bg-white\/82 {
     background-color: color-mix(in srgb, #fff 82%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -6497,7 +6536,7 @@
   .after\:left-1\/2 {
     &::after {
       content: var(--tw-content);
-      left: calc(1/2 * 100%);
+      left: calc(1 / 2 * 100%);
     }
   }
   .after\:-z-10 {
@@ -6545,7 +6584,7 @@
   .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);
     }
   }
@@ -6867,6 +6906,13 @@
       }
     }
   }
+  .hover\:bg-\[\#f5f2ff\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #f5f2ff;
+      }
+    }
+  }
   .hover\:bg-\[\#f6f6f6\] {
     &:hover {
       @media (hover: hover) {
@@ -6874,6 +6920,13 @@
       }
     }
   }
+  .hover\:bg-\[\#f8f4ff\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #f8f4ff;
+      }
+    }
+  }
   .hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
@@ -6950,6 +7003,27 @@
       }
     }
   }
+  .hover\:bg-primary-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-100);
+      }
+    }
+  }
+  .hover\:bg-primary-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-500);
+      }
+    }
+  }
+  .hover\:bg-primary-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-700);
+      }
+    }
+  }
   .hover\:bg-primary-800\/6 {
     &:hover {
       @media (hover: hover) {
@@ -6960,6 +7034,16 @@
       }
     }
   }
+  .hover\:bg-primary-800\/8 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-800);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-primary-800) 8%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-primary-800\/10 {
     &:hover {
       @media (hover: hover) {
@@ -7125,6 +7209,13 @@
       }
     }
   }
+  .hover\:text-white {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
   .hover\:underline {
     &:hover {
       @media (hover: hover) {
@@ -7252,15 +7343,42 @@
       }
     }
   }
-  .hover\:before\:bg-primary-800\/10 {
+  .hover\:before\:bg-grey-100 {
     &:hover {
       @media (hover: hover) {
         &::before {
           content: var(--tw-content);
-          background-color: var(--color-primary-800);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
-          }
+          background-color: var(--color-grey-100);
+        }
+      }
+    }
+  }
+  .hover\:before\:bg-grey-200 {
+    &:hover {
+      @media (hover: hover) {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--color-grey-200);
+        }
+      }
+    }
+  }
+  .hover\:before\:bg-primary-500 {
+    &:hover {
+      @media (hover: hover) {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--color-primary-500);
+        }
+      }
+    }
+  }
+  .hover\:before\:bg-primary-700 {
+    &:hover {
+      @media (hover: hover) {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--color-primary-700);
         }
       }
     }
@@ -7275,15 +7393,42 @@
       }
     }
   }
-  .hover\:after\:bg-primary-800\/10 {
+  .hover\:after\:bg-grey-100 {
     &:hover {
       @media (hover: hover) {
         &::after {
           content: var(--tw-content);
-          background-color: var(--color-primary-800);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
-          }
+          background-color: var(--color-grey-100);
+        }
+      }
+    }
+  }
+  .hover\:after\:bg-grey-200 {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-grey-200);
+        }
+      }
+    }
+  }
+  .hover\:after\:bg-primary-500 {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-primary-500);
+        }
+      }
+    }
+  }
+  .hover\:after\:bg-primary-700 {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-primary-700);
         }
       }
     }
@@ -7331,6 +7476,26 @@
       background-color: var(--accent);
     }
   }
+  .focus\:bg-grey-100 {
+    &:focus {
+      background-color: var(--color-grey-100);
+    }
+  }
+  .focus\:bg-grey-200 {
+    &:focus {
+      background-color: var(--color-grey-200);
+    }
+  }
+  .focus\:bg-primary-500 {
+    &:focus {
+      background-color: var(--color-primary-500);
+    }
+  }
+  .focus\:bg-primary-700 {
+    &:focus {
+      background-color: var(--color-primary-700);
+    }
+  }
   .focus\:bg-primary-800\/6 {
     &:focus {
       background-color: var(--color-primary-800);
@@ -7368,6 +7533,11 @@
       color: var(--color-primary-800);
     }
   }
+  .focus\:text-white {
+    &:focus {
+      color: var(--color-white);
+    }
+  }
   .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);
@@ -7490,14 +7660,35 @@
       }
     }
   }
-  .focus\:before\:bg-primary-800\/10 {
+  .focus\:before\:bg-grey-100 {
     &:focus {
       &::before {
         content: var(--tw-content);
-        background-color: var(--color-primary-800);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
-        }
+        background-color: var(--color-grey-100);
+      }
+    }
+  }
+  .focus\:before\:bg-grey-200 {
+    &:focus {
+      &::before {
+        content: var(--tw-content);
+        background-color: var(--color-grey-200);
+      }
+    }
+  }
+  .focus\:before\:bg-primary-500 {
+    &:focus {
+      &::before {
+        content: var(--tw-content);
+        background-color: var(--color-primary-500);
+      }
+    }
+  }
+  .focus\:before\:bg-primary-700 {
+    &:focus {
+      &::before {
+        content: var(--tw-content);
+        background-color: var(--color-primary-700);
       }
     }
   }
@@ -7509,14 +7700,35 @@
       }
     }
   }
-  .focus\:after\:bg-primary-800\/10 {
+  .focus\:after\:bg-grey-100 {
     &:focus {
       &::after {
         content: var(--tw-content);
-        background-color: var(--color-primary-800);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
-        }
+        background-color: var(--color-grey-100);
+      }
+    }
+  }
+  .focus\:after\:bg-grey-200 {
+    &:focus {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-grey-200);
+      }
+    }
+  }
+  .focus\:after\:bg-primary-500 {
+    &:focus {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary-500);
+      }
+    }
+  }
+  .focus\:after\:bg-primary-700 {
+    &:focus {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary-700);
       }
     }
   }
@@ -8492,7 +8704,7 @@
     &[data-panel-group-direction="vertical"] {
       &::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);
       }
     }
@@ -9197,11 +9409,31 @@
       background-color: var(--accent);
     }
   }
+  .data-\[state\=open\]\:bg-grey-100 {
+    &[data-state="open"] {
+      background-color: var(--color-grey-100);
+    }
+  }
+  .data-\[state\=open\]\:bg-grey-200 {
+    &[data-state="open"] {
+      background-color: var(--color-grey-200);
+    }
+  }
   .data-\[state\=open\]\:bg-muted {
     &[data-state="open"] {
       background-color: var(--muted);
     }
   }
+  .data-\[state\=open\]\:bg-primary-500 {
+    &[data-state="open"] {
+      background-color: var(--color-primary-500);
+    }
+  }
+  .data-\[state\=open\]\:bg-primary-700 {
+    &[data-state="open"] {
+      background-color: var(--color-primary-700);
+    }
+  }
   .data-\[state\=open\]\:bg-primary-800\/10 {
     &[data-state="open"] {
       background-color: var(--color-primary-800);
@@ -9230,6 +9462,11 @@
       color: var(--sidebar-accent-foreground);
     }
   }
+  .data-\[state\=open\]\:text-white {
+    &[data-state="open"] {
+      color: var(--color-white);
+    }
+  }
   .data-\[state\=open\]\:opacity-100 {
     &[data-state="open"] {
       opacity: 100%;
@@ -9338,14 +9575,75 @@
       }
     }
   }
-  .data-\[state\=open\]\:before\:bg-primary-800\/10 {
+  .data-\[state\=open\]\:before\:bg-grey-100 {
     &[data-state="open"] {
       &::before {
         content: var(--tw-content);
-        background-color: var(--color-primary-800);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
-        }
+        background-color: var(--color-grey-100);
+      }
+    }
+  }
+  .data-\[state\=open\]\:before\:bg-grey-200 {
+    &[data-state="open"] {
+      &::before {
+        content: var(--tw-content);
+        background-color: var(--color-grey-200);
+      }
+    }
+  }
+  .data-\[state\=open\]\:before\:bg-primary-500 {
+    &[data-state="open"] {
+      &::before {
+        content: var(--tw-content);
+        background-color: var(--color-primary-500);
+      }
+    }
+  }
+  .data-\[state\=open\]\:before\:bg-primary-700 {
+    &[data-state="open"] {
+      &::before {
+        content: var(--tw-content);
+        background-color: var(--color-primary-700);
+      }
+    }
+  }
+  .data-\[state\=open\]\:after\:bg-\[\#e8e2ff\] {
+    &[data-state="open"] {
+      &::after {
+        content: var(--tw-content);
+        background-color: #e8e2ff;
+      }
+    }
+  }
+  .data-\[state\=open\]\:after\:bg-grey-100 {
+    &[data-state="open"] {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-grey-100);
+      }
+    }
+  }
+  .data-\[state\=open\]\:after\:bg-grey-200 {
+    &[data-state="open"] {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-grey-200);
+      }
+    }
+  }
+  .data-\[state\=open\]\:after\:bg-primary-500 {
+    &[data-state="open"] {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary-500);
+      }
+    }
+  }
+  .data-\[state\=open\]\:after\:bg-primary-700 {
+    &[data-state="open"] {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary-700);
       }
     }
   }
@@ -9641,7 +9939,7 @@
   }
   .data-\[vaul-drawer-direction\=left\]\:w-3\/4 {
     &[data-vaul-drawer-direction="left"] {
-      width: calc(3/4 * 100%);
+      width: calc(3 / 4 * 100%);
     }
   }
   .data-\[vaul-drawer-direction\=left\]\:border-r {
@@ -9662,7 +9960,7 @@
   }
   .data-\[vaul-drawer-direction\=right\]\:w-3\/4 {
     &[data-vaul-drawer-direction="right"] {
-      width: calc(3/4 * 100%);
+      width: calc(3 / 4 * 100%);
     }
   }
   .data-\[vaul-drawer-direction\=right\]\:border-l {
@@ -11032,7 +11330,7 @@
   }
   .xl\:left-2\/3 {
     @media (width >= 80rem) {
-      left: calc(2/3 * 100%);
+      left: calc(2 / 3 * 100%);
     }
   }
   .xl\:col-span-8 {
@@ -11270,7 +11568,12 @@
       border-color: #4e3a86;
     }
   }
-  .dark\:border-danger-700 {
+  .dark\:border-\[\#45356e\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: #45356e;
+    }
+  }
+  .dark\:border-danger-700 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--danger-700);
     }
@@ -11375,6 +11678,11 @@
       border-color: var(--color-primary-600);
     }
   }
+  .dark\:border-primary-900 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: var(--color-primary-900);
+    }
+  }
   .dark\:border-slate-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--color-slate-800);
@@ -11661,6 +11969,11 @@
       background-color: var(--color-primary-700);
     }
   }
+  .dark\:bg-primary-900 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--color-primary-900);
+    }
+  }
   .dark\:bg-primary-950 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--color-primary-950);
@@ -11977,6 +12290,16 @@
       color: var(--muted-foreground);
     }
   }
+  .dark\:text-primary-50 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--color-primary-50);
+    }
+  }
+  .dark\:text-primary-100 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--color-primary-100);
+    }
+  }
   .dark\:text-primary-200 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: var(--color-primary-200);
@@ -12847,6 +13170,24 @@
       }
     }
   }
+  .dark\:hover\:bg-\[\#32205a\]\/60 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in oklab, #32205a 60%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-\[\#32205a\]\/70 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in oklab, #32205a 70%, transparent);
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-accent\/50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -12904,6 +13245,18 @@
       }
     }
   }
+  .dark\:hover\:bg-grey-800\/80 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-grey-800);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-grey-800) 80%, transparent);
+          }
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-grey-900\/70 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -12949,6 +13302,60 @@
       }
     }
   }
+  .dark\:hover\:bg-primary-600 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-primary-600);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-primary-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-primary-800);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-primary-900\/60 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-primary-900);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary-900) 60%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-primary-900\/70 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-primary-900);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary-900) 70%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-primary-900\/80 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-primary-900);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary-900) 80%, transparent);
+          }
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-white\/10 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -13108,16 +13515,37 @@
       }
     }
   }
-  .dark\:hover\:before\:bg-primary-200\/10 {
+  .dark\:hover\:before\:bg-grey-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
         @media (hover: hover) {
           &::before {
             content: var(--tw-content);
-            background-color: var(--color-primary-200);
-            @supports (color: color-mix(in lab, red, red)) {
-              background-color: color-mix(in oklab, var(--color-primary-200) 10%, transparent);
-            }
+            background-color: var(--color-grey-800);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:before\:bg-primary-600 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          &::before {
+            content: var(--tw-content);
+            background-color: var(--color-primary-600);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:before\:bg-primary-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          &::before {
+            content: var(--tw-content);
+            background-color: var(--color-primary-800);
           }
         }
       }
@@ -13135,16 +13563,37 @@
       }
     }
   }
-  .dark\:hover\:after\:bg-primary-200\/10 {
+  .dark\:hover\:after\:bg-grey-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
         @media (hover: hover) {
           &::after {
             content: var(--tw-content);
-            background-color: var(--color-primary-200);
-            @supports (color: color-mix(in lab, red, red)) {
-              background-color: color-mix(in oklab, var(--color-primary-200) 10%, transparent);
-            }
+            background-color: var(--color-grey-800);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:after\:bg-primary-600 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          &::after {
+            content: var(--tw-content);
+            background-color: var(--color-primary-600);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:after\:bg-primary-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          &::after {
+            content: var(--tw-content);
+            background-color: var(--color-primary-800);
           }
         }
       }
@@ -13174,6 +13623,13 @@
       }
     }
   }
+  .dark\:focus\:bg-grey-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        background-color: var(--color-grey-800);
+      }
+    }
+  }
   .dark\:focus\:bg-primary-100 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
@@ -13191,6 +13647,20 @@
       }
     }
   }
+  .dark\:focus\:bg-primary-600 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        background-color: var(--color-primary-600);
+      }
+    }
+  }
+  .dark\:focus\:bg-primary-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        background-color: var(--color-primary-800);
+      }
+    }
+  }
   .dark\:focus\:text-primary-200 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
@@ -13198,6 +13668,13 @@
       }
     }
   }
+  .dark\:focus\:text-white {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        color: var(--color-white);
+      }
+    }
+  }
   .dark\:focus\:ring-primary-700\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
@@ -13218,15 +13695,32 @@
       }
     }
   }
-  .dark\:focus\:before\:bg-primary-200\/10 {
+  .dark\:focus\:before\:bg-grey-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
         &::before {
           content: var(--tw-content);
-          background-color: var(--color-primary-200);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-primary-200) 10%, transparent);
-          }
+          background-color: var(--color-grey-800);
+        }
+      }
+    }
+  }
+  .dark\:focus\:before\:bg-primary-600 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--color-primary-600);
+        }
+      }
+    }
+  }
+  .dark\:focus\:before\:bg-primary-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--color-primary-800);
         }
       }
     }
@@ -13241,15 +13735,32 @@
       }
     }
   }
-  .dark\:focus\:after\:bg-primary-200\/10 {
+  .dark\:focus\:after\:bg-grey-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
         &::after {
           content: var(--tw-content);
-          background-color: var(--color-primary-200);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-primary-200) 10%, transparent);
-          }
+          background-color: var(--color-grey-800);
+        }
+      }
+    }
+  }
+  .dark\:focus\:after\:bg-primary-600 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-primary-600);
+        }
+      }
+    }
+  }
+  .dark\:focus\:after\:bg-primary-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-primary-800);
         }
       }
     }
@@ -13573,6 +14084,13 @@
       }
     }
   }
+  .dark\:data-\[state\=open\]\:bg-grey-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state="open"] {
+        background-color: var(--color-grey-800);
+      }
+    }
+  }
   .dark\:data-\[state\=open\]\:bg-primary-200\/10 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-state="open"] {
@@ -13583,6 +14101,20 @@
       }
     }
   }
+  .dark\:data-\[state\=open\]\:bg-primary-600 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state="open"] {
+        background-color: var(--color-primary-600);
+      }
+    }
+  }
+  .dark\:data-\[state\=open\]\:bg-primary-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state="open"] {
+        background-color: var(--color-primary-800);
+      }
+    }
+  }
   .dark\:data-\[state\=open\]\:text-primary-200 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-state="open"] {
@@ -13590,6 +14122,13 @@
       }
     }
   }
+  .dark\:data-\[state\=open\]\:text-white {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state="open"] {
+        color: var(--color-white);
+      }
+    }
+  }
   .dark\:data-\[state\=open\]\:before\:bg-\[\#32205a\] {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-state="open"] {
@@ -13600,15 +14139,72 @@
       }
     }
   }
-  .dark\:data-\[state\=open\]\:before\:bg-primary-200\/10 {
+  .dark\:data-\[state\=open\]\:before\:bg-grey-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-state="open"] {
         &::before {
           content: var(--tw-content);
-          background-color: var(--color-primary-200);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-primary-200) 10%, transparent);
-          }
+          background-color: var(--color-grey-800);
+        }
+      }
+    }
+  }
+  .dark\:data-\[state\=open\]\:before\:bg-primary-600 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state="open"] {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--color-primary-600);
+        }
+      }
+    }
+  }
+  .dark\:data-\[state\=open\]\:before\:bg-primary-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state="open"] {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--color-primary-800);
+        }
+      }
+    }
+  }
+  .dark\:data-\[state\=open\]\:after\:bg-\[\#32205a\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state="open"] {
+        &::after {
+          content: var(--tw-content);
+          background-color: #32205a;
+        }
+      }
+    }
+  }
+  .dark\:data-\[state\=open\]\:after\:bg-grey-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state="open"] {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-grey-800);
+        }
+      }
+    }
+  }
+  .dark\:data-\[state\=open\]\:after\:bg-primary-600 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state="open"] {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-primary-600);
+        }
+      }
+    }
+  }
+  .dark\:data-\[state\=open\]\:after\:bg-primary-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state="open"] {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-primary-800);
         }
       }
     }