@chatsdk-dev/ui 0.1.2 → 0.2.0

package/dist/index.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -19,13 +19,8 @@
     --color-orange-600: oklch(64.6% 0.222 41.116);
     --color-orange-700: oklch(55.3% 0.195 38.402);
     --color-orange-900: oklch(40.8% 0.123 38.172);
-    --color-amber-50: oklch(98.7% 0.022 95.277);
-    --color-amber-200: oklch(92.4% 0.12 95.746);
-    --color-amber-400: oklch(82.8% 0.189 84.429);
     --color-amber-500: oklch(76.9% 0.188 70.08);
     --color-amber-600: oklch(66.6% 0.179 58.318);
-    --color-amber-800: oklch(47.3% 0.137 46.201);
-    --color-amber-950: oklch(27.9% 0.077 45.635);
     --color-yellow-100: oklch(97.3% 0.071 103.193);
     --color-yellow-400: oklch(85.2% 0.199 91.936);
     --color-yellow-600: oklch(68.1% 0.162 75.834);
@@ -54,6 +49,7 @@
     --color-gray-950: oklch(13% 0.028 261.692);
     --color-zinc-100: oklch(96.7% 0.001 286.375);
     --color-zinc-200: oklch(92% 0.004 286.32);
+    --color-zinc-300: oklch(87.1% 0.006 286.286);
     --color-zinc-400: oklch(70.5% 0.015 286.067);
     --color-zinc-500: oklch(55.2% 0.016 285.938);
     --color-zinc-600: oklch(44.2% 0.017 285.786);
@@ -83,7 +79,6 @@
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
-    --font-weight-bold: 700;
     --tracking-tight: -0.025em;
     --tracking-wide: 0.025em;
     --tracking-widest: 0.1em;
@@ -91,17 +86,13 @@
     --leading-snug: 1.375;
     --leading-normal: 1.5;
     --leading-relaxed: 1.625;
-    --radius-sm: 0.25rem;
-    --radius-md: 0.375rem;
-    --radius-lg: 0.5rem;
-    --radius-xl: 0.75rem;
+    --radius-md: max(0px, calc(var(--radius) - 2px));
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
     --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --blur-xs: 4px;
-    --blur-sm: 8px;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-body);
@@ -117,7 +108,6 @@
     --color-foreground: var(--foreground);
     --color-primary: var(--primary);
     --color-secondary: var(--secondary);
-    --color-muted-foreground: var(--muted-foreground);
     --color-accent: var(--accent);
     --color-ring: var(--ring);
     --font-heading: var(--font-heading);
@@ -305,25 +295,22 @@
     position: relative;
   }
   .inset-0 {
-    inset: calc(var(--spacing) * 0);
+    inset: 0;
   }
   .inset-x-0 {
-    inset-inline: calc(var(--spacing) * 0);
+    inset-inline: 0;
   }
   .inset-y-0 {
-    inset-block: calc(var(--spacing) * 0);
+    inset-block: 0;
   }
-  .start {
-    inset-inline-start: var(--spacing);
-  }
-  .end {
-    inset-inline-end: var(--spacing);
+  .inset-s-1\/2 {
+    inset-inline-start: calc(1 / 2 * 100%);
   }
   .-top-12 {
     top: calc(var(--spacing) * -12);
   }
   .top-0 {
-    top: calc(var(--spacing) * 0);
+    top: 0;
   }
   .top-1\.5 {
     top: calc(var(--spacing) * 1.5);
@@ -350,10 +337,10 @@
     right: calc(var(--spacing) * -12);
   }
   .right-0 {
-    right: calc(var(--spacing) * 0);
+    right: 0;
   }
   .right-1 {
-    right: calc(var(--spacing) * 1);
+    right: var(--spacing);
   }
   .right-2 {
     right: calc(var(--spacing) * 2);
@@ -368,26 +355,23 @@
     bottom: calc(var(--spacing) * -12);
   }
   .bottom-0 {
-    bottom: calc(var(--spacing) * 0);
-  }
-  .bottom-4 {
-    bottom: calc(var(--spacing) * 4);
+    bottom: 0;
   }
   .-left-12 {
     left: calc(var(--spacing) * -12);
   }
   .left-0 {
-    left: calc(var(--spacing) * 0);
+    left: 0;
   }
   .left-1\/2 {
     left: calc(1 / 2 * 100%);
   }
+  .left-3 {
+    left: calc(var(--spacing) * 3);
+  }
   .left-\[-20px\] {
     left: -20px;
   }
-  .left-\[50\%\] {
-    left: 50%;
-  }
   .left-\[var\(--active-tab-left\)\] {
     left: var(--active-tab-left);
   }
@@ -397,6 +381,9 @@
   .z-10 {
     z-index: 10;
   }
+  .z-20 {
+    z-index: 20;
+  }
   .z-50 {
     z-index: 50;
   }
@@ -437,7 +424,7 @@
     }
   }
   .m-0 {
-    margin: calc(var(--spacing) * 0);
+    margin: 0;
   }
   .m-4 {
     margin: calc(var(--spacing) * 4);
@@ -457,9 +444,6 @@
   .mx-2 {
     margin-inline: calc(var(--spacing) * 2);
   }
-  .mx-3\.5 {
-    margin-inline: calc(var(--spacing) * 3.5);
-  }
   .mx-4 {
     margin-inline: calc(var(--spacing) * 4);
   }
@@ -473,19 +457,19 @@
     margin-block: calc(var(--spacing) * -2);
   }
   .my-1 {
-    margin-block: calc(var(--spacing) * 1);
+    margin-block: var(--spacing);
   }
   .-mt-4 {
     margin-top: calc(var(--spacing) * -4);
   }
   .mt-0 {
-    margin-top: calc(var(--spacing) * 0);
+    margin-top: 0;
   }
   .mt-0\.5 {
     margin-top: calc(var(--spacing) * 0.5);
   }
   .mt-1 {
-    margin-top: calc(var(--spacing) * 1);
+    margin-top: var(--spacing);
   }
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
@@ -496,9 +480,6 @@
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
-  .mt-\[-6px\] {
-    margin-top: -6px;
-  }
   .mt-auto {
     margin-top: auto;
   }
@@ -506,7 +487,7 @@
     margin-right: calc(var(--spacing) * -1);
   }
   .mr-1 {
-    margin-right: calc(var(--spacing) * 1);
+    margin-right: var(--spacing);
   }
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
@@ -526,9 +507,6 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
-  .mb-\[-20px\] {
-    margin-bottom: -20px;
-  }
   .-ml-4 {
     margin-left: calc(var(--spacing) * -4);
   }
@@ -536,23 +514,30 @@
     margin-left: calc(var(--spacing) * 0.5);
   }
   .ml-1 {
-    margin-left: calc(var(--spacing) * 1);
+    margin-left: var(--spacing);
   }
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
+  .ml-3\.5 {
+    margin-left: calc(var(--spacing) * 3.5);
+  }
   .ml-4 {
     margin-left: calc(var(--spacing) * 4);
   }
   .ml-6 {
     margin-left: calc(var(--spacing) * 6);
   }
-  .ml-\[-10px\] {
-    margin-left: -10px;
-  }
   .ml-auto {
     margin-left: auto;
   }
+  .no-scrollbar {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
   .line-clamp-1 {
     overflow: hidden;
     display: -webkit-box;
@@ -627,10 +612,6 @@
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
-  .size-5 {
-    width: calc(var(--spacing) * 5);
-    height: calc(var(--spacing) * 5);
-  }
   .size-6 {
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
@@ -651,18 +632,10 @@
     width: calc(var(--spacing) * 10);
     height: calc(var(--spacing) * 10);
   }
-  .size-12 {
-    width: calc(var(--spacing) * 12);
-    height: calc(var(--spacing) * 12);
-  }
   .size-16 {
     width: calc(var(--spacing) * 16);
     height: calc(var(--spacing) * 16);
   }
-  .size-24 {
-    width: calc(var(--spacing) * 24);
-    height: calc(var(--spacing) * 24);
-  }
   .size-auto {
     width: auto;
     height: auto;
@@ -675,7 +648,7 @@
     height: var(--accordion-panel-height);
   }
   .h-1 {
-    height: calc(var(--spacing) * 1);
+    height: var(--spacing);
   }
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
@@ -728,6 +701,9 @@
   .h-full {
     height: 100%;
   }
+  .h-max {
+    height: max-content;
+  }
   .h-px {
     height: 1px;
   }
@@ -753,11 +729,20 @@
     max-height: 22rem;
   }
   .min-h-0 {
-    min-height: calc(var(--spacing) * 0);
+    min-height: 0;
+  }
+  .min-h-4 {
+    min-height: calc(var(--spacing) * 4);
+  }
+  .min-h-8 {
+    min-height: calc(var(--spacing) * 8);
   }
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
+  .min-h-full {
+    min-height: 100%;
+  }
   .min-h-svh {
     min-height: 100svh;
   }
@@ -779,6 +764,12 @@
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
+  .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
   .w-64 {
     width: calc(var(--spacing) * 64);
   }
@@ -818,8 +809,11 @@
   .max-w-\(--skeleton-width\) {
     max-width: var(--skeleton-width);
   }
-  .max-w-\[95\%\] {
-    max-width: 95%;
+  .max-w-\[80\%\] {
+    max-width: 80%;
+  }
+  .max-w-\[98\%\] {
+    max-width: 98%;
   }
   .max-w-\[100px\] {
     max-width: 100px;
@@ -837,11 +831,14 @@
     max-width: var(--container-xs);
   }
   .min-w-0 {
-    min-width: calc(var(--spacing) * 0);
+    min-width: 0;
   }
   .min-w-5 {
     min-width: calc(var(--spacing) * 5);
   }
+  .min-w-7 {
+    min-width: calc(var(--spacing) * 7);
+  }
   .min-w-8 {
     min-width: calc(var(--spacing) * 8);
   }
@@ -857,6 +854,9 @@
   .min-w-36 {
     min-width: calc(var(--spacing) * 36);
   }
+  .min-w-40 {
+    min-width: calc(var(--spacing) * 40);
+  }
   .min-w-60 {
     min-width: calc(var(--spacing) * 60);
   }
@@ -895,10 +895,6 @@
     --tw-translate-x: -1px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .translate-x-\[-50\%\] {
-    --tw-translate-x: -50%;
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .translate-x-px {
     --tw-translate-x: 1px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -907,6 +903,14 @@
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-y-3\/4 {
+    --tw-translate-y: calc(calc(3 / 4 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-3\/4 {
+    --tw-translate-y: calc(3 / 4 * 100%);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-\[1px\] {
     --tw-translate-y: 1px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -930,6 +934,103 @@
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .shimmer {
+    --_spread: var(--shimmer-spread, calc(3ch + 40px));
+    --_base: currentColor;
+    --_highlight: var(
+    --shimmer-color,
+    oklch(from currentColor l c h / calc(alpha* 0.2))
+  );
+    background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * 0.5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * 0.5), var(--_base) calc(50% + var(--_spread)) ) );
+    @supports (color: color-mix(in lab, red, red)) {
+      background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * 0.5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * 0.5), var(--_base) calc(50% + var(--_spread)) ) );
+    }
+    background-repeat: no-repeat;
+    background-size: calc(200% + var(--_spread) * 2) 100%;
+    background-position: 0 0;
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: var(--shimmer-text-fill, transparent);
+    animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
+    &:is(.dark *) {
+      --_highlight: var(
+      --shimmer-color,
+      oklch(from currentColor max(0.8, calc(l + 0.4)) c h / calc(alpha + 0.4))
+    );
+    }
+    &:where([dir="rtl"], [dir="rtl"] *) {
+      animation-direction: reverse;
+    }
+  }
+  .scroll-fade-x {
+    --_scroll-fade-size-s: var(
+    --scroll-fade-s-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+    --_scroll-fade-size-e: var(
+    --scroll-fade-e-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+    --scroll-fade-inline: linear-gradient(
+    to right,
+    transparent 0,
+    #000 var(--scroll-fade-s, 0px),
+    #000 calc(100% - var(--scroll-fade-e, 0px)),
+    transparent 100%
+  );
+    &:where([dir="rtl"], [dir="rtl"] *) {
+      --scroll-fade-inline: linear-gradient(
+      to left,
+      transparent 0,
+      #000 var(--scroll-fade-s, 0px),
+      #000 calc(100% - var(--scroll-fade-e, 0px)),
+      transparent 100%
+    );
+    }
+    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
+    mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    @supports (animation-timeline: scroll()) {
+      animation: scroll-fade-reveal-s 1ms ease-in-out, scroll-fade-reveal-e 1ms ease-in-out;
+      animation-timeline: scroll(self inline), scroll(self inline);
+      animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
+      animation-fill-mode: both;
+    }
+    @supports not (animation-timeline: scroll()) {
+      --scroll-fade-s: var(--_scroll-fade-size-s);
+      --scroll-fade-e: var(--_scroll-fade-size-e);
+    }
+  }
+  .scroll-fade-b {
+    --_scroll-fade-size-b: var(
+    --scroll-fade-b-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+    --scroll-fade-mask: linear-gradient(
+    to bottom,
+    #000 0,
+    #000 calc(100% - var(--scroll-fade-b, 0px)),
+    transparent 100%
+  );
+    -webkit-mask-image: var(--scroll-fade-mask);
+    mask-image: var(--scroll-fade-mask);
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    @supports (animation-timeline: scroll()) {
+      animation: scroll-fade-reveal-b 1ms ease-in-out;
+      animation-timeline: scroll(self y);
+      animation-range: calc( 100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24)) ) 100%;
+      animation-fill-mode: both;
+    }
+    @supports not (animation-timeline: scroll()) {
+      --scroll-fade-b: var(--_scroll-fade-size-b);
+    }
+  }
   .animate-in {
     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);
   }
@@ -957,17 +1058,32 @@
   .touch-none {
     touch-action: none;
   }
-  .resize {
-    resize: both;
-  }
   .resize-none {
     resize: none;
   }
+  .snap-x {
+    scroll-snap-type: x var(--tw-scroll-snap-strictness);
+  }
+  .snap-mandatory {
+    --tw-scroll-snap-strictness: mandatory;
+  }
   .scroll-my-1 {
-    scroll-margin-block: calc(var(--spacing) * 1);
+    scroll-margin-block: var(--spacing);
+  }
+  .scroll-px-1 {
+    scroll-padding-inline: var(--spacing);
   }
   .scroll-py-1 {
-    scroll-padding-block: calc(var(--spacing) * 1);
+    scroll-padding-block: var(--spacing);
+  }
+  .scrollbar-none {
+    scrollbar-width: none;
+  }
+  .scrollbar-thin {
+    scrollbar-width: thin;
+  }
+  .scrollbar-gutter-stable {
+    scrollbar-gutter: stable;
   }
   .list-disc {
     list-style-type: disc;
@@ -987,9 +1103,6 @@
   .flex-row {
     flex-direction: row;
   }
-  .flex-row-reverse {
-    flex-direction: row-reverse;
-  }
   .flex-nowrap {
     flex-wrap: nowrap;
   }
@@ -1021,13 +1134,13 @@
     justify-content: flex-start;
   }
   .gap-0 {
-    gap: calc(var(--spacing) * 0);
+    gap: 0;
   }
   .gap-0\.5 {
     gap: calc(var(--spacing) * 0.5);
   }
   .gap-1 {
-    gap: calc(var(--spacing) * 1);
+    gap: var(--spacing);
   }
   .gap-1\.5 {
     gap: calc(var(--spacing) * 1.5);
@@ -1035,6 +1148,9 @@
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
+  .gap-2\.5 {
+    gap: calc(var(--spacing) * 2.5);
+  }
   .gap-3 {
     gap: calc(var(--spacing) * 3);
   }
@@ -1056,8 +1172,8 @@
   .space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+      margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
+      margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
   .space-y-2 {
@@ -1136,8 +1252,11 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
-  .overflow-y-hidden {
-    overflow-y: hidden;
+  .overscroll-contain {
+    overscroll-behavior: contain;
+  }
+  .overscroll-x-contain {
+    overscroll-behavior-x: contain;
   }
   .rounded {
     border-radius: 0.25rem;
@@ -1155,51 +1274,45 @@
     border-radius: calc(infinity * 1px);
   }
   .rounded-lg {
-    border-radius: var(--radius-lg);
+    border-radius: var(--radius);
   }
   .rounded-lg\! {
-    border-radius: var(--radius-lg) !important;
+    border-radius: var(--radius) !important;
   }
   .rounded-md {
-    border-radius: var(--radius-md);
+    border-radius: max(0px, calc(var(--radius) - 2px));
   }
   .rounded-none {
     border-radius: 0;
   }
   .rounded-sm {
-    border-radius: var(--radius-sm);
+    border-radius: max(0px, calc(var(--radius) - 4px));
   }
   .rounded-xl {
-    border-radius: var(--radius-xl);
+    border-radius: calc(var(--radius) + 4px);
   }
   .rounded-xl\! {
-    border-radius: var(--radius-xl) !important;
+    border-radius: calc(var(--radius) + 4px) !important;
   }
   .rounded-t-md {
-    border-top-left-radius: var(--radius-md);
-    border-top-right-radius: var(--radius-md);
+    border-top-left-radius: max(0px, calc(var(--radius) - 2px));
+    border-top-right-radius: max(0px, calc(var(--radius) - 2px));
   }
   .rounded-t-sm {
-    border-top-left-radius: var(--radius-sm);
-    border-top-right-radius: var(--radius-sm);
-  }
-  .rounded-tl-sm {
-    border-top-left-radius: var(--radius-sm);
-  }
-  .rounded-tr-sm {
-    border-top-right-radius: var(--radius-sm);
+    border-top-left-radius: max(0px, calc(var(--radius) - 4px));
+    border-top-right-radius: max(0px, calc(var(--radius) - 4px));
   }
   .rounded-b-md {
-    border-bottom-right-radius: var(--radius-md);
-    border-bottom-left-radius: var(--radius-md);
+    border-bottom-right-radius: max(0px, calc(var(--radius) - 2px));
+    border-bottom-left-radius: max(0px, calc(var(--radius) - 2px));
   }
   .rounded-b-sm {
-    border-bottom-right-radius: var(--radius-sm);
-    border-bottom-left-radius: var(--radius-sm);
+    border-bottom-right-radius: max(0px, calc(var(--radius) - 4px));
+    border-bottom-left-radius: max(0px, calc(var(--radius) - 4px));
   }
   .rounded-b-xl {
-    border-bottom-right-radius: var(--radius-xl);
-    border-bottom-left-radius: var(--radius-xl);
+    border-bottom-right-radius: calc(var(--radius) + 4px);
+    border-bottom-left-radius: calc(var(--radius) + 4px);
   }
   .border {
     border-style: var(--tw-border-style);
@@ -1245,9 +1358,6 @@
     --tw-border-style: none !important;
     border-style: none !important;
   }
-  .border-amber-200 {
-    border-color: var(--color-amber-200);
-  }
   .border-border {
     border-color: var(--border);
   }
@@ -1287,9 +1397,6 @@
       border-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
     }
   }
-  .border-primary {
-    border-color: var(--primary);
-  }
   .border-red-400\/30 {
     border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1302,24 +1409,12 @@
   .border-transparent {
     border-color: transparent;
   }
-  .border-zinc-200 {
-    border-color: var(--color-zinc-200);
-  }
   .border-zinc-800 {
     border-color: var(--color-zinc-800);
   }
-  .bg-amber-50 {
-    background-color: var(--color-amber-50);
-  }
   .bg-background {
     background-color: var(--background);
   }
-  .bg-background\/80 {
-    background-color: var(--background);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--background) 80%, transparent);
-    }
-  }
   .bg-black\/10 {
     background-color: color-mix(in srgb, #000 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1488,18 +1583,9 @@
     --tw-gradient-to: var(--color-rose-300);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .bg-\[length\:250\%_100\%\,auto\] {
-    background-size: 250% 100%,auto;
-  }
   .bg-clip-padding {
     background-clip: padding-box;
   }
-  .bg-clip-text {
-    background-clip: text;
-  }
-  .\[background-repeat\:no-repeat\,padding-box\] {
-    background-repeat: no-repeat,padding-box;
-  }
   .fill-current {
     fill: currentcolor;
   }
@@ -1516,10 +1602,10 @@
     object-fit: cover;
   }
   .p-0 {
-    padding: calc(var(--spacing) * 0);
+    padding: 0;
   }
   .p-1 {
-    padding: calc(var(--spacing) * 1);
+    padding: var(--spacing);
   }
   .p-1\.5 {
     padding: calc(var(--spacing) * 1.5);
@@ -1542,9 +1628,6 @@
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
-  .p-8 {
-    padding: calc(var(--spacing) * 8);
-  }
   .p-12 {
     padding: calc(var(--spacing) * 12);
   }
@@ -1554,8 +1637,14 @@
   .p-px {
     padding: 1px;
   }
+  .px-0 {
+    padding-inline: 0;
+  }
   .px-1 {
-    padding-inline: calc(var(--spacing) * 1);
+    padding-inline: var(--spacing);
+  }
+  .px-1\! {
+    padding-inline: var(--spacing) !important;
   }
   .px-1\.5 {
     padding-inline: calc(var(--spacing) * 1.5);
@@ -1582,7 +1671,7 @@
     padding-block: calc(var(--spacing) * 0.5);
   }
   .py-1 {
-    padding-block: calc(var(--spacing) * 1);
+    padding-block: var(--spacing);
   }
   .py-1\.5 {
     padding-block: calc(var(--spacing) * 1.5);
@@ -1603,7 +1692,7 @@
     padding-block: calc(var(--spacing) * 6);
   }
   .pt-0 {
-    padding-top: calc(var(--spacing) * 0);
+    padding-top: 0;
   }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
@@ -1627,10 +1716,7 @@
     padding-right: calc(var(--spacing) * 8);
   }
   .pb-0 {
-    padding-bottom: calc(var(--spacing) * 0);
-  }
-  .pb-1 {
-    padding-bottom: calc(var(--spacing) * 1);
+    padding-bottom: 0;
   }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
@@ -1768,6 +1854,9 @@
   .break-words {
     overflow-wrap: break-word;
   }
+  .wrap-break-word {
+    overflow-wrap: break-word;
+  }
   .break-all {
     word-break: break-all;
   }
@@ -1783,12 +1872,6 @@
   .text-accent-foreground {
     color: var(--accent-foreground);
   }
-  .text-amber-600 {
-    color: var(--color-amber-600);
-  }
-  .text-amber-800 {
-    color: var(--color-amber-800);
-  }
   .text-background {
     color: var(--background);
   }
@@ -1894,9 +1977,6 @@
       color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
     }
   }
-  .text-transparent {
-    color: transparent;
-  }
   .text-white {
     color: var(--color-white);
   }
@@ -1915,9 +1995,6 @@
   .text-zinc-600 {
     color: var(--color-zinc-600);
   }
-  .text-zinc-800 {
-    color: var(--color-zinc-800);
-  }
   .capitalize {
     text-transform: capitalize;
   }
@@ -1949,6 +2026,9 @@
   .opacity-50 {
     opacity: 50%;
   }
+  .opacity-60 {
+    opacity: 60%;
+  }
   .bg-blend-color {
     background-blend-mode: color;
   }
@@ -1996,12 +2076,16 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .ring-amber-200 {
-    --tw-ring-color: var(--color-amber-200);
+  .ring-3 {
+    --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);
   }
   .ring-background {
     --tw-ring-color: var(--background);
   }
+  .ring-card {
+    --tw-ring-color: var(--card);
+  }
   .ring-foreground\/10 {
     --tw-ring-color: var(--foreground);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2017,9 +2101,6 @@
       --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
     }
   }
-  .ring-zinc-200 {
-    --tw-ring-color: var(--color-zinc-200);
-  }
   .ring-offset-1 {
     --tw-ring-offset-width: 1px;
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -2052,11 +2133,6 @@
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
-  .backdrop-blur-sm {
-    --tw-backdrop-blur: blur(var(--blur-sm));
-    -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, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2082,6 +2158,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[translate\,scale\,opacity\] {
+    transition-property: translate,scale,opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[width\,height\,padding\] {
     transition-property: width,height,padding;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2140,6 +2221,9 @@
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
   }
+  .contain-content {
+    contain: content;
+  }
   .fade-in-0 {
     --tw-enter-opacity: calc(0/100);
     --tw-enter-opacity: 0;
@@ -2160,9 +2244,6 @@
     -webkit-user-select: none;
     user-select: none;
   }
-  .\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--color-background\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\] {
-    --bg: linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--color-background),#0000 calc(50% + var(--spread)));
-  }
   .\[counter-increment\:line_0\] {
     counter-increment: line 0;
   }
@@ -2178,6 +2259,15 @@
   .running {
     animation-play-state: running;
   }
+  .shimmer-duration-1000 {
+    --shimmer-duration: calc(1000 * 1ms);
+  }
+  .slide-in-from-bottom-1 {
+    --tw-enter-translate-y: calc(1*var(--spacing));
+  }
+  .slide-in-from-bottom-1 {
+    --tw-enter-translate-y: calc(1*var(--spacing));
+  }
   .slide-in-from-top-2 {
     --tw-enter-translate-y: calc(2*var(--spacing)*-1);
   }
@@ -2238,6 +2328,17 @@
       height: calc(var(--spacing) * 6);
     }
   }
+  .group-has-data-\[slot\=message-footer\]\/message\:-translate-y-8 {
+    &:is(:where(.group\/message):has(*[data-slot="message-footer"]) *) {
+      --tw-translate-y: calc(var(--spacing) * -8);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .group-has-data-\[variant\=ghost\]\/message\:px-0 {
+    &:is(:where(.group\/message):has(*[data-variant="ghost"]) *) {
+      padding-inline: 0;
+    }
+  }
   .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance {
     &:is(:where(.group\/field):has(*:is([data-orientation=horizontal])) *) {
       text-wrap: balance;
@@ -2278,14 +2379,19 @@
       color: var(--destructive);
     }
   }
-  .group-data-horizontal\/tabs\:h-9 {
-    &:is(:where(.group\/tabs)[data-horizontal] *) {
-      height: calc(var(--spacing) * 9);
+  .group-data-\[align\=end\]\/bubble\:self-end {
+    &:is(:where(.group\/bubble)[data-align="end"] *) {
+      align-self: flex-end;
     }
   }
-  .group-data-selected\/command-item\:text-foreground {
-    &:is(:where(.group\/command-item)[data-selected] *) {
-      color: var(--foreground);
+  .group-data-\[align\=end\]\/message\:justify-end {
+    &:is(:where(.group\/message)[data-align="end"] *) {
+      justify-content: flex-end;
+    }
+  }
+  .group-data-\[align\=end\]\/message\:self-end {
+    &:is(:where(.group\/message)[data-align="end"] *) {
+      align-self: flex-end;
     }
   }
   .group-data-\[checked\=true\]\/command-item\:opacity-100 {
@@ -2331,7 +2437,7 @@
   }
   .group-data-\[collapsible\=icon\]\:p-0\! {
     &:is(:where(.group)[data-collapsible="icon"] *) {
-      padding: calc(var(--spacing) * 0) !important;
+      padding: 0 !important;
     }
   }
   .group-data-\[collapsible\=icon\]\:p-2\! {
@@ -2356,12 +2462,12 @@
   }
   .group-data-\[collapsible\=offcanvas\]\:w-0 {
     &:is(:where(.group)[data-collapsible="offcanvas"] *) {
-      width: calc(var(--spacing) * 0);
+      width: 0;
     }
   }
   .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
     &:is(:where(.group)[data-collapsible="offcanvas"] *) {
-      --tw-translate-x: calc(var(--spacing) * 0);
+      --tw-translate-x: 0;
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -2385,6 +2491,36 @@
       opacity: 50%;
     }
   }
+  .group-data-\[orientation\=vertical\]\/attachment\:absolute {
+    &:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
+      position: absolute;
+    }
+  }
+  .group-data-\[orientation\=vertical\]\/attachment\:top-3 {
+    &:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
+      top: calc(var(--spacing) * 3);
+    }
+  }
+  .group-data-\[orientation\=vertical\]\/attachment\:right-3 {
+    &:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
+      right: calc(var(--spacing) * 3);
+    }
+  }
+  .group-data-\[orientation\=vertical\]\/attachment\:w-full {
+    &:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
+      width: 100%;
+    }
+  }
+  .group-data-\[orientation\=vertical\]\/attachment\:gap-1 {
+    &:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
+      gap: var(--spacing);
+    }
+  }
+  .group-data-\[orientation\=vertical\]\/attachment\:px-1 {
+    &:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
+      padding-inline: var(--spacing);
+    }
+  }
   .group-data-\[orientation\=vertical\]\/tabs\:h-fit {
     &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
       height: fit-content;
@@ -2418,7 +2554,7 @@
   }
   .group-data-\[side\=right\]\:left-0 {
     &:is(:where(.group)[data-side="right"] *) {
-      left: calc(var(--spacing) * 0);
+      left: 0;
     }
   }
   .group-data-\[side\=right\]\:rotate-180 {
@@ -2460,6 +2596,11 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
+  .group-data-\[size\=sm\]\/attachment\:w-8 {
+    &:is(:where(.group\/attachment)[data-size="sm"] *) {
+      width: calc(var(--spacing) * 8);
+    }
+  }
   .group-data-\[size\=sm\]\/avatar\:size-2 {
     &:is(:where(.group\/avatar)[data-size="sm"] *) {
       width: calc(var(--spacing) * 2);
@@ -2488,11 +2629,52 @@
       height: calc(var(--spacing) * 3);
     }
   }
+  .group-data-\[size\=xs\]\/attachment\:w-7 {
+    &:is(:where(.group\/attachment)[data-size="xs"] *) {
+      width: calc(var(--spacing) * 7);
+    }
+  }
+  .group-data-\[size\=xs\]\/attachment\:rounded-md {
+    &:is(:where(.group\/attachment)[data-size="xs"] *) {
+      border-radius: max(0px, calc(var(--radius) - 2px));
+    }
+  }
   .group-data-\[state\=closed\]\:-rotate-90 {
     &:is(:where(.group)[data-state="closed"] *) {
       rotate: calc(90deg * -1);
     }
   }
+  .group-data-\[state\=done\]\/attachment\:opacity-100 {
+    &:is(:where(.group\/attachment)[data-state="done"] *) {
+      opacity: 100%;
+    }
+  }
+  .group-data-\[state\=error\]\/attachment\:bg-destructive\/10 {
+    &:is(:where(.group\/attachment)[data-state="error"] *) {
+      background-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
+      }
+    }
+  }
+  .group-data-\[state\=error\]\/attachment\:text-destructive {
+    &:is(:where(.group\/attachment)[data-state="error"] *) {
+      color: var(--destructive);
+    }
+  }
+  .group-data-\[state\=error\]\/attachment\:text-destructive\/80 {
+    &:is(:where(.group\/attachment)[data-state="error"] *) {
+      color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--destructive) 80%, transparent);
+      }
+    }
+  }
+  .group-data-\[state\=idle\]\/attachment\:opacity-100 {
+    &:is(:where(.group\/attachment)[data-state="idle"] *) {
+      opacity: 100%;
+    }
+  }
   .group-data-\[state\=open\]\:rotate-90 {
     &:is(:where(.group)[data-state="open"] *) {
       rotate: 90deg;
@@ -2503,9 +2685,69 @@
       rotate: 180deg;
     }
   }
+  .group-data-\[state\=processing\]\/attachment\:shimmer {
+    &:is(:where(.group\/attachment)[data-state="processing"] *) {
+      --_spread: var(--shimmer-spread, calc(3ch + 40px));
+      --_base: currentColor;
+      --_highlight: var(
+    --shimmer-color,
+    oklch(from currentColor l c h / calc(alpha* 0.2))
+  );
+      background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * 0.5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * 0.5), var(--_base) calc(50% + var(--_spread)) ) );
+      @supports (color: color-mix(in lab, red, red)) {
+        background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * 0.5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * 0.5), var(--_base) calc(50% + var(--_spread)) ) );
+      }
+      background-repeat: no-repeat;
+      background-size: calc(200% + var(--_spread) * 2) 100%;
+      background-position: 0 0;
+      background-clip: text;
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: var(--shimmer-text-fill, transparent);
+      animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
+      &:is(.dark *) {
+        --_highlight: var(
+      --shimmer-color,
+      oklch(from currentColor max(0.8, calc(l + 0.4)) c h / calc(alpha + 0.4))
+    );
+      }
+      &:where([dir="rtl"], [dir="rtl"] *) {
+        animation-direction: reverse;
+      }
+    }
+  }
+  .group-data-\[state\=uploading\]\/attachment\:shimmer {
+    &:is(:where(.group\/attachment)[data-state="uploading"] *) {
+      --_spread: var(--shimmer-spread, calc(3ch + 40px));
+      --_base: currentColor;
+      --_highlight: var(
+    --shimmer-color,
+    oklch(from currentColor l c h / calc(alpha* 0.2))
+  );
+      background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * 0.5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * 0.5), var(--_base) calc(50% + var(--_spread)) ) );
+      @supports (color: color-mix(in lab, red, red)) {
+        background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * 0.5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * 0.5), var(--_base) calc(50% + var(--_spread)) ) );
+      }
+      background-repeat: no-repeat;
+      background-size: calc(200% + var(--_spread) * 2) 100%;
+      background-position: 0 0;
+      background-clip: text;
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: var(--shimmer-text-fill, transparent);
+      animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
+      &:is(.dark *) {
+        --_highlight: var(
+      --shimmer-color,
+      oklch(from currentColor max(0.8, calc(l + 0.4)) c h / calc(alpha + 0.4))
+    );
+      }
+      &:where([dir="rtl"], [dir="rtl"] *) {
+        animation-direction: reverse;
+      }
+    }
+  }
   .group-data-\[variant\=floating\]\:rounded-lg {
     &:is(:where(.group)[data-variant="floating"] *) {
-      border-radius: var(--radius-lg);
+      border-radius: var(--radius);
     }
   }
   .group-data-\[variant\=floating\]\:border {
@@ -2535,6 +2777,16 @@
       margin-bottom: calc(var(--spacing) * -2);
     }
   }
+  .group-data-\[variant\=separator\]\/marker\:flex-none {
+    &:is(:where(.group\/marker)[data-variant="separator"] *) {
+      flex: none;
+    }
+  }
+  .group-data-\[variant\=separator\]\/marker\:text-center {
+    &:is(:where(.group\/marker)[data-variant="separator"] *) {
+      text-align: center;
+    }
+  }
   .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
     &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
       display: block;
@@ -2550,39 +2802,14 @@
       text-align: center;
     }
   }
-  .group-\[\.is-assistant\]\:text-foreground {
-    &:is(:where(.group):is(.is-assistant) *) {
+  .group-data-selected\/command-item\:text-foreground {
+    &:is(:where(.group\/command-item):where([data-selected="true"]) *) {
       color: var(--foreground);
     }
   }
-  .group-\[\.is-user\]\:ml-auto {
-    &:is(:where(.group):is(.is-user) *) {
-      margin-left: auto;
-    }
-  }
-  .group-\[\.is-user\]\:rounded-lg {
-    &:is(:where(.group):is(.is-user) *) {
-      border-radius: var(--radius-lg);
-    }
-  }
-  .group-\[\.is-user\]\:bg-secondary {
-    &:is(:where(.group):is(.is-user) *) {
-      background-color: var(--secondary);
-    }
-  }
-  .group-\[\.is-user\]\:px-4 {
-    &:is(:where(.group):is(.is-user) *) {
-      padding-inline: calc(var(--spacing) * 4);
-    }
-  }
-  .group-\[\.is-user\]\:py-3 {
-    &:is(:where(.group):is(.is-user) *) {
-      padding-block: calc(var(--spacing) * 3);
-    }
-  }
-  .group-\[\.is-user\]\:text-foreground {
-    &:is(:where(.group):is(.is-user) *) {
-      color: var(--foreground);
+  .group-data-horizontal\/tabs\:h-9 {
+    &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
+      height: calc(var(--spacing) * 9);
     }
   }
   .peer-hover\/menu-button\:text-sidebar-accent-foreground {
@@ -2602,11 +2829,6 @@
       opacity: 50%;
     }
   }
-  .peer-data-active\/menu-button\:text-sidebar-accent-foreground {
-    &:is(:where(.peer\/menu-button)[data-active] ~ *) {
-      color: var(--sidebar-accent-foreground);
-    }
-  }
   .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
     &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
       top: calc(var(--spacing) * 1.5);
@@ -2619,7 +2841,12 @@
   }
   .peer-data-\[size\=sm\]\/menu-button\:top-1 {
     &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
-      top: calc(var(--spacing) * 1);
+      top: var(--spacing);
+    }
+  }
+  .peer-data-active\/menu-button\:text-sidebar-accent-foreground {
+    &:is(:is(:where(.peer\/menu-button):where([data-state="active"]), :where(.peer\/menu-button):where([data-active]:not([data-active="false"]))) ~ *) {
+      color: var(--sidebar-accent-foreground);
     }
   }
   .file\:inline-flex {
@@ -2665,6 +2892,12 @@
       color: var(--muted-foreground);
     }
   }
+  .before\:mr-1 {
+    &::before {
+      content: var(--tw-content);
+      margin-right: var(--spacing);
+    }
+  }
   .before\:mr-4 {
     &::before {
       content: var(--tw-content);
@@ -2677,12 +2910,36 @@
       display: inline-block;
     }
   }
+  .before\:h-px {
+    &::before {
+      content: var(--tw-content);
+      height: 1px;
+    }
+  }
   .before\:w-8 {
     &::before {
       content: var(--tw-content);
       width: calc(var(--spacing) * 8);
     }
   }
+  .before\:min-w-0 {
+    &::before {
+      content: var(--tw-content);
+      min-width: 0;
+    }
+  }
+  .before\:flex-1 {
+    &::before {
+      content: var(--tw-content);
+      flex: 1;
+    }
+  }
+  .before\:bg-border {
+    &::before {
+      content: var(--tw-content);
+      background-color: var(--border);
+    }
+  }
   .before\:text-right {
     &::before {
       content: var(--tw-content);
@@ -2738,7 +2995,7 @@
   .after\:inset-0 {
     &::after {
       content: var(--tw-content);
-      inset: calc(var(--spacing) * 0);
+      inset: 0;
     }
   }
   .after\:-inset-x-3 {
@@ -2756,7 +3013,7 @@
   .after\:inset-y-0 {
     &::after {
       content: var(--tw-content);
-      inset-block: calc(var(--spacing) * 0);
+      inset-block: 0;
     }
   }
   .after\:left-1\/2 {
@@ -2765,12 +3022,36 @@
       left: calc(1 / 2 * 100%);
     }
   }
+  .after\:ml-1 {
+    &::after {
+      content: var(--tw-content);
+      margin-left: var(--spacing);
+    }
+  }
+  .after\:h-px {
+    &::after {
+      content: var(--tw-content);
+      height: 1px;
+    }
+  }
   .after\:w-\[1px\] {
     &::after {
       content: var(--tw-content);
       width: 1px;
     }
   }
+  .after\:min-w-0 {
+    &::after {
+      content: var(--tw-content);
+      min-width: 0;
+    }
+  }
+  .after\:flex-1 {
+    &::after {
+      content: var(--tw-content);
+      flex: 1;
+    }
+  }
   .after\:rounded-full {
     &::after {
       content: var(--tw-content);
@@ -2810,6 +3091,12 @@
       border-color: transparent;
     }
   }
+  .after\:bg-border {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--border);
+    }
+  }
   .after\:bg-foreground {
     &::after {
       content: var(--tw-content);
@@ -2848,7 +3135,7 @@
     &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
       &::after {
         content: var(--tw-content);
-        inset-inline: calc(var(--spacing) * 0);
+        inset-inline: 0;
       }
     }
   }
@@ -2872,7 +3159,7 @@
     &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
       &::after {
         content: var(--tw-content);
-        inset-block: calc(var(--spacing) * 0);
+        inset-block: 0;
       }
     }
   }
@@ -2899,7 +3186,7 @@
   }
   .last\:mt-0 {
     &:last-child {
-      margin-top: calc(var(--spacing) * 0);
+      margin-top: 0;
     }
   }
   .last\:border-b-0 {
@@ -2913,27 +3200,24 @@
       padding-right: calc(var(--spacing) * 4);
     }
   }
-  .hover\:bg-accent {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--accent);
-      }
+  .focus-within\:ring-1 {
+    &:focus-within {
+      --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);
     }
   }
-  .hover\:bg-accent\/50 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--accent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--accent) 50%, transparent);
-        }
+  .focus-within\:ring-ring\/50 {
+    &:focus-within {
+      --tw-ring-color: var(--ring);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
       }
     }
   }
-  .hover\:bg-background {
+  .hover\:bg-accent {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--background);
+        background-color: var(--accent);
       }
     }
   }
@@ -2974,6 +3258,13 @@
       }
     }
   }
+  .hover\:bg-muted\! {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--muted) !important;
+      }
+    }
+  }
   .hover\:bg-muted-foreground\/10 {
     &:hover {
       @media (hover: hover) {
@@ -3259,22 +3550,9 @@
       cursor: e-resize;
     }
   }
-  .has-data-checked\:border-primary {
-    &:has(*[data-checked]) {
-      border-color: var(--primary);
-    }
-  }
-  .has-data-checked\:bg-primary\/5 {
-    &:has(*[data-checked]) {
-      background-color: var(--primary);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--primary) 5%, transparent);
-      }
-    }
-  }
-  .has-data-\[slot\=alert-action\]\:relative {
-    &:has(*[data-slot="alert-action"]) {
-      position: relative;
+  .has-data-\[slot\=alert-action\]\:relative {
+    &:has(*[data-slot="alert-action"]) {
+      position: relative;
     }
   }
   .has-data-\[slot\=alert-action\]\:pr-18 {
@@ -3292,6 +3570,56 @@
       column-gap: calc(var(--spacing) * 4);
     }
   }
+  .has-data-\[slot\=attachment-content\]\:w-30 {
+    &:has(*[data-slot="attachment-content"]) {
+      width: calc(var(--spacing) * 30);
+    }
+  }
+  .has-data-\[slot\=attachment-content\]\:px-1\.5 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-inline: calc(var(--spacing) * 1.5);
+    }
+  }
+  .has-data-\[slot\=attachment-content\]\:px-2 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-inline: calc(var(--spacing) * 2);
+    }
+  }
+  .has-data-\[slot\=attachment-content\]\:px-2\.5 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-inline: calc(var(--spacing) * 2.5);
+    }
+  }
+  .has-data-\[slot\=attachment-content\]\:py-1 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-block: var(--spacing);
+    }
+  }
+  .has-data-\[slot\=attachment-content\]\:py-1\.5 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-block: calc(var(--spacing) * 1.5);
+    }
+  }
+  .has-data-\[slot\=attachment-content\]\:py-2 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-block: calc(var(--spacing) * 2);
+    }
+  }
+  .has-data-\[slot\=attachment-media\]\:p-1 {
+    &:has(*[data-slot="attachment-media"]) {
+      padding: var(--spacing);
+    }
+  }
+  .has-data-\[slot\=attachment-media\]\:p-1\.5 {
+    &:has(*[data-slot="attachment-media"]) {
+      padding: calc(var(--spacing) * 1.5);
+    }
+  }
+  .has-data-\[slot\=attachment-media\]\:p-2 {
+    &:has(*[data-slot="attachment-media"]) {
+      padding: calc(var(--spacing) * 2);
+    }
+  }
   .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
     &:has(*[data-slot="card-action"]) {
       grid-template-columns: 1fr auto;
@@ -3304,7 +3632,7 @@
   }
   .has-data-\[slot\=card-footer\]\:pb-0 {
     &:has(*[data-slot="card-footer"]) {
-      padding-bottom: calc(var(--spacing) * 0);
+      padding-bottom: 0;
     }
   }
   .has-data-\[variant\=inset\]\:bg-sidebar {
@@ -3312,6 +3640,19 @@
       background-color: var(--sidebar);
     }
   }
+  .has-data-checked\:border-primary {
+    &:has(*:where([data-state="checked"]), *:where([data-checked]:not([data-checked="false"]))) {
+      border-color: var(--primary);
+    }
+  }
+  .has-data-checked\:bg-primary\/5 {
+    &:has(*:where([data-state="checked"]), *:where([data-checked]:not([data-checked="false"]))) {
+      background-color: var(--primary);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--primary) 5%, transparent);
+      }
+    }
+  }
   .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring {
     &:has(*:is([data-slot=input-group-control]:focus-visible)) {
       border-color: var(--ring);
@@ -3350,6 +3691,11 @@
       }
     }
   }
+  .has-\[button\]\:p-0 {
+    &:has(*:is(button)) {
+      padding: 0;
+    }
+  }
   .has-\[\>\[data-align\=block-end\]\]\:h-auto {
     &:has(>[data-align=block-end]) {
       height: auto;
@@ -3397,7 +3743,7 @@
   }
   .has-\[\>\[data-slot\=field\]\]\:rounded-lg {
     &:has(>[data-slot=field]) {
-      border-radius: var(--radius-lg);
+      border-radius: var(--radius);
     }
   }
   .has-\[\>\[data-slot\=field\]\]\:border {
@@ -3411,6 +3757,18 @@
       gap: calc(var(--spacing) * 3);
     }
   }
+  .has-\[\>a\,\>button\]\:hover\:bg-muted\/50 {
+    &:has(>a,>button) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--muted);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+          }
+        }
+      }
+    }
+  }
   .has-\[\>button\]\:mr-\[-0\.25rem\] {
     &:has(>button) {
       margin-right: -0.25rem;
@@ -3423,7 +3781,7 @@
   }
   .has-\[\>img\:first-child\]\:pt-0 {
     &:has(>img:first-child) {
-      padding-top: calc(var(--spacing) * 0);
+      padding-top: 0;
     }
   }
   .has-\[\>kbd\]\:mr-\[-0\.15rem\] {
@@ -3448,7 +3806,12 @@
   }
   .has-\[\>svg\]\:p-0 {
     &:has(>svg) {
-      padding: calc(var(--spacing) * 0);
+      padding: 0;
+    }
+  }
+  .has-\[\>svg\]\:px-0\.5 {
+    &:has(>svg) {
+      padding-inline: calc(var(--spacing) * 0.5);
     }
   }
   .has-\[\>svg\]\:px-2\.5 {
@@ -3527,279 +3890,131 @@
       background-color: var(--muted);
     }
   }
-  .data-active\:bg-sidebar-accent {
-    &[data-active] {
-      background-color: var(--sidebar-accent);
-    }
-  }
-  .data-active\:font-medium {
-    &[data-active] {
-      --tw-font-weight: var(--font-weight-medium);
-      font-weight: var(--font-weight-medium);
-    }
-  }
-  .data-active\:text-foreground {
-    &[data-active] {
-      color: var(--foreground);
+  .data-autoscrolling\:scrollbar-none {
+    &[data-autoscrolling] {
+      scrollbar-width: none;
     }
   }
-  .data-active\:text-sidebar-accent-foreground {
-    &[data-active] {
-      color: var(--sidebar-accent-foreground);
+  .data-ending-style\:h-0 {
+    &[data-ending-style] {
+      height: 0;
     }
   }
-  .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent {
-    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
-      &[data-active] {
-        background-color: transparent;
-      }
+  .data-ending-style\:opacity-0 {
+    &[data-ending-style] {
+      opacity: 0%;
     }
   }
-  .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100 {
-    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
-      &[data-active] {
-        &::after {
-          content: var(--tw-content);
-          opacity: 100%;
+  .group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end {
+    &:is(:where(.group\/message)[data-align="end"] *) {
+      :is(& > *) {
+        &[data-slot] {
+          align-self: flex-end;
         }
       }
     }
   }
-  .data-checked\:bg-primary {
-    &[data-checked] {
-      background-color: var(--primary);
-    }
-  }
-  .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\] {
-    &:is(:where(.group\/switch)[data-size="default"] *) {
-      &[data-checked] {
-        --tw-translate-x: calc(100% - 2px);
-        translate: var(--tw-translate-x) var(--tw-translate-y);
-      }
-    }
-  }
-  .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\] {
-    &:is(:where(.group\/switch)[data-size="sm"] *) {
-      &[data-checked] {
-        --tw-translate-x: calc(100% - 2px);
-        translate: var(--tw-translate-x) var(--tw-translate-y);
-      }
-    }
-  }
-  .data-closed\:animate-accordion-up {
-    &[data-closed] {
-      animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-    }
-  }
-  .data-closed\:animate-out {
-    &[data-closed] {
-      animation: exit 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);
-    }
-  }
-  .data-closed\:overflow-hidden {
-    &[data-closed] {
-      overflow: hidden;
-    }
-  }
-  .data-closed\:fade-out-0 {
-    &[data-closed] {
-      --tw-exit-opacity: calc(0/100);
-      --tw-exit-opacity: 0;
-    }
-  }
-  .data-closed\:fade-out-0 {
-    &[data-closed] {
-      --tw-exit-opacity: calc(0/100);
-      --tw-exit-opacity: 0;
-    }
-  }
-  .data-closed\:zoom-out-95 {
-    &[data-closed] {
-      --tw-exit-scale: calc(95*1%);
-      --tw-exit-scale: .95;
+  .data-starting-style\:h-0 {
+    &[data-starting-style] {
+      height: 0;
     }
   }
-  .data-closed\:zoom-out-95 {
-    &[data-closed] {
-      --tw-exit-scale: calc(95*1%);
-      --tw-exit-scale: .95;
+  .data-starting-style\:opacity-0 {
+    &[data-starting-style] {
+      opacity: 0%;
     }
   }
-  .data-disabled\:pointer-events-none {
-    &[data-disabled] {
+  .data-\[active\=false\]\:pointer-events-none {
+    &[data-active="false"] {
       pointer-events: none;
     }
   }
-  .data-disabled\:cursor-not-allowed {
-    &[data-disabled] {
-      cursor: not-allowed;
-    }
-  }
-  .data-disabled\:opacity-50 {
-    &[data-disabled] {
-      opacity: 50%;
-    }
-  }
-  .data-ending-style\:h-0 {
-    &[data-ending-style] {
-      height: calc(var(--spacing) * 0);
+  .data-\[active\=false\]\:scale-95 {
+    &[data-active="false"] {
+      --tw-scale-x: 95%;
+      --tw-scale-y: 95%;
+      --tw-scale-z: 95%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
     }
   }
-  .data-ending-style\:opacity-0 {
-    &[data-ending-style] {
+  .data-\[active\=false\]\:opacity-0 {
+    &[data-active="false"] {
       opacity: 0%;
     }
   }
-  .data-horizontal\:h-2\.5 {
-    &[data-horizontal] {
-      height: calc(var(--spacing) * 2.5);
-    }
-  }
-  .data-horizontal\:flex-col {
-    &[data-horizontal] {
-      flex-direction: column;
-    }
-  }
-  .data-horizontal\:border-t {
-    &[data-horizontal] {
-      border-top-style: var(--tw-border-style);
-      border-top-width: 1px;
-    }
-  }
-  .data-horizontal\:border-t-transparent {
-    &[data-horizontal] {
-      border-top-color: transparent;
-    }
-  }
-  .data-open\:animate-accordion-down {
-    &[data-open] {
-      animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  .data-\[active\=false\]\:duration-250 {
+    &[data-active="false"] {
+      --tw-duration: 250ms;
+      transition-duration: 250ms;
     }
   }
-  .data-open\:animate-in {
-    &[data-open] {
-      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);
+  .data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\] {
+    &[data-active="false"] {
+      --tw-ease: cubic-bezier(0.7,0,0.84,0);
+      transition-timing-function: cubic-bezier(0.7,0,0.84,0);
     }
   }
-  .data-open\:bg-accent {
-    &[data-open] {
-      background-color: var(--accent);
+  .data-\[active\=true\]\:translate-y-0 {
+    &[data-active="true"] {
+      --tw-translate-y: 0;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
-  .data-open\:text-accent-foreground {
-    &[data-open] {
-      color: var(--accent-foreground);
+  .data-\[active\=true\]\:scale-100 {
+    &[data-active="true"] {
+      --tw-scale-x: 100%;
+      --tw-scale-y: 100%;
+      --tw-scale-z: 100%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
     }
   }
-  .data-open\:opacity-100 {
-    &[data-open] {
+  .data-\[active\=true\]\:opacity-100 {
+    &[data-active="true"] {
       opacity: 100%;
     }
   }
-  .data-open\:fade-in-0 {
-    &[data-open] {
-      --tw-enter-opacity: calc(0/100);
-      --tw-enter-opacity: 0;
-    }
-  }
-  .data-open\:fade-in-0 {
-    &[data-open] {
-      --tw-enter-opacity: calc(0/100);
-      --tw-enter-opacity: 0;
+  .data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\] {
+    &[data-active="true"] {
+      --tw-ease: cubic-bezier(0.23,1,0.32,1);
+      transition-timing-function: cubic-bezier(0.23,1,0.32,1);
     }
   }
-  .data-open\:zoom-in-95 {
-    &[data-open] {
-      --tw-enter-scale: calc(95*1%);
-      --tw-enter-scale: .95;
+  .data-\[align\=end\]\:flex-row-reverse {
+    &[data-align="end"] {
+      flex-direction: row-reverse;
     }
   }
-  .data-open\:zoom-in-95 {
-    &[data-open] {
-      --tw-enter-scale: calc(95*1%);
-      --tw-enter-scale: .95;
+  .data-\[align\=end\]\:self-end {
+    &[data-align="end"] {
+      align-self: flex-end;
     }
   }
-  .data-open\:hover\:bg-sidebar-accent {
-    &[data-open] {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--sidebar-accent);
-        }
-      }
+  .data-\[direction\=end\]\:bottom-4 {
+    &[data-direction="end"] {
+      bottom: calc(var(--spacing) * 4);
     }
   }
-  .data-open\:hover\:text-sidebar-accent-foreground {
-    &[data-open] {
-      &:hover {
-        @media (hover: hover) {
-          color: var(--sidebar-accent-foreground);
-        }
+  .data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full {
+    &[data-direction="end"] {
+      &[data-active="false"] {
+        --tw-translate-y: 100%;
+        translate: var(--tw-translate-x) var(--tw-translate-y);
       }
     }
   }
-  .data-selected\:bg-muted {
-    &[data-selected] {
-      background-color: var(--muted);
-    }
-  }
-  .data-selected\:text-foreground {
-    &[data-selected] {
-      color: var(--foreground);
-    }
-  }
-  .data-starting-style\:h-0 {
-    &[data-starting-style] {
-      height: calc(var(--spacing) * 0);
-    }
-  }
-  .data-starting-style\:opacity-0 {
-    &[data-starting-style] {
-      opacity: 0%;
-    }
-  }
-  .data-unchecked\:bg-input {
-    &[data-unchecked] {
-      background-color: var(--input);
-    }
-  }
-  .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0 {
-    &:is(:where(.group\/switch)[data-size="default"] *) {
-      &[data-unchecked] {
-        --tw-translate-x: calc(var(--spacing) * 0);
-        translate: var(--tw-translate-x) var(--tw-translate-y);
-      }
+  .data-\[direction\=start\]\:top-4 {
+    &[data-direction="start"] {
+      top: calc(var(--spacing) * 4);
     }
   }
-  .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0 {
-    &:is(:where(.group\/switch)[data-size="sm"] *) {
-      &[data-unchecked] {
-        --tw-translate-x: calc(var(--spacing) * 0);
+  .data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full {
+    &[data-direction="start"] {
+      &[data-active="false"] {
+        --tw-translate-y: -100%;
         translate: var(--tw-translate-x) var(--tw-translate-y);
       }
     }
   }
-  .data-vertical\:h-full {
-    &[data-vertical] {
-      height: 100%;
-    }
-  }
-  .data-vertical\:w-2\.5 {
-    &[data-vertical] {
-      width: calc(var(--spacing) * 2.5);
-    }
-  }
-  .data-vertical\:border-l {
-    &[data-vertical] {
-      border-left-style: var(--tw-border-style);
-      border-left-width: 1px;
-    }
-  }
-  .data-vertical\:border-l-transparent {
-    &[data-vertical] {
-      border-left-color: transparent;
-    }
-  }
   .data-\[disabled\]\:pointer-events-none {
     &[data-disabled] {
       pointer-events: none;
@@ -3887,17 +4102,17 @@
   }
   .data-\[side\=bottom\]\:inset-x-0 {
     &[data-side="bottom"] {
-      inset-inline: calc(var(--spacing) * 0);
+      inset-inline: 0;
     }
   }
   .data-\[side\=bottom\]\:top-1 {
     &[data-side="bottom"] {
-      top: calc(var(--spacing) * 1);
+      top: var(--spacing);
     }
   }
   .data-\[side\=bottom\]\:bottom-0 {
     &[data-side="bottom"] {
-      bottom: calc(var(--spacing) * 0);
+      bottom: 0;
     }
   }
   .data-\[side\=bottom\]\:h-auto {
@@ -3921,38 +4136,6 @@
       --tw-enter-translate-y: calc(2*var(--spacing)*-1);
     }
   }
-  .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10 {
-    &[data-side="bottom"] {
-      &[data-closed] {
-        --tw-exit-translate-y: calc(10*var(--spacing));
-        --tw-exit-translate-y: calc(.1*100%);
-      }
-    }
-  }
-  .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10 {
-    &[data-side="bottom"] {
-      &[data-closed] {
-        --tw-exit-translate-y: calc(10*var(--spacing));
-        --tw-exit-translate-y: calc(.1*100%);
-      }
-    }
-  }
-  .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10 {
-    &[data-side="bottom"] {
-      &[data-open] {
-        --tw-enter-translate-y: calc(10*var(--spacing));
-        --tw-enter-translate-y: calc(.1*100%);
-      }
-    }
-  }
-  .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10 {
-    &[data-side="bottom"] {
-      &[data-open] {
-        --tw-enter-translate-y: calc(10*var(--spacing));
-        --tw-enter-translate-y: calc(.1*100%);
-      }
-    }
-  }
   .data-\[side\=inline-end\]\:slide-in-from-left-2 {
     &[data-side="inline-end"] {
       --tw-enter-translate-x: calc(2*var(--spacing)*-1);
@@ -3975,7 +4158,7 @@
   }
   .data-\[side\=left\]\:inset-y-0 {
     &[data-side="left"] {
-      inset-block: calc(var(--spacing) * 0);
+      inset-block: 0;
     }
   }
   .data-\[side\=left\]\:top-1\/2\! {
@@ -3990,7 +4173,7 @@
   }
   .data-\[side\=left\]\:left-0 {
     &[data-side="left"] {
-      left: calc(var(--spacing) * 0);
+      left: 0;
     }
   }
   .data-\[side\=left\]\:h-full {
@@ -4025,41 +4208,9 @@
       --tw-enter-translate-x: calc(2*var(--spacing));
     }
   }
-  .data-\[side\=left\]\:data-closed\:slide-out-to-left-10 {
-    &[data-side="left"] {
-      &[data-closed] {
-        --tw-exit-translate-x: calc(10*var(--spacing)*-1);
-        --tw-exit-translate-x: calc(.1*-100%);
-      }
-    }
-  }
-  .data-\[side\=left\]\:data-closed\:slide-out-to-left-10 {
-    &[data-side="left"] {
-      &[data-closed] {
-        --tw-exit-translate-x: calc(10*var(--spacing)*-1);
-        --tw-exit-translate-x: calc(.1*-100%);
-      }
-    }
-  }
-  .data-\[side\=left\]\:data-open\:slide-in-from-left-10 {
-    &[data-side="left"] {
-      &[data-open] {
-        --tw-enter-translate-x: calc(10*var(--spacing)*-1);
-        --tw-enter-translate-x: calc(.1*-100%);
-      }
-    }
-  }
-  .data-\[side\=left\]\:data-open\:slide-in-from-left-10 {
-    &[data-side="left"] {
-      &[data-open] {
-        --tw-enter-translate-x: calc(10*var(--spacing)*-1);
-        --tw-enter-translate-x: calc(.1*-100%);
-      }
-    }
-  }
   .data-\[side\=right\]\:inset-y-0 {
     &[data-side="right"] {
-      inset-block: calc(var(--spacing) * 0);
+      inset-block: 0;
     }
   }
   .data-\[side\=right\]\:top-1\/2\! {
@@ -4069,7 +4220,7 @@
   }
   .data-\[side\=right\]\:right-0 {
     &[data-side="right"] {
-      right: calc(var(--spacing) * 0);
+      right: 0;
     }
   }
   .data-\[side\=right\]\:-left-1 {
@@ -4109,46 +4260,14 @@
       --tw-enter-translate-x: calc(2*var(--spacing)*-1);
     }
   }
-  .data-\[side\=right\]\:data-closed\:slide-out-to-right-10 {
-    &[data-side="right"] {
-      &[data-closed] {
-        --tw-exit-translate-x: calc(10*var(--spacing));
-        --tw-exit-translate-x: calc(.1*100%);
-      }
-    }
-  }
-  .data-\[side\=right\]\:data-closed\:slide-out-to-right-10 {
-    &[data-side="right"] {
-      &[data-closed] {
-        --tw-exit-translate-x: calc(10*var(--spacing));
-        --tw-exit-translate-x: calc(.1*100%);
-      }
-    }
-  }
-  .data-\[side\=right\]\:data-open\:slide-in-from-right-10 {
-    &[data-side="right"] {
-      &[data-open] {
-        --tw-enter-translate-x: calc(10*var(--spacing));
-        --tw-enter-translate-x: calc(.1*100%);
-      }
-    }
-  }
-  .data-\[side\=right\]\:data-open\:slide-in-from-right-10 {
-    &[data-side="right"] {
-      &[data-open] {
-        --tw-enter-translate-x: calc(10*var(--spacing));
-        --tw-enter-translate-x: calc(.1*100%);
-      }
-    }
-  }
   .data-\[side\=top\]\:inset-x-0 {
     &[data-side="top"] {
-      inset-inline: calc(var(--spacing) * 0);
+      inset-inline: 0;
     }
   }
   .data-\[side\=top\]\:top-0 {
     &[data-side="top"] {
-      top: calc(var(--spacing) * 0);
+      top: 0;
     }
   }
   .data-\[side\=top\]\:-bottom-2\.5 {
@@ -4177,41 +4296,9 @@
       --tw-enter-translate-y: calc(2*var(--spacing));
     }
   }
-  .data-\[side\=top\]\:data-closed\:slide-out-to-top-10 {
-    &[data-side="top"] {
-      &[data-closed] {
-        --tw-exit-translate-y: calc(10*var(--spacing)*-1);
-        --tw-exit-translate-y: calc(.1*-100%);
-      }
-    }
-  }
-  .data-\[side\=top\]\:data-closed\:slide-out-to-top-10 {
-    &[data-side="top"] {
-      &[data-closed] {
-        --tw-exit-translate-y: calc(10*var(--spacing)*-1);
-        --tw-exit-translate-y: calc(.1*-100%);
-      }
-    }
-  }
-  .data-\[side\=top\]\:data-open\:slide-in-from-top-10 {
-    &[data-side="top"] {
-      &[data-open] {
-        --tw-enter-translate-y: calc(10*var(--spacing)*-1);
-        --tw-enter-translate-y: calc(.1*-100%);
-      }
-    }
-  }
-  .data-\[side\=top\]\:data-open\:slide-in-from-top-10 {
-    &[data-side="top"] {
-      &[data-open] {
-        --tw-enter-translate-y: calc(10*var(--spacing)*-1);
-        --tw-enter-translate-y: calc(.1*-100%);
-      }
-    }
-  }
-  .data-\[size\=default\]\:h-9 {
+  .data-\[size\=default\]\:h-8 {
     &[data-size="default"] {
-      height: calc(var(--spacing) * 9);
+      height: calc(var(--spacing) * 8);
     }
   }
   .data-\[size\=default\]\:h-\[18\.4px\] {
@@ -4247,9 +4334,9 @@
       height: calc(var(--spacing) * 6);
     }
   }
-  .data-\[size\=sm\]\:h-8 {
+  .data-\[size\=sm\]\:h-7 {
     &[data-size="sm"] {
-      height: calc(var(--spacing) * 8);
+      height: calc(var(--spacing) * 7);
     }
   }
   .data-\[size\=sm\]\:h-\[14px\] {
@@ -4286,7 +4373,7 @@
   .data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0 {
     &[data-size="sm"] {
       &:has(*[data-slot="card-footer"]) {
-        padding-bottom: calc(var(--spacing) * 0);
+        padding-bottom: 0;
       }
     }
   }
@@ -4322,6 +4409,20 @@
       }
     }
   }
+  .\*\:data-\[slot\=attachment\]\:flex-none {
+    :is(& > *) {
+      &[data-slot="attachment"] {
+        flex: none;
+      }
+    }
+  }
+  .\*\:data-\[slot\=attachment\]\:snap-start {
+    :is(& > *) {
+      &[data-slot="attachment"] {
+        scroll-snap-align: start;
+      }
+    }
+  }
   .\*\:data-\[slot\=avatar\]\:ring-2 {
     :is(& > *) {
       &[data-slot="avatar"] {
@@ -4337,6 +4438,107 @@
       }
     }
   }
+  .\*\:data-\[slot\=bubble-content\]\:rounded-none {
+    :is(& > *) {
+      &[data-slot="bubble-content"] {
+        border-radius: 0;
+      }
+    }
+  }
+  .\*\:data-\[slot\=bubble-content\]\:border-border {
+    :is(& > *) {
+      &[data-slot="bubble-content"] {
+        border-color: var(--border);
+      }
+    }
+  }
+  .\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\] {
+    :is(& > *) {
+      &[data-slot="bubble-content"] {
+        background-color: oklch(from var(--primary) 0.93 calc(c * 0.4) h);
+      }
+    }
+  }
+  .\*\:data-\[slot\=bubble-content\]\:bg-background {
+    :is(& > *) {
+      &[data-slot="bubble-content"] {
+        background-color: var(--background);
+      }
+    }
+  }
+  .\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10 {
+    :is(& > *) {
+      &[data-slot="bubble-content"] {
+        background-color: var(--destructive);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
+        }
+      }
+    }
+  }
+  .\*\:data-\[slot\=bubble-content\]\:bg-muted {
+    :is(& > *) {
+      &[data-slot="bubble-content"] {
+        background-color: var(--muted);
+      }
+    }
+  }
+  .\*\:data-\[slot\=bubble-content\]\:bg-primary {
+    :is(& > *) {
+      &[data-slot="bubble-content"] {
+        background-color: var(--primary);
+      }
+    }
+  }
+  .\*\:data-\[slot\=bubble-content\]\:bg-secondary {
+    :is(& > *) {
+      &[data-slot="bubble-content"] {
+        background-color: var(--secondary);
+      }
+    }
+  }
+  .\*\:data-\[slot\=bubble-content\]\:bg-transparent {
+    :is(& > *) {
+      &[data-slot="bubble-content"] {
+        background-color: transparent;
+      }
+    }
+  }
+  .\*\:data-\[slot\=bubble-content\]\:p-0 {
+    :is(& > *) {
+      &[data-slot="bubble-content"] {
+        padding: 0;
+      }
+    }
+  }
+  .\*\:data-\[slot\=bubble-content\]\:text-destructive {
+    :is(& > *) {
+      &[data-slot="bubble-content"] {
+        color: var(--destructive);
+      }
+    }
+  }
+  .\*\:data-\[slot\=bubble-content\]\:text-foreground {
+    :is(& > *) {
+      &[data-slot="bubble-content"] {
+        color: var(--foreground);
+      }
+    }
+  }
+  .\*\:data-\[slot\=bubble-content\]\:text-primary-foreground {
+    :is(& > *) {
+      &[data-slot="bubble-content"] {
+        color: var(--primary-foreground);
+      }
+    }
+  }
+  .\*\:data-\[slot\=bubble-content\]\:text-secondary-foreground {
+    :is(& > *) {
+      &[data-slot="bubble-content"] {
+        color: var(--secondary-foreground);
+      }
+    }
+  }
   .data-\[slot\=checkbox-group\]\:gap-3 {
     &[data-slot="checkbox-group"] {
       gap: calc(var(--spacing) * 3);
@@ -4387,6 +4589,16 @@
       }
     }
   }
+  .group-data-\[orientation\=vertical\]\/attachment\:\*\:data-\[slot\=spinner\]\:size-6\! {
+    &:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
+      :is(& > *) {
+        &[data-slot="spinner"] {
+          width: calc(var(--spacing) * 6) !important;
+          height: calc(var(--spacing) * 6) !important;
+        }
+      }
+    }
+  }
   .data-\[state\=active\]\:border-primary {
     &[data-state="active"] {
       border-color: var(--primary);
@@ -4476,6 +4688,20 @@
       --tw-enter-scale: .95;
     }
   }
+  .data-\[state\=error\]\:border-destructive\/30 {
+    &[data-state="error"] {
+      border-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
+      }
+    }
+  }
+  .data-\[state\=idle\]\:border-dashed {
+    &[data-state="idle"] {
+      --tw-border-style: dashed;
+      border-style: dashed;
+    }
+  }
   .data-\[state\=open\]\:animate-in {
     &[data-state="open"] {
       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);
@@ -4542,6 +4768,11 @@
       }
     }
   }
+  .data-\[variant\=ghost\]\:max-w-full {
+    &[data-variant="ghost"] {
+      max-width: 100%;
+    }
+  }
   .data-\[variant\=label\]\:text-sm {
     &[data-variant="label"] {
       font-size: var(--text-sm);
@@ -4561,12 +4792,12 @@
   }
   .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0 {
     &[data-vaul-drawer-direction="bottom"] {
-      inset-inline: calc(var(--spacing) * 0);
+      inset-inline: 0;
     }
   }
   .data-\[vaul-drawer-direction\=bottom\]\:bottom-0 {
     &[data-vaul-drawer-direction="bottom"] {
-      bottom: calc(var(--spacing) * 0);
+      bottom: 0;
     }
   }
   .data-\[vaul-drawer-direction\=bottom\]\:mt-24 {
@@ -4581,8 +4812,8 @@
   }
   .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-xl {
     &[data-vaul-drawer-direction="bottom"] {
-      border-top-left-radius: var(--radius-xl);
-      border-top-right-radius: var(--radius-xl);
+      border-top-left-radius: calc(var(--radius) + 4px);
+      border-top-right-radius: calc(var(--radius) + 4px);
     }
   }
   .data-\[vaul-drawer-direction\=bottom\]\:border-t {
@@ -4593,12 +4824,12 @@
   }
   .data-\[vaul-drawer-direction\=left\]\:inset-y-0 {
     &[data-vaul-drawer-direction="left"] {
-      inset-block: calc(var(--spacing) * 0);
+      inset-block: 0;
     }
   }
   .data-\[vaul-drawer-direction\=left\]\:left-0 {
     &[data-vaul-drawer-direction="left"] {
-      left: calc(var(--spacing) * 0);
+      left: 0;
     }
   }
   .data-\[vaul-drawer-direction\=left\]\:w-3\/4 {
@@ -4608,8 +4839,8 @@
   }
   .data-\[vaul-drawer-direction\=left\]\:rounded-r-xl {
     &[data-vaul-drawer-direction="left"] {
-      border-top-right-radius: var(--radius-xl);
-      border-bottom-right-radius: var(--radius-xl);
+      border-top-right-radius: calc(var(--radius) + 4px);
+      border-bottom-right-radius: calc(var(--radius) + 4px);
     }
   }
   .data-\[vaul-drawer-direction\=left\]\:border-r {
@@ -4620,12 +4851,12 @@
   }
   .data-\[vaul-drawer-direction\=right\]\:inset-y-0 {
     &[data-vaul-drawer-direction="right"] {
-      inset-block: calc(var(--spacing) * 0);
+      inset-block: 0;
     }
   }
   .data-\[vaul-drawer-direction\=right\]\:right-0 {
     &[data-vaul-drawer-direction="right"] {
-      right: calc(var(--spacing) * 0);
+      right: 0;
     }
   }
   .data-\[vaul-drawer-direction\=right\]\:w-3\/4 {
@@ -4635,8 +4866,8 @@
   }
   .data-\[vaul-drawer-direction\=right\]\:rounded-l-xl {
     &[data-vaul-drawer-direction="right"] {
-      border-top-left-radius: var(--radius-xl);
-      border-bottom-left-radius: var(--radius-xl);
+      border-top-left-radius: calc(var(--radius) + 4px);
+      border-bottom-left-radius: calc(var(--radius) + 4px);
     }
   }
   .data-\[vaul-drawer-direction\=right\]\:border-l {
@@ -4647,12 +4878,12 @@
   }
   .data-\[vaul-drawer-direction\=top\]\:inset-x-0 {
     &[data-vaul-drawer-direction="top"] {
-      inset-inline: calc(var(--spacing) * 0);
+      inset-inline: 0;
     }
   }
   .data-\[vaul-drawer-direction\=top\]\:top-0 {
     &[data-vaul-drawer-direction="top"] {
-      top: calc(var(--spacing) * 0);
+      top: 0;
     }
   }
   .data-\[vaul-drawer-direction\=top\]\:mb-24 {
@@ -4667,8 +4898,8 @@
   }
   .data-\[vaul-drawer-direction\=top\]\:rounded-b-xl {
     &[data-vaul-drawer-direction="top"] {
-      border-bottom-right-radius: var(--radius-xl);
-      border-bottom-left-radius: var(--radius-xl);
+      border-bottom-right-radius: calc(var(--radius) + 4px);
+      border-bottom-left-radius: calc(var(--radius) + 4px);
     }
   }
   .data-\[vaul-drawer-direction\=top\]\:border-b {
@@ -4694,11 +4925,6 @@
       display: flex;
     }
   }
-  .sm\:max-w-106 {
-    @media (width >= 40rem) {
-      max-width: calc(var(--spacing) * 106);
-    }
-  }
   .sm\:max-w-full {
     @media (width >= 40rem) {
       max-width: 100%;
@@ -4849,14 +5075,14 @@
   .md\:peer-data-\[variant\=inset\]\:ml-0 {
     @media (width >= 48rem) {
       &:is(:where(.peer)[data-variant="inset"] ~ *) {
-        margin-left: calc(var(--spacing) * 0);
+        margin-left: 0;
       }
     }
   }
   .md\:peer-data-\[variant\=inset\]\:rounded-xl {
     @media (width >= 48rem) {
       &:is(:where(.peer)[data-variant="inset"] ~ *) {
-        border-radius: var(--radius-xl);
+        border-radius: calc(var(--radius) + 4px);
       }
     }
   }
@@ -4907,9 +5133,10 @@
       }
     }
   }
-  .dark\:border-amber-800 {
-    &:is(.dark *) {
-      border-color: var(--color-amber-800);
+  .rtl\:translate-x-1\/2 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-translate-x: calc(1 / 2 * 100%);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
   .dark\:border-input {
@@ -4917,26 +5144,11 @@
       border-color: var(--input);
     }
   }
-  .dark\:border-zinc-700 {
-    &:is(.dark *) {
-      border-color: var(--color-zinc-700);
-    }
-  }
   .dark\:\!bg-\[var\(--shiki-dark-bg\)\] {
     &:is(.dark *) {
       background-color: var(--shiki-dark-bg) !important;
     }
   }
-  .dark\:bg-amber-950 {
-    &:is(.dark *) {
-      background-color: var(--color-amber-950);
-    }
-  }
-  .dark\:bg-background {
-    &:is(.dark *) {
-      background-color: var(--background);
-    }
-  }
   .dark\:bg-blue-900\/30 {
     &:is(.dark *) {
       background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
@@ -5022,26 +5234,11 @@
       }
     }
   }
-  .dark\:bg-zinc-800 {
-    &:is(.dark *) {
-      background-color: var(--color-zinc-800);
-    }
-  }
   .dark\:\!text-\[var\(--shiki-dark\)\] {
     &:is(.dark *) {
       color: var(--shiki-dark) !important;
     }
   }
-  .dark\:text-amber-200 {
-    &:is(.dark *) {
-      color: var(--color-amber-200);
-    }
-  }
-  .dark\:text-amber-400 {
-    &:is(.dark *) {
-      color: var(--color-amber-400);
-    }
-  }
   .dark\:text-blue-400 {
     &:is(.dark *) {
       color: var(--color-blue-400);
@@ -5090,26 +5287,6 @@
       color: var(--color-yellow-400);
     }
   }
-  .dark\:text-zinc-100 {
-    &:is(.dark *) {
-      color: var(--color-zinc-100);
-    }
-  }
-  .dark\:text-zinc-400 {
-    &:is(.dark *) {
-      color: var(--color-zinc-400);
-    }
-  }
-  .dark\:ring-amber-800 {
-    &:is(.dark *) {
-      --tw-ring-color: var(--color-amber-800);
-    }
-  }
-  .dark\:ring-zinc-700 {
-    &:is(.dark *) {
-      --tw-ring-color: var(--color-zinc-700);
-    }
-  }
   .dark\:invert {
     &:is(.dark *) {
       --tw-invert: invert(100%);
@@ -5148,15 +5325,6 @@
       }
     }
   }
-  .dark\:hover\:bg-muted {
-    &:is(.dark *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--muted);
-        }
-      }
-    }
-  }
   .dark\:hover\:text-foreground {
     &:is(.dark *) {
       &:hover {
@@ -5178,7 +5346,7 @@
   }
   .dark\:has-data-checked\:bg-primary\/10 {
     &:is(.dark *) {
-      &:has(*[data-checked]) {
+      &:has(*:where([data-state="checked"]), *:where([data-checked]:not([data-checked="false"]))) {
         background-color: var(--primary);
         @supports (color: color-mix(in lab, red, red)) {
           background-color: color-mix(in oklab, var(--primary) 10%, transparent);
@@ -5216,48 +5384,332 @@
       }
     }
   }
-  .dark\:data-active\:text-foreground {
+  .dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\] {
     &:is(.dark *) {
-      &[data-active] {
-        color: var(--foreground);
+      :is(& > *) {
+        &[data-slot="bubble-content"] {
+          background-color: oklch(from var(--primary) 0.3 calc(c * 0.4) h);
+        }
       }
     }
   }
-  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent {
+  .dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20 {
     &:is(.dark *) {
-      &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
-        &[data-active] {
-          border-color: transparent;
+      :is(& > *) {
+        &[data-slot="bubble-content"] {
+          background-color: var(--destructive);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+          }
         }
       }
     }
   }
-  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent {
+  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
     &:is(.dark *) {
-      &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
-        &[data-active] {
-          background-color: transparent;
+      &[data-variant="destructive"] {
+        &:focus {
+          background-color: var(--destructive);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .data-open\:animate-accordion-down {
+    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+      animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+    }
+  }
+  .data-open\:animate-in {
+    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+      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);
+    }
+  }
+  .data-open\:bg-accent {
+    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+      background-color: var(--accent);
+    }
+  }
+  .data-open\:text-accent-foreground {
+    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+      color: var(--accent-foreground);
+    }
+  }
+  .data-open\:opacity-100 {
+    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+      opacity: 100%;
+    }
+  }
+  .data-open\:fade-in-0 {
+    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+      --tw-enter-opacity: calc(0/100);
+      --tw-enter-opacity: 0;
+    }
+  }
+  .data-open\:fade-in-0 {
+    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+      --tw-enter-opacity: calc(0/100);
+      --tw-enter-opacity: 0;
+    }
+  }
+  .data-open\:zoom-in-95 {
+    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+      --tw-enter-scale: calc(95*1%);
+      --tw-enter-scale: .95;
+    }
+  }
+  .data-open\:zoom-in-95 {
+    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+      --tw-enter-scale: calc(95*1%);
+      --tw-enter-scale: .95;
+    }
+  }
+  .data-open\:hover\:bg-sidebar-accent {
+    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--sidebar-accent);
         }
       }
     }
   }
+  .data-open\:hover\:text-sidebar-accent-foreground {
+    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--sidebar-accent-foreground);
+        }
+      }
+    }
+  }
+  .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10 {
+    &[data-side="bottom"] {
+      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+        --tw-enter-translate-y: calc(10*var(--spacing));
+        --tw-enter-translate-y: calc(.1*100%);
+      }
+    }
+  }
+  .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10 {
+    &[data-side="bottom"] {
+      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+        --tw-enter-translate-y: calc(10*var(--spacing));
+        --tw-enter-translate-y: calc(.1*100%);
+      }
+    }
+  }
+  .data-\[side\=left\]\:data-open\:slide-in-from-left-10 {
+    &[data-side="left"] {
+      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+        --tw-enter-translate-x: calc(10*var(--spacing)*-1);
+        --tw-enter-translate-x: calc(.1*-100%);
+      }
+    }
+  }
+  .data-\[side\=left\]\:data-open\:slide-in-from-left-10 {
+    &[data-side="left"] {
+      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+        --tw-enter-translate-x: calc(10*var(--spacing)*-1);
+        --tw-enter-translate-x: calc(.1*-100%);
+      }
+    }
+  }
+  .data-\[side\=right\]\:data-open\:slide-in-from-right-10 {
+    &[data-side="right"] {
+      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+        --tw-enter-translate-x: calc(10*var(--spacing));
+        --tw-enter-translate-x: calc(.1*100%);
+      }
+    }
+  }
+  .data-\[side\=right\]\:data-open\:slide-in-from-right-10 {
+    &[data-side="right"] {
+      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+        --tw-enter-translate-x: calc(10*var(--spacing));
+        --tw-enter-translate-x: calc(.1*100%);
+      }
+    }
+  }
+  .data-\[side\=top\]\:data-open\:slide-in-from-top-10 {
+    &[data-side="top"] {
+      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+        --tw-enter-translate-y: calc(10*var(--spacing)*-1);
+        --tw-enter-translate-y: calc(.1*-100%);
+      }
+    }
+  }
+  .data-\[side\=top\]\:data-open\:slide-in-from-top-10 {
+    &[data-side="top"] {
+      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+        --tw-enter-translate-y: calc(10*var(--spacing)*-1);
+        --tw-enter-translate-y: calc(.1*-100%);
+      }
+    }
+  }
+  .data-closed\:animate-accordion-up {
+    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+      animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+    }
+  }
+  .data-closed\:animate-out {
+    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+      animation: exit 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);
+    }
+  }
+  .data-closed\:overflow-hidden {
+    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+      overflow: hidden;
+    }
+  }
+  .data-closed\:fade-out-0 {
+    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+      --tw-exit-opacity: calc(0/100);
+      --tw-exit-opacity: 0;
+    }
+  }
+  .data-closed\:fade-out-0 {
+    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+      --tw-exit-opacity: calc(0/100);
+      --tw-exit-opacity: 0;
+    }
+  }
+  .data-closed\:zoom-out-95 {
+    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+      --tw-exit-scale: calc(95*1%);
+      --tw-exit-scale: .95;
+    }
+  }
+  .data-closed\:zoom-out-95 {
+    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+      --tw-exit-scale: calc(95*1%);
+      --tw-exit-scale: .95;
+    }
+  }
+  .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10 {
+    &[data-side="bottom"] {
+      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+        --tw-exit-translate-y: calc(10*var(--spacing));
+        --tw-exit-translate-y: calc(.1*100%);
+      }
+    }
+  }
+  .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10 {
+    &[data-side="bottom"] {
+      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+        --tw-exit-translate-y: calc(10*var(--spacing));
+        --tw-exit-translate-y: calc(.1*100%);
+      }
+    }
+  }
+  .data-\[side\=left\]\:data-closed\:slide-out-to-left-10 {
+    &[data-side="left"] {
+      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+        --tw-exit-translate-x: calc(10*var(--spacing)*-1);
+        --tw-exit-translate-x: calc(.1*-100%);
+      }
+    }
+  }
+  .data-\[side\=left\]\:data-closed\:slide-out-to-left-10 {
+    &[data-side="left"] {
+      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+        --tw-exit-translate-x: calc(10*var(--spacing)*-1);
+        --tw-exit-translate-x: calc(.1*-100%);
+      }
+    }
+  }
+  .data-\[side\=right\]\:data-closed\:slide-out-to-right-10 {
+    &[data-side="right"] {
+      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+        --tw-exit-translate-x: calc(10*var(--spacing));
+        --tw-exit-translate-x: calc(.1*100%);
+      }
+    }
+  }
+  .data-\[side\=right\]\:data-closed\:slide-out-to-right-10 {
+    &[data-side="right"] {
+      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+        --tw-exit-translate-x: calc(10*var(--spacing));
+        --tw-exit-translate-x: calc(.1*100%);
+      }
+    }
+  }
+  .data-\[side\=top\]\:data-closed\:slide-out-to-top-10 {
+    &[data-side="top"] {
+      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+        --tw-exit-translate-y: calc(10*var(--spacing)*-1);
+        --tw-exit-translate-y: calc(.1*-100%);
+      }
+    }
+  }
+  .data-\[side\=top\]\:data-closed\:slide-out-to-top-10 {
+    &[data-side="top"] {
+      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+        --tw-exit-translate-y: calc(10*var(--spacing)*-1);
+        --tw-exit-translate-y: calc(.1*-100%);
+      }
+    }
+  }
+  .data-checked\:bg-primary {
+    &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
+      background-color: var(--primary);
+    }
+  }
+  .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\] {
+    &:is(:where(.group\/switch)[data-size="default"] *) {
+      &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
+        --tw-translate-x: calc(100% - 2px);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\] {
+    &:is(:where(.group\/switch)[data-size="sm"] *) {
+      &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
+        --tw-translate-x: calc(100% - 2px);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
   .dark\:data-checked\:bg-primary-foreground {
     &:is(.dark *) {
-      &[data-checked] {
+      &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
         background-color: var(--primary-foreground);
       }
     }
   }
+  .data-unchecked\:bg-input {
+    &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) {
+      background-color: var(--input);
+    }
+  }
+  .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0 {
+    &:is(:where(.group\/switch)[data-size="default"] *) {
+      &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) {
+        --tw-translate-x: 0;
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0 {
+    &:is(:where(.group\/switch)[data-size="sm"] *) {
+      &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) {
+        --tw-translate-x: 0;
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
   .dark\:data-unchecked\:bg-foreground {
     &:is(.dark *) {
-      &[data-unchecked] {
+      &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) {
         background-color: var(--foreground);
       }
     }
   }
   .dark\:data-unchecked\:bg-input\/80 {
     &:is(.dark *) {
-      &[data-unchecked] {
+      &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) {
         background-color: var(--input);
         @supports (color: color-mix(in lab, red, red)) {
           background-color: color-mix(in oklab, var(--input) 80%, transparent);
@@ -5265,175 +5717,185 @@
       }
     }
   }
-  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
-    &:is(.dark *) {
-      &[data-variant="destructive"] {
-        &:focus {
-          background-color: var(--destructive);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
-          }
-        }
-      }
+  .data-selected\:bg-muted {
+    &:where([data-selected="true"]) {
+      background-color: var(--muted);
     }
   }
-  .\[\&_\[cmdk-group-heading\]\]\:px-2 {
-    & [cmdk-group-heading] {
-      padding-inline: calc(var(--spacing) * 2);
+  .data-selected\:text-foreground {
+    &:where([data-selected="true"]) {
+      color: var(--foreground);
     }
   }
-  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
-    & [cmdk-group-heading] {
-      padding-block: calc(var(--spacing) * 1.5);
+  .data-disabled\:pointer-events-none {
+    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
+      pointer-events: none;
     }
   }
-  .\[\&_\[cmdk-group-heading\]\]\:text-xs {
-    & [cmdk-group-heading] {
-      font-size: var(--text-xs);
-      line-height: var(--tw-leading, var(--text-xs--line-height));
+  .data-disabled\:cursor-not-allowed {
+    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
+      cursor: not-allowed;
     }
   }
-  .\[\&_\[cmdk-group-heading\]\]\:font-medium {
-    & [cmdk-group-heading] {
+  .data-disabled\:opacity-50 {
+    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
+      opacity: 50%;
+    }
+  }
+  .data-active\:bg-sidebar-accent {
+    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+      background-color: var(--sidebar-accent);
+    }
+  }
+  .data-active\:font-medium {
+    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
       --tw-font-weight: var(--font-weight-medium);
       font-weight: var(--font-weight-medium);
     }
   }
-  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
-    & [cmdk-group-heading] {
-      color: var(--muted-foreground);
+  .data-active\:text-foreground {
+    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+      color: var(--foreground);
     }
   }
-  .\[\&_a\]\:underline {
-    & a {
-      text-decoration-line: underline;
+  .data-active\:text-sidebar-accent-foreground {
+    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+      color: var(--sidebar-accent-foreground);
     }
   }
-  .\[\&_a\]\:underline-offset-3 {
-    & a {
-      text-underline-offset: 3px;
+  .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent {
+    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
+      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+        background-color: transparent;
+      }
     }
   }
-  .\[\&_a\]\:hover\:text-foreground {
-    & a {
-      &:hover {
-        @media (hover: hover) {
-          color: var(--foreground);
+  .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100 {
+    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
+      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+        &::after {
+          content: var(--tw-content);
+          opacity: 100%;
         }
       }
     }
   }
-  .\[\&_h1\]\:mt-4 {
-    & h1 {
-      margin-top: calc(var(--spacing) * 4);
-    }
-  }
-  .\[\&_h1\]\:mb-2 {
-    & h1 {
-      margin-bottom: calc(var(--spacing) * 2);
+  .dark\:data-active\:text-foreground {
+    &:is(.dark *) {
+      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+        color: var(--foreground);
+      }
     }
   }
-  .\[\&_h1\]\:text-sm {
-    & h1 {
-      font-size: var(--text-sm);
-      line-height: var(--tw-leading, var(--text-sm--line-height));
+  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent {
+    &:is(.dark *) {
+      &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
+        &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+          border-color: transparent;
+        }
+      }
     }
   }
-  .\[\&_h1\]\:font-bold {
-    & h1 {
-      --tw-font-weight: var(--font-weight-bold);
-      font-weight: var(--font-weight-bold);
+  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent {
+    &:is(.dark *) {
+      &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
+        &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+          background-color: transparent;
+        }
+      }
     }
   }
-  .\[\&_h1\:first-child\]\:mt-0 {
-    & h1:first-child {
-      margin-top: calc(var(--spacing) * 0);
+  .data-horizontal\:h-2\.5 {
+    &:where([data-orientation="horizontal"]) {
+      height: calc(var(--spacing) * 2.5);
     }
   }
-  .\[\&_h2\]\:mt-3 {
-    & h2 {
-      margin-top: calc(var(--spacing) * 3);
+  .data-horizontal\:flex-col {
+    &:where([data-orientation="horizontal"]) {
+      flex-direction: column;
     }
   }
-  .\[\&_h2\]\:mb-2 {
-    & h2 {
-      margin-bottom: calc(var(--spacing) * 2);
+  .data-horizontal\:border-t {
+    &:where([data-orientation="horizontal"]) {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 1px;
     }
   }
-  .\[\&_h2\]\:text-xs\! {
-    & h2 {
-      font-size: var(--text-xs) !important;
-      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+  .data-horizontal\:border-t-transparent {
+    &:where([data-orientation="horizontal"]) {
+      border-top-color: transparent;
     }
   }
-  .\[\&_h2\]\:font-bold {
-    & h2 {
-      --tw-font-weight: var(--font-weight-bold);
-      font-weight: var(--font-weight-bold);
+  .data-vertical\:h-full {
+    &:where([data-orientation="vertical"]) {
+      height: 100%;
     }
   }
-  .\[\&_h2\:first-child\]\:mt-0 {
-    & h2:first-child {
-      margin-top: calc(var(--spacing) * 0);
+  .data-vertical\:w-2\.5 {
+    &:where([data-orientation="vertical"]) {
+      width: calc(var(--spacing) * 2.5);
     }
   }
-  .\[\&_h3\]\:mt-2 {
-    & h3 {
-      margin-top: calc(var(--spacing) * 2);
+  .data-vertical\:border-l {
+    &:where([data-orientation="vertical"]) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
     }
   }
-  .\[\&_h3\]\:mb-1 {
-    & h3 {
-      margin-bottom: calc(var(--spacing) * 1);
+  .data-vertical\:border-l-transparent {
+    &:where([data-orientation="vertical"]) {
+      border-left-color: transparent;
     }
   }
-  .\[\&_h3\]\:text-xs\! {
-    & h3 {
-      font-size: var(--text-xs) !important;
-      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+  .\[\&_\[cmdk-group-heading\]\]\:px-2 {
+    & [cmdk-group-heading] {
+      padding-inline: calc(var(--spacing) * 2);
     }
   }
-  .\[\&_h3\]\:font-semibold {
-    & h3 {
-      --tw-font-weight: var(--font-weight-semibold);
-      font-weight: var(--font-weight-semibold);
+  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
+    & [cmdk-group-heading] {
+      padding-block: calc(var(--spacing) * 1.5);
     }
   }
-  .\[\&_h3\:first-child\]\:mt-0 {
-    & h3:first-child {
-      margin-top: calc(var(--spacing) * 0);
+  .\[\&_\[cmdk-group-heading\]\]\:text-xs {
+    & [cmdk-group-heading] {
+      font-size: var(--text-xs);
+      line-height: var(--tw-leading, var(--text-xs--line-height));
     }
   }
-  .\[\&_h4\]\:mt-2 {
-    & h4 {
-      margin-top: calc(var(--spacing) * 2);
+  .\[\&_\[cmdk-group-heading\]\]\:font-medium {
+    & [cmdk-group-heading] {
+      --tw-font-weight: var(--font-weight-medium);
+      font-weight: var(--font-weight-medium);
     }
   }
-  .\[\&_h4\]\:mb-1 {
-    & h4 {
-      margin-bottom: calc(var(--spacing) * 1);
+  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
+    & [cmdk-group-heading] {
+      color: var(--muted-foreground);
     }
   }
-  .\[\&_h4\]\:text-xs\! {
-    & h4 {
-      font-size: var(--text-xs) !important;
-      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
+  .\[\&_a\]\:underline {
+    & a {
+      text-decoration-line: underline;
     }
   }
-  .\[\&_h4\]\:font-medium {
-    & h4 {
-      --tw-font-weight: var(--font-weight-medium);
-      font-weight: var(--font-weight-medium);
+  .\[\&_a\]\:underline-offset-3 {
+    & a {
+      text-underline-offset: 3px;
     }
   }
-  .\[\&_h4\:first-child\]\:mt-0 {
-    & h4:first-child {
-      margin-top: calc(var(--spacing) * 0);
+  .\[\&_a\]\:hover\:text-foreground {
+    & a {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--foreground);
+        }
+      }
     }
   }
-  .\[\&_li\]\:pl-1 {
+  .\[\&_li\]\:pl-0 {
     & li {
-      padding-left: calc(var(--spacing) * 1);
+      padding-left: 0;
     }
   }
   .\[\&_li\]\:leading-relaxed {
@@ -5457,17 +5919,6 @@
       padding-left: calc(var(--spacing) * 4);
     }
   }
-  .\[\&_p\]\:my-2 {
-    & p {
-      margin-block: calc(var(--spacing) * 2);
-    }
-  }
-  .\[\&_p\]\:leading-relaxed {
-    & p {
-      --tw-leading: var(--leading-relaxed);
-      line-height: var(--leading-relaxed);
-    }
-  }
   .\[\&_p\:not\(\:last-child\)\]\:mb-4 {
     & p:not(:last-child) {
       margin-bottom: calc(var(--spacing) * 4);
@@ -5489,6 +5940,13 @@
       flex-shrink: 0;
     }
   }
+  .data-\[direction\=start\]\:\[\&_svg\]\:rotate-180 {
+    &[data-direction="start"] {
+      & svg {
+        rotate: 180deg;
+      }
+    }
+  }
   .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
     & svg:not([class*='size-']) {
       width: calc(var(--spacing) * 4);
@@ -5501,9 +5959,20 @@
       height: calc(var(--spacing) * 6);
     }
   }
-  .\[\&_table\]\:my-2 {
-    & table {
-      margin-block: calc(var(--spacing) * 2);
+  .group-data-\[orientation\=vertical\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 {
+    &:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 6);
+        height: calc(var(--spacing) * 6);
+      }
+    }
+  }
+  .group-data-\[size\=xs\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
+    &:is(:where(.group\/attachment)[data-size="xs"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 3.5);
+        height: calc(var(--spacing) * 3.5);
+      }
     }
   }
   .\[\&_table\]\:w-full {
@@ -5511,156 +5980,181 @@
       width: 100%;
     }
   }
-  .\[\&_table\]\:border-collapse {
-    & table {
-      border-collapse: collapse;
+  .\[\&_tr\]\:border-b {
+    & tr {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
     }
   }
-  .\[\&_table\]\:text-\[12px\] {
-    & table {
-      font-size: 12px;
+  .\[\&_tr\:last-child\]\:border-0 {
+    & tr:last-child {
+      border-style: var(--tw-border-style);
+      border-width: 0px;
     }
   }
-  .\[\&_td\]\:border-b {
-    & td {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 1px;
+  .\[\&_ul\]\:ml-6 {
+    & ul {
+      margin-left: calc(var(--spacing) * 6);
     }
   }
-  .\[\&_td\]\:border-border {
-    & td {
-      border-color: var(--border);
+  .\[\&_ul\]\:list-disc {
+    & ul {
+      list-style-type: disc;
     }
   }
-  .\[\&_td\]\:p-1\.5 {
-    & td {
-      padding: calc(var(--spacing) * 1.5);
+  .\[\&_ul\]\:pl-0 {
+    & ul {
+      padding-left: 0;
     }
   }
-  .\[\&_td\]\:text-\[12px\] {
-    & td {
-      font-size: 12px;
+  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
+    &:has([role=checkbox]) {
+      padding-right: 0;
     }
   }
-  .\[\&_th\]\:border-b {
-    & th {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 1px;
+  .\[\.border-b\]\:pb-2 {
+    &:is(.border-b) {
+      padding-bottom: calc(var(--spacing) * 2);
     }
   }
-  .\[\&_th\]\:border-border {
-    & th {
-      border-color: var(--border);
+  .\[\.border-b\]\:pb-4 {
+    &:is(.border-b) {
+      padding-bottom: calc(var(--spacing) * 4);
     }
   }
-  .\[\&_th\]\:p-1\.5 {
-    & th {
-      padding: calc(var(--spacing) * 1.5);
+  .group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3 {
+    &:is(:where(.group\/card)[data-size="sm"] *) {
+      &:is(.border-b) {
+        padding-bottom: calc(var(--spacing) * 3);
+      }
     }
   }
-  .\[\&_th\]\:text-left {
-    & th {
-      text-align: left;
+  .\[\.border-t\]\:pt-2 {
+    &:is(.border-t) {
+      padding-top: calc(var(--spacing) * 2);
     }
   }
-  .\[\&_th\]\:text-\[12px\] {
-    & th {
-      font-size: 12px;
+  .\[a\]\:underline {
+    &:is(a) {
+      text-decoration-line: underline;
     }
   }
-  .\[\&_th\]\:font-semibold {
-    & th {
-      --tw-font-weight: var(--font-weight-semibold);
-      font-weight: var(--font-weight-semibold);
+  .\[a\]\:underline-offset-3 {
+    &:is(a) {
+      text-underline-offset: 3px;
     }
   }
-  .\[\&_tr\]\:border-b {
-    & tr {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 1px;
+  .\*\:\[a\]\:underline {
+    :is(& > *) {
+      &:is(a) {
+        text-decoration-line: underline;
+      }
     }
   }
-  .\[\&_tr\:last-child\]\:border-0 {
-    & tr:last-child {
-      border-style: var(--tw-border-style);
-      border-width: 0px;
+  .\*\:\[a\]\:underline-offset-3 {
+    :is(& > *) {
+      &:is(a) {
+        text-underline-offset: 3px;
+      }
     }
   }
-  .\[\&_ul\]\:list-disc {
-    & ul {
-      list-style-type: disc;
+  .\[a\]\:hover\:text-foreground {
+    &:is(a) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--foreground);
+        }
+      }
+    }
+  }
+  .\*\:\[a\]\:hover\:text-foreground {
+    :is(& > *) {
+      &:is(a) {
+        &:hover {
+          @media (hover: hover) {
+            color: var(--foreground);
+          }
+        }
+      }
     }
   }
-  .\[\&_ul\]\:pl-4 {
-    & ul {
-      padding-left: calc(var(--spacing) * 4);
+  .\[button\]\:text-left {
+    &:is(button) {
+      text-align: left;
     }
   }
-  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
-    &:has([role=checkbox]) {
-      padding-right: calc(var(--spacing) * 0);
+  .\[button\,a\]\:transition-colors {
+    &:is(button,a) {
+      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
     }
   }
-  .\[\.border-b\]\:pb-2 {
-    &:is(.border-b) {
-      padding-bottom: calc(var(--spacing) * 2);
+  .\[button\,a\]\:outline-none {
+    &:is(button,a) {
+      --tw-outline-style: none;
+      outline-style: none;
     }
   }
-  .\[\.border-b\]\:pb-4 {
-    &:is(.border-b) {
-      padding-bottom: calc(var(--spacing) * 4);
+  .\[button\,a\]\:focus-visible\:border-ring {
+    &:is(button,a) {
+      &:focus-visible {
+        border-color: var(--ring);
+      }
     }
   }
-  .group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3 {
-    &:is(:where(.group\/card)[data-size="sm"] *) {
-      &:is(.border-b) {
-        padding-bottom: calc(var(--spacing) * 3);
+  .\[button\,a\]\:focus-visible\:ring-3 {
+    &:is(button,a) {
+      &: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);
       }
     }
   }
-  .\[\.border-t\]\:pt-2 {
-    &:is(.border-t) {
-      padding-top: calc(var(--spacing) * 2);
+  .\[button\,a\]\:focus-visible\:ring-ring\/50 {
+    &:is(button,a) {
+      &:focus-visible {
+        --tw-ring-color: var(--ring);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+        }
+      }
     }
   }
-  .\*\:\[a\]\:underline {
+  .\*\:\[img\]\:aspect-square {
     :is(& > *) {
-      &:is(a) {
-        text-decoration-line: underline;
+      &:is(img) {
+        aspect-ratio: 1 / 1;
       }
     }
   }
-  .\*\:\[a\]\:underline-offset-3 {
+  .\*\:\[img\]\:w-full {
     :is(& > *) {
-      &:is(a) {
-        text-underline-offset: 3px;
+      &:is(img) {
+        width: 100%;
       }
     }
   }
-  .\*\:\[a\]\:hover\:text-foreground {
+  .\*\:\[img\]\:object-cover {
     :is(& > *) {
-      &:is(a) {
-        &:hover {
-          @media (hover: hover) {
-            color: var(--foreground);
-          }
-        }
+      &:is(img) {
+        object-fit: cover;
       }
     }
   }
   .\*\:\[img\:first-child\]\:rounded-t-xl {
     :is(& > *) {
       &:is(img:first-child) {
-        border-top-left-radius: var(--radius-xl);
-        border-top-right-radius: var(--radius-xl);
+        border-top-left-radius: calc(var(--radius) + 4px);
+        border-top-right-radius: calc(var(--radius) + 4px);
       }
     }
   }
   .\*\:\[img\:last-child\]\:rounded-b-xl {
     :is(& > *) {
       &:is(img:last-child) {
-        border-bottom-right-radius: var(--radius-xl);
-        border-bottom-left-radius: var(--radius-xl);
+        border-bottom-right-radius: calc(var(--radius) + 4px);
+        border-bottom-left-radius: calc(var(--radius) + 4px);
       }
     }
   }
@@ -5713,20 +6207,20 @@
       }
     }
   }
-  .data-selected\:\*\:\[svg\]\:text-foreground {
-    &[data-selected] {
+  .data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive {
+    &[data-variant="destructive"] {
       :is(& > *) {
         &:is(svg) {
-          color: var(--foreground);
+          color: var(--destructive);
         }
       }
     }
   }
-  .data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive {
-    &[data-variant="destructive"] {
+  .data-selected\:\*\:\[svg\]\:text-foreground {
+    &:where([data-selected="true"]) {
       :is(& > *) {
         &:is(svg) {
-          color: var(--destructive);
+          color: var(--foreground);
         }
       }
     }
@@ -5782,29 +6276,101 @@
   }
   .\[\&\>\*\:first-child\]\:mt-0 {
     &>*:first-child {
-      margin-top: calc(var(--spacing) * 0);
+      margin-top: 0;
     }
   }
   .\[\&\>\*\:last-child\]\:mb-0 {
     &>*:last-child {
-      margin-bottom: calc(var(--spacing) * 0);
+      margin-bottom: 0;
     }
   }
-  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-md {
-    &>*:not(:first-child) {
-      border-top-left-radius: var(--radius-md);
-      border-bottom-left-radius: var(--radius-md);
+  .\[\&\>\.sr-only\]\:w-auto {
+    &>.sr-only {
+      width: auto;
     }
   }
-  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-md {
-    &>*:not(:last-child) {
-      border-top-right-radius: var(--radius-md);
-      border-bottom-right-radius: var(--radius-md);
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\] {
+    &>[data-slot=bubble-content]:is(button,a):hover {
+      background-color: var(--muted);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklch,var(--muted),var(--foreground) 5%);
+      }
     }
   }
-  .\[\&\>\.sr-only\]\:w-auto {
-    &>.sr-only {
-      width: auto;
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\] {
+    &>[data-slot=bubble-content]:is(button,a):hover {
+      background-color: var(--secondary);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
+      }
+    }
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\] {
+    &>[data-slot=bubble-content]:is(button,a):hover {
+      background-color: oklch(from var(--primary) 0.88 calc(c * 0.5) h);
+    }
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20 {
+    &>[data-slot=bubble-content]:is(button,a):hover {
+      background-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+      }
+    }
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted {
+    &>[data-slot=bubble-content]:is(button,a):hover {
+      background-color: var(--muted);
+    }
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80 {
+    &>[data-slot=bubble-content]:is(button,a):hover {
+      background-color: var(--primary);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
+      }
+    }
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:text-foreground {
+    &>[data-slot=bubble-content]:is(button,a):hover {
+      color: var(--foreground);
+    }
+  }
+  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\] {
+    &:is(.dark *) {
+      &>[data-slot=bubble-content]:is(button,a):hover {
+        background-color: oklch(from var(--primary) 0.35 calc(c * 0.5) h);
+      }
+    }
+  }
+  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30 {
+    &:is(.dark *) {
+      &>[data-slot=bubble-content]:is(button,a):hover {
+        background-color: var(--destructive);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30 {
+    &:is(.dark *) {
+      &>[data-slot=bubble-content]:is(button,a):hover {
+        background-color: var(--input);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--input) 30%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50 {
+    &:is(.dark *) {
+      &>[data-slot=bubble-content]:is(button,a):hover {
+        background-color: var(--muted);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+        }
+      }
     }
   }
   .\[\&\>\[data-slot\=field-group\]\]\:gap-4 {
@@ -5827,8 +6393,8 @@
   .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-lg {
     &:has(*:is(select[aria-hidden=true]:last-child)) {
       &>[data-slot=select-trigger]:last-of-type {
-        border-top-right-radius: var(--radius-lg);
-        border-bottom-right-radius: var(--radius-lg);
+        border-top-right-radius: var(--radius);
+        border-bottom-right-radius: var(--radius);
       }
     }
   }
@@ -5851,14 +6417,14 @@
   }
   .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-r-lg\! {
     &>[data-slot]:not(:has(~[data-slot])) {
-      border-top-right-radius: var(--radius-lg) !important;
-      border-bottom-right-radius: var(--radius-lg) !important;
+      border-top-right-radius: var(--radius) !important;
+      border-bottom-right-radius: var(--radius) !important;
     }
   }
   .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-b-lg\! {
     &>[data-slot]:not(:has(~[data-slot])) {
-      border-bottom-right-radius: var(--radius-lg) !important;
-      border-bottom-left-radius: var(--radius-lg) !important;
+      border-bottom-right-radius: var(--radius) !important;
+      border-bottom-left-radius: var(--radius) !important;
     }
   }
   .\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-t-none {
@@ -5923,7 +6489,7 @@
   }
   .\[\&\>button\]\:rounded-md {
     &>button {
-      border-radius: var(--radius-md);
+      border-radius: max(0px, calc(var(--radius) - 2px));
     }
   }
   .\[\&\>button\]\:border-none\! {
@@ -5946,11 +6512,6 @@
       }
     }
   }
-  .\[\&\>div\]\:pb-0 {
-    &>div {
-      padding-bottom: calc(var(--spacing) * 0);
-    }
-  }
   .\[\&\>img\]\:rounded-full {
     &>img {
       border-radius: calc(infinity * 1px);
@@ -6029,12 +6590,6 @@
       pointer-events: none;
     }
   }
-  .\[\&\>svg\]\:size-2\.5 {
-    &>svg {
-      width: calc(var(--spacing) * 2.5);
-      height: calc(var(--spacing) * 2.5);
-    }
-  }
   .\[\&\>svg\]\:size-3 {
     &>svg {
       width: calc(var(--spacing) * 3);
@@ -6153,7 +6708,7 @@
   }
   .\[\[data-slot\=dialog-content\]_\&\]\:rounded-lg\! {
     [data-slot=dialog-content] & {
-      border-radius: var(--radius-lg) !important;
+      border-radius: var(--radius) !important;
     }
   }
   .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
@@ -6360,8 +6915,51 @@
   inherits: false;
   initial-value: 0;
 }
+@property --scroll-fade-t {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --scroll-fade-b {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --scroll-fade-s {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --scroll-fade-e {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --scroll-fade-mask {
+  syntax: "*";
+  inherits: false;
+}
+@property --shimmer-angle {
+  syntax: "<angle>";
+  inherits: true;
+  initial-value: 20deg;
+}
+@property --shimmer-image {
+  syntax: "*";
+  inherits: false;
+}
+@property --shimmer-text-fill {
+  syntax: "*";
+  inherits: false;
+}
+@media (prefers-reduced-motion: reduce) {
+  .shimmer {
+    animation: none;
+    background-image: none;
+    -webkit-text-fill-color: currentColor;
+  }
+}
 :root {
-  --radius: 0.65rem;
   --background: oklch(1 0 0);
   --foreground: oklch(0.145 0 0);
   --card: oklch(1 0 0);
@@ -6397,11 +6995,12 @@
   --sidebar-border: oklch(0.922 0 0);
   --sidebar-ring: oklch(0.708 0 0);
   --pattern-bg: var(--color-gray-50);
-  --pattern-dot: var(--color-zinc-400);
+  --pattern-dot: var(--color-zinc-300);
   --success: var(--color-emerald-500);
   --warning: var(--color-orange-400);
   --error: var(--color-red-500);
   --info: var(--color-blue-500);
+  --workspace-modified: #1ca1c7;
 }
 .dark {
   --background: oklch(0.145 0 0);
@@ -6438,11 +7037,12 @@
   --sidebar-border: oklch(1 0 0 / 10%);
   --sidebar-ring: oklch(0.556 0 0);
   --pattern-bg: var(--color-zinc-900);
-  --pattern-dot: var(--color-zinc-500);
+  --pattern-dot: var(--color-zinc-700);
   --success: var(--color-emerald-500);
   --warning: var(--color-amber-600);
   --error: var(--color-red-500);
   --info: var(--color-blue-500);
+  --workspace-modified: #08c0ef;
 }
 @layer base {
   * {
@@ -6452,6 +7052,39 @@
       outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
     }
   }
+}
+@keyframes sd-fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes sd-blurIn {
+  from {
+    opacity: 0;
+    filter: blur(4px);
+  }
+  to {
+    opacity: 1;
+    filter: blur(0);
+  }
+}
+@keyframes sd-slideUp {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+[data-sd-animate] {
+  animation: var(--sd-animation, sd-fadeIn) var(--sd-duration, 150ms) var(--sd-easing, ease) var(--sd-delay, 0ms) both;
+}
+@layer base {
   body {
     background-color: var(--background);
     color: var(--foreground);
@@ -6492,6 +7125,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-scroll-snap-strictness {
+  syntax: "*";
+  inherits: false;
+  initial-value: proximity;
+}
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
@@ -6709,69 +7347,69 @@
   syntax: "*";
   inherits: false;
 }
-@property --tw-backdrop-blur {
+@property --tw-duration {
   syntax: "*";
   inherits: false;
 }
-@property --tw-backdrop-brightness {
+@property --tw-ease {
   syntax: "*";
   inherits: false;
 }
-@property --tw-backdrop-contrast {
+@property --tw-content {
   syntax: "*";
+  initial-value: "";
   inherits: false;
 }
-@property --tw-backdrop-grayscale {
+@property --tw-scale-x {
   syntax: "*";
   inherits: false;
+  initial-value: 1;
 }
-@property --tw-backdrop-hue-rotate {
+@property --tw-scale-y {
   syntax: "*";
   inherits: false;
+  initial-value: 1;
 }
-@property --tw-backdrop-invert {
+@property --tw-scale-z {
   syntax: "*";
   inherits: false;
+  initial-value: 1;
 }
-@property --tw-backdrop-opacity {
+@property --tw-backdrop-blur {
   syntax: "*";
   inherits: false;
 }
-@property --tw-backdrop-saturate {
+@property --tw-backdrop-brightness {
   syntax: "*";
   inherits: false;
 }
-@property --tw-backdrop-sepia {
+@property --tw-backdrop-contrast {
   syntax: "*";
   inherits: false;
 }
-@property --tw-duration {
+@property --tw-backdrop-grayscale {
   syntax: "*";
   inherits: false;
 }
-@property --tw-ease {
+@property --tw-backdrop-hue-rotate {
   syntax: "*";
   inherits: false;
 }
-@property --tw-content {
+@property --tw-backdrop-invert {
   syntax: "*";
-  initial-value: "";
   inherits: false;
 }
-@property --tw-scale-x {
+@property --tw-backdrop-opacity {
   syntax: "*";
   inherits: false;
-  initial-value: 1;
 }
-@property --tw-scale-y {
+@property --tw-backdrop-saturate {
   syntax: "*";
   inherits: false;
-  initial-value: 1;
 }
-@property --tw-scale-z {
+@property --tw-backdrop-sepia {
   syntax: "*";
   inherits: false;
-  initial-value: 1;
 }
 @keyframes spin {
   to {
@@ -6819,6 +7457,54 @@
     height: 0;
   }
 }
+@keyframes accordion-down {
+  from {
+    height: 0;
+  }
+  to {
+    height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) );
+  }
+}
+@keyframes accordion-up {
+  from {
+    height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) );
+  }
+  to {
+    height: 0;
+  }
+}
+@keyframes scroll-fade-reveal-b {
+  from {
+    --scroll-fade-b: var(--_scroll-fade-size-b, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
+  }
+  to {
+    --scroll-fade-b: 0px;
+  }
+}
+@keyframes scroll-fade-reveal-s {
+  from {
+    --scroll-fade-s: 0px;
+  }
+  to {
+    --scroll-fade-s: var(--_scroll-fade-size-s, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
+  }
+}
+@keyframes scroll-fade-reveal-e {
+  from {
+    --scroll-fade-e: var(--_scroll-fade-size-e, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
+  }
+  to {
+    --scroll-fade-e: 0px;
+  }
+}
+@keyframes tw-shimmer {
+  from {
+    background-position: 100% 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
 @keyframes enter {
   from {
     opacity: var(--tw-enter-opacity,1);
@@ -6851,6 +7537,9 @@
 }
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    :root, :host {
+      --shimmer-angle: 20deg;
+    }
     *, ::before, ::after, ::backdrop {
       --tw-translate-x: 0;
       --tw-translate-y: 0;
@@ -6860,6 +7549,7 @@
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
+      --tw-scroll-snap-strictness: proximity;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-divide-y-reverse: 0;
@@ -6909,6 +7599,12 @@
       --tw-drop-shadow-color: initial;
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-content: "";
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
       --tw-backdrop-blur: initial;
       --tw-backdrop-brightness: initial;
       --tw-backdrop-contrast: initial;
@@ -6918,12 +7614,6 @@
       --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-animation-delay: 0s;
       --tw-animation-direction: normal;
       --tw-animation-duration: initial;
@@ -6941,6 +7631,13 @@
       --tw-exit-scale: 1;
       --tw-exit-translate-x: 0;
       --tw-exit-translate-y: 0;
+      --scroll-fade-t: 0px;
+      --scroll-fade-b: 0px;
+      --scroll-fade-s: 0px;
+      --scroll-fade-e: 0px;
+      --scroll-fade-mask: initial;
+      --shimmer-image: initial;
+      --shimmer-text-fill: initial;
     }
   }
 }