@dust-tt/sparkle 0.2.646-rc-1 → 0.2.646-rc-3

package/dist/esm/components/markdown/Markdown.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
 import type { Components } from "react-markdown";
 import type { PluggableList } from "react-markdown/lib/react-markdown";
-export declare function Markdown({ content, isStreaming, textColor, forcedTextSize, isLastMessage, additionalMarkdownComponents, additionalMarkdownPlugins, }: {
+export declare function Markdown({ content, isStreaming, shouldHaveStreamingAnimation, textColor, forcedTextSize, isLastMessage, additionalMarkdownComponents, additionalMarkdownPlugins, }: {
     content: string;
     isStreaming?: boolean;
+    shouldHaveStreamingAnimation?: boolean;
     textColor?: string;
     isLastMessage?: boolean;
     forcedTextSize?: string;

package/dist/esm/components/markdown/Markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/Markdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AA4DvE,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,WAAmB,EACnB,SAA4D,EAC5D,cAAc,EACd,aAAqB,EACrB,4BAA4B,EAC5B,yBAAyB,GAC1B,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B,CAAC,EAAE,UAAU,CAAC;IAC1C,yBAAyB,CAAC,EAAE,aAAa,CAAC;CAC3C,qBA+KA"}
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/Markdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AA8DvE,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,WAAmB,EACnB,4BAAoC,EACpC,SAA4D,EAC5D,cAAc,EACd,aAAqB,EACrB,4BAA4B,EAC5B,yBAAyB,GAC1B,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B,CAAC,EAAE,UAAU,CAAC;IAC1C,yBAAyB,CAAC,EAAE,aAAa,CAAC;CAC3C,qBAoLA"}

package/dist/esm/components/markdown/Markdown.js

@@ -21,6 +21,7 @@ import { MemoTableBlock, MemoTableBodyBlock, MemoTableDataBlock, MemoTableHeadBl
 import { MemoHorizontalRuleBlock, MemoStrongBlock, } from "../../components/markdown/TextFormattingBlocks";
 import { sanitizeContent } from "../../components/markdown/utils";
 import { cn } from "../../lib/utils";
+import { useAnimatedText } from "./useAnimatedText";
 var sizes = __assign({ p: "s-copy-sm @sm:s-text-base @sm:s-leading-7" }, markdownHeaderClasses);
 function showUnsupportedDirective() {
     return function (tree) {
@@ -34,8 +35,9 @@ function showUnsupportedDirective() {
     };
 }
 export function Markdown(_a) {
-    var content = _a.content, _b = _a.isStreaming, isStreaming = _b === void 0 ? false : _b, _c = _a.textColor, textColor = _c === void 0 ? "s-text-foreground dark:s-text-foreground-night" : _c, forcedTextSize = _a.forcedTextSize, _d = _a.isLastMessage, isLastMessage = _d === void 0 ? false : _d, additionalMarkdownComponents = _a.additionalMarkdownComponents, additionalMarkdownPlugins = _a.additionalMarkdownPlugins;
+    var content = _a.content, _b = _a.isStreaming, isStreaming = _b === void 0 ? false : _b, _c = _a.shouldHaveStreamingAnimation, shouldHaveStreamingAnimation = _c === void 0 ? false : _c, _d = _a.textColor, textColor = _d === void 0 ? "s-text-foreground dark:s-text-foreground-night" : _d, forcedTextSize = _a.forcedTextSize, _e = _a.isLastMessage, isLastMessage = _e === void 0 ? false : _e, additionalMarkdownComponents = _a.additionalMarkdownComponents, additionalMarkdownPlugins = _a.additionalMarkdownPlugins;
     var processedContent = useMemo(function () { return sanitizeContent(content); }, [content]);
+    var markdownContent = useAnimatedText(processedContent, isStreaming && shouldHaveStreamingAnimation);
     // Note on re-renderings. A lot of effort has been put into preventing rerendering across markdown
     // AST parsing rounds (happening at each token being streamed).
     //
@@ -98,16 +100,16 @@ export function Markdown(_a) {
     ], false); }, [additionalMarkdownPlugins]);
     var rehypePlugins = [[rehypeKatex, { output: "mathml" }]];
     try {
-        return (React.createElement("div", { className: cn("s-w-full", isStreaming ? "s-blinking-cursor" : "") },
+        return (React.createElement("div", { className: cn("s-w-full") },
             React.createElement(MarkdownContentContext.Provider, { value: {
                     content: processedContent,
                     isStreaming: isStreaming,
                     isLastMessage: isLastMessage,
                 } },
-                React.createElement(ReactMarkdown, { linkTarget: "_blank", components: markdownComponents, remarkPlugins: markdownPlugins, rehypePlugins: rehypePlugins }, processedContent))));
+                React.createElement(ReactMarkdown, { linkTarget: "_blank", components: markdownComponents, remarkPlugins: markdownPlugins, rehypePlugins: rehypePlugins }, markdownContent))));
     }
     catch (error) {
-        return (React.createElement("div", { className: cn("s-w-full", isStreaming ? "s-blinking-cursor" : "") },
+        return (React.createElement("div", { className: cn("s-w-full") },
             React.createElement(Chip, { color: "warning" }, "There was an error parsing this markdown content"),
             processedContent));
     }

package/dist/esm/components/markdown/Markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../../src/components/markdown/Markdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../../src/components/markdown/Markdown.tsx"],"names":[],"mappings":";AAAA,uDAAuD;AACvD,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAE3C,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAC/C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,gCAAgC,EAAE,MAAM,2DAA2D,CAAC;AAC7G,OAAO,EACL,qBAAqB,EACrB,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,GACZ,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,GACZ,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EACL,uBAAuB,EACvB,eAAe,GAChB,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,IAAM,KAAK,cACT,CAAC,EAAE,2CAA2C,IAC3C,qBAAqB,CACzB,CAAC;AAEF,SAAS,wBAAwB;IAC/B,OAAO,UAAC,IAAS;QACf,KAAK,CAAC,IAAI,EAAE,CAAC,eAAe,CAAC,EAAE,UAAC,IAAI;YAClC,IAAI,IAAI,CAAC,IAAI,KAAK,eAAe,EAAE,CAAC;gBAClC,8DAA8D;gBAC9D,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;gBACnB,IAAI,CAAC,KAAK,GAAG,WAAI,IAAI,CAAC,IAAI,SAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAE,CAAC;YACtG,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAkBxB;QAjBC,OAAO,aAAA,EACP,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,oCAAoC,EAApC,4BAA4B,mBAAG,KAAK,KAAA,EACpC,iBAA4D,EAA5D,SAAS,mBAAG,gDAAgD,KAAA,EAC5D,cAAc,oBAAA,EACd,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,4BAA4B,kCAAA,EAC5B,yBAAyB,+BAAA;IAWzB,IAAM,gBAAgB,GAAG,OAAO,CAAC,cAAM,OAAA,eAAe,CAAC,OAAO,CAAC,EAAxB,CAAwB,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE5E,IAAM,eAAe,GAAG,eAAe,CACrC,gBAAgB,EAChB,WAAW,IAAI,4BAA4B,CAC5C,CAAC;IAEF,kGAAkG;IAClG,+DAA+D;IAC/D,EAAE;IACF,yFAAyF;IACzF,+FAA+F;IAC/F,oFAAoF;IACpF,iEAAiE;IACjE,EAAE;IACF,iGAAiG;IACjG,UAAU;IACV,EAAE;IACF,iGAAiG;IACjG,oCAAoC;IAEpC,0FAA0F;IAC1F,IAAM,kBAAkB,GAAe,OAAO,CAAC;QAC7C,kBACE,GAAG,EAAE,UAAC,EAAkB;oBAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;gBAAO,OAAA,CAC3B,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,IAAG,QAAQ,CAAgB,CACpD;YAF4B,CAE5B,EACD,CAAC,EAAE,aAAa,EAChB,EAAE,EAAE,UAAC,EAAkB;oBAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;gBAAO,OAAA,CAC1B,oBAAC,WAAW,IACV,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EACnD,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,IAET,QAAQ,CACG,CACf;YAR2B,CAQ3B,EACD,EAAE,EAAE,UAAC,EAAyB;oBAAvB,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;gBAAO,OAAA,CACjC,oBAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EACnD,IAAI,EAAE,IAAI,IAET,QAAQ,CACG,CACf;YATkC,CASlC,EACD,EAAE,EAAE,UAAC,EAAkB;oBAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;gBAAO,OAAA,CAC1B,oBAAC,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EACnD,IAAI,EAAE,IAAI,IAET,QAAQ,CACG,CACf;YAR2B,CAQ3B,EACD,CAAC,EAAE,UAAC,EAAkB;oBAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;gBAAO,OAAA,CACzB,oBAAC,kBAAkB,IACjB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EACnD,IAAI,EAAE,IAAI,IAET,QAAQ,CACU,CACtB;YAR0B,CAQ1B,EACD,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,kBAAkB,EACzB,KAAK,EAAE,kBAAkB,EACzB,EAAE,EAAE,oBAAoB,EACxB,EAAE,EAAE,kBAAkB,EACtB,EAAE,EAAE,UAAC,EAAkB;oBAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;gBAAO,OAAA,CAC1B,oBAAC,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,IAET,QAAQ,CACG,CACf;YAR2B,CAQ3B,EACD,EAAE,EAAE,UAAC,EAAkB;oBAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;gBAAO,OAAA,CAC1B,oBAAC,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,IAET,QAAQ,CACG,CACf;YAR2B,CAQ3B,EACD,EAAE,EAAE,UAAC,EAAkB;oBAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;gBAAO,OAAA,CAC1B,oBAAC,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,IAET,QAAQ,CACG,CACf;YAR2B,CAQ3B,EACD,EAAE,EAAE,UAAC,EAAkB;oBAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;gBAAO,OAAA,CAC1B,oBAAC,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,IAET,QAAQ,CACG,CACf;YAR2B,CAQ3B,EACD,EAAE,EAAE,UAAC,EAAkB;oBAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;gBAAO,OAAA,CAC1B,oBAAC,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,IAET,QAAQ,CACG,CACf;YAR2B,CAQ3B,EACD,EAAE,EAAE,UAAC,EAAkB;oBAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;gBAAO,OAAA,CAC1B,oBAAC,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,IAET,QAAQ,CACG,CACf;YAR2B,CAQ3B,EACD,MAAM,EAAE,UAAC,EAAkB;oBAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;gBAAO,OAAA,CAC9B,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI,IAAG,QAAQ,CAAmB,CAC1D;YAF+B,CAE/B,EACD,KAAK,EAAE,cAAc,EACrB,UAAU,EAAE,mBAAmB,EAC/B,EAAE,EAAE,uBAAuB,EAC3B,IAAI,EAAE,gCAAgC,IACnC,4BAA4B,EAC/B;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,4BAA4B,CAAC,CAAC,CAAC;IAE9C,IAAM,eAAe,GAAkB,OAAO,CAC5C,cAAM;QACJ,eAAe;QACf,SAAS;QACT,CAAC,UAAU,EAAE,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC;cAC1C,CAAC,yBAAyB,IAAI,EAAE,CAAC;QACpC,wBAAwB;eALpB,CAML,EACD,CAAC,yBAAyB,CAAC,CAC5B,CAAC;IAEF,IAAM,aAAa,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAkB,CAAC;IAE7E,IAAI,CAAC;QACH,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC;YAC5B,oBAAC,sBAAsB,CAAC,QAAQ,IAC9B,KAAK,EAAE;oBACL,OAAO,EAAE,gBAAgB;oBACzB,WAAW,aAAA;oBACX,aAAa,eAAA;iBACd;gBAED,oBAAC,aAAa,IACZ,UAAU,EAAC,QAAQ,EACnB,UAAU,EAAE,kBAAkB,EAC9B,aAAa,EAAE,eAAe,EAC9B,aAAa,EAAE,aAAa,IAE3B,eAAe,CACF,CACgB,CAC9B,CACP,CAAC;IACJ,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC;YAC5B,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,uDAEd;YACN,gBAAgB,CACb,CACP,CAAC;IACJ,CAAC;AACH,CAAC"}

package/dist/esm/components/markdown/useAnimatedText.d.ts

@@ -0,0 +1,2 @@
+export declare function useAnimatedText(text: string, shouldAnimate: boolean): string;
+//# sourceMappingURL=useAnimatedText.d.ts.map

package/dist/esm/components/markdown/useAnimatedText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatedText.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/useAnimatedText.ts"],"names":[],"mappings":"AAKA,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,UA8BnE"}

package/dist/esm/components/markdown/useAnimatedText.js

@@ -0,0 +1,31 @@
+import { __read } from "tslib";
+import { animate } from "framer-motion";
+import { useEffect, useState } from "react";
+var delimiter = /(?=[\s\S])/;
+export function useAnimatedText(text, shouldAnimate) {
+    var _a = __read(useState(0), 2), cursor = _a[0], setCursor = _a[1];
+    var _b = __read(useState(0), 2), startingCursor = _b[0], setStartingCursor = _b[1];
+    var _c = __read(useState(text), 2), prevText = _c[0], setPrevText = _c[1];
+    if (prevText !== text) {
+        setPrevText(text);
+        setStartingCursor(cursor);
+    }
+    useEffect(function () {
+        if (shouldAnimate) {
+            var textParts = text.split(delimiter);
+            var controls_1 = animate(startingCursor, textParts.length, {
+                duration: 4,
+                ease: "easeOut",
+                onUpdate: function (latest) {
+                    setCursor(Math.floor(latest));
+                },
+            });
+            return function () { return controls_1.stop(); };
+        }
+    }, [startingCursor, text]);
+    if (!shouldAnimate) {
+        return text;
+    }
+    return text.split(delimiter).slice(0, cursor).join("");
+}
+//# sourceMappingURL=useAnimatedText.js.map

package/dist/esm/components/markdown/useAnimatedText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatedText.js","sourceRoot":"","sources":["../../../../src/components/markdown/useAnimatedText.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,IAAM,SAAS,GAAG,YAAY,CAAC;AAE/B,MAAM,UAAU,eAAe,CAAC,IAAY,EAAE,aAAsB;IAC5D,IAAA,KAAA,OAAsB,QAAQ,CAAC,CAAC,CAAC,IAAA,EAAhC,MAAM,QAAA,EAAE,SAAS,QAAe,CAAC;IAClC,IAAA,KAAA,OAAsC,QAAQ,CAAC,CAAC,CAAC,IAAA,EAAhD,cAAc,QAAA,EAAE,iBAAiB,QAAe,CAAC;IAClD,IAAA,KAAA,OAA0B,QAAQ,CAAC,IAAI,CAAC,IAAA,EAAvC,QAAQ,QAAA,EAAE,WAAW,QAAkB,CAAC;IAE/C,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACtB,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAC5B,CAAC;IAED,SAAS,CAAC;QACR,IAAI,aAAa,EAAE,CAAC;YAClB,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YACxC,IAAM,UAAQ,GAAG,OAAO,CAAC,cAAc,EAAE,SAAS,CAAC,MAAM,EAAE;gBACzD,QAAQ,EAAE,CAAC;gBACX,IAAI,EAAE,SAAS;gBACf,QAAQ,YAAC,MAAM;oBACb,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;gBAChC,CAAC;aACF,CAAC,CAAC;YAEH,OAAO,cAAM,OAAA,UAAQ,CAAC,IAAI,EAAE,EAAf,CAAe,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC,CAAC;IAE3B,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzD,CAAC"}

package/dist/esm/styles/global.css

@@ -51,15 +51,3 @@
     --tw-checker-color: theme("colors.slate.950"); /* Dark mode pattern color */
   }
 }
-
-.s-blinking-cursor > :not(pre):last-child::after {
-  content: "";
-  width: 8px;
-  height: 16px;
-  @apply s-bg-success-400;
-  display: inline-block;
-  @apply s-animate-cursor-blink;
-  margin-left: 5px;
-  position: relative;
-  top: 4px;
-}

package/dist/esm/styles/global_with_tw_base.css

@@ -2,18 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-.s-blinking-cursor > :not(pre):last-child::after {
-  content: "";
-  width: 8px;
-  height: 16px;
-  @apply s-bg-success-400;
-  display: inline-block;
-  @apply s-animate-cursor-blink;
-  margin-left: 5px;
-  position: relative;
-  top: 4px;
-}
-
 @keyframes collapse-down {
   from {
     height: 0;

package/dist/esm/styles/tailwind.css

@@ -2,17 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-.s-blinking-cursor > :not(pre):last-child::after {
-  content: "";
-  width: 8px;
-  height: 16px;
-  @apply s-bg-success-400;
-  display: inline-block;
-  @apply s-animate-cursor-blink;
-  margin-left: 5px;
-  position: relative;
-  top: 4px;
-}
 
 @keyframes bgblink {
   0%,

package/dist/sparkle.css

@@ -5409,40 +5409,6 @@ select {
           mask-image: radial-gradient(white,black);
 }
 
-.s-blinking-cursor > :not(pre):last-child::after {
-  content: "";
-  width: 8px;
-  height: 16px;
-  --tw-bg-opacity: 1;
-  background-color: rgb(145 193 116 / var(--tw-bg-opacity));
-  display: inline-block;
-}
-
-@keyframes s-cursor-blink {
-  0% {
-    opacity: 1;
-  }
-
-  60% {
-    opacity: 1;
-  }
-
-  70% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 0;
-  }
-}
-
-.s-blinking-cursor > :not(pre):last-child::after {
-  animation: s-cursor-blink 0.9s infinite;;
-  margin-left: 5px;
-  position: relative;
-  top: 4px;
-}
-
 @keyframes bgblink {
   0%,
   100% {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.646-rc-1",
+  "version": "0.2.646-rc-3",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",
@@ -118,6 +118,7 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "emoji-mart": "^5.5.2",
+    "framer-motion": "^12.23.22",
     "lottie-react": "^2.4.0",
     "lottie-web": "^5.12.2",
     "mermaid": "^11.4.1",

package/src/components/markdown/Markdown.tsx

@@ -45,6 +45,8 @@ import {
 import { sanitizeContent } from "@sparkle/components/markdown/utils";
 import { cn } from "@sparkle/lib/utils";
 
+import { useAnimatedText } from "./useAnimatedText";
+
 const sizes = {
   p: "s-copy-sm @sm:s-text-base @sm:s-leading-7",
   ...markdownHeaderClasses,
@@ -65,6 +67,7 @@ function showUnsupportedDirective() {
 export function Markdown({
   content,
   isStreaming = false,
+  shouldHaveStreamingAnimation = false,
   textColor = "s-text-foreground dark:s-text-foreground-night",
   forcedTextSize,
   isLastMessage = false,
@@ -73,6 +76,7 @@ export function Markdown({
 }: {
   content: string;
   isStreaming?: boolean;
+  shouldHaveStreamingAnimation?: boolean;
   textColor?: string;
   isLastMessage?: boolean;
   forcedTextSize?: string;
@@ -81,6 +85,11 @@ export function Markdown({
 }) {
   const processedContent = useMemo(() => sanitizeContent(content), [content]);
 
+  const markdownContent = useAnimatedText(
+    processedContent,
+    isStreaming && shouldHaveStreamingAnimation
+  );
+
   // Note on re-renderings. A lot of effort has been put into preventing rerendering across markdown
   // AST parsing rounds (happening at each token being streamed).
   //
@@ -224,7 +233,7 @@ export function Markdown({
 
   try {
     return (
-      <div className={cn("s-w-full", isStreaming ? "s-blinking-cursor" : "")}>
+      <div className={cn("s-w-full")}>
         <MarkdownContentContext.Provider
           value={{
             content: processedContent,
@@ -238,14 +247,14 @@ export function Markdown({
             remarkPlugins={markdownPlugins}
             rehypePlugins={rehypePlugins}
           >
-            {processedContent}
+            {markdownContent}
           </ReactMarkdown>
         </MarkdownContentContext.Provider>
       </div>
     );
   } catch (error) {
     return (
-      <div className={cn("s-w-full", isStreaming ? "s-blinking-cursor" : "")}>
+      <div className={cn("s-w-full")}>
         <Chip color="warning">
           There was an error parsing this markdown content
         </Chip>

package/src/components/markdown/useAnimatedText.ts

@@ -0,0 +1,36 @@
+import { animate } from "framer-motion";
+import { useEffect, useState } from "react";
+
+const delimiter = /(?=[\s\S])/;
+
+export function useAnimatedText(text: string, shouldAnimate: boolean) {
+  const [cursor, setCursor] = useState(0);
+  const [startingCursor, setStartingCursor] = useState(0);
+  const [prevText, setPrevText] = useState(text);
+
+  if (prevText !== text) {
+    setPrevText(text);
+    setStartingCursor(cursor);
+  }
+
+  useEffect(() => {
+    if (shouldAnimate) {
+      const textParts = text.split(delimiter);
+      const controls = animate(startingCursor, textParts.length, {
+        duration: 4,
+        ease: "easeOut",
+        onUpdate(latest) {
+          setCursor(Math.floor(latest));
+        },
+      });
+
+      return () => controls.stop();
+    }
+  }, [startingCursor, text]);
+
+  if (!shouldAnimate) {
+    return text;
+  }
+
+  return text.split(delimiter).slice(0, cursor).join("");
+}

package/src/styles/global.css

@@ -51,15 +51,3 @@
     --tw-checker-color: theme("colors.slate.950"); /* Dark mode pattern color */
   }
 }
-
-.s-blinking-cursor > :not(pre):last-child::after {
-  content: "";
-  width: 8px;
-  height: 16px;
-  @apply s-bg-success-400;
-  display: inline-block;
-  @apply s-animate-cursor-blink;
-  margin-left: 5px;
-  position: relative;
-  top: 4px;
-}

package/src/styles/global_with_tw_base.css

@@ -2,18 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-.s-blinking-cursor > :not(pre):last-child::after {
-  content: "";
-  width: 8px;
-  height: 16px;
-  @apply s-bg-success-400;
-  display: inline-block;
-  @apply s-animate-cursor-blink;
-  margin-left: 5px;
-  position: relative;
-  top: 4px;
-}
-
 @keyframes collapse-down {
   from {
     height: 0;

package/src/styles/tailwind.css

@@ -2,17 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-.s-blinking-cursor > :not(pre):last-child::after {
-  content: "";
-  width: 8px;
-  height: 16px;
-  @apply s-bg-success-400;
-  display: inline-block;
-  @apply s-animate-cursor-blink;
-  margin-left: 5px;
-  position: relative;
-  top: 4px;
-}
 
 @keyframes bgblink {
   0%,