@nswds/app 1.113.0 → 1.114.0

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);
@@ -1581,7 +1587,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 +1909,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 +1929,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 +1945,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 +2610,9 @@
   .border-\[\#ebebeb\] {
     border-color: #ebebeb;
   }
+  .border-\[\#ece3ff\] {
+    border-color: #ece3ff;
+  }
   .border-accent-200 {
     border-color: var(--color-accent-200);
   }
@@ -6497,7 +6506,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 +6554,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 +6876,13 @@
       }
     }
   }
+  .hover\:bg-\[\#f5f2ff\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #f5f2ff;
+      }
+    }
+  }
   .hover\:bg-\[\#f6f6f6\] {
     &:hover {
       @media (hover: hover) {
@@ -6874,6 +6890,13 @@
       }
     }
   }
+  .hover\:bg-\[\#f8f4ff\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #f8f4ff;
+      }
+    }
+  }
   .hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
@@ -6950,6 +6973,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 +7004,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 +7179,13 @@
       }
     }
   }
+  .hover\:text-white {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
   .hover\:underline {
     &:hover {
       @media (hover: hover) {
@@ -7252,15 +7313,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 +7363,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 +7446,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 +7503,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 +7630,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 +7670,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 +8674,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 +9379,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 +9432,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 +9545,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 +9909,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 +9930,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 +11300,7 @@
   }
   .xl\:left-2\/3 {
     @media (width >= 80rem) {
-      left: calc(2/3 * 100%);
+      left: calc(2 / 3 * 100%);
     }
   }
   .xl\:col-span-8 {
@@ -11270,6 +11538,11 @@
       border-color: #4e3a86;
     }
   }
+  .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 +11648,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 +11939,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,9 +12260,19 @@
       color: var(--muted-foreground);
     }
   }
-  .dark\:text-primary-200 {
+  .dark\:text-primary-50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-primary-200);
+      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);
     }
   }
   .dark\:text-primary-500 {
@@ -12847,6 +13140,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 +13215,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 +13272,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 +13485,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 +13533,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 +13593,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 +13617,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 +13638,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 +13665,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 +13705,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 +14054,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 +14071,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 +14092,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 +14109,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);
         }
       }
     }