@nswds/app 1.32.0 → 1.33.0

package/dist/globals.css

@@ -7,24 +7,39 @@
       "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "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-700: oklch(50.5% 0.213 27.518);
+    --color-amber-500: oklch(76.9% 0.188 70.08);
+    --color-yellow-200: oklch(94.5% 0.129 101.54);
+    --color-yellow-500: oklch(79.5% 0.184 86.047);
+    --color-lime-500: oklch(76.8% 0.233 130.85);
     --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-emerald-200: oklch(90.5% 0.093 164.15);
+    --color-emerald-500: oklch(69.6% 0.17 162.48);
+    --color-cyan-500: oklch(71.5% 0.143 215.221);
     --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);
+    --color-blue-300: oklch(80.9% 0.105 251.813);
     --color-blue-500: oklch(62.3% 0.214 259.815);
     --color-blue-600: oklch(54.6% 0.245 262.881);
     --color-blue-700: oklch(48.8% 0.243 264.376);
+    --color-blue-800: oklch(42.4% 0.199 265.638);
+    --color-blue-900: oklch(37.9% 0.146 265.522);
     --color-blue-950: oklch(28.2% 0.091 267.935);
     --color-indigo-500: oklch(58.5% 0.233 277.117);
+    --color-violet-500: oklch(60.6% 0.25 292.717);
     --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-fuchsia-500: oklch(66.7% 0.295 322.15);
+    --color-pink-500: oklch(65.6% 0.241 354.308);
     --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);
@@ -43,6 +58,7 @@
     --color-gray-700: oklch(37.3% 0.034 259.733);
     --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-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -87,6 +103,7 @@
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --blur-sm: 8px;
+    --aspect-video: 16 / 9;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
@@ -125,6 +142,12 @@
     --color-success-550: oklch(0.57690284912354 0.17445865860690835 142.80890696720576);
     --color-danger-450: oklch(0.5961466901234453 0.1600594003984286 18.251840020312933);
     --color-danger-500: oklch(0.5647631027123693 0.17094795668235796 18.194273652364046);
+    --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);
+    --animate-slide-left-and-fade: slideLeftAndFade 150ms cubic-bezier(0.16, 1, 0.3, 1);
+    --animate-slide-up-and-fade: slideUpAndFade 150ms cubic-bezier(0.16, 1, 0.3, 1);
+    --animate-slide-right-and-fade: slideRightAndFade 150ms cubic-bezier(0.16, 1, 0.3, 1);
   }
 }
 @layer base {
@@ -420,6 +443,12 @@
   .row-start-1 {
     grid-row-start: 1;
   }
+  .-m-0 {
+    margin: calc(var(--spacing) * -0);
+  }
+  .-m-0\! {
+    margin: calc(var(--spacing) * -0) !important;
+  }
   .-m-1 {
     margin: calc(var(--spacing) * -1);
   }
@@ -444,6 +473,12 @@
   .mx-auto {
     margin-inline: auto;
   }
+  .my-0 {
+    margin-block: calc(var(--spacing) * 0);
+  }
+  .my-0\.5 {
+    margin-block: calc(var(--spacing) * 0.5);
+  }
   .my-1 {
     margin-block: calc(var(--spacing) * 1);
   }
@@ -507,6 +542,15 @@
   .-mb-px {
     margin-bottom: -1px;
   }
+  .mb-0 {
+    margin-bottom: calc(var(--spacing) * 0);
+  }
+  .mb-1 {
+    margin-bottom: calc(var(--spacing) * 1);
+  }
+  .mb-1\.5 {
+    margin-bottom: calc(var(--spacing) * 1.5);
+  }
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
@@ -600,6 +644,9 @@
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
+  .aspect-video {
+    aspect-ratio: var(--aspect-video);
+  }
   .size-2 {
     width: calc(var(--spacing) * 2);
     height: calc(var(--spacing) * 2);
@@ -628,6 +675,10 @@
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
   }
+  .size-7 {
+    width: calc(var(--spacing) * 7);
+    height: calc(var(--spacing) * 7);
+  }
   .size-8 {
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
@@ -687,9 +738,18 @@
   .h-24 {
     height: calc(var(--spacing) * 24);
   }
+  .h-40 {
+    height: calc(var(--spacing) * 40);
+  }
+  .h-80 {
+    height: calc(var(--spacing) * 80);
+  }
   .h-\[1\.15rem\] {
     height: 1.15rem;
   }
+  .h-\[3px\] {
+    height: 3px;
+  }
   .h-\[44px\] {
     height: 44px;
   }
@@ -756,6 +816,9 @@
   .w-0\.5 {
     width: calc(var(--spacing) * 0.5);
   }
+  .w-1 {
+    width: calc(var(--spacing) * 1);
+  }
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -765,6 +828,9 @@
   .w-3 {
     width: calc(var(--spacing) * 3);
   }
+  .w-3\.5 {
+    width: calc(var(--spacing) * 3.5);
+  }
   .w-3\/4 {
     width: calc(3/4 * 100%);
   }
@@ -786,6 +852,12 @@
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
+  .w-28 {
+    width: calc(var(--spacing) * 28);
+  }
+  .w-40 {
+    width: calc(var(--spacing) * 40);
+  }
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
@@ -846,9 +918,15 @@
   .max-w-4xl {
     max-width: var(--container-4xl);
   }
+  .max-w-60 {
+    max-width: calc(var(--spacing) * 60);
+  }
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
+  .max-w-full {
+    max-width: 100%;
+  }
   .max-w-lg {
     max-width: var(--container-lg);
   }
@@ -941,6 +1019,18 @@
     --tw-translate-x: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-x-\[45\%\] {
+    --tw-translate-x: calc(45% * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-x-1 {
+    --tw-translate-x: calc(var(--spacing) * 1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-x-1\/2 {
+    --tw-translate-x: calc(1/2 * 100%);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-x-\[-50\%\] {
     --tw-translate-x: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -953,6 +1043,10 @@
     --tw-translate-y: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-y-\[15\%\] {
+    --tw-translate-y: calc(15% * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-0 {
     --tw-translate-y: calc(var(--spacing) * 0);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -973,6 +1067,9 @@
     --tw-scale-x: calc(100% * -1);
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
+  .-rotate-90 {
+    rotate: calc(90deg * -1);
+  }
   .rotate-45 {
     rotate: 45deg;
   }
@@ -982,6 +1079,9 @@
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .transform-gpu {
+    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+  }
   .animate-pulse {
     animation: var(--animate-pulse);
   }
@@ -994,6 +1094,9 @@
   .cursor-default {
     cursor: default;
   }
+  .cursor-not-allowed {
+    cursor: not-allowed;
+  }
   .cursor-pointer {
     cursor: pointer;
   }
@@ -1003,6 +1106,9 @@
   .resize {
     resize: both;
   }
+  .snap-mandatory {
+    --tw-scroll-snap-strictness: mandatory;
+  }
   .scroll-my-1 {
     scroll-margin-block: calc(var(--spacing) * 1);
   }
@@ -1051,6 +1157,9 @@
   .flex-row-reverse {
     flex-direction: row-reverse;
   }
+  .flex-nowrap {
+    flex-wrap: nowrap;
+  }
   .flex-wrap {
     flex-wrap: wrap;
   }
@@ -1066,6 +1175,9 @@
   .items-start {
     align-items: flex-start;
   }
+  .items-stretch {
+    align-items: stretch;
+  }
   .justify-between {
     justify-content: space-between;
   }
@@ -1084,6 +1196,9 @@
   .gap-0 {
     gap: calc(var(--spacing) * 0);
   }
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * 0.5);
+  }
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -1124,6 +1239,13 @@
       margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-1\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-2 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1209,6 +1331,20 @@
       margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .space-x-6 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .space-x-8 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
   .gap-y-0 {
     row-gap: calc(var(--spacing) * 0);
   }
@@ -1280,6 +1416,9 @@
   .rounded {
     border-radius: 0.25rem;
   }
+  .rounded-\[1px\] {
+    border-radius: 1px;
+  }
   .rounded-\[2px\] {
     border-radius: 2px;
   }
@@ -1341,6 +1480,10 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
+  .border-\[1\.5px\] {
+    border-style: var(--tw-border-style);
+    border-width: 1.5px;
+  }
   .border-x {
     border-inline-style: var(--tw-border-style);
     border-inline-width: 1px;
@@ -1373,6 +1516,10 @@
     --tw-border-style: dashed;
     border-style: dashed;
   }
+  .border-none {
+    --tw-border-style: none;
+    border-style: none;
+  }
   .border-\(--badge-bg\) {
     border-color: var(--badge-bg);
   }
@@ -1391,6 +1538,9 @@
       border-color: color-mix(in oklab, var(--btn-bg) 50%, transparent);
     }
   }
+  .border-\(--color-border\) {
+    border-color: var(--color-border);
+  }
   .border-\(--toggle-border\) {
     border-color: var(--toggle-border);
   }
@@ -1403,6 +1553,12 @@
   .border-border {
     border-color: var(--border);
   }
+  .border-border\/50 {
+    border-color: var(--border);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--border) 50%, transparent);
+    }
+  }
   .border-gray-100 {
     border-color: var(--color-gray-100);
   }
@@ -1424,6 +1580,9 @@
   .border-grey-950\/10 {
     border-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 10%, transparent);
   }
+  .border-inherit {
+    border-color: inherit;
+  }
   .border-input {
     border-color: var(--input);
   }
@@ -1445,6 +1604,9 @@
   .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);
   }
@@ -1487,6 +1649,12 @@
   .bg-\(--btn-transparent\) {
     background-color: var(--btn-transparent);
   }
+  .bg-\(--color-bg\) {
+    background-color: var(--color-bg);
+  }
+  .bg-amber-500 {
+    background-color: var(--color-amber-500);
+  }
   .bg-background {
     background-color: var(--background);
   }
@@ -1502,12 +1670,21 @@
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
+  .bg-blue-200 {
+    background-color: var(--color-blue-200);
+  }
+  .bg-blue-500 {
+    background-color: var(--color-blue-500);
+  }
   .bg-border {
     background-color: var(--border);
   }
   .bg-card {
     background-color: var(--card);
   }
+  .bg-cyan-500 {
+    background-color: var(--color-cyan-500);
+  }
   .bg-danger-450 {
     background-color: var(--color-danger-450);
   }
@@ -1520,12 +1697,30 @@
       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);
+  }
+  .bg-fuchsia-500 {
+    background-color: var(--color-fuchsia-500);
+  }
   .bg-gray-50 {
     background-color: var(--color-gray-50);
   }
   .bg-gray-100 {
     background-color: var(--color-gray-100);
   }
+  .bg-gray-200 {
+    background-color: var(--color-gray-200);
+  }
+  .bg-gray-400 {
+    background-color: var(--color-gray-400);
+  }
+  .bg-gray-500 {
+    background-color: var(--color-gray-500);
+  }
   .bg-gray-800 {
     background-color: var(--color-gray-800);
   }
@@ -1550,6 +1745,9 @@
   .bg-grey-950\/\[2\.5\%\] {
     background-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 2.5%, transparent);
   }
+  .bg-lime-500 {
+    background-color: var(--color-lime-500);
+  }
   .bg-muted {
     background-color: var(--muted);
   }
@@ -1574,6 +1772,9 @@
   .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);
   }
@@ -1592,6 +1793,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);
   }
@@ -1604,9 +1811,18 @@
   .bg-transparent {
     background-color: transparent;
   }
+  .bg-violet-500 {
+    background-color: var(--color-violet-500);
+  }
   .bg-white {
     background-color: var(--color-white);
   }
+  .bg-yellow-200 {
+    background-color: var(--color-yellow-200);
+  }
+  .bg-yellow-500 {
+    background-color: var(--color-yellow-500);
+  }
   .bg-linear-to-t {
     --tw-gradient-position: to top;
     @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -1622,9 +1838,39 @@
     --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);
+  }
+  .fill-blue-500 {
+    fill: var(--color-blue-500);
+  }
   .fill-current {
     fill: currentcolor;
   }
+  .fill-cyan-500 {
+    fill: var(--color-cyan-500);
+  }
+  .fill-emerald-500 {
+    fill: var(--color-emerald-500);
+  }
+  .fill-fuchsia-500 {
+    fill: var(--color-fuchsia-500);
+  }
+  .fill-gray-500 {
+    fill: var(--color-gray-500);
+  }
+  .fill-gray-700 {
+    fill: var(--color-gray-700);
+  }
+  .fill-gray-800 {
+    fill: var(--color-gray-800);
+  }
+  .fill-gray-900 {
+    fill: var(--color-gray-900);
+  }
+  .fill-lime-500 {
+    fill: var(--color-lime-500);
+  }
   .fill-nsw-blue-800 {
     fill: var(--color-nsw-blue-800);
   }
@@ -1640,12 +1886,72 @@
   .fill-nsw-red-600 {
     fill: var(--color-nsw-red-600);
   }
+  .fill-pink-500 {
+    fill: var(--color-pink-500);
+  }
   .fill-primary {
     fill: var(--primary);
   }
   .fill-primary-800 {
     fill: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
   }
+  .fill-violet-500 {
+    fill: var(--color-violet-500);
+  }
+  .stroke-amber-500 {
+    stroke: var(--color-amber-500);
+  }
+  .stroke-blue-200 {
+    stroke: var(--color-blue-200);
+  }
+  .stroke-blue-500 {
+    stroke: var(--color-blue-500);
+  }
+  .stroke-cyan-500 {
+    stroke: var(--color-cyan-500);
+  }
+  .stroke-emerald-200 {
+    stroke: var(--color-emerald-200);
+  }
+  .stroke-emerald-500 {
+    stroke: var(--color-emerald-500);
+  }
+  .stroke-fuchsia-500 {
+    stroke: var(--color-fuchsia-500);
+  }
+  .stroke-gray-200 {
+    stroke: var(--color-gray-200);
+  }
+  .stroke-gray-500 {
+    stroke: var(--color-gray-500);
+  }
+  .stroke-lime-500 {
+    stroke: var(--color-lime-500);
+  }
+  .stroke-pink-500 {
+    stroke: var(--color-pink-500);
+  }
+  .stroke-red-200 {
+    stroke: var(--color-red-200);
+  }
+  .stroke-red-500 {
+    stroke: var(--color-red-500);
+  }
+  .stroke-violet-500 {
+    stroke: var(--color-violet-500);
+  }
+  .stroke-white {
+    stroke: var(--color-white);
+  }
+  .stroke-yellow-200 {
+    stroke: var(--color-yellow-200);
+  }
+  .stroke-yellow-500 {
+    stroke: var(--color-yellow-500);
+  }
+  .stroke-1 {
+    stroke-width: 1;
+  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -1712,6 +2018,9 @@
   .px-8 {
     padding-inline: calc(var(--spacing) * 8);
   }
+  .px-\[0\.5px\] {
+    padding-inline: 0.5px;
+  }
   .px-\[calc\(--spacing\(1\)\*1\.5\)\] {
     padding-inline: calc(calc(var(--spacing) * 1) * 1.5);
   }
@@ -1781,6 +2090,9 @@
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
@@ -1793,6 +2105,12 @@
   .pt-14 {
     padding-top: calc(var(--spacing) * 14);
   }
+  .pr-0 {
+    padding-right: calc(var(--spacing) * 0);
+  }
+  .pr-0\.5 {
+    padding-right: calc(var(--spacing) * 0.5);
+  }
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
@@ -1959,6 +2277,10 @@
   .text-\[length\:var\(--font-size-4\)\] {
     font-size: var(--font-size-4);
   }
+  .leading-5 {
+    --tw-leading: calc(var(--spacing) * 5);
+    line-height: calc(var(--spacing) * 5);
+  }
   .leading-6 {
     --tw-leading: calc(var(--spacing) * 6);
     line-height: calc(var(--spacing) * 6);
@@ -2093,6 +2415,9 @@
   .text-\(--btn-text\) {
     color: var(--btn-text);
   }
+  .text-amber-500 {
+    color: var(--color-amber-500);
+  }
   .text-blue-500 {
     color: var(--color-blue-500);
   }
@@ -2108,15 +2433,33 @@
   .text-current {
     color: currentcolor;
   }
+  .text-cyan-500 {
+    color: var(--color-cyan-500);
+  }
   .text-destructive {
     color: var(--destructive);
   }
+  .text-emerald-500 {
+    color: var(--color-emerald-500);
+  }
   .text-foreground {
     color: var(--foreground);
   }
+  .text-fuchsia-500 {
+    color: var(--color-fuchsia-500);
+  }
+  .text-gray-50 {
+    color: var(--color-gray-50);
+  }
+  .text-gray-400 {
+    color: var(--color-gray-400);
+  }
   .text-gray-500 {
     color: var(--color-gray-500);
   }
+  .text-gray-700 {
+    color: var(--color-gray-700);
+  }
   .text-gray-900 {
     color: var(--color-gray-900);
   }
@@ -2144,6 +2487,9 @@
   .text-grey-950 {
     color: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
   }
+  .text-lime-500 {
+    color: var(--color-lime-500);
+  }
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
@@ -2162,6 +2508,9 @@
   .text-nsw-grey-900 {
     color: var(--color-nsw-grey-900);
   }
+  .text-pink-500 {
+    color: var(--color-pink-500);
+  }
   .text-popover-foreground {
     color: var(--popover-foreground);
   }
@@ -2210,6 +2559,9 @@
   .text-transparent {
     color: transparent;
   }
+  .text-violet-500 {
+    color: var(--color-violet-500);
+  }
   .text-white {
     color: var(--color-white);
   }
@@ -2225,6 +2577,10 @@
   .italic {
     font-style: italic;
   }
+  .tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+  }
   .underline {
     text-decoration-line: underline;
   }
@@ -2244,6 +2600,9 @@
   .opacity-0 {
     opacity: 0%;
   }
+  .opacity-40 {
+    opacity: 40%;
+  }
   .opacity-50 {
     opacity: 50%;
   }
@@ -2273,14 +2632,26 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-xs {
     --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);
   }
+  .ring {
+    --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);
+  }
   .ring-0 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
   }
+  .ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
+  }
   .shadow-grey-900 {
     --tw-shadow-color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2305,6 +2676,9 @@
       --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
+  .ring-red-200 {
+    --tw-ring-color: var(--color-red-200);
+  }
   .ring-ring {
     --tw-ring-color: var(--ring);
   }
@@ -2314,6 +2688,9 @@
       --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
     }
   }
+  .ring-white {
+    --tw-ring-color: var(--color-white);
+  }
   .ring-offset-white {
     --tw-ring-offset-color: var(--color-white);
   }
@@ -2329,6 +2706,16 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .outline-0 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
+  .outline-offset-2 {
+    outline-offset: 2px;
+  }
+  .outline-blue-500 {
+    outline-color: var(--color-blue-500);
+  }
   .backdrop-filter {
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -2388,10 +2775,21 @@
     --tw-duration: 500ms;
     transition-duration: 500ms;
   }
+  .duration-800 {
+    --tw-duration: 800ms;
+    transition-duration: 800ms;
+  }
   .ease-in-out {
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
   }
+  .ease-linear {
+    --tw-ease: linear;
+    transition-timing-function: linear;
+  }
+  .will-change-\[transform\,opacity\] {
+    will-change: transform,opacity;
+  }
   .animate-in {
     animation-name: enter;
     animation-duration: 150ms;
@@ -2659,6 +3057,9 @@
   .\[--toggle-border\:var\(--color-nsw-grey-300\)\] {
     --toggle-border: var(--color-nsw-grey-300);
   }
+  .\[scrollbar-width\:none\] {
+    scrollbar-width: none;
+  }
   .duration-200 {
     animation-duration: 200ms;
   }
@@ -2668,9 +3069,15 @@
   .duration-500 {
     animation-duration: 500ms;
   }
+  .duration-800 {
+    animation-duration: 800ms;
+  }
   .ease-in-out {
     animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   }
+  .ease-linear {
+    animation-timing-function: linear;
+  }
   .fade-in-0 {
     --tw-enter-opacity: 0;
   }
@@ -2710,6 +3117,13 @@
       }
     }
   }
+  .group-hover\:bg-blue-300 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        background-color: var(--color-blue-300);
+      }
+    }
+  }
   .group-hover\:bg-danger-500 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -2759,6 +3173,13 @@
       }
     }
   }
+  .group-hover\:text-gray-900 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-gray-900);
+      }
+    }
+  }
   .group-hover\:text-white {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -3178,12 +3599,29 @@
       }
     }
   }
+  .first\:rounded-l-\[4px\] {
+    &:first-child {
+      border-top-left-radius: 4px;
+      border-bottom-left-radius: 4px;
+    }
+  }
   .first\:rounded-l-sm {
     &:first-child {
       border-top-left-radius: var(--radius-sm);
       border-bottom-left-radius: var(--radius-sm);
     }
   }
+  .first\:pl-0 {
+    &:first-child {
+      padding-left: calc(var(--spacing) * 0);
+    }
+  }
+  .last\:rounded-r-\[4px\] {
+    &:last-child {
+      border-top-right-radius: 4px;
+      border-bottom-right-radius: 4px;
+    }
+  }
   .last\:rounded-r-sm {
     &:last-child {
       border-top-right-radius: var(--radius-sm);
@@ -3196,6 +3634,11 @@
       border-bottom-width: 0px;
     }
   }
+  .last\:pr-0 {
+    &:last-child {
+      padding-right: calc(var(--spacing) * 0);
+    }
+  }
   .focus-within\:ring-2 {
     &:focus-within {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3382,6 +3825,13 @@
       }
     }
   }
+  .hover\:text-gray-900 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-gray-900);
+      }
+    }
+  }
   .hover\:text-green-600 {
     &:hover {
       @media (hover: hover) {
@@ -3480,6 +3930,20 @@
       }
     }
   }
+  .hover\:underline-offset-2 {
+    &:hover {
+      @media (hover: hover) {
+        text-underline-offset: 2px;
+      }
+    }
+  }
+  .hover\:opacity-50 {
+    &:hover {
+      @media (hover: hover) {
+        opacity: 50%;
+      }
+    }
+  }
   .hover\:ring-4 {
     &:hover {
       @media (hover: hover) {
@@ -3500,6 +3964,11 @@
       z-index: 10;
     }
   }
+  .focus\:border-blue-500 {
+    &:focus {
+      border-color: var(--color-blue-500);
+    }
+  }
   .focus\:bg-primary-800\/10 {
     &:focus {
       background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
@@ -3527,6 +3996,17 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .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);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .focus\:ring-blue-200 {
+    &:focus {
+      --tw-ring-color: var(--color-blue-200);
+    }
+  }
   .focus\:ring-offset-0 {
     &:focus {
       --tw-ring-offset-width: 0px;
@@ -3678,6 +4158,12 @@
       outline-width: 1px;
     }
   }
+  .focus-visible\:outline-2 {
+    &:focus-visible {
+      outline-style: var(--tw-outline-style);
+      outline-width: 2px;
+    }
+  }
   .focus-visible\:outline-ring {
     &:focus-visible {
       outline-color: var(--ring);
@@ -4082,6 +4568,11 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .data-\[side\=bottom\]\:animate-slide-down-and-fade {
+    &[data-side="bottom"] {
+      animation: var(--animate-slide-down-and-fade);
+    }
+  }
   .data-\[side\=bottom\]\:slide-in-from-top-2 {
     &[data-side="bottom"] {
       --tw-enter-translate-y: -0.5rem;
@@ -4093,6 +4584,11 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .data-\[side\=left\]\:animate-slide-left-and-fade {
+    &[data-side="left"] {
+      animation: var(--animate-slide-left-and-fade);
+    }
+  }
   .data-\[side\=left\]\:slide-in-from-right-2 {
     &[data-side="left"] {
       --tw-enter-translate-x: 0.5rem;
@@ -4104,6 +4600,11 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .data-\[side\=right\]\:animate-slide-right-and-fade {
+    &[data-side="right"] {
+      animation: var(--animate-slide-right-and-fade);
+    }
+  }
   .data-\[side\=right\]\:slide-in-from-left-2 {
     &[data-side="right"] {
       --tw-enter-translate-x: -0.5rem;
@@ -4115,6 +4616,11 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .data-\[side\=top\]\:animate-slide-up-and-fade {
+    &[data-side="top"] {
+      animation: var(--animate-slide-up-and-fade);
+    }
+  }
   .data-\[side\=top\]\:slide-in-from-bottom-2 {
     &[data-side="top"] {
       --tw-enter-translate-y: 0.5rem;
@@ -4296,6 +4802,11 @@
       color: var(--primary-foreground);
     }
   }
+  .data-\[state\=closed\]\:animate-hide {
+    &[data-state="closed"] {
+      animation: var(--animate-hide);
+    }
+  }
   .data-\[state\=closed\]\:duration-300 {
     &[data-state="closed"] {
       --tw-duration: 300ms;
@@ -5001,6 +5512,11 @@
       padding-inline: calc(calc(var(--spacing) * 5.5) - 1px);
     }
   }
+  .sm\:px-px {
+    @media (width >= 40rem) {
+      padding-inline: 1px;
+    }
+  }
   .sm\:py-\[calc\(--spacing\(2\)-1px\)\] {
     @media (width >= 40rem) {
       padding-block: calc(calc(var(--spacing) * 2) - 1px);
@@ -5389,6 +5905,11 @@
       border-color: var(--color-gray-600);
     }
   }
+  .dark\:border-gray-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: var(--color-gray-800);
+    }
+  }
   .dark\:border-grey-600 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
@@ -5415,6 +5936,11 @@
       }
     }
   }
+  .dark\:border-red-700 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: var(--color-red-700);
+    }
+  }
   .dark\:border-slate-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--color-slate-800);
@@ -5499,63 +6025,135 @@
       }
     }
   }
-  .dark\:bg-blue-950 {
+  .dark\:bg-blue-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-blue-950);
+      background-color: var(--color-blue-500);
     }
   }
-  .dark\:bg-gray-800 {
+  .dark\:bg-blue-500\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-gray-800);
+      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-grey-700 {
+  .dark\:bg-blue-900 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
+      background-color: var(--color-blue-900);
     }
   }
-  .dark\:bg-grey-800 {
+  .dark\:bg-blue-950 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
+      background-color: var(--color-blue-950);
     }
   }
-  .dark\:bg-grey-900 {
+  .dark\:bg-emerald-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
+      background-color: var(--color-emerald-500);
     }
   }
-  .dark\:bg-input\/30 {
+  .dark\:bg-emerald-500\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--input);
+      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--input) 30%, transparent);
+        background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
       }
     }
   }
-  .dark\:bg-nsw-grey-100\/20 {
+  .dark\:bg-gray-50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: color-mix(in srgb, oklch(0.9700350548225147 0 0) 20%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-nsw-grey-100) 20%, transparent);
-      }
+      background-color: var(--color-gray-50);
     }
   }
-  .dark\:bg-nsw-grey-800 {
+  .dark\:bg-gray-400 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-nsw-grey-800);
+      background-color: var(--color-gray-400);
     }
   }
-  .dark\:bg-slate-900\/95 {
+  .dark\:bg-gray-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-gray-500);
+    }
+  }
+  .dark\:bg-gray-500\/40 {
+    &: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-slate-900) 95%, transparent);
+        background-color: color-mix(in oklab, var(--color-gray-500) 40%, transparent);
       }
     }
   }
-  .dark\:bg-transparent {
+  .dark\:bg-gray-800 {
     &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: transparent;
+      background-color: var(--color-gray-800);
+    }
+  }
+  .dark\:bg-gray-950 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--color-gray-950);
+    }
+  }
+  .dark\:bg-grey-700 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
+    }
+  }
+  .dark\:bg-grey-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
+    }
+  }
+  .dark\:bg-grey-900 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
+    }
+  }
+  .dark\:bg-input\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--input);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--input) 30%, transparent);
+      }
+    }
+  }
+  .dark\:bg-nsw-grey-100\/20 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: color-mix(in srgb, oklch(0.9700350548225147 0 0) 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-nsw-grey-100) 20%, transparent);
+      }
+    }
+  }
+  .dark\:bg-nsw-grey-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--color-nsw-grey-800);
+    }
+  }
+  .dark\:bg-red-500 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--color-red-500);
+    }
+  }
+  .dark\:bg-red-500\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
+      }
+    }
+  }
+  .dark\:bg-slate-900\/95 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      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-slate-900) 95%, transparent);
+      }
+    }
+  }
+  .dark\:bg-transparent {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: transparent;
     }
   }
   .dark\:bg-white\/5 {
@@ -5566,6 +6164,39 @@
       }
     }
   }
+  .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);
+    }
+  }
+  .dark\:fill-gray-200 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      fill: var(--color-gray-200);
+    }
+  }
+  .dark\:fill-gray-300 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      fill: var(--color-gray-300);
+    }
+  }
+  .dark\:fill-gray-500 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      fill: var(--color-gray-500);
+    }
+  }
   .dark\:fill-nsw-grey-100 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       fill: var(--color-nsw-grey-100);
@@ -5576,11 +6207,106 @@
       fill: var(--color-white);
     }
   }
+  .dark\:stroke-blue-500 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      stroke: var(--color-blue-500);
+    }
+  }
+  .dark\:stroke-blue-500\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      stroke: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        stroke: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
+      }
+    }
+  }
+  .dark\:stroke-emerald-500 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      stroke: var(--color-emerald-500);
+    }
+  }
+  .dark\:stroke-emerald-500\/30 {
+    &: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);
+      }
+    }
+  }
+  .dark\:stroke-gray-500 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      stroke: var(--color-gray-500);
+    }
+  }
+  .dark\:stroke-gray-500\/40 {
+    &: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);
+      }
+    }
+  }
+  .dark\:stroke-gray-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      stroke: var(--color-gray-800);
+    }
+  }
+  .dark\:stroke-gray-950 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      stroke: var(--color-gray-950);
+    }
+  }
+  .dark\:stroke-red-500 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      stroke: var(--color-red-500);
+    }
+  }
+  .dark\:stroke-red-500\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      stroke: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        stroke: color-mix(in oklab, var(--color-red-500) 30%, transparent);
+      }
+    }
+  }
+  .dark\:stroke-yellow-500 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      stroke: var(--color-yellow-500);
+    }
+  }
+  .dark\:stroke-yellow-500\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      stroke: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        stroke: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
+      }
+    }
+  }
+  .dark\:text-gray-50 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--color-gray-50);
+    }
+  }
+  .dark\:text-gray-300 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--color-gray-300);
+    }
+  }
   .dark\:text-gray-400 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: var(--color-gray-400);
     }
   }
+  .dark\:text-gray-600 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--color-gray-600);
+    }
+  }
+  .dark\:text-gray-900 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--color-gray-900);
+    }
+  }
   .dark\:text-grey-200 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: oklch(0.9400701096450296 0 0);
@@ -5630,6 +6356,24 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .dark\:ring-gray-950 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --tw-ring-color: var(--color-gray-950);
+    }
+  }
+  .dark\:ring-red-700\/30 {
+    &: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);
+      }
+    }
+  }
+  .dark\:outline-blue-500 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      outline-color: var(--color-blue-500);
+    }
+  }
   .dark\:backdrop-blur-sm {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --tw-backdrop-blur: blur(var(--blur-sm));
@@ -5782,6 +6526,15 @@
       --toggle-border: color-mix(in oklab, white 40%, transparent);
     }
   }
+  .dark\:group-hover\:bg-blue-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:is(:where(.group):hover *) {
+        @media (hover: hover) {
+          background-color: var(--color-blue-800);
+        }
+      }
+    }
+  }
   .dark\:group-hover\:fill-nsw-grey-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:is(:where(.group):hover *) {
@@ -5791,6 +6544,15 @@
       }
     }
   }
+  .dark\:group-hover\:text-gray-50 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:is(:where(.group):hover *) {
+        @media (hover: hover) {
+          color: var(--color-gray-50);
+        }
+      }
+    }
+  }
   .dark\:group-data-\[state\=checked\]\:border-nsw-grey-400 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:is(:where(.group)[data-state="checked"] *) {
@@ -5851,6 +6613,24 @@
       }
     }
   }
+  .dark\:hover\:bg-gray-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-gray-800);
+        }
+      }
+    }
+  }
+  .dark\:hover\:bg-gray-900 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-gray-900);
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-grey-700 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -5893,6 +6673,15 @@
       }
     }
   }
+  .dark\:hover\:text-gray-50 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-gray-50);
+        }
+      }
+    }
+  }
   .dark\:hover\:text-slate-300 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -5929,6 +6718,23 @@
       }
     }
   }
+  .dark\:focus\:border-blue-700 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        border-color: var(--color-blue-700);
+      }
+    }
+  }
+  .dark\:focus\:ring-blue-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);
+        }
+      }
+    }
+  }
   .dark\:aria-invalid\:ring-destructive\/40 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[aria-invalid="true"] {
@@ -6270,6 +7076,94 @@
       }
     }
   }
+  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
+    & .recharts-cartesian-axis-tick text {
+      fill: var(--muted-foreground);
+    }
+  }
+  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 {
+    & .recharts-cartesian-grid line[stroke='#ccc'] {
+      stroke: var(--border);
+      @supports (color: color-mix(in lab, red, red)) {
+        stroke: color-mix(in oklab, var(--border) 50%, transparent);
+      }
+    }
+  }
+  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border {
+    & .recharts-curve.recharts-tooltip-cursor {
+      stroke: var(--border);
+    }
+  }
+  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
+    & .recharts-dot[stroke='#fff'] {
+      stroke: transparent;
+    }
+  }
+  .\[\&_\.recharts-layer\]\:outline-hidden {
+    & .recharts-layer {
+      --tw-outline-style: none;
+      outline-style: none;
+      @media (forced-colors: active) {
+        outline: 2px solid transparent;
+        outline-offset: 2px;
+      }
+    }
+  }
+  .\[\&_\.recharts-pie-sector\]\:outline-hidden {
+    & .recharts-pie-sector {
+      --tw-outline-style: none;
+      outline-style: none;
+      @media (forced-colors: active) {
+        outline: 2px solid transparent;
+        outline-offset: 2px;
+      }
+    }
+  }
+  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
+    & .recharts-polar-grid [stroke='#ccc'] {
+      stroke: var(--border);
+    }
+  }
+  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted {
+    & .recharts-radial-bar-background-sector {
+      fill: var(--muted);
+    }
+  }
+  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted {
+    & .recharts-rectangle.recharts-tooltip-cursor {
+      fill: var(--muted);
+    }
+  }
+  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
+    & .recharts-reference-line [stroke='#ccc'] {
+      stroke: var(--border);
+    }
+  }
+  .\[\&_\.recharts-sector\]\:outline-hidden {
+    & .recharts-sector {
+      --tw-outline-style: none;
+      outline-style: none;
+      @media (forced-colors: active) {
+        outline: 2px solid transparent;
+        outline-offset: 2px;
+      }
+    }
+  }
+  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
+    & .recharts-sector[stroke='#fff'] {
+      stroke: transparent;
+    }
+  }
+  .\[\&_\.recharts-surface\]\:outline-hidden {
+    & .recharts-surface {
+      --tw-outline-style: none;
+      outline-style: none;
+      @media (forced-colors: active) {
+        outline: 2px solid transparent;
+        outline-offset: 2px;
+      }
+    }
+  }
   .\[\&_\[cmdk-group-heading\]\]\:px-2 {
     & [cmdk-group-heading] {
       padding-inline: calc(var(--spacing) * 2);
@@ -6404,6 +7298,11 @@
       border-width: 0px;
     }
   }
+  .\[\&\:\:-webkit-scrollbar\]\:hidden {
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
   .\[\&\:has\(\[data-state\=checked\]\)\]\:border-nsw-grey-800 {
     &:has([data-state=checked]) {
       border-color: var(--color-nsw-grey-800);
@@ -6484,6 +7383,26 @@
       height: calc(var(--spacing) * 5);
     }
   }
+  .\[\&\>svg\]\:h-2\.5 {
+    &>svg {
+      height: calc(var(--spacing) * 2.5);
+    }
+  }
+  .\[\&\>svg\]\:h-3 {
+    &>svg {
+      height: calc(var(--spacing) * 3);
+    }
+  }
+  .\[\&\>svg\]\:w-2\.5 {
+    &>svg {
+      width: calc(var(--spacing) * 2.5);
+    }
+  }
+  .\[\&\>svg\]\:w-3 {
+    &>svg {
+      width: calc(var(--spacing) * 3);
+    }
+  }
   .\[\&\>svg\]\:translate-y-0\.5 {
     &>svg {
       --tw-translate-y: calc(var(--spacing) * 0.5);
@@ -6495,6 +7414,11 @@
       color: currentcolor;
     }
   }
+  .\[\&\>svg\]\:text-muted-foreground {
+    &>svg {
+      color: var(--muted-foreground);
+    }
+  }
   .\[\&\>tr\]\:last\:border-b-0 {
     &>tr {
       &:last-child {
@@ -7208,6 +8132,11 @@ body {
   syntax: "*";
   inherits: false;
 }
+@property --tw-scroll-snap-strictness {
+  syntax: "*";
+  inherits: false;
+  initial-value: proximity;
+}
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
@@ -7282,6 +8211,26 @@ body {
   syntax: "*";
   inherits: false;
 }
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -7416,6 +8365,54 @@ body {
     opacity: 0.5;
   }
 }
+@keyframes hide {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes slideDownAndFade {
+  from {
+    opacity: 0;
+    transform: translateY(-6px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes slideLeftAndFade {
+  from {
+    opacity: 0;
+    transform: translateX(6px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes slideUpAndFade {
+  from {
+    opacity: 0;
+    transform: translateY(6px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes slideRightAndFade {
+  from {
+    opacity: 0;
+    transform: translateX(-6px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
@@ -7430,6 +8427,7 @@ body {
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
+      --tw-scroll-snap-strictness: proximity;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-divide-y-reverse: 0;
@@ -7446,6 +8444,11 @@ body {
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;