@health-samurai/react-components 0.0.0-alpha.10 → 0.0.0-alpha.12

package/dist/bundle.css

@@ -15,10 +15,12 @@
     --color-red-500: #d7270f;
     --color-red-600: #d7270f;
     --color-red-700: #c31b03;
+    --color-red-800: #a72d22;
     --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;
@@ -30,6 +32,7 @@
     --color-green-500: #78b506;
     --color-green-600: #558300;
     --color-blue-50: #f9fbfe;
+    --color-blue-100: #f4f8fc;
     --color-blue-200: #e9f2fc;
     --color-blue-300: #d0e2f8;
     --color-blue-400: #a7c9f3;
@@ -39,8 +42,9 @@
     --color-violet-500: oklch(60.6% 0.25 292.717);
     --color-purple-200: oklch(90.2% 0.063 306.703);
     --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-500: oklch(55.1% 0.027 264.364);
+    --color-gray-200: oklch(92.8% 0.006 264.531);
     --color-neutral-50: #f9f9f9;
     --color-neutral-100: #f5f5f6;
     --color-neutral-200: #ebecee;
@@ -58,7 +62,7 @@
     --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;
@@ -81,9 +85,8 @@
     --tracking-widest: 0.1em;
     --leading-tight: 1.25;
     --leading-snug: 1.375;
-    --leading-relaxed: 1.625;
     --radius-xs: 0.125rem;
-    --radius-2xl: 1rem;
+    --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;
@@ -102,24 +105,33 @@
     --color-brand-500: #ea4a35;
     --color-brand-600: #d72710;
     --color-brand-700: #c31a03;
+    --font-size-xxs: 10px;
     --font-size-xs: 12px;
     --font-size-sm: 14px;
     --font-size-base: 16px;
     --font-size-lg: 18px;
     --font-size-xl: 20px;
     --font-size-2xl: 24px;
+    --font-size-3xl: 30px;
     --font-size-4xl: 36px;
     --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;
+    --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-elements-readable: var(--color-neutral-900);
     --color-cta: var(--color-brand-600);
     --color-critical-default: var(--color-red-600);
@@ -131,48 +143,81 @@
     --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-secondary_hover: var(--color-neutral-600);
     --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-quternary_on-brand: var(--color-neutral-200);
     --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-text-success-primary: var(--color-green-500);
+    --color-text-warning-primary: var(--color-yellow-700);
+    --color-text-info-primary: var(--color-blue-600);
     --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-dark: var(--color-neutral-500);
     --color-border-brand: var(--color-brand-500);
     --color-border-link: var(--color-blue-500);
     --color-border-error: var(--color-red-500);
     --color-border-error_inverse: var(--color-red-400);
+    --color-border-success: var(--color-green-500);
     --color-bg-primary: #ffffff;
+    --color-bg-primary_inverse: var(--color-neutral-900);
     --color-bg-secondary: var(--color-neutral-50);
+    --color-bg-secondary_inverse: var(--color-neutral-500);
+    --color-bg-secondary_inverse_hover: var(--color-neutral-600);
     --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-hover: var(--color-blue-200);
+    --color-bg-dark_tertiary: var(--color-neutral-400);
     --color-bg-brand-secondary: var(--color-brand-100);
     --color-bg-link: var(--color-blue-500);
+    --color-bg-link_disabled: var(--color-blue-400);
     --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-tertiary: var(--color-neutral-400);
+    --color-bg-success-primary_inverse: var(--color-green-500);
+    --color-bg-success-secondary: var(--color-green-100);
+    --color-bg-warning-primary: var(--color-yellow-50);
+    --color-bg-warning-primary_inverse: #f4cb00;
+    --color-bg-warning-secondary: var(--color-yellow-100);
+    --color-bg-info-primary: var(--color-blue-100);
+    --color-bg-info-primary_inverse: var(--color-blue-500);
+    --color-bg-neutral-primary: var(--color-neutral-100);
+    --color-bg-neutral-primary_inverse: var(--color-neutral-900);
+    --color-fg-primary: var(--color-neutral-900);
+    --color-fg-primary_on-brand: var(--color-neutral-50);
+    --color-fg-secondary: var(--color-neutral-700);
+    --color-fg-tertiary: var(--color-neutral-500);
+    --color-fg-tertiary_hover: var(--color-neutral-600);
+    --color-fg-disabled: var(--color-neutral-300);
     --color-fg-link: var(--color-blue-500);
-    --color-fg-error-secondary: var(--color-red-400);
+    --color-fg-error-primary: var(--color-red-500);
+    --color-fg-success-primary: var(--color-green-500);
+    --color-fg-warning-primary: var(--color-yellow-700);
+    --color-fg-info-primary: var(--color-blue-600);
+    --color-fg-neutral-primary: var(--color-neutral-500);
     --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 {
@@ -325,6 +370,9 @@
     container-type: inline-size;
     container-name: card-header;
   }
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
   .pointer-events-none {
     pointer-events: none;
   }
@@ -351,6 +399,9 @@
   .relative {
     position: relative;
   }
+  .static {
+    position: static;
+  }
   .sticky {
     position: sticky;
   }
@@ -534,6 +585,9 @@
   .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);
   }
@@ -597,12 +651,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;
@@ -683,6 +731,10 @@
     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);
@@ -695,6 +747,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;
@@ -709,6 +765,9 @@
   .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);
   }
@@ -751,8 +810,14 @@
   .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;
@@ -766,6 +831,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);
   }
@@ -808,9 +876,6 @@
   .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);
   }
@@ -859,12 +924,21 @@
   .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);
   }
@@ -874,9 +948,15 @@
   .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);
   }
@@ -904,6 +984,9 @@
   .w-80 {
     width: calc(var(--spacing) * 80);
   }
+  .w-200 {
+    width: calc(var(--spacing) * 200);
+  }
   .w-280 {
     width: calc(var(--spacing) * 280);
   }
@@ -919,9 +1002,6 @@
   .w-\[100px\] {
     width: 100px;
   }
-  .w-\[180px\] {
-    width: 180px;
-  }
   .w-\[200px\] {
     width: 200px;
   }
@@ -940,6 +1020,9 @@
   .w-\[400px\] {
     width: 400px;
   }
+  .w-\[450px\] {
+    width: 450px;
+  }
   .w-\[500px\] {
     width: 500px;
   }
@@ -970,9 +1053,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;
   }
@@ -982,9 +1074,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);
   }
@@ -997,15 +1086,6 @@
   .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-13 {
     min-width: calc(var(--spacing) * 13);
   }
@@ -1103,10 +1183,6 @@
     --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);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .translate-y-\[-50\%\] {
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1150,23 +1226,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;
@@ -1210,9 +1283,6 @@
   .justify-start {
     justify-content: flex-start;
   }
-  .justify-items-start {
-    justify-items: start;
-  }
   .gap-0 {
     gap: calc(var(--spacing) * 0);
   }
@@ -1240,12 +1310,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)) {
@@ -1261,6 +1330,20 @@
       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;
@@ -1296,9 +1379,6 @@
       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;
   }
@@ -1316,6 +1396,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
   .overflow-x-hidden {
     overflow-x: hidden;
   }
@@ -1325,9 +1408,6 @@
   .rounded {
     border-radius: var(--radius);
   }
-  .rounded-2xl {
-    border-radius: var(--radius-2xl);
-  }
   .rounded-3xl {
     border-radius: var(--radius-3xl);
   }
@@ -1337,6 +1417,9 @@
   .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);
   }
@@ -1389,9 +1472,9 @@
     border-style: var(--tw-border-style);
     border-width: 1.5px;
   }
-  .border-\[1\.6px\] {
-    border-style: var(--tw-border-style);
-    border-width: 1.6px;
+  .border-x {
+    border-inline-style: var(--tw-border-style);
+    border-inline-width: 1px;
   }
   .border-y {
     border-block-style: var(--tw-border-style);
@@ -1429,33 +1512,60 @@
     --tw-border-style: solid;
     border-style: solid;
   }
+  .\!border-border-primary {
+    border-color: var(--color-border-primary) !important;
+  }
   .border-\(--color-border\) {
     border-color: var(--color-border);
   }
   .border-black {
     border-color: var(--color-black);
   }
+  .border-border {
+    border-color: var(--border);
+  }
+  .border-border-dark {
+    border-color: var(--color-border-dark);
+  }
+  .border-border-default {
+    border-color: var(--color-border-default);
+  }
   .border-border-error {
     border-color: var(--color-border-error);
   }
+  .border-border-error_inverse {
+    border-color: var(--color-border-error_inverse);
+  }
   .border-border-link {
     border-color: var(--color-border-link);
   }
   .border-border-primary {
     border-color: var(--color-border-primary);
   }
+  .border-border-primary_hover {
+    border-color: var(--color-border-primary_hover);
+  }
   .border-border-secondary {
     border-color: var(--color-border-secondary);
   }
   .border-border-separator {
     border-color: var(--color-border-separator);
   }
+  .border-border-success {
+    border-color: var(--color-border-success);
+  }
   .border-border\/50 {
     border-color: var(--border);
     @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--border) 50%, transparent);
     }
   }
+  .border-fg-warning-primary {
+    border-color: var(--color-fg-warning-primary);
+  }
+  .border-gray-200 {
+    border-color: var(--color-gray-200);
+  }
   .border-input {
     border-color: var(--input);
   }
@@ -1474,6 +1584,9 @@
   .border-l-transparent {
     border-left-color: transparent;
   }
+  .\!bg-bg-primary {
+    background-color: var(--color-bg-primary) !important;
+  }
   .bg-\(--color-bg\) {
     background-color: var(--color-bg);
   }
@@ -1489,29 +1602,68 @@
   .bg-bg-error-primary_inverse {
     background-color: var(--color-bg-error-primary_inverse);
   }
+  .bg-bg-error-secondary {
+    background-color: var(--color-bg-error-secondary);
+  }
+  .bg-bg-error-tertiary {
+    background-color: var(--color-bg-error-tertiary);
+  }
+  .bg-bg-hover {
+    background-color: var(--color-bg-hover);
+  }
+  .bg-bg-info-primary {
+    background-color: var(--color-bg-info-primary);
+  }
+  .bg-bg-info-primary_inverse {
+    background-color: var(--color-bg-info-primary_inverse);
+  }
   .bg-bg-link {
     background-color: var(--color-bg-link);
   }
+  .bg-bg-neutral-primary {
+    background-color: var(--color-bg-neutral-primary);
+  }
+  .bg-bg-neutral-primary_inverse {
+    background-color: var(--color-bg-neutral-primary_inverse);
+  }
   .bg-bg-overlay {
     background-color: var(--color-bg-overlay);
   }
   .bg-bg-primary {
     background-color: var(--color-bg-primary);
   }
+  .bg-bg-primary_inverse {
+    background-color: var(--color-bg-primary_inverse);
+  }
   .bg-bg-quaternary {
     background-color: var(--color-bg-quaternary);
   }
   .bg-bg-secondary {
     background-color: var(--color-bg-secondary);
   }
+  .bg-bg-secondary_inverse {
+    background-color: var(--color-bg-secondary_inverse);
+  }
+  .bg-bg-success-primary_inverse {
+    background-color: var(--color-bg-success-primary_inverse);
+  }
+  .bg-bg-success-secondary {
+    background-color: var(--color-bg-success-secondary);
+  }
   .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-bg-warning-primary {
+    background-color: var(--color-bg-warning-primary);
+  }
+  .bg-bg-warning-primary_inverse {
+    background-color: var(--color-bg-warning-primary_inverse);
+  }
+  .bg-bg-warning-secondary {
+    background-color: var(--color-bg-warning-secondary);
+  }
+  .bg-black {
+    background-color: var(--color-black);
   }
   .bg-black\/50 {
     background-color: color-mix(in srgb, #000 50%, transparent);
@@ -1534,15 +1686,21 @@
   .bg-border-separator {
     background-color: var(--color-border-separator);
   }
+  .bg-fg-success-primary {
+    background-color: var(--color-fg-success-primary);
+  }
+  .bg-fg-tertiary {
+    background-color: var(--color-fg-tertiary);
+  }
   .bg-foreground {
     background-color: var(--foreground);
   }
+  .bg-gray-50 {
+    background-color: var(--color-gray-50);
+  }
   .bg-gray-100 {
     background-color: var(--color-gray-100);
   }
-  .bg-gray-500 {
-    background-color: var(--color-gray-500);
-  }
   .bg-inherit {
     background-color: inherit;
   }
@@ -1621,9 +1779,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);
   }
@@ -1633,9 +1800,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);
   }
@@ -1660,6 +1824,18 @@
   .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);
   }
@@ -1681,12 +1857,12 @@
   .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
+  .py-\[3px\] {
+    padding-block: 3px;
+  }
   .ps-\(--tree-padding\) {
     padding-inline-start: var(--tree-padding);
   }
-  .pt-0 {
-    padding-top: calc(var(--spacing) * 0);
-  }
   .pt-2\.5 {
     padding-top: calc(var(--spacing) * 2.5);
   }
@@ -1705,6 +1881,9 @@
   .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);
   }
@@ -1729,6 +1908,9 @@
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
+  .pl-0 {
+    padding-left: calc(var(--spacing) * 0);
+  }
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
@@ -1747,18 +1929,26 @@
   .pl-9 {
     padding-left: calc(var(--spacing) * 9);
   }
+  .pl-\[9px\] {
+    padding-left: 9px;
+  }
   .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);
   }
@@ -1792,6 +1982,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;
@@ -1841,8 +2035,11 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
-  .\!text-text-primary {
-    color: var(--color-text-primary) !important;
+  .whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+  .text-\[var\(--color-red-800\)\] {
+    color: var(--color-red-800);
   }
   .text-accent-foreground {
     color: var(--accent-foreground);
@@ -1850,9 +2047,30 @@
   .text-elements-assistive {
     color: var(--color-elements-assistive);
   }
+  .text-fg-error-primary {
+    color: var(--color-fg-error-primary);
+  }
+  .text-fg-info-primary {
+    color: var(--color-fg-info-primary);
+  }
   .text-fg-link {
     color: var(--color-fg-link);
   }
+  .text-fg-primary {
+    color: var(--color-fg-primary);
+  }
+  .text-fg-primary_on-brand {
+    color: var(--color-fg-primary_on-brand);
+  }
+  .text-fg-secondary {
+    color: var(--color-fg-secondary);
+  }
+  .text-fg-success-primary {
+    color: var(--color-fg-success-primary);
+  }
+  .text-fg-warning-primary {
+    color: var(--color-fg-warning-primary);
+  }
   .text-foreground {
     color: var(--foreground);
   }
@@ -1883,18 +2101,36 @@
   .text-text-error-secondary {
     color: var(--color-text-error-secondary);
   }
+  .text-text-info-primary {
+    color: var(--color-text-info-primary);
+  }
+  .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_on-brand {
+    color: var(--color-text-quternary_on-brand);
+  }
   .text-text-secondary {
     color: var(--color-text-secondary);
   }
+  .text-text-secondary_hover {
+    color: var(--color-text-secondary_hover);
+  }
+  .text-text-success-primary {
+    color: var(--color-text-success-primary);
+  }
   .text-text-tertiary {
     color: var(--color-text-tertiary);
   }
+  .text-text-warning-primary {
+    color: var(--color-text-warning-primary);
+  }
   .text-utility-blue {
     color: var(--color-utility-blue);
   }
@@ -1913,10 +2149,10 @@
   .text-white {
     color: var(--color-white);
   }
-  .text-white\/80 {
-    color: color-mix(in srgb, #ffffff 80%, transparent);
+  .text-white\/70 {
+    color: color-mix(in srgb, #ffffff 70%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--color-white) 80%, transparent);
+      color: color-mix(in oklab, var(--color-white) 70%, transparent);
     }
   }
   .uppercase {
@@ -1979,6 +2215,10 @@
     --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);
@@ -2050,6 +2290,10 @@
     --tw-duration: 120ms;
     transition-duration: 120ms;
   }
+  .duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
   .duration-200 {
     --tw-duration: 200ms;
     transition-duration: 200ms;
@@ -2117,6 +2361,13 @@
       }
     }
   }
+  .group-hover\/head\:opacity-30 {
+    &:is(:where(.group\/head):hover *) {
+      @media (hover: hover) {
+        opacity: 30%;
+      }
+    }
+  }
   .group-hover\/menu-item\:opacity-100 {
     &:is(:where(.group\/menu-item):hover *) {
       @media (hover: hover) {
@@ -2377,16 +2628,6 @@
       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) {
@@ -2653,6 +2894,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);
@@ -2676,10 +2923,10 @@
       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);
     }
   }
   .even\:bg-bg-secondary {
@@ -2694,6 +2941,13 @@
       }
     }
   }
+  .hover\:border-bg-link {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-bg-link);
+      }
+    }
+  }
   .hover\:border-border-error_inverse {
     &:hover {
       @media (hover: hover) {
@@ -2708,6 +2962,13 @@
       }
     }
   }
+  .hover\:\!bg-bg-secondary {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-bg-secondary) !important;
+      }
+    }
+  }
   .hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
@@ -2715,6 +2976,13 @@
       }
     }
   }
+  .hover\:bg-bg-dark_tertiary {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-bg-dark_tertiary);
+      }
+    }
+  }
   .hover\:bg-bg-error-primary_inverse_hover {
     &:hover {
       @media (hover: hover) {
@@ -2729,6 +2997,13 @@
       }
     }
   }
+  .hover\:bg-bg-link {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-bg-link);
+      }
+    }
+  }
   .hover\:bg-bg-link_hover {
     &:hover {
       @media (hover: hover) {
@@ -2760,27 +3035,34 @@
       }
     }
   }
-  .hover\:bg-bg-tertiary\/50 {
+  .hover\:bg-border-secondary {
     &:hover {
       @media (hover: hover) {
-        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);
-        }
+        background-color: var(--color-border-secondary);
       }
     }
   }
-  .hover\:bg-border-secondary {
+  .hover\:bg-sidebar-accent {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-border-secondary);
+        background-color: var(--sidebar-accent);
       }
     }
   }
-  .hover\:bg-sidebar-accent {
+  .hover\:bg-transparent {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--sidebar-accent);
+        background-color: transparent;
+      }
+    }
+  }
+  .hover\:bg-white\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #ffffff 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
+        }
       }
     }
   }
@@ -2812,6 +3094,13 @@
       }
     }
   }
+  .hover\:text-text-primary_on-brand {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-text-primary_on-brand);
+      }
+    }
+  }
   .hover\:text-text-secondary {
     &:hover {
       @media (hover: hover) {
@@ -2833,6 +3122,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) {
@@ -2895,6 +3198,11 @@
       z-index: 20;
     }
   }
+  .focus\:rounded {
+    &:focus {
+      border-radius: var(--radius);
+    }
+  }
   .focus\:bg-\(--color-surface-1\) {
     &:focus {
       background-color: var(--color-surface-1);
@@ -2910,6 +3218,11 @@
       background-color: var(--color-bg-secondary);
     }
   }
+  .focus\:bg-bg-tertiary {
+    &:focus {
+      background-color: var(--color-bg-tertiary);
+    }
+  }
   .focus\:text-accent-foreground {
     &:focus {
       color: var(--accent-foreground);
@@ -3005,6 +3318,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);
@@ -3017,14 +3336,14 @@
       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-bg-link {
+  .focus-visible\:ring-ring {
     &:focus-visible {
-      --tw-ring-color: var(--color-bg-link);
+      --tw-ring-color: var(--ring);
     }
   }
-  .focus-visible\:ring-ring {
+  .focus-visible\:ring-ring-blue {
     &:focus-visible {
-      --tw-ring-color: var(--ring);
+      --tw-ring-color: var(--color-ring-blue);
     }
   }
   .focus-visible\:ring-ring-red {
@@ -3068,12 +3387,6 @@
       --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;
@@ -3175,6 +3488,11 @@
       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);
@@ -3195,14 +3513,14 @@
       background-color: var(--color-bg-disabled);
     }
   }
-  .disabled\:bg-bg-secondary {
+  .disabled\:bg-bg-primary {
     &:disabled {
-      background-color: var(--color-bg-secondary);
+      background-color: var(--color-bg-primary);
     }
   }
-  .disabled\:bg-transparent {
+  .disabled\:bg-bg-secondary {
     &:disabled {
-      background-color: transparent;
+      background-color: var(--color-bg-secondary);
     }
   }
   .disabled\:bg-white {
@@ -3210,11 +3528,21 @@
       background-color: var(--color-white);
     }
   }
+  .disabled\:text-\[var\(--color-fg-secondary\)\] {
+    &:disabled {
+      color: var(--color-fg-secondary);
+    }
+  }
   .disabled\:text-text-disabled {
     &:disabled {
       color: var(--color-text-disabled);
     }
   }
+  .disabled\:text-white {
+    &:disabled {
+      color: var(--color-white);
+    }
+  }
   .disabled\:opacity-50 {
     &:disabled {
       opacity: 50%;
@@ -3227,11 +3555,12 @@
       }
     }
   }
-  .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);
         }
       }
     }
@@ -3347,16 +3676,6 @@
       background-color: var(--sidebar);
     }
   }
-  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\] {
-    &:has(>svg) {
-      grid-template-columns: calc(var(--spacing) * 4) 1fr;
-    }
-  }
-  .has-\[\>svg\]\:gap-x-3 {
-    &:has(>svg) {
-      column-gap: calc(var(--spacing) * 3);
-    }
-  }
   .aria-disabled\:pointer-events-none {
     &[aria-disabled="true"] {
       pointer-events: none;
@@ -3401,6 +3720,16 @@
       }
     }
   }
+  .aria-selected\:\!bg-bg-quaternary {
+    &[aria-selected="true"] {
+      background-color: var(--color-bg-quaternary) !important;
+    }
+  }
+  .aria-selected\:\!text-text-primary {
+    &[aria-selected="true"] {
+      color: var(--color-text-primary) !important;
+    }
+  }
   .aria-selected\:text-muted-foreground {
     &[aria-selected="true"] {
       color: var(--muted-foreground);
@@ -3641,6 +3970,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 {
@@ -3804,13 +4145,6 @@
       --tw-enter-translate-y: calc(2*var(--spacing));
     }
   }
-  .\*\:data-\[slot\=alert-description\]\:text-fg-error-secondary {
-    :is(& > *) {
-      &[data-slot="alert-description"] {
-        color: var(--color-fg-error-secondary);
-      }
-    }
-  }
   .\*\:data-\[slot\=avatar\]\:ring-2 {
     :is(& > *) {
       &[data-slot="avatar"] {
@@ -3834,11 +4168,73 @@
       }
     }
   }
-  .\*\:data-\[slot\=button\]\:rounded-r-none {
+  .\*\:data-\[slot\=button\]\:h-6 {
     :is(& > *) {
       &[data-slot="button"] {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
+        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(--color-border-disabled);
+        }
+      }
+    }
+  }
+  .\*\:data-\[slot\=button\]\:disabled\:bg-bg-primary {
+    :is(& > *) {
+      &[data-slot="button"] {
+        &:disabled {
+          background-color: var(--color-bg-primary);
+        }
+      }
+    }
+  }
+  .\*\:data-\[slot\=button\]\:disabled\:text-text-disabled {
+    :is(& > *) {
+      &[data-slot="button"] {
+        &:disabled {
+          color: var(--color-text-disabled);
+        }
       }
     }
   }
@@ -3849,6 +4245,20 @@
       }
     }
   }
+  .\*\: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"] {
@@ -3872,6 +4282,13 @@
       }
     }
   }
+  .\*\: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"] {
@@ -3879,6 +4296,33 @@
       }
     }
   }
+  .\*\:data-\[slot\=dropdown-menu-trigger\]\:disabled\:border-border-disabled {
+    :is(& > *) {
+      &[data-slot="dropdown-menu-trigger"] {
+        &:disabled {
+          border-color: var(--color-border-disabled);
+        }
+      }
+    }
+  }
+  .\*\:data-\[slot\=dropdown-menu-trigger\]\:disabled\:bg-bg-primary {
+    :is(& > *) {
+      &[data-slot="dropdown-menu-trigger"] {
+        &:disabled {
+          background-color: var(--color-bg-primary);
+        }
+      }
+    }
+  }
+  .\*\:data-\[slot\=dropdown-menu-trigger\]\:disabled\:text-text-disabled {
+    :is(& > *) {
+      &[data-slot="dropdown-menu-trigger"] {
+        &:disabled {
+          color: var(--color-text-disabled);
+        }
+      }
+    }
+  }
   .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 {
     :is(& *) {
       &[data-slot="navigation-menu-link"] {
@@ -3930,6 +4374,20 @@
       }
     }
   }
+  .\*\*\: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"] {
@@ -3949,6 +4407,63 @@
       }
     }
   }
+  .\*\*\: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(--color-border-separator);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-list\]\:bg-bg-secondary {
+    :is(& *) {
+      &[data-slot="tabs-list"] {
+        background-color: var(--color-bg-secondary);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-list\]\:bg-bg-tertiary {
+    :is(& *) {
+      &[data-slot="tabs-list"] {
+        background-color: var(--color-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"] {
@@ -3970,6 +4485,75 @@
       }
     }
   }
+  .\*\*\: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(--color-text-secondary);
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:hover\:text-text-primary {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        &:hover {
+          @media (hover: hover) {
+            color: var(--color-text-primary);
+          }
+        }
+      }
+    }
+  }
   .data-\[state\=active\]\:border-b-border-brand {
     &[data-state="active"] {
       border-bottom-color: var(--color-border-brand);
@@ -3980,20 +4564,77 @@
       color: var(--color-text-primary);
     }
   }
-  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\] {
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=active\]\:border-b-2 {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        &[data-state="active"] {
+          border-bottom-style: var(--tw-border-style);
+          border-bottom-width: 2px;
+        }
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=active\]\:border-border-secondary {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        &[data-state="active"] {
+          border-color: var(--color-border-secondary);
+        }
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=active\]\:border-b-border-dark {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        &[data-state="active"] {
+          border-bottom-color: var(--color-border-dark);
+        }
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=active\]\:bg-bg-primary {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        &[data-state="active"] {
+          background-color: var(--color-bg-primary);
+        }
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=tabs-trigger\]\:data-\[state\=active\]\:text-text-primary {
+    :is(& *) {
+      &[data-slot="tabs-trigger"] {
+        &[data-state="active"] {
+          color: var(--color-text-primary);
+        }
+      }
+    }
+  }
+  .data-\[state\=checked\]\:translate-x-\[0\.875rem\] {
     &[data-state="checked"] {
-      --tw-translate-x: calc(100% - 2px);
+      --tw-translate-x: 0.875rem;
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .data-\[state\=checked\]\:translate-x-\[1\.125rem\] {
+    &[data-state="checked"] {
+      --tw-translate-x: 1.125rem;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .data-\[state\=checked\]\:border-\[var\(--color-fg-link\)\] {
+    &[data-state="checked"] {
+      border-color: var(--color-fg-link);
+    }
+  }
   .data-\[state\=checked\]\:border-bg-link {
     &[data-state="checked"] {
       border-color: var(--color-bg-link);
     }
   }
-  .data-\[state\=checked\]\:border-border-link {
+  .data-\[state\=checked\]\:bg-\[var\(--color-fg-link\)\] {
     &[data-state="checked"] {
-      border-color: var(--color-border-link);
+      background-color: var(--color-fg-link);
     }
   }
   .data-\[state\=checked\]\:bg-bg-link {
@@ -4025,6 +4666,15 @@
       }
     }
   }
+  .data-\[state\=checked\]\:hover\:bg-bg-secondary {
+    &[data-state="checked"] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-bg-secondary);
+        }
+      }
+    }
+  }
   .hover\:data-\[state\=checked\]\:bg-bg-link_hover {
     &:hover {
       @media (hover: hover) {
@@ -4034,6 +4684,13 @@
       }
     }
   }
+  .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"] {
@@ -4041,17 +4698,17 @@
       }
     }
   }
-  .disabled\:data-\[state\=checked\]\:border-fg-tertiary {
+  .disabled\:data-\[state\=checked\]\:bg-\[var\(--color-fg-disabled\)\] {
     &:disabled {
       &[data-state="checked"] {
-        border-color: var(--color-fg-tertiary);
+        background-color: var(--color-fg-disabled);
       }
     }
   }
-  .disabled\:data-\[state\=checked\]\:bg-bg-disabled {
+  .disabled\:data-\[state\=checked\]\:bg-bg-link_disabled {
     &:disabled {
       &[data-state="checked"] {
-        background-color: var(--color-bg-disabled);
+        background-color: var(--color-bg-link_disabled);
       }
     }
   }
@@ -4062,10 +4719,21 @@
       }
     }
   }
-  .disabled\:data-\[state\=checked\]\:bg-fg-tertiary {
+  .disabled\:data-\[state\=checked\]\:text-\[var\(--color-fg-secondary\)\] {
     &:disabled {
       &[data-state="checked"] {
-        background-color: var(--color-fg-tertiary);
+        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(--color-bg-link_disabled);
+          }
+        }
       }
     }
   }
@@ -4187,12 +4855,12 @@
       }
     }
   }
-  .data-\[state\=indeterminate\]\:border-fg-link {
+  .data-\[state\=indeterminate\]\:border-\[var\(--color-fg-link\)\] {
     &[data-state="indeterminate"] {
       border-color: var(--color-fg-link);
     }
   }
-  .data-\[state\=indeterminate\]\:bg-fg-link {
+  .data-\[state\=indeterminate\]\:bg-\[var\(--color-fg-link\)\] {
     &[data-state="indeterminate"] {
       background-color: var(--color-fg-link);
     }
@@ -4202,28 +4870,40 @@
       color: var(--color-white);
     }
   }
-  .disabled\:data-\[state\=indeterminate\]\:border-fg-tertiary {
+  .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"] {
-        border-color: var(--color-fg-tertiary);
+        background-color: var(--color-fg-disabled);
       }
     }
   }
-  .disabled\:data-\[state\=indeterminate\]\:bg-fg-tertiary {
+  .disabled\:data-\[state\=indeterminate\]\:text-\[var\(--color-fg-secondary\)\] {
     &:disabled {
       &[data-state="indeterminate"] {
-        background-color: var(--color-fg-tertiary);
+        color: var(--color-fg-secondary);
       }
     }
   }
+  .data-\[state\=on\]\:border-border-separator {
+    &[data-state="on"] {
+      border-color: var(--color-border-separator);
+    }
+  }
   .data-\[state\=on\]\:bg-bg-secondary {
     &[data-state="on"] {
       background-color: var(--color-bg-secondary);
     }
   }
-  .data-\[state\=on\]\:text-text-primary {
+  .data-\[state\=on\]\:bg-bg-tertiary {
     &[data-state="on"] {
-      color: var(--color-text-primary);
+      background-color: var(--color-bg-tertiary);
     }
   }
   .data-\[state\=open\]\:animate-accordion-down {
@@ -4269,6 +4949,11 @@
       color: var(--accent-foreground);
     }
   }
+  .data-\[state\=open\]\:text-text-primary {
+    &[data-state="open"] {
+      color: var(--color-text-primary);
+    }
+  }
   .data-\[state\=open\]\:text-text-secondary {
     &[data-state="open"] {
       color: var(--color-text-secondary);
@@ -4380,31 +5065,38 @@
       }
     }
   }
-  .data-\[state\=selected\]\:bg-bg-tertiary {
-    &[data-state="selected"] {
-      background-color: var(--color-bg-tertiary);
+  .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(--color-bg-secondary_inverse);
     }
   }
-  .data-\[state\=unchecked\]\:bg-bg-quaternary {
+  .data-\[state\=unchecked\]\:opacity-0 {
     &[data-state="unchecked"] {
-      background-color: var(--color-bg-quaternary);
+      opacity: 0%;
     }
   }
-  .hover\:data-\[state\=unchecked\]\:bg-bg-tertiary {
+  .hover\:data-\[state\=unchecked\]\:bg-bg-secondary_inverse_hover {
     &:hover {
       @media (hover: hover) {
         &[data-state="unchecked"] {
-          background-color: var(--color-bg-tertiary);
+          background-color: var(--color-bg-secondary_inverse_hover);
         }
       }
     }
   }
+  .focus-visible\:data-\[state\=unchecked\]\:border-bg-link {
+    &:focus-visible {
+      &[data-state="unchecked"] {
+        border-color: var(--color-bg-link);
+      }
+    }
+  }
   .disabled\:data-\[state\=unchecked\]\:bg-bg-disabled {
     &:disabled {
       &[data-state="unchecked"] {
@@ -4412,6 +5104,17 @@
       }
     }
   }
+  .disabled\:hover\:data-\[state\=unchecked\]\:bg-bg-disabled {
+    &:disabled {
+      &:hover {
+        @media (hover: hover) {
+          &[data-state="unchecked"] {
+            background-color: var(--color-bg-disabled);
+          }
+        }
+      }
+    }
+  }
   .data-\[state\=visible\]\:animate-in {
     &[data-state="visible"] {
       animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
@@ -4463,24 +5166,10 @@
       }
     }
   }
-  .data-\[variant\=outline\]\:border-l-0 {
+  .data-\[variant\=outline\]\:border-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"] {
-      &: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 {
@@ -4856,15 +5545,6 @@
       }
     }
   }
-  .dark\:data-\[variant\=destructive\]\:focus\:bg-bg-error-tertiary {
-    &:is(.dark *) {
-      &[data-variant="destructive"] {
-        &:focus {
-          background-color: var(--color-bg-error-tertiary);
-        }
-      }
-    }
-  }
   .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
     &:is(.dark *) {
       &[data-variant="destructive"] {
@@ -4877,6 +5557,51 @@
       }
     }
   }
+  .\[\&_\*\[cmdk-group-heading\]\]\:flex {
+    & *[cmdk-group-heading] {
+      display: flex;
+    }
+  }
+  .\[\&_\*\[cmdk-group-heading\]\]\:h-7 {
+    & *[cmdk-group-heading] {
+      height: calc(var(--spacing) * 7);
+    }
+  }
+  .\[\&_\*\[cmdk-group-heading\]\]\:items-center {
+    & *[cmdk-group-heading] {
+      align-items: center;
+    }
+  }
+  .\[\&_\*\[cmdk-group-heading\]\]\:px-3 {
+    & *[cmdk-group-heading] {
+      padding-inline: calc(var(--spacing) * 3);
+    }
+  }
+  .\[\&_\*\[cmdk-group-heading\]\]\:py-0 {
+    & *[cmdk-group-heading] {
+      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-\[color\:var\(--color-text-secondary\)\] {
+    & *[cmdk-group-heading] {
+      color: var(--color-text-secondary);
+    }
+  }
+  .\[\&_\*\[cmdk-group-heading\]\]\:text-\[var\(--color-text-secondary\)\] {
+    & *[cmdk-group-heading] {
+      color: var(--color-text-secondary);
+    }
+  }
   .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
     & .recharts-cartesian-axis-tick text {
       fill: var(--muted-foreground);
@@ -4955,36 +5680,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\]\]\:px-2 {
+  .\[\&_\[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(--color-text-secondary);
+    }
+  }
+  .\[\&_\[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 {
@@ -5044,12 +5797,6 @@
       }
     }
   }
-  .\[\&_p\]\:leading-relaxed {
-    & p {
-      --tw-leading: var(--leading-relaxed);
-      line-height: var(--leading-relaxed);
-    }
-  }
   .\[\&_svg\]\:pointer-events-none {
     & svg {
       pointer-events: none;
@@ -5065,6 +5812,11 @@
       color: var(--color-text-link);
     }
   }
+  .\[\&_svg\]\:text-text-secondary {
+    & svg {
+      color: var(--color-text-secondary);
+    }
+  }
   .\[\&_svg\]\:text-utility-blue {
     & svg {
       color: var(--color-utility-blue);
@@ -5090,12 +5842,29 @@
       color: var(--color-utility-yellow);
     }
   }
+  .data-\[state\=on\]\:\[\&_svg\]\:text-text-primary {
+    &[data-state="on"] {
+      & svg {
+        color: var(--color-text-primary);
+      }
+    }
+  }
   .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
     & svg:not([class*='size-']) {
       width: calc(var(--spacing) * 4);
       height: calc(var(--spacing) * 4);
     }
   }
+  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-fg-secondary {
+    & svg:not([class*='text-']) {
+      color: var(--color-fg-secondary);
+    }
+  }
+  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-fg-tertiary {
+    & svg:not([class*='text-']) {
+      color: var(--color-fg-tertiary);
+    }
+  }
   .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
     & svg:not([class*='text-']) {
       color: var(--muted-foreground);
@@ -5106,15 +5875,38 @@
       color: var(--color-text-tertiary);
     }
   }
+  .hover\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-fg-tertiary_hover {
+    &:hover {
+      @media (hover: hover) {
+        & svg:not([class*='text-']) {
+          color: var(--color-fg-tertiary_hover);
+        }
+      }
+    }
+  }
+  .\[\&_tr\]\:h-8 {
+    & tr {
+      height: calc(var(--spacing) * 8);
+    }
+  }
   .\[\&_tr\]\:border-b {
     & tr {
       border-bottom-style: var(--tw-border-style);
       border-bottom-width: 1px;
     }
   }
-  .\[\&_tr\]\:border-border-primary {
+  .\[\&_tr\]\:border-border-secondary {
     & tr {
-      border-color: var(--color-border-primary);
+      border-color: var(--color-border-secondary);
+    }
+  }
+  .\[\&_tr\]\:hover\:bg-bg-hover {
+    & tr {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-bg-hover);
+        }
+      }
     }
   }
   .\[\&_tr\:last-child\]\:border-0 {
@@ -5129,6 +5921,11 @@
       border-bottom-left-radius: calc(var(--radius) - 2px);
     }
   }
+  .\[\&\:has\(\[data-state\=checked\]\)\]\:bg-bg-tertiary {
+    &:has([data-state=checked]) {
+      background-color: var(--color-bg-tertiary);
+    }
+  }
   .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
     &:has([role=checkbox]) {
       padding-right: calc(var(--spacing) * 0);
@@ -5213,10 +6010,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(--color-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 {
@@ -5271,6 +6087,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);
@@ -5306,20 +6128,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(--color-fg-error-primary);
     }
   }
-  .\[\&\>svg\]\:text-current {
+  .\[\&\>svg\]\:text-fg-info-primary {
     &>svg {
-      color: currentcolor;
+      color: var(--color-fg-info-primary);
+    }
+  }
+  .\[\&\>svg\]\:text-fg-neutral-primary {
+    &>svg {
+      color: var(--color-fg-neutral-primary);
+    }
+  }
+  .\[\&\>svg\]\:text-fg-primary_on-brand {
+    &>svg {
+      color: var(--color-fg-primary_on-brand);
+    }
+  }
+  .\[\&\>svg\]\:text-fg-success-primary {
+    &>svg {
+      color: var(--color-fg-success-primary);
+    }
+  }
+  .\[\&\>svg\]\:text-fg-warning-primary {
+    &>svg {
+      color: var(--color-fg-warning-primary);
     }
   }
   .\[\&\>svg\]\:text-muted-foreground {
@@ -5636,30 +6477,40 @@ body {
   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-4xl);
+  font-family: var(--font-family-sans);
+  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 {
@@ -5676,11 +6527,25 @@ body {
   line-height: var(--font-leading-none);
   letter-spacing: var(--font-tracking-tight);
 }
-.h2 {
-  font-size: var(--font-size-4xl);
+.caption {
+  font-size: var(--font-size-xl);
   font-family: var(--font-family-sans);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--font-leading-10);
+  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 {
@@ -5690,6 +6555,13 @@ body {
   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);
@@ -5727,6 +6599,12 @@ body ::-webkit-scrollbar-thumb:hover {
     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;