@copilotz/chat-ui 0.4.0 → 0.5.0

package/dist/styles.css

@@ -10,20 +10,13 @@
     --color-red-50: oklch(97.1% 0.013 17.38);
     --color-red-100: oklch(93.6% 0.032 17.717);
     --color-red-200: oklch(88.5% 0.062 18.334);
-    --color-red-300: oklch(80.8% 0.114 19.571);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-700: oklch(50.5% 0.213 27.518);
-    --color-red-900: oklch(39.6% 0.141 25.723);
-    --color-green-100: oklch(96.2% 0.044 156.743);
-    --color-green-300: oklch(87.1% 0.15 154.449);
     --color-green-500: oklch(72.3% 0.219 149.579);
-    --color-green-700: oklch(52.7% 0.154 150.069);
-    --color-green-900: oklch(39.3% 0.095 152.535);
-    --color-blue-100: oklch(93.2% 0.032 255.585);
-    --color-blue-300: oklch(80.9% 0.105 251.813);
-    --color-blue-700: oklch(48.8% 0.243 264.376);
-    --color-blue-900: oklch(37.9% 0.146 265.522);
+    --color-emerald-300: oklch(84.5% 0.143 164.978);
+    --color-emerald-500: oklch(69.6% 0.17 162.48);
+    --color-emerald-700: oklch(50.8% 0.118 165.612);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -53,7 +46,6 @@
     --tracking-widest: 0.1em;
     --leading-tight: 1.25;
     --leading-snug: 1.375;
-    --leading-relaxed: 1.625;
     --radius-xs: 0.125rem;
     --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
@@ -64,7 +56,6 @@
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-    --animate-bounce: bounce 1s infinite;
     --blur-sm: 8px;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1079,9 +1070,6 @@
   .\!inline {
     display: inline !important;
   }
-  .block {
-    display: block;
-  }
   .flex {
     display: flex;
   }
@@ -1240,12 +1228,6 @@
   .w-\(--sidebar-width\) {
     width: var(--sidebar-width);
   }
-  .w-1 {
-    width: calc(var(--spacing) * 1);
-  }
-  .w-1\.5 {
-    width: calc(var(--spacing) * 1.5);
-  }
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -1294,6 +1276,9 @@
   .w-24 {
     width: calc(var(--spacing) * 24);
   }
+  .w-28 {
+    width: calc(var(--spacing) * 28);
+  }
   .w-32 {
     width: calc(var(--spacing) * 32);
   }
@@ -1454,9 +1439,6 @@
   .transform-gpu {
     transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
-  .animate-bounce {
-    animation: var(--animate-bounce);
-  }
   .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);
   }
@@ -1696,10 +1678,10 @@
   .border-border {
     border-color: var(--color-border);
   }
-  .border-border\/40 {
-    border-color: color-mix(in srgb, hsl(var(--border)) 40%, transparent);
+  .border-border\/50 {
+    border-color: color-mix(in srgb, hsl(var(--border)) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-border) 40%, transparent);
+      border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
     }
   }
   .border-border\/60 {
@@ -1717,21 +1699,12 @@
   .border-input {
     border-color: var(--color-input);
   }
-  .border-primary {
-    border-color: var(--color-primary);
-  }
   .border-primary\/30 {
     border-color: color-mix(in srgb, hsl(var(--primary)) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
     }
   }
-  .border-primary\/40 {
-    border-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
-    }
-  }
   .border-red-200 {
     border-color: var(--color-red-200);
   }
@@ -1756,6 +1729,12 @@
   .bg-background {
     background-color: var(--color-background);
   }
+  .bg-background\/70 {
+    background-color: color-mix(in srgb, hsl(var(--background)) 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-background) 70%, transparent);
+    }
+  }
   .bg-background\/80 {
     background-color: color-mix(in srgb, hsl(var(--background)) 80%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1786,21 +1765,12 @@
       background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
     }
   }
-  .bg-blue-100 {
-    background-color: var(--color-blue-100);
-  }
   .bg-border {
     background-color: var(--color-border);
   }
   .bg-card {
     background-color: var(--color-card);
   }
-  .bg-card\/60 {
-    background-color: color-mix(in srgb, hsl(var(--card)) 60%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-card) 60%, transparent);
-    }
-  }
   .bg-destructive {
     background-color: var(--color-destructive);
   }
@@ -1810,22 +1780,25 @@
       background-color: color-mix(in oklab, var(--color-destructive) 5%, transparent);
     }
   }
-  .bg-green-100 {
-    background-color: var(--color-green-100);
+  .bg-emerald-500\/10 {
+    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
+    }
   }
   .bg-muted {
     background-color: var(--color-muted);
   }
-  .bg-muted\/20 {
-    background-color: color-mix(in srgb, hsl(var(--muted)) 20%, transparent);
+  .bg-muted\/10 {
+    background-color: color-mix(in srgb, hsl(var(--muted)) 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-muted) 20%, transparent);
+      background-color: color-mix(in oklab, var(--color-muted) 10%, transparent);
     }
   }
-  .bg-muted\/30 {
-    background-color: color-mix(in srgb, hsl(var(--muted)) 30%, transparent);
+  .bg-muted\/20 {
+    background-color: color-mix(in srgb, hsl(var(--muted)) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-muted) 30%, transparent);
+      background-color: color-mix(in oklab, var(--color-muted) 20%, transparent);
     }
   }
   .bg-muted\/50 {
@@ -1834,6 +1807,12 @@
       background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
     }
   }
+  .bg-muted\/70 {
+    background-color: color-mix(in srgb, hsl(var(--muted)) 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-muted) 70%, transparent);
+    }
+  }
   .bg-popover {
     background-color: var(--color-popover);
   }
@@ -1858,12 +1837,24 @@
       background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
     }
   }
+  .bg-primary\/40 {
+    background-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
+    }
+  }
   .bg-primary\/60 {
     background-color: color-mix(in srgb, hsl(var(--primary)) 60%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
     }
   }
+  .bg-primary\/80 {
+    background-color: color-mix(in srgb, hsl(var(--primary)) 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);
+    }
+  }
   .bg-red-50 {
     background-color: var(--color-red-50);
   }
@@ -1996,6 +1987,9 @@
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
@@ -2014,9 +2008,6 @@
   .pb-1 {
     padding-bottom: calc(var(--spacing) * 1);
   }
-  .pb-3 {
-    padding-bottom: calc(var(--spacing) * 3);
-  }
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
@@ -2082,10 +2073,6 @@
     --tw-leading: 1;
     line-height: 1;
   }
-  .leading-relaxed {
-    --tw-leading: var(--leading-relaxed);
-    line-height: var(--leading-relaxed);
-  }
   .leading-snug {
     --tw-leading: var(--leading-snug);
     line-height: var(--leading-snug);
@@ -2133,9 +2120,6 @@
   .text-accent-foreground {
     color: var(--color-accent-foreground);
   }
-  .text-blue-700 {
-    color: var(--color-blue-700);
-  }
   .text-card-foreground {
     color: var(--color-card-foreground);
   }
@@ -2148,6 +2132,9 @@
   .text-destructive-foreground {
     color: var(--color-destructive-foreground);
   }
+  .text-emerald-700 {
+    color: var(--color-emerald-700);
+  }
   .text-foreground {
     color: var(--color-foreground);
   }
@@ -2160,9 +2147,6 @@
   .text-green-500 {
     color: var(--color-green-500);
   }
-  .text-green-700 {
-    color: var(--color-green-700);
-  }
   .text-muted-foreground {
     color: var(--color-muted-foreground);
   }
@@ -2178,9 +2162,6 @@
   .text-red-600 {
     color: var(--color-red-600);
   }
-  .text-red-700 {
-    color: var(--color-red-700);
-  }
   .text-secondary-foreground {
     color: var(--color-secondary-foreground);
   }
@@ -2374,6 +2355,12 @@
     --tw-enter-scale: calc(95*1%);
     --tw-enter-scale: .95;
   }
+  .\[animation-delay\:120ms\] {
+    animation-delay: 120ms;
+  }
+  .\[animation-delay\:240ms\] {
+    animation-delay: 240ms;
+  }
   .running {
     animation-play-state: running;
   }
@@ -3541,11 +3528,6 @@
       border-color: var(--color-input);
     }
   }
-  .dark\:bg-blue-900 {
-    &:is(.dark *) {
-      background-color: var(--color-blue-900);
-    }
-  }
   .dark\:bg-destructive\/60 {
     &:is(.dark *) {
       background-color: color-mix(in srgb, hsl(var(--destructive)) 60%, transparent);
@@ -3554,11 +3536,6 @@
       }
     }
   }
-  .dark\:bg-green-900 {
-    &:is(.dark *) {
-      background-color: var(--color-green-900);
-    }
-  }
   .dark\:bg-input\/30 {
     &:is(.dark *) {
       background-color: color-mix(in srgb, hsl(var(--input)) 30%, transparent);
@@ -3567,24 +3544,9 @@
       }
     }
   }
-  .dark\:bg-red-900 {
-    &:is(.dark *) {
-      background-color: var(--color-red-900);
-    }
-  }
-  .dark\:text-blue-300 {
-    &:is(.dark *) {
-      color: var(--color-blue-300);
-    }
-  }
-  .dark\:text-green-300 {
+  .dark\:text-emerald-300 {
     &:is(.dark *) {
-      color: var(--color-green-300);
-    }
-  }
-  .dark\:text-red-300 {
-    &:is(.dark *) {
-      color: var(--color-red-300);
+      color: var(--color-emerald-300);
     }
   }
   .dark\:prose-invert {
@@ -4525,16 +4487,6 @@ code.hljs {
     opacity: 0.5;
   }
 }
-@keyframes bounce {
-  0%, 100% {
-    transform: translateY(-25%);
-    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
-  }
-  50% {
-    transform: none;
-    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  }
-}
 @keyframes enter {
   from {
     opacity: var(--tw-enter-opacity,1);