@nswds/app 1.113.1 → 1.114.1

package/dist/styles.css

@@ -425,6 +425,12 @@
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
+  .start {
+    inset-inline-start: var(--spacing);
+  }
+  .end {
+    inset-inline-end: var(--spacing);
+  }
   .-top-1\.5 {
     top: calc(var(--spacing) * -1.5);
   }
@@ -441,7 +447,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);
@@ -519,7 +525,7 @@
     left: calc(var(--spacing) * 0);
   }
   .left-1\/2 {
-    left: calc(1/2 * 100%);
+    left: calc(1 / 2 * 100%);
   }
   .left-2 {
     left: calc(var(--spacing) * 2);
@@ -1451,6 +1457,9 @@
   .h-\[40rem\] {
     height: 40rem;
   }
+  .h-\[320px\] {
+    height: 320px;
+  }
   .h-\[420px\] {
     height: 420px;
   }
@@ -1556,6 +1565,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;
   }
@@ -1599,7 +1617,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);
@@ -1911,7 +1929,7 @@
     transform-origin: var(--radix-tooltip-content-transform-origin);
   }
   .-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\%\] {
@@ -1927,7 +1945,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\%\] {
@@ -2592,6 +2610,9 @@
   .border-\[\#ebebeb\] {
     border-color: #ebebeb;
   }
+  .border-\[\#ece3ff\] {
+    border-color: #ece3ff;
+  }
   .border-accent-200 {
     border-color: var(--color-accent-200);
   }
@@ -2841,6 +2862,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);
   }
@@ -2958,12 +2982,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);
   }
@@ -3039,6 +3069,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);
   }
@@ -3132,6 +3165,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)) {
@@ -6558,7 +6597,7 @@
   .after\:left-1\/2 {
     &::after {
       content: var(--tw-content);
-      left: calc(1/2 * 100%);
+      left: calc(1 / 2 * 100%);
     }
   }
   .after\:-z-10 {
@@ -6606,7 +6645,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);
     }
   }
@@ -6930,6 +6969,13 @@
       }
     }
   }
+  .hover\:bg-\[\#f5f2ff\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #f5f2ff;
+      }
+    }
+  }
   .hover\:bg-\[\#f6f6f6\] {
     &:hover {
       @media (hover: hover) {
@@ -6937,6 +6983,13 @@
       }
     }
   }
+  .hover\:bg-\[\#f8f4ff\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #f8f4ff;
+      }
+    }
+  }
   .hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
@@ -7013,6 +7066,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) {
@@ -7023,6 +7097,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) {
@@ -7188,6 +7272,13 @@
       }
     }
   }
+  .hover\:text-white {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
   .hover\:underline {
     &:hover {
       @media (hover: hover) {
@@ -7330,15 +7421,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);
         }
       }
     }
@@ -7353,15 +7471,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);
         }
       }
     }
@@ -7409,6 +7554,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);
@@ -7446,6 +7611,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);
@@ -7573,14 +7743,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);
       }
     }
   }
@@ -7592,14 +7783,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);
       }
     }
   }
@@ -8622,7 +8834,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);
       }
     }
@@ -9347,11 +9559,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);
@@ -9380,6 +9612,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%;
@@ -9493,14 +9730,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);
       }
     }
   }
@@ -9801,7 +10099,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 {
@@ -9822,7 +10120,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 {
@@ -11207,7 +11505,7 @@
   }
   .xl\:left-2\/3 {
     @media (width >= 80rem) {
-      left: calc(2/3 * 100%);
+      left: calc(2 / 3 * 100%);
     }
   }
   .xl\:col-span-8 {
@@ -11445,7 +11743,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);
     }
@@ -11550,6 +11853,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);
@@ -11836,6 +12144,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);
@@ -12156,6 +12469,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);
@@ -13031,6 +13354,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 {
@@ -13088,6 +13429,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 {
@@ -13133,6 +13486,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 {
@@ -13292,16 +13699,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);
           }
         }
       }
@@ -13319,16 +13747,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);
           }
         }
       }
@@ -13358,6 +13807,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 {
@@ -13375,6 +13831,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 {
@@ -13382,6 +13852,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 {
@@ -13402,15 +13879,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);
         }
       }
     }
@@ -13425,15 +13919,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);
         }
       }
     }
@@ -13757,6 +14268,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] {
@@ -13767,6 +14285,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] {
@@ -13774,6 +14306,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] {
@@ -13784,15 +14323,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);
         }
       }
     }
@@ -16328,5 +16924,5 @@
     }
   }
 }
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 /*# sourceMappingURL=styles.css.map */