@nswds/app 1.43.0 → 1.45.0

package/dist/styles.css

@@ -21,47 +21,17 @@
       "Liberation Mono",
       "Courier New",
       monospace;
-    --color-red-200: oklch(88.5% 0.062 18.334);
     --color-red-400: oklch(70.4% 0.191 22.216);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
-    --color-red-700: oklch(50.5% 0.213 27.518);
-    --color-red-900: oklch(39.6% 0.141 25.723);
-    --color-orange-500: oklch(70.5% 0.213 47.604);
-    --color-orange-600: oklch(64.6% 0.222 41.116);
-    --color-orange-900: oklch(40.8% 0.123 38.172);
-    --color-amber-400: oklch(82.8% 0.189 84.429);
     --color-amber-500: oklch(76.9% 0.188 70.08);
-    --color-amber-950: oklch(27.9% 0.077 45.635);
-    --color-yellow-200: oklch(94.5% 0.129 101.54);
-    --color-yellow-300: oklch(90.5% 0.182 98.111);
-    --color-yellow-400: oklch(85.2% 0.199 91.936);
-    --color-yellow-500: oklch(79.5% 0.184 86.047);
-    --color-yellow-950: oklch(28.6% 0.066 53.813);
-    --color-lime-300: oklch(89.7% 0.196 126.665);
-    --color-lime-400: oklch(84.1% 0.238 128.85);
     --color-lime-500: oklch(76.8% 0.233 130.85);
-    --color-lime-950: oklch(27.4% 0.072 132.109);
     --color-green-50: oklch(98.2% 0.018 155.826);
     --color-green-100: oklch(96.2% 0.044 156.743);
     --color-green-500: oklch(72.3% 0.219 149.579);
     --color-green-600: oklch(62.7% 0.194 149.214);
-    --color-green-700: oklch(52.7% 0.154 150.069);
-    --color-green-900: oklch(39.3% 0.095 152.535);
-    --color-emerald-200: oklch(90.5% 0.093 164.15);
     --color-emerald-500: oklch(69.6% 0.17 162.48);
-    --color-emerald-600: oklch(59.6% 0.145 163.225);
-    --color-emerald-900: oklch(37.8% 0.077 168.94);
-    --color-teal-600: oklch(60% 0.118 184.704);
-    --color-teal-700: oklch(51.1% 0.096 186.391);
-    --color-teal-900: oklch(38.6% 0.063 188.416);
-    --color-cyan-300: oklch(86.5% 0.127 207.078);
-    --color-cyan-400: oklch(78.9% 0.154 211.53);
     --color-cyan-500: oklch(71.5% 0.143 215.221);
-    --color-cyan-950: oklch(30.2% 0.056 229.695);
-    --color-sky-500: oklch(68.5% 0.169 237.323);
-    --color-sky-600: oklch(58.8% 0.158 241.966);
-    --color-sky-900: oklch(39.1% 0.09 240.876);
     --color-blue-50: oklch(97% 0.014 254.604);
     --color-blue-100: oklch(93.2% 0.032 255.585);
     --color-blue-200: oklch(88.2% 0.059 254.128);
@@ -74,24 +44,13 @@
     --color-blue-950: oklch(28.2% 0.091 267.935);
     --color-indigo-500: oklch(58.5% 0.233 277.117);
     --color-indigo-600: oklch(51.1% 0.262 276.966);
-    --color-indigo-900: oklch(35.9% 0.144 278.697);
     --color-violet-500: oklch(60.6% 0.25 292.717);
-    --color-violet-600: oklch(54.1% 0.281 293.009);
-    --color-violet-900: oklch(38% 0.189 293.745);
     --color-purple-50: oklch(97.7% 0.014 308.299);
     --color-purple-100: oklch(94.6% 0.033 307.174);
     --color-purple-500: oklch(62.7% 0.265 303.9);
     --color-purple-600: oklch(55.8% 0.288 302.321);
-    --color-purple-900: oklch(38.1% 0.176 304.987);
     --color-fuchsia-500: oklch(66.7% 0.295 322.15);
-    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
-    --color-fuchsia-900: oklch(40.1% 0.17 325.612);
     --color-pink-500: oklch(65.6% 0.241 354.308);
-    --color-pink-600: oklch(59.2% 0.249 0.584);
-    --color-pink-900: oklch(40.8% 0.153 2.432);
-    --color-rose-500: oklch(64.5% 0.246 16.439);
-    --color-rose-600: oklch(58.6% 0.253 17.585);
-    --color-rose-900: oklch(41% 0.159 10.272);
     --color-slate-200: oklch(92.9% 0.013 255.508);
     --color-slate-300: oklch(86.9% 0.022 252.894);
     --color-slate-400: oklch(70.4% 0.04 256.788);
@@ -110,12 +69,8 @@
     --color-gray-800: oklch(27.8% 0.033 256.848);
     --color-gray-900: oklch(21% 0.034 264.665);
     --color-gray-950: oklch(13% 0.028 261.692);
-    --color-zinc-200: oklch(92% 0.004 286.32);
     --color-zinc-400: oklch(70.5% 0.015 286.067);
     --color-zinc-500: oklch(55.2% 0.016 285.938);
-    --color-zinc-600: oklch(44.2% 0.017 285.786);
-    --color-zinc-700: oklch(37% 0.013 285.805);
-    --color-zinc-900: oklch(21% 0.006 285.885);
     --color-zinc-950: oklch(14.1% 0.005 285.823);
     --color-black: #000;
     --color-white: #fff;
@@ -166,17 +121,6 @@
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
-    --color-nsw-grey-50: oklch(0.9850175274112574 0 0);
-    --color-nsw-grey-100: oklch(0.9700350548225147 0 0);
-    --color-nsw-grey-200: oklch(0.9400701096450296 0 0);
-    --color-nsw-grey-300: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
-    --color-nsw-grey-400: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
-    --color-nsw-grey-500: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
-    --color-nsw-grey-600: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
-    --color-nsw-grey-700: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
-    --color-nsw-grey-800: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
-    --color-nsw-grey-850: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
-    --color-nsw-grey-900: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
     --color-nsw-blue-800: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
     --color-nsw-red-600: oklch(0.5619554183945837 0.2175050118438328 20.33356497329407);
     --color-primary-200: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
@@ -185,8 +129,12 @@
     --color-primary-600: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
     --color-primary-700: oklch(0.43255566986372795 0.17356468700683536 260.29913478593846);
     --color-primary-800: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
+    --color-primary-900: oklch(0.18849914619305336 0.08210702115716298 259.841936589881);
+    --color-primary-950: oklch(0.13774937606415438 0.06451265948062805 259.841936589881);
     --color-accent-400: oklch(0.8508832985659317 0.08303006573514653 10.570704332640352);
     --color-accent-600: oklch(0.5619554183945837 0.2175050118438328 20.33356497329407);
+    --color-accent-700: oklch(0.4394614068520166 0.17219599488242637 18.733343740932114);
+    --color-accent-900: oklch(0.20602880695114223 0.08882088454471393 17.133122508570153);
     --color-grey-50: oklch(0.9850175274112574 0 0);
     --color-grey-100: oklch(0.9700350548225147 0 0);
     --color-grey-200: oklch(0.9400701096450296 0 0);
@@ -202,12 +150,17 @@
     --color-grey-850: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
     --color-grey-900: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
     --color-grey-950: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
+    --color-success-200: oklch(0.8881421904403819 0.06088399550378008 142.11752406542539);
     --color-success-450: oklch(0.6326270919832794 0.153487552492673 142.8252122365381);
     --color-success-500: oklch(0.6047649705534097 0.16397310554979067 142.81705960187193);
     --color-success-550: oklch(0.57690284912354 0.17445865860690835 142.80890696720576);
+    --color-warning-200: oklch(0.8959111115456492 0.05444639161441583 43.9454781334139);
+    --color-warning-500: oklch(0.635112024028673 0.15086229457323366 43.85506733863466);
+    --color-danger-200: oklch(0.8752324051148354 0.06298134064642778 18.42817489942577);
     --color-danger-350: oklch(0.6894558094295998 0.12762346824748136 18.339098516052807);
     --color-danger-450: oklch(0.5961466901234453 0.1600594003984286 18.251840020312933);
     --color-danger-500: oklch(0.5647631027123693 0.17094795668235796 18.194273652364046);
+    --color-danger-700: oklch(0.3732298962531466 0.1454959508530616 19.3735136259701);
     --color-border: var(--border);
     --animate-hide: hide 150ms cubic-bezier(0.16, 1, 0.3, 1);
     --animate-slide-down-and-fade: slideDownAndFade 150ms cubic-bezier(0.16, 1, 0.3, 1);
@@ -481,9 +434,6 @@
   .top-\[1px\] {
     top: 1px;
   }
-  .top-\[4\.75rem\] {
-    top: 4.75rem;
-  }
   .top-\[50\%\] {
     top: 50%;
   }
@@ -1311,15 +1261,27 @@
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
+  .h-16 {
+    height: calc(var(--spacing) * 16);
+  }
   .h-24 {
     height: calc(var(--spacing) * 24);
   }
   .h-40 {
     height: calc(var(--spacing) * 40);
   }
+  .h-48 {
+    height: calc(var(--spacing) * 48);
+  }
+  .h-64 {
+    height: calc(var(--spacing) * 64);
+  }
   .h-80 {
     height: calc(var(--spacing) * 80);
   }
+  .h-120 {
+    height: calc(var(--spacing) * 120);
+  }
   .h-\[3px\] {
     height: 3px;
   }
@@ -1329,9 +1291,6 @@
   .h-\[calc\(100\%-1px\)\] {
     height: calc(100% - 1px);
   }
-  .h-\[calc\(100vh-4\.75rem\)\] {
-    height: calc(100vh - 4.75rem);
-  }
   .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
     height: var(--radix-navigation-menu-viewport-height);
   }
@@ -1383,6 +1342,9 @@
   .min-h-\[200px\] {
     min-height: 200px;
   }
+  .min-h-dvh {
+    min-height: 100dvh;
+  }
   .w-\(--cell-size\) {
     width: var(--cell-size);
   }
@@ -1431,12 +1393,21 @@
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
   .w-20 {
     width: calc(var(--spacing) * 20);
   }
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
   .w-28 {
     width: calc(var(--spacing) * 28);
   }
+  .w-32 {
+    width: calc(var(--spacing) * 32);
+  }
   .w-40 {
     width: calc(var(--spacing) * 40);
   }
@@ -1452,12 +1423,12 @@
   .w-72 {
     width: calc(var(--spacing) * 72);
   }
-  .w-80 {
-    width: calc(var(--spacing) * 80);
-  }
   .w-96 {
     width: calc(var(--spacing) * 96);
   }
+  .w-100 {
+    width: calc(var(--spacing) * 100);
+  }
   .w-\[44px\] {
     width: 44px;
   }
@@ -2176,6 +2147,9 @@
       border-color: color-mix(in oklab, var(--border) 50%, transparent);
     }
   }
+  .border-danger-500 {
+    border-color: var(--color-danger-500);
+  }
   .border-gray-100 {
     border-color: var(--color-gray-100);
   }
@@ -2215,11 +2189,8 @@
   .border-input {
     border-color: var(--input);
   }
-  .border-nsw-grey-200 {
-    border-color: var(--color-nsw-grey-200);
-  }
-  .border-nsw-grey-600 {
-    border-color: var(--color-nsw-grey-600);
+  .border-muted {
+    border-color: var(--muted);
   }
   .border-primary {
     border-color: var(--primary);
@@ -2236,9 +2207,6 @@
   .border-red-400 {
     border-color: var(--color-red-400);
   }
-  .border-red-500 {
-    border-color: var(--color-red-500);
-  }
   .border-slate-200 {
     border-color: var(--color-slate-200);
   }
@@ -2317,9 +2285,15 @@
   .bg-cyan-500 {
     background-color: var(--color-cyan-500);
   }
+  .bg-danger-200 {
+    background-color: var(--color-danger-200);
+  }
   .bg-danger-450 {
     background-color: var(--color-danger-450);
   }
+  .bg-danger-500 {
+    background-color: var(--color-danger-500);
+  }
   .bg-destructive {
     background-color: var(--destructive);
   }
@@ -2329,9 +2303,6 @@
       background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
     }
   }
-  .bg-emerald-200 {
-    background-color: var(--color-emerald-200);
-  }
   .bg-emerald-500 {
     background-color: var(--color-emerald-500);
   }
@@ -2341,9 +2312,6 @@
   .bg-fuchsia-500 {
     background-color: var(--color-fuchsia-500);
   }
-  .bg-gray-200 {
-    background-color: var(--color-gray-200);
-  }
   .bg-gray-400 {
     background-color: var(--color-gray-400);
   }
@@ -2365,9 +2333,18 @@
   .bg-grey-100 {
     background-color: oklch(0.9700350548225147 0 0);
   }
+  .bg-grey-200 {
+    background-color: oklch(0.9400701096450296 0 0);
+  }
   .bg-grey-300 {
     background-color: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
   }
+  .bg-grey-500 {
+    background-color: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
+  }
+  .bg-grey-600 {
+    background-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
+  }
   .bg-grey-800 {
     background-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
   }
@@ -2380,30 +2357,27 @@
   .bg-muted {
     background-color: var(--muted);
   }
+  .bg-muted\/30 {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
+    }
+  }
   .bg-muted\/50 {
     background-color: var(--muted);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--muted) 50%, transparent);
     }
   }
-  .bg-nsw-grey-50 {
-    background-color: var(--color-nsw-grey-50);
-  }
-  .bg-nsw-grey-200 {
-    background-color: var(--color-nsw-grey-200);
-  }
-  .bg-nsw-grey-600 {
-    background-color: var(--color-nsw-grey-600);
-  }
-  .bg-nsw-grey-800 {
-    background-color: var(--color-nsw-grey-800);
-  }
   .bg-pink-500 {
     background-color: var(--color-pink-500);
   }
   .bg-popover {
     background-color: var(--popover);
   }
+  .bg-primary-200 {
+    background-color: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
+  }
   .bg-primary-500 {
     background-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
   }
@@ -2419,15 +2393,12 @@
   .bg-purple-50 {
     background-color: var(--color-purple-50);
   }
-  .bg-red-200 {
-    background-color: var(--color-red-200);
-  }
-  .bg-red-500 {
-    background-color: var(--color-red-500);
-  }
   .bg-secondary {
     background-color: var(--secondary);
   }
+  .bg-success-200 {
+    background-color: var(--color-success-200);
+  }
   .bg-success-450 {
     background-color: var(--color-success-450);
   }
@@ -2440,6 +2411,12 @@
   .bg-violet-500 {
     background-color: var(--color-violet-500);
   }
+  .bg-warning-200 {
+    background-color: var(--color-warning-200);
+  }
+  .bg-warning-500 {
+    background-color: var(--color-warning-500);
+  }
   .bg-white {
     background-color: var(--color-white);
   }
@@ -2449,15 +2426,6 @@
       background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
     }
   }
-  .bg-yellow-200 {
-    background-color: var(--color-yellow-200);
-  }
-  .bg-yellow-500 {
-    background-color: var(--color-yellow-500);
-  }
-  .bg-zinc-200 {
-    background-color: var(--color-zinc-200);
-  }
   .bg-zinc-950 {
     background-color: var(--color-zinc-950);
   }
@@ -2482,10 +2450,6 @@
     --tw-gradient-from: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .from-nsw-grey-600 {
-    --tw-gradient-from: var(--color-nsw-grey-600);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .fill-amber-500 {
     fill: var(--color-amber-500);
   }
@@ -2516,21 +2480,21 @@
   .fill-gray-900 {
     fill: var(--color-gray-900);
   }
+  .fill-grey-600 {
+    fill: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
+  }
+  .fill-grey-700 {
+    fill: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
+  }
+  .fill-grey-800 {
+    fill: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
+  }
   .fill-lime-500 {
     fill: var(--color-lime-500);
   }
   .fill-nsw-blue-800 {
     fill: var(--color-nsw-blue-800);
   }
-  .fill-nsw-grey-600 {
-    fill: var(--color-nsw-grey-600);
-  }
-  .fill-nsw-grey-700 {
-    fill: var(--color-nsw-grey-700);
-  }
-  .fill-nsw-grey-800 {
-    fill: var(--color-nsw-grey-800);
-  }
   .fill-nsw-red-600 {
     fill: var(--color-nsw-red-600);
   }
@@ -2549,9 +2513,6 @@
   .stroke-amber-500 {
     stroke: var(--color-amber-500);
   }
-  .stroke-blue-200 {
-    stroke: var(--color-blue-200);
-  }
   .stroke-blue-500 {
     stroke: var(--color-blue-500);
   }
@@ -2561,8 +2522,11 @@
   .stroke-cyan-500 {
     stroke: var(--color-cyan-500);
   }
-  .stroke-emerald-200 {
-    stroke: var(--color-emerald-200);
+  .stroke-danger-200 {
+    stroke: var(--color-danger-200);
+  }
+  .stroke-danger-500 {
+    stroke: var(--color-danger-500);
   }
   .stroke-emerald-500 {
     stroke: var(--color-emerald-500);
@@ -2576,6 +2540,12 @@
   .stroke-gray-500 {
     stroke: var(--color-gray-500);
   }
+  .stroke-grey-200 {
+    stroke: oklch(0.9400701096450296 0 0);
+  }
+  .stroke-grey-500 {
+    stroke: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
+  }
   .stroke-grey-800 {
     stroke: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
   }
@@ -2585,23 +2555,29 @@
   .stroke-pink-500 {
     stroke: var(--color-pink-500);
   }
-  .stroke-red-200 {
-    stroke: var(--color-red-200);
+  .stroke-primary-200 {
+    stroke: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
+  }
+  .stroke-primary-500 {
+    stroke: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
   }
-  .stroke-red-500 {
-    stroke: var(--color-red-500);
+  .stroke-success-200 {
+    stroke: var(--color-success-200);
+  }
+  .stroke-success-500 {
+    stroke: var(--color-success-500);
   }
   .stroke-violet-500 {
     stroke: var(--color-violet-500);
   }
-  .stroke-white {
-    stroke: var(--color-white);
+  .stroke-warning-200 {
+    stroke: var(--color-warning-200);
   }
-  .stroke-yellow-200 {
-    stroke: var(--color-yellow-200);
+  .stroke-warning-500 {
+    stroke: var(--color-warning-500);
   }
-  .stroke-yellow-500 {
-    stroke: var(--color-yellow-500);
+  .stroke-white {
+    stroke: var(--color-white);
   }
   .stroke-1 {
     stroke-width: 1;
@@ -2669,6 +2645,9 @@
   .px-8 {
     padding-inline: calc(var(--spacing) * 8);
   }
+  .px-18 {
+    padding-inline: calc(var(--spacing) * 18);
+  }
   .px-\[0\.5px\] {
     padding-inline: 0.5px;
   }
@@ -3178,18 +3157,6 @@
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
-  .text-nsw-blue-800 {
-    color: var(--color-nsw-blue-800);
-  }
-  .text-nsw-grey-600 {
-    color: var(--color-nsw-grey-600);
-  }
-  .text-nsw-grey-700 {
-    color: var(--color-nsw-grey-700);
-  }
-  .text-nsw-grey-800 {
-    color: var(--color-nsw-grey-800);
-  }
   .text-pink-500 {
     color: var(--color-pink-500);
   }
@@ -3408,12 +3375,12 @@
       --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
     }
   }
+  .ring-danger-200 {
+    --tw-ring-color: var(--color-danger-200);
+  }
   .ring-grey-950\/10 {
     --tw-ring-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 10%, transparent);
   }
-  .ring-red-200 {
-    --tw-ring-color: var(--color-red-200);
-  }
   .ring-ring\/50 {
     --tw-ring-color: var(--ring);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3445,8 +3412,8 @@
   .outline-offset-2 {
     outline-offset: 2px;
   }
-  .outline-blue-500 {
-    outline-color: var(--color-blue-500);
+  .outline-primary-500 {
+    outline-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
   }
   .outline-transparent {
     outline-color: transparent;
@@ -3860,10 +3827,10 @@
   .\[--leading-trim-start\:var\(--heading-leading-trim-start\)\] {
     --leading-trim-start: var(--heading-leading-trim-start);
   }
-  .\[--switch-bg-ring\:var\(--color-amber-500\)\]\/80 {
-    --switch-bg-ring: color-mix(in srgb, oklch(76.9% 0.188 70.08) 80%, transparent);
+  .\[--switch-bg-ring\:var\(--color-accent-700\)\]\/90 {
+    --switch-bg-ring: color-mix(in srgb, oklch(0.4394614068520166 0.17219599488242637 18.733343740932114) 90%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-amber-500) 80%, transparent);
+      --switch-bg-ring: color-mix(in oklab, var(--color-accent-700) 90%, transparent);
     }
   }
   .\[--switch-bg-ring\:var\(--color-black\)\]\/15 {
@@ -3872,170 +3839,53 @@
       --switch-bg-ring: color-mix(in oklab, var(--color-black) 15%, transparent);
     }
   }
-  .\[--switch-bg-ring\:var\(--color-blue-700\)\]\/90 {
-    --switch-bg-ring: color-mix(in srgb, oklch(48.8% 0.243 264.376) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-blue-700) 90%, transparent);
-    }
-  }
-  .\[--switch-bg-ring\:var\(--color-cyan-400\)\]\/80 {
-    --switch-bg-ring: color-mix(in srgb, oklch(78.9% 0.154 211.53) 80%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-cyan-400) 80%, transparent);
-    }
-  }
-  .\[--switch-bg-ring\:var\(--color-emerald-600\)\]\/90 {
-    --switch-bg-ring: color-mix(in srgb, oklch(59.6% 0.145 163.225) 90%, transparent);
+  .\[--switch-bg-ring\:var\(--color-grey-700\)\]\/90 {
+    --switch-bg-ring: color-mix(in srgb, oklch(0.3479196456937804 0.010781103557482309 237.35049475166784) 90%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-emerald-600) 90%, transparent);
+      --switch-bg-ring: color-mix(in oklab, var(--color-grey-700) 90%, transparent);
     }
   }
-  .\[--switch-bg-ring\:var\(--color-fuchsia-600\)\]\/90 {
-    --switch-bg-ring: color-mix(in srgb, oklch(59.1% 0.293 322.896) 90%, transparent);
+  .\[--switch-bg-ring\:var\(--color-grey-950\)\]\/90 {
+    --switch-bg-ring: color-mix(in srgb, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 90%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-fuchsia-600) 90%, transparent);
+      --switch-bg-ring: color-mix(in oklab, var(--color-grey-950) 90%, transparent);
     }
   }
-  .\[--switch-bg-ring\:var\(--color-green-700\)\]\/90 {
-    --switch-bg-ring: color-mix(in srgb, oklch(52.7% 0.154 150.069) 90%, transparent);
+  .\[--switch-bg-ring\:var\(--color-primary-200\)\]\/80 {
+    --switch-bg-ring: color-mix(in srgb, oklch(0.9266735792514218 0.04166332334226081 227.890755564881) 80%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-green-700) 90%, transparent);
+      --switch-bg-ring: color-mix(in oklab, var(--color-primary-200) 80%, transparent);
     }
   }
-  .\[--switch-bg-ring\:var\(--color-indigo-600\)\]\/90 {
-    --switch-bg-ring: color-mix(in srgb, oklch(51.1% 0.262 276.966) 90%, transparent);
+  .\[--switch-bg-ring\:var\(--color-primary-600\)\]\/80 {
+    --switch-bg-ring: color-mix(in srgb, oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 80%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-indigo-600) 90%, transparent);
+      --switch-bg-ring: color-mix(in oklab, var(--color-primary-600) 80%, transparent);
     }
   }
-  .\[--switch-bg-ring\:var\(--color-lime-400\)\]\/80 {
-    --switch-bg-ring: color-mix(in srgb, oklch(84.1% 0.238 128.85) 80%, transparent);
+  .\[--switch-bg-ring\:var\(--color-primary-800\)\]\/90 {
+    --switch-bg-ring: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 90%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-lime-400) 80%, transparent);
+      --switch-bg-ring: color-mix(in oklab, var(--color-primary-800) 90%, transparent);
     }
   }
-  .\[--switch-bg-ring\:var\(--color-orange-600\)\]\/90 {
-    --switch-bg-ring: color-mix(in srgb, oklch(64.6% 0.222 41.116) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-orange-600) 90%, transparent);
-    }
+  .\[--switch-bg\:var\(--color-accent-600\)\] {
+    --switch-bg: var(--color-accent-600);
   }
-  .\[--switch-bg-ring\:var\(--color-pink-600\)\]\/90 {
-    --switch-bg-ring: color-mix(in srgb, oklch(59.2% 0.249 0.584) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-pink-600) 90%, transparent);
-    }
+  .\[--switch-bg\:var\(--color-grey-600\)\] {
+    --switch-bg: var(--color-grey-600);
   }
-  .\[--switch-bg-ring\:var\(--color-purple-600\)\]\/90 {
-    --switch-bg-ring: color-mix(in srgb, oklch(55.8% 0.288 302.321) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-purple-600) 90%, transparent);
-    }
+  .\[--switch-bg\:var\(--color-grey-900\)\] {
+    --switch-bg: var(--color-grey-900);
   }
-  .\[--switch-bg-ring\:var\(--color-red-700\)\]\/90 {
-    --switch-bg-ring: color-mix(in srgb, oklch(50.5% 0.213 27.518) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-red-700) 90%, transparent);
-    }
+  .\[--switch-bg\:var\(--color-primary-200\)\] {
+    --switch-bg: var(--color-primary-200);
   }
-  .\[--switch-bg-ring\:var\(--color-rose-600\)\]\/90 {
-    --switch-bg-ring: color-mix(in srgb, oklch(58.6% 0.253 17.585) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-rose-600) 90%, transparent);
-    }
+  .\[--switch-bg\:var\(--color-primary-600\)\] {
+    --switch-bg: var(--color-primary-600);
   }
-  .\[--switch-bg-ring\:var\(--color-sky-600\)\]\/80 {
-    --switch-bg-ring: color-mix(in srgb, oklch(58.8% 0.158 241.966) 80%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-sky-600) 80%, transparent);
-    }
-  }
-  .\[--switch-bg-ring\:var\(--color-teal-700\)\]\/90 {
-    --switch-bg-ring: color-mix(in srgb, oklch(51.1% 0.096 186.391) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-teal-700) 90%, transparent);
-    }
-  }
-  .\[--switch-bg-ring\:var\(--color-violet-600\)\]\/90 {
-    --switch-bg-ring: color-mix(in srgb, oklch(54.1% 0.281 293.009) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-violet-600) 90%, transparent);
-    }
-  }
-  .\[--switch-bg-ring\:var\(--color-yellow-400\)\]\/80 {
-    --switch-bg-ring: color-mix(in srgb, oklch(85.2% 0.199 91.936) 80%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-yellow-400) 80%, transparent);
-    }
-  }
-  .\[--switch-bg-ring\:var\(--color-zinc-700\)\]\/90 {
-    --switch-bg-ring: color-mix(in srgb, oklch(37% 0.013 285.805) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-zinc-700) 90%, transparent);
-    }
-  }
-  .\[--switch-bg-ring\:var\(--color-zinc-950\)\]\/90 {
-    --switch-bg-ring: color-mix(in srgb, oklch(14.1% 0.005 285.823) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-bg-ring: color-mix(in oklab, var(--color-zinc-950) 90%, transparent);
-    }
-  }
-  .\[--switch-bg\:var\(--color-amber-400\)\] {
-    --switch-bg: var(--color-amber-400);
-  }
-  .\[--switch-bg\:var\(--color-blue-600\)\] {
-    --switch-bg: var(--color-blue-600);
-  }
-  .\[--switch-bg\:var\(--color-cyan-300\)\] {
-    --switch-bg: var(--color-cyan-300);
-  }
-  .\[--switch-bg\:var\(--color-emerald-500\)\] {
-    --switch-bg: var(--color-emerald-500);
-  }
-  .\[--switch-bg\:var\(--color-fuchsia-500\)\] {
-    --switch-bg: var(--color-fuchsia-500);
-  }
-  .\[--switch-bg\:var\(--color-green-600\)\] {
-    --switch-bg: var(--color-green-600);
-  }
-  .\[--switch-bg\:var\(--color-indigo-500\)\] {
-    --switch-bg: var(--color-indigo-500);
-  }
-  .\[--switch-bg\:var\(--color-lime-300\)\] {
-    --switch-bg: var(--color-lime-300);
-  }
-  .\[--switch-bg\:var\(--color-orange-500\)\] {
-    --switch-bg: var(--color-orange-500);
-  }
-  .\[--switch-bg\:var\(--color-pink-500\)\] {
-    --switch-bg: var(--color-pink-500);
-  }
-  .\[--switch-bg\:var\(--color-purple-500\)\] {
-    --switch-bg: var(--color-purple-500);
-  }
-  .\[--switch-bg\:var\(--color-red-600\)\] {
-    --switch-bg: var(--color-red-600);
-  }
-  .\[--switch-bg\:var\(--color-rose-500\)\] {
-    --switch-bg: var(--color-rose-500);
-  }
-  .\[--switch-bg\:var\(--color-sky-500\)\] {
-    --switch-bg: var(--color-sky-500);
-  }
-  .\[--switch-bg\:var\(--color-teal-600\)\] {
-    --switch-bg: var(--color-teal-600);
-  }
-  .\[--switch-bg\:var\(--color-violet-500\)\] {
-    --switch-bg: var(--color-violet-500);
-  }
-  .\[--switch-bg\:var\(--color-yellow-300\)\] {
-    --switch-bg: var(--color-yellow-300);
-  }
-  .\[--switch-bg\:var\(--color-zinc-600\)\] {
-    --switch-bg: var(--color-zinc-600);
-  }
-  .\[--switch-bg\:var\(--color-zinc-900\)\] {
-    --switch-bg: var(--color-zinc-900);
+  .\[--switch-bg\:var\(--color-primary-800\)\] {
+    --switch-bg: var(--color-primary-800);
   }
   .\[--switch-bg\:white\] {
     --switch-bg: white;
@@ -4043,206 +3893,71 @@
   .\[--switch-ring\:transparent\] {
     --switch-ring: transparent;
   }
-  .\[--switch-ring\:var\(--color-blue-700\)\]\/90 {
-    --switch-ring: color-mix(in srgb, oklch(48.8% 0.243 264.376) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-ring: color-mix(in oklab, var(--color-blue-700) 90%, transparent);
-    }
-  }
-  .\[--switch-ring\:var\(--color-emerald-600\)\]\/90 {
-    --switch-ring: color-mix(in srgb, oklch(59.6% 0.145 163.225) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-ring: color-mix(in oklab, var(--color-emerald-600) 90%, transparent);
-    }
-  }
-  .\[--switch-ring\:var\(--color-fuchsia-600\)\]\/90 {
-    --switch-ring: color-mix(in srgb, oklch(59.1% 0.293 322.896) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-ring: color-mix(in oklab, var(--color-fuchsia-600) 90%, transparent);
-    }
-  }
-  .\[--switch-ring\:var\(--color-green-700\)\]\/90 {
-    --switch-ring: color-mix(in srgb, oklch(52.7% 0.154 150.069) 90%, transparent);
+  .\[--switch-ring\:var\(--color-accent-700\)\]\/90 {
+    --switch-ring: color-mix(in srgb, oklch(0.4394614068520166 0.17219599488242637 18.733343740932114) 90%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --switch-ring: color-mix(in oklab, var(--color-green-700) 90%, transparent);
+      --switch-ring: color-mix(in oklab, var(--color-accent-700) 90%, transparent);
     }
   }
-  .\[--switch-ring\:var\(--color-indigo-600\)\]\/90 {
-    --switch-ring: color-mix(in srgb, oklch(51.1% 0.262 276.966) 90%, transparent);
+  .\[--switch-ring\:var\(--color-grey-700\)\]\/90 {
+    --switch-ring: color-mix(in srgb, oklch(0.3479196456937804 0.010781103557482309 237.35049475166784) 90%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --switch-ring: color-mix(in oklab, var(--color-indigo-600) 90%, transparent);
+      --switch-ring: color-mix(in oklab, var(--color-grey-700) 90%, transparent);
     }
   }
-  .\[--switch-ring\:var\(--color-orange-600\)\]\/90 {
-    --switch-ring: color-mix(in srgb, oklch(64.6% 0.222 41.116) 90%, transparent);
+  .\[--switch-ring\:var\(--color-grey-950\)\]\/90 {
+    --switch-ring: color-mix(in srgb, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 90%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --switch-ring: color-mix(in oklab, var(--color-orange-600) 90%, transparent);
+      --switch-ring: color-mix(in oklab, var(--color-grey-950) 90%, transparent);
     }
   }
-  .\[--switch-ring\:var\(--color-pink-600\)\]\/90 {
-    --switch-ring: color-mix(in srgb, oklch(59.2% 0.249 0.584) 90%, transparent);
+  .\[--switch-ring\:var\(--color-primary-600\)\]\/80 {
+    --switch-ring: color-mix(in srgb, oklch(0.5751126532766045 0.2298336295034379 260.75633298199585) 80%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --switch-ring: color-mix(in oklab, var(--color-pink-600) 90%, transparent);
+      --switch-ring: color-mix(in oklab, var(--color-primary-600) 80%, transparent);
     }
   }
-  .\[--switch-ring\:var\(--color-purple-600\)\]\/90 {
-    --switch-ring: color-mix(in srgb, oklch(55.8% 0.288 302.321) 90%, transparent);
+  .\[--switch-ring\:var\(--color-primary-800\)\]\/90 {
+    --switch-ring: color-mix(in srgb, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 90%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --switch-ring: color-mix(in oklab, var(--color-purple-600) 90%, transparent);
+      --switch-ring: color-mix(in oklab, var(--color-primary-800) 90%, transparent);
     }
   }
-  .\[--switch-ring\:var\(--color-red-700\)\]\/90 {
-    --switch-ring: color-mix(in srgb, oklch(50.5% 0.213 27.518) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-ring: color-mix(in oklab, var(--color-red-700) 90%, transparent);
-    }
-  }
-  .\[--switch-ring\:var\(--color-rose-600\)\]\/90 {
-    --switch-ring: color-mix(in srgb, oklch(58.6% 0.253 17.585) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-ring: color-mix(in oklab, var(--color-rose-600) 90%, transparent);
-    }
-  }
-  .\[--switch-ring\:var\(--color-sky-600\)\]\/80 {
-    --switch-ring: color-mix(in srgb, oklch(58.8% 0.158 241.966) 80%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-ring: color-mix(in oklab, var(--color-sky-600) 80%, transparent);
-    }
-  }
-  .\[--switch-ring\:var\(--color-teal-700\)\]\/90 {
-    --switch-ring: color-mix(in srgb, oklch(51.1% 0.096 186.391) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-ring: color-mix(in oklab, var(--color-teal-700) 90%, transparent);
-    }
-  }
-  .\[--switch-ring\:var\(--color-violet-600\)\]\/90 {
-    --switch-ring: color-mix(in srgb, oklch(54.1% 0.281 293.009) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-ring: color-mix(in oklab, var(--color-violet-600) 90%, transparent);
-    }
-  }
-  .\[--switch-ring\:var\(--color-zinc-700\)\]\/90 {
-    --switch-ring: color-mix(in srgb, oklch(37% 0.013 285.805) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-ring: color-mix(in oklab, var(--color-zinc-700) 90%, transparent);
-    }
+  .\[--switch-shadow\:transparent\] {
+    --switch-shadow: transparent;
   }
-  .\[--switch-ring\:var\(--color-zinc-950\)\]\/90 {
-    --switch-ring: color-mix(in srgb, oklch(14.1% 0.005 285.823) 90%, transparent);
+  .\[--switch-shadow\:var\(--color-accent-900\)\]\/20 {
+    --switch-shadow: color-mix(in srgb, oklch(0.20602880695114223 0.08882088454471393 17.133122508570153) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --switch-ring: color-mix(in oklab, var(--color-zinc-950) 90%, transparent);
+      --switch-shadow: color-mix(in oklab, var(--color-accent-900) 20%, transparent);
     }
   }
-  .\[--switch-shadow\:transparent\] {
-    --switch-shadow: transparent;
-  }
   .\[--switch-shadow\:var\(--color-black\)\]\/10 {
     --switch-shadow: color-mix(in srgb, #000 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       --switch-shadow: color-mix(in oklab, var(--color-black) 10%, transparent);
     }
   }
-  .\[--switch-shadow\:var\(--color-blue-900\)\]\/20 {
-    --switch-shadow: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-shadow: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
-    }
-  }
-  .\[--switch-shadow\:var\(--color-emerald-900\)\]\/20 {
-    --switch-shadow: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-shadow: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
-    }
-  }
-  .\[--switch-shadow\:var\(--color-fuchsia-900\)\]\/20 {
-    --switch-shadow: color-mix(in srgb, oklch(40.1% 0.17 325.612) 20%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-shadow: color-mix(in oklab, var(--color-fuchsia-900) 20%, transparent);
-    }
-  }
-  .\[--switch-shadow\:var\(--color-green-900\)\]\/20 {
-    --switch-shadow: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-shadow: color-mix(in oklab, var(--color-green-900) 20%, transparent);
-    }
-  }
-  .\[--switch-shadow\:var\(--color-indigo-900\)\]\/20 {
-    --switch-shadow: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-shadow: color-mix(in oklab, var(--color-indigo-900) 20%, transparent);
-    }
-  }
-  .\[--switch-shadow\:var\(--color-orange-900\)\]\/20 {
-    --switch-shadow: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-shadow: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
-    }
-  }
-  .\[--switch-shadow\:var\(--color-pink-900\)\]\/20 {
-    --switch-shadow: color-mix(in srgb, oklch(40.8% 0.153 2.432) 20%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-shadow: color-mix(in oklab, var(--color-pink-900) 20%, transparent);
-    }
-  }
-  .\[--switch-shadow\:var\(--color-purple-900\)\]\/20 {
-    --switch-shadow: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-shadow: color-mix(in oklab, var(--color-purple-900) 20%, transparent);
-    }
-  }
-  .\[--switch-shadow\:var\(--color-red-900\)\]\/20 {
-    --switch-shadow: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-shadow: color-mix(in oklab, var(--color-red-900) 20%, transparent);
-    }
-  }
-  .\[--switch-shadow\:var\(--color-rose-900\)\]\/20 {
-    --switch-shadow: color-mix(in srgb, oklch(41% 0.159 10.272) 20%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-shadow: color-mix(in oklab, var(--color-rose-900) 20%, transparent);
-    }
-  }
-  .\[--switch-shadow\:var\(--color-sky-900\)\]\/20 {
-    --switch-shadow: color-mix(in srgb, oklch(39.1% 0.09 240.876) 20%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-shadow: color-mix(in oklab, var(--color-sky-900) 20%, transparent);
-    }
-  }
-  .\[--switch-shadow\:var\(--color-teal-900\)\]\/20 {
-    --switch-shadow: color-mix(in srgb, oklch(38.6% 0.063 188.416) 20%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --switch-shadow: color-mix(in oklab, var(--color-teal-900) 20%, transparent);
-    }
-  }
-  .\[--switch-shadow\:var\(--color-violet-900\)\]\/20 {
-    --switch-shadow: color-mix(in srgb, oklch(38% 0.189 293.745) 20%, transparent);
+  .\[--switch-shadow\:var\(--color-primary-900\)\]\/20 {
+    --switch-shadow: color-mix(in srgb, oklch(0.18849914619305336 0.08210702115716298 259.841936589881) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --switch-shadow: color-mix(in oklab, var(--color-violet-900) 20%, transparent);
+      --switch-shadow: color-mix(in oklab, var(--color-primary-900) 20%, transparent);
     }
   }
-  .\[--switch\:var\(--color-amber-950\)\] {
-    --switch: var(--color-amber-950);
+  .\[--switch\:var\(--color-grey-950\)\] {
+    --switch: var(--color-grey-950);
   }
-  .\[--switch\:var\(--color-cyan-950\)\] {
-    --switch: var(--color-cyan-950);
-  }
-  .\[--switch\:var\(--color-lime-950\)\] {
-    --switch: var(--color-lime-950);
-  }
-  .\[--switch\:var\(--color-yellow-950\)\] {
-    --switch: var(--color-yellow-950);
-  }
-  .\[--switch\:var\(--color-zinc-950\)\] {
-    --switch: var(--color-zinc-950);
+  .\[--switch\:var\(--color-primary-950\)\] {
+    --switch: var(--color-primary-950);
   }
   .\[--switch\:white\] {
     --switch: white;
   }
-  .\[--toggle-border\:var\(--color-nsw-grey-200\)\] {
-    --toggle-border: var(--color-nsw-grey-200);
+  .\[--toggle-border\:var\(--color-grey-200\)\] {
+    --toggle-border: var(--color-grey-200);
   }
-  .\[--toggle-border\:var\(--color-nsw-grey-300\)\] {
-    --toggle-border: var(--color-nsw-grey-300);
+  .\[--toggle-border\:var\(--color-grey-300\)\] {
+    --toggle-border: var(--color-grey-300);
   }
   .\[scrollbar-width\:none\] {
     scrollbar-width: none;
@@ -4354,10 +4069,10 @@
       }
     }
   }
-  .group-hover\:bg-nsw-grey-800 {
+  .group-hover\:bg-grey-800 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
-        background-color: var(--color-nsw-grey-800);
+        background-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
       }
     }
   }
@@ -4382,10 +4097,10 @@
       }
     }
   }
-  .group-hover\:fill-nsw-grey-900 {
+  .group-hover\:fill-grey-900 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
-        fill: var(--color-nsw-grey-900);
+        fill: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
       }
     }
   }
@@ -5232,13 +4947,6 @@
       }
     }
   }
-  .hover\:bg-nsw-grey-100 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-nsw-grey-100);
-      }
-    }
-  }
   .hover\:bg-primary-800\/10 {
     &:hover {
       @media (hover: hover) {
@@ -5335,38 +5043,24 @@
       }
     }
   }
-  .hover\:text-grey-850 {
+  .hover\:text-grey-800 {
     &:hover {
       @media (hover: hover) {
-        color: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
-      }
-    }
-  }
-  .hover\:text-grey-950 {
-    &:hover {
-      @media (hover: hover) {
-        color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
-      }
-    }
-  }
-  .hover\:text-nsw-grey-600 {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-nsw-grey-600);
+        color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
       }
     }
   }
-  .hover\:text-nsw-grey-800 {
+  .hover\:text-grey-850 {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-nsw-grey-800);
+        color: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
       }
     }
   }
-  .hover\:text-nsw-grey-850 {
+  .hover\:text-grey-950 {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-nsw-grey-850);
+        color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
       }
     }
   }
@@ -5453,10 +5147,10 @@
       }
     }
   }
-  .hover\:\[--toggle-border\:var\(--color-nsw-grey-400\)\] {
+  .hover\:\[--toggle-border\:var\(--color-grey-400\)\] {
     &:hover {
       @media (hover: hover) {
-        --toggle-border: var(--color-nsw-grey-400);
+        --toggle-border: var(--color-grey-400);
       }
     }
   }
@@ -5465,14 +5159,14 @@
       z-index: 10;
     }
   }
-  .focus\:border-blue-500 {
+  .focus\:border-grey-600 {
     &:focus {
-      border-color: var(--color-blue-500);
+      border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
     }
   }
-  .focus\:border-grey-600 {
+  .focus\:border-primary-500 {
     &:focus {
-      border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
+      border-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
     }
   }
   .focus\:bg-primary-800\/10 {
@@ -5507,9 +5201,9 @@
         var(--tw-shadow);
     }
   }
-  .focus\:ring-blue-200 {
+  .focus\:ring-primary-200 {
     &:focus {
-      --tw-ring-color: var(--color-blue-200);
+      --tw-ring-color: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
     }
   }
   .focus\:ring-primary-650\/70 {
@@ -5875,9 +5569,9 @@
       pointer-events: none;
     }
   }
-  .data-disabled\:bg-zinc-200 {
+  .data-disabled\:bg-grey-200 {
     &[data-disabled] {
-      background-color: var(--color-zinc-200);
+      background-color: oklch(0.9400701096450296 0 0);
     }
   }
   .data-disabled\:opacity-50 {
@@ -5921,10 +5615,10 @@
       }
     }
   }
-  .data-disabled\:data-checked\:bg-zinc-200 {
+  .data-disabled\:data-checked\:bg-grey-200 {
     &[data-disabled] {
       &[data-checked] {
-        background-color: var(--color-zinc-200);
+        background-color: oklch(0.9400701096450296 0 0);
       }
     }
   }
@@ -6999,9 +6693,9 @@
       background-color: var(--color-green-500);
     }
   }
-  .data-\[state\=on\]\:bg-nsw-grey-100 {
+  .data-\[state\=on\]\:bg-grey-100 {
     &[data-state=on] {
-      background-color: var(--color-nsw-grey-100);
+      background-color: oklch(0.9700350548225147 0 0);
     }
   }
   .data-\[state\=on\]\:bg-primary-800\/10 {
@@ -7014,9 +6708,9 @@
       background-color: var(--color-purple-500);
     }
   }
-  .data-\[state\=on\]\:text-nsw-grey-850 {
+  .data-\[state\=on\]\:text-grey-850 {
     &[data-state=on] {
-      color: var(--color-nsw-grey-850);
+      color: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
     }
   }
   .data-\[state\=on\]\:text-white {
@@ -7535,6 +7229,11 @@
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
   }
+  .sm\:grid-cols-4 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
   .sm\:grid-cols-\[--spacing\(4\)_1fr\] {
     @media (width >= 40rem) {
       grid-template-columns: calc(var(--spacing) * 4) 1fr;
@@ -7698,11 +7397,6 @@
       padding-left: calc(var(--spacing) * 1.5);
     }
   }
-  .sm\:pl-4 {
-    @media (width >= 40rem) {
-      padding-left: calc(var(--spacing) * 4);
-    }
-  }
   .sm\:pl-\[calc\(--spacing\(4\)-1px\)\] {
     @media (width >= 40rem) {
       padding-left: calc(calc(var(--spacing) * 4) - 1px);
@@ -8020,6 +7714,21 @@
       }
     }
   }
+  .lg\:rounded-sm {
+    @media (width >= 64rem) {
+      border-radius: var(--radius-sm);
+    }
+  }
+  .lg\:bg-white {
+    @media (width >= 64rem) {
+      background-color: var(--color-white);
+    }
+  }
+  .lg\:p-10 {
+    @media (width >= 64rem) {
+      padding: calc(var(--spacing) * 10);
+    }
+  }
   .lg\:px-4 {
     @media (width >= 64rem) {
       padding-inline: calc(var(--spacing) * 4);
@@ -8061,6 +7770,33 @@
       line-height: var(--tw-leading, var(--text-sm--line-height));
     }
   }
+  .lg\:shadow-xs {
+    @media (width >= 64rem) {
+      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+      box-shadow:
+        var(--tw-inset-shadow),
+        var(--tw-inset-ring-shadow),
+        var(--tw-ring-offset-shadow),
+        var(--tw-ring-shadow),
+        var(--tw-shadow);
+    }
+  }
+  .lg\:ring-1 {
+    @media (width >= 64rem) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-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);
+    }
+  }
+  .lg\:ring-grey-950\/5 {
+    @media (width >= 64rem) {
+      --tw-ring-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 5%, transparent);
+    }
+  }
   .xl\:sticky {
     @media (width >= 80rem) {
       position: sticky;
@@ -8152,6 +7888,11 @@
       }
     }
   }
+  .dark\:border-danger-700 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: var(--color-danger-700);
+    }
+  }
   .dark\:border-gray-600 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--color-gray-600);
@@ -8162,32 +7903,24 @@
       border-color: var(--color-gray-800);
     }
   }
-  .dark\:border-grey-200\/15 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      border-color: color-mix(in oklab, oklch(0.9400701096450296 0 0) 15%, transparent);
-    }
-  }
-  .dark\:border-grey-600 {
+  .dark\:border-grey-50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
+      border-color: oklch(0.9850175274112574 0 0);
     }
   }
-  .dark\:border-nsw-grey-50 {
+  .dark\:border-grey-200\/15 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      border-color: var(--color-nsw-grey-50);
+      border-color: color-mix(in oklab, oklch(0.9400701096450296 0 0) 15%, transparent);
     }
   }
-  .dark\:border-nsw-grey-200\/20 {
+  .dark\:border-grey-200\/20 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      border-color: color-mix(in srgb, oklch(0.9400701096450296 0 0) 20%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab, var(--color-nsw-grey-200) 20%, transparent);
-      }
+      border-color: color-mix(in oklab, oklch(0.9400701096450296 0 0) 20%, transparent);
     }
   }
-  .dark\:border-red-700 {
+  .dark\:border-grey-600 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      border-color: var(--color-red-700);
+      border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
     }
   }
   .dark\:border-slate-800 {
@@ -8282,19 +8015,6 @@
       }
     }
   }
-  .dark\:bg-blue-500 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-blue-500);
-    }
-  }
-  .dark\:bg-blue-500\/30 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
-      }
-    }
-  }
   .dark\:bg-blue-900 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--color-blue-900);
@@ -8305,16 +8025,16 @@
       background-color: var(--color-blue-950);
     }
   }
-  .dark\:bg-emerald-500 {
+  .dark\:bg-danger-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-emerald-500);
+      background-color: var(--color-danger-500);
     }
   }
-  .dark\:bg-emerald-500\/30 {
+  .dark\:bg-danger-500\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
+      background-color: color-mix(in srgb, oklch(0.5647631027123693 0.17094795668235796 18.194273652364046) 30%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
+        background-color: color-mix(in oklab, var(--color-danger-500) 30%, transparent);
       }
     }
   }
@@ -8328,27 +8048,24 @@
       background-color: var(--color-gray-400);
     }
   }
-  .dark\:bg-gray-500 {
+  .dark\:bg-gray-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-gray-500);
+      background-color: var(--color-gray-800);
     }
   }
-  .dark\:bg-gray-500\/40 {
+  .dark\:bg-gray-950 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 40%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-gray-500) 40%, transparent);
-      }
+      background-color: var(--color-gray-950);
     }
   }
-  .dark\:bg-gray-800 {
+  .dark\:bg-grey-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-gray-800);
+      background-color: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
     }
   }
-  .dark\:bg-gray-950 {
+  .dark\:bg-grey-500\/40 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-gray-950);
+      background-color: color-mix(in oklab, oklch(0.6447616500965888 0.009489236713901311 230.74294411759388) 40%, transparent);
     }
   }
   .dark\:bg-grey-700 {
@@ -8379,29 +8096,34 @@
       }
     }
   }
-  .dark\:bg-nsw-grey-800 {
+  .dark\:bg-primary-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-nsw-grey-800);
+      background-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
     }
   }
-  .dark\:bg-red-500 {
+  .dark\:bg-primary-500\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-red-500);
+      background-color: color-mix(in oklab, oklch(0.719602022988773 0.1609881523353869 242.17574150873253) 30%, transparent);
     }
   }
-  .dark\:bg-red-500\/30 {
+  .dark\:bg-slate-900\/95 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
+      background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
+        background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent);
       }
     }
   }
-  .dark\:bg-slate-900\/95 {
+  .dark\:bg-success-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
+      background-color: var(--color-success-500);
+    }
+  }
+  .dark\:bg-success-500\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: color-mix(in srgb, oklch(0.6047649705534097 0.16397310554979067 142.81705960187193) 30%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent);
+        background-color: color-mix(in oklab, var(--color-success-500) 30%, transparent);
       }
     }
   }
@@ -8410,6 +8132,19 @@
       background-color: transparent;
     }
   }
+  .dark\:bg-warning-500 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--color-warning-500);
+    }
+  }
+  .dark\:bg-warning-500\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: color-mix(in srgb, oklch(0.635112024028673 0.15086229457323366 43.85506733863466) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-warning-500) 30%, transparent);
+      }
+    }
+  }
   .dark\:bg-white {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--color-white);
@@ -8439,19 +8174,6 @@
       }
     }
   }
-  .dark\:bg-yellow-500 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-yellow-500);
-    }
-  }
-  .dark\:bg-yellow-500\/30 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
-      }
-    }
-  }
   .dark\:fill-gray-50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       fill: var(--color-gray-50);
@@ -8472,9 +8194,9 @@
       fill: var(--color-gray-500);
     }
   }
-  .dark\:fill-nsw-grey-100 {
+  .dark\:fill-grey-100 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      fill: var(--color-nsw-grey-100);
+      fill: oklch(0.9700350548225147 0 0);
     }
   }
   .dark\:fill-white {
@@ -8482,83 +8204,77 @@
       fill: var(--color-white);
     }
   }
-  .dark\:stroke-blue-500 {
+  .dark\:stroke-danger-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      stroke: var(--color-blue-500);
+      stroke: var(--color-danger-500);
     }
   }
-  .dark\:stroke-blue-500\/30 {
+  .dark\:stroke-danger-500\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      stroke: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
+      stroke: color-mix(in srgb, oklch(0.5647631027123693 0.17094795668235796 18.194273652364046) 30%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        stroke: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
+        stroke: color-mix(in oklab, var(--color-danger-500) 30%, transparent);
       }
     }
   }
-  .dark\:stroke-emerald-500 {
+  .dark\:stroke-gray-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      stroke: var(--color-emerald-500);
+      stroke: var(--color-gray-800);
     }
   }
-  .dark\:stroke-emerald-500\/30 {
+  .dark\:stroke-gray-950 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      stroke: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        stroke: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
-      }
+      stroke: var(--color-gray-950);
     }
   }
-  .dark\:stroke-gray-500 {
+  .dark\:stroke-grey-400 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      stroke: var(--color-gray-500);
+      stroke: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
     }
   }
-  .dark\:stroke-gray-500\/40 {
+  .dark\:stroke-grey-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      stroke: color-mix(in srgb, oklch(55.1% 0.027 264.364) 40%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        stroke: color-mix(in oklab, var(--color-gray-500) 40%, transparent);
-      }
+      stroke: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
     }
   }
-  .dark\:stroke-gray-800 {
+  .dark\:stroke-grey-500\/40 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      stroke: var(--color-gray-800);
+      stroke: color-mix(in oklab, oklch(0.6447616500965888 0.009489236713901311 230.74294411759388) 40%, transparent);
     }
   }
-  .dark\:stroke-gray-950 {
+  .dark\:stroke-primary-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      stroke: var(--color-gray-950);
+      stroke: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
     }
   }
-  .dark\:stroke-grey-400 {
+  .dark\:stroke-primary-500\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      stroke: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
+      stroke: color-mix(in oklab, oklch(0.719602022988773 0.1609881523353869 242.17574150873253) 30%, transparent);
     }
   }
-  .dark\:stroke-red-500 {
+  .dark\:stroke-success-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      stroke: var(--color-red-500);
+      stroke: var(--color-success-500);
     }
   }
-  .dark\:stroke-red-500\/30 {
+  .dark\:stroke-success-500\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      stroke: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
+      stroke: color-mix(in srgb, oklch(0.6047649705534097 0.16397310554979067 142.81705960187193) 30%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        stroke: color-mix(in oklab, var(--color-red-500) 30%, transparent);
+        stroke: color-mix(in oklab, var(--color-success-500) 30%, transparent);
       }
     }
   }
-  .dark\:stroke-yellow-500 {
+  .dark\:stroke-warning-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      stroke: var(--color-yellow-500);
+      stroke: var(--color-warning-500);
     }
   }
-  .dark\:stroke-yellow-500\/30 {
+  .dark\:stroke-warning-500\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      stroke: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
+      stroke: color-mix(in srgb, oklch(0.635112024028673 0.15086229457323366 43.85506733863466) 30%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        stroke: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
+        stroke: color-mix(in oklab, var(--color-warning-500) 30%, transparent);
       }
     }
   }
@@ -8587,6 +8303,11 @@
       color: var(--color-gray-900);
     }
   }
+  .dark\:text-grey-50 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: oklch(0.9850175274112574 0 0);
+    }
+  }
   .dark\:text-grey-200 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: oklch(0.9400701096450296 0 0);
@@ -8602,11 +8323,6 @@
       color: var(--muted-foreground);
     }
   }
-  .dark\:text-nsw-grey-400 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-nsw-grey-400);
-    }
-  }
   .dark\:text-primary-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
@@ -8651,17 +8367,17 @@
         var(--tw-shadow);
     }
   }
-  .dark\:ring-gray-950 {
+  .dark\:ring-danger-700\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      --tw-ring-color: var(--color-gray-950);
+      --tw-ring-color: color-mix(in srgb, oklch(0.3732298962531466 0.1454959508530616 19.3735136259701) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-danger-700) 30%, transparent);
+      }
     }
   }
-  .dark\:ring-red-700\/30 {
+  .dark\:ring-gray-950 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      --tw-ring-color: color-mix(in srgb, oklch(50.5% 0.213 27.518) 30%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--color-red-700) 30%, transparent);
-      }
+      --tw-ring-color: var(--color-gray-950);
     }
   }
   .dark\:ring-white\/10 {
@@ -8680,9 +8396,9 @@
       }
     }
   }
-  .dark\:outline-blue-500 {
+  .dark\:outline-primary-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      outline-color: var(--color-blue-500);
+      outline-color: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
     }
   }
   .dark\:backdrop-blur-sm {
@@ -8885,17 +8601,17 @@
       --switch-ring: transparent;
     }
   }
-  .dark\:\[--switch-ring\:var\(--color-zinc-700\)\]\/90 {
+  .dark\:\[--switch-ring\:var\(--color-grey-700\)\]\/90 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      --switch-ring: color-mix(in srgb, oklch(37% 0.013 285.805) 90%, transparent);
+      --switch-ring: color-mix(in srgb, oklch(0.3479196456937804 0.010781103557482309 237.35049475166784) 90%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        --switch-ring: color-mix(in oklab, var(--color-zinc-700) 90%, transparent);
+        --switch-ring: color-mix(in oklab, var(--color-grey-700) 90%, transparent);
       }
     }
   }
-  .dark\:\[--switch\:var\(--color-zinc-900\)\] {
+  .dark\:\[--switch\:var\(--color-grey-900\)\] {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      --switch: var(--color-zinc-900);
+      --switch: var(--color-grey-900);
     }
   }
   .dark\:\[--toggle-border\:white\]\/40 {
@@ -8917,11 +8633,11 @@
       }
     }
   }
-  .dark\:group-hover\:fill-nsw-grey-500 {
+  .dark\:group-hover\:fill-grey-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:is(:where(.group):hover *) {
         @media (hover: hover) {
-          fill: var(--color-nsw-grey-500);
+          fill: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
         }
       }
     }
@@ -8989,10 +8705,10 @@
       }
     }
   }
-  .dark\:group-data-\[state\=checked\]\:border-nsw-grey-400 {
+  .dark\:group-data-\[state\=checked\]\:border-grey-400 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:is(:where(.group)[data-state=checked] *) {
-        border-color: var(--color-nsw-grey-400);
+        border-color: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
       }
     }
   }
@@ -9108,15 +8824,6 @@
       }
     }
   }
-  .dark\:hover\:bg-nsw-grey-700 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-nsw-grey-700);
-        }
-      }
-    }
-  }
   .dark\:hover\:bg-white\/10 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -9183,20 +8890,17 @@
       }
     }
   }
-  .dark\:focus\:border-blue-700 {
+  .dark\:focus\:border-primary-700 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
-        border-color: var(--color-blue-700);
+        border-color: oklch(0.43255566986372795 0.17356468700683536 260.29913478593846);
       }
     }
   }
-  .dark\:focus\:ring-blue-700\/30 {
+  .dark\:focus\:ring-primary-700\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
-        --tw-ring-color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 30%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          --tw-ring-color: color-mix(in oklab, var(--color-blue-700) 30%, transparent);
-        }
+        --tw-ring-color: color-mix(in oklab, oklch(0.43255566986372795 0.17356468700683536 260.29913478593846) 30%, transparent);
       }
     }
   }
@@ -9686,6 +9390,23 @@
       }
     }
   }
+  .dark\:lg\:bg-grey-900 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      @media (width >= 64rem) {
+        background-color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
+      }
+    }
+  }
+  .dark\:lg\:ring-white\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      @media (width >= 64rem) {
+        --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+        }
+      }
+    }
+  }
   .forced-colors\:stroke-\[CanvasText\] {
     @media (forced-colors: active) {
       stroke: CanvasText;
@@ -10045,9 +9766,9 @@
       border-bottom-left-radius: var(--radius-md);
     }
   }
-  .\[\&\:has\(\[data-state\=checked\]\)\]\:border-nsw-grey-800 {
+  .\[\&\:has\(\[data-state\=checked\]\)\]\:border-grey-800 {
     &:has([data-state=checked]) {
-      border-color: var(--color-nsw-grey-800);
+      border-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
     }
   }
   .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {