reachat 2.1.0-alpha.14 → 2.1.0-alpha.15

package/dist/index.css

@@ -44,7 +44,6 @@
     --radius-xs: 0.125rem;
     --radius-md: 0.375rem;
     --radius-xl: 0.75rem;
-    --radius-2xl: 1rem;
     --radius-3xl: 1.5rem;
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
@@ -831,6 +830,9 @@
   .relative {
     position: relative;
   }
+  .static {
+    position: static;
+  }
   .sticky {
     position: sticky;
   }
@@ -882,6 +884,9 @@
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
+  .bottom-1 {
+    bottom: calc(var(--spacing) * 1);
+  }
   .bottom-5 {
     bottom: calc(var(--spacing) * 5);
   }
@@ -1387,9 +1392,6 @@
   .h-11 {
     height: calc(var(--spacing) * 11);
   }
-  .h-24 {
-    height: calc(var(--spacing) * 24);
-  }
   .h-46 {
     height: calc(var(--spacing) * 46);
   }
@@ -1423,9 +1425,6 @@
   .h-\[60px\] {
     height: 60px;
   }
-  .h-\[100px\] {
-    height: 100px;
-  }
   .h-\[300px\] {
     height: 300px;
   }
@@ -1546,9 +1545,6 @@
   .w-3\.5 {
     width: calc(var(--spacing) * 3.5);
   }
-  .w-3\/4 {
-    width: calc(3/4 * 100%);
-  }
   .w-3\/5 {
     width: calc(3/5 * 100%);
   }
@@ -1558,9 +1554,6 @@
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
-  .w-5\/6 {
-    width: calc(5/6 * 100%);
-  }
   .w-6 {
     width: calc(var(--spacing) * 6);
   }
@@ -1579,9 +1572,6 @@
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
-  .w-24 {
-    width: calc(var(--spacing) * 24);
-  }
   .w-\[9px\] {
     width: 9px;
   }
@@ -1594,27 +1584,12 @@
   .w-\[50px\] {
     width: 50px;
   }
-  .w-\[60\%\] {
-    width: 60%;
-  }
   .w-\[60px\] {
     width: 60px;
   }
-  .w-\[70\%\] {
-    width: 70%;
-  }
   .w-\[80\%\] {
     width: 80%;
   }
-  .w-\[90\%\] {
-    width: 90%;
-  }
-  .w-\[100px\] {
-    width: 100px;
-  }
-  .w-\[200px\] {
-    width: 200px;
-  }
   .w-\[250px\] {
     width: 250px;
   }
@@ -1787,8 +1762,8 @@
   .rotate-180 {
     rotate: 180deg;
   }
-  .animate-\[pulse_1\.5s_ease-in-out_infinite\] {
-    animation: pulse 1.5s ease-in-out infinite;
+  .transform {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
   .cursor-\[initial\] {
     cursor: initial;
@@ -2074,9 +2049,6 @@
   .rounded-\(--tags-details-corner-radius-base\) {
     border-radius: var(--tags-details-corner-radius-base);
   }
-  .rounded-2xl {
-    border-radius: var(--radius-2xl);
-  }
   .rounded-3xl {
     border-radius: var(--radius-3xl);
   }
@@ -2578,9 +2550,6 @@
   .bg-background-neutral-raised-3 {
     background-color: var(--background-neutral-raised-3);
   }
-  .bg-background-neutral-raised-4 {
-    background-color: var(--background-neutral-raised-4);
-  }
   .bg-background-neutral-raised-5 {
     background-color: var(--background-neutral-raised-5);
   }
@@ -3061,10 +3030,6 @@
     }
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
-  .bg-gradient-to-r {
-    --tw-gradient-position: to right in oklab;
-    background-image: linear-gradient(var(--tw-gradient-stops));
-  }
   .\[background-image\:linear-gradient\(-126\.85deg\,_rgba\(30\,_30\,_46\,_0\)_63\.1678\%\,_\#2F6AFF_88\.9438\%\)\] {
     background-image: linear-gradient(-126.85deg, rgba(30, 30, 46, 0) 63.1678%, #2F6AFF 88.9438%);
   }
@@ -3074,10 +3039,6 @@
   .bg-none {
     background-image: none;
   }
-  .from-background-neutral-raised-3 {
-    --tw-gradient-from: var(--background-neutral-raised-3);
-    --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));
-  }
   .from-blue-skybolt-a-500 {
     --tw-gradient-from: var(--color-blue-skybolt-a-500);
     --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));
@@ -3090,19 +3051,10 @@
     --tw-gradient-from: transparent;
     --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));
   }
-  .via-background-neutral-raised-4 {
-    --tw-gradient-via: var(--background-neutral-raised-4);
-    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-via-stops);
-  }
   .to-background-brand-base {
     --tw-gradient-to: var(--background-brand-base);
     --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));
   }
-  .to-background-neutral-raised-3 {
-    --tw-gradient-to: var(--background-neutral-raised-3);
-    --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));
-  }
   .to-blue-hyperstream-500 {
     --tw-gradient-to: var(--color-blue-hyperstream-500);
     --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));
@@ -3119,9 +3071,6 @@
     --tw-gradient-to: transparent;
     --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\:200\%_100\%\] {
-    background-size: 200% 100%;
-  }
   .bg-cover {
     background-size: cover;
   }
@@ -4223,12 +4172,19 @@
   .capitalize {
     text-transform: capitalize;
   }
+  .lowercase {
+    text-transform: lowercase;
+  }
   .uppercase {
     text-transform: uppercase;
   }
   .italic {
     font-style: italic;
   }
+  .ordinal {
+    --tw-ordinal: ordinal;
+    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+  }
   .underline {
     text-decoration-line: underline;
   }
@@ -4241,9 +4197,6 @@
   .opacity-10 {
     opacity: 10%;
   }
-  .opacity-30 {
-    opacity: 30%;
-  }
   .opacity-40 {
     opacity: 40%;
   }
@@ -4268,6 +4221,10 @@
   .opacity-100 {
     opacity: 100%;
   }
+  .shadow {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-2xl {
     --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4569,15 +4526,6 @@
       }
     }
   }
-  .group-hover\:stroke-selectors-colors-checkbox-selected-assets-hover {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        stroke: var(
-    --content-assets-on-color-light-light
-  );
-      }
-    }
-  }
   .group-hover\:text-buttons-colors-core-icon-ghost-text-hover {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -6478,6 +6426,23 @@
       }
     }
   }
+  .focus-visible\:outline-1 {
+    &:focus-visible {
+      outline-style: var(--tw-outline-style);
+      outline-width: 1px;
+    }
+  }
+  .focus-visible\:outline-offset-2 {
+    &:focus-visible {
+      outline-offset: 2px;
+    }
+  }
+  .focus-visible\:outline-dashed {
+    &:focus-visible {
+      --tw-outline-style: dashed;
+      outline-style: dashed;
+    }
+  }
   .focus-visible\:outline-none {
     &:focus-visible {
       --tw-outline-style: none;
@@ -6864,12 +6829,6 @@
       background-color: var(--background-neutral-raised-4);
     }
   }
-  .dark\:bg-gradient-to-r {
-    &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
-      --tw-gradient-position: to right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
-    }
-  }
   .dark\:bg-\[radial-gradient\(circle\,rgba\(36\,36\,66\,0\.3\)_2\%\,rgba\(2\,2\,15\,1\)_80\%\)\] {
     &:where(.theme-dark, .theme-dark *, [data-theme=dark], [data-theme=dark] *) {
       background-image: radial-gradient(circle,rgba(36,36,66,0.3) 2%,rgba(2,2,15,1) 80%);
@@ -6923,12 +6882,6 @@
       background-color: var(--color-neutrals-pure-white-dnt-1000);
     }
   }
-  .light\:bg-gradient-to-r {
-    &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
-      --tw-gradient-position: to right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
-    }
-  }
   .light\:bg-\[radial-gradient\(circle\,rgba\(224\,224\,232\,0\.3\)_2\%\,rgba\(247\,247\,250\,1\)_80\%\)\] {
     &:where(.theme-light, .theme-light *, [data-theme=light], [data-theme=light] *) {
       background-image: radial-gradient(circle,rgba(224,224,232,0.3) 2%,rgba(247,247,250,1) 80%);
@@ -9764,6 +9717,26 @@ body {
   inherits: false;
   initial-value: 0;
 }
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-pan-x {
   syntax: "*";
   inherits: false;
@@ -9841,6 +9814,26 @@ body {
   syntax: "*";
   inherits: false;
 }
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -10028,22 +10021,17 @@ body {
   inherits: false;
   initial-value: 1;
 }
-@keyframes pulse {
-  50% {
-    opacity: 0.5;
-  }
-}
-@keyframes pulse {
-  50% {
-    opacity: 0.5;
-  }
-}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
       --tw-pan-x: initial;
       --tw-pan-y: initial;
       --tw-pinch-zoom: initial;
@@ -10061,6 +10049,11 @@ body {
       --tw-gradient-to-position: 100%;
       --tw-leading: initial;
       --tw-font-weight: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;

package/dist/index.js

@@ -10,7 +10,7 @@
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-import { A, b, c, C, d, e, F, M, j, k, m, n, o, p, q, N, i, w, x, s, t, u, v, y, z, T, g, f, B, h, D, l, r } from "./index--Kv_qij4.js";
+import { A, b, c, C, d, e, F, M, j, k, m, n, o, p, q, N, i, w, x, s, t, u, v, y, z, T, g, f, B, h, D, l, r } from "./index-LrxJaJRy.js";
 import "react/jsx-runtime";
 import "motion/react";
 import "reablocks";

package/dist/index.umd.cjs

@@ -310,6 +310,7 @@
   const SvgPaperclip = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", width: "24px", height: "24px", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M25.3,56.007c-3.409,0-6.818-1.297-9.414-3.893c-2.595-2.596-3.893-6.005-3.893-9.415c0-3.409,1.298-6.819,3.893-9.414 l20.4-20.4c1.847-1.847,4.302-2.864,6.914-2.864c2.611,0,5.067,1.017,6.914,2.864c3.812,3.813,3.812,10.016,0,13.829l-20.4,20.4 c-2.438,2.439-6.385,2.441-8.828,0c-2.434-2.435-2.434-6.395,0-8.829l13.7-13.7c0.781-0.781,2.047-0.781,2.828,0 c0.781,0.781,0.781,2.047,0,2.828l-13.7,13.7c-0.874,0.875-0.874,2.297,0.001,3.172c0.847,0.846,2.324,0.846,3.171,0l20.4-20.4 c2.252-2.253,2.252-5.919,0-8.172c-1.092-1.091-2.543-1.692-4.086-1.692c-1.544,0-2.994,0.601-4.086,1.692l-20.4,20.4 c-1.815,1.816-2.723,4.201-2.723,6.586c0,2.385,0.908,4.77,2.723,6.586c1.816,1.815,4.201,2.723,6.586,2.723 c2.385,0,4.771-0.907,6.586-2.723l12.7-12.7c0.781-0.781,2.047-0.781,2.828,0c0.781,0.781,0.781,2.047,0,2.828l-12.7,12.7 C32.119,54.709,28.71,56.007,25.3,56.007z", fill: "currentColor" }));
   const FileInput = ({
     allowedFiles,
+    multiple,
     onFileUpload,
     isLoading,
     disabled,
@@ -325,6 +326,7 @@
           ref: fileInputRef,
           className: "hidden",
           accept: allowedFiles.join(","),
+          multiple,
           onChange: (e) => {
             onFileUpload(e);
             if (fileInputRef.current) {
@@ -349,6 +351,7 @@
   const ChatInput = React.forwardRef(
     ({
       allowedFiles,
+      allowMultipleFiles = false,
       placeholder,
       defaultValue,
       className,
@@ -405,9 +408,16 @@
         }
       };
       const handleFileUpload = (event) => {
-        const file = event.target.files?.[0];
-        if (file && fileUpload) {
-          fileUpload(file);
+        const files = event.target.files;
+        if (files && fileUpload) {
+          if (allowMultipleFiles) {
+            Array.from(files).forEach((file) => fileUpload(file));
+          } else {
+            const file = files[0];
+            if (file) {
+              fileUpload(file);
+            }
+          }
         }
       };
       const handleMessageChange = React.useCallback(
@@ -438,6 +448,7 @@
             FileInput,
             {
               allowedFiles,
+              multiple: allowMultipleFiles,
               onFileUpload: handleFileUpload,
               isLoading,
               disabled,