lynote-ui 0.0.10 → 0.0.12

package/dist/style.css

@@ -10,6 +10,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-border-style: solid;
@@ -131,6 +132,7 @@
     --font-weight-extrabold: 800;
     --tracking-tight: -.025em;
     --tracking-widest: .1em;
+    --leading-tight: 1.25;
     --leading-snug: 1.375;
     --leading-normal: 1.5;
     --leading-relaxed: 1.625;
@@ -470,6 +472,10 @@
     inset-block: calc(var(--spacing) * 0);
   }
 
+  .inset-s-1\/2 {
+    inset-inline-start: 50%;
+  }
+
   .start {
     inset-inline-start: var(--spacing);
   }
@@ -578,6 +584,10 @@
     left: calc(var(--spacing) * 2.5);
   }
 
+  .left-3 {
+    left: calc(var(--spacing) * 3);
+  }
+
   .isolate {
     isolation: isolate;
   }
@@ -1081,6 +1091,10 @@
     height: 300px;
   }
 
+  .h-\[420px\] {
+    height: 420px;
+  }
+
   .h-\[calc\(--spacing\(5\.25\)\)\] {
     height: calc(calc(var(--spacing) * 5.25));
   }
@@ -1103,6 +1117,10 @@
     height: 100%;
   }
 
+  .h-max {
+    height: max-content;
+  }
+
   .h-px {
     height: 1px;
   }
@@ -1143,6 +1161,10 @@
     min-height: calc(var(--spacing) * 0);
   }
 
+  .min-h-4 {
+    min-height: calc(var(--spacing) * 4);
+  }
+
   .min-h-8 {
     min-height: calc(var(--spacing) * 8);
   }
@@ -1159,6 +1181,10 @@
     min-height: 200px;
   }
 
+  .min-h-full {
+    min-height: 100%;
+  }
+
   .min-h-svh {
     min-height: 100svh;
   }
@@ -1227,6 +1253,10 @@
     width: calc(var(--spacing) * 9);
   }
 
+  .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
+
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
@@ -1383,6 +1413,10 @@
     max-width: var(--container-3xl);
   }
 
+  .max-w-\[80\%\] {
+    max-width: 80%;
+  }
+
   .max-w-\[300px\] {
     max-width: 300px;
   }
@@ -1395,6 +1429,10 @@
     max-width: 100%;
   }
 
+  .max-w-lg {
+    max-width: var(--container-lg);
+  }
+
   .max-w-max {
     max-width: max-content;
   }
@@ -1459,6 +1497,10 @@
     min-width: calc(var(--spacing) * 36);
   }
 
+  .min-w-40 {
+    min-width: calc(var(--spacing) * 40);
+  }
+
   .min-w-56 {
     min-width: calc(var(--spacing) * 56);
   }
@@ -1539,11 +1581,21 @@
     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-0 {
     --tw-translate-y: calc(var(--spacing) * 0);
     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-\[calc\(-50\%-2px\)\] {
     --tw-translate-y: calc(-50% - 2px);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1621,6 +1673,14 @@
     resize: none;
   }
 
+  .snap-x {
+    scroll-snap-type: x var(--tw-scroll-snap-strictness);
+  }
+
+  .snap-mandatory {
+    --tw-scroll-snap-strictness: mandatory;
+  }
+
   .scroll-m-20 {
     scroll-margin: calc(var(--spacing) * 20);
   }
@@ -1629,6 +1689,10 @@
     scroll-margin-block: calc(var(--spacing) * 1);
   }
 
+  .scroll-px-1 {
+    scroll-padding-inline: calc(var(--spacing) * 1);
+  }
+
   .scroll-py-1 {
     scroll-padding-block: calc(var(--spacing) * 1);
   }
@@ -1863,6 +1927,18 @@
     overscroll-behavior: contain;
   }
 
+  .overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .\!rounded-full {
+    border-radius: 3.40282e38px !important;
+  }
+
+  .\!rounded-none {
+    border-radius: 0 !important;
+  }
+
   .rounded {
     border-radius: .25rem;
   }
@@ -1871,6 +1947,14 @@
     border-radius: var(--cell-radius);
   }
 
+  .rounded-2xl {
+    border-radius: calc(var(--radius) * 1.8);
+  }
+
+  .rounded-3xl {
+    border-radius: calc(var(--radius) * 2.2);
+  }
+
   .rounded-4xl {
     border-radius: calc(var(--radius) * 2.6);
   }
@@ -2005,6 +2089,11 @@
     border-style: dashed;
   }
 
+  .border-none {
+    --tw-border-style: none;
+    border-style: none;
+  }
+
   .border-\(--color-border\) {
     border-color: var(--color-border);
   }
@@ -2500,11 +2589,21 @@
     line-height: var(--leading-normal);
   }
 
+  .leading-relaxed {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
+
   .leading-snug {
     --tw-leading: var(--leading-snug);
     line-height: var(--leading-snug);
   }
 
+  .leading-tight {
+    --tw-leading: var(--leading-tight);
+    line-height: var(--leading-tight);
+  }
+
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -2666,6 +2765,10 @@
     opacity: .5;
   }
 
+  .opacity-60 {
+    opacity: .6;
+  }
+
   .opacity-80 {
     opacity: .8;
   }
@@ -2743,10 +2846,19 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .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);
   }
@@ -2848,6 +2960,12 @@
     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));
@@ -2933,6 +3051,10 @@
     transition-timing-function: linear;
   }
 
+  .contain-content {
+    contain: content;
+  }
+
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;
@@ -2963,6 +3085,14 @@
     --radius: 9999px;
   }
 
+  .\[contain-intrinsic-size\:auto_10rem\] {
+    contain-intrinsic-size: auto 10rem;
+  }
+
+  .\[content-visibility\:auto\] {
+    content-visibility: auto;
+  }
+
   :is(.\*\:w-full > *) {
     width: 100%;
   }
@@ -3021,6 +3151,15 @@
     align-self: flex-start;
   }
 
+  .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: calc(var(--spacing) * 0);
+  }
+
   .group-has-data-horizontal\/field\:text-balance:is(:where(.group\/field):has(:where([data-orientation="horizontal"])) *) {
     text-wrap: balance;
   }
@@ -3053,6 +3192,18 @@
     rotate: 180deg;
   }
 
+  .group-data-\[align\=end\]\/bubble\:self-end:is(:where(.group\/bubble)[data-align="end"] *) {
+    align-self: flex-end;
+  }
+
+  .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:is(:where(.group\/command-item)[data-checked="true"] *) {
     opacity: 1;
   }
@@ -3142,6 +3293,30 @@
     }
   }
 
+  .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: calc(var(--spacing) * 1);
+  }
+
+  .group-data-\[orientation\=vertical\]\/attachment\:px-1:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
+    padding-inline: calc(var(--spacing) * 1);
+  }
+
   .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
     right: calc(var(--spacing) * -4);
   }
@@ -3187,6 +3362,10 @@
     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);
     height: calc(var(--spacing) * 2);
@@ -3220,6 +3399,14 @@
     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: calc(var(--radius) * .8);
+  }
+
   .group-data-\[size\=xs\]\/item\:size-6:is(:where(.group\/item)[data-size="xs"] *) {
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
@@ -3242,6 +3429,34 @@
     padding-inline: calc(var(--spacing) * 2);
   }
 
+  .group-data-\[state\=done\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state="done"] *) {
+    opacity: 1;
+  }
+
+  .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)) {
+    .group-data-\[state\=error\]\/attachment\:bg-destructive\/10:is(:where(.group\/attachment)[data-state="error"] *) {
+      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
+    }
+  }
+
+  .group-data-\[state\=error\]\/attachment\:text-destructive:is(:where(.group\/attachment)[data-state="error"] *), .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)) {
+    .group-data-\[state\=error\]\/attachment\:text-destructive\/80:is(:where(.group\/attachment)[data-state="error"] *) {
+      color: color-mix(in oklab, var(--destructive) 80%, transparent);
+    }
+  }
+
+  .group-data-\[state\=idle\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state="idle"] *) {
+    opacity: 1;
+  }
+
   .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
     border-radius: var(--radius);
   }
@@ -3268,6 +3483,14 @@
     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;
   }
@@ -3422,6 +3645,31 @@
     color: var(--muted-foreground);
   }
 
+  .before\:mr-1:before {
+    content: var(--tw-content);
+    margin-right: calc(var(--spacing) * 1);
+  }
+
+  .before\:h-px:before {
+    content: var(--tw-content);
+    height: 1px;
+  }
+
+  .before\:min-w-0:before {
+    content: var(--tw-content);
+    min-width: calc(var(--spacing) * 0);
+  }
+
+  .before\:flex-1:before {
+    content: var(--tw-content);
+    flex: 1;
+  }
+
+  .before\:bg-border:before {
+    content: var(--tw-content);
+    background-color: var(--border);
+  }
+
   .after\:absolute:after {
     content: var(--tw-content);
     position: absolute;
@@ -3482,6 +3730,16 @@
     left: 50%;
   }
 
+  .after\:ml-1:after {
+    content: var(--tw-content);
+    margin-left: calc(var(--spacing) * 1);
+  }
+
+  .after\:h-px:after {
+    content: var(--tw-content);
+    height: 1px;
+  }
+
   .after\:w-1:after {
     content: var(--tw-content);
     width: calc(var(--spacing) * 1);
@@ -3502,6 +3760,16 @@
     width: 30px;
   }
 
+  .after\:min-w-0:after {
+    content: var(--tw-content);
+    min-width: calc(var(--spacing) * 0);
+  }
+
+  .after\:flex-1:after {
+    content: var(--tw-content);
+    flex: 1;
+  }
+
   .after\:-translate-x-1\/2:after {
     content: var(--tw-content);
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
@@ -3536,6 +3804,11 @@
     border-color: var(--border);
   }
 
+  .after\:bg-border:after {
+    content: var(--tw-content);
+    background-color: var(--border);
+  }
+
   .after\:bg-foreground:after {
     content: var(--tw-content);
     background-color: var(--foreground);
@@ -3661,11 +3934,26 @@
     border-color: var(--ring);
   }
 
+  .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);
+  }
+
   .focus-within\:ring-3:focus-within {
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .focus-within\:ring-ring\/30:focus-within {
+    --tw-ring-color: var(--ring);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus-within\:ring-ring\/30:focus-within {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
+    }
+  }
+
   .focus-within\:ring-ring\/50:focus-within {
     --tw-ring-color: var(--ring);
   }
@@ -4107,6 +4395,46 @@
     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: calc(var(--spacing) * 1);
+  }
+
+  .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: calc(var(--spacing) * 1);
+  }
+
+  .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;
   }
@@ -4193,6 +4521,10 @@
     }
   }
 
+  .has-\[button\]\:p-0:has(:is(button)) {
+    padding: calc(var(--spacing) * 0);
+  }
+
   .has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)) {
     opacity: .5;
   }
@@ -4246,6 +4578,18 @@
     gap: calc(var(--spacing) * 3);
   }
 
+  @media (hover: hover) {
+    .has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has( > a,  > button):hover {
+      background-color: var(--muted);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has( > a,  > button):hover {
+        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+      }
+    }
+  }
+
   .has-\[\>button\]\:mr-\[-0\.3rem\]:has( > button) {
     margin-right: -.3rem;
   }
@@ -4467,6 +4811,10 @@
     border-bottom-left-radius: 0;
   }
 
+  :is(.group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end:is(:where(.group\/message)[data-align="end"] *) > *)[data-slot] {
+    align-self: flex-end;
+  }
+
   .data-starting-style\:h-0[data-starting-style] {
     height: calc(var(--spacing) * 0);
   }
@@ -4482,14 +4830,55 @@
     opacity: 0;
   }
 
+  .data-\[active\=false\]\:pointer-events-none[data-active="false"] {
+    pointer-events: none;
+  }
+
+  .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-\[active\=false\]\:opacity-0[data-active="false"] {
+    opacity: 0;
+  }
+
+  .data-\[active\=false\]\:duration-400[data-active="false"] {
+    --tw-duration: .4s;
+    transition-duration: .4s;
+  }
+
+  .data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\][data-active="false"] {
+    --tw-ease: cubic-bezier(.7,0,.84,0);
+    transition-timing-function: cubic-bezier(.7, 0, .84, 0);
+  }
+
   .data-\[active\=true\]\:z-10[data-active="true"] {
     z-index: 10;
   }
 
+  .data-\[active\=true\]\:translate-y-0[data-active="true"] {
+    --tw-translate-y: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .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-\[active\=true\]\:border-ring[data-active="true"] {
     border-color: var(--ring);
   }
 
+  .data-\[active\=true\]\:opacity-100[data-active="true"] {
+    opacity: 1;
+  }
+
   .data-\[active\=true\]\:ring-\[3px\][data-active="true"] {
     --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);
@@ -4505,6 +4894,11 @@
     }
   }
 
+  .data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\][data-active="true"] {
+    --tw-ease: cubic-bezier(.23,1,.32,1);
+    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
+  }
+
   .data-\[active\=true\]\:aria-invalid\:border-destructive[data-active="true"][aria-invalid="true"] {
     border-color: var(--destructive);
   }
@@ -4523,10 +4917,36 @@
     animation: none;
   }
 
+  .data-\[align\=end\]\:flex-row-reverse[data-align="end"] {
+    flex-direction: row-reverse;
+  }
+
+  .data-\[align\=end\]\:self-end[data-align="end"] {
+    align-self: flex-end;
+  }
+
   .data-\[chips\=true\]\:min-w-\(--anchor-width\)[data-chips="true"] {
     min-width: var(--anchor-width);
   }
 
+  .data-\[direction\=end\]\:bottom-4[data-direction="end"] {
+    bottom: calc(var(--spacing) * 4);
+  }
+
+  .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-\[direction\=start\]\:top-4[data-direction="start"] {
+    top: calc(var(--spacing) * 4);
+  }
+
+  .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-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
     pointer-events: none;
   }
@@ -4947,6 +5367,14 @@
     }
   }
 
+  :is(.\*\:data-\[slot\=attachment\]\:flex-none > *)[data-slot="attachment"] {
+    flex: none;
+  }
+
+  :is(.\*\:data-\[slot\=attachment\]\:snap-start > *)[data-slot="attachment"] {
+    scroll-snap-align: start;
+  }
+
   :is(.\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot="avatar"] {
     --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);
@@ -4956,6 +5384,68 @@
     --tw-ring-color: var(--background);
   }
 
+  :is(.\*\:data-\[slot\=bubble-content\]\:rounded-none > *)[data-slot="bubble-content"] {
+    border-radius: 0;
+  }
+
+  :is(.\*\:data-\[slot\=bubble-content\]\:border-border > *)[data-slot="bubble-content"] {
+    border-color: var(--border);
+  }
+
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\] > *)[data-slot="bubble-content"] {
+    background-color: oklch(from var(--primary) .93 calc(c * .4) h);
+  }
+
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-background > *)[data-slot="bubble-content"] {
+    background-color: var(--background);
+  }
+
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10 > *)[data-slot="bubble-content"] {
+    background-color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10 > *)[data-slot="bubble-content"] {
+      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
+    }
+  }
+
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-muted > *)[data-slot="bubble-content"] {
+    background-color: var(--muted);
+  }
+
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-primary > *)[data-slot="bubble-content"] {
+    background-color: var(--primary);
+  }
+
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-secondary > *)[data-slot="bubble-content"] {
+    background-color: var(--secondary);
+  }
+
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-transparent > *)[data-slot="bubble-content"] {
+    background-color: #0000;
+  }
+
+  :is(.\*\:data-\[slot\=bubble-content\]\:p-0 > *)[data-slot="bubble-content"] {
+    padding: calc(var(--spacing) * 0);
+  }
+
+  :is(.\*\:data-\[slot\=bubble-content\]\:text-destructive > *)[data-slot="bubble-content"] {
+    color: var(--destructive);
+  }
+
+  :is(.\*\:data-\[slot\=bubble-content\]\:text-foreground > *)[data-slot="bubble-content"] {
+    color: var(--foreground);
+  }
+
+  :is(.\*\:data-\[slot\=bubble-content\]\:text-primary-foreground > *)[data-slot="bubble-content"] {
+    color: var(--primary-foreground);
+  }
+
+  :is(.\*\:data-\[slot\=bubble-content\]\:text-secondary-foreground > *)[data-slot="bubble-content"] {
+    color: var(--secondary-foreground);
+  }
+
   .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
     gap: calc(var(--spacing) * 3);
   }
@@ -5065,6 +5555,11 @@
     gap: calc(var(--spacing) * 1.5);
   }
 
+  :is(.group-data-\[orientation\=vertical\]\/attachment\:\*\:data-\[slot\=spinner\]\:size-6\!:is(:where(.group\/attachment)[data-orientation="vertical"] *) > *)[data-slot="spinner"] {
+    width: calc(var(--spacing) * 6) !important;
+    height: calc(var(--spacing) * 6) !important;
+  }
+
   .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-lg:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *)[data-spacing="0"]:first-child {
     border-top-left-radius: var(--radius);
     border-bottom-left-radius: var(--radius);
@@ -5097,6 +5592,16 @@
     --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)) {
+    .data-\[state\=error\]\:border-destructive\/30[data-state="error"] {
+      border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
+    }
+  }
+
   .data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
     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);
   }
@@ -5105,6 +5610,11 @@
     --tw-exit-opacity: 0;
   }
 
+  .data-\[state\=idle\]\:border-dashed[data-state="idle"] {
+    --tw-border-style: dashed;
+    border-style: dashed;
+  }
+
   .data-\[state\=on\]\:bg-muted[data-state="on"], .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
     background-color: var(--muted);
   }
@@ -5135,6 +5645,10 @@
     color: var(--destructive);
   }
 
+  .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);
     line-height: var(--tw-leading, var(--text-sm--line-height));
@@ -5447,6 +5961,11 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .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:is(.dark *) {
     border-color: var(--input);
   }
@@ -5664,6 +6183,20 @@
     }
   }
 
+  :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\]:is(.dark *) > *)[data-slot="bubble-content"] {
+    background-color: oklch(from var(--primary) .3 calc(c * .4) h);
+  }
+
+  :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20:is(.dark *) > *)[data-slot="bubble-content"] {
+    background-color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20:is(.dark *) > *)[data-slot="bubble-content"] {
+      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+    }
+  }
+
   .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
     background-color: var(--destructive);
   }
@@ -6148,21 +6681,30 @@
     flex-shrink: 0;
   }
 
+  .data-\[direction\=start\]\:\[\&_svg\]\:rotate-180[data-direction="start"] svg {
+    rotate: 180deg;
+  }
+
   .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
     width: calc(var(--spacing) * 3);
     height: calc(var(--spacing) * 3);
   }
 
-  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*="size-"]) {
-    width: calc(var(--spacing) * 3.5);
-    height: calc(var(--spacing) * 3.5);
-  }
-
   .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
 
+  .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);
+  }
+
   .\[\&_td\]\:border-r td, .\[\&_th\]\:border-r th {
     border-right-style: var(--tw-border-style);
     border-right-width: 1px;
@@ -6246,6 +6788,14 @@
     color: var(--muted-foreground);
   }
 
+  .\[a\]\:underline:is(a) {
+    text-decoration-line: underline;
+  }
+
+  .\[a\]\:underline-offset-3:is(a) {
+    text-underline-offset: 3px;
+  }
+
   .\[a\]\:transition-colors:is(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));
@@ -6295,6 +6845,10 @@
       }
     }
 
+    .\[a\]\:hover\:text-foreground:is(a):hover {
+      color: var(--foreground);
+    }
+
     .\[a\]\:hover\:text-muted-foreground:is(a):hover {
       color: var(--muted-foreground);
     }
@@ -6304,6 +6858,52 @@
     }
   }
 
+  .\[button\]\:text-left:is(button) {
+    text-align: left;
+  }
+
+  .\[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));
+  }
+
+  .\[button\,a\]\:outline-none:is(button, a) {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  .\[button\,a\]\:focus-visible\:border-ring:is(button, a):focus-visible {
+    border-color: var(--ring);
+  }
+
+  .\[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);
+  }
+
+  .\[button\,a\]\:focus-visible\:ring-ring\/30:is(button, a):focus-visible {
+    --tw-ring-color: var(--ring);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .\[button\,a\]\:focus-visible\:ring-ring\/30:is(button, a):focus-visible {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
+    }
+  }
+
+  :is(.\*\:\[img\]\:aspect-square > *):is(img) {
+    aspect-ratio: 1;
+  }
+
+  :is(.\*\:\[img\]\:w-full > *):is(img) {
+    width: 100%;
+  }
+
+  :is(.\*\:\[img\]\:object-cover > *):is(img) {
+    object-fit: cover;
+  }
+
   :is(.\*\:\[img\:first-child\]\:rounded-t-xl > *):is(img:first-child) {
     border-top-left-radius: calc(var(--radius) * 1.4);
     border-top-right-radius: calc(var(--radius) * 1.4);
@@ -6379,6 +6979,92 @@
     width: auto;
   }
 
+  .\[\&\>\[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)) {
+    .\[\&\>\[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: color-mix(in oklch,var(--muted),var(--foreground) 5%);
+    }
+  }
+
+  .\[\&\>\[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)) {
+    .\[\&\>\[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: 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) .88 calc(c * .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)) {
+    .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20 > [data-slot="bubble-content"]:is(button, a):hover {
+      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)) {
+    .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80 > [data-slot="bubble-content"]:is(button, a):hover {
+      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) .35 calc(c * .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)) {
+    .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
+      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)) {
+    .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
+      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)) {
+    .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
+      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+    }
+  }
+
   .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);
     border-bottom-right-radius: var(--radius);
@@ -6810,6 +7496,12 @@
   inherits: false
 }
 
+@property --tw-scroll-snap-strictness {
+  syntax: "*";
+  inherits: false;
+  initial-value: proximity;
+}
+
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;