@health-samurai/react-components 0.0.0-alpha.2 → 0.0.0-alpha.21

package/dist/bundle.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -10,40 +10,50 @@
     --color-red-50: #fef9f9;
     --color-red-100: #fff6f5;
     --color-red-200: #fdedea;
-    --color-red-300: #f4a499;
-    --color-red-400: #ea4a35;
+    --color-red-300: #f18b7e;
+    --color-red-400: #db2e17;
     --color-red-500: #d7270f;
     --color-red-600: #d7270f;
     --color-red-700: #c31b03;
+    --color-red-800: #a72d22;
+    --color-red-900: #7a0d00;
     --color-orange-200: oklch(90.1% 0.076 70.697);
     --color-yellow-50: #fffdf2;
     --color-yellow-100: #fffbe5;
     --color-yellow-200: #fff9d9;
+    --color-yellow-300: #fff4bf;
     --color-yellow-400: #ffea80;
-    --color-yellow-500: #ffd400;
-    --color-yellow-600: #dfa400;
+    --color-yellow-500: #f4cb00;
+    --color-yellow-600: #946c01;
     --color-yellow-700: #855600;
+    --color-yellow-900: #341900;
     --color-green-50: #fbfdf8;
     --color-green-100: #f8fbf3;
     --color-green-200: #f1f8e6;
+    --color-green-300: #e3efcb;
     --color-green-400: #c9e19b;
-    --color-green-500: #78b506;
+    --color-green-500: #547f04;
     --color-green-600: #558300;
+    --color-green-700: #334e02;
+    --color-green-800: #1d2b03;
+    --color-green-950: #090d04;
     --color-blue-50: #f9fbfe;
+    --color-blue-100: #f4f8fc;
     --color-blue-200: #e9f2fc;
     --color-blue-300: #d0e2f8;
     --color-blue-400: #a7c9f3;
-    --color-blue-500: #2378e1;
+    --color-blue-500: #1e71d9;
     --color-blue-600: #045ac3;
-    --color-blue-700: #014391;
+    --color-blue-800: #053775;
     --color-blue-900: #052040;
-    --color-blue-950: #05101e;
-    --color-violet-200: oklch(89.4% 0.057 293.283);
-    --color-violet-400: oklch(70.2% 0.183 293.541);
-    --color-violet-500: oklch(60.6% 0.25 292.717);
-    --color-violet-600: oklch(54.1% 0.281 293.009);
+    --color-violet-500: #cc29b6;
+    --color-purple-100: oklch(94.6% 0.033 307.174);
     --color-purple-200: oklch(90.2% 0.063 306.703);
+    --color-purple-600: oklch(55.8% 0.288 302.321);
     --color-pink-200: oklch(89.9% 0.061 343.231);
+    --color-gray-50: oklch(98.5% 0.002 247.839);
+    --color-gray-100: oklch(96.7% 0.003 264.542);
+    --color-gray-200: oklch(92.8% 0.006 264.531);
     --color-neutral-50: #f9f9f9;
     --color-neutral-100: #f5f5f6;
     --color-neutral-200: #ebecee;
@@ -51,17 +61,15 @@
     --color-neutral-400: #98a1ae;
     --color-neutral-500: #717684;
     --color-neutral-600: #4a5565;
-    --color-neutral-700: #364153;
     --color-neutral-800: #1e2938;
     --color-neutral-900: #1d2331;
     --color-black: #000;
-    --color-white: #ffffff;
     --spacing: 0.25rem;
     --container-xs: 20rem;
     --container-sm: 24rem;
     --container-md: 28rem;
     --container-lg: 32rem;
-    --container-xl: 36rem;
+    --container-4xl: 56rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -84,8 +92,10 @@
     --tracking-widest: 0.1em;
     --leading-tight: 1.25;
     --leading-snug: 1.375;
-    --leading-relaxed: 1.625;
     --radius-xs: 0.125rem;
+    --radius-sm: calc(var(--radius) - 4px);
+    --radius-md: calc(var(--radius) - 2px);
+    --radius-3xl: 1.5rem;
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --aspect-video: 16 / 9;
@@ -103,6 +113,11 @@
     --color-brand-500: #ea4a35;
     --color-brand-600: #d72710;
     --color-brand-700: #c31a03;
+    --color-brand-800: #78190c;
+    --color-brand-900: #4a0f08;
+    --color-grey-700: #434343;
+    --font-size-xxs: 10px;
+    --font-size-xs: 12px;
     --font-size-sm: 14px;
     --font-size-base: 16px;
     --font-size-lg: 18px;
@@ -113,59 +128,50 @@
     --font-size-5xl: 48px;
     --font-family-sans: "Inter", system-ui, sans-serif;
     --font-family-mono: "JetBrains Mono", monospace;
-    --font-tracking-tight: -0.4;
+    --font-tracking-tight: -0.4px;
+    --font-tracking-normal: 0px;
+    --font-tracking-wide: 0.4px;
+    --font-leading-3: 12px;
     --font-leading-4: 16px;
     --font-leading-5: 20px;
+    --font-leading-6: 24px;
     --font-leading-7: 28px;
-    --color-elements-readable: var(--color-neutral-900);
+    --font-leading-8: 32px;
+    --font-leading-9: 36px;
+    --font-leading-10: 40px;
+    --spacing-x1: 8px;
+    --spacing-x1point5: 12px;
+    --spacing-x2: 16px;
+    --corner-corner-m: 6px;
     --color-cta: var(--color-brand-600);
     --color-critical-default: var(--color-red-600);
-    --color-elements-assistive: var(--color-neutral-500);
-    --color-surface-0: var(--color-neutral-50);
-    --color-border-default: var(--color-neutral-200);
-    --color-surface-1: var(--color-neutral-100);
-    --color-elements-readable-inv: var(--color-neutral-50);
-    --color-selection: var(--color-blue-300);
-    --color-ring-red: var(--color-red-200);
-    --color-ring-blue: var(--color-blue-300);
-    --color-text-primary: var(--color-neutral-900);
-    --color-text-secondary: var(--color-neutral-500);
-    --color-text-primary_on-brand: var(--color-neutral-50);
-    --color-text-tertiary: var(--color-neutral-400);
-    --color-text-quternary: var(--color-neutral-400);
-    --color-text-disabled: var(--color-neutral-300);
-    --color-text-link: var(--color-blue-500);
-    --color-text-brand-primary: var(--color-brand-500);
-    --color-text-error-primary: var(--color-red-500);
-    --color-text-error-secondary: var(--color-red-400);
-    --color-border-primary: var(--color-neutral-300);
-    --color-border-primary_hover: var(--color-neutral-400);
-    --color-border-secondary: var(--color-neutral-200);
-    --color-border-separator: var(--color-neutral-200);
-    --color-border-disabled: var(--color-neutral-100);
-    --color-border-brand: var(--color-brand-500);
+    --color-elements-readable: var(--hs-elements-readable);
+    --color-elements-readable-inv: var(--hs-elements-readable-inv);
+    --color-elements-assistive: var(--hs-elements-assistive);
+    --color-elements-disabled: var(--hs-elements-disabled);
+    --color-surface-0: var(--hs-surface-0);
+    --color-surface-1: var(--hs-surface-1);
+    --color-border-default: var(--hs-border-default);
+    --color-text-primary: var(--hs-text-primary);
+    --color-text-secondary: var(--hs-text-secondary);
+    --color-text-tertiary: var(--hs-text-tertiary);
+    --color-text-link: var(--hs-text-link);
+    --color-text-error-primary: var(--hs-text-error-primary);
+    --color-border-primary: var(--hs-border-primary);
+    --color-border-separator: var(--hs-border-separator);
     --color-border-link: var(--color-blue-500);
-    --color-border-error: var(--color-red-500);
-    --color-border-error_inverse: var(--color-red-400);
-    --color-bg-primary: #ffffff;
-    --color-bg-secondary: var(--color-neutral-50);
-    --color-bg-tertiary: var(--color-neutral-100);
-    --color-bg-quaternary: var(--color-neutral-200);
-    --color-bg-disabled: var(--color-neutral-300);
-    --color-bg-brand-secondary: var(--color-brand-100);
-    --color-bg-link: var(--color-blue-500);
-    --color-bg-link_hover: var(--color-blue-600);
-    --color-bg-error-primary_inverse: var(--color-red-500);
-    --color-bg-error-primary_inverse_hover: var(--color-red-700);
-    --color-bg-error-secondary: var(--color-red-100);
-    --color-bg-error-tertiary: var(--color-red-200);
-    --color-fg-primary: var(--color-neutral-900);
-    --color-fg-secondary: var(--color-neutral-700);
-    --color-fg-tertiary: var(--color-neutral-400);
-    --color-fg-disabled: var(--color-neutral-300);
-    --color-fg-success-secondary: var(--color-green-400);
+    --color-bg-primary: var(--hs-bg-primary);
+    --color-bg-secondary: var(--hs-bg-secondary);
+    --color-bg-quaternary: var(--hs-bg-quaternary);
+    --color-fg-secondary: var(--hs-fg-secondary);
+    --color-fg-disabled: var(--hs-fg-disabled);
+    --color-fg-link: var(--hs-fg-link);
     --color-utility-green: var(--color-green-500);
     --color-utility-yellow: var(--color-yellow-600);
+    --color-utility-blue: var(--color-blue-500);
+    --color-utility-violet: var(--color-violet-500);
+    --color-utility-red: var(--color-red-500);
+    --font-leading-14: 56px;
   }
 }
 @layer base {
@@ -300,6 +306,9 @@
   ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
     padding-block: 0;
   }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
   :-moz-ui-invalid {
     box-shadow: none;
   }
@@ -318,12 +327,18 @@
     container-type: inline-size;
     container-name: card-header;
   }
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
   .pointer-events-none {
     pointer-events: none;
   }
   .invisible {
     visibility: hidden;
   }
+  .visible {
+    visibility: visible;
+  }
   .sr-only {
     position: absolute;
     width: 1px;
@@ -331,7 +346,7 @@
     padding: 0;
     margin: -1px;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
+    clip-path: inset(50%);
     white-space: nowrap;
     border-width: 0;
   }
@@ -344,6 +359,12 @@
   .relative {
     position: relative;
   }
+  .static {
+    position: static;
+  }
+  .sticky {
+    position: sticky;
+  }
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
@@ -353,6 +374,12 @@
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
+  .start {
+    inset-inline-start: var(--spacing);
+  }
+  .end {
+    inset-inline-end: var(--spacing);
+  }
   .-top-12 {
     top: calc(var(--spacing) * -12);
   }
@@ -363,7 +390,7 @@
     top: calc(var(--spacing) * 1.5);
   }
   .top-1\/2 {
-    top: calc(1/2 * 100%);
+    top: calc(1 / 2 * 100%);
   }
   .top-3\.5 {
     top: calc(var(--spacing) * 3.5);
@@ -371,6 +398,12 @@
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
+  .top-4\.75 {
+    top: calc(var(--spacing) * 4.75);
+  }
+  .top-8 {
+    top: calc(var(--spacing) * 8);
+  }
   .top-\[1px\] {
     top: 1px;
   }
@@ -414,7 +447,7 @@
     left: calc(var(--spacing) * 0);
   }
   .left-1\/2 {
-    left: calc(1/2 * 100%);
+    left: calc(1 / 2 * 100%);
   }
   .left-2 {
     left: calc(var(--spacing) * 2);
@@ -422,6 +455,9 @@
   .left-3 {
     left: calc(var(--spacing) * 3);
   }
+  .left-4\.25 {
+    left: calc(var(--spacing) * 4.25);
+  }
   .left-\[50\%\] {
     left: 50%;
   }
@@ -434,9 +470,15 @@
   .z-20 {
     z-index: 20;
   }
+  .z-30 {
+    z-index: 30;
+  }
   .z-50 {
     z-index: 50;
   }
+  .z-100 {
+    z-index: 100;
+  }
   .z-\[1\] {
     z-index: 1;
   }
@@ -455,12 +497,36 @@
   .row-start-1 {
     grid-row-start: 1;
   }
+  .container {
+    width: 100%;
+    @media (width >= 40rem) {
+      max-width: 40rem;
+    }
+    @media (width >= 48rem) {
+      max-width: 48rem;
+    }
+    @media (width >= 64rem) {
+      max-width: 64rem;
+    }
+    @media (width >= 80rem) {
+      max-width: 80rem;
+    }
+    @media (width >= 96rem) {
+      max-width: 96rem;
+    }
+  }
+  .-m-\[5px\] {
+    margin: calc(5px * -1);
+  }
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
   .mx-3\.5 {
     margin-inline: calc(var(--spacing) * 3.5);
   }
+  .mx-4 {
+    margin-inline: calc(var(--spacing) * 4);
+  }
   .mx-auto {
     margin-inline: auto;
   }
@@ -479,12 +545,24 @@
   .-mt-4 {
     margin-top: calc(var(--spacing) * -4);
   }
+  .-mt-px {
+    margin-top: -1px;
+  }
+  .mt-0\.5 {
+    margin-top: calc(var(--spacing) * 0.5);
+  }
+  .mt-1 {
+    margin-top: calc(var(--spacing) * 1);
+  }
   .mt-1\.5 {
     margin-top: calc(var(--spacing) * 1.5);
   }
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
+  .mt-2\.25 {
+    margin-top: calc(var(--spacing) * 2.25);
+  }
   .mt-3 {
     margin-top: calc(var(--spacing) * 3);
   }
@@ -500,6 +578,12 @@
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
+  .mr-3 {
+    margin-right: calc(var(--spacing) * 3);
+  }
+  .mb-0\.5 {
+    margin-bottom: calc(var(--spacing) * 0.5);
+  }
   .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
@@ -509,6 +593,9 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
+  .-ml-1 {
+    margin-left: calc(var(--spacing) * -1);
+  }
   .-ml-4 {
     margin-left: calc(var(--spacing) * -4);
   }
@@ -527,12 +614,6 @@
   .box-content {
     box-sizing: content-box;
   }
-  .line-clamp-1 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-  }
   .line-clamp-2 {
     overflow: hidden;
     display: -webkit-box;
@@ -551,6 +632,9 @@
   .hidden {
     display: none;
   }
+  .inline {
+    display: inline;
+  }
   .inline-block {
     display: inline-block;
   }
@@ -582,6 +666,10 @@
     width: var(--cell-size);
     height: var(--cell-size);
   }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
   .size-2 {
     width: calc(var(--spacing) * 2);
     height: calc(var(--spacing) * 2);
@@ -602,6 +690,14 @@
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
+  .size-5 {
+    width: calc(var(--spacing) * 5);
+    height: calc(var(--spacing) * 5);
+  }
+  .size-6 {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
   .size-7 {
     width: calc(var(--spacing) * 7);
     height: calc(var(--spacing) * 7);
@@ -614,6 +710,10 @@
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
   }
+  .size-12 {
+    width: calc(var(--spacing) * 12);
+    height: calc(var(--spacing) * 12);
+  }
   .size-auto {
     width: auto;
     height: auto;
@@ -625,6 +725,12 @@
   .h-\(--cell-size\) {
     height: var(--cell-size);
   }
+  .h-0\.5 {
+    height: calc(var(--spacing) * 0.5);
+  }
+  .h-1 {
+    height: calc(var(--spacing) * 1);
+  }
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
   }
@@ -661,11 +767,20 @@
   .h-16 {
     height: calc(var(--spacing) * 16);
   }
+  .h-24 {
+    height: calc(var(--spacing) * 24);
+  }
   .h-72 {
     height: calc(var(--spacing) * 72);
   }
-  .h-\[1\.15rem\] {
-    height: 1.15rem;
+  .h-80 {
+    height: calc(var(--spacing) * 80);
+  }
+  .h-\[22px\] {
+    height: 22px;
+  }
+  .h-\[60px\] {
+    height: 60px;
   }
   .h-\[120px\] {
     height: 120px;
@@ -679,6 +794,9 @@
   .h-\[500px\] {
     height: 500px;
   }
+  .h-\[calc\(100vh-44px\)\] {
+    height: calc(100vh - 44px);
+  }
   .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
     height: var(--radix-navigation-menu-viewport-height);
   }
@@ -709,15 +827,15 @@
   .max-h-\(--radix-select-content-available-height\) {
     max-height: var(--radix-select-content-available-height);
   }
+  .max-h-\[20px\] {
+    max-height: 20px;
+  }
   .max-h-\[300px\] {
     max-height: 300px;
   }
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
-  .min-h-4 {
-    min-height: calc(var(--spacing) * 4);
-  }
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
@@ -727,6 +845,9 @@
   .min-h-\[200px\] {
     min-height: 200px;
   }
+  .min-h-full {
+    min-height: 100%;
+  }
   .min-h-screen {
     min-height: 100vh;
   }
@@ -755,7 +876,7 @@
     width: calc(var(--spacing) * 3);
   }
   .w-3\/4 {
-    width: calc(3/4 * 100%);
+    width: calc(3 / 4 * 100%);
   }
   .w-4 {
     width: calc(var(--spacing) * 4);
@@ -763,18 +884,39 @@
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
+  .w-6 {
+    width: calc(var(--spacing) * 6);
+  }
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
   .w-9 {
     width: calc(var(--spacing) * 9);
   }
+  .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
+  .w-13 {
+    width: calc(var(--spacing) * 13);
+  }
   .w-15 {
     width: calc(var(--spacing) * 15);
   }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
+  .w-26 {
+    width: calc(var(--spacing) * 26);
+  }
+  .w-30 {
+    width: calc(var(--spacing) * 30);
+  }
   .w-40 {
     width: calc(var(--spacing) * 40);
   }
@@ -802,24 +944,33 @@
   .w-80 {
     width: calc(var(--spacing) * 80);
   }
+  .w-200 {
+    width: calc(var(--spacing) * 200);
+  }
   .w-280 {
     width: calc(var(--spacing) * 280);
   }
+  .w-\[50px\] {
+    width: 50px;
+  }
   .w-\[60\%\] {
     width: 60%;
   }
+  .w-\[60px\] {
+    width: 60px;
+  }
   .w-\[100px\] {
     width: 100px;
   }
-  .w-\[180px\] {
-    width: 180px;
-  }
   .w-\[200px\] {
     width: 200px;
   }
   .w-\[250px\] {
     width: 250px;
   }
+  .w-\[260px\] {
+    width: 260px;
+  }
   .w-\[300px\] {
     width: 300px;
   }
@@ -829,9 +980,21 @@
   .w-\[400px\] {
     width: 400px;
   }
+  .w-\[450px\] {
+    width: 450px;
+  }
   .w-\[500px\] {
     width: 500px;
   }
+  .w-\[560px\] {
+    width: 560px;
+  }
+  .w-\[calc\(260px-var\(--tree-padding\)\)\] {
+    width: calc(260px - var(--tree-padding));
+  }
+  .w-\[unset\] {
+    width: unset;
+  }
   .w-auto {
     width: auto;
   }
@@ -850,9 +1013,18 @@
   .max-w-\(--skeleton-width\) {
     max-width: var(--skeleton-width);
   }
+  .max-w-4xl {
+    max-width: var(--container-4xl);
+  }
+  .max-w-\[588px\] {
+    max-width: 588px;
+  }
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
+  .max-w-lg {
+    max-width: var(--container-lg);
+  }
   .max-w-max {
     max-width: max-content;
   }
@@ -862,9 +1034,6 @@
   .max-w-sm {
     max-width: var(--container-sm);
   }
-  .max-w-xl {
-    max-width: var(--container-xl);
-  }
   .max-w-xs {
     max-width: var(--container-xs);
   }
@@ -877,17 +1046,8 @@
   .min-w-5 {
     min-width: calc(var(--spacing) * 5);
   }
-  .min-w-8 {
-    min-width: calc(var(--spacing) * 8);
-  }
-  .min-w-9 {
-    min-width: calc(var(--spacing) * 9);
-  }
-  .min-w-10 {
-    min-width: calc(var(--spacing) * 10);
-  }
-  .min-w-26 {
-    min-width: calc(var(--spacing) * 26);
+  .min-w-13 {
+    min-width: calc(var(--spacing) * 13);
   }
   .min-w-\[8rem\] {
     min-width: 8rem;
@@ -895,6 +1055,21 @@
   .min-w-\[12rem\] {
     min-width: 12rem;
   }
+  .min-w-\[50px\] {
+    min-width: 50px;
+  }
+  .min-w-\[60px\] {
+    min-width: 60px;
+  }
+  .min-w-\[200px\] {
+    min-width: 200px;
+  }
+  .min-w-\[260px\] {
+    min-width: 260px;
+  }
+  .min-w-\[calc\(260px-var\(--tree-padding\)\)\] {
+    min-width: calc(260px - var(--tree-padding));
+  }
   .min-w-\[var\(--radix-select-trigger-width\)\] {
     min-width: var(--radix-select-trigger-width);
   }
@@ -919,6 +1094,14 @@
   .border-collapse {
     border-collapse: collapse;
   }
+  .border-separate {
+    border-collapse: separate;
+  }
+  .border-spacing-0 {
+    --tw-border-spacing-x: calc(var(--spacing) * 0);
+    --tw-border-spacing-y: calc(var(--spacing) * 0);
+    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
+  }
   .origin-\(--radix-context-menu-content-transform-origin\) {
     transform-origin: var(--radix-context-menu-content-transform-origin);
   }
@@ -941,7 +1124,7 @@
     transform-origin: var(--radix-tooltip-content-transform-origin);
   }
   .-translate-x-1\/2 {
-    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-x-px {
@@ -957,11 +1140,7 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .translate-y-0\.5 {
-    --tw-translate-y: calc(var(--spacing) * 0.5);
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .translate-y-\[-50\%\] {
@@ -986,9 +1165,18 @@
   .animate-pulse {
     animation: var(--animate-pulse);
   }
+  .cursor-col-resize {
+    cursor: col-resize;
+  }
   .cursor-default {
     cursor: default;
   }
+  .cursor-grabbing {
+    cursor: grabbing;
+  }
+  .cursor-help {
+    cursor: help;
+  }
   .cursor-pointer {
     cursor: pointer;
   }
@@ -1001,23 +1189,20 @@
   .scroll-py-1 {
     scroll-padding-block: calc(var(--spacing) * 1);
   }
-  .list-inside {
-    list-style-position: inside;
-  }
-  .list-disc {
-    list-style-type: disc;
-  }
   .list-none {
     list-style-type: none;
   }
   .auto-rows-min {
     grid-auto-rows: min-content;
   }
+  .grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
   .grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
-  .grid-cols-\[0_1fr\] {
-    grid-template-columns: 0 1fr;
+  .grid-cols-\[16px_1fr\] {
+    grid-template-columns: 16px 1fr;
   }
   .grid-rows-\[auto_auto\] {
     grid-template-rows: auto auto;
@@ -1034,6 +1219,9 @@
   .flex-wrap {
     flex-wrap: wrap;
   }
+  .items-baseline {
+    align-items: baseline;
+  }
   .items-center {
     align-items: center;
   }
@@ -1055,8 +1243,11 @@
   .justify-end {
     justify-content: flex-end;
   }
-  .justify-items-start {
-    justify-items: start;
+  .justify-start {
+    justify-content: flex-start;
+  }
+  .gap-0 {
+    gap: calc(var(--spacing) * 0);
   }
   .gap-0\.5 {
     gap: calc(var(--spacing) * 0.5);
@@ -1082,12 +1273,11 @@
   .gap-12 {
     gap: calc(var(--spacing) * 12);
   }
-  .space-y-0\.5 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
-    }
+  .gap-\[var\(--spacing-x1\,8px\)\] {
+    gap: var(--spacing-x1,8px);
+  }
+  .gap-\[var\(--spacing-x1point5\,12px\)\] {
+    gap: var(--spacing-x1point5,12px);
   }
   .space-y-1 {
     :where(& > :not(:last-child)) {
@@ -1103,6 +1293,27 @@
       margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-6 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-8 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1131,15 +1342,17 @@
       margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
-  .gap-y-0\.5 {
-    row-gap: calc(var(--spacing) * 0.5);
-  }
   .self-start {
     align-self: flex-start;
   }
   .justify-self-end {
     justify-self: flex-end;
   }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   .overflow-auto {
     overflow: auto;
   }
@@ -1155,15 +1368,21 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .rounded {
+    border-radius: var(--radius);
+  }
+  .rounded-3xl {
+    border-radius: var(--radius-3xl);
+  }
   .rounded-\[2px\] {
     border-radius: 2px;
   }
-  .rounded-\[4px\] {
-    border-radius: 4px;
-  }
   .rounded-\[inherit\] {
     border-radius: inherit;
   }
+  .rounded-\[var\(--corner-corner-m\,6px\)\] {
+    border-radius: var(--corner-corner-m,6px);
+  }
   .rounded-full {
     border-radius: calc(infinity * 1px);
   }
@@ -1208,10 +1427,18 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .border-2 {
+    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;
+  }
   .border-y {
     border-block-style: var(--tw-border-style);
     border-block-width: 1px;
@@ -1244,26 +1471,51 @@
     --tw-border-style: dashed;
     border-style: dashed;
   }
+  .border-solid {
+    --tw-border-style: solid;
+    border-style: solid;
+  }
+  .\!border-border-primary {
+    border-color: var(--hs-border-primary) !important;
+  }
   .border-\(--color-border\) {
     border-color: var(--color-border);
   }
-  .border-\[\#F4CB00\]\! {
-    border-color: #F4CB00 !important;
+  .border-black {
+    border-color: var(--color-black);
+  }
+  .border-border {
+    border-color: var(--border);
+  }
+  .border-border-dark {
+    border-color: var(--hs-border-dark);
   }
-  .border-blue-400\! {
-    border-color: var(--color-blue-400) !important;
+  .border-border-default {
+    border-color: var(--hs-border-default);
   }
   .border-border-error {
-    border-color: var(--color-border-error);
+    border-color: var(--color-red-500);
+  }
+  .border-border-error_inverse {
+    border-color: var(--color-red-400);
+  }
+  .border-border-link {
+    border-color: var(--color-blue-500);
   }
   .border-border-primary {
-    border-color: var(--color-border-primary);
+    border-color: var(--hs-border-primary);
+  }
+  .border-border-primary_hover {
+    border-color: var(--hs-border-primary-hover);
   }
   .border-border-secondary {
-    border-color: var(--color-border-secondary);
+    border-color: var(--hs-border-secondary);
   }
   .border-border-separator {
-    border-color: var(--color-border-separator);
+    border-color: var(--hs-border-separator);
+  }
+  .border-border-success {
+    border-color: var(--color-green-500);
   }
   .border-border\/50 {
     border-color: var(--border);
@@ -1271,27 +1523,21 @@
       border-color: color-mix(in oklab, var(--border) 50%, transparent);
     }
   }
-  .border-fg-success-secondary\! {
-    border-color: var(--color-fg-success-secondary) !important;
+  .border-fg-warning-primary {
+    border-color: var(--hs-fg-warning-primary);
+  }
+  .border-gray-200 {
+    border-color: var(--color-gray-200);
   }
   .border-input {
     border-color: var(--input);
   }
-  .border-primary {
-    border-color: var(--primary);
-  }
-  .border-red-300\! {
-    border-color: var(--color-red-300) !important;
-  }
   .border-sidebar-border {
     border-color: var(--sidebar-border);
   }
   .border-transparent {
     border-color: transparent;
   }
-  .border-violet-400\! {
-    border-color: var(--color-violet-400) !important;
-  }
   .border-t-transparent {
     border-top-color: transparent;
   }
@@ -1301,35 +1547,86 @@
   .border-l-transparent {
     border-left-color: transparent;
   }
+  .\!bg-bg-primary {
+    background-color: var(--hs-bg-primary) !important;
+  }
   .bg-\(--color-bg\) {
     background-color: var(--color-bg);
   }
-  .bg-\(--color-elements-assistive\) {
-    background-color: var(--color-elements-assistive);
-  }
   .bg-accent {
     background-color: var(--accent);
   }
   .bg-background {
     background-color: var(--background);
   }
+  .bg-bg-error-primary {
+    background-color: var(--hs-bg-error-primary);
+  }
   .bg-bg-error-primary_inverse {
-    background-color: var(--color-bg-error-primary_inverse);
+    background-color: var(--hs-bg-error-primary-inverse);
+  }
+  .bg-bg-error-secondary {
+    background-color: var(--hs-bg-error-secondary);
+  }
+  .bg-bg-error-tertiary {
+    background-color: var(--hs-bg-error-tertiary);
+  }
+  .bg-bg-hover {
+    background-color: var(--hs-bg-hover);
+  }
+  .bg-bg-info-primary {
+    background-color: var(--hs-bg-info-primary);
+  }
+  .bg-bg-info-primary_inverse {
+    background-color: var(--hs-bg-info-primary-inverse);
   }
   .bg-bg-link {
-    background-color: var(--color-bg-link);
+    background-color: var(--hs-bg-link);
+  }
+  .bg-bg-neutral-primary {
+    background-color: var(--hs-bg-neutral-primary);
+  }
+  .bg-bg-neutral-primary_inverse {
+    background-color: var(--hs-bg-neutral-primary-inverse);
+  }
+  .bg-bg-overlay {
+    background-color: var(--hs-bg-overlay);
   }
   .bg-bg-primary {
-    background-color: var(--color-bg-primary);
+    background-color: var(--hs-bg-primary);
+  }
+  .bg-bg-primary_inverse {
+    background-color: var(--hs-bg-primary-inverse);
   }
   .bg-bg-quaternary {
-    background-color: var(--color-bg-quaternary);
+    background-color: var(--hs-bg-quaternary);
   }
   .bg-bg-secondary {
-    background-color: var(--color-bg-secondary);
+    background-color: var(--hs-bg-secondary);
+  }
+  .bg-bg-secondary_inverse {
+    background-color: var(--hs-bg-secondary-inverse);
+  }
+  .bg-bg-success-primary_inverse {
+    background-color: var(--hs-bg-success-primary-inverse);
+  }
+  .bg-bg-success-secondary {
+    background-color: var(--hs-bg-success-secondary);
   }
   .bg-bg-tertiary {
-    background-color: var(--color-bg-tertiary);
+    background-color: var(--hs-bg-tertiary);
+  }
+  .bg-bg-warning-primary {
+    background-color: var(--hs-bg-warning-primary);
+  }
+  .bg-bg-warning-primary_inverse {
+    background-color: var(--hs-bg-warning-primary-inverse);
+  }
+  .bg-bg-warning-secondary {
+    background-color: var(--hs-bg-warning-secondary);
+  }
+  .bg-black {
+    background-color: var(--color-black);
   }
   .bg-black\/50 {
     background-color: color-mix(in srgb, #000 50%, transparent);
@@ -1337,26 +1634,38 @@
       background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
     }
   }
-  .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-border-primary {
+    background-color: var(--hs-border-primary);
+  }
+  .bg-border-secondary {
+    background-color: var(--hs-border-secondary);
+  }
+  .bg-border-separator {
+    background-color: var(--hs-border-separator);
   }
-  .bg-destructive {
-    background-color: var(--destructive);
+  .bg-fg-success-primary {
+    background-color: var(--hs-fg-success-primary);
+  }
+  .bg-fg-tertiary {
+    background-color: var(--hs-fg-tertiary);
   }
   .bg-foreground {
     background-color: var(--foreground);
   }
-  .bg-green-200 {
-    background-color: var(--color-green-200);
+  .bg-gray-50 {
+    background-color: var(--color-gray-50);
+  }
+  .bg-gray-100 {
+    background-color: var(--color-gray-100);
+  }
+  .bg-inherit {
+    background-color: inherit;
   }
   .bg-muted {
     background-color: var(--muted);
@@ -1373,17 +1682,8 @@
   .bg-primary {
     background-color: var(--primary);
   }
-  .bg-primary\/20 {
-    background-color: var(--primary);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--primary) 20%, transparent);
-    }
-  }
-  .bg-red-200 {
-    background-color: var(--color-red-200);
-  }
-  .bg-secondary {
-    background-color: var(--secondary);
+  .bg-red-600 {
+    background-color: var(--color-red-600);
   }
   .bg-sidebar {
     background-color: var(--sidebar);
@@ -1394,11 +1694,8 @@
   .bg-transparent {
     background-color: transparent;
   }
-  .bg-violet-200 {
-    background-color: var(--color-violet-200);
-  }
-  .bg-yellow-200 {
-    background-color: var(--color-yellow-200);
+  .bg-white {
+    background-color: #ffffff;
   }
   .bg-linear-to-b {
     --tw-gradient-position: to bottom;
@@ -1421,15 +1718,15 @@
   .fill-current {
     fill: currentcolor;
   }
-  .fill-primary {
-    fill: var(--primary);
-  }
   .object-cover {
     object-fit: cover;
   }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
+  .p-0\.5 {
+    padding: calc(var(--spacing) * 0.5);
+  }
   .p-1 {
     padding: calc(var(--spacing) * 1);
   }
@@ -1445,9 +1742,18 @@
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
+  .p-8 {
+    padding: calc(var(--spacing) * 8);
+  }
+  .p-\[var\(--spacing-x2\,16px\)\] {
+    padding: var(--spacing-x2,16px);
+  }
   .p-px {
     padding: 1px;
   }
+  .\!px-2 {
+    padding-inline: calc(var(--spacing) * 2) !important;
+  }
   .px-\(--cell-size\) {
     padding-inline: var(--cell-size);
   }
@@ -1457,9 +1763,6 @@
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
-  .px-1\.5 {
-    padding-inline: calc(var(--spacing) * 1.5);
-  }
   .px-2 {
     padding-inline: calc(var(--spacing) * 2);
   }
@@ -1475,9 +1778,27 @@
   .px-6 {
     padding-inline: calc(var(--spacing) * 6);
   }
+  .px-8 {
+    padding-inline: calc(var(--spacing) * 8);
+  }
   .px-\[0\.44rem\] {
     padding-inline: 0.44rem;
   }
+  .px-\[2px\] {
+    padding-inline: 2px;
+  }
+  .px-\[7px\] {
+    padding-inline: 7px;
+  }
+  .px-\[11px\] {
+    padding-inline: 11px;
+  }
+  .\!py-1 {
+    padding-block: calc(var(--spacing) * 1) !important;
+  }
+  .py-0 {
+    padding-block: calc(var(--spacing) * 0);
+  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
@@ -1499,8 +1820,11 @@
   .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
-  .pt-0 {
-    padding-top: calc(var(--spacing) * 0);
+  .py-\[3px\] {
+    padding-block: 3px;
+  }
+  .ps-\(--tree-padding\) {
+    padding-inline-start: var(--tree-padding);
   }
   .pt-2\.5 {
     padding-top: calc(var(--spacing) * 2.5);
@@ -1520,6 +1844,12 @@
   .pr-2\.5 {
     padding-right: calc(var(--spacing) * 2.5);
   }
+  .pr-4 {
+    padding-right: calc(var(--spacing) * 4);
+  }
+  .pr-6 {
+    padding-right: calc(var(--spacing) * 6);
+  }
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
@@ -1541,9 +1871,18 @@
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
+  .pl-0 {
+    padding-left: calc(var(--spacing) * 0);
+  }
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
+  .pl-2\.5 {
+    padding-left: calc(var(--spacing) * 2.5);
+  }
+  .pl-3 {
+    padding-left: calc(var(--spacing) * 3);
+  }
   .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
@@ -1553,18 +1892,29 @@
   .pl-9 {
     padding-left: calc(var(--spacing) * 9);
   }
+  .pl-\[9px\] {
+    padding-left: 9px;
+  }
+  .pl-\[34px\] {
+    padding-left: 34px;
+  }
   .text-center {
     text-align: center;
   }
   .text-left {
     text-align: left;
   }
-  .text-right {
-    text-align: right;
-  }
   .align-middle {
     vertical-align: middle;
   }
+  .typo-label-tiny {
+    font-size: var(--font-size-xxs);
+    font-family: var(--font-family-sans);
+    font-weight: var(--font-weight-normal);
+    line-height: var(--font-leading-4);
+    letter-spacing: var(--font-tracking-wide);
+    text-transform: uppercase;
+  }
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -1598,6 +1948,10 @@
   .text-\[0\.70rem\] {
     font-size: 0.70rem;
   }
+  .leading-4 {
+    --tw-leading: calc(var(--spacing) * 4);
+    line-height: calc(var(--spacing) * 4);
+  }
   .leading-none {
     --tw-leading: 1;
     line-height: 1;
@@ -1647,54 +2001,57 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
-  .text-\(--color-elements-assistive\) {
-    color: var(--color-elements-assistive);
+  .whitespace-pre-wrap {
+    white-space: pre-wrap;
   }
-  .text-\(--color-elements-readable-inv\) {
-    color: var(--color-elements-readable-inv);
-  }
-  .text-\[\#6D9F0F\] {
-    color: #6D9F0F;
+  .text-\[var\(--color-red-800\)\] {
+    color: var(--color-red-800);
   }
   .text-accent-foreground {
     color: var(--accent-foreground);
   }
-  .text-blue-500 {
-    color: var(--color-blue-500);
+  .text-elements-assistive {
+    color: var(--hs-elements-assistive);
+  }
+  .text-fg-error-primary {
+    color: var(--hs-fg-error-primary);
+  }
+  .text-fg-info-primary {
+    color: var(--hs-fg-info-primary);
+  }
+  .text-fg-link {
+    color: var(--hs-fg-link);
+  }
+  .text-fg-primary {
+    color: var(--hs-fg-primary);
   }
-  .text-card-foreground {
-    color: var(--card-foreground);
+  .text-fg-primary_on-brand {
+    color: var(--hs-fg-primary-on-brand);
   }
-  .text-current {
-    color: currentcolor;
+  .text-fg-secondary {
+    color: var(--hs-fg-secondary);
   }
-  .text-destructive {
-    color: var(--destructive);
+  .text-fg-success-primary {
+    color: var(--hs-fg-success-primary);
   }
-  .text-fg-tertiary {
-    color: var(--color-fg-tertiary);
+  .text-fg-warning-primary {
+    color: var(--hs-fg-warning-primary);
   }
   .text-foreground {
     color: var(--foreground);
   }
+  .text-grey-700 {
+    color: var(--color-grey-700);
+  }
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
+  .text-neutral-600 {
+    color: var(--color-neutral-600);
+  }
   .text-popover-foreground {
     color: var(--popover-foreground);
   }
-  .text-primary {
-    color: var(--primary);
-  }
-  .text-primary-foreground {
-    color: var(--primary-foreground);
-  }
-  .text-red-600 {
-    color: var(--color-red-600);
-  }
-  .text-secondary-foreground {
-    color: var(--secondary-foreground);
-  }
   .text-sidebar-foreground {
     color: var(--sidebar-foreground);
   }
@@ -1708,43 +2065,64 @@
     color: var(--sidebar-primary-foreground);
   }
   .text-text-disabled {
-    color: var(--color-text-disabled);
+    color: var(--hs-text-disabled);
   }
   .text-text-error-primary {
-    color: var(--color-text-error-primary);
+    color: var(--hs-text-error-primary);
   }
   .text-text-error-secondary {
-    color: var(--color-text-error-secondary);
+    color: var(--hs-text-error-secondary);
+  }
+  .text-text-info-primary {
+    color: var(--hs-text-info-primary);
+  }
+  .text-text-link {
+    color: var(--hs-text-link);
   }
   .text-text-primary {
-    color: var(--color-text-primary);
+    color: var(--hs-text-primary);
   }
   .text-text-primary_on-brand {
-    color: var(--color-text-primary_on-brand);
+    color: var(--hs-text-primary-on-brand);
   }
-  .text-text-quternary {
-    color: var(--color-text-quternary);
+  .text-text-quternary_on-brand {
+    color: var(--hs-text-quaternary-on-brand);
   }
   .text-text-secondary {
-    color: var(--color-text-secondary);
+    color: var(--hs-text-secondary);
+  }
+  .text-text-secondary_hover {
+    color: var(--hs-text-secondary-hover);
+  }
+  .text-text-success-primary {
+    color: var(--hs-text-success-primary);
   }
   .text-text-tertiary {
-    color: var(--color-text-tertiary);
+    color: var(--hs-text-tertiary);
+  }
+  .text-text-warning-primary {
+    color: var(--hs-text-warning-primary);
+  }
+  .text-utility-blue {
+    color: var(--color-blue-500);
   }
   .text-utility-green {
-    color: var(--color-utility-green);
+    color: var(--color-green-500);
   }
-  .text-utility-yellow {
-    color: var(--color-utility-yellow);
+  .text-utility-red {
+    color: var(--color-red-500);
   }
-  .text-violet-600 {
-    color: var(--color-violet-600);
+  .text-utility-violet {
+    color: var(--color-violet-500);
+  }
+  .text-utility-yellow {
+    color: var(--color-yellow-600);
   }
   .text-white {
-    color: var(--color-white);
+    color: #ffffff;
   }
-  .text-yellow-600 {
-    color: var(--color-yellow-600);
+  .text-white\/70 {
+    color: color-mix(in oklab, #ffffff 70%, transparent);
   }
   .uppercase {
     text-transform: uppercase;
@@ -1759,6 +2137,9 @@
   .no-underline {
     text-decoration-line: none;
   }
+  .underline {
+    text-decoration-line: underline;
+  }
   .underline-offset-4 {
     text-underline-offset: 4px;
   }
@@ -1771,6 +2152,9 @@
   .opacity-70 {
     opacity: 70%;
   }
+  .opacity-100 {
+    opacity: 100%;
+  }
   .shadow {
     --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);
@@ -1803,34 +2187,17 @@
     --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-blue-200\! {
-    --tw-ring-color: var(--color-blue-200) !important;
-  }
-  .ring-green-200\! {
-    --tw-ring-color: var(--color-green-200) !important;
-  }
-  .ring-red-200\! {
-    --tw-ring-color: var(--color-red-200) !important;
-  }
-  .ring-ring\/50 {
-    --tw-ring-color: var(--ring);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
-    }
-  }
   .ring-sidebar-ring {
     --tw-ring-color: var(--sidebar-ring);
   }
-  .ring-violet-200\! {
-    --tw-ring-color: var(--color-violet-200) !important;
-  }
-  .ring-yellow-200\! {
-    --tw-ring-color: var(--color-yellow-200) !important;
-  }
   .ring-offset-background {
     --tw-ring-offset-color: var(--background);
   }
@@ -1846,8 +2213,11 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .filter {
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -1886,23 +2256,19 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-shadow {
-    transition-property: box-shadow;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
   .transition-transform {
     transition-property: transform, translate, scale, rotate;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-none {
-    transition-property: none;
-  }
   .duration-120 {
     --tw-duration: 120ms;
     transition-duration: 120ms;
   }
+  .duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
   .duration-200 {
     --tw-duration: 200ms;
     transition-duration: 200ms;
@@ -1935,6 +2301,10 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .select-text {
+    -webkit-user-select: text;
+    user-select: text;
+  }
   .zoom-in-95 {
     --tw-enter-scale: calc(95*1%);
     --tw-enter-scale: .95;
@@ -1942,31 +2312,78 @@
   .\[--cell-size\:--spacing\(8\)\] {
     --cell-size: calc(var(--spacing) * 8);
   }
+  .not-in-data-\[folder\=true\]\:ps-2\.5 {
+    &:not(:where(*[data-folder="true"]) *) {
+      padding-inline-start: calc(var(--spacing) * 2.5);
+    }
+  }
   .group-focus-within\/menu-item\:opacity-100 {
     &:is(:where(.group\/menu-item):focus-within *) {
       opacity: 100%;
     }
   }
-  .group-hover\/menu-item\:opacity-100 {
-    &:is(:where(.group\/menu-item):hover *) {
+  .group-hover\:block {
+    &:is(:where(.group):hover *) {
       @media (hover: hover) {
-        opacity: 100%;
+        display: block;
       }
     }
   }
-  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8 {
-    &:is(:where(.group\/menu-item):has(*[data-sidebar="menu-action"]) *) {
-      padding-right: calc(var(--spacing) * 8);
+  .group-hover\:opacity-100 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
     }
   }
-  .group-data-\[collapsible\=icon\]\:-mt-8 {
-    &:is(:where(.group)[data-collapsible="icon"] *) {
-      margin-top: calc(var(--spacing) * -8);
+  .group-hover\/head\:opacity-30 {
+    &:is(:where(.group\/head):hover *) {
+      @media (hover: hover) {
+        opacity: 30%;
+      }
     }
   }
-  .group-data-\[collapsible\=icon\]\:hidden {
-    &:is(:where(.group)[data-collapsible="icon"] *) {
-      display: none;
+  .group-hover\/menu-item\:opacity-100 {
+    &:is(:where(.group\/menu-item):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
+  .group-hover\/tabs-trigger\:opacity-100 {
+    &:is(:where(.group\/tabs-trigger):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
+  .group-hover\/tree-item-label\:flex {
+    &:is(:where(.group\/tree-item-label):hover *) {
+      @media (hover: hover) {
+        display: flex;
+      }
+    }
+  }
+  .group-hover\/tree-item-label\:opacity-100 {
+    &:is(:where(.group\/tree-item-label):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
+  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8 {
+    &:is(:where(.group\/menu-item):has(*[data-sidebar="menu-action"]) *) {
+      padding-right: calc(var(--spacing) * 8);
+    }
+  }
+  .group-data-\[collapsible\=icon\]\:-mt-8 {
+    &:is(:where(.group)[data-collapsible="icon"] *) {
+      margin-top: calc(var(--spacing) * -8);
+    }
+  }
+  .group-data-\[collapsible\=icon\]\:hidden {
+    &:is(:where(.group)[data-collapsible="icon"] *) {
+      display: none;
     }
   }
   .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\) {
@@ -2245,18 +2662,26 @@
   }
   .selection\:bg-bg-primary {
     & *::selection {
-      background-color: var(--color-bg-primary);
+      background-color: var(--hs-bg-primary);
     }
     &::selection {
-      background-color: var(--color-bg-primary);
+      background-color: var(--hs-bg-primary);
     }
   }
   .selection\:bg-selection {
     & *::selection {
-      background-color: var(--color-selection);
+      background-color: var(--hs-selection);
+    }
+    &::selection {
+      background-color: var(--hs-selection);
+    }
+  }
+  .selection\:text-text-primary {
+    & *::selection {
+      color: var(--hs-text-primary);
     }
     &::selection {
-      background-color: var(--color-selection);
+      color: var(--hs-text-primary);
     }
   }
   .file\:inline-flex {
@@ -2288,17 +2713,109 @@
   }
   .file\:text-text-primary {
     &::file-selector-button {
-      color: var(--color-text-primary);
+      color: var(--hs-text-primary);
     }
   }
-  .placeholder\:text-muted-foreground {
+  .placeholder\:text-text-quternary {
     &::placeholder {
-      color: var(--muted-foreground);
+      color: var(--hs-text-quaternary);
     }
   }
-  .placeholder\:text-text-quternary {
+  .placeholder\:text-text-tertiary {
     &::placeholder {
-      color: var(--color-text-quternary);
+      color: var(--hs-text-tertiary);
+    }
+  }
+  .before\:absolute {
+    &::before {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  .before\:inset-0 {
+    &::before {
+      content: var(--tw-content);
+      inset: calc(var(--spacing) * 0);
+    }
+  }
+  .before\:inset-x-0 {
+    &::before {
+      content: var(--tw-content);
+      inset-inline: calc(var(--spacing) * 0);
+    }
+  }
+  .before\:-inset-y-0 {
+    &::before {
+      content: var(--tw-content);
+      inset-block: calc(var(--spacing) * -0);
+    }
+  }
+  .before\:-top-\[3px\] {
+    &::before {
+      content: var(--tw-content);
+      top: calc(3px * -1);
+    }
+  }
+  .before\:left-0 {
+    &::before {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .before\:-z-10 {
+    &::before {
+      content: var(--tw-content);
+      z-index: calc(10 * -1);
+    }
+  }
+  .before\:-z-20 {
+    &::before {
+      content: var(--tw-content);
+      z-index: calc(20 * -1);
+    }
+  }
+  .before\:-ms-1 {
+    &::before {
+      content: var(--tw-content);
+      margin-inline-start: calc(var(--spacing) * -1);
+    }
+  }
+  .before\:size-2 {
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 2);
+      height: calc(var(--spacing) * 2);
+    }
+  }
+  .before\:rounded-full {
+    &::before {
+      content: var(--tw-content);
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .before\:border-2 {
+    &::before {
+      content: var(--tw-content);
+      border-style: var(--tw-border-style);
+      border-width: 2px;
+    }
+  }
+  .before\:border-primary {
+    &::before {
+      content: var(--tw-content);
+      border-color: var(--primary);
+    }
+  }
+  .before\:bg-background {
+    &::before {
+      content: var(--tw-content);
+      background-color: var(--background);
+    }
+  }
+  .before\:bg-\[repeating-linear-gradient\(to_right\,transparent_0\,transparent_calc\(var\(--tree-indent\)-1px\)\,var\(--border\)_calc\(var\(--tree-indent\)-1px\)\,var\(--border\)_calc\(var\(--tree-indent\)\)\)\] {
+    &::before {
+      content: var(--tw-content);
+      background-image: repeating-linear-gradient(to right,transparent 0,transparent calc(var(--tree-indent) - 1px),var(--border) calc(var(--tree-indent) - 1px),var(--border) calc(var(--tree-indent)));
     }
   }
   .after\:absolute {
@@ -2322,7 +2839,7 @@
   .after\:left-1\/2 {
     &::after {
       content: var(--tw-content);
-      left: calc(1/2 * 100%);
+      left: calc(1 / 2 * 100%);
     }
   }
   .after\:w-1 {
@@ -2340,7 +2857,7 @@
   .after\:-translate-x-1\/2 {
     &::after {
       content: var(--tw-content);
-      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -2352,6 +2869,12 @@
       }
     }
   }
+  .first\:rounded-t-lg {
+    &:first-child {
+      border-top-left-radius: var(--radius);
+      border-top-right-radius: var(--radius);
+    }
+  }
   .first\:rounded-l-md {
     &:first-child {
       border-top-left-radius: calc(var(--radius) - 2px);
@@ -2364,23 +2887,26 @@
       border-left-width: 1px;
     }
   }
+  .last\:mb-0 {
+    &:last-child {
+      margin-bottom: calc(var(--spacing) * 0);
+    }
+  }
   .last\:rounded-r-md {
     &:last-child {
       border-top-right-radius: calc(var(--radius) - 2px);
       border-bottom-right-radius: calc(var(--radius) - 2px);
     }
   }
-  .last\:border-b-0 {
+  .last\:rounded-b-lg {
     &:last-child {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 0px;
+      border-bottom-right-radius: var(--radius);
+      border-bottom-left-radius: var(--radius);
     }
   }
-  .hover\:cursor-default {
-    &:hover {
-      @media (hover: hover) {
-        cursor: default;
-      }
+  .even\:bg-bg-secondary {
+    &:nth-child(even) {
+      background-color: var(--hs-bg-secondary);
     }
   }
   .hover\:cursor-not-allowed {
@@ -2390,124 +2916,106 @@
       }
     }
   }
-  .hover\:border-\[\#F4CB00\] {
-    &:hover {
-      @media (hover: hover) {
-        border-color: #F4CB00;
-      }
-    }
-  }
-  .hover\:border-blue-400 {
+  .hover\:border-bg-link {
     &:hover {
       @media (hover: hover) {
-        border-color: var(--color-blue-400);
+        border-color: var(--hs-bg-link);
       }
     }
   }
   .hover\:border-border-error_inverse {
     &:hover {
       @media (hover: hover) {
-        border-color: var(--color-border-error_inverse);
+        border-color: var(--color-red-400);
       }
     }
   }
   .hover\:border-border-primary_hover {
     &:hover {
       @media (hover: hover) {
-        border-color: var(--color-border-primary_hover);
+        border-color: var(--hs-border-primary-hover);
       }
     }
   }
-  .hover\:border-fg-success-secondary {
+  .hover\:\!bg-bg-secondary {
     &:hover {
       @media (hover: hover) {
-        border-color: var(--color-fg-success-secondary);
+        background-color: var(--hs-bg-secondary) !important;
       }
     }
   }
-  .hover\:border-red-300 {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--color-red-300);
-      }
-    }
-  }
-  .hover\:border-violet-400 {
+  .hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
-        border-color: var(--color-violet-400);
+        background-color: var(--accent);
       }
     }
   }
-  .hover\:bg-accent {
+  .hover\:bg-bg-dark_tertiary {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--accent);
+        background-color: var(--hs-bg-dark-tertiary);
       }
     }
   }
-  .hover\:bg-accent\/50 {
+  .hover\:bg-bg-error-primary_inverse_hover {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--accent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--accent) 50%, transparent);
-        }
+        background-color: var(
+		--hs-bg-error-primary-inverse-hover
+	);
       }
     }
   }
-  .hover\:bg-bg-error-primary_inverse_hover {
+  .hover\:bg-bg-error-secondary {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-bg-error-primary_inverse_hover);
+        background-color: var(--hs-bg-error-secondary);
       }
     }
   }
-  .hover\:bg-bg-error-secondary {
+  .hover\:bg-bg-link {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-bg-error-secondary);
+        background-color: var(--hs-bg-link);
       }
     }
   }
   .hover\:bg-bg-link_hover {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-bg-link_hover);
+        background-color: var(--hs-bg-link-hover);
       }
     }
   }
   .hover\:bg-bg-secondary {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-bg-secondary);
+        background-color: var(--hs-bg-secondary);
       }
     }
   }
   .hover\:bg-bg-secondary\/60 {
     &:hover {
       @media (hover: hover) {
-        background-color: color-mix(in srgb, #f9f9f9 60%, transparent);
+        background-color: var(--hs-bg-secondary);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-bg-secondary) 60%, transparent);
+          background-color: color-mix(in oklab, var(--hs-bg-secondary) 60%, transparent);
         }
       }
     }
   }
-  .hover\:bg-muted {
+  .hover\:bg-bg-tertiary {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--muted);
+        background-color: var(--hs-bg-tertiary);
       }
     }
   }
-  .hover\:bg-muted\/50 {
+  .hover\:bg-border-secondary {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--muted);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--muted) 50%, transparent);
-        }
+        background-color: var(--hs-border-secondary);
       }
     }
   }
@@ -2518,66 +3026,66 @@
       }
     }
   }
-  .hover\:text-accent-foreground {
+  .hover\:bg-transparent {
     &:hover {
       @media (hover: hover) {
-        color: var(--accent-foreground);
+        background-color: transparent;
       }
     }
   }
-  .hover\:text-fg-primary {
+  .hover\:bg-white\/20 {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-fg-primary);
+        background-color: color-mix(in oklab, #ffffff 20%, transparent);
       }
     }
   }
-  .hover\:text-fg-secondary {
+  .hover\:text-accent-foreground {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-fg-secondary);
+        color: var(--accent-foreground);
       }
     }
   }
-  .hover\:text-muted-foreground {
+  .hover\:text-sidebar-accent-foreground {
     &:hover {
       @media (hover: hover) {
-        color: var(--muted-foreground);
+        color: var(--sidebar-accent-foreground);
       }
     }
   }
-  .hover\:text-sidebar-accent-foreground {
+  .hover\:text-text-error-primary {
     &:hover {
       @media (hover: hover) {
-        color: var(--sidebar-accent-foreground);
+        color: var(--hs-text-error-primary);
       }
     }
   }
-  .hover\:text-text-error-primary {
+  .hover\:text-text-primary {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-text-error-primary);
+        color: var(--hs-text-primary);
       }
     }
   }
-  .hover\:text-text-primary {
+  .hover\:text-text-primary_on-brand {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-text-primary);
+        color: var(--hs-text-primary-on-brand);
       }
     }
   }
   .hover\:text-text-secondary {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-text-secondary);
+        color: var(--hs-text-secondary);
       }
     }
   }
-  .hover\:text-text-tertiary {
+  .hover\:text-text-tertiary_hover {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-text-tertiary);
+        color: var(--hs-text-tertiary-hover);
       }
     }
   }
@@ -2588,6 +3096,20 @@
       }
     }
   }
+  .hover\:opacity-70 {
+    &:hover {
+      @media (hover: hover) {
+        opacity: 70%;
+      }
+    }
+  }
+  .hover\:opacity-80 {
+    &:hover {
+      @media (hover: hover) {
+        opacity: 80%;
+      }
+    }
+  }
   .hover\:opacity-100 {
     &:hover {
       @media (hover: hover) {
@@ -2611,6 +3133,16 @@
       }
     }
   }
+  .hover\:ring-utility-blue\/70 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: color-mix(in srgb, #1e71d9 70%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 70%, transparent);
+        }
+      }
+    }
+  }
   .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar {
     &:hover {
       @media (hover: hover) {
@@ -2635,6 +3167,16 @@
       z-index: 10;
     }
   }
+  .focus\:z-20 {
+    &:focus {
+      z-index: 20;
+    }
+  }
+  .focus\:rounded {
+    &:focus {
+      border-radius: var(--radius);
+    }
+  }
   .focus\:bg-\(--color-surface-1\) {
     &:focus {
       background-color: var(--color-surface-1);
@@ -2647,7 +3189,12 @@
   }
   .focus\:bg-bg-secondary {
     &:focus {
-      background-color: var(--color-bg-secondary);
+      background-color: var(--hs-bg-secondary);
+    }
+  }
+  .focus\:bg-bg-tertiary {
+    &:focus {
+      background-color: var(--hs-bg-tertiary);
     }
   }
   .focus\:text-accent-foreground {
@@ -2657,7 +3204,7 @@
   }
   .focus\:text-text-primary {
     &:focus {
-      color: var(--color-text-primary);
+      color: var(--hs-text-primary);
     }
   }
   .focus\:shadow-md {
@@ -2677,6 +3224,14 @@
       --tw-ring-color: var(--ring);
     }
   }
+  .focus\:ring-utility-blue\/70 {
+    &:focus {
+      --tw-ring-color: color-mix(in srgb, #1e71d9 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 70%, transparent);
+      }
+    }
+  }
   .focus\:ring-offset-2 {
     &:focus {
       --tw-ring-offset-width: 2px;
@@ -2704,19 +3259,25 @@
       border-right-width: 1px;
     }
   }
+  .focus-visible\:border-l-1 {
+    &:focus-visible {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+  }
   .focus-visible\:border-border-error {
     &:focus-visible {
-      border-color: var(--color-border-error);
+      border-color: var(--color-red-500);
     }
   }
   .focus-visible\:border-border-link {
     &:focus-visible {
-      border-color: var(--color-border-link);
+      border-color: var(--color-blue-500);
     }
   }
-  .focus-visible\:border-ring {
+  .focus-visible\:bg-bg-tertiary {
     &:focus-visible {
-      border-color: var(--ring);
+      background-color: var(--hs-bg-tertiary);
     }
   }
   .focus-visible\:ring-1 {
@@ -2731,6 +3292,12 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus-visible\:ring-3 {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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-visible\:ring-4 {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -2743,19 +3310,6 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  .focus-visible\:ring-border-link {
-    &:focus-visible {
-      --tw-ring-color: var(--color-border-link);
-    }
-  }
-  .focus-visible\:ring-destructive\/20 {
-    &:focus-visible {
-      --tw-ring-color: var(--destructive);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
-      }
-    }
-  }
   .focus-visible\:ring-ring {
     &:focus-visible {
       --tw-ring-color: var(--ring);
@@ -2763,12 +3317,12 @@
   }
   .focus-visible\:ring-ring-blue {
     &:focus-visible {
-      --tw-ring-color: var(--color-ring-blue);
+      --tw-ring-color: var(--color-blue-300);
     }
   }
   .focus-visible\:ring-ring-red {
     &:focus-visible {
-      --tw-ring-color: var(--color-ring-red);
+      --tw-ring-color: var(--color-red-200);
     }
   }
   .focus-visible\:ring-ring\/50 {
@@ -2779,6 +3333,22 @@
       }
     }
   }
+  .focus-visible\:ring-utility-blue\/70 {
+    &:focus-visible {
+      --tw-ring-color: color-mix(in srgb, #1e71d9 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 70%, transparent);
+      }
+    }
+  }
+  .focus-visible\:ring-utility-red\/70 {
+    &:focus-visible {
+      --tw-ring-color: color-mix(in srgb, #d7270f 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-red-500) 70%, transparent);
+      }
+    }
+  }
   .focus-visible\:ring-offset-0 {
     &:focus-visible {
       --tw-ring-offset-width: 0px;
@@ -2807,45 +3377,48 @@
       outline-width: 1px;
     }
   }
-  .focus-visible\:outline-ring {
-    &:focus-visible {
-      outline-color: var(--ring);
-    }
-  }
   .focus-visible\:outline-none {
     &:focus-visible {
       --tw-outline-style: none;
       outline-style: none;
     }
   }
+  .active\:scale-90 {
+    &:active {
+      --tw-scale-x: 90%;
+      --tw-scale-y: 90%;
+      --tw-scale-z: 90%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+  }
   .active\:bg-bg-error-primary_inverse {
     &:active {
-      background-color: var(--color-bg-error-primary_inverse);
+      background-color: var(--hs-bg-error-primary-inverse);
     }
   }
   .active\:bg-bg-error-tertiary {
     &:active {
-      background-color: var(--color-bg-error-tertiary);
+      background-color: var(--hs-bg-error-tertiary);
     }
   }
   .active\:bg-bg-link {
     &:active {
-      background-color: var(--color-bg-link);
+      background-color: var(--hs-bg-link);
     }
   }
   .active\:bg-bg-primary {
     &:active {
-      background-color: var(--color-bg-primary);
+      background-color: var(--hs-bg-primary);
     }
   }
   .active\:bg-bg-quaternary {
     &:active {
-      background-color: var(--color-bg-quaternary);
+      background-color: var(--hs-bg-quaternary);
     }
   }
   .active\:bg-bg-tertiary {
     &:active {
-      background-color: var(--color-bg-tertiary);
+      background-color: var(--hs-bg-tertiary);
     }
   }
   .active\:bg-sidebar-accent {
@@ -2858,9 +3431,25 @@
       color: var(--sidebar-accent-foreground);
     }
   }
+  .active\:text-text-error-primary {
+    &:active {
+      color: var(--hs-text-error-primary);
+    }
+  }
+  .active\:text-text-primary {
+    &:active {
+      color: var(--hs-text-primary);
+    }
+  }
   .active\:text-text-tertiary {
     &:active {
-      color: var(--color-text-tertiary);
+      color: var(--hs-text-tertiary);
+    }
+  }
+  .active\:duration-75 {
+    &:active {
+      --tw-duration: 75ms;
+      transition-duration: 75ms;
     }
   }
   .disabled\:pointer-events-none {
@@ -2873,34 +3462,54 @@
       cursor: not-allowed;
     }
   }
+  .disabled\:border-\[var\(--color-fg-disabled\)\] {
+    &:disabled {
+      border-color: var(--color-fg-disabled);
+    }
+  }
   .disabled\:border-border-disabled {
     &:disabled {
-      border-color: var(--color-border-disabled);
+      border-color: var(--hs-border-disabled);
     }
   }
   .disabled\:border-border-primary {
     &:disabled {
-      border-color: var(--color-border-primary);
+      border-color: var(--hs-border-primary);
+    }
+  }
+  .disabled\:border-border-secondary {
+    &:disabled {
+      border-color: var(--hs-border-secondary);
     }
   }
   .disabled\:bg-bg-disabled {
     &:disabled {
-      background-color: var(--color-bg-disabled);
+      background-color: var(--hs-bg-disabled);
+    }
+  }
+  .disabled\:bg-bg-primary {
+    &:disabled {
+      background-color: var(--hs-bg-primary);
     }
   }
   .disabled\:bg-bg-secondary {
     &:disabled {
-      background-color: var(--color-bg-secondary);
+      background-color: var(--hs-bg-secondary);
     }
   }
-  .disabled\:text-fg-disabled {
+  .disabled\:text-\[var\(--color-fg-secondary\)\] {
     &:disabled {
-      color: var(--color-fg-disabled);
+      color: var(--color-fg-secondary);
     }
   }
   .disabled\:text-text-disabled {
     &:disabled {
-      color: var(--color-text-disabled);
+      color: var(--hs-text-disabled);
+    }
+  }
+  .disabled\:text-white {
+    &:disabled {
+      color: #ffffff;
     }
   }
   .disabled\:opacity-50 {
@@ -2911,81 +3520,129 @@
   .disabled\:placeholder\:text-text-disabled {
     &:disabled {
       &::placeholder {
-        color: var(--color-text-disabled);
+        color: var(--hs-text-disabled);
       }
     }
   }
-  .disabled\:hover\:bg-bg-primary {
+  .disabled\:hover\:ring-0 {
     &:disabled {
       &:hover {
         @media (hover: hover) {
-          background-color: var(--color-bg-primary);
+          --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);
         }
       }
     }
   }
-  .in-data-\[side\=left\]\:cursor-w-resize {
-    :where(*[data-side="left"]) & {
-      cursor: w-resize;
-    }
-  }
-  .in-data-\[side\=right\]\:cursor-e-resize {
-    :where(*[data-side="right"]) & {
-      cursor: e-resize;
-    }
-  }
-  .has-focus\:border-ring {
-    &:has(*:focus) {
-      border-color: var(--ring);
+  .disabled\:active\:scale-100 {
+    &:disabled {
+      &:active {
+        --tw-scale-x: 100%;
+        --tw-scale-y: 100%;
+        --tw-scale-z: 100%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
     }
   }
-  .has-focus\:ring-\[3px\] {
-    &:has(*:focus) {
+  .in-focus-visible\:ring-\[3px\] {
+    :where(*:focus-visible) & {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
     }
   }
-  .has-focus\:ring-ring\/50 {
-    &:has(*:focus) {
+  .in-focus-visible\:ring-ring\/50 {
+    :where(*:focus-visible) & {
       --tw-ring-color: var(--ring);
       @supports (color: color-mix(in lab, red, red)) {
         --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
       }
     }
   }
-  .has-disabled\:opacity-50 {
-    &:has(*:disabled) {
-      opacity: 50%;
+  .in-aria-\[expanded\=false\]\:-rotate-90 {
+    :where(*[aria-expanded="false"]) & {
+      rotate: calc(90deg * -1);
     }
   }
-  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
-    &:has(*[data-slot="card-action"]) {
-      grid-template-columns: 1fr auto;
+  .in-data-\[drag-target\=true\]\:bg-accent {
+    :where(*[data-drag-target="true"]) & {
+      background-color: var(--accent);
     }
   }
-  .has-data-\[variant\=inset\]\:bg-sidebar {
-    &:has(*[data-variant="inset"]) {
-      background-color: var(--sidebar);
+  .in-data-\[focus\=true\]\:bg-bg-secondary {
+    :where(*[data-focus="true"]) & {
+      background-color: var(--hs-bg-secondary);
+    }
+  }
+  .in-data-\[focus\=true\]\:text-text-primary {
+    :where(*[data-focus="true"]) & {
+      color: var(--hs-text-primary);
+    }
+  }
+  .in-data-\[folder\=true\]\:w-\[calc\(260px-var\(--tree-padding\)\)\] {
+    :where(*[data-folder="true"]) & {
+      width: calc(260px - var(--tree-padding));
+    }
+  }
+  .in-data-\[folder\=true\]\:min-w-\[calc\(260px-var\(--tree-padding\)\)\] {
+    :where(*[data-folder="true"]) & {
+      min-width: calc(260px - var(--tree-padding));
+    }
+  }
+  .in-data-\[search-match\=true\]\:bg-blue-400\/20\! {
+    :where(*[data-search-match="true"]) & {
+      background-color: color-mix(in srgb, #a7c9f3 20%, transparent) !important;
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent) !important;
+      }
+    }
+  }
+  .in-data-\[selected\=true\]\:opacity-100 {
+    :where(*[data-selected="true"]) & {
+      opacity: 100%;
+    }
+  }
+  .in-data-\[side\=left\]\:cursor-w-resize {
+    :where(*[data-side="left"]) & {
+      cursor: w-resize;
+    }
+  }
+  .in-data-\[side\=right\]\:cursor-e-resize {
+    :where(*[data-side="right"]) & {
+      cursor: e-resize;
+    }
+  }
+  .has-focus\:border-ring {
+    &:has(*:focus) {
+      border-color: var(--ring);
+    }
+  }
+  .has-focus\:ring-\[3px\] {
+    &:has(*:focus) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
     }
   }
-  .has-\[\[aria-checked\=true\]\]\:border-blue-600 {
-    &:has(*:is([aria-checked=true])) {
-      border-color: var(--color-blue-600);
+  .has-focus\:ring-ring\/50 {
+    &:has(*:focus) {
+      --tw-ring-color: var(--ring);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+      }
     }
   }
-  .has-\[\[aria-checked\=true\]\]\:bg-blue-50 {
-    &:has(*:is([aria-checked=true])) {
-      background-color: var(--color-blue-50);
+  .has-disabled\:opacity-50 {
+    &:has(*:disabled) {
+      opacity: 50%;
     }
   }
-  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\] {
-    &:has(>svg) {
-      grid-template-columns: calc(var(--spacing) * 4) 1fr;
+  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
+    &:has(*[data-slot="card-action"]) {
+      grid-template-columns: 1fr auto;
     }
   }
-  .has-\[\>svg\]\:gap-x-3 {
-    &:has(>svg) {
-      column-gap: calc(var(--spacing) * 3);
+  .has-data-\[variant\=inset\]\:bg-sidebar {
+    &:has(*[data-variant="inset"]) {
+      background-color: var(--sidebar);
     }
   }
   .aria-disabled\:pointer-events-none {
@@ -2998,6 +3655,11 @@
       opacity: 50%;
     }
   }
+  .aria-invalid\:border-border-error {
+    &[aria-invalid="true"] {
+      border-color: var(--color-red-500);
+    }
+  }
   .aria-invalid\:border-destructive {
     &[aria-invalid="true"] {
       border-color: var(--destructive);
@@ -3005,7 +3667,13 @@
   }
   .aria-invalid\:text-text-error-primary {
     &[aria-invalid="true"] {
-      color: var(--color-text-error-primary);
+      color: var(--hs-text-error-primary);
+    }
+  }
+  .aria-invalid\:ring-2 {
+    &[aria-invalid="true"] {
+      --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);
     }
   }
   .aria-invalid\:ring-destructive {
@@ -3013,14 +3681,24 @@
       --tw-ring-color: var(--destructive);
     }
   }
-  .aria-invalid\:ring-destructive\/20 {
+  .aria-invalid\:ring-utility-red\/70 {
     &[aria-invalid="true"] {
-      --tw-ring-color: var(--destructive);
+      --tw-ring-color: color-mix(in srgb, #d7270f 70%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+        --tw-ring-color: color-mix(in oklab, var(--color-red-500) 70%, transparent);
       }
     }
   }
+  .aria-selected\:\!bg-bg-quaternary {
+    &[aria-selected="true"] {
+      background-color: var(--hs-bg-quaternary) !important;
+    }
+  }
+  .aria-selected\:\!text-text-primary {
+    &[aria-selected="true"] {
+      color: var(--hs-text-primary) !important;
+    }
+  }
   .aria-selected\:text-muted-foreground {
     &[aria-selected="true"] {
       color: var(--muted-foreground);
@@ -3044,9 +3722,9 @@
       }
     }
   }
-  .data-\[active\=true\]\:bg-bg-brand-secondary {
+  .data-\[active\=true\]\:bg-bg-brand-primary {
     &[data-active="true"] {
-      background-color: var(--color-bg-brand-secondary);
+      background-color: var(--hs-bg-brand-primary);
     }
   }
   .data-\[active\=true\]\:bg-sidebar-accent {
@@ -3066,7 +3744,7 @@
   }
   .data-\[active\=true\]\:text-text-primary {
     &[data-active="true"] {
-      color: var(--color-text-primary);
+      color: var(--hs-text-primary);
     }
   }
   .data-\[active\=true\]\:ring-\[3px\] {
@@ -3136,9 +3814,9 @@
       opacity: 50%;
     }
   }
-  .data-\[error\=true\]\:text-destructive {
+  .data-\[error\=true\]\:text-text-error-primary {
     &[data-error="true"] {
-      color: var(--destructive);
+      color: var(--hs-text-error-primary);
     }
   }
   .data-\[inset\]\:pl-8 {
@@ -3261,6 +3939,18 @@
       flex-direction: column;
     }
   }
+  .data-\[panel-group-direction\=vertical\]\:border-x-0 {
+    &[data-panel-group-direction="vertical"] {
+      border-inline-style: var(--tw-border-style);
+      border-inline-width: 0px;
+    }
+  }
+  .data-\[panel-group-direction\=vertical\]\:border-y {
+    &[data-panel-group-direction="vertical"] {
+      border-block-style: var(--tw-border-style);
+      border-block-width: 1px;
+    }
+  }
   .data-\[panel-group-direction\=vertical\]\:after\:left-0 {
     &[data-panel-group-direction="vertical"] {
       &::after {
@@ -3298,14 +3988,14 @@
     &[data-panel-group-direction="vertical"] {
       &::after {
         content: var(--tw-content);
-        --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
         translate: var(--tw-translate-x) var(--tw-translate-y);
       }
     }
   }
-  .data-\[placeholder\]\:text-text-quternary {
+  .data-\[placeholder\]\:text-text-tertiary {
     &[data-placeholder] {
-      color: var(--color-text-quternary);
+      color: var(--hs-text-tertiary);
     }
   }
   .data-\[range-end\=true\]\:rounded-md {
@@ -3380,16 +4070,6 @@
       border-radius: 0;
     }
   }
-  .data-\[selected\=true\]\:bg-\(--color-surface-1\) {
-    &[data-selected="true"] {
-      background-color: var(--color-surface-1);
-    }
-  }
-  .data-\[selected\=true\]\:text-\(--color-elements-readable\) {
-    &[data-selected="true"] {
-      color: var(--color-elements-readable);
-    }
-  }
   .data-\[side\=bottom\]\:translate-y-1 {
     &[data-side="bottom"] {
       --tw-translate-y: calc(var(--spacing) * 1);
@@ -3434,16 +4114,6 @@
       --tw-enter-translate-y: calc(2*var(--spacing));
     }
   }
-  .\*\:data-\[slot\=alert-description\]\:text-destructive\/90 {
-    :is(& > *) {
-      &[data-slot="alert-description"] {
-        color: var(--destructive);
-        @supports (color: color-mix(in lab, red, red)) {
-          color: color-mix(in oklab, var(--destructive) 90%, transparent);
-        }
-      }
-    }
-  }
   .\*\:data-\[slot\=avatar\]\:ring-2 {
     :is(& > *) {
       &[data-slot="avatar"] {
@@ -3467,6 +4137,76 @@
       }
     }
   }
+  .\*\:data-\[slot\=button\]\:h-6 {
+    :is(& > *) {
+      &[data-slot="button"] {
+        height: calc(var(--spacing) * 6);
+      }
+    }
+  }
+  .\*\:data-\[slot\=button\]\:h-9 {
+    :is(& > *) {
+      &[data-slot="button"] {
+        height: calc(var(--spacing) * 9);
+      }
+    }
+  }
+  .\*\:data-\[slot\=button\]\:gap-1 {
+    :is(& > *) {
+      &[data-slot="button"] {
+        gap: calc(var(--spacing) * 1);
+      }
+    }
+  }
+  .\*\:data-\[slot\=button\]\:rounded-r-none {
+    :is(& > *) {
+      &[data-slot="button"] {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+    }
+  }
+  .\*\:data-\[slot\=button\]\:px-2 {
+    :is(& > *) {
+      &[data-slot="button"] {
+        padding-inline: calc(var(--spacing) * 2);
+      }
+    }
+  }
+  .\*\:data-\[slot\=button\]\:px-4 {
+    :is(& > *) {
+      &[data-slot="button"] {
+        padding-inline: calc(var(--spacing) * 4);
+      }
+    }
+  }
+  .\*\:data-\[slot\=button\]\:disabled\:border-border-disabled {
+    :is(& > *) {
+      &[data-slot="button"] {
+        &:disabled {
+          border-color: var(--hs-border-disabled);
+        }
+      }
+    }
+  }
+  .\*\:data-\[slot\=button\]\:disabled\:bg-bg-primary {
+    :is(& > *) {
+      &[data-slot="button"] {
+        &:disabled {
+          background-color: var(--hs-bg-primary);
+        }
+      }
+    }
+  }
+  .\*\:data-\[slot\=button\]\:disabled\:text-text-disabled {
+    :is(& > *) {
+      &[data-slot="button"] {
+        &:disabled {
+          color: var(--hs-text-disabled);
+        }
+      }
+    }
+  }
   .\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
     :is(& *) {
       &[data-slot="command-input-wrapper"] {
@@ -3474,6 +4214,84 @@
       }
     }
   }
+  .\*\:data-\[slot\=dropdown-menu-trigger\]\:h-6 {
+    :is(& > *) {
+      &[data-slot="dropdown-menu-trigger"] {
+        height: calc(var(--spacing) * 6);
+      }
+    }
+  }
+  .\*\:data-\[slot\=dropdown-menu-trigger\]\:h-9 {
+    :is(& > *) {
+      &[data-slot="dropdown-menu-trigger"] {
+        height: calc(var(--spacing) * 9);
+      }
+    }
+  }
+  .\*\:data-\[slot\=dropdown-menu-trigger\]\:rounded-l-none {
+    :is(& > *) {
+      &[data-slot="dropdown-menu-trigger"] {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+    }
+  }
+  .\*\:data-\[slot\=dropdown-menu-trigger\]\:border-l-0 {
+    :is(& > *) {
+      &[data-slot="dropdown-menu-trigger"] {
+        border-left-style: var(--tw-border-style);
+        border-left-width: 0px;
+      }
+    }
+  }
+  .\*\:data-\[slot\=dropdown-menu-trigger\]\:px-1 {
+    :is(& > *) {
+      &[data-slot="dropdown-menu-trigger"] {
+        padding-inline: calc(var(--spacing) * 1);
+      }
+    }
+  }
+  .\*\:data-\[slot\=dropdown-menu-trigger\]\:py-1 {
+    :is(& > *) {
+      &[data-slot="dropdown-menu-trigger"] {
+        padding-block: calc(var(--spacing) * 1);
+      }
+    }
+  }
+  .\*\:data-\[slot\=dropdown-menu-trigger\]\:py-2 {
+    :is(& > *) {
+      &[data-slot="dropdown-menu-trigger"] {
+        padding-block: calc(var(--spacing) * 2);
+      }
+    }
+  }
+  .\*\:data-\[slot\=dropdown-menu-trigger\]\:disabled\:border-border-disabled {
+    :is(& > *) {
+      &[data-slot="dropdown-menu-trigger"] {
+        &:disabled {
+          border-color: var(--hs-border-disabled);
+        }
+      }
+    }
+  }
+  .\*\:data-\[slot\=dropdown-menu-trigger\]\:disabled\:bg-bg-primary {
+    :is(& > *) {
+      &[data-slot="dropdown-menu-trigger"] {
+        &:disabled {
+          background-color: var(--hs-bg-primary);
+        }
+      }
+    }
+  }
+  .\*\:data-\[slot\=dropdown-menu-trigger\]\:disabled\:text-text-disabled {
+    :is(& > *) {
+      &[data-slot="dropdown-menu-trigger"] {
+        &:disabled {
+          color: var(--hs-text-disabled);
+        }
+      }
+    }
+  }
   .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 {
     :is(& *) {
       &[data-slot="navigation-menu-link"] {
@@ -3525,83 +4343,367 @@
       }
     }
   }
-  .\*\*\:data-\[slot\=tabs-list\]\:divide-x {
+  .\*\*\:data-\[slot\=tabs-list\]\:h-10 {
+    :is(& *) {
+      &[data-slot="tabs-list"] {
+        height: calc(var(--spacing) * 10);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-list\]\:gap-2 {
+    :is(& *) {
+      &[data-slot="tabs-list"] {
+        gap: calc(var(--spacing) * 2);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-list\]\:divide-x {
+    :is(& *) {
+      &[data-slot="tabs-list"] {
+        :where(& > :not(:last-child)) {
+          --tw-divide-x-reverse: 0;
+          border-inline-style: var(--tw-border-style);
+          border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+          border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+        }
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-list\]\:overflow-x-auto {
+    :is(& *) {
+      &[data-slot="tabs-list"] {
+        overflow-x: auto;
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-list\]\:border-b {
+    :is(& *) {
+      &[data-slot="tabs-list"] {
+        border-bottom-style: var(--tw-border-style);
+        border-bottom-width: 1px;
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-list\]\:border-b-border-separator {
+    :is(& *) {
+      &[data-slot="tabs-list"] {
+        border-bottom-color: var(--hs-border-separator);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-list\]\:bg-bg-secondary {
+    :is(& *) {
+      &[data-slot="tabs-list"] {
+        background-color: var(--hs-bg-secondary);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-list\]\:bg-bg-tertiary {
+    :is(& *) {
+      &[data-slot="tabs-list"] {
+        background-color: var(--hs-bg-tertiary);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-list\]\:px-4 {
+    :is(& *) {
+      &[data-slot="tabs-list"] {
+        padding-inline: calc(var(--spacing) * 4);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-list\]\:py-2 {
+    :is(& *) {
+      &[data-slot="tabs-list"] {
+        padding-block: calc(var(--spacing) * 2);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:h-7 {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        height: calc(var(--spacing) * 7);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:h-10 {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        height: calc(var(--spacing) * 10);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:w-60 {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        width: calc(var(--spacing) * 60);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:max-w-80 {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        max-width: calc(var(--spacing) * 80);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:min-w-40 {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        min-width: calc(var(--spacing) * 40);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:rounded {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        border-radius: var(--radius);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:border {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        border-style: var(--tw-border-style);
+        border-width: 1px;
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:border-b-0 {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        border-bottom-style: var(--tw-border-style);
+        border-bottom-width: 0px;
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:border-transparent {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        border-color: transparent;
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:px-3 {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        padding-inline: calc(var(--spacing) * 3);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:pt-2 {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        padding-top: calc(var(--spacing) * 2);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:pb-2 {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        padding-bottom: calc(var(--spacing) * 2);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:text-text-secondary {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        color: var(--hs-text-secondary);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:hover\:text-text-primary {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        &:hover {
+          @media (hover: hover) {
+            color: var(--hs-text-primary);
+          }
+        }
+      }
+    }
+  }
+  .data-\[state\=active\]\:border-b-border-brand {
+    &[data-state="active"] {
+      border-bottom-color: var(--color-brand-500);
+    }
+  }
+  .data-\[state\=active\]\:text-text-primary {
+    &[data-state="active"] {
+      color: var(--hs-text-primary);
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=active\]\:border-b-2 {
     :is(& *) {
-      &[data-slot="tabs-list"] {
-        :where(& > :not(:last-child)) {
-          --tw-divide-x-reverse: 0;
-          border-inline-style: var(--tw-border-style);
-          border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
-          border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+      &[data-slot="tabs-trigger"] {
+        &[data-state="active"] {
+          border-bottom-style: var(--tw-border-style);
+          border-bottom-width: 2px;
         }
       }
     }
   }
-  .\*\*\:data-\[slot\=tabs-list\]\:overflow-x-auto {
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=active\]\:border-border-secondary {
     :is(& *) {
-      &[data-slot="tabs-list"] {
-        overflow-x: auto;
+      &[data-slot="tabs-trigger"] {
+        &[data-state="active"] {
+          border-color: var(--hs-border-secondary);
+        }
       }
     }
   }
-  .\*\*\:data-\[slot\=tabs-trigger\]\:max-w-80 {
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=active\]\:border-b-border-dark {
     :is(& *) {
       &[data-slot="tabs-trigger"] {
-        max-width: calc(var(--spacing) * 80);
+        &[data-state="active"] {
+          border-bottom-color: var(--hs-border-dark);
+        }
       }
     }
   }
-  .\*\*\:data-\[slot\=tabs-trigger\]\:min-w-40 {
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=active\]\:bg-bg-primary {
     :is(& *) {
       &[data-slot="tabs-trigger"] {
-        min-width: calc(var(--spacing) * 40);
+        &[data-state="active"] {
+          background-color: var(--hs-bg-primary);
+        }
       }
     }
   }
-  .data-\[state\=active\]\:border-b-border-brand {
-    &[data-state="active"] {
-      border-bottom-color: var(--color-border-brand);
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=active\]\:text-text-primary {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        &[data-state="active"] {
+          color: var(--hs-text-primary);
+        }
+      }
     }
   }
-  .data-\[state\=active\]\:text-text-primary {
-    &[data-state="active"] {
-      color: var(--color-text-primary);
+  .data-\[state\=checked\]\:translate-x-\[0\.875rem\] {
+    &[data-state="checked"] {
+      --tw-translate-x: 0.875rem;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
-  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\] {
+  .data-\[state\=checked\]\:translate-x-\[1\.125rem\] {
     &[data-state="checked"] {
-      --tw-translate-x: calc(100% - 2px);
+      --tw-translate-x: 1.125rem;
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
-  .data-\[state\=checked\]\:border-blue-600 {
+  .data-\[state\=checked\]\:border-\[var\(--color-fg-link\)\] {
     &[data-state="checked"] {
-      border-color: var(--color-blue-600);
+      border-color: var(--color-fg-link);
     }
   }
-  .data-\[state\=checked\]\:border-primary {
+  .data-\[state\=checked\]\:border-bg-link {
     &[data-state="checked"] {
-      border-color: var(--primary);
+      border-color: var(--hs-bg-link);
     }
   }
-  .data-\[state\=checked\]\:bg-blue-600 {
+  .data-\[state\=checked\]\:bg-\[var\(--color-fg-link\)\] {
     &[data-state="checked"] {
-      background-color: var(--color-blue-600);
+      background-color: var(--color-fg-link);
     }
   }
-  .data-\[state\=checked\]\:bg-primary {
+  .data-\[state\=checked\]\:bg-bg-link {
     &[data-state="checked"] {
-      background-color: var(--primary);
+      background-color: var(--hs-bg-link);
     }
   }
-  .data-\[state\=checked\]\:text-primary-foreground {
+  .data-\[state\=checked\]\:bg-bg-tertiary {
     &[data-state="checked"] {
-      color: var(--primary-foreground);
+      background-color: var(--hs-bg-tertiary);
+    }
+  }
+  .data-\[state\=checked\]\:text-text-primary {
+    &[data-state="checked"] {
+      color: var(--hs-text-primary);
     }
   }
   .data-\[state\=checked\]\:text-white {
     &[data-state="checked"] {
-      color: var(--color-white);
+      color: #ffffff;
+    }
+  }
+  .group-hover\:data-\[state\=checked\]\:bg-transparent {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        &[data-state="checked"] {
+          background-color: transparent;
+        }
+      }
+    }
+  }
+  .data-\[state\=checked\]\:hover\:bg-bg-secondary {
+    &[data-state="checked"] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--hs-bg-secondary);
+        }
+      }
+    }
+  }
+  .hover\:data-\[state\=checked\]\:bg-bg-link_hover {
+    &:hover {
+      @media (hover: hover) {
+        &[data-state="checked"] {
+          background-color: var(--hs-bg-link-hover);
+        }
+      }
+    }
+  }
+  .disabled\:data-\[state\=checked\]\:border-\[var\(--color-fg-disabled\)\] {
+    &:disabled {
+      &[data-state="checked"] {
+        border-color: var(--color-fg-disabled);
+      }
+    }
+  }
+  .disabled\:data-\[state\=checked\]\:border-border-secondary {
+    &:disabled {
+      &[data-state="checked"] {
+        border-color: var(--hs-border-secondary);
+      }
+    }
+  }
+  .disabled\:data-\[state\=checked\]\:bg-\[var\(--color-fg-disabled\)\] {
+    &:disabled {
+      &[data-state="checked"] {
+        background-color: var(--color-fg-disabled);
+      }
+    }
+  }
+  .disabled\:data-\[state\=checked\]\:bg-bg-link_disabled {
+    &:disabled {
+      &[data-state="checked"] {
+        background-color: var(--hs-bg-link-disabled);
+      }
+    }
+  }
+  .disabled\:data-\[state\=checked\]\:bg-border-secondary {
+    &:disabled {
+      &[data-state="checked"] {
+        background-color: var(--hs-border-secondary);
+      }
+    }
+  }
+  .disabled\:data-\[state\=checked\]\:text-\[var\(--color-fg-secondary\)\] {
+    &:disabled {
+      &[data-state="checked"] {
+        color: var(--color-fg-secondary);
+      }
+    }
+  }
+  .disabled\:hover\:data-\[state\=checked\]\:bg-bg-link_disabled {
+    &:disabled {
+      &:hover {
+        @media (hover: hover) {
+          &[data-state="checked"] {
+            background-color: var(--hs-bg-link-disabled);
+          }
+        }
+      }
     }
   }
   .data-\[state\=closed\]\:animate-accordion-up {
@@ -3699,7 +4801,7 @@
     :is(& *) {
       &[data-slot="tabs-trigger"] {
         &[data-state="inactive"] {
-          border-bottom-color: var(--color-border-secondary);
+          border-bottom-color: var(--hs-border-secondary);
         }
       }
     }
@@ -3713,14 +4815,64 @@
       }
     }
   }
-  .data-\[state\=on\]\:bg-accent {
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=inactive\]\:text-text-secondary {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        &[data-state="inactive"] {
+          color: var(--hs-text-secondary);
+        }
+      }
+    }
+  }
+  .data-\[state\=indeterminate\]\:border-\[var\(--color-fg-link\)\] {
+    &[data-state="indeterminate"] {
+      border-color: var(--color-fg-link);
+    }
+  }
+  .data-\[state\=indeterminate\]\:bg-\[var\(--color-fg-link\)\] {
+    &[data-state="indeterminate"] {
+      background-color: var(--color-fg-link);
+    }
+  }
+  .data-\[state\=indeterminate\]\:text-white {
+    &[data-state="indeterminate"] {
+      color: #ffffff;
+    }
+  }
+  .disabled\:data-\[state\=indeterminate\]\:border-\[var\(--color-fg-disabled\)\] {
+    &:disabled {
+      &[data-state="indeterminate"] {
+        border-color: var(--color-fg-disabled);
+      }
+    }
+  }
+  .disabled\:data-\[state\=indeterminate\]\:bg-\[var\(--color-fg-disabled\)\] {
+    &:disabled {
+      &[data-state="indeterminate"] {
+        background-color: var(--color-fg-disabled);
+      }
+    }
+  }
+  .disabled\:data-\[state\=indeterminate\]\:text-\[var\(--color-fg-secondary\)\] {
+    &:disabled {
+      &[data-state="indeterminate"] {
+        color: var(--color-fg-secondary);
+      }
+    }
+  }
+  .data-\[state\=on\]\:border-border-separator {
     &[data-state="on"] {
-      background-color: var(--accent);
+      border-color: var(--hs-border-separator);
     }
   }
-  .data-\[state\=on\]\:text-accent-foreground {
+  .data-\[state\=on\]\:bg-bg-secondary {
     &[data-state="on"] {
-      color: var(--accent-foreground);
+      background-color: var(--hs-bg-secondary);
+    }
+  }
+  .data-\[state\=on\]\:bg-bg-tertiary {
+    &[data-state="on"] {
+      background-color: var(--hs-bg-tertiary);
     }
   }
   .data-\[state\=open\]\:animate-accordion-down {
@@ -3751,6 +4903,11 @@
       }
     }
   }
+  .data-\[state\=open\]\:bg-bg-secondary {
+    &[data-state="open"] {
+      background-color: var(--hs-bg-secondary);
+    }
+  }
   .data-\[state\=open\]\:bg-secondary {
     &[data-state="open"] {
       background-color: var(--secondary);
@@ -3761,25 +4918,19 @@
       color: var(--accent-foreground);
     }
   }
-  .data-\[state\=open\]\:text-muted-foreground {
-    &[data-state="open"] {
-      color: var(--muted-foreground);
-    }
-  }
-  .data-\[state\=open\]\:opacity-100 {
+  .data-\[state\=open\]\:text-text-primary {
     &[data-state="open"] {
-      opacity: 100%;
+      color: var(--hs-text-primary);
     }
   }
-  .data-\[state\=open\]\:ring-2 {
+  .data-\[state\=open\]\:text-text-secondary {
     &[data-state="open"] {
-      --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);
+      color: var(--hs-text-secondary);
     }
   }
-  .data-\[state\=open\]\:ring-border-link {
+  .data-\[state\=open\]\:opacity-100 {
     &[data-state="open"] {
-      --tw-ring-color: var(--color-border-link);
+      opacity: 100%;
     }
   }
   .data-\[state\=open\]\:duration-500 {
@@ -3858,20 +5009,20 @@
       }
     }
   }
-  .data-\[state\=open\]\:hover\:bg-sidebar-accent {
+  .data-\[state\=open\]\:hover\:bg-bg-secondary {
     &[data-state="open"] {
       &:hover {
         @media (hover: hover) {
-          background-color: var(--sidebar-accent);
+          background-color: var(--hs-bg-secondary);
         }
       }
     }
   }
-  .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground {
+  .data-\[state\=open\]\:hover\:text-text-primary {
     &[data-state="open"] {
       &:hover {
         @media (hover: hover) {
-          color: var(--sidebar-accent-foreground);
+          color: var(--hs-text-primary);
         }
       }
     }
@@ -3883,20 +5034,54 @@
       }
     }
   }
-  .data-\[state\=selected\]\:bg-muted {
-    &[data-state="selected"] {
-      background-color: var(--muted);
+  .data-\[state\=unchecked\]\:translate-x-0\.5 {
+    &[data-state="unchecked"] {
+      --tw-translate-x: calc(var(--spacing) * 0.5);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
-  .data-\[state\=unchecked\]\:translate-x-0 {
+  .data-\[state\=unchecked\]\:bg-bg-secondary_inverse {
     &[data-state="unchecked"] {
-      --tw-translate-x: calc(var(--spacing) * 0);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
+      background-color: var(--hs-bg-secondary-inverse);
     }
   }
-  .data-\[state\=unchecked\]\:bg-input {
+  .data-\[state\=unchecked\]\:opacity-0 {
     &[data-state="unchecked"] {
-      background-color: var(--input);
+      opacity: 0%;
+    }
+  }
+  .hover\:data-\[state\=unchecked\]\:bg-bg-secondary_inverse_hover {
+    &:hover {
+      @media (hover: hover) {
+        &[data-state="unchecked"] {
+          background-color: var(--hs-bg-secondary-inverse-hover);
+        }
+      }
+    }
+  }
+  .focus-visible\:data-\[state\=unchecked\]\:border-bg-link {
+    &:focus-visible {
+      &[data-state="unchecked"] {
+        border-color: var(--hs-bg-link);
+      }
+    }
+  }
+  .disabled\:data-\[state\=unchecked\]\:bg-bg-disabled {
+    &:disabled {
+      &[data-state="unchecked"] {
+        background-color: var(--hs-bg-disabled);
+      }
+    }
+  }
+  .disabled\:hover\:data-\[state\=unchecked\]\:bg-bg-disabled {
+    &:disabled {
+      &:hover {
+        @media (hover: hover) {
+          &[data-state="unchecked"] {
+            background-color: var(--hs-bg-disabled);
+          }
+        }
+      }
     }
   }
   .data-\[state\=visible\]\:animate-in {
@@ -3916,13 +5101,13 @@
   }
   .data-\[variant\=destructive\]\:text-text-error-primary {
     &[data-variant="destructive"] {
-      color: var(--color-text-error-primary);
+      color: var(--hs-text-error-primary);
     }
   }
   .data-\[variant\=destructive\]\:focus\:bg-bg-error-tertiary {
     &[data-variant="destructive"] {
       &:focus {
-        background-color: var(--color-bg-error-tertiary);
+        background-color: var(--hs-bg-error-tertiary);
       }
     }
   }
@@ -3946,28 +5131,14 @@
   .data-\[variant\=destructive\]\:focus\:text-text-error-primary {
     &[data-variant="destructive"] {
       &:focus {
-        color: var(--color-text-error-primary);
+        color: var(--hs-text-error-primary);
       }
     }
   }
-  .data-\[variant\=outline\]\:border-l-0 {
-    &[data-variant="outline"] {
-      border-left-style: var(--tw-border-style);
-      border-left-width: 0px;
-    }
-  }
-  .data-\[variant\=outline\]\:shadow-xs {
-    &[data-variant="outline"] {
-      --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);
-    }
-  }
-  .data-\[variant\=outline\]\:first\:border-l {
+  .data-\[variant\=outline\]\:border-0 {
     &[data-variant="outline"] {
-      &:first-child {
-        border-left-style: var(--tw-border-style);
-        border-left-width: 1px;
-      }
+      border-style: var(--tw-border-style);
+      border-width: 0px;
     }
   }
   .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0 {
@@ -4002,6 +5173,11 @@
       border-top-width: 1px;
     }
   }
+  .data-\[vaul-drawer-direction\=bottom\]\:border-border-primary {
+    &[data-vaul-drawer-direction="bottom"] {
+      border-color: var(--hs-border-primary);
+    }
+  }
   .data-\[vaul-drawer-direction\=left\]\:inset-y-0 {
     &[data-vaul-drawer-direction="left"] {
       inset-block: calc(var(--spacing) * 0);
@@ -4014,7 +5190,7 @@
   }
   .data-\[vaul-drawer-direction\=left\]\:w-3\/4 {
     &[data-vaul-drawer-direction="left"] {
-      width: calc(3/4 * 100%);
+      width: calc(3 / 4 * 100%);
     }
   }
   .data-\[vaul-drawer-direction\=left\]\:border-r {
@@ -4023,6 +5199,11 @@
       border-right-width: 1px;
     }
   }
+  .data-\[vaul-drawer-direction\=left\]\:border-border-primary {
+    &[data-vaul-drawer-direction="left"] {
+      border-color: var(--hs-border-primary);
+    }
+  }
   .data-\[vaul-drawer-direction\=right\]\:inset-y-0 {
     &[data-vaul-drawer-direction="right"] {
       inset-block: calc(var(--spacing) * 0);
@@ -4035,7 +5216,7 @@
   }
   .data-\[vaul-drawer-direction\=right\]\:w-3\/4 {
     &[data-vaul-drawer-direction="right"] {
-      width: calc(3/4 * 100%);
+      width: calc(3 / 4 * 100%);
     }
   }
   .data-\[vaul-drawer-direction\=right\]\:border-l {
@@ -4044,6 +5225,11 @@
       border-left-width: 1px;
     }
   }
+  .data-\[vaul-drawer-direction\=right\]\:border-border-primary {
+    &[data-vaul-drawer-direction="right"] {
+      border-color: var(--hs-border-primary);
+    }
+  }
   .data-\[vaul-drawer-direction\=top\]\:inset-x-0 {
     &[data-vaul-drawer-direction="top"] {
       inset-inline: calc(var(--spacing) * 0);
@@ -4076,9 +5262,9 @@
       border-bottom-width: 1px;
     }
   }
-  .sm\:block {
-    @media (width >= 40rem) {
-      display: block;
+  .data-\[vaul-drawer-direction\=top\]\:border-border-primary {
+    &[data-vaul-drawer-direction="top"] {
+      border-color: var(--hs-border-primary);
     }
   }
   .sm\:flex {
@@ -4287,14 +5473,6 @@
       background-color: var(--color-blue-600);
     }
   }
-  .dark\:bg-destructive\/60 {
-    &:is(.dark *) {
-      background-color: var(--destructive);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
-      }
-    }
-  }
   .dark\:bg-input\/30 {
     &:is(.dark *) {
       background-color: var(--input);
@@ -4303,11 +5481,6 @@
       }
     }
   }
-  .dark\:text-muted-foreground {
-    &:is(.dark *) {
-      color: var(--muted-foreground);
-    }
-  }
   .dark\:brightness-\[0\.2\] {
     &:is(.dark *) {
       --tw-brightness: brightness(0.2);
@@ -4329,40 +5502,6 @@
       }
     }
   }
-  .dark\:focus-visible\:ring-destructive\/40 {
-    &:is(.dark *) {
-      &:focus-visible {
-        --tw-ring-color: var(--destructive);
-        @supports (color: color-mix(in lab, red, red)) {
-          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
-        }
-      }
-    }
-  }
-  .dark\:has-\[\[aria-checked\=true\]\]\:border-blue-900 {
-    &:is(.dark *) {
-      &:has(*:is([aria-checked=true])) {
-        border-color: var(--color-blue-900);
-      }
-    }
-  }
-  .dark\:has-\[\[aria-checked\=true\]\]\:bg-blue-950 {
-    &:is(.dark *) {
-      &:has(*:is([aria-checked=true])) {
-        background-color: var(--color-blue-950);
-      }
-    }
-  }
-  .dark\:aria-invalid\:ring-destructive\/40 {
-    &:is(.dark *) {
-      &[aria-invalid="true"] {
-        --tw-ring-color: var(--destructive);
-        @supports (color: color-mix(in lab, red, red)) {
-          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
-        }
-      }
-    }
-  }
   .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40 {
     &:is(.dark *) {
       &[data-active="true"] {
@@ -4375,77 +5514,61 @@
       }
     }
   }
-  .dark\:data-\[state\=active\]\:border-input {
+  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
     &:is(.dark *) {
-      &[data-state="active"] {
-        border-color: var(--input);
+      &[data-variant="destructive"] {
+        &:focus {
+          background-color: var(--destructive);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+          }
+        }
       }
     }
   }
-  .dark\:data-\[state\=checked\]\:border-blue-700 {
-    &:is(.dark *) {
-      &[data-state="checked"] {
-        border-color: var(--color-blue-700);
-      }
+  .\[\&_\*\[cmdk-group-heading\]\]\:flex {
+    & *[cmdk-group-heading] {
+      display: flex;
     }
   }
-  .dark\:data-\[state\=checked\]\:bg-blue-700 {
-    &:is(.dark *) {
-      &[data-state="checked"] {
-        background-color: var(--color-blue-700);
-      }
+  .\[\&_\*\[cmdk-group-heading\]\]\:h-7 {
+    & *[cmdk-group-heading] {
+      height: calc(var(--spacing) * 7);
     }
   }
-  .dark\:data-\[state\=checked\]\:bg-primary {
-    &:is(.dark *) {
-      &[data-state="checked"] {
-        background-color: var(--primary);
-      }
+  .\[\&_\*\[cmdk-group-heading\]\]\:items-center {
+    & *[cmdk-group-heading] {
+      align-items: center;
     }
   }
-  .dark\:data-\[state\=checked\]\:bg-primary-foreground {
-    &:is(.dark *) {
-      &[data-state="checked"] {
-        background-color: var(--primary-foreground);
-      }
+  .\[\&_\*\[cmdk-group-heading\]\]\:px-3 {
+    & *[cmdk-group-heading] {
+      padding-inline: calc(var(--spacing) * 3);
     }
   }
-  .dark\:data-\[state\=unchecked\]\:bg-foreground {
-    &:is(.dark *) {
-      &[data-state="unchecked"] {
-        background-color: var(--foreground);
-      }
+  .\[\&_\*\[cmdk-group-heading\]\]\:py-0 {
+    & *[cmdk-group-heading] {
+      padding-block: calc(var(--spacing) * 0);
     }
   }
-  .dark\:data-\[state\=unchecked\]\:bg-input\/80 {
-    &:is(.dark *) {
-      &[data-state="unchecked"] {
-        background-color: var(--input);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--input) 80%, transparent);
-        }
-      }
+  .\[\&_\*\[cmdk-group-heading\]\]\:typo-label-tiny {
+    & *[cmdk-group-heading] {
+      font-size: var(--font-size-xxs);
+      font-family: var(--font-family-sans);
+      font-weight: var(--font-weight-normal);
+      line-height: var(--font-leading-4);
+      letter-spacing: var(--font-tracking-wide);
+      text-transform: uppercase;
     }
   }
-  .dark\:data-\[variant\=destructive\]\:focus\:bg-bg-error-tertiary {
-    &:is(.dark *) {
-      &[data-variant="destructive"] {
-        &:focus {
-          background-color: var(--color-bg-error-tertiary);
-        }
-      }
+  .\[\&_\*\[cmdk-group-heading\]\]\:text-\[color\:var\(--color-text-secondary\)\] {
+    & *[cmdk-group-heading] {
+      color: var(--color-text-secondary);
     }
   }
-  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
-    &:is(.dark *) {
-      &[data-variant="destructive"] {
-        &:focus {
-          background-color: var(--destructive);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
-          }
-        }
-      }
+  .\[\&_\*\[cmdk-group-heading\]\]\:text-\[var\(--color-text-secondary\)\] {
+    & *[cmdk-group-heading] {
+      color: var(--color-text-secondary);
     }
   }
   .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
@@ -4526,36 +5649,64 @@
       }
     }
   }
-  .\[\&_\[cmdk-group-heading\]\]\:px-2 {
+  .\[\&_\[cmdk-group-heading\]\]\:flex {
     & [cmdk-group-heading] {
-      padding-inline: calc(var(--spacing) * 2);
+      display: flex;
     }
   }
-  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
+  .\[\&_\[cmdk-group-heading\]\]\:h-7 {
     & [cmdk-group-heading] {
-      padding-block: calc(var(--spacing) * 1.5);
+      height: calc(var(--spacing) * 7);
     }
   }
-  .\[\&_\[cmdk-group-heading\]\]\:text-xs {
+  .\[\&_\[cmdk-group-heading\]\]\:items-center {
     & [cmdk-group-heading] {
-      font-size: var(--text-xs);
-      line-height: var(--tw-leading, var(--text-xs--line-height));
+      align-items: center;
     }
   }
-  .\[\&_\[cmdk-group-heading\]\]\:font-medium {
+  .\[\&_\[cmdk-group-heading\]\]\:px-3 {
     & [cmdk-group-heading] {
-      --tw-font-weight: var(--font-weight-medium);
-      font-weight: var(--font-weight-medium);
+      padding-inline: calc(var(--spacing) * 3);
     }
   }
-  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
+  .\[\&_\[cmdk-group-heading\]\]\:py-0 {
     & [cmdk-group-heading] {
-      color: var(--muted-foreground);
+      padding-block: calc(var(--spacing) * 0);
+    }
+  }
+  .\[\&_\[cmdk-group-heading\]\]\:typo-label-tiny {
+    & [cmdk-group-heading] {
+      font-size: var(--font-size-xxs);
+      font-family: var(--font-family-sans);
+      font-weight: var(--font-weight-normal);
+      line-height: var(--font-leading-4);
+      letter-spacing: var(--font-tracking-wide);
+      text-transform: uppercase;
+    }
+  }
+  .\[\&_\[cmdk-group-heading\]\]\:text-text-secondary {
+    & [cmdk-group-heading] {
+      color: var(--hs-text-secondary);
     }
   }
-  .\[\&_\[cmdk-group\]\]\:px-2 {
+  .\[\&_\[cmdk-group\]\]\:flex {
     & [cmdk-group] {
-      padding-inline: calc(var(--spacing) * 2);
+      display: flex;
+    }
+  }
+  .\[\&_\[cmdk-group\]\]\:flex-col {
+    & [cmdk-group] {
+      flex-direction: column;
+    }
+  }
+  .\[\&_\[cmdk-group\]\]\:gap-1 {
+    & [cmdk-group] {
+      gap: calc(var(--spacing) * 1);
+    }
+  }
+  .\[\&_\[cmdk-group\]\]\:p-2 {
+    & [cmdk-group] {
+      padding: calc(var(--spacing) * 2);
     }
   }
   .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
@@ -4563,6 +5714,11 @@
       padding-top: calc(var(--spacing) * 0);
     }
   }
+  .\[\&_\[cmdk-input-wrapper\]\]\:h-12 {
+    & [cmdk-input-wrapper] {
+      height: calc(var(--spacing) * 12);
+    }
+  }
   .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 {
     & [cmdk-input-wrapper] svg {
       height: calc(var(--spacing) * 5);
@@ -4598,10 +5754,16 @@
       width: calc(var(--spacing) * 5);
     }
   }
-  .\[\&_p\]\:leading-relaxed {
-    & p {
-      --tw-leading: var(--leading-relaxed);
-      line-height: var(--leading-relaxed);
+  .\[\&_\[data-radix-select-viewport\]\]\:p-0 {
+    & [data-radix-select-viewport] {
+      padding: calc(var(--spacing) * 0);
+    }
+  }
+  .even\:\[\&_\[data-slot\=tree-item-label\]\]\:bg-bg-secondary {
+    &:nth-child(even) {
+      & [data-slot=tree-item-label] {
+        background-color: var(--hs-bg-secondary);
+      }
     }
   }
   .\[\&_svg\]\:pointer-events-none {
@@ -4614,34 +5776,46 @@
       flex-shrink: 0;
     }
   }
-  .\[\&_svg\]\:text-\[\#6D9F0F\]\! {
+  .\[\&_svg\]\:text-text-link {
+    & svg {
+      color: var(--hs-text-link);
+    }
+  }
+  .\[\&_svg\]\:text-text-secondary {
     & svg {
-      color: #6D9F0F !important;
+      color: var(--hs-text-secondary);
     }
   }
-  .\[\&_svg\]\:text-blue-500\! {
+  .\[\&_svg\]\:text-utility-blue {
     & svg {
-      color: var(--color-blue-500) !important;
+      color: var(--color-blue-500);
     }
   }
-  .\[\&_svg\]\:text-red-600\! {
+  .\[\&_svg\]\:text-utility-green {
     & svg {
-      color: var(--color-red-600) !important;
+      color: var(--color-green-500);
     }
   }
-  .\[\&_svg\]\:text-text-link {
+  .\[\&_svg\]\:text-utility-red {
     & svg {
-      color: var(--color-text-link);
+      color: var(--color-red-500);
     }
   }
-  .\[\&_svg\]\:text-violet-600 {
+  .\[\&_svg\]\:text-utility-violet {
     & svg {
-      color: var(--color-violet-600);
+      color: var(--color-violet-500);
     }
   }
-  .\[\&_svg\]\:text-yellow-600\! {
+  .\[\&_svg\]\:text-utility-yellow {
     & svg {
-      color: var(--color-yellow-600) !important;
+      color: var(--color-yellow-600);
+    }
+  }
+  .data-\[state\=on\]\:\[\&_svg\]\:text-text-primary {
+    &[data-state="on"] {
+      & svg {
+        color: var(--hs-text-primary);
+      }
     }
   }
   .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
@@ -4650,14 +5824,38 @@
       height: calc(var(--spacing) * 4);
     }
   }
+  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-fg-secondary {
+    & svg:not([class*='text-']) {
+      color: var(--hs-fg-secondary);
+    }
+  }
+  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-fg-tertiary {
+    & svg:not([class*='text-']) {
+      color: var(--hs-fg-tertiary);
+    }
+  }
   .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
     & svg:not([class*='text-']) {
       color: var(--muted-foreground);
     }
   }
-  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-text-quternary {
+  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-text-tertiary {
     & svg:not([class*='text-']) {
-      color: var(--color-text-quternary);
+      color: var(--hs-text-tertiary);
+    }
+  }
+  .hover\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-fg-tertiary_hover {
+    &:hover {
+      @media (hover: hover) {
+        & svg:not([class*='text-']) {
+          color: var(--hs-fg-tertiary-hover);
+        }
+      }
+    }
+  }
+  .\[\&_tr\]\:h-8 {
+    & tr {
+      height: calc(var(--spacing) * 8);
     }
   }
   .\[\&_tr\]\:border-b {
@@ -4666,6 +5864,20 @@
       border-bottom-width: 1px;
     }
   }
+  .\[\&_tr\]\:border-border-secondary {
+    & tr {
+      border-color: var(--hs-border-secondary);
+    }
+  }
+  .\[\&_tr\]\:hover\:bg-bg-hover {
+    & tr {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--hs-bg-hover);
+        }
+      }
+    }
+  }
   .\[\&_tr\:last-child\]\:border-0 {
     & tr:last-child {
       border-style: var(--tw-border-style);
@@ -4678,6 +5890,11 @@
       border-bottom-left-radius: calc(var(--radius) - 2px);
     }
   }
+  .\[\&\:has\(\[data-state\=checked\]\)\]\:bg-bg-tertiary {
+    &:has([data-state=checked]) {
+      background-color: var(--hs-bg-tertiary);
+    }
+  }
   .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
     &:has([role=checkbox]) {
       padding-right: calc(var(--spacing) * 0);
@@ -4751,7 +5968,7 @@
     &[data-variant="destructive"] {
       :is(& > *) {
         &:is(svg) {
-          color: var(--color-text-error-primary) !important;
+          color: var(--hs-text-error-primary) !important;
         }
       }
     }
@@ -4762,10 +5979,29 @@
       border-bottom-right-radius: calc(var(--radius) - 2px);
     }
   }
-  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] {
-    &>[role=checkbox] {
-      --tw-translate-y: 2px;
-      translate: var(--tw-translate-x) var(--tw-translate-y);
+  .\[\&\:not\(\:first-child\)\]\:-mt-px {
+    &:not(:first-child) {
+      margin-top: -1px;
+    }
+  }
+  .data-\[variant\=outline\]\:\[\&\:not\(\:last-child\)\]\:border-r {
+    &[data-variant="outline"] {
+      &:not(:last-child) {
+        border-right-style: var(--tw-border-style);
+        border-right-width: 1px;
+      }
+    }
+  }
+  .data-\[variant\=outline\]\:\[\&\:not\(\:last-child\)\]\:border-r-border-primary {
+    &[data-variant="outline"] {
+      &:not(:last-child) {
+        border-right-color: var(--hs-border-primary);
+      }
+    }
+  }
+  .\[\&\>\[data-slot\=accordion-item\]\:last-child\>\[data-slot\=accordion-separator\]\]\:hidden {
+    &>[data-slot=accordion-item]:last-child>[data-slot=accordion-separator] {
+      display: none;
     }
   }
   .\[\&\>button\]\:hidden {
@@ -4820,6 +6056,12 @@
       height: calc(var(--spacing) * 5);
     }
   }
+  .\[\&\>svg\]\:size-6 {
+    &>svg {
+      width: calc(var(--spacing) * 6);
+      height: calc(var(--spacing) * 6);
+    }
+  }
   .\[\&\>svg\]\:h-2\.5 {
     &>svg {
       height: calc(var(--spacing) * 2.5);
@@ -4855,20 +6097,39 @@
       flex-shrink: 0;
     }
   }
-  .\[\&\>svg\]\:translate-y-0\.5 {
+  .\[\&\>svg\]\:stroke-\[1\.5\] {
     &>svg {
-      --tw-translate-y: calc(var(--spacing) * 0.5);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
+      stroke-width: 1.5;
     }
   }
-  .\[\&\>svg\]\:stroke-\[1\.5\] {
+  .\[\&\>svg\]\:text-fg-error-primary {
     &>svg {
-      stroke-width: 1.5;
+      color: var(--hs-fg-error-primary);
     }
   }
-  .\[\&\>svg\]\:text-current {
+  .\[\&\>svg\]\:text-fg-info-primary {
     &>svg {
-      color: currentcolor;
+      color: var(--hs-fg-info-primary);
+    }
+  }
+  .\[\&\>svg\]\:text-fg-neutral-primary {
+    &>svg {
+      color: var(--hs-fg-neutral-primary);
+    }
+  }
+  .\[\&\>svg\]\:text-fg-primary_on-brand {
+    &>svg {
+      color: var(--hs-fg-primary-on-brand);
+    }
+  }
+  .\[\&\>svg\]\:text-fg-success-primary {
+    &>svg {
+      color: var(--hs-fg-success-primary);
+    }
+  }
+  .\[\&\>svg\]\:text-fg-warning-primary {
+    &>svg {
+      color: var(--hs-fg-warning-primary);
     }
   }
   .\[\&\>svg\]\:text-muted-foreground {
@@ -4881,10 +6142,10 @@
       color: var(--sidebar-accent-foreground);
     }
   }
-  .data-\[active\=true\]\:\[\&\>svg\]\:text-text-brand-primary {
+  .data-\[active\=true\]\:\[\&\>svg\]\:text-fg-brand-primary {
     &[data-active="true"] {
       &>svg {
-        color: var(--color-text-brand-primary);
+        color: var(--hs-fg-brand-primary);
       }
     }
   }
@@ -4936,56 +6197,49 @@
       background-color: transparent;
     }
   }
-  .\[a\&\]\:hover\:bg-accent {
+  .\[a\&\]\:hover\:bg-bg-error-primary_inverse_hover {
     a& {
       &:hover {
         @media (hover: hover) {
-          background-color: var(--accent);
+          background-color: var(
+		--hs-bg-error-primary-inverse-hover
+	);
         }
       }
     }
   }
-  .\[a\&\]\:hover\:bg-destructive\/90 {
+  .\[a\&\]\:hover\:bg-bg-link_hover {
     a& {
       &:hover {
         @media (hover: hover) {
-          background-color: var(--destructive);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
-          }
+          background-color: var(--hs-bg-link-hover);
         }
       }
     }
   }
-  .\[a\&\]\:hover\:bg-primary\/90 {
+  .\[a\&\]\:hover\:bg-bg-secondary {
     a& {
       &:hover {
         @media (hover: hover) {
-          background-color: var(--primary);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--primary) 90%, transparent);
-          }
+          background-color: var(--hs-bg-secondary);
         }
       }
     }
   }
-  .\[a\&\]\:hover\:bg-secondary\/90 {
+  .\[a\&\]\:hover\:bg-bg-tertiary {
     a& {
       &:hover {
         @media (hover: hover) {
-          background-color: var(--secondary);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
-          }
+          background-color: var(--hs-bg-tertiary);
         }
       }
     }
   }
-  .\[a\&\]\:hover\:text-accent-foreground {
+  .\[a\&\]\:hover\:text-text-primary {
     a& {
       &:hover {
         @media (hover: hover) {
-          color: var(--accent-foreground);
+          color: var(--hs-text-primary);
         }
       }
     }
@@ -5015,6 +6269,11 @@
   inherits: false;
   initial-value: 1;
 }
+@property --tw-enter-blur {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-enter-opacity {
   syntax: "*";
   inherits: false;
@@ -5040,6 +6299,11 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-exit-blur {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-exit-opacity {
   syntax: "*";
   inherits: false;
@@ -5099,7 +6363,7 @@
   --sidebar-ring: oklch(0.708 0 0);
 }
 .dark {
-  --background: oklch(0.145 0 0);
+  --background: var(--color-bg-primary);
   --foreground: oklch(0.985 0 0);
   --card: oklch(0.205 0 0);
   --card-foreground: oklch(0.985 0 0);
@@ -5122,11 +6386,11 @@
   --chart-3: oklch(0.769 0.188 70.08);
   --chart-4: oklch(0.627 0.265 303.9);
   --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.205 0 0);
+  --sidebar: var(--color-bg-primary);
   --sidebar-foreground: oklch(0.985 0 0);
   --sidebar-primary: oklch(0.488 0.243 264.376);
   --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent: oklch(0.205 0 0);
   --sidebar-accent-foreground: oklch(0.985 0 0);
   --sidebar-border: oklch(1 0 0 / 10%);
   --sidebar-ring: oklch(0.556 0 0);
@@ -5142,9 +6406,21 @@
   body {
     background-color: var(--background);
     color: var(--foreground);
+    caret-color: var(--foreground);
     font-family: "Inter", system-ui, sans-serif;
   }
 }
+:root {
+  --hs-elements-readable: var(--color-neutral-900);
+  --hs-elements-readable-inv: var(--color-neutral-50);
+  --hs-elements-assistive: var(--color-neutral-500);
+  --hs-elements-disabled: var(--color-neutral-300);
+  --hs-surface-0: var(--color-neutral-50);
+  --hs-surface-1: var(--color-neutral-100);
+  --hs-surface-selected: var(--color-neutral-200);
+  --hs-border-default: var(--color-neutral-200);
+  --hs-separator: var(--color-neutral-200);
+}
 body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -5182,37 +6458,52 @@ body {
   font-weight: var(--font-weight-normal);
   line-height: var(--font-leading-4);
 }
+.typo-body-xs {
+  font-size: var(--font-size-xs);
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-weight-normal);
+  line-height: var(--font-leading-4);
+}
+.typo-label-xs {
+  font-size: var(--font-size-xs);
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-weight-medium);
+  line-height: var(--font-leading-3);
+}
+.typo-label-tiny {
+  font-size: var(--font-size-xxs);
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-weight-normal);
+  line-height: var(--font-leading-4);
+  letter-spacing: var(--font-tracking-wide);
+  text-transform: uppercase;
+}
 .h1 {
-  font-size: var(--font-size-4xl);
+  font-size: var(--font-size-5xl);
   font-family: var(--font-family-sans);
   font-weight: var(--font-weight-extrabold);
-  line-height: var(--font-leading-none);
+  line-height: var(--font-leading-14);
   letter-spacing: var(--font-tracking-tight);
 }
-@media (min-width: 1024px) {
-  .h1 {
-    font-size: var(--font-size-5xl);
-  }
-}
 .h2 {
-  font-size: var(--font-size-3xl);
+  font-size: var(--font-size-4xl);
   font-family: var(--font-family-sans);
-  font-weight: var(--font-weight-semibold);
-  line-height: var(--font-leading-none);
+  font-weight: var(--font-weight-bold);
+  line-height: var(--font-leading-10);
   letter-spacing: var(--font-tracking-tight);
 }
 .h3 {
-  font-size: var(--font-size-2xl);
+  font-size: var(--font-size-3xl);
   font-family: var(--font-family-sans);
   font-weight: var(--font-weight-semibold);
-  line-height: var(--font-leading-none);
+  line-height: var(--font-leading-9);
   letter-spacing: var(--font-tracking-tight);
 }
 .h4 {
-  font-size: var(--font-size-xl);
+  font-size: var(--font-size-2xl);
   font-family: var(--font-family-sans);
   font-weight: var(--font-weight-semibold);
-  line-height: var(--font-leading-none);
+  line-height: var(--font-leading-8);
   letter-spacing: var(--font-tracking-tight);
 }
 .h5 {
@@ -5229,6 +6520,286 @@ body {
   line-height: var(--font-leading-none);
   letter-spacing: var(--font-tracking-tight);
 }
+.caption {
+  font-size: var(--font-size-xl);
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-weight-normal);
+  line-height: var(--font-leading-7);
+  letter-spacing: var(--font-tracking-tight);
+}
+.body14 {
+  font-size: var(--font-size-sm);
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-weight-normal);
+  line-height: var(--font-leading-5);
+  letter-spacing: var(--font-tracking-normal);
+}
+.body14bold {
+  font-size: var(--font-size-sm);
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-weight-medium);
+  line-height: var(--font-leading-5);
+  letter-spacing: var(--font-tracking-normal);
+}
+.body16 {
+  font-size: var(--font-size-base);
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-weight-normal);
+  line-height: var(--font-leading-6);
+  letter-spacing: var(--font-tracking-normal);
+}
+.body16bold {
+  font-size: var(--font-size-base);
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-weight-medium);
+  line-height: var(--font-leading-6);
+  letter-spacing: var(--font-tracking-normal);
+}
+.body12 {
+  font-size: var(--font-size-xs);
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-weight-normal);
+  line-height: var(--font-leading-4);
+  letter-spacing: var(--font-tracking-normal);
+}
+.lucide {
+  stroke-width: 1.5px;
+}
+:root {
+  --hs-selection: var(--color-blue-300);
+  --hs-text-primary: var(--color-neutral-900);
+  --hs-text-secondary: var(--color-neutral-500);
+  --hs-text-secondary-hover: var(--color-neutral-600);
+  --hs-text-primary-on-brand: var(--color-neutral-50);
+  --hs-text-secondary-on-brand: var(--color-neutral-100);
+  --hs-text-tertiary: var(--color-neutral-500);
+  --hs-text-tertiary-hover: var(--color-neutral-500);
+  --hs-text-quaternary: var(--color-neutral-500);
+  --hs-text-quaternary-hover: var(--color-neutral-600);
+  --hs-text-quaternary-on-brand: var(--color-neutral-200);
+  --hs-text-disabled: var(--color-neutral-300);
+  --hs-text-link: var(--color-blue-500);
+  --hs-text-link-hover: var(--color-blue-600);
+  --hs-text-link-disabled: var(--color-blue-400);
+  --hs-text-brand-primary: var(--color-brand-500);
+  --hs-text-brand-secondary: var(--color-brand-300);
+  --hs-text-brand-secondary-hover: var(--color-brand-400);
+  --hs-text-error-primary: var(--color-red-500);
+  --hs-text-error-secondary: var(--color-red-400);
+  --hs-text-success-primary: var(--color-green-500);
+  --hs-text-warning-primary: var(--color-yellow-700);
+  --hs-text-info-primary: var(--color-blue-600);
+  --hs-border-primary: var(--color-neutral-300);
+  --hs-border-primary-hover: var(--color-neutral-400);
+  --hs-border-secondary: var(--color-neutral-200);
+  --hs-border-separator: var(--color-neutral-200);
+  --hs-border-disabled: var(--color-neutral-100);
+  --hs-border-dark: var(--color-neutral-500);
+  --hs-bg-primary: #ffffff;
+  --hs-bg-primary-inverse: var(--color-neutral-900);
+  --hs-bg-secondary: var(--color-neutral-50);
+  --hs-bg-secondary-inverse: var(--color-neutral-500);
+  --hs-bg-secondary-inverse-hover: var(--color-neutral-600);
+  --hs-bg-tertiary: var(--color-neutral-100);
+  --hs-bg-tertiary-inverse: var(--color-neutral-400);
+  --hs-bg-quaternary: var(--color-neutral-200);
+  --hs-bg-overlay: var(--color-neutral-900);
+  --hs-bg-disabled: var(--color-neutral-300);
+  --hs-bg-hover: var(--color-blue-200);
+  --hs-bg-dark-tertiary: var(--color-neutral-400);
+  --hs-bg-brand-primary: var(--color-brand-50);
+  --hs-bg-brand-primary-inverse: var(--color-brand-500);
+  --hs-bg-brand-secondary: var(--color-brand-100);
+  --hs-bg-brand-tertiary: var(--color-brand-200);
+  --hs-bg-link: var(--color-blue-500);
+  --hs-bg-link-disabled: var(--color-blue-400);
+  --hs-bg-link-hover: var(--color-blue-600);
+  --hs-bg-error-primary: var(--color-red-50);
+  --hs-bg-error-primary-inverse: var(--color-red-500);
+  --hs-bg-error-primary-inverse-hover: var(--color-red-700);
+  --hs-bg-error-secondary: var(--color-red-100);
+  --hs-bg-error-tertiary: var(--color-red-200);
+  --hs-bg-success-primary: var(--color-green-50);
+  --hs-bg-success-primary-inverse: var(--color-green-500);
+  --hs-bg-success-secondary: var(--color-green-100);
+  --hs-bg-warning-primary: var(--color-yellow-50);
+  --hs-bg-warning-primary-inverse: var(--color-yellow-500);
+  --hs-bg-warning-secondary: var(--color-yellow-100);
+  --hs-bg-info-primary: var(--color-blue-100);
+  --hs-bg-info-primary-inverse: var(--color-blue-500);
+  --hs-bg-neutral-primary: var(--color-neutral-100);
+  --hs-bg-neutral-primary-inverse: var(--color-neutral-900);
+  --hs-fg-primary: var(--color-neutral-900);
+  --hs-fg-primary-inverse: #ffffff;
+  --hs-fg-primary-on-brand: var(--color-neutral-50);
+  --hs-fg-secondary: var(--color-neutral-500);
+  --hs-fg-secondary-inverse: var(--color-neutral-400);
+  --hs-fg-secondary-hover: var(--color-neutral-600);
+  --hs-fg-secondary-on-brand: var(--color-neutral-100);
+  --hs-fg-tertiary: var(--color-neutral-500);
+  --hs-fg-tertiary-hover: var(--color-neutral-600);
+  --hs-fg-tertiary-on-brand: var(--color-neutral-200);
+  --hs-fg-disabled: var(--color-neutral-300);
+  --hs-fg-brand-primary: var(--color-red-400);
+  --hs-fg-brand-secondary: var(--color-brand-300);
+  --hs-fg-link: var(--color-blue-500);
+  --hs-fg-error-primary: var(--color-red-500);
+  --hs-fg-error-secondary: var(--color-red-400);
+  --hs-fg-success-primary: var(--color-green-500);
+  --hs-fg-success-secondary: var(--color-green-400);
+  --hs-fg-warning-primary: var(--color-yellow-500);
+  --hs-fg-warning-secondary: var(--color-yellow-500);
+  --hs-fg-info-primary: var(--color-blue-600);
+  --hs-fg-neutral-primary: var(--color-neutral-500);
+  --hs-syntax-property: #ea4a35;
+  --hs-syntax-string: #405cbf;
+  --hs-syntax-number: #00a984;
+  --hs-syntax-keyword: #569cd6;
+  --hs-syntax-comment: #00a984;
+}
+.dark {
+  --hs-elements-readable: oklch(0.985 0 0);
+  --hs-elements-readable-inv: oklch(0.205 0 0);
+  --hs-elements-assistive: oklch(0.556 0 0);
+  --hs-elements-disabled: oklch(0.371 0 0);
+  --hs-surface-0: oklch(0.178 0 0);
+  --hs-surface-1: oklch(0.205 0 0);
+  --hs-surface-selected: oklch(0.269 0 0);
+  --hs-border-default: oklch(1 0 0 / 10%);
+  --hs-separator: oklch(1 0 0 / 8%);
+  --hs-selection: var(--color-blue-800);
+  --hs-text-primary: oklch(0.985 0 0);
+  --hs-text-secondary: oklch(0.556 0 0);
+  --hs-text-secondary-hover: oklch(0.708 0 0);
+  --hs-text-primary-on-brand: oklch(0.985 0 0);
+  --hs-text-secondary-on-brand: oklch(0.87 0 0);
+  --hs-text-tertiary: oklch(0.45 0 0);
+  --hs-text-tertiary-hover: oklch(0.556 0 0);
+  --hs-text-quaternary: oklch(0.45 0 0);
+  --hs-text-quaternary-hover: oklch(0.556 0 0);
+  --hs-text-disabled: oklch(0.371 0 0);
+  --hs-text-link: var(--color-blue-400);
+  --hs-text-link-hover: var(--color-blue-300);
+  --hs-text-link-disabled: var(--color-blue-600);
+  --hs-text-brand-primary: var(--color-brand-400);
+  --hs-text-brand-secondary: var(--color-brand-300);
+  --hs-text-brand-secondary-hover: var(--color-brand-200);
+  --hs-text-error-primary: var(--color-red-300);
+  --hs-text-error-secondary: var(--color-red-300);
+  --hs-text-success-primary: var(--color-green-400);
+  --hs-text-warning-primary: var(--color-yellow-400);
+  --hs-text-info-primary: var(--color-blue-400);
+  --hs-border-primary: oklch(1 0 0 / 12%);
+  --hs-border-primary-hover: oklch(1 0 0 / 18%);
+  --hs-border-secondary: oklch(1 0 0 / 8%);
+  --hs-border-separator: oklch(1 0 0 / 8%);
+  --hs-border-disabled: oklch(1 0 0 / 5%);
+  --hs-border-dark: oklch(0.556 0 0);
+  --hs-bg-primary: #1a1b1e;
+  --hs-bg-primary-inverse: oklch(0.985 0 0);
+  --hs-bg-secondary: oklch(0.188 0 0);
+  --hs-bg-secondary-inverse: oklch(0.556 0 0);
+  --hs-bg-secondary-inverse-hover: oklch(0.708 0 0);
+  --hs-bg-tertiary: oklch(0.198 0 0);
+  --hs-bg-tertiary-inverse: oklch(0.45 0 0);
+  --hs-bg-quaternary: oklch(0.269 0 0);
+  --hs-bg-overlay: oklch(0.1 0 0);
+  --hs-bg-disabled: oklch(0.269 0 0);
+  --hs-bg-hover: var(--color-blue-900);
+  --hs-bg-dark-tertiary: oklch(0.371 0 0);
+  --hs-bg-brand-primary: var(--color-brand-900);
+  --hs-bg-brand-primary-inverse: var(--color-brand-400);
+  --hs-bg-brand-secondary: var(--color-brand-900);
+  --hs-bg-brand-tertiary: var(--color-brand-800);
+  --hs-bg-link: var(--color-blue-500);
+  --hs-bg-link-hover: var(--color-blue-400);
+  --hs-bg-link-disabled: var(--color-blue-800);
+  --hs-bg-error-primary: var(--color-red-900);
+  --hs-bg-error-primary-inverse: var(--color-red-400);
+  --hs-bg-error-primary-inverse-hover: var(--color-red-300);
+  --hs-bg-error-secondary: var(--color-red-900);
+  --hs-bg-error-tertiary: var(--color-red-800);
+  --hs-bg-success-primary: var(--color-green-950);
+  --hs-bg-success-primary-inverse: var(--color-green-500);
+  --hs-bg-success-secondary: var(--color-green-800);
+  --hs-bg-warning-primary: var(--color-yellow-900);
+  --hs-bg-warning-primary-inverse: var(--color-yellow-500);
+  --hs-bg-warning-secondary: var(--color-yellow-900);
+  --hs-bg-info-primary: var(--color-blue-900);
+  --hs-bg-info-primary-inverse: var(--color-blue-400);
+  --hs-bg-neutral-primary: oklch(0.205 0 0);
+  --hs-bg-neutral-primary-inverse: oklch(0.985 0 0);
+  --hs-fg-primary: oklch(0.985 0 0);
+  --hs-fg-primary-inverse: oklch(0.205 0 0);
+  --hs-fg-primary-on-brand: oklch(0.985 0 0);
+  --hs-fg-secondary: oklch(0.708 0 0);
+  --hs-fg-secondary-inverse: oklch(0.371 0 0);
+  --hs-fg-secondary-hover: oklch(0.87 0 0);
+  --hs-fg-secondary-on-brand: oklch(0.87 0 0);
+  --hs-fg-tertiary: oklch(0.556 0 0);
+  --hs-fg-tertiary-hover: oklch(0.708 0 0);
+  --hs-fg-tertiary-on-brand: oklch(0.708 0 0);
+  --hs-fg-disabled: oklch(0.371 0 0);
+  --hs-fg-brand-primary: var(--color-brand-400);
+  --hs-fg-brand-secondary: var(--color-brand-300);
+  --hs-fg-link: var(--color-blue-400);
+  --hs-fg-error-primary: var(--color-red-300);
+  --hs-fg-error-secondary: var(--color-red-300);
+  --hs-fg-success-primary: var(--color-green-400);
+  --hs-fg-success-secondary: var(--color-green-300);
+  --hs-fg-warning-primary: var(--color-yellow-500);
+  --hs-fg-warning-secondary: var(--color-yellow-500);
+  --hs-fg-info-primary: var(--color-blue-400);
+  --hs-fg-neutral-primary: oklch(0.556 0 0);
+  --hs-syntax-property: #f87171;
+  --hs-syntax-string: #7cacf8;
+  --hs-syntax-number: #34d399;
+  --hs-syntax-keyword: #7cacf8;
+  --hs-syntax-comment: #6b7280;
+}
+.no-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+.no-scrollbar {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+body ::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+body ::-webkit-scrollbar-track {
+  background: transparent;
+}
+body ::-webkit-scrollbar-thumb {
+  background-color: var(--color-elements-disabled);
+  border-radius: 4px;
+}
+body ::-webkit-scrollbar-thumb:hover {
+  background-color: var(--color-elements-assistive);
+}
+@supports not selector(::-webkit-scrollbar) {
+  body {
+    scrollbar-color: var(--color-elements-disabled) rgba(0, 0, 0, 0);
+    scrollbar-width: thin;
+  }
+}
+.toolbar-shadow {
+  box-shadow: 0px 70px 20px 0px rgba(0, 0, 0, 0),	0px 45px 18px 0px rgba(0, 0, 0, 0),	0px 25px 15px 0px rgba(0, 0, 0, 0.01),	0px 11px 11px 0px rgba(0, 0, 0, 0.02),	0px 3px 6px 0px rgba(0, 0, 0, 0.02);
+}
+.dropdown-menu-shadow {
+  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),	0px 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+@property --tw-border-spacing-x {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-spacing-y {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;
@@ -5423,19 +6994,6 @@ body {
   inherits: false;
   initial-value: solid;
 }
-@property --tw-duration {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ease {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-content {
-  syntax: "*";
-  initial-value: "";
-  inherits: false;
-}
 @property --tw-blur {
   syntax: "*";
   inherits: false;
@@ -5489,6 +7047,34 @@ body {
   syntax: "*";
   inherits: false;
 }
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-content {
+  syntax: "*";
+  initial-value: "";
+  inherits: false;
+}
+@property --tw-scale-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
 @property --tw-divide-x-reverse {
   syntax: "*";
   inherits: false;
@@ -5503,12 +7089,14 @@ body {
   from {
     opacity: var(--tw-enter-opacity,1);
     transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
+    filter: blur(var(--tw-enter-blur,0));
   }
 }
 @keyframes exit {
   to {
     opacity: var(--tw-exit-opacity,1);
     transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
+    filter: blur(var(--tw-exit-blur,0));
   }
 }
 @keyframes accordion-down {
@@ -5516,12 +7104,12 @@ body {
     height: 0;
   }
   to {
-    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto))));
+    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));
   }
 }
 @keyframes accordion-up {
   from {
-    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto))));
+    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));
   }
   to {
     height: 0;
@@ -5538,6 +7126,8 @@ body {
 @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 {
+      --tw-border-spacing-x: 0;
+      --tw-border-spacing-y: 0;
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
@@ -5581,9 +7171,6 @@ body {
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
       --tw-outline-style: solid;
-      --tw-duration: initial;
-      --tw-ease: initial;
-      --tw-content: "";
       --tw-blur: initial;
       --tw-brightness: initial;
       --tw-contrast: initial;
@@ -5597,17 +7184,25 @@ body {
       --tw-drop-shadow-color: initial;
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-content: "";
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
       --tw-divide-x-reverse: 0;
       --tw-animation-delay: 0s;
       --tw-animation-direction: normal;
       --tw-animation-duration: initial;
       --tw-animation-fill-mode: none;
       --tw-animation-iteration-count: 1;
+      --tw-enter-blur: 0;
       --tw-enter-opacity: 1;
       --tw-enter-rotate: 0;
       --tw-enter-scale: 1;
       --tw-enter-translate-x: 0;
       --tw-enter-translate-y: 0;
+      --tw-exit-blur: 0;
       --tw-exit-opacity: 1;
       --tw-exit-rotate: 0;
       --tw-exit-scale: 1;