@nswds/app 1.117.0 → 1.119.0

package/dist/globals.css

@@ -132,7 +132,6 @@
     --color-primary-900: var(--nsw-blue-900);
     --color-primary-950: var(--nsw-blue-950);
     --color-accent-50: var(--nsw-red-50);
-    --color-accent-100: var(--nsw-red-100);
     --color-accent-200: var(--nsw-red-200);
     --color-accent-400: var(--nsw-red-400);
     --color-accent-500: var(--nsw-red-500);
@@ -157,7 +156,6 @@
     --color-grey-850: var(--nsw-grey-850);
     --color-grey-900: var(--nsw-grey-900);
     --color-grey-950: var(--nsw-grey-950);
-    --color-danger-100: var(--danger-100);
     --color-danger-350: var(--danger-350);
     --color-danger-500: var(--danger-500);
     --color-danger-600: var(--danger-600);
@@ -2808,15 +2806,9 @@
   .border-\(--toggle-border\) {
     border-color: var(--toggle-border);
   }
-  .border-\[\#d9ccff\] {
-    border-color: #d9ccff;
-  }
   .border-\[\#ebebeb\] {
     border-color: #ebebeb;
   }
-  .border-\[\#ece3ff\] {
-    border-color: #ece3ff;
-  }
   .border-accent-200 {
     border-color: var(--color-accent-200);
   }
@@ -3123,9 +3115,6 @@
   .bg-\(--color-bg\) {
     background-color: var(--color-bg);
   }
-  .bg-\(--footer-bg\) {
-    background-color: var(--footer-bg);
-  }
   .bg-\(--footer-border\) {
     background-color: var(--footer-border);
   }
@@ -3135,9 +3124,6 @@
   .bg-\[\#f3f8ff\] {
     background-color: #f3f8ff;
   }
-  .bg-\[\#f5f2ff\] {
-    background-color: #f5f2ff;
-  }
   .bg-accent {
     background-color: var(--accent);
   }
@@ -5405,33 +5391,6 @@
   .\[--focus-outline\:var\(--color-white\)\] {
     --focus-outline: var(--color-white);
   }
-  .\[--footer-bg\:var\(--color-accent-200\)\] {
-    --footer-bg: var(--color-accent-200);
-  }
-  .\[--footer-bg\:var\(--color-accent-800\)\] {
-    --footer-bg: var(--color-accent-800);
-  }
-  .\[--footer-bg\:var\(--color-danger-600\)\] {
-    --footer-bg: var(--color-danger-600);
-  }
-  .\[--footer-bg\:var\(--color-grey-200\)\] {
-    --footer-bg: var(--color-grey-200);
-  }
-  .\[--footer-bg\:var\(--color-grey-600\)\] {
-    --footer-bg: var(--color-grey-600);
-  }
-  .\[--footer-bg\:var\(--color-grey-800\)\] {
-    --footer-bg: var(--color-grey-800);
-  }
-  .\[--footer-bg\:var\(--color-primary-200\)\] {
-    --footer-bg: var(--color-primary-200);
-  }
-  .\[--footer-bg\:var\(--color-primary-800\)\] {
-    --footer-bg: var(--color-primary-800);
-  }
-  .\[--footer-bg\:var\(--color-white\)\] {
-    --footer-bg: var(--color-white);
-  }
   .\[--footer-border\:var\(--color-accent-800\)\]\/15 {
     --footer-border: var(--color-accent-800);
     @supports (color: color-mix(in lab, red, red)) {
@@ -5441,8 +5400,11 @@
   .\[--footer-border\:var\(--color-grey-200\)\] {
     --footer-border: var(--color-grey-200);
   }
-  .\[--footer-border\:var\(--color-grey-300\)\] {
-    --footer-border: var(--color-grey-300);
+  .\[--footer-border\:var\(--color-grey-800\)\]\/15 {
+    --footer-border: var(--color-grey-800);
+    @supports (color: color-mix(in lab, red, red)) {
+      --footer-border: color-mix(in oklab, var(--color-grey-800) 15%, transparent);
+    }
   }
   .\[--footer-border\:var\(--color-primary-800\)\]\/15 {
     --footer-border: var(--color-primary-800);
@@ -5486,9 +5448,6 @@
   .\[--footer-link-hover-text\:var\(--color-grey-800\)\] {
     --footer-link-hover-text: var(--color-grey-800);
   }
-  .\[--footer-link-hover-text\:var\(--color-grey-900\)\] {
-    --footer-link-hover-text: var(--color-grey-900);
-  }
   .\[--footer-link-hover-text\:var\(--color-primary-800\)\] {
     --footer-link-hover-text: var(--color-primary-800);
   }
@@ -5498,11 +5457,8 @@
   .\[--footer-link\:var\(--color-accent-800\)\] {
     --footer-link: var(--color-accent-800);
   }
-  .\[--footer-link\:var\(--color-grey-600\)\] {
-    --footer-link: var(--color-grey-600);
-  }
-  .\[--footer-link\:var\(--color-grey-700\)\] {
-    --footer-link: var(--color-grey-700);
+  .\[--footer-link\:var\(--color-grey-800\)\] {
+    --footer-link: var(--color-grey-800);
   }
   .\[--footer-link\:var\(--color-primary-800\)\] {
     --footer-link: var(--color-primary-800);
@@ -5510,30 +5466,6 @@
   .\[--footer-link\:var\(--color-white\)\] {
     --footer-link: var(--color-white);
   }
-  .\[--footer-muted\:var\(--color-accent-100\)\] {
-    --footer-muted: var(--color-accent-100);
-  }
-  .\[--footer-muted\:var\(--color-accent-700\)\] {
-    --footer-muted: var(--color-accent-700);
-  }
-  .\[--footer-muted\:var\(--color-danger-100\)\] {
-    --footer-muted: var(--color-danger-100);
-  }
-  .\[--footer-muted\:var\(--color-grey-100\)\] {
-    --footer-muted: var(--color-grey-100);
-  }
-  .\[--footer-muted\:var\(--color-grey-600\)\] {
-    --footer-muted: var(--color-grey-600);
-  }
-  .\[--footer-muted\:var\(--color-grey-700\)\] {
-    --footer-muted: var(--color-grey-700);
-  }
-  .\[--footer-muted\:var\(--color-primary-100\)\] {
-    --footer-muted: var(--color-primary-100);
-  }
-  .\[--footer-muted\:var\(--color-primary-700\)\] {
-    --footer-muted: var(--color-primary-700);
-  }
   .\[--footer-social-hover-bg\:var\(--color-accent-800\)\]\/10 {
     --footer-social-hover-bg: var(--color-accent-800);
     @supports (color: color-mix(in lab, red, red)) {
@@ -5558,18 +5490,12 @@
       --footer-social-hover-bg: color-mix(in oklab, var(--color-white) 10%, transparent);
     }
   }
-  .\[--footer-social-hover\:var\(--color-grey-900\)\] {
-    --footer-social-hover: var(--color-grey-900);
-  }
   .\[--footer-social-hover\:var\(--footer-social\)\] {
     --footer-social-hover: var(--footer-social);
   }
   .\[--footer-social\:var\(--color-accent-800\)\] {
     --footer-social: var(--color-accent-800);
   }
-  .\[--footer-social\:var\(--color-grey-700\)\] {
-    --footer-social: var(--color-grey-700);
-  }
   .\[--footer-social\:var\(--color-grey-800\)\] {
     --footer-social: var(--color-grey-800);
   }
@@ -5849,6 +5775,19 @@
   .zoom-in-95 {
     --tw-enter-scale: .95;
   }
+  .group-focus-within\:bg-black\/5 {
+    &:is(:where(.group):focus-within *) {
+      background-color: color-mix(in srgb, #000 5%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
+      }
+    }
+  }
+  .group-focus-within\:bg-grey-100 {
+    &:is(:where(.group):focus-within *) {
+      background-color: var(--color-grey-100);
+    }
+  }
   .group-focus-within\:bg-primary-800\/10 {
     &:is(:where(.group):focus-within *) {
       background-color: var(--color-primary-800);
@@ -5857,6 +5796,14 @@
       }
     }
   }
+  .group-focus-within\:bg-white\/10 {
+    &:is(:where(.group):focus-within *) {
+      background-color: color-mix(in srgb, #fff 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+      }
+    }
+  }
   .group-focus-within\/menu-item\:opacity-100 {
     &:is(:where(.group\/menu-item):focus-within *) {
       opacity: 100%;
@@ -6353,6 +6300,11 @@
       margin-top: calc(var(--spacing) * 1.5);
     }
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:\!overflow-visible {
+    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+      overflow: visible !important;
+    }
+  }
   .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
     &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
       overflow: hidden;
@@ -6595,6 +6547,11 @@
       color: var(--color-grey-800);
     }
   }
+  .placeholder\:text-current {
+    &::placeholder {
+      color: currentcolor;
+    }
+  }
   .placeholder\:text-grey-500 {
     &::placeholder {
       color: var(--color-grey-500);
@@ -6620,6 +6577,11 @@
       opacity: 0%;
     }
   }
+  .placeholder\:opacity-70 {
+    &::placeholder {
+      opacity: 70%;
+    }
+  }
   .placeholder\:opacity-100 {
     &::placeholder {
       opacity: 100%;
@@ -6649,18 +6611,6 @@
       inset: 1px;
     }
   }
-  .before\:inset-x-0 {
-    &::before {
-      content: var(--tw-content);
-      inset-inline: calc(var(--spacing) * 0);
-    }
-  }
-  .before\:top-0 {
-    &::before {
-      content: var(--tw-content);
-      top: calc(var(--spacing) * 0);
-    }
-  }
   .before\:-z-10 {
     &::before {
       content: var(--tw-content);
@@ -6679,12 +6629,6 @@
       display: table;
     }
   }
-  .before\:h-px {
-    &::before {
-      content: var(--tw-content);
-      height: 1px;
-    }
-  }
   .before\:w-2 {
     &::before {
       content: var(--tw-content);
@@ -6885,12 +6829,6 @@
       height: calc(var(--spacing) * 1);
     }
   }
-  .after\:h-px {
-    &::after {
-      content: var(--tw-content);
-      height: 1px;
-    }
-  }
   .after\:w-1 {
     &::after {
       content: var(--tw-content);
@@ -6941,12 +6879,6 @@
       background-color: var(--nsw-card-top-border-base);
     }
   }
-  .after\:bg-transparent {
-    &::after {
-      content: var(--tw-content);
-      background-color: transparent;
-    }
-  }
   .after\:shadow-\[inset_0_1px_0_var\(--nsw-card-border\)\,inset_1px_0_0_var\(--nsw-card-border\)\,inset_-1px_0_0_var\(--nsw-card-border\)\] {
     &::after {
       content: var(--tw-content);
@@ -7221,38 +7153,65 @@
       }
     }
   }
-  .hover\:bg-\[\#e8e2ff\] {
+  .hover\:bg-\[\#f6f6f6\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #f6f6f6;
+      }
+    }
+  }
+  .hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
-        background-color: #e8e2ff;
+        background-color: var(--accent);
       }
     }
   }
-  .hover\:bg-\[\#f5f2ff\] {
+  .hover\:bg-accent-50 {
     &:hover {
       @media (hover: hover) {
-        background-color: #f5f2ff;
+        background-color: var(--color-accent-50);
       }
     }
   }
-  .hover\:bg-\[\#f6f6f6\] {
+  .hover\:bg-accent-200 {
     &:hover {
       @media (hover: hover) {
-        background-color: #f6f6f6;
+        background-color: var(--color-accent-200);
       }
     }
   }
-  .hover\:bg-\[\#f8f4ff\] {
+  .hover\:bg-accent-600 {
     &:hover {
       @media (hover: hover) {
-        background-color: #f8f4ff;
+        background-color: var(--color-accent-600);
       }
     }
   }
-  .hover\:bg-accent {
+  .hover\:bg-accent-800 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--accent);
+        background-color: var(--color-accent-800);
+      }
+    }
+  }
+  .hover\:bg-accent-800\/5 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-accent-800);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-accent-800) 5%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-black\/5 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #000 5%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
+        }
       }
     }
   }
@@ -7308,6 +7267,23 @@
       }
     }
   }
+  .hover\:bg-grey-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-grey-700);
+      }
+    }
+  }
+  .hover\:bg-grey-800\/5 {
+    &: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) 5%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-muted\/50 {
     &:hover {
       @media (hover: hover) {
@@ -7332,10 +7308,10 @@
       }
     }
   }
-  .hover\:bg-primary-500 {
+  .hover\:bg-primary-200 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-primary-500);
+        background-color: var(--color-primary-200);
       }
     }
   }
@@ -7346,22 +7322,22 @@
       }
     }
   }
-  .hover\:bg-primary-800\/6 {
+  .hover\:bg-primary-800\/5 {
     &: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) 6%, transparent);
+          background-color: color-mix(in oklab, var(--color-primary-800) 5%, transparent);
         }
       }
     }
   }
-  .hover\:bg-primary-800\/8 {
+  .hover\:bg-primary-800\/6 {
     &: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);
+          background-color: color-mix(in oklab, var(--color-primary-800) 6%, transparent);
         }
       }
     }
@@ -7417,6 +7393,16 @@
       }
     }
   }
+  .hover\:bg-white\/10 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #fff 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+        }
+      }
+    }
+  }
   .hover\:font-bold {
     &:hover {
       @media (hover: hover) {
@@ -7440,6 +7426,13 @@
       }
     }
   }
+  .hover\:text-accent-800 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-accent-800);
+      }
+    }
+  }
   .hover\:text-accent-foreground {
     &:hover {
       @media (hover: hover) {
@@ -7655,106 +7648,6 @@
       }
     }
   }
-  .hover\:before\:bg-\[\#e8e2ff\] {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          background-color: #e8e2ff;
-        }
-      }
-    }
-  }
-  .hover\:before\:bg-grey-100 {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          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);
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-\[\#e8e2ff\] {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: #e8e2ff;
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-grey-100 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          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);
-        }
-      }
-    }
-  }
   .hover\:after\:bg-sidebar-border {
     &:hover {
       @media (hover: hover) {
@@ -7788,14 +7681,29 @@
       }
     }
   }
-  .focus\:bg-\[\#e8e2ff\] {
+  .focus\:bg-accent {
     &:focus {
-      background-color: #e8e2ff;
+      background-color: var(--accent);
     }
   }
-  .focus\:bg-accent {
+  .focus\:bg-accent-50 {
     &:focus {
-      background-color: var(--accent);
+      background-color: var(--color-accent-50);
+    }
+  }
+  .focus\:bg-accent-200 {
+    &:focus {
+      background-color: var(--color-accent-200);
+    }
+  }
+  .focus\:bg-accent-600 {
+    &:focus {
+      background-color: var(--color-accent-600);
+    }
+  }
+  .focus\:bg-accent-800 {
+    &:focus {
+      background-color: var(--color-accent-800);
     }
   }
   .focus\:bg-grey-100 {
@@ -7808,9 +7716,19 @@
       background-color: var(--color-grey-200);
     }
   }
-  .focus\:bg-primary-500 {
+  .focus\:bg-grey-700 {
     &:focus {
-      background-color: var(--color-primary-500);
+      background-color: var(--color-grey-700);
+    }
+  }
+  .focus\:bg-primary-100 {
+    &:focus {
+      background-color: var(--color-primary-100);
+    }
+  }
+  .focus\:bg-primary-200 {
+    &:focus {
+      background-color: var(--color-primary-200);
     }
   }
   .focus\:bg-primary-700 {
@@ -7845,11 +7763,21 @@
       font-weight: var(--font-weight-bold);
     }
   }
+  .focus\:text-accent-800 {
+    &:focus {
+      color: var(--color-accent-800);
+    }
+  }
   .focus\:text-accent-foreground {
     &:focus {
       color: var(--accent-foreground);
     }
   }
+  .focus\:text-grey-800 {
+    &:focus {
+      color: var(--color-grey-800);
+    }
+  }
   .focus\:text-primary-800 {
     &:focus {
       color: var(--color-primary-800);
@@ -7974,89 +7902,9 @@
       }
     }
   }
-  .focus\:before\:bg-\[\#e8e2ff\] {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        background-color: #e8e2ff;
-      }
-    }
-  }
-  .focus\:before\:bg-grey-100 {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        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);
-      }
-    }
-  }
-  .focus\:after\:bg-\[\#e8e2ff\] {
-    &:focus {
-      &::after {
-        content: var(--tw-content);
-        background-color: #e8e2ff;
-      }
-    }
-  }
-  .focus\:after\:bg-grey-100 {
-    &:focus {
-      &::after {
-        content: var(--tw-content);
-        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);
-      }
-    }
-  }
-  .focus-visible\:z-10 {
-    &:focus-visible {
-      z-index: 10;
+  .focus-visible\:z-10 {
+    &:focus-visible {
+      z-index: 10;
     }
   }
   .focus-visible\:border-grey-600 {
@@ -8105,6 +7953,26 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus-visible\:ring-accent-200 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-accent-200);
+    }
+  }
+  .focus-visible\:ring-accent-400 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-accent-400);
+    }
+  }
+  .focus-visible\:ring-accent-600 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-accent-600);
+    }
+  }
+  .focus-visible\:ring-accent-800 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-accent-800);
+    }
+  }
   .focus-visible\:ring-destructive\/20 {
     &:focus-visible {
       --tw-ring-color: var(--destructive);
@@ -8113,6 +7981,46 @@
       }
     }
   }
+  .focus-visible\:ring-grey-100 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-grey-100);
+    }
+  }
+  .focus-visible\:ring-grey-200 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-grey-200);
+    }
+  }
+  .focus-visible\:ring-grey-400 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-grey-400);
+    }
+  }
+  .focus-visible\:ring-grey-600 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-grey-600);
+    }
+  }
+  .focus-visible\:ring-grey-800 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-grey-800);
+    }
+  }
+  .focus-visible\:ring-primary-200 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-primary-200);
+    }
+  }
+  .focus-visible\:ring-primary-400 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-primary-400);
+    }
+  }
+  .focus-visible\:ring-primary-600 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-primary-600);
+    }
+  }
   .focus-visible\:ring-primary-650\/70 {
     &:focus-visible {
       --tw-ring-color: var(--color-primary-650);
@@ -8126,6 +8034,11 @@
       --tw-ring-color: var(--color-primary-700);
     }
   }
+  .focus-visible\:ring-primary-800 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-primary-800);
+    }
+  }
   .focus-visible\:ring-ring {
     &:focus-visible {
       --tw-ring-color: var(--ring);
@@ -8139,6 +8052,11 @@
       }
     }
   }
+  .focus-visible\:ring-white {
+    &:focus-visible {
+      --tw-ring-color: var(--color-white);
+    }
+  }
   .focus-visible\:ring-offset-1 {
     &:focus-visible {
       --tw-ring-offset-width: 1px;
@@ -8862,26 +8780,51 @@
       animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
     }
   }
+  .data-\[motion\=from-end\]\:\[--tw-enter-translate-x\:0\] {
+    &[data-motion="from-end"] {
+      --tw-enter-translate-x: 0;
+    }
+  }
   .data-\[motion\=from-end\]\:slide-in-from-right-52 {
     &[data-motion="from-end"] {
       --tw-enter-translate-x: 13rem;
     }
   }
+  .data-\[motion\=from-start\]\:\[--tw-enter-translate-x\:0\] {
+    &[data-motion="from-start"] {
+      --tw-enter-translate-x: 0;
+    }
+  }
   .data-\[motion\=from-start\]\:slide-in-from-left-52 {
     &[data-motion="from-start"] {
       --tw-enter-translate-x: -13rem;
     }
   }
+  .data-\[motion\=to-end\]\:\[--tw-exit-translate-x\:0\] {
+    &[data-motion="to-end"] {
+      --tw-exit-translate-x: 0;
+    }
+  }
   .data-\[motion\=to-end\]\:slide-out-to-right-52 {
     &[data-motion="to-end"] {
       --tw-exit-translate-x: 13rem;
     }
   }
+  .data-\[motion\=to-start\]\:\[--tw-exit-translate-x\:0\] {
+    &[data-motion="to-start"] {
+      --tw-exit-translate-x: 0;
+    }
+  }
   .data-\[motion\=to-start\]\:slide-out-to-left-52 {
     &[data-motion="to-start"] {
       --tw-exit-translate-x: -13rem;
     }
   }
+  .data-\[motion\^\=from-\]\:\!animate-none {
+    &[data-motion^="from-"] {
+      animation: none !important;
+    }
+  }
   .data-\[motion\^\=from-\]\:animate-in {
     &[data-motion^="from-"] {
       animation-name: enter;
@@ -8893,11 +8836,36 @@
       --tw-enter-translate-y: initial;
     }
   }
+  .data-\[motion\^\=from-\]\:\[--tw-enter-opacity\:1\] {
+    &[data-motion^="from-"] {
+      --tw-enter-opacity: 1;
+    }
+  }
+  .data-\[motion\^\=from-\]\:\[--tw-enter-rotate\:0\] {
+    &[data-motion^="from-"] {
+      --tw-enter-rotate: 0;
+    }
+  }
+  .data-\[motion\^\=from-\]\:\[--tw-enter-scale\:1\] {
+    &[data-motion^="from-"] {
+      --tw-enter-scale: 1;
+    }
+  }
+  .data-\[motion\^\=from-\]\:\[--tw-enter-translate-y\:0\] {
+    &[data-motion^="from-"] {
+      --tw-enter-translate-y: 0;
+    }
+  }
   .data-\[motion\^\=from-\]\:fade-in {
     &[data-motion^="from-"] {
       --tw-enter-opacity: 0;
     }
   }
+  .data-\[motion\^\=to-\]\:\!animate-none {
+    &[data-motion^="to-"] {
+      animation: none !important;
+    }
+  }
   .data-\[motion\^\=to-\]\:animate-out {
     &[data-motion^="to-"] {
       animation-name: exit;
@@ -8909,6 +8877,26 @@
       --tw-exit-translate-y: initial;
     }
   }
+  .data-\[motion\^\=to-\]\:\[--tw-exit-opacity\:1\] {
+    &[data-motion^="to-"] {
+      --tw-exit-opacity: 1;
+    }
+  }
+  .data-\[motion\^\=to-\]\:\[--tw-exit-rotate\:0\] {
+    &[data-motion^="to-"] {
+      --tw-exit-rotate: 0;
+    }
+  }
+  .data-\[motion\^\=to-\]\:\[--tw-exit-scale\:1\] {
+    &[data-motion^="to-"] {
+      --tw-exit-scale: 1;
+    }
+  }
+  .data-\[motion\^\=to-\]\:\[--tw-exit-translate-y\:0\] {
+    &[data-motion^="to-"] {
+      --tw-exit-translate-y: 0;
+    }
+  }
   .data-\[motion\^\=to-\]\:fade-out {
     &[data-motion^="to-"] {
       --tw-exit-opacity: 0;
@@ -9633,6 +9621,13 @@
       --tw-exit-scale: .95;
     }
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:\!animate-none {
+    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+      &[data-state="closed"] {
+        animation: none !important;
+      }
+    }
+  }
   .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out {
     &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
       &[data-state="closed"] {
@@ -9646,6 +9641,20 @@
       }
     }
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:\[--tw-exit-opacity\:1\] {
+    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+      &[data-state="closed"] {
+        --tw-exit-opacity: 1;
+      }
+    }
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:\[--tw-exit-scale\:1\] {
+    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+      &[data-state="closed"] {
+        --tw-exit-scale: 1;
+      }
+    }
+  }
   .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0 {
     &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
       &[data-state="closed"] {
@@ -9721,14 +9730,29 @@
       border-color: var(--color-primary-800);
     }
   }
-  .data-\[state\=open\]\:bg-\[\#e8e2ff\] {
+  .data-\[state\=open\]\:bg-accent {
+    &[data-state="open"] {
+      background-color: var(--accent);
+    }
+  }
+  .data-\[state\=open\]\:bg-accent-50 {
     &[data-state="open"] {
-      background-color: #e8e2ff;
+      background-color: var(--color-accent-50);
     }
   }
-  .data-\[state\=open\]\:bg-accent {
+  .data-\[state\=open\]\:bg-accent-200 {
     &[data-state="open"] {
-      background-color: var(--accent);
+      background-color: var(--color-accent-200);
+    }
+  }
+  .data-\[state\=open\]\:bg-accent-600 {
+    &[data-state="open"] {
+      background-color: var(--color-accent-600);
+    }
+  }
+  .data-\[state\=open\]\:bg-accent-800 {
+    &[data-state="open"] {
+      background-color: var(--color-accent-800);
     }
   }
   .data-\[state\=open\]\:bg-grey-100 {
@@ -9741,14 +9765,24 @@
       background-color: var(--color-grey-200);
     }
   }
+  .data-\[state\=open\]\:bg-grey-700 {
+    &[data-state="open"] {
+      background-color: var(--color-grey-700);
+    }
+  }
   .data-\[state\=open\]\:bg-muted {
     &[data-state="open"] {
       background-color: var(--muted);
     }
   }
-  .data-\[state\=open\]\:bg-primary-500 {
+  .data-\[state\=open\]\:bg-primary-100 {
     &[data-state="open"] {
-      background-color: var(--color-primary-500);
+      background-color: var(--color-primary-100);
+    }
+  }
+  .data-\[state\=open\]\:bg-primary-200 {
+    &[data-state="open"] {
+      background-color: var(--color-primary-200);
     }
   }
   .data-\[state\=open\]\:bg-primary-700 {
@@ -9769,11 +9803,21 @@
       background-color: var(--sidebar-accent);
     }
   }
+  .data-\[state\=open\]\:text-accent-800 {
+    &[data-state="open"] {
+      color: var(--color-accent-800);
+    }
+  }
   .data-\[state\=open\]\:text-accent-foreground {
     &[data-state="open"] {
       color: var(--accent-foreground);
     }
   }
+  .data-\[state\=open\]\:text-grey-800 {
+    &[data-state="open"] {
+      color: var(--color-grey-800);
+    }
+  }
   .data-\[state\=open\]\:text-primary-800 {
     &[data-state="open"] {
       color: var(--color-primary-800);
@@ -9794,9 +9838,9 @@
       opacity: 100%;
     }
   }
-  .data-\[state\=open\]\:shadow-\[inset_0_-2px_0_0_currentColor\] {
+  .data-\[state\=open\]\:shadow-\[inset_0_-4px_0_0_currentColor\] {
     &[data-state="open"] {
-      --tw-shadow: inset 0 -2px 0 0 var(--tw-shadow-color, currentColor);
+      --tw-shadow: inset 0 -4px 0 0 var(--tw-shadow-color, currentColor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
@@ -9862,6 +9906,13 @@
       --tw-enter-scale: .95;
     }
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:\!animate-none {
+    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+      &[data-state="open"] {
+        animation: none !important;
+      }
+    }
+  }
   .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in {
     &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
       &[data-state="open"] {
@@ -9875,143 +9926,77 @@
       }
     }
   }
-  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0 {
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:\[--tw-enter-opacity\:1\] {
     &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
       &[data-state="open"] {
-        --tw-enter-opacity: 0;
+        --tw-enter-opacity: 1;
       }
     }
   }
-  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95 {
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:\[--tw-enter-scale\:1\] {
     &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
       &[data-state="open"] {
-        --tw-enter-scale: .95;
+        --tw-enter-scale: 1;
       }
     }
   }
-  .data-\[state\=open\]\:before\:bg-\[\#e8e2ff\] {
-    &[data-state="open"] {
-      &::before {
-        content: var(--tw-content);
-        background-color: #e8e2ff;
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0 {
+    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+      &[data-state="open"] {
+        --tw-enter-opacity: 0;
       }
     }
   }
-  .data-\[state\=open\]\:before\:bg-grey-100 {
-    &[data-state="open"] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-grey-100);
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95 {
+    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+      &[data-state="open"] {
+        --tw-enter-scale: .95;
       }
     }
   }
-  .data-\[state\=open\]\:before\:bg-grey-200 {
+  .data-\[state\=open\]\:hover\:bg-primary-800\/10 {
     &[data-state="open"] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-grey-200);
+      &: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) 10%, transparent);
+          }
+        }
       }
     }
   }
-  .data-\[state\=open\]\:before\:bg-primary-500 {
+  .data-\[state\=open\]\:hover\:bg-sidebar-accent {
     &[data-state="open"] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-primary-500);
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--sidebar-accent);
+        }
       }
     }
   }
-  .data-\[state\=open\]\:before\:bg-primary-700 {
+  .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground {
     &[data-state="open"] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-primary-700);
+      &:hover {
+        @media (hover: hover) {
+          color: var(--sidebar-accent-foreground);
+        }
       }
     }
   }
-  .data-\[state\=open\]\:after\:bg-\[\#e8e2ff\] {
+  .data-\[state\=open\]\:focus\:bg-primary-800\/10 {
     &[data-state="open"] {
-      &::after {
-        content: var(--tw-content);
-        background-color: #e8e2ff;
+      &:focus {
+        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);
+        }
       }
     }
   }
-  .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);
-      }
-    }
-  }
-  .data-\[state\=open\]\:hover\:bg-primary-800\/10 {
-    &[data-state="open"] {
-      &: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) 10%, transparent);
-          }
-        }
-      }
-    }
-  }
-  .data-\[state\=open\]\:hover\:bg-sidebar-accent {
-    &[data-state="open"] {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--sidebar-accent);
-        }
-      }
-    }
-  }
-  .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground {
-    &[data-state="open"] {
-      &:hover {
-        @media (hover: hover) {
-          color: var(--sidebar-accent-foreground);
-        }
-      }
-    }
-  }
-  .data-\[state\=open\]\:focus\:bg-primary-800\/10 {
-    &[data-state="open"] {
-      &:focus {
-        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);
-        }
-      }
-    }
-  }
-  .data-\[state\=selected\]\:bg-muted {
-    &[data-state="selected"] {
-      background-color: var(--muted);
+  .data-\[state\=selected\]\:bg-muted {
+    &[data-state="selected"] {
+      background-color: var(--muted);
     }
   }
   .data-\[state\=visible\]\:animate-in {
@@ -11967,16 +11952,6 @@
       }
     }
   }
-  .dark\:border-\[\#4e3a86\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      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);
@@ -12082,11 +12057,6 @@
       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);
@@ -12168,11 +12138,6 @@
       }
     }
   }
-  .dark\:bg-\[\#261447\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: #261447;
-    }
-  }
   .dark\:bg-\[--badge-hover-overlay\:var\(--color-primary-800\)\]\/40 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--color-primary-800);
@@ -12373,11 +12338,6 @@
       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);
@@ -12689,16 +12649,6 @@
       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);
@@ -13113,100 +13063,6 @@
       --focus-outline: var(--color-white);
     }
   }
-  .dark\:\[--footer-bg\:var\(--color-accent-800\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-bg: var(--color-accent-800);
-    }
-  }
-  .dark\:\[--footer-bg\:var\(--color-danger-600\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-bg: var(--color-danger-600);
-    }
-  }
-  .dark\:\[--footer-bg\:var\(--color-grey-800\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-bg: var(--color-grey-800);
-    }
-  }
-  .dark\:\[--footer-bg\:var\(--color-primary-800\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-bg: var(--color-primary-800);
-    }
-  }
-  .dark\:\[--footer-bg\:var\(--color-primary-900\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-bg: var(--color-primary-900);
-    }
-  }
-  .dark\:\[--footer-border\:var\(--color-white\)\]\/15 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-border: color-mix(in srgb, #fff 15%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --footer-border: color-mix(in oklab, var(--color-white) 15%, transparent);
-      }
-    }
-  }
-  .dark\:\[--footer-link-hover-bg\:var\(--color-white\)\]\/10 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-link-hover-bg: color-mix(in srgb, #fff 10%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --footer-link-hover-bg: color-mix(in oklab, var(--color-white) 10%, transparent);
-      }
-    }
-  }
-  .dark\:\[--footer-link-hover-text\:var\(--color-white\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-link-hover-text: var(--color-white);
-    }
-  }
-  .dark\:\[--footer-link\:var\(--color-white\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-link: var(--color-white);
-    }
-  }
-  .dark\:\[--footer-muted\:var\(--color-accent-100\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-muted: var(--color-accent-100);
-    }
-  }
-  .dark\:\[--footer-muted\:var\(--color-danger-100\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-muted: var(--color-danger-100);
-    }
-  }
-  .dark\:\[--footer-muted\:var\(--color-grey-100\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-muted: var(--color-grey-100);
-    }
-  }
-  .dark\:\[--footer-muted\:var\(--color-primary-100\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-muted: var(--color-primary-100);
-    }
-  }
-  .dark\:\[--footer-social-hover-bg\:var\(--color-white\)\]\/10 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-social-hover-bg: color-mix(in srgb, #fff 10%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --footer-social-hover-bg: color-mix(in oklab, var(--color-white) 10%, transparent);
-      }
-    }
-  }
-  .dark\:\[--footer-social-hover\:var\(--color-white\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-social-hover: var(--color-white);
-    }
-  }
-  .dark\:\[--footer-social\:var\(--color-white\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-social: var(--color-white);
-    }
-  }
-  .dark\:\[--footer-text\:var\(--color-white\)\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      --footer-text: var(--color-white);
-    }
-  }
   .dark\:\[--nsw-card-bg\:var\(--color-grey-850\)\] {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --nsw-card-bg: var(--color-grey-850);
@@ -13560,33 +13416,6 @@
       }
     }
   }
-  .dark\:hover\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: #32205a;
-        }
-      }
-    }
-  }
-  .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 {
@@ -13644,18 +13473,6 @@
       }
     }
   }
-  .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 {
@@ -13701,60 +13518,6 @@
       }
     }
   }
-  .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 {
@@ -13902,102 +13665,6 @@
       }
     }
   }
-  .dark\:hover\:before\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          &::before {
-            content: var(--tw-content);
-            background-color: #32205a;
-          }
-        }
-      }
-    }
-  }
-  .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-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);
-          }
-        }
-      }
-    }
-  }
-  .dark\:hover\:after\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          &::after {
-            content: var(--tw-content);
-            background-color: #32205a;
-          }
-        }
-      }
-    }
-  }
-  .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-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);
-          }
-        }
-      }
-    }
-  }
   .dark\:focus\:border-primary-200\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
@@ -14015,13 +13682,6 @@
       }
     }
   }
-  .dark\:focus\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        background-color: #32205a;
-      }
-    }
-  }
   .dark\:focus\:bg-grey-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
@@ -14046,20 +13706,6 @@
       }
     }
   }
-  .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 {
@@ -14084,86 +13730,6 @@
       }
     }
   }
-  .dark\:focus\:before\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        &::before {
-          content: var(--tw-content);
-          background-color: #32205a;
-        }
-      }
-    }
-  }
-  .dark\:focus\:before\:bg-grey-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        &::before {
-          content: var(--tw-content);
-          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);
-        }
-      }
-    }
-  }
-  .dark\:focus\:after\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        &::after {
-          content: var(--tw-content);
-          background-color: #32205a;
-        }
-      }
-    }
-  }
-  .dark\:focus\:after\:bg-grey-800 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:focus {
-        &::after {
-          content: var(--tw-content);
-          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);
-        }
-      }
-    }
-  }
   .dark\:focus-visible\:ring-destructive\/40 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus-visible {
@@ -14476,13 +14042,6 @@
       }
     }
   }
-  .dark\:data-\[state\=open\]\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &[data-state="open"] {
-        background-color: #32205a;
-      }
-    }
-  }
   .dark\:data-\[state\=open\]\:bg-grey-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-state="open"] {
@@ -14500,20 +14059,6 @@
       }
     }
   }
-  .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"] {
@@ -14528,86 +14073,6 @@
       }
     }
   }
-  .dark\:data-\[state\=open\]\:before\:bg-\[\#32205a\] {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &[data-state="open"] {
-        &::before {
-          content: var(--tw-content);
-          background-color: #32205a;
-        }
-      }
-    }
-  }
-  .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-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);
-        }
-      }
-    }
-  }
   .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-variant="destructive"] {