@lobehub/ui 4.36.3 → 4.37.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (137) hide show
  1. package/es/Accordion/Accordion.d.mts +2 -2
  2. package/es/Accordion/AccordionItem.d.mts +2 -2
  3. package/es/ActionIcon/ActionIcon.d.mts +2 -2
  4. package/es/Alert/Alert.d.mts +2 -2
  5. package/es/AutoComplete/Select.d.mts +2 -2
  6. package/es/Avatar/AvatarGroup/index.d.mts +2 -2
  7. package/es/Burger/Burger.d.mts +2 -2
  8. package/es/CodeDiff/CodeDiff.d.mts +2 -2
  9. package/es/CodeDiff/PatchDiff.d.mts +2 -2
  10. package/es/CodeEditor/CodeEditor.d.mts +2 -2
  11. package/es/Collapse/Collapse.d.mts +2 -2
  12. package/es/ConfigProvider/index.d.mts +2 -2
  13. package/es/ContextMenu/ContextMenuHost.d.mts +2 -2
  14. package/es/CopyButton/CopyButton.d.mts +2 -2
  15. package/es/DatePicker/DatePicker.d.mts +2 -2
  16. package/es/DraggablePanel/components/DraggablePanelBody.d.mts +2 -2
  17. package/es/DraggablePanel/components/DraggablePanelContainer.d.mts +2 -2
  18. package/es/DraggablePanel/components/DraggablePanelFooter.d.mts +2 -2
  19. package/es/DraggablePanel/components/DraggablePanelHeader.d.mts +2 -2
  20. package/es/DraggableSideNav/DraggableSideNav.d.mts +2 -2
  21. package/es/Drawer/Drawer.d.mts +2 -2
  22. package/es/Dropdown/Dropdown.d.mts +2 -2
  23. package/es/DropdownMenu/DropdownMenu.d.mts +2 -2
  24. package/es/DropdownMenu/atoms.d.mts +18 -18
  25. package/es/EditableText/EditableText.d.mts +2 -2
  26. package/es/EditorSlashMenu/atoms.d.mts +13 -13
  27. package/es/EmojiPicker/EmojiPicker.d.mts +2 -2
  28. package/es/Flex/FlexBasic.d.mts +2 -2
  29. package/es/FontLoader/index.d.mts +2 -2
  30. package/es/Footer/Footer.d.mts +2 -2
  31. package/es/Form/components/FormGroup.d.mts +2 -2
  32. package/es/Form/components/FormItem.d.mts +2 -2
  33. package/es/Form/components/FormSubmitFooter.d.mts +2 -2
  34. package/es/FormModal/FormModal.d.mts +2 -2
  35. package/es/Freeze/Freeze.d.mts +2 -2
  36. package/es/GuideCard/GuideCard.d.mts +2 -2
  37. package/es/Header/Header.d.mts +2 -2
  38. package/es/Highlighter/Highlighter.d.mts +2 -2
  39. package/es/Highlighter/SyntaxHighlighter/index.d.mts +2 -2
  40. package/es/Highlighter/SyntaxHighlighter/style.mjs +6 -12
  41. package/es/Highlighter/SyntaxHighlighter/style.mjs.map +1 -1
  42. package/es/Hotkey/Hotkey.d.mts +2 -2
  43. package/es/HotkeyInput/HotkeyInput.d.mts +2 -2
  44. package/es/Icon/Icon.d.mts +2 -2
  45. package/es/Icon/components/IconProvider.d.mts +3 -3
  46. package/es/Image/PreviewGroup.d.mts +2 -2
  47. package/es/ImageSelect/ImageSelect.d.mts +2 -2
  48. package/es/Input/Input.d.mts +2 -2
  49. package/es/Input/InputNumber.d.mts +2 -2
  50. package/es/Input/InputOPT.d.mts +2 -2
  51. package/es/Input/InputPassword.d.mts +2 -2
  52. package/es/Input/TextArea.d.mts +2 -2
  53. package/es/Layout/components/LayoutFooter.d.mts +2 -2
  54. package/es/Layout/components/LayoutHeader.d.mts +2 -2
  55. package/es/Layout/components/LayoutMain.d.mts +2 -2
  56. package/es/Layout/components/LayoutSidebar.d.mts +2 -2
  57. package/es/Layout/components/LayoutSidebarInner.d.mts +2 -2
  58. package/es/Layout/components/LayoutToc.d.mts +2 -2
  59. package/es/List/ListItem/index.d.mts +2 -2
  60. package/es/LobeSelect/LobeSelect.d.mts +2 -2
  61. package/es/LobeSelect/atoms.d.mts +3 -3
  62. package/es/LobeSwitch/LobeSwitch.d.mts +2 -2
  63. package/es/LobeSwitch/atoms.d.mts +4 -4
  64. package/es/Markdown/Markdown.d.mts +2 -2
  65. package/es/Markdown/SyntaxMarkdown/StreamdownRender.mjs +5 -1
  66. package/es/Markdown/SyntaxMarkdown/StreamdownRender.mjs.map +1 -1
  67. package/es/Markdown/SyntaxMarkdown/style.mjs +6 -12
  68. package/es/Markdown/SyntaxMarkdown/style.mjs.map +1 -1
  69. package/es/Markdown/Typography.d.mts +2 -2
  70. package/es/Markdown/components/SearchResultCards/index.d.mts +2 -2
  71. package/es/Markdown/plugins/rehypeStreamAnimated.mjs +1 -1
  72. package/es/Markdown/plugins/rehypeStreamAnimated.mjs.map +1 -1
  73. package/es/MaskShadow/MaskShadow.d.mts +2 -2
  74. package/es/Menu/Menu.d.mts +2 -2
  75. package/es/Mermaid/Mermaid.d.mts +2 -2
  76. package/es/Mermaid/SyntaxMermaid/index.d.mts +2 -2
  77. package/es/Modal/Modal.d.mts +2 -2
  78. package/es/Modal/ModalProvider.d.mts +2 -2
  79. package/es/MotionProvider/index.d.mts +2 -2
  80. package/es/Popover/ArrowIcon.d.mts +2 -2
  81. package/es/Popover/atoms.d.mts +9 -9
  82. package/es/Popover/context.d.mts +2 -2
  83. package/es/ScrollArea/atoms.d.mts +7 -7
  84. package/es/SearchBar/SearchBar.d.mts +2 -2
  85. package/es/Segmented/Segmented.d.mts +2 -2
  86. package/es/Select/Select.d.mts +2 -2
  87. package/es/SideNav/SideNav.d.mts +2 -2
  88. package/es/SliderWithInput/SliderWithInput.d.mts +2 -2
  89. package/es/ThemeProvider/ThemeProvider.d.mts +2 -2
  90. package/es/Toast/imperative.d.mts +2 -2
  91. package/es/Toc/Toc.d.mts +2 -2
  92. package/es/Video/index.d.mts +2 -2
  93. package/es/awesome/AuroraBackground/AuroraBackground.d.mts +2 -2
  94. package/es/awesome/BottomGradientButton/BottomGradientButton.d.mts +2 -2
  95. package/es/awesome/Features/Features.d.mts +2 -2
  96. package/es/awesome/Giscus/Giscus.d.mts +2 -2
  97. package/es/awesome/GradientButton/GradientButton.d.mts +2 -2
  98. package/es/awesome/GridBackground/GridBackground.d.mts +2 -2
  99. package/es/awesome/GridBackground/GridShowcase.d.mts +2 -2
  100. package/es/awesome/Hero/Hero.d.mts +2 -2
  101. package/es/awesome/Spline/Spine.d.mts +2 -2
  102. package/es/awesome/Spotlight/Spotlight.d.mts +2 -2
  103. package/es/awesome/SpotlightCard/SpotlightCard.d.mts +2 -2
  104. package/es/awesome/TypewriterEffect/TypewriterEffect.d.mts +2 -2
  105. package/es/brand/LobeChat/index.d.mts +2 -2
  106. package/es/brand/LobeHub/index.d.mts +2 -2
  107. package/es/brand/LogoThree/LogoSpline.d.mts +2 -2
  108. package/es/brand/LogoThree/index.d.mts +2 -2
  109. package/es/chat/BackBottom/BackBottom.d.mts +2 -2
  110. package/es/chat/ChatItem/ChatItem.d.mts +2 -2
  111. package/es/chat/ChatList/ChatList.d.mts +2 -2
  112. package/es/chat/EditableMessage/EditableMessage.d.mts +2 -2
  113. package/es/chat/EditableMessageList/EditableMessageList.d.mts +2 -2
  114. package/es/chat/MessageInput/MessageInput.d.mts +2 -2
  115. package/es/chat/MessageModal/MessageModal.d.mts +2 -2
  116. package/es/color/ColorScales/index.d.mts +2 -2
  117. package/es/color/CssVar/index.d.mts +2 -2
  118. package/es/i18n/context.d.mts +2 -2
  119. package/es/icons/lucideExtra/CreateBotIcon.d.mts +3 -3
  120. package/es/icons/lucideExtra/DiscordIcon.d.mts +3 -3
  121. package/es/icons/lucideExtra/GroupBotIcon.d.mts +3 -3
  122. package/es/icons/lucideExtra/GroupBotSquareIcon.d.mts +3 -3
  123. package/es/icons/lucideExtra/LeftClickIcon.d.mts +3 -3
  124. package/es/icons/lucideExtra/LeftDoubleClickIcon.d.mts +3 -3
  125. package/es/icons/lucideExtra/McpIcon.d.mts +3 -3
  126. package/es/icons/lucideExtra/ProviderIcon.d.mts +3 -3
  127. package/es/icons/lucideExtra/RightClickIcon.d.mts +3 -3
  128. package/es/icons/lucideExtra/ShapesUploadIcon.d.mts +3 -3
  129. package/es/icons/lucideExtra/TreeUpDownRightIcon.d.mts +3 -3
  130. package/es/mdx/Mdx/index.d.mts +2 -2
  131. package/es/mobile/ChatHeader/ChatHeaderTitle.d.mts +2 -2
  132. package/es/mobile/ChatInputArea/components/ChatSendButton.d.mts +2 -2
  133. package/es/mobile/TabBar/TabBar.d.mts +2 -2
  134. package/es/storybook/StoryBook/index.d.mts +2 -2
  135. package/es/styles/animations.mjs +17 -0
  136. package/es/styles/animations.mjs.map +1 -0
  137. package/package.json +2 -1
@@ -1,8 +1,8 @@
1
1
  import { FormSubmitFooterProps } from "../type.mjs";
2
- import * as react24 from "react";
2
+ import * as react38 from "react";
3
3
 
4
4
  //#region src/Form/components/FormSubmitFooter.d.ts
5
- declare const FormSubmitFooter: react24.NamedExoticComponent<FormSubmitFooterProps>;
5
+ declare const FormSubmitFooter: react38.NamedExoticComponent<FormSubmitFooterProps>;
6
6
  //#endregion
7
7
  export { FormSubmitFooter };
8
8
  //# sourceMappingURL=FormSubmitFooter.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { FormModalProps } from "./type.mjs";
2
- import * as react22 from "react";
2
+ import * as react14 from "react";
3
3
 
4
4
  //#region src/FormModal/FormModal.d.ts
5
- declare const FormModal: react22.NamedExoticComponent<FormModalProps>;
5
+ declare const FormModal: react14.NamedExoticComponent<FormModalProps>;
6
6
  //#endregion
7
7
  export { FormModal };
8
8
  //# sourceMappingURL=FormModal.d.mts.map
@@ -1,12 +1,12 @@
1
1
  import { FreezeProps } from "./type.mjs";
2
- import * as react_jsx_runtime17 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/Freeze/Freeze.d.ts
5
5
  declare const Freeze: {
6
6
  ({
7
7
  frozen,
8
8
  children
9
- }: FreezeProps): react_jsx_runtime17.JSX.Element;
9
+ }: FreezeProps): react_jsx_runtime0.JSX.Element;
10
10
  displayName: string;
11
11
  };
12
12
  //#endregion
@@ -1,8 +1,8 @@
1
1
  import { GuideCardProps } from "./type.mjs";
2
- import * as react146 from "react";
2
+ import * as react149 from "react";
3
3
 
4
4
  //#region src/GuideCard/GuideCard.d.ts
5
- declare const GuideCard: react146.NamedExoticComponent<GuideCardProps>;
5
+ declare const GuideCard: react149.NamedExoticComponent<GuideCardProps>;
6
6
  //#endregion
7
7
  export { GuideCard };
8
8
  //# sourceMappingURL=GuideCard.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { HeaderProps } from "./type.mjs";
2
- import * as react19 from "react";
2
+ import * as react8 from "react";
3
3
 
4
4
  //#region src/Header/Header.d.ts
5
- declare const Header: react19.NamedExoticComponent<HeaderProps>;
5
+ declare const Header: react8.NamedExoticComponent<HeaderProps>;
6
6
  //#endregion
7
7
  export { Header };
8
8
  //# sourceMappingURL=Header.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { HighlighterProps } from "./type.mjs";
2
- import * as react66 from "react";
2
+ import * as react9 from "react";
3
3
 
4
4
  //#region src/Highlighter/Highlighter.d.ts
5
- declare const Highlighter: react66.NamedExoticComponent<HighlighterProps>;
5
+ declare const Highlighter: react9.NamedExoticComponent<HighlighterProps>;
6
6
  //#endregion
7
7
  export { Highlighter };
8
8
  //# sourceMappingURL=Highlighter.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { SyntaxHighlighterProps } from "../type.mjs";
2
- import * as react67 from "react";
2
+ import * as react10 from "react";
3
3
 
4
4
  //#region src/Highlighter/SyntaxHighlighter/index.d.ts
5
- declare const SyntaxHighlighter: react67.NamedExoticComponent<SyntaxHighlighterProps>;
5
+ declare const SyntaxHighlighter: react10.NamedExoticComponent<SyntaxHighlighterProps>;
6
6
  //#endregion
7
7
  export { SyntaxHighlighter };
8
8
  //# sourceMappingURL=index.d.mts.map
@@ -1,23 +1,17 @@
1
- import { createStaticStyles, cx, keyframes } from "antd-style";
1
+ import { maskLeftToRight } from "../../styles/animations.mjs";
2
+ import { createStaticStyles, cx } from "antd-style";
2
3
  import { cva } from "class-variance-authority";
3
4
 
4
5
  //#region src/Highlighter/SyntaxHighlighter/style.ts
5
- const fadeIn = keyframes`
6
- 0% {
7
- opacity: 0;
8
- }
9
- 100% {
10
- opacity: 1;
11
- }
12
- `;
13
6
  const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
14
7
  return {
15
8
  animated: css$1`
16
- .animate-fade-in,
9
+ --lobe-markdown-stream-animation: ${maskLeftToRight} 0.5s ease-in-out forwards;
10
+
11
+ .animate-mask-left-to-right,
17
12
  span.line > span,
18
13
  code:not(:has(span.line)) {
19
- opacity: 1;
20
- animation: ${fadeIn} 1s ease-in-out;
14
+ animation: var(--lobe-markdown-stream-animation);
21
15
  }
22
16
  `,
23
17
  noBackground: css$1`
@@ -1 +1 @@
1
- {"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/Highlighter/SyntaxHighlighter/style.ts"],"sourcesContent":["import { createStaticStyles, cx, keyframes } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nconst fadeIn = keyframes`\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n `;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n return {\n animated: css`\n .animate-fade-in,\n span.line > span,\n code:not(:has(span.line)) {\n opacity: 1;\n animation: ${fadeIn} 1s ease-in-out;\n }\n `,\n\n noBackground: css`\n pre {\n background: transparent !important;\n }\n `,\n\n noPadding: css`\n pre {\n padding: 0;\n }\n `,\n\n padding: css`\n pre {\n padding: 16px;\n }\n `,\n root: css`\n direction: ltr;\n margin: 0;\n padding: 0;\n text-align: start;\n\n pre {\n overflow-x: auto;\n margin: 0;\n }\n `,\n shiki: cx(\n 'ant-highlighter-highlighter-shiki',\n css`\n pre {\n user-select: none;\n\n code {\n display: flex;\n flex-direction: column;\n gap: 4px;\n\n .line {\n user-select: text;\n\n display: block;\n\n width: calc(100% + 32px);\n margin-block: 0;\n margin-inline: -16px;\n padding-block: 0;\n padding-inline: 16px;\n }\n }\n\n &.has-focused {\n .line:not(.focused) {\n opacity: 0.5;\n }\n }\n\n .highlighted {\n background: ${cssVar.colorFillTertiary};\n\n &.warning {\n background: ${cssVar.colorWarningBg};\n }\n\n &.error {\n background: ${cssVar.colorErrorBg};\n }\n }\n\n .highlighted-word {\n padding-block: 0.1em;\n padding-inline: 0.2em;\n border: 1px solid ${cssVar.colorBorderSecondary};\n border-radius: ${cssVar.borderRadius};\n\n background: ${cssVar.colorFillTertiary};\n }\n\n .diff {\n &.remove {\n background: ${cssVar.colorErrorBg};\n\n &::before {\n content: '-';\n\n position: absolute;\n inset-inline-start: 4px;\n\n display: inline-block;\n\n color: ${cssVar.colorErrorText};\n }\n }\n\n &.add {\n background: ${cssVar.colorSuccessBg};\n\n &::before {\n content: '+';\n\n position: absolute;\n inset-inline-start: 4px;\n\n display: inline-block;\n\n color: ${cssVar.colorSuccessText};\n }\n }\n }\n }\n `,\n ),\n unshiki: css`\n color: ${cssVar.colorTextDescription};\n `,\n };\n});\n\nexport const variants = cva(styles.root, {\n defaultVariants: {\n animated: false,\n shiki: true,\n showBackground: false,\n variant: 'borderless',\n },\n\n variants: {\n shiki: {\n false: styles.unshiki,\n true: styles.shiki,\n },\n showBackground: {\n false: styles.noBackground,\n true: null,\n },\n animated: {\n true: styles.animated,\n false: null,\n },\n variant: {\n filled: styles.padding,\n outlined: styles.padding,\n borderless: styles.noPadding,\n },\n },\n});\n"],"mappings":";;;;AAGA,MAAM,SAAS,SAAS;;;;;;;;AASxB,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,UAAU,KAAG;;;;;qBAKI,OAAO;;;EAIxB,cAAc,KAAG;;;;;EAMjB,WAAW,KAAG;;;;;EAMd,SAAS,KAAG;;;;;EAKZ,MAAM,KAAG;;;;;;;;;;;EAWT,OAAO,GACL,qCACA,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA6BiBA,SAAO,kBAAkB;;;4BAGvBA,SAAO,eAAe;;;;4BAItBA,SAAO,aAAa;;;;;;;gCAOhBA,SAAO,qBAAqB;6BAC/BA,SAAO,aAAa;;0BAEvBA,SAAO,kBAAkB;;;;;4BAKvBA,SAAO,aAAa;;;;;;;;;;yBAUvBA,SAAO,eAAe;;;;;4BAKnBA,SAAO,eAAe;;;;;;;;;;yBAUzBA,SAAO,iBAAiB;;;;;QAM5C;EACD,SAAS,KAAG;eACDA,SAAO,qBAAqB;;EAExC;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,UAAU;EACV,OAAO;EACP,gBAAgB;EAChB,SAAS;EACV;CAED,UAAU;EACR,OAAO;GACL,OAAO,OAAO;GACd,MAAM,OAAO;GACd;EACD,gBAAgB;GACd,OAAO,OAAO;GACd,MAAM;GACP;EACD,UAAU;GACR,MAAM,OAAO;GACb,OAAO;GACR;EACD,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACF;CACF,CAAC"}
1
+ {"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/Highlighter/SyntaxHighlighter/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { maskLeftToRight } from '@/styles/animations';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n return {\n animated: css`\n --lobe-markdown-stream-animation: ${maskLeftToRight} 0.5s ease-in-out forwards;\n\n .animate-mask-left-to-right,\n span.line > span,\n code:not(:has(span.line)) {\n animation: var(--lobe-markdown-stream-animation);\n }\n `,\n\n noBackground: css`\n pre {\n background: transparent !important;\n }\n `,\n\n noPadding: css`\n pre {\n padding: 0;\n }\n `,\n\n padding: css`\n pre {\n padding: 16px;\n }\n `,\n root: css`\n direction: ltr;\n margin: 0;\n padding: 0;\n text-align: start;\n\n pre {\n overflow-x: auto;\n margin: 0;\n }\n `,\n shiki: cx(\n 'ant-highlighter-highlighter-shiki',\n css`\n pre {\n user-select: none;\n\n code {\n display: flex;\n flex-direction: column;\n gap: 4px;\n\n .line {\n user-select: text;\n\n display: block;\n\n width: calc(100% + 32px);\n margin-block: 0;\n margin-inline: -16px;\n padding-block: 0;\n padding-inline: 16px;\n }\n }\n\n &.has-focused {\n .line:not(.focused) {\n opacity: 0.5;\n }\n }\n\n .highlighted {\n background: ${cssVar.colorFillTertiary};\n\n &.warning {\n background: ${cssVar.colorWarningBg};\n }\n\n &.error {\n background: ${cssVar.colorErrorBg};\n }\n }\n\n .highlighted-word {\n padding-block: 0.1em;\n padding-inline: 0.2em;\n border: 1px solid ${cssVar.colorBorderSecondary};\n border-radius: ${cssVar.borderRadius};\n\n background: ${cssVar.colorFillTertiary};\n }\n\n .diff {\n &.remove {\n background: ${cssVar.colorErrorBg};\n\n &::before {\n content: '-';\n\n position: absolute;\n inset-inline-start: 4px;\n\n display: inline-block;\n\n color: ${cssVar.colorErrorText};\n }\n }\n\n &.add {\n background: ${cssVar.colorSuccessBg};\n\n &::before {\n content: '+';\n\n position: absolute;\n inset-inline-start: 4px;\n\n display: inline-block;\n\n color: ${cssVar.colorSuccessText};\n }\n }\n }\n }\n `,\n ),\n unshiki: css`\n color: ${cssVar.colorTextDescription};\n `,\n };\n});\n\nexport const variants = cva(styles.root, {\n defaultVariants: {\n animated: false,\n shiki: true,\n showBackground: false,\n variant: 'borderless',\n },\n\n variants: {\n shiki: {\n false: styles.unshiki,\n true: styles.shiki,\n },\n showBackground: {\n false: styles.noBackground,\n true: null,\n },\n animated: {\n true: styles.animated,\n false: null,\n },\n variant: {\n filled: styles.padding,\n outlined: styles.padding,\n borderless: styles.noPadding,\n },\n },\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,UAAU,KAAG;0CACyB,gBAAgB;;;;;;;;EAStD,cAAc,KAAG;;;;;EAMjB,WAAW,KAAG;;;;;EAMd,SAAS,KAAG;;;;;EAKZ,MAAM,KAAG;;;;;;;;;;;EAWT,OAAO,GACL,qCACA,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA6BiBA,SAAO,kBAAkB;;;4BAGvBA,SAAO,eAAe;;;;4BAItBA,SAAO,aAAa;;;;;;;gCAOhBA,SAAO,qBAAqB;6BAC/BA,SAAO,aAAa;;0BAEvBA,SAAO,kBAAkB;;;;;4BAKvBA,SAAO,aAAa;;;;;;;;;;yBAUvBA,SAAO,eAAe;;;;;4BAKnBA,SAAO,eAAe;;;;;;;;;;yBAUzBA,SAAO,iBAAiB;;;;;QAM5C;EACD,SAAS,KAAG;eACDA,SAAO,qBAAqB;;EAExC;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,UAAU;EACV,OAAO;EACP,gBAAgB;EAChB,SAAS;EACV;CAED,UAAU;EACR,OAAO;GACL,OAAO,OAAO;GACd,MAAM,OAAO;GACd;EACD,gBAAgB;GACd,OAAO,OAAO;GACd,MAAM;GACP;EACD,UAAU;GACR,MAAM,OAAO;GACb,OAAO;GACR;EACD,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACF;CACF,CAAC"}
@@ -1,8 +1,8 @@
1
1
  import { HotkeyProps } from "./type.mjs";
2
- import * as react80 from "react";
2
+ import * as react7 from "react";
3
3
 
4
4
  //#region src/Hotkey/Hotkey.d.ts
5
- declare const Hotkey: react80.NamedExoticComponent<HotkeyProps>;
5
+ declare const Hotkey: react7.NamedExoticComponent<HotkeyProps>;
6
6
  //#endregion
7
7
  export { Hotkey };
8
8
  //# sourceMappingURL=Hotkey.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { HotkeyInputProps } from "./type.mjs";
2
- import * as react79 from "react";
2
+ import * as react74 from "react";
3
3
 
4
4
  //#region src/HotkeyInput/HotkeyInput.d.ts
5
- declare const HotkeyInput: react79.NamedExoticComponent<HotkeyInputProps>;
5
+ declare const HotkeyInput: react74.NamedExoticComponent<HotkeyInputProps>;
6
6
  //#endregion
7
7
  export { HotkeyInput };
8
8
  //# sourceMappingURL=HotkeyInput.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { IconProps } from "./type.mjs";
2
- import * as react13 from "react";
2
+ import * as react75 from "react";
3
3
 
4
4
  //#region src/Icon/Icon.d.ts
5
- declare const Icon: react13.NamedExoticComponent<IconProps>;
5
+ declare const Icon: react75.NamedExoticComponent<IconProps>;
6
6
  //#endregion
7
7
  export { Icon };
8
8
  //# sourceMappingURL=Icon.d.mts.map
@@ -1,11 +1,11 @@
1
1
  import { IconProps } from "../type.mjs";
2
- import * as react11 from "react";
2
+ import * as react76 from "react";
3
3
  import { ReactNode } from "react";
4
4
 
5
5
  //#region src/Icon/components/IconProvider.d.ts
6
6
  type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
7
- declare const IconContext: react11.Context<IconContentConfig>;
8
- declare const IconProvider: react11.NamedExoticComponent<{
7
+ declare const IconContext: react76.Context<IconContentConfig>;
8
+ declare const IconProvider: react76.NamedExoticComponent<{
9
9
  children: ReactNode;
10
10
  config?: IconContentConfig;
11
11
  }>;
@@ -1,8 +1,8 @@
1
1
  import { PreviewGroupProps } from "./type.mjs";
2
- import * as react18 from "react";
2
+ import * as react73 from "react";
3
3
 
4
4
  //#region src/Image/PreviewGroup.d.ts
5
- declare const PreviewGroup: react18.NamedExoticComponent<PreviewGroupProps>;
5
+ declare const PreviewGroup: react73.NamedExoticComponent<PreviewGroupProps>;
6
6
  //#endregion
7
7
  export { PreviewGroup };
8
8
  //# sourceMappingURL=PreviewGroup.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { ImageSelectProps } from "./type.mjs";
2
- import * as react89 from "react";
2
+ import * as react125 from "react";
3
3
 
4
4
  //#region src/ImageSelect/ImageSelect.d.ts
5
- declare const ImageSelect: react89.NamedExoticComponent<ImageSelectProps>;
5
+ declare const ImageSelect: react125.NamedExoticComponent<ImageSelectProps>;
6
6
  //#endregion
7
7
  export { ImageSelect };
8
8
  //# sourceMappingURL=ImageSelect.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { InputProps } from "./type.mjs";
2
- import * as react147 from "react";
2
+ import * as react150 from "react";
3
3
 
4
4
  //#region src/Input/Input.d.ts
5
- declare const Input: react147.NamedExoticComponent<InputProps>;
5
+ declare const Input: react150.NamedExoticComponent<InputProps>;
6
6
  //#endregion
7
7
  export { Input };
8
8
  //# sourceMappingURL=Input.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { InputNumberProps } from "./type.mjs";
2
- import * as react148 from "react";
2
+ import * as react151 from "react";
3
3
 
4
4
  //#region src/Input/InputNumber.d.ts
5
- declare const InputNumber: react148.NamedExoticComponent<InputNumberProps>;
5
+ declare const InputNumber: react151.NamedExoticComponent<InputNumberProps>;
6
6
  //#endregion
7
7
  export { InputNumber };
8
8
  //# sourceMappingURL=InputNumber.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { InputOPTProps } from "./type.mjs";
2
- import * as react149 from "react";
2
+ import * as react152 from "react";
3
3
 
4
4
  //#region src/Input/InputOPT.d.ts
5
- declare const InputOPT: react149.NamedExoticComponent<InputOPTProps>;
5
+ declare const InputOPT: react152.NamedExoticComponent<InputOPTProps>;
6
6
  //#endregion
7
7
  export { InputOPT };
8
8
  //# sourceMappingURL=InputOPT.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { InputPasswordProps } from "./type.mjs";
2
- import * as react150 from "react";
2
+ import * as react153 from "react";
3
3
 
4
4
  //#region src/Input/InputPassword.d.ts
5
- declare const InputPassword: react150.NamedExoticComponent<InputPasswordProps>;
5
+ declare const InputPassword: react153.NamedExoticComponent<InputPasswordProps>;
6
6
  //#endregion
7
7
  export { InputPassword };
8
8
  //# sourceMappingURL=InputPassword.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { TextAreaProps } from "./type.mjs";
2
- import * as react151 from "react";
2
+ import * as react154 from "react";
3
3
 
4
4
  //#region src/Input/TextArea.d.ts
5
- declare const TextArea: react151.NamedExoticComponent<TextAreaProps>;
5
+ declare const TextArea: react154.NamedExoticComponent<TextAreaProps>;
6
6
  //#endregion
7
7
  export { TextArea };
8
8
  //# sourceMappingURL=TextArea.d.mts.map
@@ -1,9 +1,9 @@
1
1
  import { DivProps } from "../../types/index.mjs";
2
2
  import "../../index.mjs";
3
- import * as react81 from "react";
3
+ import * as react0 from "react";
4
4
 
5
5
  //#region src/Layout/components/LayoutFooter.d.ts
6
- declare const LayoutFooter: react81.NamedExoticComponent<DivProps>;
6
+ declare const LayoutFooter: react0.NamedExoticComponent<DivProps>;
7
7
  //#endregion
8
8
  export { LayoutFooter };
9
9
  //# sourceMappingURL=LayoutFooter.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { LayoutHeaderProps } from "../type.mjs";
2
- import * as react86 from "react";
2
+ import * as react2 from "react";
3
3
 
4
4
  //#region src/Layout/components/LayoutHeader.d.ts
5
- declare const LayoutHeader: react86.NamedExoticComponent<LayoutHeaderProps>;
5
+ declare const LayoutHeader: react2.NamedExoticComponent<LayoutHeaderProps>;
6
6
  //#endregion
7
7
  export { LayoutHeader };
8
8
  //# sourceMappingURL=LayoutHeader.d.mts.map
@@ -1,9 +1,9 @@
1
1
  import { DivProps } from "../../types/index.mjs";
2
2
  import "../../index.mjs";
3
- import * as react85 from "react";
3
+ import * as react1 from "react";
4
4
 
5
5
  //#region src/Layout/components/LayoutMain.d.ts
6
- declare const LayoutMain: react85.NamedExoticComponent<DivProps>;
6
+ declare const LayoutMain: react1.NamedExoticComponent<DivProps>;
7
7
  //#endregion
8
8
  export { LayoutMain };
9
9
  //# sourceMappingURL=LayoutMain.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { LayoutSidebarProps } from "../type.mjs";
2
- import * as react83 from "react";
2
+ import * as react3 from "react";
3
3
 
4
4
  //#region src/Layout/components/LayoutSidebar.d.ts
5
- declare const LayoutSidebar: react83.NamedExoticComponent<LayoutSidebarProps>;
5
+ declare const LayoutSidebar: react3.NamedExoticComponent<LayoutSidebarProps>;
6
6
  //#endregion
7
7
  export { LayoutSidebar };
8
8
  //# sourceMappingURL=LayoutSidebar.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { LayoutSidebarInnerProps } from "../type.mjs";
2
- import * as react82 from "react";
2
+ import * as react4 from "react";
3
3
 
4
4
  //#region src/Layout/components/LayoutSidebarInner.d.ts
5
- declare const LayoutSidebarInner: react82.NamedExoticComponent<LayoutSidebarInnerProps>;
5
+ declare const LayoutSidebarInner: react4.NamedExoticComponent<LayoutSidebarInnerProps>;
6
6
  //#endregion
7
7
  export { LayoutSidebarInner };
8
8
  //# sourceMappingURL=LayoutSidebarInner.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { LayoutTocProps } from "../type.mjs";
2
- import * as react84 from "react";
2
+ import * as react5 from "react";
3
3
 
4
4
  //#region src/Layout/components/LayoutToc.d.ts
5
- declare const LayoutToc: react84.NamedExoticComponent<LayoutTocProps>;
5
+ declare const LayoutToc: react5.NamedExoticComponent<LayoutTocProps>;
6
6
  //#endregion
7
7
  export { LayoutToc };
8
8
  //# sourceMappingURL=LayoutToc.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { ListItemProps } from "../type.mjs";
2
- import * as react14 from "react";
2
+ import * as react6 from "react";
3
3
 
4
4
  //#region src/List/ListItem/index.d.ts
5
- declare const ListItem: react14.NamedExoticComponent<ListItemProps>;
5
+ declare const ListItem: react6.NamedExoticComponent<ListItemProps>;
6
6
  //#endregion
7
7
  export { ListItem };
8
8
  //# sourceMappingURL=index.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { LobeSelectProps } from "./type.mjs";
2
- import * as react9 from "react";
2
+ import * as react29 from "react";
3
3
 
4
4
  //#region src/LobeSelect/LobeSelect.d.ts
5
- declare const LobeSelect: react9.NamedExoticComponent<LobeSelectProps<any>>;
5
+ declare const LobeSelect: react29.NamedExoticComponent<LobeSelectProps<any>>;
6
6
  //#endregion
7
7
  export { LobeSelect };
8
8
  //# sourceMappingURL=LobeSelect.d.mts.map
@@ -1,5 +1,5 @@
1
1
  import { LobeSelectSize, LobeSelectVariant } from "./type.mjs";
2
- import * as react5 from "react";
2
+ import * as react25 from "react";
3
3
  import { ComponentProps, ComponentPropsWithRef } from "react";
4
4
  import * as react_jsx_runtime0 from "react/jsx-runtime";
5
5
  import * as _base_ui_react_select0 from "@base-ui/react/select";
@@ -8,8 +8,8 @@ import * as node_modules__base_ui_react_esm_separator_Separator0 from "node_modu
8
8
 
9
9
  //#region src/LobeSelect/atoms.d.ts
10
10
  declare const LobeSelectRoot: typeof Select.Root;
11
- declare const LobeSelectBackdrop: react5.ForwardRefExoticComponent<_base_ui_react_select0.SelectBackdropProps & react5.RefAttributes<HTMLDivElement>>;
12
- declare const LobeSelectSeparator: react5.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator0.SeparatorProps & react5.RefAttributes<HTMLDivElement>>;
11
+ declare const LobeSelectBackdrop: react25.ForwardRefExoticComponent<_base_ui_react_select0.SelectBackdropProps & react25.RefAttributes<HTMLDivElement>>;
12
+ declare const LobeSelectSeparator: react25.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator0.SeparatorProps & react25.RefAttributes<HTMLDivElement>>;
13
13
  type LobeSelectTriggerProps = Omit<ComponentPropsWithRef<typeof Select.Trigger>, 'children' | 'render'> & {
14
14
  children: ComponentProps<typeof Select.Trigger>['children'];
15
15
  shadow?: boolean;
@@ -1,8 +1,8 @@
1
1
  import { LobeSwitchProps } from "./type.mjs";
2
- import * as react10 from "react";
2
+ import * as react30 from "react";
3
3
 
4
4
  //#region src/LobeSwitch/LobeSwitch.d.ts
5
- declare const LobeSwitch: react10.NamedExoticComponent<LobeSwitchProps>;
5
+ declare const LobeSwitch: react30.NamedExoticComponent<LobeSwitchProps>;
6
6
  //#endregion
7
7
  export { LobeSwitch };
8
8
  //# sourceMappingURL=LobeSwitch.d.mts.map
@@ -1,6 +1,6 @@
1
1
  import { LobeSwitchChangeEventHandler, LobeSwitchContextType, LobeSwitchIconProps, LobeSwitchRootProps, LobeSwitchThumbProps } from "./type.mjs";
2
2
  import { styles } from "./style.mjs";
3
- import * as react_jsx_runtime14 from "react/jsx-runtime";
3
+ import * as react_jsx_runtime15 from "react/jsx-runtime";
4
4
 
5
5
  //#region src/LobeSwitch/atoms.d.ts
6
6
  declare const useLobeSwitchContext: () => LobeSwitchContextType;
@@ -24,7 +24,7 @@ declare const LobeSwitchRoot: {
24
24
  id,
25
25
  name,
26
26
  ...rest
27
- }: LobeSwitchRootInternalProps): react_jsx_runtime14.JSX.Element;
27
+ }: LobeSwitchRootInternalProps): react_jsx_runtime15.JSX.Element;
28
28
  displayName: string;
29
29
  };
30
30
  declare const LobeSwitchThumb: {
@@ -35,7 +35,7 @@ declare const LobeSwitchThumb: {
35
35
  transition,
36
36
  children,
37
37
  ...rest
38
- }: LobeSwitchThumbProps): react_jsx_runtime14.JSX.Element;
38
+ }: LobeSwitchThumbProps): react_jsx_runtime15.JSX.Element;
39
39
  displayName: string;
40
40
  };
41
41
  declare const LobeSwitchIcon: {
@@ -48,7 +48,7 @@ declare const LobeSwitchIcon: {
48
48
  }: LobeSwitchIconProps & {
49
49
  children?: React.ReactNode;
50
50
  size?: "default" | "small";
51
- }): react_jsx_runtime14.JSX.Element;
51
+ }): react_jsx_runtime15.JSX.Element;
52
52
  displayName: string;
53
53
  };
54
54
  //#endregion
@@ -1,8 +1,8 @@
1
1
  import { MarkdownProps } from "./type.mjs";
2
- import * as react1 from "react";
2
+ import * as react32 from "react";
3
3
 
4
4
  //#region src/Markdown/Markdown.d.ts
5
- declare const Markdown: react1.NamedExoticComponent<MarkdownProps>;
5
+ declare const Markdown: react32.NamedExoticComponent<MarkdownProps>;
6
6
  //#endregion
7
7
  export { Markdown };
8
8
  //# sourceMappingURL=Markdown.d.mts.map
@@ -9,6 +9,7 @@ import { createElement, memo, useId, useMemo } from "react";
9
9
  import { jsx } from "react/jsx-runtime";
10
10
  import Markdown from "react-markdown";
11
11
  import { marked } from "marked";
12
+ import remend from "remend";
12
13
 
13
14
  //#region src/Markdown/SyntaxMarkdown/StreamdownRender.tsx
14
15
  const parseMarkdownIntoBlocks = (markdown) => {
@@ -27,7 +28,10 @@ const StreamdownRender = memo(({ children, ...rest }) => {
27
28
  const rehypePluginsList = useMarkdownRehypePlugins();
28
29
  const remarkPluginsList = useMarkdownRemarkPlugins();
29
30
  const generatedId = useId();
30
- const blocks = useMemo(() => parseMarkdownIntoBlocks(typeof escapedContent === "string" ? escapedContent : ""), [escapedContent]);
31
+ const processedContent = useMemo(() => {
32
+ return remend(typeof escapedContent === "string" ? escapedContent : "");
33
+ }, [escapedContent]);
34
+ const blocks = useMemo(() => parseMarkdownIntoBlocks(processedContent), [processedContent]);
31
35
  return /* @__PURE__ */ jsx("div", {
32
36
  className: styles.animated,
33
37
  children: blocks.map((block, index) => /* @__PURE__ */ createElement(StreamdownBlock, {
@@ -1 +1 @@
1
- {"version":3,"file":"StreamdownRender.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/StreamdownRender.tsx"],"sourcesContent":["'use client';\n\nimport { marked } from 'marked';\nimport { memo, useId, useMemo } from 'react';\nimport Markdown, { type Options } from 'react-markdown';\n\nimport {\n useMarkdownComponents,\n useMarkdownContent,\n useMarkdownRehypePlugins,\n useMarkdownRemarkPlugins,\n} from '@/hooks/useMarkdown';\n\nimport { styles } from './style';\n\nconst parseMarkdownIntoBlocks = (markdown: string): string[] => {\n const tokens = marked.lexer(markdown);\n return tokens.map((token) => token.raw);\n};\n\nconst StreamdownBlock = memo<Options>(\n ({ children, ...rest }) => {\n return <Markdown {...rest}>{children}</Markdown>;\n },\n (prevProps, nextProps) => prevProps.children === nextProps.children,\n);\n\nStreamdownBlock.displayName = 'StreamdownBlock';\n\nexport const StreamdownRender = memo<Options>(\n ({ children, ...rest }) => {\n const escapedContent = useMarkdownContent(children || '');\n const components = useMarkdownComponents();\n const rehypePluginsList = useMarkdownRehypePlugins();\n const remarkPluginsList = useMarkdownRemarkPlugins();\n const generatedId = useId();\n const blocks = useMemo(\n () => parseMarkdownIntoBlocks(typeof escapedContent === 'string' ? escapedContent : ''),\n [escapedContent],\n );\n\n return (\n <div className={styles.animated}>\n {blocks.map((block, index) => (\n <StreamdownBlock\n {...rest}\n components={components}\n key={`${generatedId}-block_${index}`}\n rehypePlugins={rehypePluginsList}\n remarkPlugins={remarkPluginsList}\n >\n {block}\n </StreamdownBlock>\n ))}\n </div>\n );\n },\n (prevProps, nextProps) => prevProps.children === nextProps.children,\n);\nStreamdownRender.displayName = 'StreamdownRender';\n\nexport default StreamdownRender;\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAM,2BAA2B,aAA+B;AAE9D,QADe,OAAO,MAAM,SAAS,CACvB,KAAK,UAAU,MAAM,IAAI;;AAGzC,MAAM,kBAAkB,MACrB,EAAE,UAAU,GAAG,WAAW;AACzB,QAAO,oBAAC;EAAS,GAAI;EAAO;GAAoB;IAEjD,WAAW,cAAc,UAAU,aAAa,UAAU,SAC5D;AAED,gBAAgB,cAAc;AAE9B,MAAa,mBAAmB,MAC7B,EAAE,UAAU,GAAG,WAAW;CACzB,MAAM,iBAAiB,mBAAmB,YAAY,GAAG;CACzD,MAAM,aAAa,uBAAuB;CAC1C,MAAM,oBAAoB,0BAA0B;CACpD,MAAM,oBAAoB,0BAA0B;CACpD,MAAM,cAAc,OAAO;CAC3B,MAAM,SAAS,cACP,wBAAwB,OAAO,mBAAmB,WAAW,iBAAiB,GAAG,EACvF,CAAC,eAAe,CACjB;AAED,QACE,oBAAC;EAAI,WAAW,OAAO;YACpB,OAAO,KAAK,OAAO,UAClB,8BAAC;GACC,GAAI;GACQ;GACZ,KAAK,GAAG,YAAY,SAAS;GAC7B,eAAe;GACf,eAAe;KAEd,MACe,CAClB;GACE;IAGT,WAAW,cAAc,UAAU,aAAa,UAAU,SAC5D;AACD,iBAAiB,cAAc;AAE/B,+BAAe"}
1
+ {"version":3,"file":"StreamdownRender.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/StreamdownRender.tsx"],"sourcesContent":["'use client';\n\nimport { marked } from 'marked';\nimport { memo, useId, useMemo } from 'react';\nimport Markdown, { type Options } from 'react-markdown';\nimport remend from 'remend';\n\nimport {\n useMarkdownComponents,\n useMarkdownContent,\n useMarkdownRehypePlugins,\n useMarkdownRemarkPlugins,\n} from '@/hooks/useMarkdown';\n\nimport { styles } from './style';\n\nconst parseMarkdownIntoBlocks = (markdown: string): string[] => {\n const tokens = marked.lexer(markdown);\n return tokens.map((token) => token.raw);\n};\n\nconst StreamdownBlock = memo<Options>(\n ({ children, ...rest }) => {\n return <Markdown {...rest}>{children}</Markdown>;\n },\n (prevProps, nextProps) => prevProps.children === nextProps.children,\n);\n\nStreamdownBlock.displayName = 'StreamdownBlock';\n\nexport const StreamdownRender = memo<Options>(\n ({ children, ...rest }) => {\n const escapedContent = useMarkdownContent(children || '');\n const components = useMarkdownComponents();\n const rehypePluginsList = useMarkdownRehypePlugins();\n const remarkPluginsList = useMarkdownRemarkPlugins();\n const generatedId = useId();\n const processedContent = useMemo(() => {\n const content = typeof escapedContent === 'string' ? escapedContent : '';\n return remend(content);\n }, [escapedContent]);\n\n const blocks = useMemo(() => parseMarkdownIntoBlocks(processedContent), [processedContent]);\n\n return (\n <div className={styles.animated}>\n {blocks.map((block, index) => (\n <StreamdownBlock\n {...rest}\n components={components}\n key={`${generatedId}-block_${index}`}\n rehypePlugins={rehypePluginsList}\n remarkPlugins={remarkPluginsList}\n >\n {block}\n </StreamdownBlock>\n ))}\n </div>\n );\n },\n (prevProps, nextProps) => prevProps.children === nextProps.children,\n);\nStreamdownRender.displayName = 'StreamdownRender';\n\nexport default StreamdownRender;\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,2BAA2B,aAA+B;AAE9D,QADe,OAAO,MAAM,SAAS,CACvB,KAAK,UAAU,MAAM,IAAI;;AAGzC,MAAM,kBAAkB,MACrB,EAAE,UAAU,GAAG,WAAW;AACzB,QAAO,oBAAC;EAAS,GAAI;EAAO;GAAoB;IAEjD,WAAW,cAAc,UAAU,aAAa,UAAU,SAC5D;AAED,gBAAgB,cAAc;AAE9B,MAAa,mBAAmB,MAC7B,EAAE,UAAU,GAAG,WAAW;CACzB,MAAM,iBAAiB,mBAAmB,YAAY,GAAG;CACzD,MAAM,aAAa,uBAAuB;CAC1C,MAAM,oBAAoB,0BAA0B;CACpD,MAAM,oBAAoB,0BAA0B;CACpD,MAAM,cAAc,OAAO;CAC3B,MAAM,mBAAmB,cAAc;AAErC,SAAO,OADS,OAAO,mBAAmB,WAAW,iBAAiB,GAChD;IACrB,CAAC,eAAe,CAAC;CAEpB,MAAM,SAAS,cAAc,wBAAwB,iBAAiB,EAAE,CAAC,iBAAiB,CAAC;AAE3F,QACE,oBAAC;EAAI,WAAW,OAAO;YACpB,OAAO,KAAK,OAAO,UAClB,8BAAC;GACC,GAAI;GACQ;GACZ,KAAK,GAAG,YAAY,SAAS;GAC7B,eAAe;GACf,eAAe;KAEd,MACe,CAClB;GACE;IAGT,WAAW,cAAc,UAAU,aAAa,UAAU,SAC5D;AACD,iBAAiB,cAAc;AAE/B,+BAAe"}
@@ -1,22 +1,16 @@
1
- import { createStaticStyles, keyframes } from "antd-style";
1
+ import { maskLeftToRight } from "../../styles/animations.mjs";
2
+ import { createStaticStyles } from "antd-style";
2
3
 
3
4
  //#region src/Markdown/SyntaxMarkdown/style.ts
4
- const fadeIn = keyframes`
5
- 0% {
6
- opacity: 0;
7
- }
8
- 100% {
9
- opacity: 1;
10
- }
11
- `;
12
5
  const styles = createStaticStyles(({ css: css$1 }) => {
13
6
  return { animated: css$1`
14
- .animate-fade-in,
7
+ --lobe-markdown-stream-animation: ${maskLeftToRight} 0.5s ease-in-out forwards;
8
+
9
+ .animate-mask-left-to-right,
15
10
  .katex-html span,
16
11
  span.line > span,
17
12
  code:not(:has(span.line)) {
18
- opacity: 1;
19
- animation: ${fadeIn} 1s ease-in-out;
13
+ animation: var(--lobe-markdown-stream-animation);
20
14
  }
21
15
  ` };
22
16
  });
@@ -1 +1 @@
1
- {"version":3,"file":"style.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/style.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\n\nconst fadeIn = keyframes`\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n `;\n\nexport const styles = createStaticStyles(({ css }) => {\n return {\n animated: css`\n .animate-fade-in,\n .katex-html span,\n span.line > span,\n code:not(:has(span.line)) {\n opacity: 1;\n animation: ${fadeIn} 1s ease-in-out;\n }\n `,\n };\n});\n"],"mappings":";;;AAEA,MAAM,SAAS,SAAS;;;;;;;;AASxB,MAAa,SAAS,oBAAoB,EAAE,iBAAU;AACpD,QAAO,EACL,UAAU,KAAG;;;;;;qBAMI,OAAO;;OAGzB;EACD"}
1
+ {"version":3,"file":"style.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { maskLeftToRight } from '@/styles/animations';\n\nexport const styles = createStaticStyles(({ css }) => {\n return {\n animated: css`\n --lobe-markdown-stream-animation: ${maskLeftToRight} 0.5s ease-in-out forwards;\n\n .animate-mask-left-to-right,\n .katex-html span,\n span.line > span,\n code:not(:has(span.line)) {\n animation: var(--lobe-markdown-stream-animation);\n }\n `,\n };\n});\n"],"mappings":";;;;AAIA,MAAa,SAAS,oBAAoB,EAAE,iBAAU;AACpD,QAAO,EACL,UAAU,KAAG;0CACyB,gBAAgB;;;;;;;;OASvD;EACD"}
@@ -1,8 +1,8 @@
1
1
  import { TypographyProps } from "./type.mjs";
2
- import * as react0 from "react";
2
+ import * as react31 from "react";
3
3
 
4
4
  //#region src/Markdown/Typography.d.ts
5
- declare const Typography: react0.NamedExoticComponent<TypographyProps>;
5
+ declare const Typography: react31.NamedExoticComponent<TypographyProps>;
6
6
  //#endregion
7
7
  export { Typography };
8
8
  //# sourceMappingURL=Typography.d.mts.map
@@ -1,6 +1,6 @@
1
1
  import { FlexboxProps } from "../../../Flex/type.mjs";
2
2
  import "../../../Flex/index.mjs";
3
- import * as react50 from "react";
3
+ import * as react82 from "react";
4
4
  import { Ref } from "react";
5
5
 
6
6
  //#region src/Markdown/components/SearchResultCards/index.d.ts
@@ -14,7 +14,7 @@ interface SearchResultCardsProps extends FlexboxProps {
14
14
  dataSource: string[] | SearchResultItem[];
15
15
  ref?: Ref<HTMLDivElement>;
16
16
  }
17
- declare const SearchResultCards: react50.NamedExoticComponent<SearchResultCardsProps>;
17
+ declare const SearchResultCards: react82.NamedExoticComponent<SearchResultCardsProps>;
18
18
  //#endregion
19
19
  export { SearchResultCards, SearchResultCardsProps };
20
20
  //# sourceMappingURL=index.d.mts.map
@@ -22,7 +22,7 @@ const rehypeStreamAnimated = () => {
22
22
  type: "text",
23
23
  value: word
24
24
  }],
25
- properties: { className: "animate-fade-in" },
25
+ properties: { className: "animate-mask-left-to-right" },
26
26
  tagName: "span",
27
27
  type: "element"
28
28
  });
@@ -1 +1 @@
1
- {"version":3,"file":"rehypeStreamAnimated.mjs","names":["newChildren: Array<ElementContent>"],"sources":["../../../src/Markdown/plugins/rehypeStreamAnimated.ts"],"sourcesContent":["// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n// SPDX-License-Identifier: MIT\nimport { type Element, type ElementContent, type Root } from 'hast';\nimport { type BuildVisitor } from 'unist-util-visit';\nimport { visit } from 'unist-util-visit';\n\nexport const rehypeStreamAnimated = () => {\n return (tree: Root) => {\n visit(tree, 'element', ((node: Element) => {\n if (\n ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li', 'strong'].includes(node.tagName) &&\n node.children\n ) {\n const newChildren: Array<ElementContent> = [];\n for (const child of node.children) {\n if (child.type === 'text') {\n const segmenter = new Intl.Segmenter('zh', { granularity: 'word' });\n const segments = segmenter.segment(child.value);\n const words = [...segments].map((segment) => segment.segment).filter(Boolean);\n words.forEach((word: string) => {\n newChildren.push({\n children: [{ type: 'text', value: word }],\n properties: {\n className: 'animate-fade-in',\n },\n tagName: 'span',\n type: 'element',\n });\n });\n } else {\n newChildren.push(child);\n }\n }\n node.children = newChildren;\n }\n }) as BuildVisitor<Root, 'element'>);\n };\n};\n"],"mappings":";;;AAMA,MAAa,6BAA6B;AACxC,SAAQ,SAAe;AACrB,QAAM,MAAM,aAAa,SAAkB;AACzC,OACE;IAAC;IAAK;IAAM;IAAM;IAAM;IAAM;IAAM;IAAM;IAAM;IAAS,CAAC,SAAS,KAAK,QAAQ,IAChF,KAAK,UACL;IACA,MAAMA,cAAqC,EAAE;AAC7C,SAAK,MAAM,SAAS,KAAK,SACvB,KAAI,MAAM,SAAS,OAIjB,CADc,CAAC,GAFG,IAAI,KAAK,UAAU,MAAM,EAAE,aAAa,QAAQ,CAAC,CACxC,QAAQ,MAAM,MAAM,CACpB,CAAC,KAAK,YAAY,QAAQ,QAAQ,CAAC,OAAO,QAAQ,CACvE,SAAS,SAAiB;AAC9B,iBAAY,KAAK;MACf,UAAU,CAAC;OAAE,MAAM;OAAQ,OAAO;OAAM,CAAC;MACzC,YAAY,EACV,WAAW,mBACZ;MACD,SAAS;MACT,MAAM;MACP,CAAC;MACF;QAEF,aAAY,KAAK,MAAM;AAG3B,SAAK,WAAW;;KAEgB"}
1
+ {"version":3,"file":"rehypeStreamAnimated.mjs","names":["newChildren: Array<ElementContent>"],"sources":["../../../src/Markdown/plugins/rehypeStreamAnimated.ts"],"sourcesContent":["// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n// SPDX-License-Identifier: MIT\nimport { type Element, type ElementContent, type Root } from 'hast';\nimport { type BuildVisitor } from 'unist-util-visit';\nimport { visit } from 'unist-util-visit';\n\nexport const rehypeStreamAnimated = () => {\n return (tree: Root) => {\n visit(tree, 'element', ((node: Element) => {\n if (\n ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li', 'strong'].includes(node.tagName) &&\n node.children\n ) {\n const newChildren: Array<ElementContent> = [];\n for (const child of node.children) {\n if (child.type === 'text') {\n const segmenter = new Intl.Segmenter('zh', { granularity: 'word' });\n const segments = segmenter.segment(child.value);\n const words = [...segments].map((segment) => segment.segment).filter(Boolean);\n words.forEach((word: string) => {\n newChildren.push({\n children: [{ type: 'text', value: word }],\n properties: {\n className: 'animate-mask-left-to-right',\n },\n tagName: 'span',\n type: 'element',\n });\n });\n } else {\n newChildren.push(child);\n }\n }\n node.children = newChildren;\n }\n }) as BuildVisitor<Root, 'element'>);\n };\n};\n"],"mappings":";;;AAMA,MAAa,6BAA6B;AACxC,SAAQ,SAAe;AACrB,QAAM,MAAM,aAAa,SAAkB;AACzC,OACE;IAAC;IAAK;IAAM;IAAM;IAAM;IAAM;IAAM;IAAM;IAAM;IAAS,CAAC,SAAS,KAAK,QAAQ,IAChF,KAAK,UACL;IACA,MAAMA,cAAqC,EAAE;AAC7C,SAAK,MAAM,SAAS,KAAK,SACvB,KAAI,MAAM,SAAS,OAIjB,CADc,CAAC,GAFG,IAAI,KAAK,UAAU,MAAM,EAAE,aAAa,QAAQ,CAAC,CACxC,QAAQ,MAAM,MAAM,CACpB,CAAC,KAAK,YAAY,QAAQ,QAAQ,CAAC,OAAO,QAAQ,CACvE,SAAS,SAAiB;AAC9B,iBAAY,KAAK;MACf,UAAU,CAAC;OAAE,MAAM;OAAQ,OAAO;OAAM,CAAC;MACzC,YAAY,EACV,WAAW,8BACZ;MACD,SAAS;MACT,MAAM;MACP,CAAC;MACF;QAEF,aAAY,KAAK,MAAM;AAG3B,SAAK,WAAW;;KAEgB"}
@@ -1,8 +1,8 @@
1
1
  import { MaskShadowProps } from "./type.mjs";
2
- import * as react2 from "react";
2
+ import * as react24 from "react";
3
3
 
4
4
  //#region src/MaskShadow/MaskShadow.d.ts
5
- declare const MaskShadow: react2.NamedExoticComponent<MaskShadowProps>;
5
+ declare const MaskShadow: react24.NamedExoticComponent<MaskShadowProps>;
6
6
  //#endregion
7
7
  export { MaskShadow };
8
8
  //# sourceMappingURL=MaskShadow.d.mts.map
@@ -1,8 +1,8 @@
1
1
  import { MenuProps } from "./type.mjs";
2
- import * as react75 from "react";
2
+ import * as react23 from "react";
3
3
 
4
4
  //#region src/Menu/Menu.d.ts
5
- declare const Menu: react75.NamedExoticComponent<MenuProps<unknown>>;
5
+ declare const Menu: react23.NamedExoticComponent<MenuProps<unknown>>;
6
6
  //#endregion
7
7
  export { Menu };
8
8
  //# sourceMappingURL=Menu.d.mts.map