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

package/dist/bundle.css

@@ -39,6 +39,7 @@
     --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-100: oklch(96.7% 0.003 264.542);
     --color-gray-500: oklch(55.1% 0.027 264.364);
     --color-neutral-50: #f9f9f9;
     --color-neutral-100: #f5f5f6;
@@ -83,9 +84,9 @@
     --leading-relaxed: 1.625;
     --radius-xs: 0.125rem;
     --radius-2xl: 1rem;
+    --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;
-    --blur-xs: 4px;
     --aspect-video: 16 / 9;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -107,16 +108,18 @@
     --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-normal: 0px;
     --font-leading-3: 12px;
     --font-leading-4: 16px;
     --font-leading-5: 20px;
+    --font-leading-6: 24px;
     --font-leading-7: 28px;
+    --font-leading-10: 40px;
     --color-elements-readable: var(--color-neutral-900);
     --color-cta: var(--color-brand-600);
     --color-critical-default: var(--color-red-600);
@@ -136,7 +139,6 @@
     --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);
@@ -150,7 +152,6 @@
     --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);
@@ -165,7 +166,6 @@
     --color-bg-error-secondary: var(--color-red-100);
     --color-bg-error-tertiary: var(--color-red-200);
     --color-fg-tertiary: var(--color-neutral-400);
-    --color-fg-disabled: var(--color-neutral-300);
     --color-fg-link: var(--color-blue-500);
     --color-fg-error-secondary: var(--color-red-400);
     --color-utility-green: var(--color-green-500);
@@ -381,8 +381,11 @@
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
-  .top-5\.5 {
-    top: calc(var(--spacing) * 5.5);
+  .top-4\.75 {
+    top: calc(var(--spacing) * 4.75);
+  }
+  .top-8 {
+    top: calc(var(--spacing) * 8);
   }
   .top-\[1px\] {
     top: 1px;
@@ -414,9 +417,6 @@
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
-  .right-5 {
-    right: calc(var(--spacing) * 5);
-  }
   .-bottom-12 {
     bottom: calc(var(--spacing) * -12);
   }
@@ -459,6 +459,9 @@
   .z-50 {
     z-index: 50;
   }
+  .z-100 {
+    z-index: 100;
+  }
   .z-\[1\] {
     z-index: 1;
   }
@@ -495,8 +498,8 @@
       max-width: 96rem;
     }
   }
-  .-m-1\.75 {
-    margin: calc(var(--spacing) * -1.75);
+  .-m-\[5px\] {
+    margin: calc(5px * -1);
   }
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
@@ -504,6 +507,9 @@
   .mx-3\.5 {
     margin-inline: calc(var(--spacing) * 3.5);
   }
+  .mx-4 {
+    margin-inline: calc(var(--spacing) * 4);
+  }
   .mx-auto {
     margin-inline: auto;
   }
@@ -579,8 +585,8 @@
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
-  .ml-9 {
-    margin-left: calc(var(--spacing) * 9);
+  .ml-4 {
+    margin-left: calc(var(--spacing) * 4);
   }
   .ml-auto {
     margin-left: auto;
@@ -712,9 +718,6 @@
   .h-2\.5 {
     height: calc(var(--spacing) * 2.5);
   }
-  .h-3 {
-    height: calc(var(--spacing) * 3);
-  }
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
@@ -772,6 +775,9 @@
   .h-auto {
     height: auto;
   }
+  .h-fit {
+    height: fit-content;
+  }
   .h-full {
     height: 100%;
   }
@@ -853,9 +859,6 @@
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
-  .w-6 {
-    width: calc(var(--spacing) * 6);
-  }
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1045,9 +1048,6 @@
   .basis-full {
     flex-basis: 100%;
   }
-  .table-fixed {
-    table-layout: fixed;
-  }
   .caption-bottom {
     caption-side: bottom;
   }
@@ -1111,12 +1111,6 @@
     --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;
   }
@@ -1141,9 +1135,6 @@
   .cursor-default {
     cursor: default;
   }
-  .cursor-grab {
-    cursor: grab;
-  }
   .cursor-help {
     cursor: help;
   }
@@ -1153,9 +1144,6 @@
   .touch-none {
     touch-action: none;
   }
-  .resize {
-    resize: both;
-  }
   .scroll-my-1 {
     scroll-margin-block: calc(var(--spacing) * 1);
   }
@@ -1328,9 +1316,6 @@
   .overflow-hidden {
     overflow: hidden;
   }
-  .overflow-x-auto {
-    overflow-x: auto;
-  }
   .overflow-x-hidden {
     overflow-x: hidden;
   }
@@ -1343,6 +1328,9 @@
   .rounded-2xl {
     border-radius: var(--radius-2xl);
   }
+  .rounded-3xl {
+    border-radius: var(--radius-3xl);
+  }
   .rounded-\[2px\] {
     border-radius: 2px;
   }
@@ -1393,10 +1381,6 @@
     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;
@@ -1437,18 +1421,10 @@
     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;
@@ -1516,24 +1492,12 @@
   .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);
   }
@@ -1561,9 +1525,6 @@
   .bg-border {
     background-color: var(--border);
   }
-  .bg-border-link {
-    background-color: var(--color-border-link);
-  }
   .bg-border-primary {
     background-color: var(--color-border-primary);
   }
@@ -1576,6 +1537,9 @@
   .bg-foreground {
     background-color: var(--foreground);
   }
+  .bg-gray-100 {
+    background-color: var(--color-gray-100);
+  }
   .bg-gray-500 {
     background-color: var(--color-gray-500);
   }
@@ -1612,12 +1576,6 @@
   .bg-white {
     background-color: var(--color-white);
   }
-  .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;
     @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -1693,6 +1651,9 @@
   .px-6 {
     padding-inline: calc(var(--spacing) * 6);
   }
+  .px-8 {
+    padding-inline: calc(var(--spacing) * 8);
+  }
   .px-\[0\.44rem\] {
     padding-inline: 0.44rem;
   }
@@ -1744,9 +1705,6 @@
   .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);
   }
@@ -1771,9 +1729,6 @@
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
-  .pl-0 {
-    padding-left: calc(var(--spacing) * 0);
-  }
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
@@ -1886,9 +1841,15 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .\!text-text-primary {
+    color: var(--color-text-primary) !important;
+  }
   .text-accent-foreground {
     color: var(--accent-foreground);
   }
+  .text-elements-assistive {
+    color: var(--color-elements-assistive);
+  }
   .text-fg-link {
     color: var(--color-fg-link);
   }
@@ -1922,9 +1883,6 @@
   .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);
   }
@@ -1980,15 +1938,9 @@
   .opacity-0 {
     opacity: 0%;
   }
-  .opacity-30 {
-    opacity: 30%;
-  }
   .opacity-50 {
     opacity: 50%;
   }
-  .opacity-60 {
-    opacity: 60%;
-  }
   .opacity-70 {
     opacity: 70%;
   }
@@ -2003,10 +1955,6 @@
     --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);
@@ -2053,11 +2001,6 @@
     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));
@@ -2107,10 +2050,6 @@
     --tw-duration: 120ms;
     transition-duration: 120ms;
   }
-  .duration-150 {
-    --tw-duration: 150ms;
-    transition-duration: 150ms;
-  }
   .duration-200 {
     --tw-duration: 200ms;
     transition-duration: 200ms;
@@ -2178,13 +2117,6 @@
       }
     }
   }
-  .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) {
@@ -2608,18 +2540,6 @@
       top: calc(3px * -1);
     }
   }
-  .before\:top-0 {
-    &::before {
-      content: var(--tw-content);
-      top: calc(var(--spacing) * 0);
-    }
-  }
-  .before\:right-\[-4px\] {
-    &::before {
-      content: var(--tw-content);
-      right: -4px;
-    }
-  }
   .before\:left-0 {
     &::before {
       content: var(--tw-content);
@@ -2632,35 +2552,23 @@
       z-index: calc(10 * -1);
     }
   }
-  .before\:-ms-1 {
-    &::before {
-      content: var(--tw-content);
-      margin-inline-start: calc(var(--spacing) * -1);
-    }
-  }
-  .before\:size-2 {
+  .before\:-z-20 {
     &::before {
       content: var(--tw-content);
-      width: calc(var(--spacing) * 2);
-      height: calc(var(--spacing) * 2);
+      z-index: calc(20 * -1);
     }
   }
-  .before\:h-full {
-    &::before {
-      content: var(--tw-content);
-      height: 100%;
-    }
-  }
-  .before\:w-1 {
+  .before\:-ms-1 {
     &::before {
       content: var(--tw-content);
-      width: calc(var(--spacing) * 1);
+      margin-inline-start: calc(var(--spacing) * -1);
     }
   }
-  .before\:w-2 {
+  .before\:size-2 {
     &::before {
       content: var(--tw-content);
       width: calc(var(--spacing) * 2);
+      height: calc(var(--spacing) * 2);
     }
   }
   .before\:rounded-full {
@@ -2688,52 +2596,12 @@
       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);
@@ -2752,30 +2620,12 @@
       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);
@@ -2788,12 +2638,6 @@
       width: 2px;
     }
   }
-  .after\:w-px {
-    &::after {
-      content: var(--tw-content);
-      width: 1px;
-    }
-  }
   .after\:-translate-x-1\/2 {
     &::after {
       content: var(--tw-content);
@@ -2801,40 +2645,6 @@
       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 {
@@ -2872,14 +2682,6 @@
       border-bottom-width: 0px;
     }
   }
-  .last\:after\:w-0 {
-    &:last-child {
-      &::after {
-        content: var(--tw-content);
-        width: calc(var(--spacing) * 0);
-      }
-    }
-  }
   .even\:bg-bg-secondary {
     &:nth-child(even) {
       background-color: var(--color-bg-secondary);
@@ -2927,16 +2729,6 @@
       }
     }
   }
-  .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) {
@@ -3013,13 +2805,6 @@
       }
     }
   }
-  .hover\:text-text-link_hover {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-text-link_hover);
-      }
-    }
-  }
   .hover\:text-text-primary {
     &:hover {
       @media (hover: hover) {
@@ -3048,13 +2833,6 @@
       }
     }
   }
-  .hover\:\!opacity-100 {
-    &:hover {
-      @media (hover: hover) {
-        opacity: 100% !important;
-      }
-    }
-  }
   .hover\:opacity-100 {
     &:hover {
       @media (hover: hover) {
@@ -3107,16 +2885,6 @@
       }
     }
   }
-  .hover\:after\:opacity-50 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          opacity: 50%;
-        }
-      }
-    }
-  }
   .focus\:z-10 {
     &:focus {
       z-index: 10;
@@ -3336,11 +3104,6 @@
       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);
@@ -3396,11 +3159,6 @@
       color: var(--color-text-tertiary);
     }
   }
-  .active\:opacity-100 {
-    &:active {
-      opacity: 100%;
-    }
-  }
   .active\:duration-75 {
     &:active {
       --tw-duration: 75ms;
@@ -3648,29 +3406,6 @@
       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;
@@ -4874,11 +4609,6 @@
       border-color: var(--color-border-primary);
     }
   }
-  .sm\:block {
-    @media (width >= 40rem) {
-      display: block;
-    }
-  }
   .sm\:flex {
     @media (width >= 40rem) {
       display: flex;
@@ -5376,40 +5106,12 @@
       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 {
     & tr {
       border-bottom-style: var(--tw-border-style);
       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);
@@ -5511,18 +5213,6 @@
       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;
@@ -5662,28 +5352,6 @@
       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;
@@ -5980,13 +5648,6 @@ body {
     font-size: var(--font-size-5xl);
   }
 }
-.h2 {
-  font-size: var(--font-size-3xl);
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-weight-semibold);
-  line-height: var(--font-leading-none);
-  letter-spacing: var(--font-tracking-tight);
-}
 .h3 {
   font-size: var(--font-size-2xl);
   font-family: var(--font-family-sans);
@@ -6015,6 +5676,27 @@ body {
   line-height: var(--font-leading-none);
   letter-spacing: var(--font-tracking-tight);
 }
+.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-normal);
+}
+.body16 {
+  font-size: var(--font-size-base);
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-weight-normal);
+  line-height: var(--font-leading-6);
+  letter-spacing: var(--font-tracking-normal);
+}
+.body12 {
+  font-size: var(--font-size-xs);
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-weight-normal);
+  line-height: var(--font-leading-4);
+  letter-spacing: var(--font-tracking-normal);
+}
 .lucide {
   stroke-width: 1.5px;
 }
@@ -6070,21 +5752,6 @@ body ::-webkit-scrollbar-thumb:hover {
   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;
@@ -6264,54 +5931,33 @@ body ::-webkit-scrollbar-thumb:hover {
   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 {
+@property --tw-duration {
   syntax: "*";
   inherits: false;
 }
-@property --tw-backdrop-saturate {
+@property --tw-ease {
   syntax: "*";
   inherits: false;
 }
-@property --tw-backdrop-sepia {
+@property --tw-content {
   syntax: "*";
+  initial-value: "";
   inherits: false;
 }
-@property --tw-duration {
+@property --tw-scale-x {
   syntax: "*";
   inherits: false;
+  initial-value: 1;
 }
-@property --tw-ease {
+@property --tw-scale-y {
   syntax: "*";
   inherits: false;
+  initial-value: 1;
 }
-@property --tw-content {
+@property --tw-scale-z {
   syntax: "*";
-  initial-value: "";
   inherits: false;
+  initial-value: 1;
 }
 @property --tw-blur {
   syntax: "*";
@@ -6420,9 +6066,6 @@ body ::-webkit-scrollbar-thumb:hover {
       --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;
@@ -6463,18 +6106,12 @@ body ::-webkit-scrollbar-thumb:hover {
       --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: "";
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
       --tw-blur: initial;
       --tw-brightness: initial;
       --tw-contrast: initial;