@nswds/app 1.113.0 → 1.114.0

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);
@@ -1599,7 +1605,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 +1917,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 +1933,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\%\] {
@@ -2592,6 +2598,9 @@
   .border-\[\#ebebeb\] {
     border-color: #ebebeb;
   }
+  .border-\[\#ece3ff\] {
+    border-color: #ece3ff;
+  }
   .border-accent-200 {
     border-color: var(--color-accent-200);
   }
@@ -6558,7 +6567,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 +6615,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 +6939,13 @@
       }
     }
   }
+  .hover\:bg-\[\#f5f2ff\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #f5f2ff;
+      }
+    }
+  }
   .hover\:bg-\[\#f6f6f6\] {
     &:hover {
       @media (hover: hover) {
@@ -6937,6 +6953,13 @@
       }
     }
   }
+  .hover\:bg-\[\#f8f4ff\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #f8f4ff;
+      }
+    }
+  }
   .hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
@@ -7013,6 +7036,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 +7067,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 +7242,13 @@
       }
     }
   }
+  .hover\:text-white {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
   .hover\:underline {
     &:hover {
       @media (hover: hover) {
@@ -7330,15 +7391,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 +7441,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 +7524,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 +7581,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 +7713,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 +7753,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 +8804,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 +9529,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 +9582,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 +9700,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 +10069,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 +10090,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 +11475,7 @@
   }
   .xl\:left-2\/3 {
     @media (width >= 80rem) {
-      left: calc(2/3 * 100%);
+      left: calc(2 / 3 * 100%);
     }
   }
   .xl\:col-span-8 {
@@ -11445,6 +11713,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);
@@ -11550,6 +11823,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 +12114,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,9 +12439,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 {
@@ -13031,6 +13324,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 +13399,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 +13456,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 +13669,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 +13717,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 +13777,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 +13801,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 +13822,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 +13849,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 +13889,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 +14238,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 +14255,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 +14276,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 +14293,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 +16894,5 @@
     }
   }
 }
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 /*# sourceMappingURL=styles.css.map */