@dust-tt/sparkle 0.2.645 → 0.2.646-rc-2

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/LinkBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAKpC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,iDACH,cAAc,uBAmBpC,CAAC"}

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

@@ -0,0 +1,11 @@
+import React, { memo } from "react";
+import { sameNodePosition } from "../../components/markdown/utils";
+import { cn } from "../../lib/utils";
+export var MemoLinkBlock = memo(function (_a) {
+    var href = _a.href, children = _a.children;
+    return (React.createElement("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: cn("s-break-all s-font-semibold s-transition-all s-duration-200 s-ease-in-out hover:s-underline", "s-text-highlight dark:s-text-highlight-night", "hover:s-text-highlight-400 dark:hover:s-text-highlight-400-night", "active:s-text-highlight-dark dark:active:s-text-highlight-dark-night") }, children));
+}, function (prev, next) {
+    return sameNodePosition(prev.node, next.node) && prev.href === next.href;
+});
+MemoLinkBlock.displayName = "LinkBlock";
+//# sourceMappingURL=LinkBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkBlock.js","sourceRoot":"","sources":["../../../../src/components/markdown/LinkBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAUxC,MAAM,CAAC,IAAM,aAAa,GAAG,IAAI,CAC/B,UAAC,EAAkC;QAAhC,IAAI,UAAA,EAAE,QAAQ,cAAA;IACf,OAAO,CACL,2BACE,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAE,EAAE,CACX,6FAA6F,EAC7F,8CAA8C,EAC9C,kEAAkE,EAClE,sEAAsE,CACvE,IAEA,QAAQ,CACP,CACL,CAAC;AACJ,CAAC,EACD,UAAC,IAAI,EAAE,IAAI;IACT,OAAA,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI;AAAjE,CAAiE,CACpE,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC"}

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

@@ -1,26 +1,40 @@
 import React from "react";
+type MarkdownPoint = {
+    line?: number;
+    column?: number;
+};
+type MarkdownPosition = {
+    start?: MarkdownPoint;
+    end?: MarkdownPoint;
+};
+type MarkdownNode = {
+    position?: MarkdownPosition;
+};
 export declare const ulBlockVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 interface UlBlockProps {
     children: React.ReactNode;
     textColor: string;
     textSize: string;
+    node?: MarkdownNode;
 }
-export declare function UlBlock({ children, textColor, textSize }: UlBlockProps): React.JSX.Element;
+export declare const MemoUlBlock: React.MemoExoticComponent<({ children, textColor, textSize }: UlBlockProps) => React.JSX.Element>;
 export declare const olBlockVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 interface OlBlockProps {
     children: React.ReactNode;
     start?: number;
     textColor: string;
     textSize: string;
+    node?: MarkdownNode;
 }
-export declare function OlBlock({ children, start, textColor, textSize, }: OlBlockProps): React.JSX.Element;
+export declare const MemoOlBlock: React.MemoExoticComponent<({ children, start, textColor, textSize }: OlBlockProps) => React.JSX.Element>;
 export declare const liBlockVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 interface LiBlockProps {
     children: React.ReactNode;
     className?: string;
     textColor: string;
     textSize: string;
+    node?: MarkdownNode;
 }
-export declare function LiBlock({ children, className, textColor, textSize, }: LiBlockProps): React.JSX.Element;
+export declare const MemoLiBlock: React.MemoExoticComponent<({ children, className, textColor, textSize }: LiBlockProps) => React.JSX.Element>;
 export {};
 //# sourceMappingURL=List.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/List.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,eAAe,yFAAqC,CAAC;AAElE,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,YAAY,qBAItE;AAED,eAAO,MAAM,eAAe,yFAAwC,CAAC;AAErE,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE,YAAY,qBAMd;AAED,eAAO,MAAM,eAAe,yFAAyB,CAAC;AAEtD,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,GACT,EAAE,YAAY,qBAMd"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/List.tsx"],"names":[],"mappings":"AACA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC,KAAK,aAAa,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACxD,KAAK,gBAAgB,GAAG;IAAE,KAAK,CAAC,EAAE,aAAa,CAAC;IAAC,GAAG,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC;AACvE,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,eAAe,yFAAqC,CAAC;AAElE,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,gEACc,YAAY,uBAOjD,CAAC;AAIF,eAAO,MAAM,eAAe,yFAAwC,CAAC;AAErE,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,uEACqB,YAAY,uBAWxD,CAAC;AAIF,eAAO,MAAM,eAAe,yFAAyB,CAAC;AAEtD,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,2EACyB,YAAY,uBAW5D,CAAC"}

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

@@ -1,19 +1,33 @@
 import { cva } from "class-variance-authority";
-import React from "react";
+import React, { memo } from "react";
 import { cn } from "../../lib";
+import { sameNodePosition, sameTextStyling } from "./utils";
 export var ulBlockVariants = cva(["s-list-disc s-pb-2 s-pl-6"]);
-export function UlBlock(_a) {
+export var MemoUlBlock = memo(function (_a) {
     var children = _a.children, textColor = _a.textColor, textSize = _a.textSize;
     return (React.createElement("ul", { className: cn(ulBlockVariants(), textColor, textSize) }, children));
-}
+}, function (prev, next) {
+    return sameNodePosition(prev.node, next.node) && sameTextStyling(prev, next);
+});
+MemoUlBlock.displayName = "UlBlock";
 export var olBlockVariants = cva(["s-list-decimal s-pb-2 s-pl-6"]);
-export function OlBlock(_a) {
+export var MemoOlBlock = memo(function (_a) {
     var children = _a.children, start = _a.start, textColor = _a.textColor, textSize = _a.textSize;
     return (React.createElement("ol", { start: start, className: cn(olBlockVariants(), textColor, textSize) }, children));
-}
+}, function (prev, next) {
+    return sameNodePosition(prev.node, next.node) &&
+        prev.start === next.start &&
+        sameTextStyling(prev, next);
+});
+MemoOlBlock.displayName = "OlBlock";
 export var liBlockVariants = cva(["s-break-words"]);
-export function LiBlock(_a) {
+export var MemoLiBlock = memo(function (_a) {
     var children = _a.children, className = _a.className, textColor = _a.textColor, textSize = _a.textSize;
     return (React.createElement("li", { className: cn(liBlockVariants(), textColor, textSize, className) }, children));
-}
+}, function (prev, next) {
+    return sameNodePosition(prev.node, next.node) &&
+        prev.className === next.className &&
+        sameTextStyling(prev, next);
+});
+MemoLiBlock.displayName = "LiBlock";
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/components/markdown/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,CAAC,IAAM,eAAe,GAAG,GAAG,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC;AAQlE,MAAM,UAAU,OAAO,CAAC,EAA+C;QAA7C,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IACrD,OAAO,CACL,4BAAI,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,EAAE,SAAS,EAAE,QAAQ,CAAC,IAAG,QAAQ,CAAM,CAC3E,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,GAAG,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC;AASrE,MAAM,UAAU,OAAO,CAAC,EAKT;QAJb,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA;IAER,OAAO,CACL,4BAAI,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,EAAE,SAAS,EAAE,QAAQ,CAAC,IACpE,QAAQ,CACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,GAAG,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;AAStD,MAAM,UAAU,OAAO,CAAC,EAKT;QAJb,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA;IAER,OAAO,CACL,4BAAI,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,IACjE,QAAQ,CACN,CACN,CAAC;AACJ,CAAC"}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/components/markdown/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAQ5D,MAAM,CAAC,IAAM,eAAe,GAAG,GAAG,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC;AASlE,MAAM,CAAC,IAAM,WAAW,GAAG,IAAI,CAC7B,UAAC,EAA+C;QAA7C,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC9B,OAAO,CACL,4BAAI,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,EAAE,SAAS,EAAE,QAAQ,CAAC,IAAG,QAAQ,CAAM,CAC3E,CAAC;AACJ,CAAC,EACD,UAAC,IAAI,EAAE,IAAI;IACT,OAAA,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC;AAArE,CAAqE,CACxE,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC;AAEpC,MAAM,CAAC,IAAM,eAAe,GAAG,GAAG,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC;AAUrE,MAAM,CAAC,IAAM,WAAW,GAAG,IAAI,CAC7B,UAAC,EAAsD;QAApD,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IACrC,OAAO,CACL,4BAAI,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,EAAE,SAAS,EAAE,QAAQ,CAAC,IACpE,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,EACD,UAAC,IAAI,EAAE,IAAI;IACT,OAAA,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;QACtC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;QACzB,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC;AAF3B,CAE2B,CAC9B,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC;AAEpC,MAAM,CAAC,IAAM,eAAe,GAAG,GAAG,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;AAUtD,MAAM,CAAC,IAAM,WAAW,GAAG,IAAI,CAC7B,UAAC,EAA0D;QAAxD,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IACzC,OAAO,CACL,4BAAI,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,IACjE,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,EACD,UAAC,IAAI,EAAE,IAAI;IACT,OAAA,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;QACtC,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,SAAS;QACjC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC;AAF3B,CAE2B,CAC9B,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC"}

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

@@ -1,17 +1,10 @@
 import React from "react";
 import type { Components } from "react-markdown";
 import type { PluggableList } from "react-markdown/lib/react-markdown";
-export declare const markdownHeaderClasses: {
-    h1: string;
-    h2: string;
-    h3: string;
-    h4: string;
-    h5: string;
-    h6: string;
-};
-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;AAGjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAwBvE,eAAO,MAAM,qBAAqB;;;;;;;CAOjC,CAAC;AAmBF,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,qBAyLA"}
+{"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

@@ -1,4 +1,4 @@
-import { __assign, __read, __rest, __spreadArray } from "tslib";
+import { __assign, __read, __spreadArray } from "tslib";
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import React, { useMemo } from "react";
 import ReactMarkdown from "react-markdown";
@@ -7,24 +7,21 @@ import remarkDirective from "remark-directive";
 import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import { visit } from "unist-util-visit";
-import { Checkbox, Chip } from "../../components";
-import { BlockquoteBlock } from "../../components/markdown/BlockquoteBlock";
-import { CodeBlockWithExtendedSupport } from "../../components/markdown/CodeBlockWithExtendedSupport";
-import { LiBlock, OlBlock, UlBlock } from "../../components/markdown/List";
+import { Chip } from "../../components";
+import { MemoBlockquoteBlock } from "../../components/markdown/BlockquoteBlock";
+import { MemoCodeBlockWithExtendedSupport } from "../../components/markdown/CodeBlockWithExtendedSupport";
+import { markdownHeaderClasses, MemoH1Block, MemoH2Block, MemoH3Block, MemoH4Block, MemoH5Block, MemoH6Block, } from "../../components/markdown/HeaderBlocks";
+import { MemoInputBlock } from "../../components/markdown/InputBlock";
+import { MemoLinkBlock } from "../../components/markdown/LinkBlock";
+import { MemoLiBlock, MemoOlBlock, MemoUlBlock, } from "../../components/markdown/List";
 import { MarkdownContentContext } from "../../components/markdown/MarkdownContentContext";
-import { ParagraphBlock } from "../../components/markdown/ParagraphBlock";
-import { PreBlock } from "../../components/markdown/PreBlock";
-import { TableBlock, TableBodyBlock, TableDataBlock, TableHeadBlock, TableHeaderBlock, } from "../../components/markdown/TableBlock";
+import { MemoParagraphBlock } from "../../components/markdown/ParagraphBlock";
+import { MemoPreBlock } from "../../components/markdown/PreBlock";
+import { MemoTableBlock, MemoTableBodyBlock, MemoTableDataBlock, MemoTableHeadBlock, MemoTableHeaderBlock, } from "../../components/markdown/TableBlock";
+import { MemoHorizontalRuleBlock, MemoStrongBlock, } from "../../components/markdown/TextFormattingBlocks";
 import { sanitizeContent } from "../../components/markdown/utils";
 import { cn } from "../../lib/utils";
-export var markdownHeaderClasses = {
-    h1: "s-heading-2xl",
-    h2: "s-heading-xl",
-    h3: "s-heading-lg",
-    h4: "s-text-base s-font-semibold",
-    h5: "s-text-sm s-font-semibold",
-    h6: "s-text-sm s-font-regular s-italic",
-};
+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) {
@@ -38,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).
     //
@@ -56,42 +54,42 @@ export function Markdown(_a) {
     // Memoize markdown components to avoid unnecessary re-renders that disrupt text selection
     var markdownComponents = useMemo(function () {
         return __assign({ pre: function (_a) {
-                var children = _a.children;
-                return React.createElement(PreBlock, null, children);
-            }, a: LinkBlock, ul: function (_a) {
-                var children = _a.children;
-                return (React.createElement(UlBlock, { textSize: forcedTextSize ? forcedTextSize : sizes.p, textColor: textColor }, children));
+                var children = _a.children, node = _a.node;
+                return (React.createElement(MemoPreBlock, { node: node }, children));
+            }, a: MemoLinkBlock, ul: function (_a) {
+                var children = _a.children, node = _a.node;
+                return (React.createElement(MemoUlBlock, { textSize: forcedTextSize ? forcedTextSize : sizes.p, textColor: textColor, node: node }, children));
             }, ol: function (_a) {
-                var children = _a.children, start = _a.start;
-                return (React.createElement(OlBlock, { start: start, textColor: textColor, textSize: forcedTextSize ? forcedTextSize : sizes.p }, children));
+                var children = _a.children, start = _a.start, node = _a.node;
+                return (React.createElement(MemoOlBlock, { start: start, textColor: textColor, textSize: forcedTextSize ? forcedTextSize : sizes.p, node: node }, children));
             }, li: function (_a) {
-                var children = _a.children;
-                return (React.createElement(LiBlock, { textColor: textColor, textSize: forcedTextSize ? forcedTextSize : sizes.p }, children));
+                var children = _a.children, node = _a.node;
+                return (React.createElement(MemoLiBlock, { textColor: textColor, textSize: forcedTextSize ? forcedTextSize : sizes.p, node: node }, children));
             }, p: function (_a) {
-                var children = _a.children;
-                return (React.createElement(ParagraphBlock, { textColor: textColor, textSize: forcedTextSize ? forcedTextSize : sizes.p }, children));
-            }, table: TableBlock, thead: TableHeadBlock, tbody: TableBodyBlock, th: TableHeaderBlock, td: TableDataBlock, h1: function (_a) {
-                var children = _a.children;
-                return (React.createElement("h1", { className: cn("s-pb-2 s-pt-4", forcedTextSize ? forcedTextSize : sizes.h1, textColor) }, children));
+                var children = _a.children, node = _a.node;
+                return (React.createElement(MemoParagraphBlock, { textColor: textColor, textSize: forcedTextSize ? forcedTextSize : sizes.p, node: node }, children));
+            }, table: MemoTableBlock, thead: MemoTableHeadBlock, tbody: MemoTableBodyBlock, th: MemoTableHeaderBlock, td: MemoTableDataBlock, h1: function (_a) {
+                var children = _a.children, node = _a.node;
+                return (React.createElement(MemoH1Block, { textColor: textColor, forcedTextSize: forcedTextSize, node: node }, children));
             }, h2: function (_a) {
-                var children = _a.children;
-                return (React.createElement("h2", { className: cn("s-pb-2 s-pt-4", forcedTextSize ? forcedTextSize : sizes.h2, textColor) }, children));
+                var children = _a.children, node = _a.node;
+                return (React.createElement(MemoH2Block, { textColor: textColor, forcedTextSize: forcedTextSize, node: node }, children));
             }, h3: function (_a) {
-                var children = _a.children;
-                return (React.createElement("h3", { className: cn("s-pb-2 s-pt-4", forcedTextSize ? forcedTextSize : sizes.h3, textColor) }, children));
+                var children = _a.children, node = _a.node;
+                return (React.createElement(MemoH3Block, { textColor: textColor, forcedTextSize: forcedTextSize, node: node }, children));
             }, h4: function (_a) {
-                var children = _a.children;
-                return (React.createElement("h4", { className: cn("s-pb-2 s-pt-3", forcedTextSize ? forcedTextSize : sizes.h4, textColor) }, children));
+                var children = _a.children, node = _a.node;
+                return (React.createElement(MemoH4Block, { textColor: textColor, forcedTextSize: forcedTextSize, node: node }, children));
             }, h5: function (_a) {
-                var children = _a.children;
-                return (React.createElement("h5", { className: cn("s-pb-1.5 s-pt-2.5", forcedTextSize ? forcedTextSize : sizes.h5, textColor) }, children));
+                var children = _a.children, node = _a.node;
+                return (React.createElement(MemoH5Block, { textColor: textColor, forcedTextSize: forcedTextSize, node: node }, children));
             }, h6: function (_a) {
-                var children = _a.children;
-                return (React.createElement("h6", { className: cn("s-pb-1.5 s-pt-2.5", forcedTextSize ? forcedTextSize : sizes.h6, textColor) }, children));
+                var children = _a.children, node = _a.node;
+                return (React.createElement(MemoH6Block, { textColor: textColor, forcedTextSize: forcedTextSize, node: node }, children));
             }, strong: function (_a) {
-                var children = _a.children;
-                return (React.createElement("strong", { className: "s-font-semibold s-text-foreground dark:s-text-foreground-night" }, children));
-            }, input: Input, blockquote: BlockquoteBlock, hr: function () { return (React.createElement("div", { className: "s-my-6 s-border-b s-border-primary-150 dark:s-border-primary-150-night" })); }, code: CodeBlockWithExtendedSupport }, additionalMarkdownComponents);
+                var children = _a.children, node = _a.node;
+                return (React.createElement(MemoStrongBlock, { node: node }, children));
+            }, input: MemoInputBlock, blockquote: MemoBlockquoteBlock, hr: MemoHorizontalRuleBlock, code: MemoCodeBlockWithExtendedSupport }, additionalMarkdownComponents);
     }, [textColor, additionalMarkdownComponents]);
     var markdownPlugins = useMemo(function () { return __spreadArray(__spreadArray([
         remarkDirective,
@@ -102,37 +100,18 @@ 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));
     }
 }
-function LinkBlock(_a) {
-    var href = _a.href, children = _a.children;
-    return (React.createElement("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: cn("s-break-all s-font-semibold s-transition-all s-duration-200 s-ease-in-out hover:s-underline", "s-text-highlight dark:s-text-highlight-night", "hover:s-text-highlight-400 dark:hover:s-text-highlight-400-night", "active:s-text-highlight-dark dark:active:s-text-highlight-dark-night") }, children));
-}
-function Input(_a) {
-    var type = _a.type, checked = _a.checked, className = _a.className, onChange = _a.onChange, ref = _a.ref, props = __rest(_a, ["type", "checked", "className", "onChange", "ref"]);
-    var inputRef = React.useRef(null);
-    React.useImperativeHandle(ref, function () { return inputRef.current; });
-    if (type !== "checkbox") {
-        return (React.createElement("input", __assign({ ref: inputRef, type: type, checked: checked, className: className }, props)));
-    }
-    var handleCheckedChange = function (isChecked) {
-        onChange === null || onChange === void 0 ? void 0 : onChange({
-            target: { type: "checkbox", checked: isChecked },
-        });
-    };
-    return (React.createElement("div", { className: "s-inline-flex s-items-center" },
-        React.createElement(Checkbox, { ref: inputRef, size: "xs", checked: checked, className: "s-translate-y-[3px]", onCheckedChange: handleCheckedChange })));
-}
 //# sourceMappingURL=Markdown.js.map

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":"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"}

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

@@ -1,10 +1,12 @@
 import React from "react";
+import { MarkdownNode } from "./types";
 export declare const paragraphBlockVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 interface ParagraphBlockProps {
     children: React.ReactNode;
     textColor: string;
     textSize: string;
+    node?: MarkdownNode;
 }
-export declare function ParagraphBlock({ children, textColor, textSize, }: ParagraphBlockProps): React.JSX.Element;
+export declare const MemoParagraphBlock: React.MemoExoticComponent<({ children, textColor, textSize }: ParagraphBlockProps) => React.JSX.Element>;
 export {};
 //# sourceMappingURL=ParagraphBlock.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ParagraphBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/ParagraphBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,sBAAsB,yFAGjC,CAAC;AAEH,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,mBAAmB,qBAMrB"}
+{"version":3,"file":"ParagraphBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/ParagraphBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,eAAO,MAAM,sBAAsB,yFAGjC,CAAC;AAEH,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,gEACO,mBAAmB,uBASxD,CAAC"}

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

@@ -1,12 +1,16 @@
 import { cva } from "class-variance-authority";
-import React from "react";
+import React, { memo } from "react";
 import { cn } from "../../lib";
+import { sameNodePosition, sameTextStyling } from "./utils";
 export var paragraphBlockVariants = cva([
     "s-whitespace-pre-wrap s-break-words s-font-normal first:s-pt-0 last:s-pb-0",
     "s-py-1 @md:s-py-2 @md:s-leading-7",
 ]);
-export function ParagraphBlock(_a) {
+export var MemoParagraphBlock = memo(function (_a) {
     var children = _a.children, textColor = _a.textColor, textSize = _a.textSize;
     return (React.createElement("div", { className: cn(paragraphBlockVariants(), textSize, textColor) }, children));
-}
+}, function (prev, next) {
+    return sameNodePosition(prev.node, next.node) && sameTextStyling(prev, next);
+});
+MemoParagraphBlock.displayName = "ParagraphBlock";
 //# sourceMappingURL=ParagraphBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ParagraphBlock.js","sourceRoot":"","sources":["../../../../src/components/markdown/ParagraphBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,CAAC,IAAM,sBAAsB,GAAG,GAAG,CAAC;IACxC,4EAA4E;IAC5E,mCAAmC;CACpC,CAAC,CAAC;AAQH,MAAM,UAAU,cAAc,CAAC,EAIT;QAHpB,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA;IAER,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,EAAE,QAAQ,EAAE,SAAS,CAAC,IAC9D,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ParagraphBlock.js","sourceRoot":"","sources":["../../../../src/components/markdown/ParagraphBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAGlC,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,CAAC,IAAM,sBAAsB,GAAG,GAAG,CAAC;IACxC,4EAA4E;IAC5E,mCAAmC;CACpC,CAAC,CAAC;AASH,MAAM,CAAC,IAAM,kBAAkB,GAAG,IAAI,CACpC,UAAC,EAAsD;QAApD,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC9B,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,EAAE,QAAQ,EAAE,SAAS,CAAC,IAC9D,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,EACD,UAAC,IAAI,EAAE,IAAI;IACT,OAAA,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC;AAArE,CAAqE,CACxE,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

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

@@ -1,11 +1,13 @@
 import React from "react";
+import { MarkdownNode } from "./types";
 export declare const preBlockVariants: (props?: ({
     variant?: "surface" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface PreBlockProps {
     children: React.ReactNode;
     variant?: "surface";
+    node?: MarkdownNode;
 }
-export declare function PreBlock({ children, variant }: PreBlockProps): React.JSX.Element;
+export declare const MemoPreBlock: React.MemoExoticComponent<({ children, variant }: PreBlockProps) => React.JSX.Element>;
 export {};
 //# sourceMappingURL=PreBlock.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PreBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/PreBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,gBAAgB;;mFAY5B,CAAC;AAEF,UAAU,aAAa;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAmB,EAAE,EAAE,aAAa,qBAmBxE"}
+{"version":3,"file":"PreBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/PreBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,eAAO,MAAM,gBAAgB;;mFAY5B,CAAC;AAEF,UAAU,aAAa;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,oDACa,aAAa,uBAsBlD,CAAC"}

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

@@ -1,5 +1,6 @@
 import { cva } from "class-variance-authority";
-import React from "react";
+import React, { memo } from "react";
+import { sameNodePosition } from "./utils";
 export var preBlockVariants = cva([
     "s-my-2 s-w-full s-break-all s-rounded-2xl s-border",
     "s-border-border dark:s-border-border-night",
@@ -10,7 +11,7 @@ export var preBlockVariants = cva([
         },
     },
 });
-export function PreBlock(_a) {
+export var MemoPreBlock = memo(function (_a) {
     var _b, _c, _d;
     var children = _a.children, _e = _a.variant, variant = _e === void 0 ? "surface" : _e;
     var validChildrenContent = Array.isArray(children) && children[0]
@@ -24,5 +25,8 @@ export function PreBlock(_a) {
                 : null;
     }
     return (React.createElement("pre", { className: preBlockVariants({ variant: variant }) }, validChildrenContent ? children : fallbackData || children));
-}
+}, function (prev, next) {
+    return sameNodePosition(prev.node, next.node) && prev.variant === next.variant;
+});
+MemoPreBlock.displayName = "PreBlock";
 //# sourceMappingURL=PreBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PreBlock.js","sourceRoot":"","sources":["../../../../src/components/markdown/PreBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,IAAM,gBAAgB,GAAG,GAAG,CACjC;IACE,oDAAoD;IACpD,4CAA4C;CAC7C,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,wDAAwD;SAClE;KACF;CACF,CACF,CAAC;AAOF,MAAM,UAAU,QAAQ,CAAC,EAAgD;;QAA9C,QAAQ,cAAA,EAAE,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA;IACtD,IAAM,oBAAoB,GACxB,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC;QACpC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC/B,CAAC,CAAC,IAAI,CAAC;IAEX,IAAI,YAAY,GAAkB,IAAI,CAAC;IACvC,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC1B,YAAY;YACV,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC;gBACpC,CAAC,CAAC,MAAA,MAAA,MAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,0CAAE,IAAI,0CAAE,IAAI,0CAAE,IAAI;gBACrC,CAAC,CAAC,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,gBAAgB,CAAC,EAAE,OAAO,SAAA,EAAE,CAAC,IAC1C,oBAAoB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,IAAI,QAAQ,CACvD,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"PreBlock.js","sourceRoot":"","sources":["../../../../src/components/markdown/PreBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,IAAM,gBAAgB,GAAG,GAAG,CACjC;IACE,oDAAoD;IACpD,4CAA4C;CAC7C,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,wDAAwD;SAClE;KACF;CACF,CACF,CAAC;AAQF,MAAM,CAAC,IAAM,YAAY,GAAG,IAAI,CAC9B,UAAC,EAAgD;;QAA9C,QAAQ,cAAA,EAAE,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA;IAC9B,IAAM,oBAAoB,GACxB,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC;QACpC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC/B,CAAC,CAAC,IAAI,CAAC;IAEX,IAAI,YAAY,GAAkB,IAAI,CAAC;IACvC,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC1B,YAAY;YACV,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC;gBACpC,CAAC,CAAC,MAAA,MAAA,MAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,0CAAE,IAAI,0CAAE,IAAI,0CAAE,IAAI;gBACrC,CAAC,CAAC,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,gBAAgB,CAAC,EAAE,OAAO,SAAA,EAAE,CAAC,IAC1C,oBAAoB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,IAAI,QAAQ,CACvD,CACP,CAAC;AACJ,CAAC,EACD,UAAC,IAAI,EAAE,IAAI;IACT,OAAA,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO;AAAvE,CAAuE,CAC1E,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,UAAU,CAAC"}

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

@@ -1,17 +1,23 @@
-import React from "react";
-export declare function TableBlock({ children }: {
+import React, { ReactNode } from "react";
+import { MarkdownNode } from "./types";
+export declare const MemoTableBlock: React.MemoExoticComponent<({ children }: {
     children: React.ReactNode;
-}): React.JSX.Element;
-export declare function TableHeadBlock({ children }: {
+    node?: MarkdownNode;
+}) => React.JSX.Element>;
+export declare const MemoTableHeadBlock: React.MemoExoticComponent<({ children }: {
     children: React.ReactNode;
-}): React.JSX.Element;
-export declare function TableBodyBlock({ children }: {
+    node?: MarkdownNode;
+}) => React.JSX.Element>;
+export declare const MemoTableBodyBlock: React.MemoExoticComponent<({ children }: {
     children: React.ReactNode;
-}): React.JSX.Element;
-export declare function TableHeaderBlock({ children }: {
+    node?: MarkdownNode;
+}) => React.JSX.Element>;
+export declare const MemoTableHeaderBlock: React.MemoExoticComponent<({ children }: {
     children: React.ReactNode;
-}): React.JSX.Element;
-export declare function TableDataBlock({ children }: {
+    node?: MarkdownNode;
+}) => React.JSX.Element>;
+export declare const MemoTableDataBlock: React.MemoExoticComponent<({ children }: {
     children: React.ReactNode;
-}): React.JSX.Element;
+    node?: MarkdownNode;
+}) => React.JSX.Element>;
 //# sourceMappingURL=TableBlock.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/TableBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAmBlD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAyDrE;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAMzE;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAIzE;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAM3E;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAezE"}
+{"version":3,"file":"TableBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/TableBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAQ,SAAS,EAAW,MAAM,OAAO,CAAC;AAKxD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAiBvC,eAAO,MAAM,cAAc,2CACV;IAAE,QAAQ,EAAE,eAAe,CAAC;IAAC,IAAI,CAAC,EAAE,YAAY,CAAA;CAAE,uBA2DlE,CAAC;AAIF,eAAO,MAAM,kBAAkB,2CACd;IAAE,QAAQ,EAAE,eAAe,CAAC;IAAC,IAAI,CAAC,EAAE,YAAY,CAAA;CAAE,uBAQlE,CAAC;AAIF,eAAO,MAAM,kBAAkB,2CACd;IAAE,QAAQ,EAAE,eAAe,CAAC;IAAC,IAAI,CAAC,EAAE,YAAY,CAAA;CAAE,uBAQlE,CAAC;AAIF,eAAO,MAAM,oBAAoB,2CAChB;IAAE,QAAQ,EAAE,eAAe,CAAC;IAAC,IAAI,CAAC,EAAE,YAAY,CAAA;CAAE,uBAQlE,CAAC;AAIF,eAAO,MAAM,kBAAkB,2CACd;IAAE,QAAQ,EAAE,eAAe,CAAC;IAAC,IAAI,CAAC,EAAE,YAAY,CAAA;CAAE,uBAiBlE,CAAC"}

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

@@ -1,8 +1,9 @@
 import { __read } from "tslib";
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { useMemo } from "react";
+import React, { memo, useMemo } from "react";
 import { ScrollArea, ScrollBar } from "../../components";
 import { ContentBlockWrapper } from "../../components/markdown/ContentBlockWrapper";
+import { sameNodePosition } from "./utils";
 var getNodeText = function (node) {
     if (["string", "number"].includes(typeof node)) {
         return node;
@@ -15,7 +16,7 @@ var getNodeText = function (node) {
     }
     return "";
 };
-export function TableBlock(_a) {
+export var MemoTableBlock = memo(function (_a) {
     var children = _a.children;
     var tableData = useMemo(function () {
         var _a = __read(Array.from(children), 2), headNode = _a[0], bodyNode = _a[1];
@@ -25,9 +26,7 @@ export function TableBlock(_a) {
             !("props" in bodyNode)) {
             return;
         }
-        var headCells = headNode.props.children[0].props.children.map(function (c) {
-            return getNodeText(c.props.children);
-        });
+        var headCells = headNode.props.children[0].props.children.map(function (c) { return getNodeText(c.props.children); });
         var headHtml = "<thead><tr>".concat(headCells
             .map(function (c) { return "<th><b>".concat(c, "</b></th>"); })
             .join(""), "</tr></thead>");
@@ -57,20 +56,24 @@ export function TableBlock(_a) {
         React.createElement(ScrollArea, { className: "s-w-full s-rounded-2xl" },
             React.createElement("table", { className: "s-w-full" }, children),
             React.createElement(ScrollBar, { orientation: "horizontal" }))));
-}
-export function TableHeadBlock(_a) {
+}, function (prev, next) { return sameNodePosition(prev.node, next.node); });
+MemoTableBlock.displayName = "TableBlock";
+export var MemoTableHeadBlock = memo(function (_a) {
     var children = _a.children;
     return (React.createElement("thead", { className: "s-bg-muted-background s-px-2 s-py-2 dark:s-bg-muted-background-night" }, children));
-}
-export function TableBodyBlock(_a) {
+}, function (prev, next) { return sameNodePosition(prev.node, next.node); });
+MemoTableHeadBlock.displayName = "TableHeadBlock";
+export var MemoTableBodyBlock = memo(function (_a) {
     var children = _a.children;
     return (React.createElement("tbody", { className: "s-bg-white dark:s-bg-background-night" }, children));
-}
-export function TableHeaderBlock(_a) {
+}, function (prev, next) { return sameNodePosition(prev.node, next.node); });
+MemoTableBodyBlock.displayName = "TableBodyBlock";
+export var MemoTableHeaderBlock = memo(function (_a) {
     var children = _a.children;
     return (React.createElement("th", { className: "s-truncate s-whitespace-nowrap s-break-words s-py-3.5 s-pl-4 s-text-left s-text-xs s-font-semibold s-text-muted-foreground dark:s-text-muted-foreground-night" }, children));
-}
-export function TableDataBlock(_a) {
+}, function (prev, next) { return sameNodePosition(prev.node, next.node); });
+MemoTableHeaderBlock.displayName = "TableHeaderBlock";
+export var MemoTableDataBlock = memo(function (_a) {
     var children = _a.children;
     return (React.createElement("td", { className: "s-px-4 s-py-3 s-text-sm s-text-foreground dark:s-text-foreground-night" }, Array.isArray(children) ? (children.map(function (child, i) {
         if (child === "<br>") {
@@ -78,5 +81,6 @@ export function TableDataBlock(_a) {
         }
         return React.createElement(React.Fragment, { key: i }, child);
     })) : (React.createElement(React.Fragment, null, children))));
-}
+}, function (prev, next) { return sameNodePosition(prev.node, next.node); });
+MemoTableDataBlock.displayName = "TableDataBlock";
 //# sourceMappingURL=TableBlock.js.map