@lobehub/ui 5.6.3 → 5.6.4

package/es/List/List.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.mjs","names":["Flexbox","ListItem"],"sources":["../../src/List/List.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport ListItem from './ListItem';\nimport type { ListProps } from './type';\n\nconst List = memo<ListProps>(({ ref, activeKey, classNames, styles, onClick, items, ...rest }) => {\n  return (\n    <Flexbox gap={4} padding={4} {...rest}>\n      {items.map((item) => {\n        const {\n          key,\n          onClick: itemOnClick,\n          className: itemClassName,\n          style: itemStyle,\n          ...itemRest\n        } = item;\n        const { item: customItemClassName, ...restClassName } = classNames || {};\n        const { item: customItemStyle, ...restStyles } = styles || {};\n        return (\n          <ListItem\n            active={item.key === activeKey}\n            className={cx(customItemClassName, itemClassName)}\n            classNames={restClassName}\n            key={key}\n            ref={ref}\n            style={{ ...customItemStyle, ...itemStyle }}\n            styles={restStyles}\n            onClick={(e) => {\n              onClick?.({\n                item,\n                key,\n              });\n              itemOnClick?.(e);\n            }}\n            {...itemRest}\n          />\n        );\n      })}\n    </Flexbox>\n  );\n});\n\nList.displayName = 'List';\n\nexport default List;\n"],"mappings":";;;;;;;;;AAUA,MAAM,OAAO,MAAiB,EAAE,KAAK,WAAW,YAAY,QAAQ,SAAS,OAAO,GAAG,WAAW;AAChG,QACE,oBAACA;EAAQ,KAAK;EAAG,SAAS;EAAG,GAAI;YAC9B,MAAM,KAAK,SAAS;GACnB,MAAM,EACJ,KACA,SAAS,aACT,WAAW,eACX,OAAO,WACP,GAAG,aACD;GACJ,MAAM,EAAE,MAAM,qBAAqB,GAAG,kBAAkB,cAAc,EAAE;GACxE,MAAM,EAAE,MAAM,iBAAiB,GAAG,eAAe,UAAU,EAAE;AAC7D,UACE,oBAACC;IACC,QAAQ,KAAK,QAAQ;IACrB,WAAW,GAAG,qBAAqB,cAAc;IACjD,YAAY;IAEP;IACL,OAAO;KAAE,GAAG;KAAiB,GAAG;KAAW;IAC3C,QAAQ;IACR,UAAU,MAAM;AACd,eAAU;MACR;MACA;MACD,CAAC;AACF,mBAAc,EAAE;;IAElB,GAAI;MAXC,IAYL;IAEJ;GACM;EAEZ;AAEF,KAAK,cAAc;AAEnB,mBAAe"}
+{"version":3,"file":"List.mjs","names":["Flexbox"],"sources":["../../src/List/List.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport ListItem from './ListItem';\nimport type { ListProps } from './type';\n\nconst List = memo<ListProps>(({ ref, activeKey, classNames, styles, onClick, items, ...rest }) => {\n  return (\n    <Flexbox gap={4} padding={4} {...rest}>\n      {items.map((item) => {\n        const {\n          key,\n          onClick: itemOnClick,\n          className: itemClassName,\n          style: itemStyle,\n          ...itemRest\n        } = item;\n        const { item: customItemClassName, ...restClassName } = classNames || {};\n        const { item: customItemStyle, ...restStyles } = styles || {};\n        return (\n          <ListItem\n            active={item.key === activeKey}\n            className={cx(customItemClassName, itemClassName)}\n            classNames={restClassName}\n            key={key}\n            ref={ref}\n            style={{ ...customItemStyle, ...itemStyle }}\n            styles={restStyles}\n            onClick={(e) => {\n              onClick?.({\n                item,\n                key,\n              });\n              itemOnClick?.(e);\n            }}\n            {...itemRest}\n          />\n        );\n      })}\n    </Flexbox>\n  );\n});\n\nList.displayName = 'List';\n\nexport default List;\n"],"mappings":";;;;;;;AAUA,MAAM,OAAO,MAAiB,EAAE,KAAK,WAAW,YAAY,QAAQ,SAAS,OAAO,GAAG,WAAW;AAChG,QACE,oBAACA,mBAAD;EAAS,KAAK;EAAG,SAAS;EAAG,GAAI;YAC9B,MAAM,KAAK,SAAS;GACnB,MAAM,EACJ,KACA,SAAS,aACT,WAAW,eACX,OAAO,WACP,GAAG,aACD;GACJ,MAAM,EAAE,MAAM,qBAAqB,GAAG,kBAAkB,cAAc,EAAE;GACxE,MAAM,EAAE,MAAM,iBAAiB,GAAG,eAAe,UAAU,EAAE;AAC7D,UACE,oBAAC,UAAD;IACE,QAAQ,KAAK,QAAQ;IACrB,WAAW,GAAG,qBAAqB,cAAc;IACjD,YAAY;IAEP;IACL,OAAO;KAAE,GAAG;KAAiB,GAAG;KAAW;IAC3C,QAAQ;IACR,UAAU,MAAM;AACd,eAAU;MACR;MACA;MACD,CAAC;AACF,mBAAc,EAAE;;IAElB,GAAI;IACJ,EAZK,IAYL;IAEJ;EACM,CAAA;EAEZ;AAEF,KAAK,cAAc"}

package/es/List/ListItem/index.d.mts

@@ -1,8 +1,8 @@
 import { ListItemProps } from "../type.mjs";
-import * as react27 from "react";
+import * as _$react from "react";
 
 //#region src/List/ListItem/index.d.ts
-declare const ListItem: react27.NamedExoticComponent<ListItemProps>;
+declare const ListItem: _$react.NamedExoticComponent<ListItemProps>;
 //#endregion
 export { ListItem };
 //# sourceMappingURL=index.d.mts.map

package/es/List/ListItem/index.mjs

@@ -1,8 +1,7 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import Icon_default from "../../Icon/Icon.mjs";
-import Text_default from "../../Text/Text.mjs";
+import Icon from "../../Icon/Icon.mjs";
+import Text from "../../Text/Text.mjs";
 import { preventDefaultAndStopPropagation } from "../../utils/dom.mjs";
 import { styles } from "./style.mjs";
 import { getChatItemTime } from "./time.mjs";
@@ -10,10 +9,9 @@ import { memo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { Loader2, MessageSquare } from "lucide-react";
-
 //#region src/List/ListItem/index.tsx
 const ListItem = memo(({ ref, active, avatar, loading, description, date, title, onHoverChange, actions, className, style, showAction, children, classNames, addon, pin, styles: customStyles, ...rest }) => {
-	const loadingNode = /* @__PURE__ */ jsx(Icon_default, {
+	const loadingNode = /* @__PURE__ */ jsx(Icon, {
 		spin: true,
 		icon: Loader2
 	});
@@ -69,7 +67,7 @@ const ListItem = memo(({ ref, active, avatar, loading, description, date, title,
 					overflow: "hidden",
 					...customStyles?.container
 				},
-				children: [avatar ?? /* @__PURE__ */ jsx(Icon_default, {
+				children: [avatar ?? /* @__PURE__ */ jsx(Icon, {
 					icon: MessageSquare,
 					style: { marginTop: 4 }
 				}), /* @__PURE__ */ jsxs(FlexBasic_default, {
@@ -77,14 +75,14 @@ const ListItem = memo(({ ref, active, avatar, loading, description, date, title,
 					gap: 4,
 					style: customStyles?.content,
 					children: [
-						/* @__PURE__ */ jsx(Text_default, {
+						/* @__PURE__ */ jsx(Text, {
 							ellipsis: true,
 							as: "h3",
 							className: cx(styles.title, classNames?.title),
 							style: customStyles?.title,
 							children: title
 						}),
-						description && /* @__PURE__ */ jsx(Text_default, {
+						description && /* @__PURE__ */ jsx(Text, {
 							ellipsis: true,
 							className: cx(styles.desc, classNames?.desc),
 							style: customStyles?.desc,
@@ -100,8 +98,7 @@ const ListItem = memo(({ ref, active, avatar, loading, description, date, title,
 	});
 });
 ListItem.displayName = "ListItem";
-var ListItem_default = ListItem;
-
 //#endregion
-export { ListItem_default as default };
+export { ListItem as default };
+
 //# sourceMappingURL=index.mjs.map

package/es/List/ListItem/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Icon","Flexbox","Text"],"sources":["../../../src/List/ListItem/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { Loader2, MessageSquare } from 'lucide-react';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\nimport Text from '@/Text';\nimport { preventDefaultAndStopPropagation } from '@/utils/dom';\n\nimport type { ListItemProps } from '../type';\nimport { styles } from './style';\nimport { getChatItemTime } from './time';\n\nconst ListItem = memo<ListItemProps>(\n  ({\n    ref,\n    active,\n    avatar,\n    loading,\n    description,\n    date,\n    title,\n    onHoverChange,\n    actions,\n    className,\n    style,\n    showAction,\n    children,\n    classNames,\n    addon,\n    pin,\n    styles: customStyles,\n    ...rest\n  }) => {\n    const loadingNode = <Icon spin icon={Loader2} />;\n\n    const pinNode = pin && (\n      <div className={cx(styles.pin, classNames?.pin)} style={customStyles?.pin}>\n        <div className={styles.triangle} />\n      </div>\n    );\n\n    const actionsNode = actions && (\n      <Flexbox\n        horizontal\n        className={cx(styles.actions, classNames?.actions)}\n        gap={4}\n        style={{ display: showAction ? undefined : 'none', ...customStyles?.actions }}\n        onClick={preventDefaultAndStopPropagation}\n      >\n        {actions}\n      </Flexbox>\n    );\n\n    const timeNode = date && (\n      <div\n        className={cx(styles.date, classNames?.date)}\n        style={{ opacity: showAction ? 0 : undefined, ...customStyles?.date }}\n      >\n        {getChatItemTime(date)}\n      </div>\n    );\n\n    return (\n      <Flexbox\n        horizontal\n        align={'flex-start'}\n        className={cx(styles.root, active && styles.active, className)}\n        distribution={'space-between'}\n        gap={8}\n        padding={12}\n        ref={ref}\n        style={style}\n        onMouseEnter={() => {\n          onHoverChange?.(true);\n        }}\n        onMouseLeave={() => {\n          onHoverChange?.(false);\n        }}\n        {...rest}\n      >\n        {pinNode}\n        <Flexbox\n          horizontal\n          align={'flex-start'}\n          className={classNames?.container}\n          flex={1}\n          gap={8}\n          style={{ overflow: 'hidden', ...customStyles?.container }}\n        >\n          {avatar ?? <Icon icon={MessageSquare} style={{ marginTop: 4 }} />}\n          <Flexbox\n            className={cx(styles.content, classNames?.content)}\n            gap={4}\n            style={customStyles?.content}\n          >\n            <Text\n              ellipsis\n              as={'h3'}\n              className={cx(styles.title, classNames?.title)}\n              style={customStyles?.title}\n            >\n              {title}\n            </Text>\n            {description && (\n              <Text\n                ellipsis\n                className={cx(styles.desc, classNames?.desc)}\n                style={customStyles?.desc}\n              >\n                {description}\n              </Text>\n            )}\n            {addon}\n          </Flexbox>\n        </Flexbox>\n        {loading ? (\n          loadingNode\n        ) : (\n          <>\n            {actionsNode}\n            {timeNode}\n          </>\n        )}\n        {children}\n      </Flexbox>\n    );\n  },\n);\n\nListItem.displayName = 'ListItem';\n\nexport default ListItem;\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,WAAW,MACd,EACC,KACA,QACA,QACA,SACA,aACA,MACA,OACA,eACA,SACA,WACA,OACA,YACA,UACA,YACA,OACA,KACA,QAAQ,cACR,GAAG,WACC;CACJ,MAAM,cAAc,oBAACA;EAAK;EAAK,MAAM;GAAW;CAEhD,MAAM,UAAU,OACd,oBAAC;EAAI,WAAW,GAAG,OAAO,KAAK,YAAY,IAAI;EAAE,OAAO,cAAc;YACpE,oBAAC,SAAI,WAAW,OAAO,WAAY;GAC/B;CAGR,MAAM,cAAc,WAClB,oBAACC;EACC;EACA,WAAW,GAAG,OAAO,SAAS,YAAY,QAAQ;EAClD,KAAK;EACL,OAAO;GAAE,SAAS,aAAa,SAAY;GAAQ,GAAG,cAAc;GAAS;EAC7E,SAAS;YAER;GACO;CAGZ,MAAM,WAAW,QACf,oBAAC;EACC,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;EAC5C,OAAO;GAAE,SAAS,aAAa,IAAI;GAAW,GAAG,cAAc;GAAM;YAEpE,gBAAgB,KAAK;GAClB;AAGR,QACE,qBAACA;EACC;EACA,OAAO;EACP,WAAW,GAAG,OAAO,MAAM,UAAU,OAAO,QAAQ,UAAU;EAC9D,cAAc;EACd,KAAK;EACL,SAAS;EACJ;EACE;EACP,oBAAoB;AAClB,mBAAgB,KAAK;;EAEvB,oBAAoB;AAClB,mBAAgB,MAAM;;EAExB,GAAI;;GAEH;GACD,qBAACA;IACC;IACA,OAAO;IACP,WAAW,YAAY;IACvB,MAAM;IACN,KAAK;IACL,OAAO;KAAE,UAAU;KAAU,GAAG,cAAc;KAAW;eAExD,UAAU,oBAACD;KAAK,MAAM;KAAe,OAAO,EAAE,WAAW,GAAG;MAAI,EACjE,qBAACC;KACC,WAAW,GAAG,OAAO,SAAS,YAAY,QAAQ;KAClD,KAAK;KACL,OAAO,cAAc;;MAErB,oBAACC;OACC;OACA,IAAI;OACJ,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;OAC9C,OAAO,cAAc;iBAEpB;QACI;MACN,eACC,oBAACA;OACC;OACA,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;OAC5C,OAAO,cAAc;iBAEpB;QACI;MAER;;MACO;KACF;GACT,UACC,cAEA,8CACG,aACA,YACA;GAEJ;;GACO;EAGf;AAED,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../../src/List/ListItem/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { Loader2, MessageSquare } from 'lucide-react';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\nimport Text from '@/Text';\nimport { preventDefaultAndStopPropagation } from '@/utils/dom';\n\nimport type { ListItemProps } from '../type';\nimport { styles } from './style';\nimport { getChatItemTime } from './time';\n\nconst ListItem = memo<ListItemProps>(\n  ({\n    ref,\n    active,\n    avatar,\n    loading,\n    description,\n    date,\n    title,\n    onHoverChange,\n    actions,\n    className,\n    style,\n    showAction,\n    children,\n    classNames,\n    addon,\n    pin,\n    styles: customStyles,\n    ...rest\n  }) => {\n    const loadingNode = <Icon spin icon={Loader2} />;\n\n    const pinNode = pin && (\n      <div className={cx(styles.pin, classNames?.pin)} style={customStyles?.pin}>\n        <div className={styles.triangle} />\n      </div>\n    );\n\n    const actionsNode = actions && (\n      <Flexbox\n        horizontal\n        className={cx(styles.actions, classNames?.actions)}\n        gap={4}\n        style={{ display: showAction ? undefined : 'none', ...customStyles?.actions }}\n        onClick={preventDefaultAndStopPropagation}\n      >\n        {actions}\n      </Flexbox>\n    );\n\n    const timeNode = date && (\n      <div\n        className={cx(styles.date, classNames?.date)}\n        style={{ opacity: showAction ? 0 : undefined, ...customStyles?.date }}\n      >\n        {getChatItemTime(date)}\n      </div>\n    );\n\n    return (\n      <Flexbox\n        horizontal\n        align={'flex-start'}\n        className={cx(styles.root, active && styles.active, className)}\n        distribution={'space-between'}\n        gap={8}\n        padding={12}\n        ref={ref}\n        style={style}\n        onMouseEnter={() => {\n          onHoverChange?.(true);\n        }}\n        onMouseLeave={() => {\n          onHoverChange?.(false);\n        }}\n        {...rest}\n      >\n        {pinNode}\n        <Flexbox\n          horizontal\n          align={'flex-start'}\n          className={classNames?.container}\n          flex={1}\n          gap={8}\n          style={{ overflow: 'hidden', ...customStyles?.container }}\n        >\n          {avatar ?? <Icon icon={MessageSquare} style={{ marginTop: 4 }} />}\n          <Flexbox\n            className={cx(styles.content, classNames?.content)}\n            gap={4}\n            style={customStyles?.content}\n          >\n            <Text\n              ellipsis\n              as={'h3'}\n              className={cx(styles.title, classNames?.title)}\n              style={customStyles?.title}\n            >\n              {title}\n            </Text>\n            {description && (\n              <Text\n                ellipsis\n                className={cx(styles.desc, classNames?.desc)}\n                style={customStyles?.desc}\n              >\n                {description}\n              </Text>\n            )}\n            {addon}\n          </Flexbox>\n        </Flexbox>\n        {loading ? (\n          loadingNode\n        ) : (\n          <>\n            {actionsNode}\n            {timeNode}\n          </>\n        )}\n        {children}\n      </Flexbox>\n    );\n  },\n);\n\nListItem.displayName = 'ListItem';\n\nexport default ListItem;\n"],"mappings":";;;;;;;;;;;;AAeA,MAAM,WAAW,MACd,EACC,KACA,QACA,QACA,SACA,aACA,MACA,OACA,eACA,SACA,WACA,OACA,YACA,UACA,YACA,OACA,KACA,QAAQ,cACR,GAAG,WACC;CACJ,MAAM,cAAc,oBAAC,MAAD;EAAM,MAAA;EAAK,MAAM;EAAW,CAAA;CAEhD,MAAM,UAAU,OACd,oBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,KAAK,YAAY,IAAI;EAAE,OAAO,cAAc;YACpE,oBAAC,OAAD,EAAK,WAAW,OAAO,UAAY,CAAA;EAC/B,CAAA;CAGR,MAAM,cAAc,WAClB,oBAACA,mBAAD;EACE,YAAA;EACA,WAAW,GAAG,OAAO,SAAS,YAAY,QAAQ;EAClD,KAAK;EACL,OAAO;GAAE,SAAS,aAAa,KAAA,IAAY;GAAQ,GAAG,cAAc;GAAS;EAC7E,SAAS;YAER;EACO,CAAA;CAGZ,MAAM,WAAW,QACf,oBAAC,OAAD;EACE,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;EAC5C,OAAO;GAAE,SAAS,aAAa,IAAI,KAAA;GAAW,GAAG,cAAc;GAAM;YAEpE,gBAAgB,KAAK;EAClB,CAAA;AAGR,QACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,MAAM,UAAU,OAAO,QAAQ,UAAU;EAC9D,cAAc;EACd,KAAK;EACL,SAAS;EACJ;EACE;EACP,oBAAoB;AAClB,mBAAgB,KAAK;;EAEvB,oBAAoB;AAClB,mBAAgB,MAAM;;EAExB,GAAI;YAfN;GAiBG;GACD,qBAACA,mBAAD;IACE,YAAA;IACA,OAAO;IACP,WAAW,YAAY;IACvB,MAAM;IACN,KAAK;IACL,OAAO;KAAE,UAAU;KAAU,GAAG,cAAc;KAAW;cAN3D,CAQG,UAAU,oBAAC,MAAD;KAAM,MAAM;KAAe,OAAO,EAAE,WAAW,GAAG;KAAI,CAAA,EACjE,qBAACA,mBAAD;KACE,WAAW,GAAG,OAAO,SAAS,YAAY,QAAQ;KAClD,KAAK;KACL,OAAO,cAAc;eAHvB;MAKE,oBAAC,MAAD;OACE,UAAA;OACA,IAAI;OACJ,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;OAC9C,OAAO,cAAc;iBAEpB;OACI,CAAA;MACN,eACC,oBAAC,MAAD;OACE,UAAA;OACA,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;OAC5C,OAAO,cAAc;iBAEpB;OACI,CAAA;MAER;MACO;OACF;;GACT,UACC,cAEA,qBAAA,YAAA,EAAA,UAAA,CACG,aACA,SACA,EAAA,CAAA;GAEJ;GACO;;EAGf;AAED,SAAS,cAAc"}

package/es/List/ListItem/style.mjs

@@ -1,66 +1,65 @@
 import { staticStylish } from "../../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles, cx } from "antd-style";
-
 //#region src/List/ListItem/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		actions: css$1`
+		actions: css`
       position: absolute;
       inset-block-start: 50%;
       inset-inline-end: 16px;
       transform: translateY(-50%);
     `,
 		active: staticStylish.active,
-		content: css$1`
+		content: css`
       position: relative;
       overflow: hidden;
       flex: 1;
       align-self: center;
     `,
-		date: css$1`
+		date: css`
       font-size: 12px;
-      color: ${cssVar$1.colorTextPlaceholder};
+      color: ${cssVar.colorTextPlaceholder};
     `,
-		desc: css$1`
+		desc: css`
       width: 100%;
       margin: 0;
 
       font-size: 12px;
       line-height: 1.2;
-      color: ${cssVar$1.colorTextDescription};
+      color: ${cssVar.colorTextDescription};
     `,
-		pin: css$1`
+		pin: css`
       position: absolute;
       inset-block-start: 6px;
       inset-inline-end: 6px;
     `,
-		root: cx(staticStylish.variantBorderless, css$1`
+		root: cx(staticStylish.variantBorderless, css`
         cursor: pointer;
         position: relative;
-        border-radius: ${cssVar$1.borderRadius};
-        color: ${cssVar$1.colorTextTertiary};
+        border-radius: ${cssVar.borderRadius};
+        color: ${cssVar.colorTextTertiary};
       `),
-		title: css$1`
+		title: css`
       width: 100%;
       margin: 0;
 
       font-size: 14px;
       font-weight: 500;
       line-height: 1.2;
-      color: ${cssVar$1.colorText};
+      color: ${cssVar.colorText};
     `,
-		triangle: css$1`
+		triangle: css`
       width: 10px;
       height: 10px;
       border-radius: 2px;
 
       opacity: 0.5;
-      background: ${cssVar$1.colorPrimaryBorder};
+      background: ${cssVar.colorPrimaryBorder};
       clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/List/ListItem/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../../src/List/ListItem/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    actions: css`\n      position: absolute;\n      inset-block-start: 50%;\n      inset-inline-end: 16px;\n      transform: translateY(-50%);\n    `,\n    active: lobeStaticStylish.active,\n    content: css`\n      position: relative;\n      overflow: hidden;\n      flex: 1;\n      align-self: center;\n    `,\n    date: css`\n      font-size: 12px;\n      color: ${cssVar.colorTextPlaceholder};\n    `,\n    desc: css`\n      width: 100%;\n      margin: 0;\n\n      font-size: 12px;\n      line-height: 1.2;\n      color: ${cssVar.colorTextDescription};\n    `,\n\n    pin: css`\n      position: absolute;\n      inset-block-start: 6px;\n      inset-inline-end: 6px;\n    `,\n    root: cx(\n      lobeStaticStylish.variantBorderless,\n      css`\n        cursor: pointer;\n        position: relative;\n        border-radius: ${cssVar.borderRadius};\n        color: ${cssVar.colorTextTertiary};\n      `,\n    ),\n\n    title: css`\n      width: 100%;\n      margin: 0;\n\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 1.2;\n      color: ${cssVar.colorText};\n    `,\n    triangle: css`\n      width: 10px;\n      height: 10px;\n      border-radius: 2px;\n\n      opacity: 0.5;\n      background: ${cssVar.colorPrimaryBorder};\n      clip-path: polygon(0% 0%, 100% 0%, 100% 100%);\n    `,\n  };\n});\n"],"mappings":";;;;AAIA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,SAAS,KAAG;;;;;;EAMZ,QAAQA,cAAkB;EAC1B,SAAS,KAAG;;;;;;EAMZ,MAAM,KAAG;;eAEEC,SAAO,qBAAqB;;EAEvC,MAAM,KAAG;;;;;;eAMEA,SAAO,qBAAqB;;EAGvC,KAAK,KAAG;;;;;EAKR,MAAM,GACJD,cAAkB,mBAClB,KAAG;;;yBAGgBC,SAAO,aAAa;iBAC5BA,SAAO,kBAAkB;QAErC;EAED,OAAO,KAAG;;;;;;;eAOCA,SAAO,UAAU;;EAE5B,UAAU,KAAG;;;;;;oBAMGA,SAAO,mBAAmB;;;EAG3C;EACD"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/List/ListItem/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    actions: css`\n      position: absolute;\n      inset-block-start: 50%;\n      inset-inline-end: 16px;\n      transform: translateY(-50%);\n    `,\n    active: lobeStaticStylish.active,\n    content: css`\n      position: relative;\n      overflow: hidden;\n      flex: 1;\n      align-self: center;\n    `,\n    date: css`\n      font-size: 12px;\n      color: ${cssVar.colorTextPlaceholder};\n    `,\n    desc: css`\n      width: 100%;\n      margin: 0;\n\n      font-size: 12px;\n      line-height: 1.2;\n      color: ${cssVar.colorTextDescription};\n    `,\n\n    pin: css`\n      position: absolute;\n      inset-block-start: 6px;\n      inset-inline-end: 6px;\n    `,\n    root: cx(\n      lobeStaticStylish.variantBorderless,\n      css`\n        cursor: pointer;\n        position: relative;\n        border-radius: ${cssVar.borderRadius};\n        color: ${cssVar.colorTextTertiary};\n      `,\n    ),\n\n    title: css`\n      width: 100%;\n      margin: 0;\n\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 1.2;\n      color: ${cssVar.colorText};\n    `,\n    triangle: css`\n      width: 10px;\n      height: 10px;\n      border-radius: 2px;\n\n      opacity: 0.5;\n      background: ${cssVar.colorPrimaryBorder};\n      clip-path: polygon(0% 0%, 100% 0%, 100% 100%);\n    `,\n  };\n});\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,SAAS,GAAG;;;;;;EAMZ,QAAQA,cAAkB;EAC1B,SAAS,GAAG;;;;;;EAMZ,MAAM,GAAG;;eAEE,OAAO,qBAAqB;;EAEvC,MAAM,GAAG;;;;;;eAME,OAAO,qBAAqB;;EAGvC,KAAK,GAAG;;;;;EAKR,MAAM,GACJA,cAAkB,mBAClB,GAAG;;;yBAGgB,OAAO,aAAa;iBAC5B,OAAO,kBAAkB;QAErC;EAED,OAAO,GAAG;;;;;;;eAOC,OAAO,UAAU;;EAE5B,UAAU,GAAG;;;;;;oBAMG,OAAO,mBAAmB;;;EAG3C;EACD"}

package/es/List/ListItem/time.mjs

@@ -1,12 +1,11 @@
 import dayjs from "dayjs";
-
 //#region src/List/ListItem/time.ts
 const getChatItemTime = (updateAt) => {
 	const time = dayjs(updateAt);
 	if (time.isSame(dayjs(), "day")) return time.format("HH:mm");
 	return time.format("MM-DD");
 };
-
 //#endregion
 export { getChatItemTime };
+
 //# sourceMappingURL=time.mjs.map

package/es/List/ListItem/time.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"time.mjs","names":[],"sources":["../../../src/List/ListItem/time.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\nexport const getChatItemTime = (updateAt: number) => {\n  const time = dayjs(updateAt);\n\n  if (time.isSame(dayjs(), 'day')) return time.format('HH:mm');\n\n  return time.format('MM-DD');\n};\n"],"mappings":";;;AAEA,MAAa,mBAAmB,aAAqB;CACnD,MAAM,OAAO,MAAM,SAAS;AAE5B,KAAI,KAAK,OAAO,OAAO,EAAE,MAAM,CAAE,QAAO,KAAK,OAAO,QAAQ;AAE5D,QAAO,KAAK,OAAO,QAAQ"}
+{"version":3,"file":"time.mjs","names":[],"sources":["../../../src/List/ListItem/time.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\nexport const getChatItemTime = (updateAt: number) => {\n  const time = dayjs(updateAt);\n\n  if (time.isSame(dayjs(), 'day')) return time.format('HH:mm');\n\n  return time.format('MM-DD');\n};\n"],"mappings":";;AAEA,MAAa,mBAAmB,aAAqB;CACnD,MAAM,OAAO,MAAM,SAAS;AAE5B,KAAI,KAAK,OAAO,OAAO,EAAE,MAAM,CAAE,QAAO,KAAK,OAAO,QAAQ;AAE5D,QAAO,KAAK,OAAO,QAAQ"}

package/es/List/index.mjs

@@ -1,11 +1,9 @@
-import ListItem_default from "./ListItem/index.mjs";
-import List_default$1 from "./List.mjs";
-
+import ListItem from "./ListItem/index.mjs";
+import List$1 from "./List.mjs";
 //#region src/List/index.ts
-const List = List_default$1;
-List.Item = ListItem_default;
-var List_default = List;
-
+const List = List$1;
+List.Item = ListItem;
 //#endregion
-export { ListItem_default as ListItem, List_default as default };
+export { ListItem, List as default };
+
 //# sourceMappingURL=index.mjs.map

package/es/List/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["ListParent","ListItem"],"sources":["../../src/List/index.ts"],"sourcesContent":["import type { ReactNode, RefAttributes } from 'react';\n\nimport ListParent from './List';\nimport ListItem from './ListItem';\nimport type { ListProps } from './type';\n\ninterface IList {\n  (props: ListProps & RefAttributes<HTMLDivElement>): ReactNode;\n  Item: typeof ListItem;\n}\n\nconst List = ListParent as unknown as IList;\n\nList.Item = ListItem;\n\nexport default List;\nexport { default as ListItem } from './ListItem';\nexport type * from './type';\n"],"mappings":";;;;AAWA,MAAM,OAAOA;AAEb,KAAK,OAAOC;AAEZ,mBAAe"}
+{"version":3,"file":"index.mjs","names":["ListParent"],"sources":["../../src/List/index.ts"],"sourcesContent":["import type { ReactNode, RefAttributes } from 'react';\n\nimport ListParent from './List';\nimport ListItem from './ListItem';\nimport type { ListProps } from './type';\n\ninterface IList {\n  (props: ListProps & RefAttributes<HTMLDivElement>): ReactNode;\n  Item: typeof ListItem;\n}\n\nconst List = ListParent as unknown as IList;\n\nList.Item = ListItem;\n\nexport default List;\nexport { default as ListItem } from './ListItem';\nexport type * from './type';\n"],"mappings":";;;AAWA,MAAM,OAAOA;AAEb,KAAK,OAAO"}

package/es/List/type.d.mts

@@ -1,5 +1,4 @@
 import { FlexboxProps } from "../Flex/type.mjs";
-import "../Flex/index.mjs";
 import { CSSProperties, ReactNode, Ref } from "react";
 
 //#region src/List/type.d.ts

package/es/Markdown/Markdown.d.mts

@@ -1,8 +1,8 @@
 import { MarkdownProps } from "./type.mjs";
-import * as react26 from "react";
+import * as _$react from "react";
 
 //#region src/Markdown/Markdown.d.ts
-declare const Markdown: react26.NamedExoticComponent<MarkdownProps>;
+declare const Markdown: _$react.NamedExoticComponent<MarkdownProps>;
 //#endregion
 export { Markdown };
 //# sourceMappingURL=Markdown.d.mts.map

package/es/Markdown/Markdown.mjs

@@ -1,30 +1,28 @@
-'use client';
-
-import PreviewGroup_default from "../Image/PreviewGroup.mjs";
+"use client";
+import PreviewGroup from "../Image/PreviewGroup.mjs";
 import { MarkdownProvider } from "./components/MarkdownProvider.mjs";
 import { useDelayedAnimated } from "./components/useDelayedAnimated.mjs";
 import { variants } from "./style.mjs";
-import MarkdownRender_default from "./SyntaxMarkdown/MarkdownRender.mjs";
-import StreamdownRender_default from "./SyntaxMarkdown/StreamdownRender.mjs";
-import Typography_default from "./Typography.mjs";
+import MarkdownRenderer from "./SyntaxMarkdown/MarkdownRender.mjs";
+import StreamdownRender from "./SyntaxMarkdown/StreamdownRender.mjs";
+import Typography from "./Typography.mjs";
 import { memo, useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/Markdown/Markdown.tsx
 const Markdown = memo((props) => {
 	const { ref, children = "", className, style, fullFeaturedCodeBlock, onDoubleClick, animated, enableLatex = true, enableMermaid = true, enableImageGallery, enableCustomFootnotes, enableGithubAlert, enableStream = true, componentProps, rehypePluginsAhead, allowHtml, borderRadius, fontSize = props.variant === "chat" ? 14 : void 0, headerMultiple = props.variant === "chat" ? .25 : void 0, marginMultiple = props.variant === "chat" ? 1 : void 0, variant = "default", reactMarkdownProps, lineHeight = props.variant === "chat" ? 1.6 : void 0, rehypePlugins, remarkPlugins, remarkPluginsAhead, components = {}, customRender, showFootnotes = true, streamSmoothingPreset, citations, ...rest } = props;
 	const delayedAnimated = useDelayedAnimated(animated);
-	const Render = useCallback(({ enableStream: enableStream$1, children: children$1, reactMarkdownProps: reactMarkdownProps$1 }) => {
-		const defaultDOM = /* @__PURE__ */ jsx(enableStream$1 ? StreamdownRender_default : MarkdownRender_default, {
-			...reactMarkdownProps$1,
-			children: children$1
+	const Render = useCallback(({ enableStream, children, reactMarkdownProps }) => {
+		const defaultDOM = /* @__PURE__ */ jsx(enableStream ? StreamdownRender : MarkdownRenderer, {
+			...reactMarkdownProps,
+			children
 		});
-		return customRender ? customRender(defaultDOM, { text: children$1 }) : defaultDOM;
+		return customRender ? customRender(defaultDOM, { text: children }) : defaultDOM;
 	}, [customRender]);
-	return /* @__PURE__ */ jsx(PreviewGroup_default, {
+	return /* @__PURE__ */ jsx(PreviewGroup, {
 		enable: enableImageGallery,
-		children: /* @__PURE__ */ jsx(Typography_default, {
+		children: /* @__PURE__ */ jsx(Typography, {
 			borderRadius,
 			className: cx(variants({
 				enableLatex,
@@ -67,8 +65,7 @@ const Markdown = memo((props) => {
 	});
 });
 Markdown.displayName = "Markdown";
-var Markdown_default = Markdown;
-
 //#endregion
-export { Markdown_default as default };
+export { Markdown as default };
+
 //# sourceMappingURL=Markdown.mjs.map

package/es/Markdown/Markdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.mjs","names":["enableStream","StreamdownRender","MarkdownRender","reactMarkdownProps","children","PreviewGroup","Typography"],"sources":["../../src/Markdown/Markdown.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo, useCallback } from 'react';\n\nimport { PreviewGroup } from '@/Image';\n\nimport { MarkdownProvider } from './components/MarkdownProvider';\nimport { useDelayedAnimated } from './components/useDelayedAnimated';\nimport { variants } from './style';\nimport { MarkdownRender, StreamdownRender } from './SyntaxMarkdown';\nimport { type MarkdownProps } from './type';\nimport Typography from './Typography';\n\nconst Markdown = memo<MarkdownProps>((props) => {\n  const {\n    ref,\n    children = '',\n    className,\n    style,\n    fullFeaturedCodeBlock,\n    onDoubleClick,\n    animated,\n    enableLatex = true,\n    enableMermaid = true,\n    enableImageGallery,\n    enableCustomFootnotes,\n    enableGithubAlert,\n    enableStream = true,\n    componentProps,\n    rehypePluginsAhead,\n    allowHtml,\n    borderRadius,\n    fontSize = props.variant === 'chat' ? 14 : undefined,\n    headerMultiple = props.variant === 'chat' ? 0.25 : undefined,\n    marginMultiple = props.variant === 'chat' ? 1 : undefined,\n    variant = 'default',\n    reactMarkdownProps,\n    lineHeight = props.variant === 'chat' ? 1.6 : undefined,\n    rehypePlugins,\n    remarkPlugins,\n    remarkPluginsAhead,\n    components = {},\n    customRender,\n    showFootnotes = true,\n    streamSmoothingPreset,\n    citations,\n    ...rest\n  } = props;\n\n  const delayedAnimated = useDelayedAnimated(animated);\n\n  const Render = useCallback(\n    ({\n      enableStream,\n      children,\n      reactMarkdownProps,\n    }: Pick<MarkdownProps, 'children' | 'enableStream' | 'reactMarkdownProps'>) => {\n      const DefaultRender = enableStream ? StreamdownRender : MarkdownRender;\n      const defaultDOM = <DefaultRender {...reactMarkdownProps}>{children}</DefaultRender>;\n      return customRender ? customRender(defaultDOM, { text: children }) : defaultDOM;\n    },\n    [customRender],\n  );\n\n  return (\n    <PreviewGroup enable={enableImageGallery}>\n      <Typography\n        borderRadius={borderRadius}\n        className={cx(variants({ enableLatex, variant }), className)}\n        data-code-type=\"markdown\"\n        fontSize={fontSize}\n        headerMultiple={headerMultiple}\n        lineHeight={lineHeight}\n        marginMultiple={marginMultiple}\n        ref={ref}\n        style={style}\n        onDoubleClick={onDoubleClick}\n        {...rest}\n      >\n        <MarkdownProvider\n          allowHtml={allowHtml}\n          animated={delayedAnimated}\n          citations={citations}\n          componentProps={componentProps}\n          components={components}\n          enableCustomFootnotes={enableCustomFootnotes}\n          enableGithubAlert={enableGithubAlert}\n          enableLatex={enableLatex}\n          enableMermaid={enableMermaid}\n          fullFeaturedCodeBlock={fullFeaturedCodeBlock}\n          rehypePlugins={rehypePlugins}\n          rehypePluginsAhead={rehypePluginsAhead}\n          remarkPlugins={remarkPlugins}\n          remarkPluginsAhead={remarkPluginsAhead}\n          showFootnotes={showFootnotes}\n          streamSmoothingPreset={streamSmoothingPreset}\n          variant={variant}\n        >\n          <Render\n            enableStream={enableStream && delayedAnimated}\n            reactMarkdownProps={reactMarkdownProps}\n          >\n            {children}\n          </Render>\n        </MarkdownProvider>\n      </Typography>\n    </PreviewGroup>\n  );\n});\n\nMarkdown.displayName = 'Markdown';\n\nexport default Markdown;\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,WAAW,MAAqB,UAAU;CAC9C,MAAM,EACJ,KACA,WAAW,IACX,WACA,OACA,uBACA,eACA,UACA,cAAc,MACd,gBAAgB,MAChB,oBACA,uBACA,mBACA,eAAe,MACf,gBACA,oBACA,WACA,cACA,WAAW,MAAM,YAAY,SAAS,KAAK,QAC3C,iBAAiB,MAAM,YAAY,SAAS,MAAO,QACnD,iBAAiB,MAAM,YAAY,SAAS,IAAI,QAChD,UAAU,WACV,oBACA,aAAa,MAAM,YAAY,SAAS,MAAM,QAC9C,eACA,eACA,oBACA,aAAa,EAAE,EACf,cACA,gBAAgB,MAChB,uBACA,WACA,GAAG,SACD;CAEJ,MAAM,kBAAkB,mBAAmB,SAAS;CAEpD,MAAM,SAAS,aACZ,EACC,8BACA,sBACA,+CAC6E;EAE7E,MAAM,aAAa,oBADGA,iBAAeC,2BAAmBC;GACtB,GAAIC;aAAqBC;IAAyB;AACpF,SAAO,eAAe,aAAa,YAAY,EAAE,MAAMA,YAAU,CAAC,GAAG;IAEvE,CAAC,aAAa,CACf;AAED,QACE,oBAACC;EAAa,QAAQ;YACpB,oBAACC;GACe;GACd,WAAW,GAAG,SAAS;IAAE;IAAa;IAAS,CAAC,EAAE,UAAU;GAC5D,kBAAe;GACL;GACM;GACJ;GACI;GACX;GACE;GACQ;GACf,GAAI;aAEJ,oBAAC;IACY;IACX,UAAU;IACC;IACK;IACJ;IACW;IACJ;IACN;IACE;IACQ;IACR;IACK;IACL;IACK;IACL;IACQ;IACd;cAET,oBAAC;KACC,cAAc,gBAAgB;KACV;KAEnB;MACM;KACQ;IACR;GACA;EAEjB;AAEF,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"Markdown.mjs","names":["MarkdownRender"],"sources":["../../src/Markdown/Markdown.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo, useCallback } from 'react';\n\nimport { PreviewGroup } from '@/Image';\n\nimport { MarkdownProvider } from './components/MarkdownProvider';\nimport { useDelayedAnimated } from './components/useDelayedAnimated';\nimport { variants } from './style';\nimport { MarkdownRender, StreamdownRender } from './SyntaxMarkdown';\nimport { type MarkdownProps } from './type';\nimport Typography from './Typography';\n\nconst Markdown = memo<MarkdownProps>((props) => {\n  const {\n    ref,\n    children = '',\n    className,\n    style,\n    fullFeaturedCodeBlock,\n    onDoubleClick,\n    animated,\n    enableLatex = true,\n    enableMermaid = true,\n    enableImageGallery,\n    enableCustomFootnotes,\n    enableGithubAlert,\n    enableStream = true,\n    componentProps,\n    rehypePluginsAhead,\n    allowHtml,\n    borderRadius,\n    fontSize = props.variant === 'chat' ? 14 : undefined,\n    headerMultiple = props.variant === 'chat' ? 0.25 : undefined,\n    marginMultiple = props.variant === 'chat' ? 1 : undefined,\n    variant = 'default',\n    reactMarkdownProps,\n    lineHeight = props.variant === 'chat' ? 1.6 : undefined,\n    rehypePlugins,\n    remarkPlugins,\n    remarkPluginsAhead,\n    components = {},\n    customRender,\n    showFootnotes = true,\n    streamSmoothingPreset,\n    citations,\n    ...rest\n  } = props;\n\n  const delayedAnimated = useDelayedAnimated(animated);\n\n  const Render = useCallback(\n    ({\n      enableStream,\n      children,\n      reactMarkdownProps,\n    }: Pick<MarkdownProps, 'children' | 'enableStream' | 'reactMarkdownProps'>) => {\n      const DefaultRender = enableStream ? StreamdownRender : MarkdownRender;\n      const defaultDOM = <DefaultRender {...reactMarkdownProps}>{children}</DefaultRender>;\n      return customRender ? customRender(defaultDOM, { text: children }) : defaultDOM;\n    },\n    [customRender],\n  );\n\n  return (\n    <PreviewGroup enable={enableImageGallery}>\n      <Typography\n        borderRadius={borderRadius}\n        className={cx(variants({ enableLatex, variant }), className)}\n        data-code-type=\"markdown\"\n        fontSize={fontSize}\n        headerMultiple={headerMultiple}\n        lineHeight={lineHeight}\n        marginMultiple={marginMultiple}\n        ref={ref}\n        style={style}\n        onDoubleClick={onDoubleClick}\n        {...rest}\n      >\n        <MarkdownProvider\n          allowHtml={allowHtml}\n          animated={delayedAnimated}\n          citations={citations}\n          componentProps={componentProps}\n          components={components}\n          enableCustomFootnotes={enableCustomFootnotes}\n          enableGithubAlert={enableGithubAlert}\n          enableLatex={enableLatex}\n          enableMermaid={enableMermaid}\n          fullFeaturedCodeBlock={fullFeaturedCodeBlock}\n          rehypePlugins={rehypePlugins}\n          rehypePluginsAhead={rehypePluginsAhead}\n          remarkPlugins={remarkPlugins}\n          remarkPluginsAhead={remarkPluginsAhead}\n          showFootnotes={showFootnotes}\n          streamSmoothingPreset={streamSmoothingPreset}\n          variant={variant}\n        >\n          <Render\n            enableStream={enableStream && delayedAnimated}\n            reactMarkdownProps={reactMarkdownProps}\n          >\n            {children}\n          </Render>\n        </MarkdownProvider>\n      </Typography>\n    </PreviewGroup>\n  );\n});\n\nMarkdown.displayName = 'Markdown';\n\nexport default Markdown;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAM,WAAW,MAAqB,UAAU;CAC9C,MAAM,EACJ,KACA,WAAW,IACX,WACA,OACA,uBACA,eACA,UACA,cAAc,MACd,gBAAgB,MAChB,oBACA,uBACA,mBACA,eAAe,MACf,gBACA,oBACA,WACA,cACA,WAAW,MAAM,YAAY,SAAS,KAAK,KAAA,GAC3C,iBAAiB,MAAM,YAAY,SAAS,MAAO,KAAA,GACnD,iBAAiB,MAAM,YAAY,SAAS,IAAI,KAAA,GAChD,UAAU,WACV,oBACA,aAAa,MAAM,YAAY,SAAS,MAAM,KAAA,GAC9C,eACA,eACA,oBACA,aAAa,EAAE,EACf,cACA,gBAAgB,MAChB,uBACA,WACA,GAAG,SACD;CAEJ,MAAM,kBAAkB,mBAAmB,SAAS;CAEpD,MAAM,SAAS,aACZ,EACC,cACA,UACA,yBAC6E;EAE7E,MAAM,aAAa,oBADG,eAAe,mBAAmBA,kBACrC;GAAe,GAAI;GAAqB;GAAyB,CAAA;AACpF,SAAO,eAAe,aAAa,YAAY,EAAE,MAAM,UAAU,CAAC,GAAG;IAEvE,CAAC,aAAa,CACf;AAED,QACE,oBAAC,cAAD;EAAc,QAAQ;YACpB,oBAAC,YAAD;GACgB;GACd,WAAW,GAAG,SAAS;IAAE;IAAa;IAAS,CAAC,EAAE,UAAU;GAC5D,kBAAe;GACL;GACM;GACJ;GACI;GACX;GACE;GACQ;GACf,GAAI;aAEJ,oBAAC,kBAAD;IACa;IACX,UAAU;IACC;IACK;IACJ;IACW;IACJ;IACN;IACE;IACQ;IACR;IACK;IACL;IACK;IACL;IACQ;IACd;cAET,oBAAC,QAAD;KACE,cAAc,gBAAgB;KACV;KAEnB;KACM,CAAA;IACQ,CAAA;GACR,CAAA;EACA,CAAA;EAEjB;AAEF,SAAS,cAAc"}

package/es/Markdown/SyntaxMarkdown/MarkdownRender.mjs

@@ -1,5 +1,4 @@
-'use client';
-
+"use client";
 import { useMarkdownComponents } from "../../hooks/useMarkdown/useMarkdownComponents.mjs";
 import { useMarkdownContent } from "../../hooks/useMarkdown/useMarkdownContent.mjs";
 import { useMarkdownRehypePlugins } from "../../hooks/useMarkdown/useMarkdownRehypePlugins.mjs";
@@ -7,7 +6,6 @@ import { useMarkdownRemarkPlugins } from "../../hooks/useMarkdown/useMarkdownRem
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import Markdown from "react-markdown";
-
 //#region src/Markdown/SyntaxMarkdown/MarkdownRender.tsx
 const MarkdownRenderer = memo(({ children, ...rest }) => {
 	const escapedContent = useMarkdownContent(children || "");
@@ -22,8 +20,7 @@ const MarkdownRenderer = memo(({ children, ...rest }) => {
 		children: escapedContent
 	});
 }, (prevProps, nextProps) => prevProps.children === nextProps.children);
-var MarkdownRender_default = MarkdownRenderer;
-
 //#endregion
-export { MarkdownRender_default as default };
+export { MarkdownRenderer as default };
+
 //# sourceMappingURL=MarkdownRender.mjs.map

package/es/Markdown/SyntaxMarkdown/MarkdownRender.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRender.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/MarkdownRender.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\nimport Markdown, { type Options } from 'react-markdown';\n\nimport {\n  useMarkdownComponents,\n  useMarkdownContent,\n  useMarkdownRehypePlugins,\n  useMarkdownRemarkPlugins,\n} from '@/hooks/useMarkdown';\n\nconst MarkdownRenderer = memo<Options>(\n  ({ children, ...rest }) => {\n    const escapedContent = useMarkdownContent(children || '');\n    const components = useMarkdownComponents();\n    const rehypePluginsList = useMarkdownRehypePlugins();\n    const remarkPluginsList = useMarkdownRemarkPlugins();\n\n    return (\n      <Markdown\n        {...rest}\n        components={components}\n        rehypePlugins={rehypePluginsList}\n        remarkPlugins={remarkPluginsList}\n      >\n        {escapedContent}\n      </Markdown>\n    );\n  },\n  (prevProps, nextProps) => prevProps.children === nextProps.children,\n);\n\nexport default MarkdownRenderer;\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,mBAAmB,MACtB,EAAE,UAAU,GAAG,WAAW;CACzB,MAAM,iBAAiB,mBAAmB,YAAY,GAAG;CACzD,MAAM,aAAa,uBAAuB;CAC1C,MAAM,oBAAoB,0BAA0B;CACpD,MAAM,oBAAoB,0BAA0B;AAEpD,QACE,oBAAC;EACC,GAAI;EACQ;EACZ,eAAe;EACf,eAAe;YAEd;GACQ;IAGd,WAAW,cAAc,UAAU,aAAa,UAAU,SAC5D;AAED,6BAAe"}
+{"version":3,"file":"MarkdownRender.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/MarkdownRender.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\nimport Markdown, { type Options } from 'react-markdown';\n\nimport {\n  useMarkdownComponents,\n  useMarkdownContent,\n  useMarkdownRehypePlugins,\n  useMarkdownRemarkPlugins,\n} from '@/hooks/useMarkdown';\n\nconst MarkdownRenderer = memo<Options>(\n  ({ children, ...rest }) => {\n    const escapedContent = useMarkdownContent(children || '');\n    const components = useMarkdownComponents();\n    const rehypePluginsList = useMarkdownRehypePlugins();\n    const remarkPluginsList = useMarkdownRemarkPlugins();\n\n    return (\n      <Markdown\n        {...rest}\n        components={components}\n        rehypePlugins={rehypePluginsList}\n        remarkPlugins={remarkPluginsList}\n      >\n        {escapedContent}\n      </Markdown>\n    );\n  },\n  (prevProps, nextProps) => prevProps.children === nextProps.children,\n);\n\nexport default MarkdownRenderer;\n"],"mappings":";;;;;;;;;AAYA,MAAM,mBAAmB,MACtB,EAAE,UAAU,GAAG,WAAW;CACzB,MAAM,iBAAiB,mBAAmB,YAAY,GAAG;CACzD,MAAM,aAAa,uBAAuB;CAC1C,MAAM,oBAAoB,0BAA0B;CACpD,MAAM,oBAAoB,0BAA0B;AAEpD,QACE,oBAAC,UAAD;EACE,GAAI;EACQ;EACZ,eAAe;EACf,eAAe;YAEd;EACQ,CAAA;IAGd,WAAW,cAAc,UAAU,aAAa,UAAU,SAC5D"}

package/es/Markdown/SyntaxMarkdown/StreamdownRender.mjs

@@ -1,5 +1,4 @@
-'use client';
-
+"use client";
 import { useMarkdownContext } from "../components/MarkdownProvider.mjs";
 import { useMarkdownComponents } from "../../hooks/useMarkdown/useMarkdownComponents.mjs";
 import { useMarkdownContent } from "../../hooks/useMarkdown/useMarkdownContent.mjs";
@@ -16,7 +15,6 @@ import { jsx } from "react/jsx-runtime";
 import Markdown from "react-markdown";
 import { marked } from "marked";
 import remend from "remend";
-
 //#region src/Markdown/SyntaxMarkdown/StreamdownRender.tsx
 const STREAM_FADE_DURATION = 280;
 const REVEALED_STREAM_PLUGIN = [rehypeStreamAnimated, { revealed: true }];
@@ -294,8 +292,7 @@ const StreamdownRender = memo(({ children, ...rest }) => {
 	});
 });
 StreamdownRender.displayName = "StreamdownRender";
-var StreamdownRender_default = StreamdownRender;
-
 //#endregion
-export { StreamdownRender_default as default };
+export { StreamdownRender as default };
+
 //# sourceMappingURL=StreamdownRender.mjs.map

package/es/Markdown/SyntaxMarkdown/StreamdownRender.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"StreamdownRender.mjs","names":["REVEALED_STREAM_PLUGIN: Pluggable","blocks: BlockInfo[]","plugins: Pluggable[]"],"sources":["../../../src/Markdown/SyntaxMarkdown/StreamdownRender.tsx"],"sourcesContent":["'use client';\n\nimport { marked } from 'marked';\nimport {\n  memo,\n  Profiler,\n  type ProfilerOnRenderCallback,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n} from 'react';\nimport Markdown, { type Options } from 'react-markdown';\nimport remend from 'remend';\nimport type { Pluggable, PluggableList } from 'unified';\n\nimport {\n  useMarkdownComponents,\n  useMarkdownContent,\n  useMarkdownRehypePlugins,\n  useMarkdownRemarkPlugins,\n} from '@/hooks/useMarkdown';\nimport { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';\nimport { rehypeStreamAnimated } from '@/Markdown/plugins/rehypeStreamAnimated';\nimport { useStreamdownProfiler } from '@/Markdown/streamProfiler';\n\nimport { resolveBlockAnimationMeta } from './streamAnimationMeta';\nimport { styles } from './style';\nimport { useSmoothStreamContent } from './useSmoothStreamContent';\nimport { type BlockInfo, useStreamQueue } from './useStreamQueue';\n\nconst STREAM_FADE_DURATION = 280;\nconst REVEALED_STREAM_PLUGIN: Pluggable = [rehypeStreamAnimated, { revealed: true }];\n\nfunction countChars(text: string): number {\n  return [...text].length;\n}\n\nfunction getNow(): number {\n  return typeof performance === 'undefined' ? Date.now() : performance.now();\n}\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null;\n\nconst isDeepEqualValue = (a: unknown, b: unknown): boolean => {\n  if (a === b) return true;\n\n  if (Array.isArray(a) || Array.isArray(b)) {\n    if (!Array.isArray(a) || !Array.isArray(b)) return false;\n    if (a.length !== b.length) return false;\n    for (let i = 0; i < a.length; i++) {\n      if (!isDeepEqualValue(a[i], b[i])) return false;\n    }\n    return true;\n  }\n\n  if (!isRecord(a) || !isRecord(b)) return false;\n\n  const keysA = Object.keys(a);\n  const keysB = Object.keys(b);\n  if (keysA.length !== keysB.length) return false;\n\n  for (const key of keysA) {\n    if (!isDeepEqualValue(a[key], b[key])) return false;\n  }\n\n  return true;\n};\n\nconst isSamePlugin = (prevPlugin: Pluggable, nextPlugin: Pluggable): boolean => {\n  const prevTuple = Array.isArray(prevPlugin) ? prevPlugin : [prevPlugin];\n  const nextTuple = Array.isArray(nextPlugin) ? nextPlugin : [nextPlugin];\n\n  if (prevTuple.length !== nextTuple.length) return false;\n  if (prevTuple[0] !== nextTuple[0]) return false;\n\n  return isDeepEqualValue(prevTuple.slice(1), nextTuple.slice(1));\n};\n\nconst isSamePlugins = (\n  prevPlugins?: PluggableList | null,\n  nextPlugins?: PluggableList | null,\n): boolean => {\n  if (prevPlugins === nextPlugins) return true;\n  if (!prevPlugins || !nextPlugins) return !prevPlugins && !nextPlugins;\n  if (prevPlugins.length !== nextPlugins.length) return false;\n\n  for (let i = 0; i < prevPlugins.length; i++) {\n    if (!isSamePlugin(prevPlugins[i], nextPlugins[i])) return false;\n  }\n\n  return true;\n};\n\nconst useStablePlugins = (plugins: PluggableList): PluggableList => {\n  const stableRef = useRef<PluggableList>(plugins);\n\n  if (!isSamePlugins(stableRef.current, plugins)) {\n    stableRef.current = plugins;\n  }\n\n  return stableRef.current;\n};\n\nconst StreamdownBlock = memo<Options>(\n  ({ children, ...rest }) => {\n    return <Markdown {...rest}>{children}</Markdown>;\n  },\n  (prevProps, nextProps) =>\n    prevProps.children === nextProps.children &&\n    prevProps.components === nextProps.components &&\n    isSamePlugins(prevProps.rehypePlugins, nextProps.rehypePlugins) &&\n    isSamePlugins(prevProps.remarkPlugins, nextProps.remarkPlugins),\n);\n\nStreamdownBlock.displayName = 'StreamdownBlock';\n\nexport const StreamdownRender = memo<Options>(({ children, ...rest }) => {\n  const { streamSmoothingPreset = 'balanced' } = useMarkdownContext();\n  const profiler = useStreamdownProfiler();\n  const escapedContent = useMarkdownContent(children || '');\n  const components = useMarkdownComponents();\n  const baseRehypePlugins = useStablePlugins(useMarkdownRehypePlugins());\n  const remarkPlugins = useStablePlugins(useMarkdownRemarkPlugins());\n  const generatedId = useId();\n  const smoothedContent = useSmoothStreamContent(\n    typeof escapedContent === 'string' ? escapedContent : '',\n    { preset: streamSmoothingPreset },\n  );\n\n  const processedContentResult = useMemo(() => {\n    const start = profiler ? getNow() : 0;\n    const value = remend(smoothedContent);\n\n    return {\n      durationMs: profiler ? getNow() - start : 0,\n      value,\n    };\n  }, [profiler, smoothedContent]);\n  const processedContent = processedContentResult.value;\n\n  const blocksResult = useMemo(() => {\n    const start = profiler ? getNow() : 0;\n    const tokens = marked.lexer(processedContent);\n    let offset = 0;\n\n    const value = tokens.map((token) => {\n      const block = { content: token.raw, startOffset: offset };\n      offset += token.raw.length;\n      return block;\n    });\n\n    return {\n      durationMs: profiler ? getNow() - start : 0,\n      value,\n    };\n  }, [processedContent, profiler]);\n  const blocks: BlockInfo[] = blocksResult.value;\n\n  const { getBlockState, charDelay } = useStreamQueue(blocks);\n  const prevBlockCharCountRef = useRef<Map<number, number>>(new Map());\n  const blockCharDelayRef = useRef<Map<number, number>>(new Map());\n  const blockTimelineRef = useRef<Map<number, number>>(new Map());\n  const lastRenderTsRef = useRef<number | null>(null);\n\n  const renderTs = getNow();\n  const frameDt =\n    lastRenderTsRef.current === null\n      ? 0\n      : Math.max(0, Math.min(renderTs - lastRenderTsRef.current, 120));\n\n  const timelineResult = useMemo(() => {\n    const start = profiler ? getNow() : 0;\n    const next = new Map<number, number>();\n    const prevTimeline = blockTimelineRef.current;\n    const prevCharCounts = prevBlockCharCountRef.current;\n\n    for (const block of blocks) {\n      const blockCharCount = countChars(block.content);\n      const prevCharCount = prevCharCounts.get(block.startOffset) ?? 0;\n      const prevElapsed = prevTimeline.get(block.startOffset);\n      const latestCharStart = Math.max(0, (blockCharCount - 1) * charDelay);\n\n      if (prevElapsed === undefined || blockCharCount < prevCharCount) {\n        next.set(block.startOffset, latestCharStart);\n        continue;\n      }\n\n      const elapsedByTime = prevElapsed + frameDt;\n      // Avoid huge hidden backlog when stream updates in bursts.\n      const minElapsed = Math.max(0, latestCharStart - charDelay * 2);\n      next.set(block.startOffset, Math.max(elapsedByTime, minElapsed));\n    }\n\n    return {\n      durationMs: profiler ? getNow() - start : 0,\n      value: next,\n    };\n  }, [blocks, charDelay, frameDt, profiler]);\n  const timelineForRender = timelineResult.value;\n\n  useEffect(() => {\n    if (!profiler) return;\n\n    profiler.recordCalculation({\n      durationMs: processedContentResult.durationMs,\n      name: 'content-normalize',\n      textLength: processedContent.length,\n    });\n  }, [processedContent.length, processedContentResult.durationMs, profiler]);\n\n  useEffect(() => {\n    if (!profiler) return;\n\n    profiler.recordCalculation({\n      durationMs: blocksResult.durationMs,\n      itemCount: blocks.length,\n      name: 'block-lex',\n      textLength: processedContent.length,\n    });\n  }, [blocks.length, blocksResult.durationMs, processedContent.length, profiler]);\n\n  useEffect(() => {\n    if (!profiler) return;\n\n    profiler.recordCalculation({\n      durationMs: timelineResult.durationMs,\n      itemCount: blocks.length,\n      name: 'block-timeline',\n      textLength: processedContent.length,\n    });\n  }, [blocks.length, processedContent.length, profiler, timelineResult.durationMs]);\n\n  const blockAnimationMetaResult = useMemo(() => {\n    const nextBlockCharDelay = new Map<number, number>();\n    const blockAnimationMeta = new Map<number, ReturnType<typeof resolveBlockAnimationMeta>>();\n\n    for (const [index, block] of blocks.entries()) {\n      const state = getBlockState(index);\n      const timelineElapsedMs = timelineForRender.get(block.startOffset) ?? 0;\n      const animationMeta = resolveBlockAnimationMeta({\n        blockCharCount: countChars(block.content),\n        currentCharDelay: charDelay,\n        fadeDuration: STREAM_FADE_DURATION,\n        previousCharDelay: blockCharDelayRef.current.get(block.startOffset),\n        state,\n        timelineElapsedMs,\n      });\n\n      nextBlockCharDelay.set(block.startOffset, animationMeta.charDelay);\n      blockAnimationMeta.set(block.startOffset, animationMeta);\n    }\n\n    return {\n      blockAnimationMeta,\n      blockCharDelay: nextBlockCharDelay,\n    };\n  }, [blocks, charDelay, getBlockState, timelineForRender]);\n\n  useEffect(() => {\n    const nextCharCount = new Map<number, number>();\n    for (const block of blocks) {\n      nextCharCount.set(block.startOffset, countChars(block.content));\n    }\n    blockCharDelayRef.current = blockAnimationMetaResult.blockCharDelay;\n    prevBlockCharCountRef.current = nextCharCount;\n    blockTimelineRef.current = timelineForRender;\n    lastRenderTsRef.current = getNow();\n  }, [blockAnimationMetaResult.blockCharDelay, blocks, timelineForRender]);\n\n  const handleRootRender = useCallback<ProfilerOnRenderCallback>(\n    (_, phase, actualDuration, baseDuration) => {\n      profiler?.recordRootCommit({\n        actualDuration,\n        baseDuration,\n        blockCount: blocks.length,\n        phase,\n        textLength: processedContent.length,\n      });\n    },\n    [blocks.length, processedContent.length, profiler],\n  );\n\n  const handleBlockRender = useCallback<ProfilerOnRenderCallback>(\n    (id, phase, actualDuration, baseDuration) => {\n      if (!profiler) return;\n\n      const [, indexText, offsetText] = id.split(':');\n      const blockIndex = Number(indexText);\n\n      if (!Number.isFinite(blockIndex)) return;\n\n      const block = blocks[blockIndex];\n      if (!block) return;\n\n      profiler.recordBlockCommit({\n        actualDuration,\n        baseDuration,\n        blockChars: countChars(block.content),\n        blockIndex,\n        blockKey: offsetText ?? String(block.startOffset),\n        phase,\n        state: getBlockState(blockIndex),\n      });\n    },\n    [blocks, getBlockState, profiler],\n  );\n\n  const content = (\n    <div className={styles.animated}>\n      {blocks.map((block, index) => {\n        const state = getBlockState(index);\n        if (state === 'queued') return null;\n        const animationMeta = blockAnimationMetaResult.blockAnimationMeta.get(block.startOffset);\n        if (!animationMeta) return null;\n\n        const plugins: Pluggable[] = animationMeta.settled\n          ? [...baseRehypePlugins, REVEALED_STREAM_PLUGIN]\n          : [\n              ...baseRehypePlugins,\n              [\n                rehypeStreamAnimated,\n                {\n                  charDelay: animationMeta.charDelay,\n                  fadeDuration: STREAM_FADE_DURATION,\n                  timelineElapsedMs: animationMeta.timelineElapsedMs,\n                },\n              ],\n            ];\n\n        const key = `${generatedId}-${block.startOffset}`;\n        const blockNode = (\n          <StreamdownBlock\n            {...rest}\n            components={components}\n            rehypePlugins={plugins}\n            remarkPlugins={remarkPlugins}\n          >\n            {block.content}\n          </StreamdownBlock>\n        );\n\n        if (!profiler) {\n          return (\n            <StreamdownBlock\n              {...rest}\n              components={components}\n              key={key}\n              rehypePlugins={plugins}\n              remarkPlugins={remarkPlugins}\n            >\n              {block.content}\n            </StreamdownBlock>\n          );\n        }\n\n        return (\n          <Profiler\n            id={`streamdown-block:${index}:${block.startOffset}`}\n            key={key}\n            onRender={handleBlockRender}\n          >\n            {blockNode}\n          </Profiler>\n        );\n      })}\n    </div>\n  );\n\n  if (!profiler) return content;\n\n  return (\n    <Profiler id={'streamdown-root'} onRender={handleRootRender}>\n      {content}\n    </Profiler>\n  );\n});\n\nStreamdownRender.displayName = 'StreamdownRender';\n\nexport default StreamdownRender;\n"],"mappings":"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"}
+{"version":3,"file":"StreamdownRender.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/StreamdownRender.tsx"],"sourcesContent":["'use client';\n\nimport { marked } from 'marked';\nimport {\n  memo,\n  Profiler,\n  type ProfilerOnRenderCallback,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n} from 'react';\nimport Markdown, { type Options } from 'react-markdown';\nimport remend from 'remend';\nimport type { Pluggable, PluggableList } from 'unified';\n\nimport {\n  useMarkdownComponents,\n  useMarkdownContent,\n  useMarkdownRehypePlugins,\n  useMarkdownRemarkPlugins,\n} from '@/hooks/useMarkdown';\nimport { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';\nimport { rehypeStreamAnimated } from '@/Markdown/plugins/rehypeStreamAnimated';\nimport { useStreamdownProfiler } from '@/Markdown/streamProfiler';\n\nimport { resolveBlockAnimationMeta } from './streamAnimationMeta';\nimport { styles } from './style';\nimport { useSmoothStreamContent } from './useSmoothStreamContent';\nimport { type BlockInfo, useStreamQueue } from './useStreamQueue';\n\nconst STREAM_FADE_DURATION = 280;\nconst REVEALED_STREAM_PLUGIN: Pluggable = [rehypeStreamAnimated, { revealed: true }];\n\nfunction countChars(text: string): number {\n  return [...text].length;\n}\n\nfunction getNow(): number {\n  return typeof performance === 'undefined' ? Date.now() : performance.now();\n}\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null;\n\nconst isDeepEqualValue = (a: unknown, b: unknown): boolean => {\n  if (a === b) return true;\n\n  if (Array.isArray(a) || Array.isArray(b)) {\n    if (!Array.isArray(a) || !Array.isArray(b)) return false;\n    if (a.length !== b.length) return false;\n    for (let i = 0; i < a.length; i++) {\n      if (!isDeepEqualValue(a[i], b[i])) return false;\n    }\n    return true;\n  }\n\n  if (!isRecord(a) || !isRecord(b)) return false;\n\n  const keysA = Object.keys(a);\n  const keysB = Object.keys(b);\n  if (keysA.length !== keysB.length) return false;\n\n  for (const key of keysA) {\n    if (!isDeepEqualValue(a[key], b[key])) return false;\n  }\n\n  return true;\n};\n\nconst isSamePlugin = (prevPlugin: Pluggable, nextPlugin: Pluggable): boolean => {\n  const prevTuple = Array.isArray(prevPlugin) ? prevPlugin : [prevPlugin];\n  const nextTuple = Array.isArray(nextPlugin) ? nextPlugin : [nextPlugin];\n\n  if (prevTuple.length !== nextTuple.length) return false;\n  if (prevTuple[0] !== nextTuple[0]) return false;\n\n  return isDeepEqualValue(prevTuple.slice(1), nextTuple.slice(1));\n};\n\nconst isSamePlugins = (\n  prevPlugins?: PluggableList | null,\n  nextPlugins?: PluggableList | null,\n): boolean => {\n  if (prevPlugins === nextPlugins) return true;\n  if (!prevPlugins || !nextPlugins) return !prevPlugins && !nextPlugins;\n  if (prevPlugins.length !== nextPlugins.length) return false;\n\n  for (let i = 0; i < prevPlugins.length; i++) {\n    if (!isSamePlugin(prevPlugins[i], nextPlugins[i])) return false;\n  }\n\n  return true;\n};\n\nconst useStablePlugins = (plugins: PluggableList): PluggableList => {\n  const stableRef = useRef<PluggableList>(plugins);\n\n  if (!isSamePlugins(stableRef.current, plugins)) {\n    stableRef.current = plugins;\n  }\n\n  return stableRef.current;\n};\n\nconst StreamdownBlock = memo<Options>(\n  ({ children, ...rest }) => {\n    return <Markdown {...rest}>{children}</Markdown>;\n  },\n  (prevProps, nextProps) =>\n    prevProps.children === nextProps.children &&\n    prevProps.components === nextProps.components &&\n    isSamePlugins(prevProps.rehypePlugins, nextProps.rehypePlugins) &&\n    isSamePlugins(prevProps.remarkPlugins, nextProps.remarkPlugins),\n);\n\nStreamdownBlock.displayName = 'StreamdownBlock';\n\nexport const StreamdownRender = memo<Options>(({ children, ...rest }) => {\n  const { streamSmoothingPreset = 'balanced' } = useMarkdownContext();\n  const profiler = useStreamdownProfiler();\n  const escapedContent = useMarkdownContent(children || '');\n  const components = useMarkdownComponents();\n  const baseRehypePlugins = useStablePlugins(useMarkdownRehypePlugins());\n  const remarkPlugins = useStablePlugins(useMarkdownRemarkPlugins());\n  const generatedId = useId();\n  const smoothedContent = useSmoothStreamContent(\n    typeof escapedContent === 'string' ? escapedContent : '',\n    { preset: streamSmoothingPreset },\n  );\n\n  const processedContentResult = useMemo(() => {\n    const start = profiler ? getNow() : 0;\n    const value = remend(smoothedContent);\n\n    return {\n      durationMs: profiler ? getNow() - start : 0,\n      value,\n    };\n  }, [profiler, smoothedContent]);\n  const processedContent = processedContentResult.value;\n\n  const blocksResult = useMemo(() => {\n    const start = profiler ? getNow() : 0;\n    const tokens = marked.lexer(processedContent);\n    let offset = 0;\n\n    const value = tokens.map((token) => {\n      const block = { content: token.raw, startOffset: offset };\n      offset += token.raw.length;\n      return block;\n    });\n\n    return {\n      durationMs: profiler ? getNow() - start : 0,\n      value,\n    };\n  }, [processedContent, profiler]);\n  const blocks: BlockInfo[] = blocksResult.value;\n\n  const { getBlockState, charDelay } = useStreamQueue(blocks);\n  const prevBlockCharCountRef = useRef<Map<number, number>>(new Map());\n  const blockCharDelayRef = useRef<Map<number, number>>(new Map());\n  const blockTimelineRef = useRef<Map<number, number>>(new Map());\n  const lastRenderTsRef = useRef<number | null>(null);\n\n  const renderTs = getNow();\n  const frameDt =\n    lastRenderTsRef.current === null\n      ? 0\n      : Math.max(0, Math.min(renderTs - lastRenderTsRef.current, 120));\n\n  const timelineResult = useMemo(() => {\n    const start = profiler ? getNow() : 0;\n    const next = new Map<number, number>();\n    const prevTimeline = blockTimelineRef.current;\n    const prevCharCounts = prevBlockCharCountRef.current;\n\n    for (const block of blocks) {\n      const blockCharCount = countChars(block.content);\n      const prevCharCount = prevCharCounts.get(block.startOffset) ?? 0;\n      const prevElapsed = prevTimeline.get(block.startOffset);\n      const latestCharStart = Math.max(0, (blockCharCount - 1) * charDelay);\n\n      if (prevElapsed === undefined || blockCharCount < prevCharCount) {\n        next.set(block.startOffset, latestCharStart);\n        continue;\n      }\n\n      const elapsedByTime = prevElapsed + frameDt;\n      // Avoid huge hidden backlog when stream updates in bursts.\n      const minElapsed = Math.max(0, latestCharStart - charDelay * 2);\n      next.set(block.startOffset, Math.max(elapsedByTime, minElapsed));\n    }\n\n    return {\n      durationMs: profiler ? getNow() - start : 0,\n      value: next,\n    };\n  }, [blocks, charDelay, frameDt, profiler]);\n  const timelineForRender = timelineResult.value;\n\n  useEffect(() => {\n    if (!profiler) return;\n\n    profiler.recordCalculation({\n      durationMs: processedContentResult.durationMs,\n      name: 'content-normalize',\n      textLength: processedContent.length,\n    });\n  }, [processedContent.length, processedContentResult.durationMs, profiler]);\n\n  useEffect(() => {\n    if (!profiler) return;\n\n    profiler.recordCalculation({\n      durationMs: blocksResult.durationMs,\n      itemCount: blocks.length,\n      name: 'block-lex',\n      textLength: processedContent.length,\n    });\n  }, [blocks.length, blocksResult.durationMs, processedContent.length, profiler]);\n\n  useEffect(() => {\n    if (!profiler) return;\n\n    profiler.recordCalculation({\n      durationMs: timelineResult.durationMs,\n      itemCount: blocks.length,\n      name: 'block-timeline',\n      textLength: processedContent.length,\n    });\n  }, [blocks.length, processedContent.length, profiler, timelineResult.durationMs]);\n\n  const blockAnimationMetaResult = useMemo(() => {\n    const nextBlockCharDelay = new Map<number, number>();\n    const blockAnimationMeta = new Map<number, ReturnType<typeof resolveBlockAnimationMeta>>();\n\n    for (const [index, block] of blocks.entries()) {\n      const state = getBlockState(index);\n      const timelineElapsedMs = timelineForRender.get(block.startOffset) ?? 0;\n      const animationMeta = resolveBlockAnimationMeta({\n        blockCharCount: countChars(block.content),\n        currentCharDelay: charDelay,\n        fadeDuration: STREAM_FADE_DURATION,\n        previousCharDelay: blockCharDelayRef.current.get(block.startOffset),\n        state,\n        timelineElapsedMs,\n      });\n\n      nextBlockCharDelay.set(block.startOffset, animationMeta.charDelay);\n      blockAnimationMeta.set(block.startOffset, animationMeta);\n    }\n\n    return {\n      blockAnimationMeta,\n      blockCharDelay: nextBlockCharDelay,\n    };\n  }, [blocks, charDelay, getBlockState, timelineForRender]);\n\n  useEffect(() => {\n    const nextCharCount = new Map<number, number>();\n    for (const block of blocks) {\n      nextCharCount.set(block.startOffset, countChars(block.content));\n    }\n    blockCharDelayRef.current = blockAnimationMetaResult.blockCharDelay;\n    prevBlockCharCountRef.current = nextCharCount;\n    blockTimelineRef.current = timelineForRender;\n    lastRenderTsRef.current = getNow();\n  }, [blockAnimationMetaResult.blockCharDelay, blocks, timelineForRender]);\n\n  const handleRootRender = useCallback<ProfilerOnRenderCallback>(\n    (_, phase, actualDuration, baseDuration) => {\n      profiler?.recordRootCommit({\n        actualDuration,\n        baseDuration,\n        blockCount: blocks.length,\n        phase,\n        textLength: processedContent.length,\n      });\n    },\n    [blocks.length, processedContent.length, profiler],\n  );\n\n  const handleBlockRender = useCallback<ProfilerOnRenderCallback>(\n    (id, phase, actualDuration, baseDuration) => {\n      if (!profiler) return;\n\n      const [, indexText, offsetText] = id.split(':');\n      const blockIndex = Number(indexText);\n\n      if (!Number.isFinite(blockIndex)) return;\n\n      const block = blocks[blockIndex];\n      if (!block) return;\n\n      profiler.recordBlockCommit({\n        actualDuration,\n        baseDuration,\n        blockChars: countChars(block.content),\n        blockIndex,\n        blockKey: offsetText ?? String(block.startOffset),\n        phase,\n        state: getBlockState(blockIndex),\n      });\n    },\n    [blocks, getBlockState, profiler],\n  );\n\n  const content = (\n    <div className={styles.animated}>\n      {blocks.map((block, index) => {\n        const state = getBlockState(index);\n        if (state === 'queued') return null;\n        const animationMeta = blockAnimationMetaResult.blockAnimationMeta.get(block.startOffset);\n        if (!animationMeta) return null;\n\n        const plugins: Pluggable[] = animationMeta.settled\n          ? [...baseRehypePlugins, REVEALED_STREAM_PLUGIN]\n          : [\n              ...baseRehypePlugins,\n              [\n                rehypeStreamAnimated,\n                {\n                  charDelay: animationMeta.charDelay,\n                  fadeDuration: STREAM_FADE_DURATION,\n                  timelineElapsedMs: animationMeta.timelineElapsedMs,\n                },\n              ],\n            ];\n\n        const key = `${generatedId}-${block.startOffset}`;\n        const blockNode = (\n          <StreamdownBlock\n            {...rest}\n            components={components}\n            rehypePlugins={plugins}\n            remarkPlugins={remarkPlugins}\n          >\n            {block.content}\n          </StreamdownBlock>\n        );\n\n        if (!profiler) {\n          return (\n            <StreamdownBlock\n              {...rest}\n              components={components}\n              key={key}\n              rehypePlugins={plugins}\n              remarkPlugins={remarkPlugins}\n            >\n              {block.content}\n            </StreamdownBlock>\n          );\n        }\n\n        return (\n          <Profiler\n            id={`streamdown-block:${index}:${block.startOffset}`}\n            key={key}\n            onRender={handleBlockRender}\n          >\n            {blockNode}\n          </Profiler>\n        );\n      })}\n    </div>\n  );\n\n  if (!profiler) return content;\n\n  return (\n    <Profiler id={'streamdown-root'} onRender={handleRootRender}>\n      {content}\n    </Profiler>\n  );\n});\n\nStreamdownRender.displayName = 'StreamdownRender';\n\nexport default StreamdownRender;\n"],"mappings":"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"}

package/es/Markdown/SyntaxMarkdown/streamAnimationMeta.mjs

@@ -12,7 +12,7 @@ const resolveBlockAnimationMeta = ({ blockCharCount, currentCharDelay, fadeDurat
 		timelineElapsedMs: settled ? latestCharStart + fadeDuration : timelineElapsedMs
 	};
 };
-
 //#endregion
 export { resolveBlockAnimationMeta };
+
 //# sourceMappingURL=streamAnimationMeta.mjs.map

package/es/Markdown/SyntaxMarkdown/style.mjs

@@ -1,9 +1,8 @@
 import { fadeIn } from "../../styles/animations.mjs";
 import { createStaticStyles } from "antd-style";
-
 //#region src/Markdown/SyntaxMarkdown/style.ts
-const styles = createStaticStyles(({ css: css$1 }) => {
-	return { animated: css$1`
+const styles = createStaticStyles(({ css }) => {
+	return { animated: css`
       .stream-char {
         opacity: 0;
 
@@ -24,7 +23,7 @@ const styles = createStaticStyles(({ css: css$1 }) => {
       }
     ` };
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/Markdown/SyntaxMarkdown/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { fadeIn } from '@/styles/animations';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    animated: css`\n      .stream-char {\n        opacity: 0;\n\n        animation-name: ${fadeIn};\n        animation-duration: 280ms;\n        animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n        animation-fill-mode: forwards;\n      }\n\n      .stream-char-revealed {\n        opacity: 1;\n        animation: none;\n      }\n\n      .katex-display .katex-html span {\n        mask: none !important;\n        animation: none !important;\n      }\n    `,\n  };\n});\n"],"mappings":";;;;AAIA,MAAa,SAAS,oBAAoB,EAAE,iBAAU;AACpD,QAAO,EACL,UAAU,KAAG;;;;0BAIS,OAAO;;;;;;;;;;;;;;;OAgB9B;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { fadeIn } from '@/styles/animations';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    animated: css`\n      .stream-char {\n        opacity: 0;\n\n        animation-name: ${fadeIn};\n        animation-duration: 280ms;\n        animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\n        animation-fill-mode: forwards;\n      }\n\n      .stream-char-revealed {\n        opacity: 1;\n        animation: none;\n      }\n\n      .katex-display .katex-html span {\n        mask: none !important;\n        animation: none !important;\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO,EACL,UAAU,GAAG;;;;0BAIS,OAAO;;;;;;;;;;;;;;;OAgB9B;EACD"}

package/es/Markdown/SyntaxMarkdown/useSmoothStreamContent.mjs

@@ -1,6 +1,5 @@
 import { useStreamdownProfiler } from "../streamProfiler/StreamdownProfilerProvider.mjs";
 import { useCallback, useEffect, useRef, useState } from "react";
-
 //#region src/Markdown/SyntaxMarkdown/useSmoothStreamContent.ts
 const PRESET_CONFIG = {
 	balanced: {
@@ -158,8 +157,7 @@ const useSmoothStreamContent = (content, { enabled = true, preset = "balanced" }
 			} else currentCps = clamp(Math.max(config.flushCps, baseCps * 1.8, arrivalCpsEmaRef.current * .8), config.flushCps, config.maxFlushCps);
 			const urgentBacklog = inputActive && targetLagChars > 0 && backlog > targetLagChars * 2.2;
 			const burstyInput = inputActive && chunkSizeEmaRef.current >= targetLagChars * .9;
-			const minRevealChars = inputActive ? urgentBacklog || burstyInput ? 2 : 1 : 2;
-			let revealChars = Math.max(minRevealChars, Math.round(currentCps * dtSeconds));
+			let revealChars = Math.max(inputActive ? urgentBacklog || burstyInput ? 2 : 1 : 2, Math.round(currentCps * dtSeconds));
 			if (inputActive) {
 				const shortfall = desiredDisplayed - displayedCount;
 				if (shortfall <= 0) {
@@ -275,7 +273,7 @@ const useSmoothStreamContent = (content, { enabled = true, preset = "balanced" }
 	}, [stopScheduling]);
 	return displayedContent;
 };
-
 //#endregion
 export { useSmoothStreamContent };
+
 //# sourceMappingURL=useSmoothStreamContent.mjs.map