@health-samurai/react-components 0.0.0-alpha.4 → 0.0.0-alpha.6

package/dist/bundle.css

@@ -36,14 +36,10 @@
     --color-blue-500: #2378e1;
     --color-blue-600: #045ac3;
     --color-blue-700: #014391;
-    --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-purple-200: oklch(90.2% 0.063 306.703);
     --color-pink-200: oklch(89.9% 0.061 343.231);
+    --color-gray-500: oklch(55.1% 0.027 264.364);
     --color-neutral-50: #f9f9f9;
     --color-neutral-100: #f5f5f6;
     --color-neutral-200: #ebecee;
@@ -86,8 +82,10 @@
     --leading-snug: 1.375;
     --leading-relaxed: 1.625;
     --radius-xs: 0.125rem;
+    --radius-2xl: 1rem;
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    --blur-xs: 4px;
     --aspect-video: 16 / 9;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -103,6 +101,7 @@
     --color-brand-500: #ea4a35;
     --color-brand-600: #d72710;
     --color-brand-700: #c31a03;
+    --font-size-xs: 12px;
     --font-size-sm: 14px;
     --font-size-base: 16px;
     --font-size-lg: 18px;
@@ -114,12 +113,14 @@
     --font-family-sans: "Inter", system-ui, sans-serif;
     --font-family-mono: "JetBrains Mono", monospace;
     --font-tracking-tight: -0.4;
+    --font-leading-3: 12px;
     --font-leading-4: 16px;
     --font-leading-5: 20px;
     --font-leading-7: 28px;
     --color-elements-readable: var(--color-neutral-900);
     --color-cta: var(--color-brand-600);
     --color-critical-default: var(--color-red-600);
+    --color-elements-disabled: var(--color-neutral-300);
     --color-elements-assistive: var(--color-neutral-500);
     --color-surface-0: var(--color-neutral-50);
     --color-border-default: var(--color-neutral-200);
@@ -127,14 +128,15 @@
     --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-tertiary_hover: var(--color-neutral-500);
     --color-text-quternary: var(--color-neutral-400);
     --color-text-disabled: var(--color-neutral-300);
     --color-text-link: var(--color-blue-500);
+    --color-text-link_hover: var(--color-blue-700);
     --color-text-brand-primary: var(--color-brand-500);
     --color-text-error-primary: var(--color-red-500);
     --color-text-error-secondary: var(--color-red-400);
@@ -148,24 +150,29 @@
     --color-border-error: var(--color-red-500);
     --color-border-error_inverse: var(--color-red-400);
     --color-bg-primary: #ffffff;
+    --color-bg-primary_inverse: var(--color-neutral-900);
     --color-bg-secondary: var(--color-neutral-50);
     --color-bg-tertiary: var(--color-neutral-100);
     --color-bg-quaternary: var(--color-neutral-200);
+    --color-bg-overlay: var(--color-neutral-900);
     --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: var(--color-red-50);
     --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-fg-link: var(--color-blue-500);
+    --color-fg-error-secondary: var(--color-red-400);
     --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);
   }
 }
 @layer base {
@@ -344,6 +351,9 @@
   .relative {
     position: relative;
   }
+  .sticky {
+    position: sticky;
+  }
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
@@ -371,6 +381,9 @@
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
+  .top-5\.5 {
+    top: calc(var(--spacing) * 5.5);
+  }
   .top-\[1px\] {
     top: 1px;
   }
@@ -401,6 +414,9 @@
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
+  .right-5 {
+    right: calc(var(--spacing) * 5);
+  }
   .-bottom-12 {
     bottom: calc(var(--spacing) * -12);
   }
@@ -422,6 +438,9 @@
   .left-3 {
     left: calc(var(--spacing) * 3);
   }
+  .left-4\.25 {
+    left: calc(var(--spacing) * 4.25);
+  }
   .left-\[50\%\] {
     left: 50%;
   }
@@ -434,6 +453,9 @@
   .z-20 {
     z-index: 20;
   }
+  .z-30 {
+    z-index: 30;
+  }
   .z-50 {
     z-index: 50;
   }
@@ -455,6 +477,27 @@
   .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-1\.75 {
+    margin: calc(var(--spacing) * -1.75);
+  }
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
@@ -479,12 +522,21 @@
   .-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\.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 +552,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 +567,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);
   }
@@ -518,6 +579,9 @@
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
+  .ml-9 {
+    margin-left: calc(var(--spacing) * 9);
+  }
   .ml-auto {
     margin-left: auto;
   }
@@ -551,6 +615,9 @@
   .hidden {
     display: none;
   }
+  .inline {
+    display: inline;
+  }
   .inline-block {
     display: inline-block;
   }
@@ -582,6 +649,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 +673,10 @@
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
+  .size-5 {
+    width: calc(var(--spacing) * 5);
+    height: calc(var(--spacing) * 5);
+  }
   .size-7 {
     width: calc(var(--spacing) * 7);
     height: calc(var(--spacing) * 7);
@@ -625,6 +700,9 @@
   .h-\(--cell-size\) {
     height: var(--cell-size);
   }
+  .h-0\.5 {
+    height: calc(var(--spacing) * 0.5);
+  }
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
   }
@@ -634,6 +712,9 @@
   .h-2\.5 {
     height: calc(var(--spacing) * 2.5);
   }
+  .h-3 {
+    height: calc(var(--spacing) * 3);
+  }
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
@@ -661,6 +742,9 @@
   .h-16 {
     height: calc(var(--spacing) * 16);
   }
+  .h-24 {
+    height: calc(var(--spacing) * 24);
+  }
   .h-72 {
     height: calc(var(--spacing) * 72);
   }
@@ -709,6 +793,9 @@
   .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;
   }
@@ -727,6 +814,9 @@
   .min-h-\[200px\] {
     min-height: 200px;
   }
+  .min-h-full {
+    min-height: 100%;
+  }
   .min-h-screen {
     min-height: 100vh;
   }
@@ -763,6 +853,9 @@
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
+  .w-6 {
+    width: calc(var(--spacing) * 6);
+  }
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -772,9 +865,15 @@
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
+  .w-13 {
+    width: calc(var(--spacing) * 13);
+  }
   .w-15 {
     width: calc(var(--spacing) * 15);
   }
+  .w-26 {
+    width: calc(var(--spacing) * 26);
+  }
   .w-40 {
     width: calc(var(--spacing) * 40);
   }
@@ -805,9 +904,15 @@
   .w-280 {
     width: calc(var(--spacing) * 280);
   }
+  .w-\[50px\] {
+    width: 50px;
+  }
   .w-\[60\%\] {
     width: 60%;
   }
+  .w-\[60px\] {
+    width: 60px;
+  }
   .w-\[100px\] {
     width: 100px;
   }
@@ -820,6 +925,9 @@
   .w-\[250px\] {
     width: 250px;
   }
+  .w-\[260px\] {
+    width: 260px;
+  }
   .w-\[300px\] {
     width: 300px;
   }
@@ -832,6 +940,15 @@
   .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;
   }
@@ -886,8 +1003,8 @@
   .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 +1012,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);
   }
@@ -913,12 +1045,23 @@
   .basis-full {
     flex-basis: 100%;
   }
+  .table-fixed {
+    table-layout: fixed;
+  }
   .caption-bottom {
     caption-side: bottom;
   }
   .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);
   }
@@ -968,6 +1111,12 @@
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .scale-105 {
+    --tw-scale-x: 105%;
+    --tw-scale-y: 105%;
+    --tw-scale-z: 105%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
   .rotate-45 {
     rotate: 45deg;
   }
@@ -986,15 +1135,27 @@
   .animate-pulse {
     animation: var(--animate-pulse);
   }
+  .cursor-col-resize {
+    cursor: col-resize;
+  }
   .cursor-default {
     cursor: default;
   }
+  .cursor-grab {
+    cursor: grab;
+  }
+  .cursor-help {
+    cursor: help;
+  }
   .cursor-pointer {
     cursor: pointer;
   }
   .touch-none {
     touch-action: none;
   }
+  .resize {
+    resize: both;
+  }
   .scroll-my-1 {
     scroll-margin-block: calc(var(--spacing) * 1);
   }
@@ -1034,6 +1195,9 @@
   .flex-wrap {
     flex-wrap: wrap;
   }
+  .items-baseline {
+    align-items: baseline;
+  }
   .items-center {
     align-items: center;
   }
@@ -1055,9 +1219,15 @@
   .justify-end {
     justify-content: flex-end;
   }
+  .justify-start {
+    justify-content: flex-start;
+  }
   .justify-items-start {
     justify-items: start;
   }
+  .gap-0 {
+    gap: calc(var(--spacing) * 0);
+  }
   .gap-0\.5 {
     gap: calc(var(--spacing) * 0.5);
   }
@@ -1103,6 +1273,13 @@
       margin-block-end: calc(calc(var(--spacing) * 2) * 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;
@@ -1140,6 +1317,11 @@
   .justify-self-end {
     justify-self: flex-end;
   }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   .overflow-auto {
     overflow: auto;
   }
@@ -1155,12 +1337,15 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .rounded {
+    border-radius: var(--radius);
+  }
+  .rounded-2xl {
+    border-radius: var(--radius-2xl);
+  }
   .rounded-\[2px\] {
     border-radius: 2px;
   }
-  .rounded-\[4px\] {
-    border-radius: 4px;
-  }
   .rounded-\[inherit\] {
     border-radius: inherit;
   }
@@ -1208,10 +1393,22 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .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-\[1\.6px\] {
+    border-style: var(--tw-border-style);
+    border-width: 1.6px;
+  }
   .border-y {
     border-block-style: var(--tw-border-style);
     border-block-width: 1px;
@@ -1240,22 +1437,34 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  .border-l-2 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 2px;
+  }
   .border-dashed {
     --tw-border-style: dashed;
     border-style: dashed;
   }
+  .border-none {
+    --tw-border-style: none;
+    border-style: none;
+  }
+  .border-solid {
+    --tw-border-style: solid;
+    border-style: solid;
+  }
   .border-\(--color-border\) {
     border-color: var(--color-border);
   }
-  .border-\[\#F4CB00\]\! {
-    border-color: #F4CB00 !important;
-  }
-  .border-blue-400\! {
-    border-color: var(--color-blue-400) !important;
+  .border-black {
+    border-color: var(--color-black);
   }
   .border-border-error {
     border-color: var(--color-border-error);
   }
+  .border-border-link {
+    border-color: var(--color-border-link);
+  }
   .border-border-primary {
     border-color: var(--color-border-primary);
   }
@@ -1271,27 +1480,15 @@
       border-color: color-mix(in oklab, var(--border) 50%, transparent);
     }
   }
-  .border-fg-success-secondary\! {
-    border-color: var(--color-fg-success-secondary) !important;
-  }
   .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;
   }
@@ -1304,24 +1501,39 @@
   .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(--color-bg-error-primary);
+  }
   .bg-bg-error-primary_inverse {
     background-color: var(--color-bg-error-primary_inverse);
   }
   .bg-bg-link {
     background-color: var(--color-bg-link);
   }
+  .bg-bg-link\/3 {
+    background-color: color-mix(in srgb, #2378e1 3%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-bg-link) 3%, transparent);
+    }
+  }
+  .bg-bg-overlay {
+    background-color: var(--color-bg-overlay);
+  }
   .bg-bg-primary {
     background-color: var(--color-bg-primary);
   }
+  .bg-bg-primary_inverse\/10 {
+    background-color: color-mix(in srgb, #1d2331 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-bg-primary_inverse) 10%, transparent);
+    }
+  }
   .bg-bg-quaternary {
     background-color: var(--color-bg-quaternary);
   }
@@ -1331,32 +1543,44 @@
   .bg-bg-tertiary {
     background-color: var(--color-bg-tertiary);
   }
+  .bg-bg-tertiary\/50 {
+    background-color: color-mix(in srgb, #f5f5f6 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-bg-tertiary) 50%, transparent);
+    }
+  }
   .bg-black\/50 {
     background-color: color-mix(in srgb, #000 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       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-link {
+    background-color: var(--color-border-link);
   }
-  .bg-destructive {
-    background-color: var(--destructive);
+  .bg-border-primary {
+    background-color: var(--color-border-primary);
+  }
+  .bg-border-secondary {
+    background-color: var(--color-border-secondary);
+  }
+  .bg-border-separator {
+    background-color: var(--color-border-separator);
   }
   .bg-foreground {
     background-color: var(--foreground);
   }
-  .bg-green-200 {
-    background-color: var(--color-green-200);
+  .bg-gray-500 {
+    background-color: var(--color-gray-500);
+  }
+  .bg-inherit {
+    background-color: inherit;
   }
   .bg-muted {
     background-color: var(--muted);
@@ -1373,17 +1597,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 +1609,14 @@
   .bg-transparent {
     background-color: transparent;
   }
-  .bg-violet-200 {
-    background-color: var(--color-violet-200);
+  .bg-white {
+    background-color: var(--color-white);
   }
-  .bg-yellow-200 {
-    background-color: var(--color-yellow-200);
+  .bg-white\/90 {
+    background-color: color-mix(in srgb, #ffffff 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
+    }
   }
   .bg-linear-to-b {
     --tw-gradient-position: to bottom;
@@ -1421,15 +1639,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);
   }
@@ -1478,6 +1696,9 @@
   .px-\[0\.44rem\] {
     padding-inline: 0.44rem;
   }
+  .px-\[2px\] {
+    padding-inline: 2px;
+  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
@@ -1499,6 +1720,9 @@
   .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
+  .ps-\(--tree-padding\) {
+    padding-inline-start: var(--tree-padding);
+  }
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
@@ -1520,6 +1744,12 @@
   .pr-2\.5 {
     padding-right: calc(var(--spacing) * 2.5);
   }
+  .pr-3 {
+    padding-right: calc(var(--spacing) * 3);
+  }
+  .pr-6 {
+    padding-right: calc(var(--spacing) * 6);
+  }
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
@@ -1541,9 +1771,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);
   }
@@ -1647,32 +1886,11 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
-  .text-\(--color-elements-assistive\) {
-    color: var(--color-elements-assistive);
-  }
-  .text-\(--color-elements-readable-inv\) {
-    color: var(--color-elements-readable-inv);
-  }
-  .text-\[\#6D9F0F\] {
-    color: #6D9F0F;
-  }
   .text-accent-foreground {
     color: var(--accent-foreground);
   }
-  .text-blue-500 {
-    color: var(--color-blue-500);
-  }
-  .text-card-foreground {
-    color: var(--card-foreground);
-  }
-  .text-current {
-    color: currentcolor;
-  }
-  .text-destructive {
-    color: var(--destructive);
-  }
-  .text-fg-tertiary {
-    color: var(--color-fg-tertiary);
+  .text-fg-link {
+    color: var(--color-fg-link);
   }
   .text-foreground {
     color: var(--foreground);
@@ -1683,18 +1901,6 @@
   .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);
   }
@@ -1716,35 +1922,44 @@
   .text-text-error-secondary {
     color: var(--color-text-error-secondary);
   }
+  .text-text-link {
+    color: var(--color-text-link);
+  }
   .text-text-primary {
     color: var(--color-text-primary);
   }
   .text-text-primary_on-brand {
     color: var(--color-text-primary_on-brand);
   }
-  .text-text-quternary {
-    color: var(--color-text-quternary);
-  }
   .text-text-secondary {
     color: var(--color-text-secondary);
   }
   .text-text-tertiary {
     color: var(--color-text-tertiary);
   }
+  .text-utility-blue {
+    color: var(--color-utility-blue);
+  }
   .text-utility-green {
     color: var(--color-utility-green);
   }
+  .text-utility-red {
+    color: var(--color-utility-red);
+  }
+  .text-utility-violet {
+    color: var(--color-utility-violet);
+  }
   .text-utility-yellow {
     color: var(--color-utility-yellow);
   }
-  .text-violet-600 {
-    color: var(--color-violet-600);
-  }
   .text-white {
     color: var(--color-white);
   }
-  .text-yellow-600 {
-    color: var(--color-yellow-600);
+  .text-white\/80 {
+    color: color-mix(in srgb, #ffffff 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 80%, transparent);
+    }
   }
   .uppercase {
     text-transform: uppercase;
@@ -1765,12 +1980,21 @@
   .opacity-0 {
     opacity: 0%;
   }
+  .opacity-30 {
+    opacity: 30%;
+  }
   .opacity-50 {
     opacity: 50%;
   }
+  .opacity-60 {
+    opacity: 60%;
+  }
   .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);
@@ -1779,6 +2003,10 @@
     --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-inner {
+    --tw-shadow: inset 0 2px 4px 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);
+  }
   .shadow-lg {
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
@@ -1807,30 +2035,9 @@
     --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,6 +2053,11 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .backdrop-blur-xs {
+    --tw-backdrop-blur: blur(var(--blur-xs));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
   .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-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1886,23 +2098,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 +2143,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,11 +2154,37 @@
   .\[--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\:block {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        display: block;
+      }
+    }
+  }
+  .group-hover\:opacity-100 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
+  .group-hover\/header\:opacity-60 {
+    &:is(:where(.group\/header):hover *) {
+      @media (hover: hover) {
+        opacity: 60%;
+      }
+    }
+  }
   .group-hover\/menu-item\:opacity-100 {
     &:is(:where(.group\/menu-item):hover *) {
       @media (hover: hover) {
@@ -1954,6 +2192,27 @@
       }
     }
   }
+  .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);
@@ -2186,6 +2445,16 @@
       transition-duration: 200ms;
     }
   }
+  .peer-checked\:bg-bg-primary {
+    &:is(:where(.peer):checked ~ *) {
+      background-color: var(--color-bg-primary);
+    }
+  }
+  .peer-checked\:text-text-secondary {
+    &:is(:where(.peer):checked ~ *) {
+      color: var(--color-text-secondary);
+    }
+  }
   .peer-hover\/menu-button\:text-sidebar-accent-foreground {
     &:is(:where(.peer\/menu-button):hover ~ *) {
       @media (hover: hover) {
@@ -2259,6 +2528,14 @@
       background-color: var(--color-selection);
     }
   }
+  .selection\:text-text-primary {
+    & *::selection {
+      color: var(--color-text-primary);
+    }
+    &::selection {
+      color: var(--color-text-primary);
+    }
+  }
   .file\:inline-flex {
     &::file-selector-button {
       display: inline-flex;
@@ -2291,168 +2568,348 @@
       color: var(--color-text-primary);
     }
   }
-  .placeholder\:text-muted-foreground {
+  .placeholder\:text-text-quternary {
     &::placeholder {
-      color: var(--muted-foreground);
+      color: var(--color-text-quternary);
     }
   }
-  .placeholder\:text-text-quternary {
+  .placeholder\:text-text-tertiary {
     &::placeholder {
-      color: var(--color-text-quternary);
+      color: var(--color-text-tertiary);
     }
   }
-  .after\:absolute {
-    &::after {
+  .before\:absolute {
+    &::before {
       content: var(--tw-content);
       position: absolute;
     }
   }
-  .after\:-inset-2 {
-    &::after {
+  .before\:inset-0 {
+    &::before {
       content: var(--tw-content);
-      inset: calc(var(--spacing) * -2);
+      inset: calc(var(--spacing) * 0);
     }
   }
-  .after\:inset-y-0 {
-    &::after {
+  .before\:inset-x-0 {
+    &::before {
       content: var(--tw-content);
-      inset-block: calc(var(--spacing) * 0);
+      inset-inline: calc(var(--spacing) * 0);
     }
   }
-  .after\:left-1\/2 {
-    &::after {
+  .before\:-inset-y-0 {
+    &::before {
       content: var(--tw-content);
-      left: calc(1/2 * 100%);
+      inset-block: calc(var(--spacing) * -0);
     }
   }
-  .after\:w-1 {
-    &::after {
+  .before\:-top-\[3px\] {
+    &::before {
       content: var(--tw-content);
-      width: calc(var(--spacing) * 1);
+      top: calc(3px * -1);
     }
   }
-  .after\:w-\[2px\] {
-    &::after {
+  .before\:top-0 {
+    &::before {
       content: var(--tw-content);
-      width: 2px;
+      top: calc(var(--spacing) * 0);
     }
   }
-  .after\:-translate-x-1\/2 {
-    &::after {
+  .before\:right-\[-4px\] {
+    &::before {
       content: var(--tw-content);
-      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
+      right: -4px;
     }
   }
-  .group-data-\[collapsible\=offcanvas\]\:after\:left-full {
-    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
-      &::after {
-        content: var(--tw-content);
-        left: 100%;
-      }
+  .before\:left-0 {
+    &::before {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * 0);
     }
   }
-  .first\:rounded-l-md {
-    &:first-child {
-      border-top-left-radius: calc(var(--radius) - 2px);
-      border-bottom-left-radius: calc(var(--radius) - 2px);
+  .before\:-z-10 {
+    &::before {
+      content: var(--tw-content);
+      z-index: calc(10 * -1);
     }
   }
-  .first\:border-l {
-    &:first-child {
-      border-left-style: var(--tw-border-style);
-      border-left-width: 1px;
+  .before\:-ms-1 {
+    &::before {
+      content: var(--tw-content);
+      margin-inline-start: calc(var(--spacing) * -1);
     }
   }
-  .last\:rounded-r-md {
-    &:last-child {
-      border-top-right-radius: calc(var(--radius) - 2px);
-      border-bottom-right-radius: calc(var(--radius) - 2px);
+  .before\:size-2 {
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 2);
+      height: calc(var(--spacing) * 2);
     }
   }
-  .last\:border-b-0 {
-    &:last-child {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 0px;
+  .before\:h-full {
+    &::before {
+      content: var(--tw-content);
+      height: 100%;
     }
   }
-  .hover\:cursor-default {
-    &:hover {
-      @media (hover: hover) {
-        cursor: default;
-      }
+  .before\:w-1 {
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 1);
     }
   }
-  .hover\:cursor-not-allowed {
-    &:hover {
-      @media (hover: hover) {
-        cursor: not-allowed;
-      }
+  .before\:w-2 {
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 2);
     }
   }
-  .hover\:border-\[\#F4CB00\] {
-    &:hover {
-      @media (hover: hover) {
-        border-color: #F4CB00;
-      }
+  .before\:rounded-full {
+    &::before {
+      content: var(--tw-content);
+      border-radius: calc(infinity * 1px);
     }
   }
-  .hover\:border-blue-400 {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--color-blue-400);
-      }
+  .before\:border-2 {
+    &::before {
+      content: var(--tw-content);
+      border-style: var(--tw-border-style);
+      border-width: 2px;
     }
   }
-  .hover\:border-border-error_inverse {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--color-border-error_inverse);
-      }
+  .before\:border-primary {
+    &::before {
+      content: var(--tw-content);
+      border-color: var(--primary);
     }
   }
-  .hover\:border-border-primary_hover {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--color-border-primary_hover);
+  .before\:bg-background {
+    &::before {
+      content: var(--tw-content);
+      background-color: var(--background);
+    }
+  }
+  .before\:bg-border-link {
+    &::before {
+      content: var(--tw-content);
+      background-color: var(--color-border-link);
+    }
+  }
+  .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)));
+    }
+  }
+  .before\:opacity-0 {
+    &::before {
+      content: var(--tw-content);
+      opacity: 0%;
+    }
+  }
+  .before\:opacity-100 {
+    &::before {
+      content: var(--tw-content);
+      opacity: 100%;
+    }
+  }
+  .before\:transition-opacity {
+    &::before {
+      content: var(--tw-content);
+      transition-property: opacity;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .before\:duration-150 {
+    &::before {
+      content: var(--tw-content);
+      --tw-duration: 150ms;
+      transition-duration: 150ms;
+    }
+  }
+  .before\:content-\[\'\'\] {
+    &::before {
+      content: var(--tw-content);
+      --tw-content: '';
+      content: var(--tw-content);
+    }
+  }
+  .after\:absolute {
+    &::after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  .after\:-inset-2 {
+    &::after {
+      content: var(--tw-content);
+      inset: calc(var(--spacing) * -2);
+    }
+  }
+  .after\:inset-y-0 {
+    &::after {
+      content: var(--tw-content);
+      inset-block: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:top-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      top: calc(1/2 * 100%);
+    }
+  }
+  .after\:right-0 {
+    &::after {
+      content: var(--tw-content);
+      right: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:left-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      left: calc(1/2 * 100%);
+    }
+  }
+  .after\:h-4 {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 4);
+    }
+  }
+  .after\:w-1 {
+    &::after {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 1);
+    }
+  }
+  .after\:w-\[2px\] {
+    &::after {
+      content: var(--tw-content);
+      width: 2px;
+    }
+  }
+  .after\:w-px {
+    &::after {
+      content: var(--tw-content);
+      width: 1px;
+    }
+  }
+  .after\:-translate-x-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .after\:-translate-y-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .after\:bg-border-primary {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--color-border-primary);
+    }
+  }
+  .after\:opacity-0 {
+    &::after {
+      content: var(--tw-content);
+      opacity: 0%;
+    }
+  }
+  .after\:transition-opacity {
+    &::after {
+      content: var(--tw-content);
+      transition-property: opacity;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .after\:duration-150 {
+    &::after {
+      content: var(--tw-content);
+      --tw-duration: 150ms;
+      transition-duration: 150ms;
+    }
+  }
+  .group-data-\[collapsible\=offcanvas\]\:after\:left-full {
+    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
+      &::after {
+        content: var(--tw-content);
+        left: 100%;
       }
     }
   }
-  .hover\:border-fg-success-secondary {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--color-fg-success-secondary);
+  .first\:rounded-l-md {
+    &:first-child {
+      border-top-left-radius: calc(var(--radius) - 2px);
+      border-bottom-left-radius: calc(var(--radius) - 2px);
+    }
+  }
+  .first\:border-l {
+    &:first-child {
+      border-left-style: var(--tw-border-style);
+      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-child {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 0px;
+    }
+  }
+  .last\:after\:w-0 {
+    &:last-child {
+      &::after {
+        content: var(--tw-content);
+        width: calc(var(--spacing) * 0);
       }
     }
   }
-  .hover\:border-red-300 {
+  .even\:bg-bg-secondary {
+    &:nth-child(even) {
+      background-color: var(--color-bg-secondary);
+    }
+  }
+  .hover\:cursor-not-allowed {
     &:hover {
       @media (hover: hover) {
-        border-color: var(--color-red-300);
+        cursor: not-allowed;
       }
     }
   }
-  .hover\:border-violet-400 {
+  .hover\:border-border-error_inverse {
     &:hover {
       @media (hover: hover) {
-        border-color: var(--color-violet-400);
+        border-color: var(--color-border-error_inverse);
       }
     }
   }
-  .hover\:bg-accent {
+  .hover\:border-border-primary_hover {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--accent);
+        border-color: var(--color-border-primary_hover);
       }
     }
   }
-  .hover\:bg-accent\/50 {
+  .hover\:bg-accent {
     &: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);
-        }
       }
     }
   }
@@ -2470,6 +2927,16 @@
       }
     }
   }
+  .hover\:bg-bg-link\/10 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #2378e1 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-bg-link) 10%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-bg-link_hover {
     &:hover {
       @media (hover: hover) {
@@ -2494,69 +2961,62 @@
       }
     }
   }
-  .hover\:bg-muted {
+  .hover\:bg-bg-tertiary {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--muted);
+        background-color: var(--color-bg-tertiary);
       }
     }
   }
-  .hover\:bg-muted\/50 {
+  .hover\:bg-bg-tertiary\/50 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--muted);
+        background-color: color-mix(in srgb, #f5f5f6 50%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+          background-color: color-mix(in oklab, var(--color-bg-tertiary) 50%, transparent);
         }
       }
     }
   }
-  .hover\:bg-sidebar-accent {
+  .hover\:bg-border-secondary {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--sidebar-accent);
+        background-color: var(--color-border-secondary);
       }
     }
   }
-  .hover\:text-accent-foreground {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--accent-foreground);
-      }
-    }
-  }
-  .hover\:text-fg-primary {
+  .hover\:bg-sidebar-accent {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-fg-primary);
+        background-color: var(--sidebar-accent);
       }
     }
   }
-  .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(--color-text-error-primary);
       }
     }
   }
-  .hover\:text-text-error-primary {
+  .hover\:text-text-link_hover {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-text-error-primary);
+        color: var(--color-text-link_hover);
       }
     }
   }
@@ -2574,10 +3034,10 @@
       }
     }
   }
-  .hover\:text-text-tertiary {
+  .hover\:text-text-tertiary_hover {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-text-tertiary);
+        color: var(--color-text-tertiary_hover);
       }
     }
   }
@@ -2588,6 +3048,13 @@
       }
     }
   }
+  .hover\:\!opacity-100 {
+    &:hover {
+      @media (hover: hover) {
+        opacity: 100% !important;
+      }
+    }
+  }
   .hover\:opacity-100 {
     &:hover {
       @media (hover: hover) {
@@ -2611,6 +3078,16 @@
       }
     }
   }
+  .hover\:ring-utility-blue\/70 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: color-mix(in srgb, #2378e1 70%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--color-utility-blue) 70%, transparent);
+        }
+      }
+    }
+  }
   .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar {
     &:hover {
       @media (hover: hover) {
@@ -2630,11 +3107,26 @@
       }
     }
   }
+  .hover\:after\:opacity-50 {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          opacity: 50%;
+        }
+      }
+    }
+  }
   .focus\:z-10 {
     &:focus {
       z-index: 10;
     }
   }
+  .focus\:z-20 {
+    &:focus {
+      z-index: 20;
+    }
+  }
   .focus\:bg-\(--color-surface-1\) {
     &:focus {
       background-color: var(--color-surface-1);
@@ -2677,6 +3169,14 @@
       --tw-ring-color: var(--ring);
     }
   }
+  .focus\:ring-utility-blue\/70 {
+    &:focus {
+      --tw-ring-color: color-mix(in srgb, #2378e1 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-utility-blue) 70%, transparent);
+      }
+    }
+  }
   .focus\:ring-offset-2 {
     &:focus {
       --tw-ring-offset-width: 2px;
@@ -2704,6 +3204,12 @@
       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);
@@ -2714,9 +3220,9 @@
       border-color: var(--color-border-link);
     }
   }
-  .focus-visible\:border-ring {
+  .focus-visible\:bg-bg-tertiary {
     &:focus-visible {
-      border-color: var(--ring);
+      background-color: var(--color-bg-tertiary);
     }
   }
   .focus-visible\:ring-1 {
@@ -2743,17 +3249,9 @@
       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\:ring-bg-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);
-      }
+      --tw-ring-color: var(--color-bg-link);
     }
   }
   .focus-visible\:ring-ring {
@@ -2761,11 +3259,6 @@
       --tw-ring-color: var(--ring);
     }
   }
-  .focus-visible\:ring-ring-blue {
-    &:focus-visible {
-      --tw-ring-color: var(--color-ring-blue);
-    }
-  }
   .focus-visible\:ring-ring-red {
     &:focus-visible {
       --tw-ring-color: var(--color-ring-red);
@@ -2779,6 +3272,22 @@
       }
     }
   }
+  .focus-visible\:ring-utility-blue\/70 {
+    &:focus-visible {
+      --tw-ring-color: color-mix(in srgb, #2378e1 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-utility-blue) 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-utility-red) 70%, transparent);
+      }
+    }
+  }
   .focus-visible\:ring-offset-0 {
     &:focus-visible {
       --tw-ring-offset-width: 0px;
@@ -2791,6 +3300,12 @@
       --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     }
   }
+  .focus-visible\:ring-offset-2 {
+    &:focus-visible {
+      --tw-ring-offset-width: 2px;
+      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    }
+  }
   .focus-visible\:outline-hidden {
     &:focus-visible {
       --tw-outline-style: none;
@@ -2807,17 +3322,25 @@
       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\:cursor-grabbing {
+    &:active {
+      cursor: grabbing;
+    }
+  }
   .active\:bg-bg-error-primary_inverse {
     &:active {
       background-color: var(--color-bg-error-primary_inverse);
@@ -2858,11 +3381,32 @@
       color: var(--sidebar-accent-foreground);
     }
   }
+  .active\:text-text-error-primary {
+    &:active {
+      color: var(--color-text-error-primary);
+    }
+  }
+  .active\:text-text-primary {
+    &:active {
+      color: var(--color-text-primary);
+    }
+  }
   .active\:text-text-tertiary {
     &:active {
       color: var(--color-text-tertiary);
     }
   }
+  .active\:opacity-100 {
+    &:active {
+      opacity: 100%;
+    }
+  }
+  .active\:duration-75 {
+    &:active {
+      --tw-duration: 75ms;
+      transition-duration: 75ms;
+    }
+  }
   .disabled\:pointer-events-none {
     &:disabled {
       pointer-events: none;
@@ -2883,6 +3427,11 @@
       border-color: var(--color-border-primary);
     }
   }
+  .disabled\:border-border-secondary {
+    &:disabled {
+      border-color: var(--color-border-secondary);
+    }
+  }
   .disabled\:bg-bg-disabled {
     &:disabled {
       background-color: var(--color-bg-disabled);
@@ -2893,9 +3442,14 @@
       background-color: var(--color-bg-secondary);
     }
   }
-  .disabled\:text-fg-disabled {
+  .disabled\:bg-transparent {
+    &:disabled {
+      background-color: transparent;
+    }
+  }
+  .disabled\:bg-white {
     &:disabled {
-      color: var(--color-fg-disabled);
+      background-color: var(--color-white);
     }
   }
   .disabled\:text-text-disabled {
@@ -2924,6 +3478,73 @@
       }
     }
   }
+  .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);
+      }
+    }
+  }
+  .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);
+    }
+  }
+  .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);
+      }
+    }
+  }
+  .in-aria-\[expanded\=false\]\:-rotate-90 {
+    :where(*[aria-expanded="false"]) & {
+      rotate: calc(90deg * -1);
+    }
+  }
+  .in-data-\[drag-target\=true\]\:bg-accent {
+    :where(*[data-drag-target="true"]) & {
+      background-color: var(--accent);
+    }
+  }
+  .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\]\:bg-bg-secondary {
+    :where(*[data-selected="true"]) & {
+      background-color: var(--color-bg-secondary);
+    }
+  }
+  .in-data-\[selected\=true\]\:text-text-primary {
+    :where(*[data-selected="true"]) & {
+      color: var(--color-text-primary);
+    }
+  }
+  .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;
@@ -2968,16 +3589,6 @@
       background-color: var(--sidebar);
     }
   }
-  .has-\[\[aria-checked\=true\]\]\:border-blue-600 {
-    &:has(*:is([aria-checked=true])) {
-      border-color: var(--color-blue-600);
-    }
-  }
-  .has-\[\[aria-checked\=true\]\]\:bg-blue-50 {
-    &:has(*:is([aria-checked=true])) {
-      background-color: var(--color-blue-50);
-    }
-  }
   .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\] {
     &:has(>svg) {
       grid-template-columns: calc(var(--spacing) * 4) 1fr;
@@ -2998,6 +3609,11 @@
       opacity: 50%;
     }
   }
+  .aria-invalid\:border-border-error {
+    &[aria-invalid="true"] {
+      border-color: var(--color-border-error);
+    }
+  }
   .aria-invalid\:border-destructive {
     &[aria-invalid="true"] {
       border-color: var(--destructive);
@@ -3008,16 +3624,22 @@
       color: var(--color-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 {
     &[aria-invalid="true"] {
       --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-utility-red) 70%, transparent);
       }
     }
   }
@@ -3026,6 +3648,29 @@
       color: var(--muted-foreground);
     }
   }
+  .data-pinned\:bg-background\/90 {
+    &[data-pinned] {
+      background-color: var(--background);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--background) 90%, transparent);
+      }
+    }
+  }
+  .data-pinned\:bg-muted\/90 {
+    &[data-pinned] {
+      background-color: var(--muted);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--muted) 90%, transparent);
+      }
+    }
+  }
+  .data-pinned\:backdrop-blur-xs {
+    &[data-pinned] {
+      --tw-backdrop-blur: blur(var(--blur-xs));
+      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    }
+  }
   .data-\[active\=true\]\:z-10 {
     &[data-active="true"] {
       z-index: 10;
@@ -3136,9 +3781,9 @@
       opacity: 50%;
     }
   }
-  .data-\[error\=true\]\:text-destructive {
+  .data-\[error\=true\]\:text-text-error-primary {
     &[data-error="true"] {
-      color: var(--destructive);
+      color: var(--color-text-error-primary);
     }
   }
   .data-\[inset\]\:pl-8 {
@@ -3303,9 +3948,9 @@
       }
     }
   }
-  .data-\[placeholder\]\:text-text-quternary {
+  .data-\[placeholder\]\:text-text-tertiary {
     &[data-placeholder] {
-      color: var(--color-text-quternary);
+      color: var(--color-text-tertiary);
     }
   }
   .data-\[range-end\=true\]\:rounded-md {
@@ -3380,16 +4025,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,13 +4069,10 @@
       --tw-enter-translate-y: calc(2*var(--spacing));
     }
   }
-  .\*\:data-\[slot\=alert-description\]\:text-destructive\/90 {
+  .\*\:data-\[slot\=alert-description\]\:text-fg-error-secondary {
     :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);
-        }
+        color: var(--color-fg-error-secondary);
       }
     }
   }
@@ -3467,6 +4099,14 @@
       }
     }
   }
+  .\*\:data-\[slot\=button\]\:rounded-r-none {
+    :is(& > *) {
+      &[data-slot="button"] {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+    }
+  }
   .\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
     :is(& *) {
       &[data-slot="command-input-wrapper"] {
@@ -3474,6 +4114,36 @@
       }
     }
   }
+  .\*\: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-2 {
+    :is(& > *) {
+      &[data-slot="dropdown-menu-trigger"] {
+        padding-block: calc(var(--spacing) * 2);
+      }
+    }
+  }
   .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 {
     :is(& *) {
       &[data-slot="navigation-menu-link"] {
@@ -3544,6 +4214,13 @@
       }
     }
   }
+  .\*\*\: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"] {
@@ -3574,29 +4251,29 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
-  .data-\[state\=checked\]\:border-blue-600 {
+  .data-\[state\=checked\]\:border-bg-link {
     &[data-state="checked"] {
-      border-color: var(--color-blue-600);
+      border-color: var(--color-bg-link);
     }
   }
-  .data-\[state\=checked\]\:border-primary {
+  .data-\[state\=checked\]\:border-border-link {
     &[data-state="checked"] {
-      border-color: var(--primary);
+      border-color: var(--color-border-link);
     }
   }
-  .data-\[state\=checked\]\:bg-blue-600 {
+  .data-\[state\=checked\]\:bg-bg-link {
     &[data-state="checked"] {
-      background-color: var(--color-blue-600);
+      background-color: var(--color-bg-link);
     }
   }
-  .data-\[state\=checked\]\:bg-primary {
+  .data-\[state\=checked\]\:bg-bg-tertiary {
     &[data-state="checked"] {
-      background-color: var(--primary);
+      background-color: var(--color-bg-tertiary);
     }
   }
-  .data-\[state\=checked\]\:text-primary-foreground {
+  .data-\[state\=checked\]\:text-text-primary {
     &[data-state="checked"] {
-      color: var(--primary-foreground);
+      color: var(--color-text-primary);
     }
   }
   .data-\[state\=checked\]\:text-white {
@@ -3604,6 +4281,59 @@
       color: var(--color-white);
     }
   }
+  .group-hover\:data-\[state\=checked\]\:bg-transparent {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        &[data-state="checked"] {
+          background-color: transparent;
+        }
+      }
+    }
+  }
+  .hover\:data-\[state\=checked\]\:bg-bg-link_hover {
+    &:hover {
+      @media (hover: hover) {
+        &[data-state="checked"] {
+          background-color: var(--color-bg-link_hover);
+        }
+      }
+    }
+  }
+  .disabled\:data-\[state\=checked\]\:border-border-secondary {
+    &:disabled {
+      &[data-state="checked"] {
+        border-color: var(--color-border-secondary);
+      }
+    }
+  }
+  .disabled\:data-\[state\=checked\]\:border-fg-tertiary {
+    &:disabled {
+      &[data-state="checked"] {
+        border-color: var(--color-fg-tertiary);
+      }
+    }
+  }
+  .disabled\:data-\[state\=checked\]\:bg-bg-disabled {
+    &:disabled {
+      &[data-state="checked"] {
+        background-color: var(--color-bg-disabled);
+      }
+    }
+  }
+  .disabled\:data-\[state\=checked\]\:bg-border-secondary {
+    &:disabled {
+      &[data-state="checked"] {
+        background-color: var(--color-border-secondary);
+      }
+    }
+  }
+  .disabled\:data-\[state\=checked\]\:bg-fg-tertiary {
+    &:disabled {
+      &[data-state="checked"] {
+        background-color: var(--color-fg-tertiary);
+      }
+    }
+  }
   .data-\[state\=closed\]\:animate-accordion-up {
     &[data-state="closed"] {
       animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
@@ -3695,32 +4425,70 @@
       }
     }
   }
-  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=inactive\]\:border-b-border-secondary {
-    :is(& *) {
-      &[data-slot="tabs-trigger"] {
-        &[data-state="inactive"] {
-          border-bottom-color: var(--color-border-secondary);
-        }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=inactive\]\:border-b-border-secondary {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        &[data-state="inactive"] {
+          border-bottom-color: var(--color-border-secondary);
+        }
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=inactive\]\:pt-\[9px\] {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        &[data-state="inactive"] {
+          padding-top: 9px;
+        }
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=inactive\]\:text-text-secondary {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        &[data-state="inactive"] {
+          color: var(--color-text-secondary);
+        }
+      }
+    }
+  }
+  .data-\[state\=indeterminate\]\:border-fg-link {
+    &[data-state="indeterminate"] {
+      border-color: var(--color-fg-link);
+    }
+  }
+  .data-\[state\=indeterminate\]\:bg-fg-link {
+    &[data-state="indeterminate"] {
+      background-color: var(--color-fg-link);
+    }
+  }
+  .data-\[state\=indeterminate\]\:text-white {
+    &[data-state="indeterminate"] {
+      color: var(--color-white);
+    }
+  }
+  .disabled\:data-\[state\=indeterminate\]\:border-fg-tertiary {
+    &:disabled {
+      &[data-state="indeterminate"] {
+        border-color: var(--color-fg-tertiary);
       }
     }
   }
-  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=inactive\]\:pt-\[9px\] {
-    :is(& *) {
-      &[data-slot="tabs-trigger"] {
-        &[data-state="inactive"] {
-          padding-top: 9px;
-        }
+  .disabled\:data-\[state\=indeterminate\]\:bg-fg-tertiary {
+    &:disabled {
+      &[data-state="indeterminate"] {
+        background-color: var(--color-fg-tertiary);
       }
     }
   }
-  .data-\[state\=on\]\:bg-accent {
+  .data-\[state\=on\]\:bg-bg-secondary {
     &[data-state="on"] {
-      background-color: var(--accent);
+      background-color: var(--color-bg-secondary);
     }
   }
-  .data-\[state\=on\]\:text-accent-foreground {
+  .data-\[state\=on\]\:text-text-primary {
     &[data-state="on"] {
-      color: var(--accent-foreground);
+      color: var(--color-text-primary);
     }
   }
   .data-\[state\=open\]\:animate-accordion-down {
@@ -3751,6 +4519,11 @@
       }
     }
   }
+  .data-\[state\=open\]\:bg-bg-secondary {
+    &[data-state="open"] {
+      background-color: var(--color-bg-secondary);
+    }
+  }
   .data-\[state\=open\]\:bg-secondary {
     &[data-state="open"] {
       background-color: var(--secondary);
@@ -3761,9 +4534,9 @@
       color: var(--accent-foreground);
     }
   }
-  .data-\[state\=open\]\:text-muted-foreground {
+  .data-\[state\=open\]\:text-text-secondary {
     &[data-state="open"] {
-      color: var(--muted-foreground);
+      color: var(--color-text-secondary);
     }
   }
   .data-\[state\=open\]\:opacity-100 {
@@ -3771,17 +4544,6 @@
       opacity: 100%;
     }
   }
-  .data-\[state\=open\]\:ring-2 {
-    &[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);
-    }
-  }
-  .data-\[state\=open\]\:ring-border-link {
-    &[data-state="open"] {
-      --tw-ring-color: var(--color-border-link);
-    }
-  }
   .data-\[state\=open\]\:duration-500 {
     &[data-state="open"] {
       --tw-duration: 500ms;
@@ -3858,20 +4620,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(--color-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(--color-text-primary);
         }
       }
     }
@@ -3883,9 +4645,9 @@
       }
     }
   }
-  .data-\[state\=selected\]\:bg-muted {
+  .data-\[state\=selected\]\:bg-bg-tertiary {
     &[data-state="selected"] {
-      background-color: var(--muted);
+      background-color: var(--color-bg-tertiary);
     }
   }
   .data-\[state\=unchecked\]\:translate-x-0 {
@@ -3894,9 +4656,25 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
-  .data-\[state\=unchecked\]\:bg-input {
+  .data-\[state\=unchecked\]\:bg-bg-quaternary {
     &[data-state="unchecked"] {
-      background-color: var(--input);
+      background-color: var(--color-bg-quaternary);
+    }
+  }
+  .hover\:data-\[state\=unchecked\]\:bg-bg-tertiary {
+    &:hover {
+      @media (hover: hover) {
+        &[data-state="unchecked"] {
+          background-color: var(--color-bg-tertiary);
+        }
+      }
+    }
+  }
+  .disabled\:data-\[state\=unchecked\]\:bg-bg-disabled {
+    &:disabled {
+      &[data-state="unchecked"] {
+        background-color: var(--color-bg-disabled);
+      }
     }
   }
   .data-\[state\=visible\]\:animate-in {
@@ -4002,6 +4780,11 @@
       border-top-width: 1px;
     }
   }
+  .data-\[vaul-drawer-direction\=bottom\]\:border-border-primary {
+    &[data-vaul-drawer-direction="bottom"] {
+      border-color: var(--color-border-primary);
+    }
+  }
   .data-\[vaul-drawer-direction\=left\]\:inset-y-0 {
     &[data-vaul-drawer-direction="left"] {
       inset-block: calc(var(--spacing) * 0);
@@ -4023,6 +4806,11 @@
       border-right-width: 1px;
     }
   }
+  .data-\[vaul-drawer-direction\=left\]\:border-border-primary {
+    &[data-vaul-drawer-direction="left"] {
+      border-color: var(--color-border-primary);
+    }
+  }
   .data-\[vaul-drawer-direction\=right\]\:inset-y-0 {
     &[data-vaul-drawer-direction="right"] {
       inset-block: calc(var(--spacing) * 0);
@@ -4044,6 +4832,11 @@
       border-left-width: 1px;
     }
   }
+  .data-\[vaul-drawer-direction\=right\]\:border-border-primary {
+    &[data-vaul-drawer-direction="right"] {
+      border-color: var(--color-border-primary);
+    }
+  }
   .data-\[vaul-drawer-direction\=top\]\:inset-x-0 {
     &[data-vaul-drawer-direction="top"] {
       inset-inline: calc(var(--spacing) * 0);
@@ -4076,6 +4869,11 @@
       border-bottom-width: 1px;
     }
   }
+  .data-\[vaul-drawer-direction\=top\]\:border-border-primary {
+    &[data-vaul-drawer-direction="top"] {
+      border-color: var(--color-border-primary);
+    }
+  }
   .sm\:block {
     @media (width >= 40rem) {
       display: block;
@@ -4287,14 +5085,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 +5093,6 @@
       }
     }
   }
-  .dark\:text-muted-foreground {
-    &:is(.dark *) {
-      color: var(--muted-foreground);
-    }
-  }
   .dark\:brightness-\[0\.2\] {
     &:is(.dark *) {
       --tw-brightness: brightness(0.2);
@@ -4329,40 +5114,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,58 +5126,6 @@
       }
     }
   }
-  .dark\:data-\[state\=active\]\:border-input {
-    &:is(.dark *) {
-      &[data-state="active"] {
-        border-color: var(--input);
-      }
-    }
-  }
-  .dark\:data-\[state\=checked\]\:border-blue-700 {
-    &:is(.dark *) {
-      &[data-state="checked"] {
-        border-color: var(--color-blue-700);
-      }
-    }
-  }
-  .dark\:data-\[state\=checked\]\:bg-blue-700 {
-    &:is(.dark *) {
-      &[data-state="checked"] {
-        background-color: var(--color-blue-700);
-      }
-    }
-  }
-  .dark\:data-\[state\=checked\]\:bg-primary {
-    &:is(.dark *) {
-      &[data-state="checked"] {
-        background-color: var(--primary);
-      }
-    }
-  }
-  .dark\:data-\[state\=checked\]\:bg-primary-foreground {
-    &:is(.dark *) {
-      &[data-state="checked"] {
-        background-color: var(--primary-foreground);
-      }
-    }
-  }
-  .dark\:data-\[state\=unchecked\]\:bg-foreground {
-    &:is(.dark *) {
-      &[data-state="unchecked"] {
-        background-color: var(--foreground);
-      }
-    }
-  }
-  .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);
-        }
-      }
-    }
-  }
   .dark\:data-\[variant\=destructive\]\:focus\:bg-bg-error-tertiary {
     &:is(.dark *) {
       &[data-variant="destructive"] {
@@ -4563,6 +5262,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,6 +5302,18 @@
       width: calc(var(--spacing) * 5);
     }
   }
+  .\[\&_\[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(--color-bg-secondary);
+      }
+    }
+  }
   .\[\&_p\]\:leading-relaxed {
     & p {
       --tw-leading: var(--leading-relaxed);
@@ -4614,34 +5330,34 @@
       flex-shrink: 0;
     }
   }
-  .\[\&_svg\]\:text-\[\#6D9F0F\]\! {
+  .\[\&_svg\]\:text-text-link {
     & svg {
-      color: #6D9F0F !important;
+      color: var(--color-text-link);
     }
   }
-  .\[\&_svg\]\:text-blue-500\! {
+  .\[\&_svg\]\:text-utility-blue {
     & svg {
-      color: var(--color-blue-500) !important;
+      color: var(--color-utility-blue);
     }
   }
-  .\[\&_svg\]\:text-red-600\! {
+  .\[\&_svg\]\:text-utility-green {
     & svg {
-      color: var(--color-red-600) !important;
+      color: var(--color-utility-green);
     }
   }
-  .\[\&_svg\]\:text-text-link {
+  .\[\&_svg\]\:text-utility-red {
     & svg {
-      color: var(--color-text-link);
+      color: var(--color-utility-red);
     }
   }
-  .\[\&_svg\]\:text-violet-600 {
+  .\[\&_svg\]\:text-utility-violet {
     & svg {
-      color: var(--color-violet-600);
+      color: var(--color-utility-violet);
     }
   }
-  .\[\&_svg\]\:text-yellow-600\! {
+  .\[\&_svg\]\:text-utility-yellow {
     & svg {
-      color: var(--color-yellow-600) !important;
+      color: var(--color-utility-yellow);
     }
   }
   .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
@@ -4655,9 +5371,31 @@
       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(--color-text-tertiary);
+    }
+  }
+  .\[\&_td\]\:border-border {
+    & td {
+      border-color: var(--border);
+    }
+  }
+  .\[\&_tfoot_td\]\:border-t {
+    & tfoot td {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 1px;
+    }
+  }
+  .\[\&_th\]\:border-b {
+    & th {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
+  }
+  .\[\&_th\]\:border-border {
+    & th {
+      border-color: var(--border);
     }
   }
   .\[\&_tr\]\:border-b {
@@ -4666,6 +5404,17 @@
       border-bottom-width: 1px;
     }
   }
+  .\[\&_tr\]\:border-none {
+    & tr {
+      --tw-border-style: none;
+      border-style: none;
+    }
+  }
+  .\[\&_tr\]\:border-border-primary {
+    & tr {
+      border-color: var(--color-border-primary);
+    }
+  }
   .\[\&_tr\:last-child\]\:border-0 {
     & tr:last-child {
       border-style: var(--tw-border-style);
@@ -4762,6 +5511,18 @@
       border-bottom-right-radius: calc(var(--radius) - 2px);
     }
   }
+  .group-hover\:\[\&\:not\(\:last-child\)\]\:after\:opacity-30 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        &:not(:last-child) {
+          &::after {
+            content: var(--tw-content);
+            opacity: 30%;
+          }
+        }
+      }
+    }
+  }
   .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] {
     &>[role=checkbox] {
       --tw-translate-y: 2px;
@@ -4901,6 +5662,28 @@
       rotate: 90deg;
     }
   }
+  .\[\&\[data-pinned\=left\]\[data-last-col\=left\]\]\:border-r {
+    &[data-pinned=left][data-last-col=left] {
+      border-right-style: var(--tw-border-style);
+      border-right-width: 1px;
+    }
+  }
+  .\[\&\[data-pinned\=left\]\[data-last-col\=left\]\]\:border-r-border-primary {
+    &[data-pinned=left][data-last-col=left] {
+      border-right-color: var(--color-border-primary);
+    }
+  }
+  .\[\&\[data-pinned\=right\]\[data-last-col\=right\]\]\:border-l {
+    &[data-pinned=right][data-last-col=right] {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+  }
+  .\[\&\[data-pinned\=right\]\[data-last-col\=right\]\]\:border-l-border-primary {
+    &[data-pinned=right][data-last-col=right] {
+      border-left-color: var(--color-border-primary);
+    }
+  }
   .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
     &[data-state=open]>svg {
       rotate: 180deg;
@@ -4936,56 +5719,47 @@
       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(--color-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(--color-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(--color-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(--color-bg-tertiary);
         }
       }
     }
   }
-  .\[a\&\]\:hover\:text-accent-foreground {
+  .\[a\&\]\:hover\:text-text-primary {
     a& {
       &:hover {
         @media (hover: hover) {
-          color: var(--accent-foreground);
+          color: var(--color-text-primary);
         }
       }
     }
@@ -5182,6 +5956,18 @@ 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-3);
+}
+.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);
+}
 .h1 {
   font-size: var(--font-size-4xl);
   font-family: var(--font-family-sans);
@@ -5229,6 +6015,46 @@ body {
   line-height: var(--font-leading-none);
   letter-spacing: var(--font-tracking-tight);
 }
+.lucide {
+  stroke-width: 1.5px;
+}
+.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;
+  }
+}
+@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;
@@ -5244,6 +6070,21 @@ body {
   inherits: false;
   initial-value: 0;
 }
+@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-rotate-x {
   syntax: "*";
   inherits: false;
@@ -5423,6 +6264,42 @@ body {
   inherits: false;
   initial-value: solid;
 }
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-duration {
   syntax: "*";
   inherits: false;
@@ -5538,9 +6415,14 @@ 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;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
       --tw-rotate-x: initial;
       --tw-rotate-y: initial;
       --tw-rotate-z: initial;
@@ -5581,6 +6463,15 @@ body {
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
       --tw-outline-style: solid;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-content: "";