reachat 2.1.0-alpha.12 → 2.1.0-alpha.14

package/dist/index.css

@@ -44,6 +44,7 @@
     --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);
@@ -830,9 +831,6 @@
   .relative {
     position: relative;
   }
-  .static {
-    position: static;
-  }
   .sticky {
     position: sticky;
   }
@@ -884,9 +882,6 @@
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
-  .bottom-1 {
-    bottom: calc(var(--spacing) * 1);
-  }
   .bottom-5 {
     bottom: calc(var(--spacing) * 5);
   }
@@ -1392,6 +1387,9 @@
   .h-11 {
     height: calc(var(--spacing) * 11);
   }
+  .h-24 {
+    height: calc(var(--spacing) * 24);
+  }
   .h-46 {
     height: calc(var(--spacing) * 46);
   }
@@ -1425,6 +1423,9 @@
   .h-\[60px\] {
     height: 60px;
   }
+  .h-\[100px\] {
+    height: 100px;
+  }
   .h-\[300px\] {
     height: 300px;
   }
@@ -1545,6 +1546,9 @@
   .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%);
   }
@@ -1554,6 +1558,9 @@
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
+  .w-5\/6 {
+    width: calc(5/6 * 100%);
+  }
   .w-6 {
     width: calc(var(--spacing) * 6);
   }
@@ -1572,6 +1579,9 @@
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
   .w-\[9px\] {
     width: 9px;
   }
@@ -1584,12 +1594,27 @@
   .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;
   }
@@ -1762,8 +1787,8 @@
   .rotate-180 {
     rotate: 180deg;
   }
-  .transform {
-    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+  .animate-\[pulse_1\.5s_ease-in-out_infinite\] {
+    animation: pulse 1.5s ease-in-out infinite;
   }
   .cursor-\[initial\] {
     cursor: initial;
@@ -2049,6 +2074,9 @@
   .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);
   }
@@ -2550,6 +2578,9 @@
   .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);
   }
@@ -3030,6 +3061,10 @@
     }
     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%);
   }
@@ -3039,6 +3074,10 @@
   .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));
@@ -3051,10 +3090,19 @@
     --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));
@@ -3071,6 +3119,9 @@
     --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;
   }
@@ -4172,19 +4223,12 @@
   .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;
   }
@@ -4197,6 +4241,9 @@
   .opacity-10 {
     opacity: 10%;
   }
+  .opacity-30 {
+    opacity: 30%;
+  }
   .opacity-40 {
     opacity: 40%;
   }
@@ -4221,10 +4268,6 @@
   .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);
@@ -4526,6 +4569,15 @@
       }
     }
   }
+  .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) {
@@ -6426,23 +6478,6 @@
       }
     }
   }
-  .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;
@@ -6829,6 +6864,12 @@
       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%);
@@ -6882,6 +6923,12 @@
       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%);
@@ -9717,26 +9764,6 @@ 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;
@@ -9814,26 +9841,6 @@ 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;
@@ -10021,17 +10028,22 @@ 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;
@@ -10049,11 +10061,6 @@ 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-l2ncOVPh.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--Kv_qij4.js";
 import "react/jsx-runtime";
 import "motion/react";
 import "reablocks";

package/dist/index.umd.cjs

@@ -96,7 +96,13 @@
           toolbar: "text-xs flex items-center justify-between px-2 py-1 rounded-t sticky top-0 backdrop-blur-md bg-gradient-neutral-500/50",
           li: "mb-2 ml-6",
           ul: "mb-4 list-disc",
-          ol: "mb-4 list-decimal"
+          ol: "mb-4 list-decimal",
+          h1: "text-4xl font-bold mb-4 mt-6",
+          h2: "text-3xl font-bold mb-3 mt-5",
+          h3: "text-2xl font-bold mb-3 mt-4",
+          h4: "text-xl font-bold mb-2 mt-3",
+          h5: "text-lg font-bold mb-2 mt-2",
+          h6: "text-base font-bold mb-2 mt-2"
         },
         csvPreview: {
           base: "flex flex-col gap-2",
@@ -1548,7 +1554,13 @@
         p: (props) => /* @__PURE__ */ jsxRuntime.jsx("p", { ...props, className: reablocks.cn(theme.messages.message.markdown.p) }),
         li: (props) => /* @__PURE__ */ jsxRuntime.jsx("li", { ...props, className: reablocks.cn(theme.messages.message.markdown.li) }),
         ul: (props) => /* @__PURE__ */ jsxRuntime.jsx("ul", { ...props, className: reablocks.cn(theme.messages.message.markdown.ul) }),
-        ol: (props) => /* @__PURE__ */ jsxRuntime.jsx("ol", { ...props, className: reablocks.cn(theme.messages.message.markdown.ol) })
+        ol: (props) => /* @__PURE__ */ jsxRuntime.jsx("ol", { ...props, className: reablocks.cn(theme.messages.message.markdown.ol) }),
+        h1: (props) => /* @__PURE__ */ jsxRuntime.jsx("h1", { ...props, className: reablocks.cn(theme.messages.message.markdown.h1) }),
+        h2: (props) => /* @__PURE__ */ jsxRuntime.jsx("h2", { ...props, className: reablocks.cn(theme.messages.message.markdown.h2) }),
+        h3: (props) => /* @__PURE__ */ jsxRuntime.jsx("h3", { ...props, className: reablocks.cn(theme.messages.message.markdown.h3) }),
+        h4: (props) => /* @__PURE__ */ jsxRuntime.jsx("h4", { ...props, className: reablocks.cn(theme.messages.message.markdown.h4) }),
+        h5: (props) => /* @__PURE__ */ jsxRuntime.jsx("h5", { ...props, className: reablocks.cn(theme.messages.message.markdown.h5) }),
+        h6: (props) => /* @__PURE__ */ jsxRuntime.jsx("h6", { ...props, className: reablocks.cn(theme.messages.message.markdown.h6) })
       },
       children
     }