@lobehub/ui 4.33.3 → 4.34.0

package/es/icons/lucideExtra/CreateBotIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react88 from "react";
-import * as lucide_react0 from "lucide-react";
+import * as react98 from "react";
+import * as lucide_react1 from "lucide-react";
 
 //#region src/icons/lucideExtra/CreateBotIcon.d.ts
-declare const CreateBotIcon: react88.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react88.RefAttributes<SVGSVGElement>>;
+declare const CreateBotIcon: react98.ForwardRefExoticComponent<Omit<lucide_react1.LucideProps, "ref"> & react98.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { CreateBotIcon };
 //# sourceMappingURL=CreateBotIcon.d.mts.map

package/es/icons/lucideExtra/DiscordIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react94 from "react";
+import * as react100 from "react";
 import * as lucide_react2 from "lucide-react";
 
 //#region src/icons/lucideExtra/DiscordIcon.d.ts
-declare const DiscordIcon: react94.ForwardRefExoticComponent<Omit<lucide_react2.LucideProps, "ref"> & react94.RefAttributes<SVGSVGElement>>;
+declare const DiscordIcon: react100.ForwardRefExoticComponent<Omit<lucide_react2.LucideProps, "ref"> & react100.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { DiscordIcon };
 //# sourceMappingURL=DiscordIcon.d.mts.map

package/es/icons/lucideExtra/GlobeOffIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react92 from "react";
-import * as lucide_react1 from "lucide-react";
+import * as react102 from "react";
+import * as lucide_react3 from "lucide-react";
 
 //#region src/icons/lucideExtra/GlobeOffIcon.d.ts
-declare const GlobeOffIcon: react92.ForwardRefExoticComponent<Omit<lucide_react1.LucideProps, "ref"> & react92.RefAttributes<SVGSVGElement>>;
+declare const GlobeOffIcon: react102.ForwardRefExoticComponent<Omit<lucide_react3.LucideProps, "ref"> & react102.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { GlobeOffIcon };
 //# sourceMappingURL=GlobeOffIcon.d.mts.map

package/es/icons/lucideExtra/GroupBotIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react98 from "react";
+import * as react104 from "react";
 import * as lucide_react4 from "lucide-react";
 
 //#region src/icons/lucideExtra/GroupBotIcon.d.ts
-declare const GroupBotIcon: react98.ForwardRefExoticComponent<Omit<lucide_react4.LucideProps, "ref"> & react98.RefAttributes<SVGSVGElement>>;
+declare const GroupBotIcon: react104.ForwardRefExoticComponent<Omit<lucide_react4.LucideProps, "ref"> & react104.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { GroupBotIcon };
 //# sourceMappingURL=GroupBotIcon.d.mts.map

package/es/icons/lucideExtra/GroupBotSquareIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react96 from "react";
-import * as lucide_react3 from "lucide-react";
+import * as react106 from "react";
+import * as lucide_react5 from "lucide-react";
 
 //#region src/icons/lucideExtra/GroupBotSquareIcon.d.ts
-declare const GroupBotSquareIcon: react96.ForwardRefExoticComponent<Omit<lucide_react3.LucideProps, "ref"> & react96.RefAttributes<SVGSVGElement>>;
+declare const GroupBotSquareIcon: react106.ForwardRefExoticComponent<Omit<lucide_react5.LucideProps, "ref"> & react106.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { GroupBotSquareIcon };
 //# sourceMappingURL=GroupBotSquareIcon.d.mts.map

package/es/icons/lucideExtra/LeftClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react104 from "react";
-import * as lucide_react7 from "lucide-react";
+import * as react108 from "react";
+import * as lucide_react6 from "lucide-react";
 
 //#region src/icons/lucideExtra/LeftClickIcon.d.ts
-declare const LeftClickIcon: react104.ForwardRefExoticComponent<Omit<lucide_react7.LucideProps, "ref"> & react104.RefAttributes<SVGSVGElement>>;
+declare const LeftClickIcon: react108.ForwardRefExoticComponent<Omit<lucide_react6.LucideProps, "ref"> & react108.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { LeftClickIcon };
 //# sourceMappingURL=LeftClickIcon.d.mts.map

package/es/icons/lucideExtra/LeftDoubleClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react100 from "react";
-import * as lucide_react5 from "lucide-react";
+import * as react110 from "react";
+import * as lucide_react7 from "lucide-react";
 
 //#region src/icons/lucideExtra/LeftDoubleClickIcon.d.ts
-declare const LeftDoubleClickIcon: react100.ForwardRefExoticComponent<Omit<lucide_react5.LucideProps, "ref"> & react100.RefAttributes<SVGSVGElement>>;
+declare const LeftDoubleClickIcon: react110.ForwardRefExoticComponent<Omit<lucide_react7.LucideProps, "ref"> & react110.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { LeftDoubleClickIcon };
 //# sourceMappingURL=LeftDoubleClickIcon.d.mts.map

package/es/icons/lucideExtra/McpIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react106 from "react";
+import * as react112 from "react";
 import * as lucide_react8 from "lucide-react";
 
 //#region src/icons/lucideExtra/McpIcon.d.ts
-declare const McpIcon: react106.ForwardRefExoticComponent<Omit<lucide_react8.LucideProps, "ref"> & react106.RefAttributes<SVGSVGElement>>;
+declare const McpIcon: react112.ForwardRefExoticComponent<Omit<lucide_react8.LucideProps, "ref"> & react112.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { McpIcon };
 //# sourceMappingURL=McpIcon.d.mts.map

package/es/icons/lucideExtra/ProviderIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react102 from "react";
-import * as lucide_react6 from "lucide-react";
+import * as react114 from "react";
+import * as lucide_react9 from "lucide-react";
 
 //#region src/icons/lucideExtra/ProviderIcon.d.ts
-declare const ProviderIcon: react102.ForwardRefExoticComponent<Omit<lucide_react6.LucideProps, "ref"> & react102.RefAttributes<SVGSVGElement>>;
+declare const ProviderIcon: react114.ForwardRefExoticComponent<Omit<lucide_react9.LucideProps, "ref"> & react114.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { ProviderIcon };
 //# sourceMappingURL=ProviderIcon.d.mts.map

package/es/icons/lucideExtra/RightClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react108 from "react";
-import * as lucide_react9 from "lucide-react";
+import * as react116 from "react";
+import * as lucide_react10 from "lucide-react";
 
 //#region src/icons/lucideExtra/RightClickIcon.d.ts
-declare const RightClickIcon: react108.ForwardRefExoticComponent<Omit<lucide_react9.LucideProps, "ref"> & react108.RefAttributes<SVGSVGElement>>;
+declare const RightClickIcon: react116.ForwardRefExoticComponent<Omit<lucide_react10.LucideProps, "ref"> & react116.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { RightClickIcon };
 //# sourceMappingURL=RightClickIcon.d.mts.map

package/es/icons/lucideExtra/RightDoubleClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react110 from "react";
-import * as lucide_react10 from "lucide-react";
+import * as react118 from "react";
+import * as lucide_react11 from "lucide-react";
 
 //#region src/icons/lucideExtra/RightDoubleClickIcon.d.ts
-declare const RightDoubleClickIcon: react110.ForwardRefExoticComponent<Omit<lucide_react10.LucideProps, "ref"> & react110.RefAttributes<SVGSVGElement>>;
+declare const RightDoubleClickIcon: react118.ForwardRefExoticComponent<Omit<lucide_react11.LucideProps, "ref"> & react118.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { RightDoubleClickIcon };
 //# sourceMappingURL=RightDoubleClickIcon.d.mts.map

package/es/icons/lucideExtra/ShapesUploadIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react112 from "react";
-import * as lucide_react11 from "lucide-react";
+import * as react120 from "react";
+import * as lucide_react12 from "lucide-react";
 
 //#region src/icons/lucideExtra/ShapesUploadIcon.d.ts
-declare const ShapesUploadIcon: react112.ForwardRefExoticComponent<Omit<lucide_react11.LucideProps, "ref"> & react112.RefAttributes<SVGSVGElement>>;
+declare const ShapesUploadIcon: react120.ForwardRefExoticComponent<Omit<lucide_react12.LucideProps, "ref"> & react120.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { ShapesUploadIcon };
 //# sourceMappingURL=ShapesUploadIcon.d.mts.map

package/es/icons/lucideExtra/TreeDownRightIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react114 from "react";
-import * as lucide_react12 from "lucide-react";
+import * as react122 from "react";
+import * as lucide_react13 from "lucide-react";
 
 //#region src/icons/lucideExtra/TreeDownRightIcon.d.ts
-declare const TreeDownRightIcon: react114.ForwardRefExoticComponent<Omit<lucide_react12.LucideProps, "ref"> & react114.RefAttributes<SVGSVGElement>>;
+declare const TreeDownRightIcon: react122.ForwardRefExoticComponent<Omit<lucide_react13.LucideProps, "ref"> & react122.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { TreeDownRightIcon };
 //# sourceMappingURL=TreeDownRightIcon.d.mts.map

package/es/icons/lucideExtra/TreeUpDownRightIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react116 from "react";
-import * as lucide_react13 from "lucide-react";
+import * as react94 from "react";
+import * as lucide_react0 from "lucide-react";
 
 //#region src/icons/lucideExtra/TreeUpDownRightIcon.d.ts
-declare const TreeUpDownRightIcon: react116.ForwardRefExoticComponent<Omit<lucide_react13.LucideProps, "ref"> & react116.RefAttributes<SVGSVGElement>>;
+declare const TreeUpDownRightIcon: react94.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react94.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { TreeUpDownRightIcon };
 //# sourceMappingURL=TreeUpDownRightIcon.d.mts.map

package/es/mdx/Callout/index.mjs

@@ -40,9 +40,9 @@ const Callout = ({ children, type = "info", className, style, ...rest }) => {
 	}), [theme]);
 	const { icon, color, background } = typeConfig?.[type] || typeConfig.info;
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
 		align: "flex-start",
 		className: cx(styles.container, className),
-		horizontal: true,
 		style: {
 			background,
 			boxShadow: `0 0 0 1px ${background} inset`,

package/es/mdx/Callout/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Callout: FC<CalloutProps>","Flexbox","Icon"],"sources":["../../../src/mdx/Callout/index.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx, useTheme } from 'antd-style';\nimport { AlertOctagon, AlertTriangle, Info, Lightbulb, MessageSquareWarning } from 'lucide-react';\nimport { FC, useMemo } from 'react';\n\nimport { Flexbox, FlexboxProps } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { styles } from './style';\n\nexport interface CalloutProps extends FlexboxProps {\n  type?: 'tip' | 'error' | 'important' | 'info' | 'warning';\n}\n\nconst Callout: FC<CalloutProps> = ({ children, type = 'info', className, style, ...rest }) => {\n  const theme = useTheme();\n  const typeConfig = useMemo(\n    () => ({\n      error: {\n        background: theme.colorErrorFillTertiary,\n        color: cssVar.colorError,\n        icon: AlertOctagon,\n      },\n      important: {\n        background: theme.purpleFillTertiary,\n        color: cssVar.purple,\n        icon: MessageSquareWarning,\n      },\n      info: {\n        background: theme.colorInfoFillTertiary,\n        color: cssVar.colorInfo,\n        icon: Info,\n      },\n      tip: {\n        background: theme.colorSuccessFillTertiary,\n        color: cssVar.colorSuccess,\n        icon: Lightbulb,\n      },\n      warning: {\n        background: theme.colorWarningFillTertiary,\n        color: cssVar.colorWarning,\n        icon: AlertTriangle,\n      },\n    }),\n    [theme],\n  );\n\n  const selectedType = typeConfig?.[type] || typeConfig.info;\n\n  const { icon, color, background } = selectedType;\n\n  return (\n    <Flexbox\n      align={'flex-start'}\n      className={cx(styles.container, className)}\n      horizontal\n      style={{\n        background: background,\n        boxShadow: `0 0 0 1px ${background} inset`,\n        color,\n        ...style,\n      }}\n      {...rest}\n    >\n      <Icon icon={icon} size={{ size: '1.2em' }} style={{ marginBlock: '0.25em' }} />\n      <div className={cx(styles.content, type === 'info' && styles.underlineAnchor)}>\n        <div>{children}</div>\n      </div>\n    </Flexbox>\n  );\n};\n\nCallout.displayName = 'MdxCallout';\n\nexport default Callout;\n"],"mappings":";;;;;;;;;;;AAeA,MAAMA,WAA6B,EAAE,UAAU,OAAO,QAAQ,WAAW,OAAO,GAAG,WAAW;CAC5F,MAAM,QAAQ,UAAU;CACxB,MAAM,aAAa,eACV;EACL,OAAO;GACL,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACD,WAAW;GACT,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACD,MAAM;GACJ,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACD,KAAK;GACH,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACD,SAAS;GACP,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACF,GACD,CAAC,MAAM,CACR;CAID,MAAM,EAAE,MAAM,OAAO,eAFA,aAAa,SAAS,WAAW;AAItD,QACE,qBAACC;EACC,OAAO;EACP,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C;EACA,OAAO;GACO;GACZ,WAAW,aAAa,WAAW;GACnC;GACA,GAAG;GACJ;EACD,GAAI;aAEJ,oBAACC;GAAW;GAAM,MAAM,EAAE,MAAM,SAAS;GAAE,OAAO,EAAE,aAAa,UAAU;IAAI,EAC/E,oBAAC;GAAI,WAAW,GAAG,OAAO,SAAS,SAAS,UAAU,OAAO,gBAAgB;aAC3E,oBAAC,SAAK,WAAe;IACjB;GACE;;AAId,QAAQ,cAAc;AAEtB,sBAAe"}
+{"version":3,"file":"index.mjs","names":["Callout: FC<CalloutProps>","Flexbox","Icon"],"sources":["../../../src/mdx/Callout/index.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx, useTheme } from 'antd-style';\nimport { AlertOctagon, AlertTriangle, Info, Lightbulb, MessageSquareWarning } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport { Flexbox, type FlexboxProps } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { styles } from './style';\n\nexport interface CalloutProps extends FlexboxProps {\n  type?: 'tip' | 'error' | 'important' | 'info' | 'warning';\n}\n\nconst Callout: FC<CalloutProps> = ({ children, type = 'info', className, style, ...rest }) => {\n  const theme = useTheme();\n  const typeConfig = useMemo(\n    () => ({\n      error: {\n        background: theme.colorErrorFillTertiary,\n        color: cssVar.colorError,\n        icon: AlertOctagon,\n      },\n      important: {\n        background: theme.purpleFillTertiary,\n        color: cssVar.purple,\n        icon: MessageSquareWarning,\n      },\n      info: {\n        background: theme.colorInfoFillTertiary,\n        color: cssVar.colorInfo,\n        icon: Info,\n      },\n      tip: {\n        background: theme.colorSuccessFillTertiary,\n        color: cssVar.colorSuccess,\n        icon: Lightbulb,\n      },\n      warning: {\n        background: theme.colorWarningFillTertiary,\n        color: cssVar.colorWarning,\n        icon: AlertTriangle,\n      },\n    }),\n    [theme],\n  );\n\n  const selectedType = typeConfig?.[type] || typeConfig.info;\n\n  const { icon, color, background } = selectedType;\n\n  return (\n    <Flexbox\n      horizontal\n      align={'flex-start'}\n      className={cx(styles.container, className)}\n      style={{\n        background: background,\n        boxShadow: `0 0 0 1px ${background} inset`,\n        color,\n        ...style,\n      }}\n      {...rest}\n    >\n      <Icon icon={icon} size={{ size: '1.2em' }} style={{ marginBlock: '0.25em' }} />\n      <div className={cx(styles.content, type === 'info' && styles.underlineAnchor)}>\n        <div>{children}</div>\n      </div>\n    </Flexbox>\n  );\n};\n\nCallout.displayName = 'MdxCallout';\n\nexport default Callout;\n"],"mappings":";;;;;;;;;;;AAeA,MAAMA,WAA6B,EAAE,UAAU,OAAO,QAAQ,WAAW,OAAO,GAAG,WAAW;CAC5F,MAAM,QAAQ,UAAU;CACxB,MAAM,aAAa,eACV;EACL,OAAO;GACL,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACD,WAAW;GACT,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACD,MAAM;GACJ,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACD,KAAK;GACH,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACD,SAAS;GACP,YAAY,MAAM;GAClB,OAAO,OAAO;GACd,MAAM;GACP;EACF,GACD,CAAC,MAAM,CACR;CAID,MAAM,EAAE,MAAM,OAAO,eAFA,aAAa,SAAS,WAAW;AAItD,QACE,qBAACC;EACC;EACA,OAAO;EACP,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,OAAO;GACO;GACZ,WAAW,aAAa,WAAW;GACnC;GACA,GAAG;GACJ;EACD,GAAI;aAEJ,oBAACC;GAAW;GAAM,MAAM,EAAE,MAAM,SAAS;GAAE,OAAO,EAAE,aAAa,UAAU;IAAI,EAC/E,oBAAC;GAAI,WAAW,GAAG,OAAO,SAAS,SAAS,UAAU,OAAO,gBAAgB;aAC3E,oBAAC,SAAK,WAAe;IACjB;GACE;;AAId,QAAQ,cAAc;AAEtB,sBAAe"}

package/es/mdx/Cards/Card.mjs

@@ -55,9 +55,9 @@ const Card = ({ tag, tagColor = "blue", icon, title, desc, href, iconProps, clas
 	return /* @__PURE__ */ jsx(A_default, {
 		href,
 		children: /* @__PURE__ */ jsxs(Block_default, {
+			clickable: true,
 			align: "flex-start",
 			className: cx(styles.card, className),
-			clickable: true,
 			variant,
 			...rest,
 			children: [
@@ -91,10 +91,10 @@ const Card = ({ tag, tagColor = "blue", icon, title, desc, href, iconProps, clas
 					})
 				}),
 				/* @__PURE__ */ jsxs(FlexBasic_default, {
+					horizontal: true,
 					align: desc ? "flex-start" : "center",
 					className: styles.content,
 					gap: "0.75em",
-					horizontal: true,
 					children: [!image && icon && /* @__PURE__ */ jsx(Icon_default, {
 						className: cx(styles.icon, "mdx-card-icon"),
 						icon,

package/es/mdx/Cards/Card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.mjs","names":["cssVar","Card: FC<CardProps>","A","Block","Img","Flexbox","Tag","Icon"],"sources":["../../../src/mdx/Cards/Card.tsx"],"sourcesContent":["'use client';\n\nimport { createStaticStyles, cx } from 'antd-style';\nimport { FC } from 'react';\n\nimport A from '@/A';\nimport Block, { type BlockProps } from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Icon, { type IconProps } from '@/Icon';\nimport Img from '@/Img';\nimport Tag, { type TagProps } from '@/Tag';\n\nconst styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    card: css`\n      --lobe-markdown-header-multiple: 0.2;\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n      height: 100%;\n      color: ${cssVar.colorText};\n\n      h3,\n      p {\n        margin-block: 0 !important;\n      }\n\n      p {\n        color: ${cssVar.colorTextDescription};\n        transition: color 0.2s ${cssVar.motionEaseInOut};\n      }\n\n      &:hover {\n        p {\n          color: ${cssVar.colorTextSecondary};\n        }\n\n        .mdx-card-icon {\n          opacity: 1;\n        }\n      }\n    `,\n    content: css`\n      width: 100%;\n      padding: 1.4em;\n    `,\n    icon: css`\n      margin-block: 0.1em;\n      opacity: 0.5;\n      transition: opacity 0.2s ${cssVar.motionEaseInOut};\n    `,\n  };\n});\n\nexport interface CardProps extends Omit<BlockProps, 'children'> {\n  desc?: string;\n  href?: string;\n  icon?: IconProps['icon'];\n  iconProps?: Omit<IconProps, 'icon'>;\n  image?: string;\n  tag?: string;\n  tagColor?: TagProps['color'];\n  title: string;\n}\n\nconst Card: FC<CardProps> = ({\n  tag,\n  tagColor = 'blue',\n  icon,\n  title,\n  desc,\n  href,\n  iconProps,\n  className,\n  image,\n  variant = 'filled',\n  ...rest\n}) => {\n  return (\n    <A href={href}>\n      <Block\n        align={'flex-start'}\n        className={cx(styles.card, className)}\n        clickable\n        variant={variant}\n        {...rest}\n      >\n        {image && (\n          <Img\n            alt={title}\n            height={100}\n            src={image}\n            style={{ height: 'auto', width: '100%' }}\n            width={250}\n          />\n        )}\n        {tag && (\n          <Flexbox\n            align={'flex-start'}\n            className={styles.content}\n            style={{ paddingBottom: '0.2em', paddingTop: '1.8em' }}\n          >\n            <Tag\n              color={tagColor}\n              style={{\n                borderRadius: '1em',\n                fontSize: '0.8em',\n                fontWeight: 500,\n                paddingBlock: '0.1em',\n                paddingInline: '0.6em',\n              }}\n            >\n              {tag}\n            </Tag>\n          </Flexbox>\n        )}\n        <Flexbox\n          align={desc ? 'flex-start' : 'center'}\n          className={styles.content}\n          gap={'0.75em'}\n          horizontal\n        >\n          {!image && icon && (\n            <Icon\n              className={cx(styles.icon, 'mdx-card-icon')}\n              icon={icon}\n              size={{ size: '1.5em' }}\n              {...iconProps}\n            />\n          )}\n          <Flexbox gap={'0.2em'}>\n            <h3>{title}</h3>\n            {desc && <p>{desc}</p>}\n          </Flexbox>\n        </Flexbox>\n      </Block>\n    </A>\n  );\n};\n\nCard.displayName = 'MdxCard';\n\nexport default Card;\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AACrD,QAAO;EACL,MAAM,KAAG;;;;;;eAMEA,SAAO,UAAU;;;;;;;;iBAQfA,SAAO,qBAAqB;iCACZA,SAAO,gBAAgB;;;;;mBAKrCA,SAAO,mBAAmB;;;;;;;;EAQzC,SAAS,KAAG;;;;EAIZ,MAAM,KAAG;;;iCAGoBA,SAAO,gBAAgB;;EAErD;EACD;AAaF,MAAMC,QAAuB,EAC3B,KACA,WAAW,QACX,MACA,OACA,MACA,MACA,WACA,WACA,OACA,UAAU,UACV,GAAG,WACC;AACJ,QACE,oBAACC;EAAQ;YACP,qBAACC;GACC,OAAO;GACP,WAAW,GAAG,OAAO,MAAM,UAAU;GACrC;GACS;GACT,GAAI;;IAEH,SACC,oBAACC;KACC,KAAK;KACL,QAAQ;KACR,KAAK;KACL,OAAO;MAAE,QAAQ;MAAQ,OAAO;MAAQ;KACxC,OAAO;MACP;IAEH,OACC,oBAACC;KACC,OAAO;KACP,WAAW,OAAO;KAClB,OAAO;MAAE,eAAe;MAAS,YAAY;MAAS;eAEtD,oBAACC;MACC,OAAO;MACP,OAAO;OACL,cAAc;OACd,UAAU;OACV,YAAY;OACZ,cAAc;OACd,eAAe;OAChB;gBAEA;OACG;MACE;IAEZ,qBAACD;KACC,OAAO,OAAO,eAAe;KAC7B,WAAW,OAAO;KAClB,KAAK;KACL;gBAEC,CAAC,SAAS,QACT,oBAACE;MACC,WAAW,GAAG,OAAO,MAAM,gBAAgB;MACrC;MACN,MAAM,EAAE,MAAM,SAAS;MACvB,GAAI;OACJ,EAEJ,qBAACF;MAAQ,KAAK;iBACZ,oBAAC,kBAAI,QAAW,EACf,QAAQ,oBAAC,iBAAG,OAAS;OACd;MACF;;IACJ;GACN;;AAIR,KAAK,cAAc;AAEnB,mBAAe"}
+{"version":3,"file":"Card.mjs","names":["cssVar","Card: FC<CardProps>","A","Block","Img","Flexbox","Tag","Icon"],"sources":["../../../src/mdx/Cards/Card.tsx"],"sourcesContent":["'use client';\n\nimport { createStaticStyles, cx } from 'antd-style';\nimport type { FC } from 'react';\n\nimport A from '@/A';\nimport Block, { type BlockProps } from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Icon, { type IconProps } from '@/Icon';\nimport Img from '@/Img';\nimport Tag, { type TagProps } from '@/Tag';\n\nconst styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    card: css`\n      --lobe-markdown-header-multiple: 0.2;\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n      height: 100%;\n      color: ${cssVar.colorText};\n\n      h3,\n      p {\n        margin-block: 0 !important;\n      }\n\n      p {\n        color: ${cssVar.colorTextDescription};\n        transition: color 0.2s ${cssVar.motionEaseInOut};\n      }\n\n      &:hover {\n        p {\n          color: ${cssVar.colorTextSecondary};\n        }\n\n        .mdx-card-icon {\n          opacity: 1;\n        }\n      }\n    `,\n    content: css`\n      width: 100%;\n      padding: 1.4em;\n    `,\n    icon: css`\n      margin-block: 0.1em;\n      opacity: 0.5;\n      transition: opacity 0.2s ${cssVar.motionEaseInOut};\n    `,\n  };\n});\n\nexport interface CardProps extends Omit<BlockProps, 'children'> {\n  desc?: string;\n  href?: string;\n  icon?: IconProps['icon'];\n  iconProps?: Omit<IconProps, 'icon'>;\n  image?: string;\n  tag?: string;\n  tagColor?: TagProps['color'];\n  title: string;\n}\n\nconst Card: FC<CardProps> = ({\n  tag,\n  tagColor = 'blue',\n  icon,\n  title,\n  desc,\n  href,\n  iconProps,\n  className,\n  image,\n  variant = 'filled',\n  ...rest\n}) => {\n  return (\n    <A href={href}>\n      <Block\n        clickable\n        align={'flex-start'}\n        className={cx(styles.card, className)}\n        variant={variant}\n        {...rest}\n      >\n        {image && (\n          <Img\n            alt={title}\n            height={100}\n            src={image}\n            style={{ height: 'auto', width: '100%' }}\n            width={250}\n          />\n        )}\n        {tag && (\n          <Flexbox\n            align={'flex-start'}\n            className={styles.content}\n            style={{ paddingBottom: '0.2em', paddingTop: '1.8em' }}\n          >\n            <Tag\n              color={tagColor}\n              style={{\n                borderRadius: '1em',\n                fontSize: '0.8em',\n                fontWeight: 500,\n                paddingBlock: '0.1em',\n                paddingInline: '0.6em',\n              }}\n            >\n              {tag}\n            </Tag>\n          </Flexbox>\n        )}\n        <Flexbox\n          horizontal\n          align={desc ? 'flex-start' : 'center'}\n          className={styles.content}\n          gap={'0.75em'}\n        >\n          {!image && icon && (\n            <Icon\n              className={cx(styles.icon, 'mdx-card-icon')}\n              icon={icon}\n              size={{ size: '1.5em' }}\n              {...iconProps}\n            />\n          )}\n          <Flexbox gap={'0.2em'}>\n            <h3>{title}</h3>\n            {desc && <p>{desc}</p>}\n          </Flexbox>\n        </Flexbox>\n      </Block>\n    </A>\n  );\n};\n\nCard.displayName = 'MdxCard';\n\nexport default Card;\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AACrD,QAAO;EACL,MAAM,KAAG;;;;;;eAMEA,SAAO,UAAU;;;;;;;;iBAQfA,SAAO,qBAAqB;iCACZA,SAAO,gBAAgB;;;;;mBAKrCA,SAAO,mBAAmB;;;;;;;;EAQzC,SAAS,KAAG;;;;EAIZ,MAAM,KAAG;;;iCAGoBA,SAAO,gBAAgB;;EAErD;EACD;AAaF,MAAMC,QAAuB,EAC3B,KACA,WAAW,QACX,MACA,OACA,MACA,MACA,WACA,WACA,OACA,UAAU,UACV,GAAG,WACC;AACJ,QACE,oBAACC;EAAQ;YACP,qBAACC;GACC;GACA,OAAO;GACP,WAAW,GAAG,OAAO,MAAM,UAAU;GAC5B;GACT,GAAI;;IAEH,SACC,oBAACC;KACC,KAAK;KACL,QAAQ;KACR,KAAK;KACL,OAAO;MAAE,QAAQ;MAAQ,OAAO;MAAQ;KACxC,OAAO;MACP;IAEH,OACC,oBAACC;KACC,OAAO;KACP,WAAW,OAAO;KAClB,OAAO;MAAE,eAAe;MAAS,YAAY;MAAS;eAEtD,oBAACC;MACC,OAAO;MACP,OAAO;OACL,cAAc;OACd,UAAU;OACV,YAAY;OACZ,cAAc;OACd,eAAe;OAChB;gBAEA;OACG;MACE;IAEZ,qBAACD;KACC;KACA,OAAO,OAAO,eAAe;KAC7B,WAAW,OAAO;KAClB,KAAK;gBAEJ,CAAC,SAAS,QACT,oBAACE;MACC,WAAW,GAAG,OAAO,MAAM,gBAAgB;MACrC;MACN,MAAM,EAAE,MAAM,SAAS;MACvB,GAAI;OACJ,EAEJ,qBAACF;MAAQ,KAAK;iBACZ,oBAAC,kBAAI,QAAW,EACf,QAAQ,oBAAC,iBAAG,OAAS;OACd;MACF;;IACJ;GACN;;AAIR,KAAK,cAAc;AAEnB,mBAAe"}

package/es/mdx/FileTree/File.mjs

@@ -8,9 +8,9 @@ import { FileIcon } from "lucide-react";
 //#region src/mdx/FileTree/File.tsx
 const File = ({ name, icon = FileIcon, ...rest }) => {
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
 		align: "center",
 		gap: 4,
-		horizontal: true,
 		...rest,
 		children: [/* @__PURE__ */ jsx(Icon_default, { icon }), /* @__PURE__ */ jsx("span", { children: name })]
 	});

package/es/mdx/FileTree/File.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"File.mjs","names":["File: FC<FileProps>","Flexbox","Icon"],"sources":["../../../src/mdx/FileTree/File.tsx"],"sourcesContent":["'use client';\n\nimport { FileIcon } from 'lucide-react';\nimport { FC } from 'react';\n\nimport { Flexbox, FlexboxProps } from '@/Flex';\nimport Icon, { type IconProps } from '@/Icon';\n\nexport interface FileProps extends Omit<FlexboxProps, 'children'> {\n  icon?: IconProps['icon'];\n  name: string;\n}\n\nconst File: FC<FileProps> = ({ name, icon = FileIcon, ...rest }) => {\n  return (\n    <Flexbox align={'center'} gap={4} horizontal {...rest}>\n      <Icon icon={icon} />\n      <span>{name}</span>\n    </Flexbox>\n  );\n};\n\nFile.displayName = 'MdxFile';\n\nexport default File;\n"],"mappings":";;;;;;;;AAaA,MAAMA,QAAuB,EAAE,MAAM,OAAO,UAAU,GAAG,WAAW;AAClE,QACE,qBAACC;EAAQ,OAAO;EAAU,KAAK;EAAG;EAAW,GAAI;aAC/C,oBAACC,gBAAW,OAAQ,EACpB,oBAAC,oBAAM,OAAY;GACX;;AAId,KAAK,cAAc;AAEnB,mBAAe"}
+{"version":3,"file":"File.mjs","names":["File: FC<FileProps>","Flexbox","Icon"],"sources":["../../../src/mdx/FileTree/File.tsx"],"sourcesContent":["'use client';\n\nimport { FileIcon } from 'lucide-react';\nimport type { FC } from 'react';\n\nimport { Flexbox, type FlexboxProps } from '@/Flex';\nimport Icon, { type IconProps } from '@/Icon';\n\nexport interface FileProps extends Omit<FlexboxProps, 'children'> {\n  icon?: IconProps['icon'];\n  name: string;\n}\n\nconst File: FC<FileProps> = ({ name, icon = FileIcon, ...rest }) => {\n  return (\n    <Flexbox horizontal align={'center'} gap={4} {...rest}>\n      <Icon icon={icon} />\n      <span>{name}</span>\n    </Flexbox>\n  );\n};\n\nFile.displayName = 'MdxFile';\n\nexport default File;\n"],"mappings":";;;;;;;;AAaA,MAAMA,QAAuB,EAAE,MAAM,OAAO,UAAU,GAAG,WAAW;AAClE,QACE,qBAACC;EAAQ;EAAW,OAAO;EAAU,KAAK;EAAG,GAAI;aAC/C,oBAACC,gBAAW,OAAQ,EACpB,oBAAC,oBAAM,OAAY;GACX;;AAId,KAAK,cAAc;AAEnB,mBAAe"}

package/es/mdx/FileTree/Folder.mjs

@@ -13,10 +13,10 @@ const Folder = ({ name, defaultOpen, icon = FolderIcon, children, ...rest }) =>
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
 		...rest,
 		children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+			horizontal: true,
 			align: "center",
 			className: styles.folder,
 			gap: 4,
-			horizontal: true,
 			onClick: () => setOpen(!open),
 			children: [/* @__PURE__ */ jsx(Icon_default, { icon: open ? FolderOpen : icon }), /* @__PURE__ */ jsx("span", { children: name })]
 		}), open && /* @__PURE__ */ jsx(FlexBasic_default, {

package/es/mdx/FileTree/Folder.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Folder.mjs","names":["Folder: FC<FolderProps>","Flexbox","Icon"],"sources":["../../../src/mdx/FileTree/Folder.tsx"],"sourcesContent":["'use client';\n\nimport { FolderIcon, FolderOpen } from 'lucide-react';\nimport { FC, useState } from 'react';\n\nimport { Flexbox, FlexboxProps } from '@/Flex';\nimport Icon, { type IconProps } from '@/Icon';\n\nimport { styles } from './style';\n\nexport interface FolderProps extends FlexboxProps {\n  defaultOpen?: boolean;\n  icon?: IconProps['icon'];\n  name: string;\n}\n\nconst Folder: FC<FolderProps> = ({ name, defaultOpen, icon = FolderIcon, children, ...rest }) => {\n  const [open, setOpen] = useState(defaultOpen);\n  return (\n    <Flexbox {...rest}>\n      <Flexbox\n        align={'center'}\n        className={styles.folder}\n        gap={4}\n        horizontal\n        onClick={() => setOpen(!open)}\n      >\n        <Icon icon={open ? FolderOpen : icon} />\n        <span>{name}</span>\n      </Flexbox>\n      {open && <Flexbox className={styles.folderChildren}>{children}</Flexbox>}\n    </Flexbox>\n  );\n};\n\nFolder.displayName = 'MdxFolder';\n\nexport default Folder;\n"],"mappings":";;;;;;;;;;AAgBA,MAAMA,UAA2B,EAAE,MAAM,aAAa,OAAO,YAAY,UAAU,GAAG,WAAW;CAC/F,MAAM,CAAC,MAAM,WAAW,SAAS,YAAY;AAC7C,QACE,qBAACC;EAAQ,GAAI;aACX,qBAACA;GACC,OAAO;GACP,WAAW,OAAO;GAClB,KAAK;GACL;GACA,eAAe,QAAQ,CAAC,KAAK;cAE7B,oBAACC,gBAAK,MAAM,OAAO,aAAa,OAAQ,EACxC,oBAAC,oBAAM,OAAY;IACX,EACT,QAAQ,oBAACD;GAAQ,WAAW,OAAO;GAAiB;IAAmB;GAChE;;AAId,OAAO,cAAc;AAErB,qBAAe"}
+{"version":3,"file":"Folder.mjs","names":["Folder: FC<FolderProps>","Flexbox","Icon"],"sources":["../../../src/mdx/FileTree/Folder.tsx"],"sourcesContent":["'use client';\n\nimport { FolderIcon, FolderOpen } from 'lucide-react';\nimport { type FC, useState } from 'react';\n\nimport { Flexbox, type FlexboxProps } from '@/Flex';\nimport Icon, { type IconProps } from '@/Icon';\n\nimport { styles } from './style';\n\nexport interface FolderProps extends FlexboxProps {\n  defaultOpen?: boolean;\n  icon?: IconProps['icon'];\n  name: string;\n}\n\nconst Folder: FC<FolderProps> = ({ name, defaultOpen, icon = FolderIcon, children, ...rest }) => {\n  const [open, setOpen] = useState(defaultOpen);\n  return (\n    <Flexbox {...rest}>\n      <Flexbox\n        horizontal\n        align={'center'}\n        className={styles.folder}\n        gap={4}\n        onClick={() => setOpen(!open)}\n      >\n        <Icon icon={open ? FolderOpen : icon} />\n        <span>{name}</span>\n      </Flexbox>\n      {open && <Flexbox className={styles.folderChildren}>{children}</Flexbox>}\n    </Flexbox>\n  );\n};\n\nFolder.displayName = 'MdxFolder';\n\nexport default Folder;\n"],"mappings":";;;;;;;;;;AAgBA,MAAMA,UAA2B,EAAE,MAAM,aAAa,OAAO,YAAY,UAAU,GAAG,WAAW;CAC/F,MAAM,CAAC,MAAM,WAAW,SAAS,YAAY;AAC7C,QACE,qBAACC;EAAQ,GAAI;aACX,qBAACA;GACC;GACA,OAAO;GACP,WAAW,OAAO;GAClB,KAAK;GACL,eAAe,QAAQ,CAAC,KAAK;cAE7B,oBAACC,gBAAK,MAAM,OAAO,aAAa,OAAQ,EACxC,oBAAC,oBAAM,OAAY;IACX,EACT,QAAQ,oBAACD;GAAQ,WAAW,OAAO;GAAiB;IAAmB;GAChE;;AAId,OAAO,cAAc;AAErB,qBAAe"}

package/es/mdx/FileTree/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["FileTree: FC<FileTreeProps>"],"sources":["../../../src/mdx/FileTree/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { FC } from 'react';\n\nimport { DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport type FileTreeProps = DivProps;\n\nconst FileTree: FC<FileTreeProps> = ({ children, className, ...rest }) => {\n  return (\n    <div className={cx(styles.container, className)} {...rest}>\n      {children}\n    </div>\n  );\n};\n\nFileTree.displayName = 'MdxFileTree';\n\nexport default FileTree;\n"],"mappings":";;;;;;;AAWA,MAAMA,YAA+B,EAAE,UAAU,WAAW,GAAG,WAAW;AACxE,QACE,oBAAC;EAAI,WAAW,GAAG,OAAO,WAAW,UAAU;EAAE,GAAI;EAClD;GACG;;AAIV,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"index.mjs","names":["FileTree: FC<FileTreeProps>"],"sources":["../../../src/mdx/FileTree/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport type { FC } from 'react';\n\nimport type { DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport type FileTreeProps = DivProps;\n\nconst FileTree: FC<FileTreeProps> = ({ children, className, ...rest }) => {\n  return (\n    <div className={cx(styles.container, className)} {...rest}>\n      {children}\n    </div>\n  );\n};\n\nFileTree.displayName = 'MdxFileTree';\n\nexport default FileTree;\n"],"mappings":";;;;;;;AAWA,MAAMA,YAA+B,EAAE,UAAU,WAAW,GAAG,WAAW;AACxE,QACE,oBAAC;EAAI,WAAW,GAAG,OAAO,WAAW,UAAU;EAAE,GAAI;EAClD;GACG;;AAIV,SAAS,cAAc;AAEvB,uBAAe"}

package/es/mdx/Mdx/index.d.mts

@@ -1,6 +1,6 @@
 import { TypographyProps } from "../../Markdown/type.mjs";
 import "../../Markdown/index.mjs";
-import * as react86 from "react";
+import * as react57 from "react";
 import { ReactNode } from "react";
 import { Pluggable } from "unified";
 
@@ -18,7 +18,7 @@ interface MdxProps extends Omit<TypographyProps, 'children'> {
   remarkPlugins?: Pluggable[];
   variant?: 'normal' | 'chat';
 }
-declare const Mdx: react86.NamedExoticComponent<MdxProps>;
+declare const Mdx: react57.NamedExoticComponent<MdxProps>;
 //#endregion
 export { Mdx, MdxProps };
 //# sourceMappingURL=index.d.mts.map

package/es/mdx/Mdx/index.mjs

@@ -2,11 +2,11 @@
 
 import Alert_default from "../../Alert/Alert.mjs";
 import PreviewGroup_default from "../../Image/PreviewGroup.mjs";
+import { styles } from "../../Markdown/style.mjs";
 import Image_default from "../mdxComponents/Image.mjs";
 import Video_default from "../mdxComponents/Video.mjs";
 import { useMarkdownContent } from "../../hooks/useMarkdown/useMarkdownContent.mjs";
 import Typography_default from "../../Markdown/Typography.mjs";
-import { styles } from "../../Markdown/style.mjs";
 import mdxComponents_default from "../mdxComponents/index.mjs";
 import CodeBlock_default from "../mdxComponents/CodeBlock.mjs";
 import { memo, useEffect, useMemo, useState } from "react";
@@ -72,9 +72,9 @@ const Mdx = memo(({ children, className, style, fullFeaturedCodeBlock = true, en
 			} catch (error) {
 				setMDXContent(() => () => /* @__PURE__ */ jsx(Alert_default, {
 					description: String(error?.message),
-					style: { width: "100%" },
 					title: "Error compiling MDX",
-					type: "error"
+					type: "error",
+					style: { width: "100%" }
 				}));
 				console.error("Error compiling MDX:", error);
 			}

package/es/mdx/Mdx/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["list: any","mdxComponents","Image","CodeBlock","Video","error: any","Alert","Typography","PreviewGroup"],"sources":["../../../src/mdx/Mdx/index.tsx"],"sourcesContent":["'use client';\n\nimport { evaluate } from '@mdx-js/mdx';\nimport { cx } from 'antd-style';\nimport { ReactNode, memo, useEffect, useMemo, useState } from 'react';\nimport jsxDevRuntime from 'react/jsx-dev-runtime';\nimport jsxRuntime from 'react/jsx-runtime';\nimport { rehypeGithubAlerts } from 'rehype-github-alerts';\nimport rehypeKatex from 'rehype-katex';\nimport remarkGfm from 'remark-gfm';\nimport remarkMath from 'remark-math';\nimport type { Pluggable } from 'unified';\n\nimport Alert from '@/Alert';\nimport { PreviewGroup } from '@/Image';\nimport { Typography, type TypographyProps } from '@/Markdown';\nimport { styles } from '@/Markdown/style';\nimport { useMarkdownContent } from '@/hooks/useMarkdown';\n\nimport mdxComponents from '../mdxComponents';\nimport CodeBlock from '../mdxComponents/CodeBlock';\nimport Image from '../mdxComponents/Image';\nimport Video from '../mdxComponents/Video';\n\nconst runtime = process.env.NODE_ENV === 'production' ? jsxRuntime : jsxDevRuntime;\n\nexport interface MdxProps extends Omit<TypographyProps, 'children'> {\n  children: string;\n  components?: any[];\n  enableImageGallery?: boolean;\n  enableLatex?: boolean;\n  enableMermaid?: boolean;\n  fallback?: ReactNode;\n  fullFeaturedCodeBlock?: boolean;\n  onDoubleClick?: () => void;\n  rehypePlugins?: Pluggable[];\n  remarkPlugins?: Pluggable[];\n  variant?: 'normal' | 'chat';\n}\n\nconst Mdx = memo<MdxProps>(\n  ({\n    children,\n    className,\n    style,\n    fullFeaturedCodeBlock = true,\n    enableImageGallery,\n    enableLatex = true,\n    enableMermaid = true,\n    rehypePlugins,\n    remarkPlugins,\n    components = {},\n    fallback = null,\n    fontSize,\n    headerMultiple,\n    lineHeight,\n    marginMultiple,\n    variant,\n    ...rest\n  }) => {\n    const escapedContent = useMarkdownContent(children);\n\n    const isChatMode = variant === 'chat';\n\n    const [MDXContent, setMDXContent] = useState<any>(() => () => null);\n\n    const innerRehypePlugins = Array.isArray(rehypePlugins) ? rehypePlugins : [rehypePlugins];\n    const memoRehypePlugins = useMemo(\n      () =>\n        [rehypeGithubAlerts, enableLatex && rehypeKatex, ...innerRehypePlugins].filter(\n          Boolean,\n        ) as any,\n      [enableLatex, ...innerRehypePlugins],\n    );\n\n    const innerRemarkPlugins = Array.isArray(remarkPlugins) ? remarkPlugins : [remarkPlugins];\n    const memoRemarkPlugins = useMemo(\n      () => [remarkGfm, enableLatex && remarkMath, ...innerRemarkPlugins].filter(Boolean) as any,\n      [enableLatex, ...innerRemarkPlugins],\n    );\n\n    const memoComponents = useMemo(() => {\n      const list: any = {};\n      Object.entries({\n        ...mdxComponents,\n        img: Image,\n        pre: (props: any) => (\n          <CodeBlock\n            {...props}\n            enableMermaid={enableMermaid}\n            fullFeatured={fullFeaturedCodeBlock}\n          />\n        ),\n        video: Video,\n        ...components,\n      }).forEach(([key, Render]: any) => {\n        list[key] = (props: any) => <Render {...props} />;\n      });\n      return list;\n    }, [components, enableMermaid, fullFeaturedCodeBlock]);\n\n    useEffect(() => {\n      if (!escapedContent) return;\n      (async () => {\n        try {\n          const { default: Content } = await evaluate(escapedContent, {\n            ...runtime,\n            development: process.env.NODE_ENV !== 'production',\n            rehypePlugins: memoRehypePlugins,\n            remarkPlugins: memoRemarkPlugins,\n          });\n          setMDXContent(() => Content);\n        } catch (error: any) {\n          // @ts-ignore\n          setMDXContent(() => () => (\n            <Alert\n              description={String(error?.message as string)}\n              style={{\n                width: '100%',\n              }}\n              title={'Error compiling MDX'}\n              type=\"error\"\n            />\n          ));\n          console.error('Error compiling MDX:', error);\n        }\n      })();\n    }, [escapedContent, memoRehypePlugins, memoRemarkPlugins]);\n\n    if (!escapedContent || !MDXContent) return fallback;\n\n    return (\n      <Typography\n        className={cx(enableLatex && styles.latex, isChatMode && styles.chat, className)}\n        data-code-type=\"mdx\"\n        fontSize={fontSize}\n        headerMultiple={headerMultiple}\n        lineHeight={lineHeight}\n        marginMultiple={marginMultiple}\n        style={style}\n        {...rest}\n      >\n        <PreviewGroup enable={enableImageGallery}>\n          <MDXContent components={memoComponents} />\n        </PreviewGroup>\n      </Typography>\n    );\n  },\n);\n\nMdx.displayName = 'Mdx';\n\nexport default Mdx;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAM,UAAU,QAAQ,IAAI,aAAa,eAAe,aAAa;AAgBrE,MAAM,MAAM,MACT,EACC,UACA,WACA,OACA,wBAAwB,MACxB,oBACA,cAAc,MACd,gBAAgB,MAChB,eACA,eACA,aAAa,EAAE,EACf,WAAW,MACX,UACA,gBACA,YACA,gBACA,SACA,GAAG,WACC;CACJ,MAAM,iBAAiB,mBAAmB,SAAS;CAEnD,MAAM,aAAa,YAAY;CAE/B,MAAM,CAAC,YAAY,iBAAiB,qBAA0B,KAAK;CAEnE,MAAM,qBAAqB,MAAM,QAAQ,cAAc,GAAG,gBAAgB,CAAC,cAAc;CACzF,MAAM,oBAAoB,cAEtB;EAAC;EAAoB,eAAe;EAAa,GAAG;EAAmB,CAAC,OACtE,QACD,EACH,CAAC,aAAa,GAAG,mBAAmB,CACrC;CAED,MAAM,qBAAqB,MAAM,QAAQ,cAAc,GAAG,gBAAgB,CAAC,cAAc;CACzF,MAAM,oBAAoB,cAClB;EAAC;EAAW,eAAe;EAAY,GAAG;EAAmB,CAAC,OAAO,QAAQ,EACnF,CAAC,aAAa,GAAG,mBAAmB,CACrC;CAED,MAAM,iBAAiB,cAAc;EACnC,MAAMA,OAAY,EAAE;AACpB,SAAO,QAAQ;GACb,GAAGC;GACH,KAAKC;GACL,MAAM,UACJ,oBAACC;IACC,GAAI;IACW;IACf,cAAc;KACd;GAEJ,OAAOC;GACP,GAAG;GACJ,CAAC,CAAC,SAAS,CAAC,KAAK,YAAiB;AACjC,QAAK,QAAQ,UAAe,oBAAC,UAAO,GAAI,QAAS;IACjD;AACF,SAAO;IACN;EAAC;EAAY;EAAe;EAAsB,CAAC;AAEtD,iBAAgB;AACd,MAAI,CAAC,eAAgB;AACrB,GAAC,YAAY;AACX,OAAI;IACF,MAAM,EAAE,SAAS,YAAY,MAAM,SAAS,gBAAgB;KAC1D,GAAG;KACH,aAAa,QAAQ,IAAI,aAAa;KACtC,eAAe;KACf,eAAe;KAChB,CAAC;AACF,wBAAoB,QAAQ;YACrBC,OAAY;AAEnB,8BACE,oBAACC;KACC,aAAa,OAAO,OAAO,QAAkB;KAC7C,OAAO,EACL,OAAO,QACR;KACD,OAAO;KACP,MAAK;MACL,CACF;AACF,YAAQ,MAAM,wBAAwB,MAAM;;MAE5C;IACH;EAAC;EAAgB;EAAmB;EAAkB,CAAC;AAE1D,KAAI,CAAC,kBAAkB,CAAC,WAAY,QAAO;AAE3C,QACE,oBAACC;EACC,WAAW,GAAG,eAAe,OAAO,OAAO,cAAc,OAAO,MAAM,UAAU;EAChF,kBAAe;EACL;EACM;EACJ;EACI;EACT;EACP,GAAI;YAEJ,oBAACC;GAAa,QAAQ;aACpB,oBAAC,cAAW,YAAY,iBAAkB;IAC7B;GACJ;EAGlB;AAED,IAAI,cAAc;AAElB,kBAAe"}
+{"version":3,"file":"index.mjs","names":["list: any","mdxComponents","Image","CodeBlock","Video","error: any","Alert","Typography","PreviewGroup"],"sources":["../../../src/mdx/Mdx/index.tsx"],"sourcesContent":["'use client';\n\nimport { evaluate } from '@mdx-js/mdx';\nimport { cx } from 'antd-style';\nimport { memo, type ReactNode, useEffect, useMemo, useState } from 'react';\nimport jsxDevRuntime from 'react/jsx-dev-runtime';\nimport jsxRuntime from 'react/jsx-runtime';\nimport { rehypeGithubAlerts } from 'rehype-github-alerts';\nimport rehypeKatex from 'rehype-katex';\nimport remarkGfm from 'remark-gfm';\nimport remarkMath from 'remark-math';\nimport { type Pluggable } from 'unified';\n\nimport Alert from '@/Alert';\nimport { useMarkdownContent } from '@/hooks/useMarkdown';\nimport { PreviewGroup } from '@/Image';\nimport { Typography, type TypographyProps } from '@/Markdown';\nimport { styles } from '@/Markdown/style';\n\nimport mdxComponents from '../mdxComponents';\nimport CodeBlock from '../mdxComponents/CodeBlock';\nimport Image from '../mdxComponents/Image';\nimport Video from '../mdxComponents/Video';\n\nconst runtime = process.env.NODE_ENV === 'production' ? jsxRuntime : jsxDevRuntime;\n\nexport interface MdxProps extends Omit<TypographyProps, 'children'> {\n  children: string;\n  components?: any[];\n  enableImageGallery?: boolean;\n  enableLatex?: boolean;\n  enableMermaid?: boolean;\n  fallback?: ReactNode;\n  fullFeaturedCodeBlock?: boolean;\n  onDoubleClick?: () => void;\n  rehypePlugins?: Pluggable[];\n  remarkPlugins?: Pluggable[];\n  variant?: 'normal' | 'chat';\n}\n\nconst Mdx = memo<MdxProps>(\n  ({\n    children,\n    className,\n    style,\n    fullFeaturedCodeBlock = true,\n    enableImageGallery,\n    enableLatex = true,\n    enableMermaid = true,\n    rehypePlugins,\n    remarkPlugins,\n    components = {},\n    fallback = null,\n    fontSize,\n    headerMultiple,\n    lineHeight,\n    marginMultiple,\n    variant,\n    ...rest\n  }) => {\n    const escapedContent = useMarkdownContent(children);\n\n    const isChatMode = variant === 'chat';\n\n    const [MDXContent, setMDXContent] = useState<any>(() => () => null);\n\n    const innerRehypePlugins = Array.isArray(rehypePlugins) ? rehypePlugins : [rehypePlugins];\n    const memoRehypePlugins = useMemo(\n      () =>\n        [rehypeGithubAlerts, enableLatex && rehypeKatex, ...innerRehypePlugins].filter(\n          Boolean,\n        ) as any,\n      [enableLatex, ...innerRehypePlugins],\n    );\n\n    const innerRemarkPlugins = Array.isArray(remarkPlugins) ? remarkPlugins : [remarkPlugins];\n    const memoRemarkPlugins = useMemo(\n      () => [remarkGfm, enableLatex && remarkMath, ...innerRemarkPlugins].filter(Boolean) as any,\n      [enableLatex, ...innerRemarkPlugins],\n    );\n\n    const memoComponents = useMemo(() => {\n      const list: any = {};\n      Object.entries({\n        ...mdxComponents,\n        img: Image,\n        pre: (props: any) => (\n          <CodeBlock\n            {...props}\n            enableMermaid={enableMermaid}\n            fullFeatured={fullFeaturedCodeBlock}\n          />\n        ),\n        video: Video,\n        ...components,\n      }).forEach(([key, Render]: any) => {\n        list[key] = (props: any) => <Render {...props} />;\n      });\n      return list;\n    }, [components, enableMermaid, fullFeaturedCodeBlock]);\n\n    useEffect(() => {\n      if (!escapedContent) return;\n      (async () => {\n        try {\n          const { default: Content } = await evaluate(escapedContent, {\n            ...runtime,\n            development: process.env.NODE_ENV !== 'production',\n            rehypePlugins: memoRehypePlugins,\n            remarkPlugins: memoRemarkPlugins,\n          });\n          setMDXContent(() => Content);\n        } catch (error: any) {\n          // @ts-ignore\n          setMDXContent(() => () => (\n            <Alert\n              description={String(error?.message as string)}\n              title={'Error compiling MDX'}\n              type=\"error\"\n              style={{\n                width: '100%',\n              }}\n            />\n          ));\n          console.error('Error compiling MDX:', error);\n        }\n      })();\n    }, [escapedContent, memoRehypePlugins, memoRemarkPlugins]);\n\n    if (!escapedContent || !MDXContent) return fallback;\n\n    return (\n      <Typography\n        className={cx(enableLatex && styles.latex, isChatMode && styles.chat, className)}\n        data-code-type=\"mdx\"\n        fontSize={fontSize}\n        headerMultiple={headerMultiple}\n        lineHeight={lineHeight}\n        marginMultiple={marginMultiple}\n        style={style}\n        {...rest}\n      >\n        <PreviewGroup enable={enableImageGallery}>\n          <MDXContent components={memoComponents} />\n        </PreviewGroup>\n      </Typography>\n    );\n  },\n);\n\nMdx.displayName = 'Mdx';\n\nexport default Mdx;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAM,UAAU,QAAQ,IAAI,aAAa,eAAe,aAAa;AAgBrE,MAAM,MAAM,MACT,EACC,UACA,WACA,OACA,wBAAwB,MACxB,oBACA,cAAc,MACd,gBAAgB,MAChB,eACA,eACA,aAAa,EAAE,EACf,WAAW,MACX,UACA,gBACA,YACA,gBACA,SACA,GAAG,WACC;CACJ,MAAM,iBAAiB,mBAAmB,SAAS;CAEnD,MAAM,aAAa,YAAY;CAE/B,MAAM,CAAC,YAAY,iBAAiB,qBAA0B,KAAK;CAEnE,MAAM,qBAAqB,MAAM,QAAQ,cAAc,GAAG,gBAAgB,CAAC,cAAc;CACzF,MAAM,oBAAoB,cAEtB;EAAC;EAAoB,eAAe;EAAa,GAAG;EAAmB,CAAC,OACtE,QACD,EACH,CAAC,aAAa,GAAG,mBAAmB,CACrC;CAED,MAAM,qBAAqB,MAAM,QAAQ,cAAc,GAAG,gBAAgB,CAAC,cAAc;CACzF,MAAM,oBAAoB,cAClB;EAAC;EAAW,eAAe;EAAY,GAAG;EAAmB,CAAC,OAAO,QAAQ,EACnF,CAAC,aAAa,GAAG,mBAAmB,CACrC;CAED,MAAM,iBAAiB,cAAc;EACnC,MAAMA,OAAY,EAAE;AACpB,SAAO,QAAQ;GACb,GAAGC;GACH,KAAKC;GACL,MAAM,UACJ,oBAACC;IACC,GAAI;IACW;IACf,cAAc;KACd;GAEJ,OAAOC;GACP,GAAG;GACJ,CAAC,CAAC,SAAS,CAAC,KAAK,YAAiB;AACjC,QAAK,QAAQ,UAAe,oBAAC,UAAO,GAAI,QAAS;IACjD;AACF,SAAO;IACN;EAAC;EAAY;EAAe;EAAsB,CAAC;AAEtD,iBAAgB;AACd,MAAI,CAAC,eAAgB;AACrB,GAAC,YAAY;AACX,OAAI;IACF,MAAM,EAAE,SAAS,YAAY,MAAM,SAAS,gBAAgB;KAC1D,GAAG;KACH,aAAa,QAAQ,IAAI,aAAa;KACtC,eAAe;KACf,eAAe;KAChB,CAAC;AACF,wBAAoB,QAAQ;YACrBC,OAAY;AAEnB,8BACE,oBAACC;KACC,aAAa,OAAO,OAAO,QAAkB;KAC7C,OAAO;KACP,MAAK;KACL,OAAO,EACL,OAAO,QACR;MACD,CACF;AACF,YAAQ,MAAM,wBAAwB,MAAM;;MAE5C;IACH;EAAC;EAAgB;EAAmB;EAAkB,CAAC;AAE1D,KAAI,CAAC,kBAAkB,CAAC,WAAY,QAAO;AAE3C,QACE,oBAACC;EACC,WAAW,GAAG,eAAe,OAAO,OAAO,cAAc,OAAO,MAAM,UAAU;EAChF,kBAAe;EACL;EACM;EACJ;EACI;EACT;EACP,GAAI;YAEJ,oBAACC;GAAa,QAAQ;aACpB,oBAAC,cAAW,YAAY,iBAAkB;IAC7B;GACJ;EAGlB;AAED,IAAI,cAAc;AAElB,kBAAe"}

package/es/mdx/Steps/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Steps: FC<DivProps>"],"sources":["../../../src/mdx/Steps/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { FC } from 'react';\n\nimport { DivProps } from '@/types';\n\nimport { styles } from './style';\n\nconst Steps: FC<DivProps> = ({ children, className, ...rest }) => {\n  return (\n    <div className={cx(styles.container, className)} {...rest}>\n      {children}\n    </div>\n  );\n};\n\nSteps.displayName = 'MdxSteps';\n\nexport default Steps;\n"],"mappings":";;;;;;;AASA,MAAMA,SAAuB,EAAE,UAAU,WAAW,GAAG,WAAW;AAChE,QACE,oBAAC;EAAI,WAAW,GAAG,OAAO,WAAW,UAAU;EAAE,GAAI;EAClD;GACG;;AAIV,MAAM,cAAc;AAEpB,oBAAe"}
+{"version":3,"file":"index.mjs","names":["Steps: FC<DivProps>"],"sources":["../../../src/mdx/Steps/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport type { FC } from 'react';\n\nimport type { DivProps } from '@/types';\n\nimport { styles } from './style';\n\nconst Steps: FC<DivProps> = ({ children, className, ...rest }) => {\n  return (\n    <div className={cx(styles.container, className)} {...rest}>\n      {children}\n    </div>\n  );\n};\n\nSteps.displayName = 'MdxSteps';\n\nexport default Steps;\n"],"mappings":";;;;;;;AASA,MAAMA,SAAuB,EAAE,UAAU,WAAW,GAAG,WAAW;AAChE,QACE,oBAAC;EAAI,WAAW,GAAG,OAAO,WAAW,UAAU;EAAE,GAAI;EAClD;GACG;;AAIV,MAAM,cAAc;AAEpB,oBAAe"}

package/es/mdx/Tabs/Tab.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.mjs","names":["Tab: FC<TabProps>"],"sources":["../../../src/mdx/Tabs/Tab.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { FC } from 'react';\n\nimport { DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport type TabProps = DivProps;\n\nconst Tab: FC<TabProps> = ({ children, className, ...rest }) => {\n  return (\n    <div className={cx(styles.body, className)} {...rest}>\n      <div>{children}</div>\n    </div>\n  );\n};\n\nTab.displayName = 'MdxTab';\n\nexport default Tab;\n"],"mappings":";;;;;;;AAWA,MAAMA,OAAqB,EAAE,UAAU,WAAW,GAAG,WAAW;AAC9D,QACE,oBAAC;EAAI,WAAW,GAAG,OAAO,MAAM,UAAU;EAAE,GAAI;YAC9C,oBAAC,SAAK,WAAe;GACjB;;AAIV,IAAI,cAAc;AAElB,kBAAe"}
+{"version":3,"file":"Tab.mjs","names":["Tab: FC<TabProps>"],"sources":["../../../src/mdx/Tabs/Tab.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport type { FC } from 'react';\n\nimport type { DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport type TabProps = DivProps;\n\nconst Tab: FC<TabProps> = ({ children, className, ...rest }) => {\n  return (\n    <div className={cx(styles.body, className)} {...rest}>\n      <div>{children}</div>\n    </div>\n  );\n};\n\nTab.displayName = 'MdxTab';\n\nexport default Tab;\n"],"mappings":";;;;;;;AAWA,MAAMA,OAAqB,EAAE,UAAU,WAAW,GAAG,WAAW;AAC9D,QACE,oBAAC;EAAI,WAAW,GAAG,OAAO,MAAM,UAAU;EAAE,GAAI;YAC9C,oBAAC,SAAK,WAAe;GACjB;;AAIV,IAAI,cAAc;AAElB,kBAAe"}

package/es/mdx/Tabs/index.mjs

@@ -16,9 +16,9 @@ const Tabs = ({ defaultIndex = "0", items, children, className, tabNavProps = {}
 		className: cx(styles.container, className),
 		...rest,
 		children: [/* @__PURE__ */ jsx(Tabs_default$1, {
+			compact: true,
 			activeKey: activeIndex,
 			className: cx(styles.header, tabNavClassName),
-			compact: true,
 			items: items.map((item, i) => ({
 				key: String(i),
 				label: item

package/es/mdx/Tabs/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Tabs: FC<TabsProps>","Flexbox","LobeTabs"],"sources":["../../../src/mdx/Tabs/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { FC, ReactNode, useState } from 'react';\n\nimport { Flexbox, FlexboxProps } from '@/Flex';\nimport { default as LobeTabs, type TabsProps as LobeTabsProps } from '@/Tabs';\n\nimport { styles } from './style';\n\nexport interface TabsProps extends Omit<FlexboxProps, 'children'> {\n  children: ReactNode[];\n  defaultIndex?: number | string;\n  items: string[];\n  tabNavProps?: Partial<LobeTabsProps>;\n}\n\nconst Tabs: FC<TabsProps> = ({\n  defaultIndex = '0',\n  items,\n  children,\n  className,\n  tabNavProps = {},\n  ...rest\n}) => {\n  const { className: tabNavClassName, onChange, ...tabNavRest } = tabNavProps;\n  const [activeIndex, setActiveIndex] = useState<string>(String(defaultIndex));\n\n  const index = Number(activeIndex);\n\n  return (\n    <Flexbox className={cx(styles.container, className)} {...rest}>\n      <LobeTabs\n        activeKey={activeIndex}\n        className={cx(styles.header, tabNavClassName)}\n        compact\n        items={items.map((item, i) => ({\n          key: String(i),\n          label: item,\n        }))}\n        onChange={(v) => {\n          setActiveIndex(v);\n          onChange?.(v);\n        }}\n        {...tabNavRest}\n      />\n      {children?.[index] || ''}\n    </Flexbox>\n  );\n};\n\nexport default Tabs;\n"],"mappings":";;;;;;;;;;AAiBA,MAAMA,QAAuB,EAC3B,eAAe,KACf,OACA,UACA,WACA,cAAc,EAAE,EAChB,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,iBAAiB,UAAU,GAAG,eAAe;CAChE,MAAM,CAAC,aAAa,kBAAkB,SAAiB,OAAO,aAAa,CAAC;CAE5E,MAAM,QAAQ,OAAO,YAAY;AAEjC,QACE,qBAACC;EAAQ,WAAW,GAAG,OAAO,WAAW,UAAU;EAAE,GAAI;aACvD,oBAACC;GACC,WAAW;GACX,WAAW,GAAG,OAAO,QAAQ,gBAAgB;GAC7C;GACA,OAAO,MAAM,KAAK,MAAM,OAAO;IAC7B,KAAK,OAAO,EAAE;IACd,OAAO;IACR,EAAE;GACH,WAAW,MAAM;AACf,mBAAe,EAAE;AACjB,eAAW,EAAE;;GAEf,GAAI;IACJ,EACD,WAAW,UAAU;GACd;;AAId,mBAAe"}
+{"version":3,"file":"index.mjs","names":["Tabs: FC<TabsProps>","Flexbox","LobeTabs"],"sources":["../../../src/mdx/Tabs/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, type ReactNode, useState } from 'react';\n\nimport { Flexbox, type FlexboxProps } from '@/Flex';\nimport { default as LobeTabs, type TabsProps as LobeTabsProps } from '@/Tabs';\n\nimport { styles } from './style';\n\nexport interface TabsProps extends Omit<FlexboxProps, 'children'> {\n  children: ReactNode[];\n  defaultIndex?: number | string;\n  items: string[];\n  tabNavProps?: Partial<LobeTabsProps>;\n}\n\nconst Tabs: FC<TabsProps> = ({\n  defaultIndex = '0',\n  items,\n  children,\n  className,\n  tabNavProps = {},\n  ...rest\n}) => {\n  const { className: tabNavClassName, onChange, ...tabNavRest } = tabNavProps;\n  const [activeIndex, setActiveIndex] = useState<string>(String(defaultIndex));\n\n  const index = Number(activeIndex);\n\n  return (\n    <Flexbox className={cx(styles.container, className)} {...rest}>\n      <LobeTabs\n        compact\n        activeKey={activeIndex}\n        className={cx(styles.header, tabNavClassName)}\n        items={items.map((item, i) => ({\n          key: String(i),\n          label: item,\n        }))}\n        onChange={(v) => {\n          setActiveIndex(v);\n          onChange?.(v);\n        }}\n        {...tabNavRest}\n      />\n      {children?.[index] || ''}\n    </Flexbox>\n  );\n};\n\nexport default Tabs;\n"],"mappings":";;;;;;;;;;AAiBA,MAAMA,QAAuB,EAC3B,eAAe,KACf,OACA,UACA,WACA,cAAc,EAAE,EAChB,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,iBAAiB,UAAU,GAAG,eAAe;CAChE,MAAM,CAAC,aAAa,kBAAkB,SAAiB,OAAO,aAAa,CAAC;CAE5E,MAAM,QAAQ,OAAO,YAAY;AAEjC,QACE,qBAACC;EAAQ,WAAW,GAAG,OAAO,WAAW,UAAU;EAAE,GAAI;aACvD,oBAACC;GACC;GACA,WAAW;GACX,WAAW,GAAG,OAAO,QAAQ,gBAAgB;GAC7C,OAAO,MAAM,KAAK,MAAM,OAAO;IAC7B,KAAK,OAAO,EAAE;IACd,OAAO;IACR,EAAE;GACH,WAAW,MAAM;AACf,mBAAe,EAAE;AACjB,eAAW,EAAE;;GAEf,GAAI;IACJ,EACD,WAAW,UAAU;GACd;;AAId,mBAAe"}

package/es/mdx/mdxComponents/Citation/PopoverPanel.mjs

@@ -33,20 +33,21 @@ const PopoverPanel = ({ children, usePopover, title, alt, url }) => {
 	}, [url, title]);
 	return usePopover && url ? /* @__PURE__ */ jsx(Popover, {
 		arrow: false,
+		trigger: "hover",
 		content: /* @__PURE__ */ jsxs(FlexBasic_default, {
 			gap: 8,
 			children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+				horizontal: true,
 				className: styles.link,
 				gap: 12,
-				horizontal: true,
 				justify: "space-between",
 				onClick: () => {
 					window.open(url, "_blank");
 				},
 				children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+					horizontal: true,
 					align: "center",
 					gap: 4,
-					horizontal: true,
 					children: [/* @__PURE__ */ jsx("img", {
 						alt: alt || title || url,
 						height: 14,
@@ -60,7 +61,6 @@ const PopoverPanel = ({ children, usePopover, title, alt, url }) => {
 				}), /* @__PURE__ */ jsx(Icon_default, { icon: ArrowRightIcon })]
 			}), displayTitle]
 		}),
-		trigger: "hover",
 		children
 	}) : children;
 };

package/es/mdx/mdxComponents/Citation/PopoverPanel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverPanel.mjs","names":["PopoverPanel: FC<PopoverPanelProps>","displayTitle","domain","Flexbox","Icon"],"sources":["../../../../src/mdx/mdxComponents/Citation/PopoverPanel.tsx"],"sourcesContent":["'use client';\n\nimport { Popover } from 'antd';\nimport { ArrowRightIcon } from 'lucide-react';\nimport { type FC, type ReactNode, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { styles } from './style';\n\ninterface PopoverPanelProps {\n  alt?: string;\n  children?: ReactNode;\n  title?: string;\n  url?: string;\n  usePopover?: boolean;\n}\n\nconst PopoverPanel: FC<PopoverPanelProps> = ({ children, usePopover, title, alt, url }) => {\n  const [displayTitle, domain, host] = useMemo(() => {\n    try {\n      const urlObj = new URL(url!);\n      const hostForUrl = urlObj.host;\n\n      let displayTitle = title;\n\n      if (title === url) {\n        displayTitle = '';\n      }\n\n      let domain = urlObj.hostname.replace('www.', '');\n      if (!displayTitle) domain = url!;\n\n      return [displayTitle, domain, hostForUrl];\n    } catch {\n      return [title, url, url];\n    }\n  }, [url, title]);\n\n  return usePopover && url ? (\n    <Popover\n      arrow={false}\n      content={\n        <Flexbox gap={8}>\n          <Flexbox\n            className={styles.link}\n            gap={12}\n            horizontal\n            justify={'space-between'}\n            onClick={() => {\n              window.open(url, '_blank');\n            }}\n          >\n            <Flexbox align={'center'} gap={4} horizontal>\n              <img\n                alt={alt || title || url}\n                height={14}\n                src={`https://icons.duckduckgo.com/ip3/${host}.ico`}\n                style={{ borderRadius: 4 }}\n                width={14}\n              />\n              <span className={styles.url}>{domain}</span>\n            </Flexbox>\n            <Icon icon={ArrowRightIcon} />\n          </Flexbox>\n          {displayTitle}\n        </Flexbox>\n      }\n      trigger={'hover'}\n    >\n      {children}\n    </Popover>\n  ) : (\n    children\n  );\n};\n\nPopoverPanel.displayName = 'MdxPopoverPanel';\n\nexport default PopoverPanel;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAMA,gBAAuC,EAAE,UAAU,YAAY,OAAO,KAAK,UAAU;CACzF,MAAM,CAAC,cAAc,QAAQ,QAAQ,cAAc;AACjD,MAAI;GACF,MAAM,SAAS,IAAI,IAAI,IAAK;GAC5B,MAAM,aAAa,OAAO;GAE1B,IAAIC,iBAAe;AAEnB,OAAI,UAAU,IACZ,kBAAe;GAGjB,IAAIC,WAAS,OAAO,SAAS,QAAQ,QAAQ,GAAG;AAChD,OAAI,CAACD,eAAc,YAAS;AAE5B,UAAO;IAACA;IAAcC;IAAQ;IAAW;UACnC;AACN,UAAO;IAAC;IAAO;IAAK;IAAI;;IAEzB,CAAC,KAAK,MAAM,CAAC;AAEhB,QAAO,cAAc,MACnB,oBAAC;EACC,OAAO;EACP,SACE,qBAACC;GAAQ,KAAK;cACZ,qBAACA;IACC,WAAW,OAAO;IAClB,KAAK;IACL;IACA,SAAS;IACT,eAAe;AACb,YAAO,KAAK,KAAK,SAAS;;eAG5B,qBAACA;KAAQ,OAAO;KAAU,KAAK;KAAG;gBAChC,oBAAC;MACC,KAAK,OAAO,SAAS;MACrB,QAAQ;MACR,KAAK,oCAAoC,KAAK;MAC9C,OAAO,EAAE,cAAc,GAAG;MAC1B,OAAO;OACP,EACF,oBAAC;MAAK,WAAW,OAAO;gBAAM;OAAc;MACpC,EACV,oBAACC,gBAAK,MAAM,iBAAkB;KACtB,EACT;IACO;EAEZ,SAAS;EAER;GACO,GAEV;;AAIJ,aAAa,cAAc;AAE3B,2BAAe"}
+{"version":3,"file":"PopoverPanel.mjs","names":["PopoverPanel: FC<PopoverPanelProps>","displayTitle","domain","Flexbox","Icon"],"sources":["../../../../src/mdx/mdxComponents/Citation/PopoverPanel.tsx"],"sourcesContent":["'use client';\n\nimport { Popover } from 'antd';\nimport { ArrowRightIcon } from 'lucide-react';\nimport { type FC, type ReactNode, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { styles } from './style';\n\ninterface PopoverPanelProps {\n  alt?: string;\n  children?: ReactNode;\n  title?: string;\n  url?: string;\n  usePopover?: boolean;\n}\n\nconst PopoverPanel: FC<PopoverPanelProps> = ({ children, usePopover, title, alt, url }) => {\n  const [displayTitle, domain, host] = useMemo(() => {\n    try {\n      const urlObj = new URL(url!);\n      const hostForUrl = urlObj.host;\n\n      let displayTitle = title;\n\n      if (title === url) {\n        displayTitle = '';\n      }\n\n      let domain = urlObj.hostname.replace('www.', '');\n      if (!displayTitle) domain = url!;\n\n      return [displayTitle, domain, hostForUrl];\n    } catch {\n      return [title, url, url];\n    }\n  }, [url, title]);\n\n  return usePopover && url ? (\n    <Popover\n      arrow={false}\n      trigger={'hover'}\n      content={\n        <Flexbox gap={8}>\n          <Flexbox\n            horizontal\n            className={styles.link}\n            gap={12}\n            justify={'space-between'}\n            onClick={() => {\n              window.open(url, '_blank');\n            }}\n          >\n            <Flexbox horizontal align={'center'} gap={4}>\n              <img\n                alt={alt || title || url}\n                height={14}\n                src={`https://icons.duckduckgo.com/ip3/${host}.ico`}\n                style={{ borderRadius: 4 }}\n                width={14}\n              />\n              <span className={styles.url}>{domain}</span>\n            </Flexbox>\n            <Icon icon={ArrowRightIcon} />\n          </Flexbox>\n          {displayTitle}\n        </Flexbox>\n      }\n    >\n      {children}\n    </Popover>\n  ) : (\n    children\n  );\n};\n\nPopoverPanel.displayName = 'MdxPopoverPanel';\n\nexport default PopoverPanel;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAMA,gBAAuC,EAAE,UAAU,YAAY,OAAO,KAAK,UAAU;CACzF,MAAM,CAAC,cAAc,QAAQ,QAAQ,cAAc;AACjD,MAAI;GACF,MAAM,SAAS,IAAI,IAAI,IAAK;GAC5B,MAAM,aAAa,OAAO;GAE1B,IAAIC,iBAAe;AAEnB,OAAI,UAAU,IACZ,kBAAe;GAGjB,IAAIC,WAAS,OAAO,SAAS,QAAQ,QAAQ,GAAG;AAChD,OAAI,CAACD,eAAc,YAAS;AAE5B,UAAO;IAACA;IAAcC;IAAQ;IAAW;UACnC;AACN,UAAO;IAAC;IAAO;IAAK;IAAI;;IAEzB,CAAC,KAAK,MAAM,CAAC;AAEhB,QAAO,cAAc,MACnB,oBAAC;EACC,OAAO;EACP,SAAS;EACT,SACE,qBAACC;GAAQ,KAAK;cACZ,qBAACA;IACC;IACA,WAAW,OAAO;IAClB,KAAK;IACL,SAAS;IACT,eAAe;AACb,YAAO,KAAK,KAAK,SAAS;;eAG5B,qBAACA;KAAQ;KAAW,OAAO;KAAU,KAAK;gBACxC,oBAAC;MACC,KAAK,OAAO,SAAS;MACrB,QAAQ;MACR,KAAK,oCAAoC,KAAK;MAC9C,OAAO,EAAE,cAAc,GAAG;MAC1B,OAAO;OACP,EACF,oBAAC;MAAK,WAAW,OAAO;gBAAM;OAAc;MACpC,EACV,oBAACC,gBAAK,MAAM,iBAAkB;KACtB,EACT;IACO;EAGX;GACO,GAEV;;AAIJ,aAAa,cAAc;AAE3B,2BAAe"}

package/es/mdx/mdxComponents/Citation/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Citation: FC<CitationProps>","PopoverPanel"],"sources":["../../../../src/mdx/mdxComponents/Citation/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { isEmpty } from 'es-toolkit/compat';\nimport type { FC, ReactNode } from 'react';\n\nimport PopoverPanel from '@/mdx/mdxComponents/Citation/PopoverPanel';\nimport { CitationItem } from '@/types/citation';\n\nimport { styles } from './style';\n\ninterface CitationProps {\n  children?: ReactNode;\n  citationDetail?: CitationItem;\n  citations?: string[];\n  href?: string;\n  id: string;\n  inSup?: boolean;\n}\n\nconst Citation: FC<CitationProps> = ({ children, href, inSup, id, citationDetail }) => {\n  const usePopover = !isEmpty(citationDetail);\n  const url = citationDetail?.url || href;\n\n  // [^1] 格式类型\n  if (inSup) {\n    return (\n      <PopoverPanel {...citationDetail} usePopover={usePopover}>\n        <span className={styles.container}>\n          <a\n            aria-describedby=\"footnote-label\"\n            data-footnote-ref=\"true\"\n            href={url}\n            id={id}\n            rel=\"noreferrer\"\n            target={citationDetail?.url ? '_blank' : undefined}\n          >\n            {children}\n          </a>\n        </span>\n      </PopoverPanel>\n    );\n  }\n\n  return (\n    <PopoverPanel {...citationDetail} usePopover={usePopover}>\n      <sup className={cx(styles.container, styles.supContainer)}>\n        {url ? (\n          <a\n            aria-describedby=\"footnote-label\"\n            data-footnote-ref={true}\n            href={url}\n            rel=\"noreferrer\"\n            target={'_blank'}\n          >\n            {children}\n          </a>\n        ) : (\n          <span aria-describedby=\"footnote-label\" data-footnote-ref={true}>\n            {children}\n          </span>\n        )}\n      </sup>\n    </PopoverPanel>\n  );\n};\n\nCitation.displayName = 'MdxCitation';\n\nexport default Citation;\n"],"mappings":";;;;;;;;;AAoBA,MAAMA,YAA+B,EAAE,UAAU,MAAM,OAAO,IAAI,qBAAqB;CACrF,MAAM,aAAa,CAAC,QAAQ,eAAe;CAC3C,MAAM,MAAM,gBAAgB,OAAO;AAGnC,KAAI,MACF,QACE,oBAACC;EAAa,GAAI;EAA4B;YAC5C,oBAAC;GAAK,WAAW,OAAO;aACtB,oBAAC;IACC,oBAAiB;IACjB,qBAAkB;IAClB,MAAM;IACF;IACJ,KAAI;IACJ,QAAQ,gBAAgB,MAAM,WAAW;IAExC;KACC;IACC;GACM;AAInB,QACE,oBAACA;EAAa,GAAI;EAA4B;YAC5C,oBAAC;GAAI,WAAW,GAAG,OAAO,WAAW,OAAO,aAAa;aACtD,MACC,oBAAC;IACC,oBAAiB;IACjB,qBAAmB;IACnB,MAAM;IACN,KAAI;IACJ,QAAQ;IAEP;KACC,GAEJ,oBAAC;IAAK,oBAAiB;IAAiB,qBAAmB;IACxD;KACI;IAEL;GACO;;AAInB,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"index.mjs","names":["Citation: FC<CitationProps>","PopoverPanel"],"sources":["../../../../src/mdx/mdxComponents/Citation/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { isEmpty } from 'es-toolkit/compat';\nimport type { FC, ReactNode } from 'react';\n\nimport PopoverPanel from '@/mdx/mdxComponents/Citation/PopoverPanel';\nimport type { CitationItem } from '@/types/citation';\n\nimport { styles } from './style';\n\ninterface CitationProps {\n  children?: ReactNode;\n  citationDetail?: CitationItem;\n  citations?: string[];\n  href?: string;\n  id: string;\n  inSup?: boolean;\n}\n\nconst Citation: FC<CitationProps> = ({ children, href, inSup, id, citationDetail }) => {\n  const usePopover = !isEmpty(citationDetail);\n  const url = citationDetail?.url || href;\n\n  // [^1] 格式类型\n  if (inSup) {\n    return (\n      <PopoverPanel {...citationDetail} usePopover={usePopover}>\n        <span className={styles.container}>\n          <a\n            aria-describedby=\"footnote-label\"\n            data-footnote-ref=\"true\"\n            href={url}\n            id={id}\n            rel=\"noreferrer\"\n            target={citationDetail?.url ? '_blank' : undefined}\n          >\n            {children}\n          </a>\n        </span>\n      </PopoverPanel>\n    );\n  }\n\n  return (\n    <PopoverPanel {...citationDetail} usePopover={usePopover}>\n      <sup className={cx(styles.container, styles.supContainer)}>\n        {url ? (\n          <a\n            aria-describedby=\"footnote-label\"\n            data-footnote-ref={true}\n            href={url}\n            rel=\"noreferrer\"\n            target={'_blank'}\n          >\n            {children}\n          </a>\n        ) : (\n          <span aria-describedby=\"footnote-label\" data-footnote-ref={true}>\n            {children}\n          </span>\n        )}\n      </sup>\n    </PopoverPanel>\n  );\n};\n\nCitation.displayName = 'MdxCitation';\n\nexport default Citation;\n"],"mappings":";;;;;;;;;AAoBA,MAAMA,YAA+B,EAAE,UAAU,MAAM,OAAO,IAAI,qBAAqB;CACrF,MAAM,aAAa,CAAC,QAAQ,eAAe;CAC3C,MAAM,MAAM,gBAAgB,OAAO;AAGnC,KAAI,MACF,QACE,oBAACC;EAAa,GAAI;EAA4B;YAC5C,oBAAC;GAAK,WAAW,OAAO;aACtB,oBAAC;IACC,oBAAiB;IACjB,qBAAkB;IAClB,MAAM;IACF;IACJ,KAAI;IACJ,QAAQ,gBAAgB,MAAM,WAAW;IAExC;KACC;IACC;GACM;AAInB,QACE,oBAACA;EAAa,GAAI;EAA4B;YAC5C,oBAAC;GAAI,WAAW,GAAG,OAAO,WAAW,OAAO,aAAa;aACtD,MACC,oBAAC;IACC,oBAAiB;IACjB,qBAAmB;IACnB,MAAM;IACN,KAAI;IACJ,QAAQ;IAEP;KACC,GAEJ,oBAAC;IAAK,oBAAiB;IAAiB,qBAAmB;IACxD;KACI;IAEL;GACO;;AAInB,SAAS,cAAc;AAEvB,uBAAe"}

package/es/mdx/mdxComponents/Link.mjs

@@ -8,10 +8,10 @@ import { jsx } from "react/jsx-runtime";
 //#region src/mdx/mdxComponents/Link.tsx
 const Link = ({ href, target, citations, ...rest }) => {
 	if (rest["data-footnote-ref"]) return /* @__PURE__ */ jsx(Citation_default, {
+		inSup: true,
 		citationDetail: safeParseJSON(rest["data-link"]),
 		href,
 		id: rest.id,
-		inSup: true,
 		children: rest.children
 	});
 	const match = href?.match(/citation-(\d+)/);

package/es/mdx/mdxComponents/Link.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.mjs","names":["Link: FC<LinkProps>","Citation","A"],"sources":["../../../src/mdx/mdxComponents/Link.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\n\nimport A from '@/A';\nimport type { AProps } from '@/types';\nimport type { CitationItem } from '@/types/citation';\nimport { safeParseJSON } from '@/utils/safeParseJSON';\n\nimport Citation from './Citation';\n\nexport interface LinkProps extends AProps {\n  'aria-describedby'?: string;\n  'citations'?: CitationItem[];\n  'data-footnote-ref'?: boolean;\n  'data-link'?: string;\n  'id'?: string;\n  'node'?: any;\n}\n\nconst Link: FC<LinkProps> = ({ href, target, citations, ...rest }) => {\n  // [^1] 格式类型\n  if (rest['data-footnote-ref']) {\n    return (\n      <Citation citationDetail={safeParseJSON(rest['data-link'])} href={href} id={rest.id!} inSup>\n        {rest.children}\n      </Citation>\n    );\n  }\n\n  // [1] 格式类型，搭配 citations 注入\n  const match = href?.match(/citation-(\\d+)/);\n\n  if (match) {\n    const index = Number.parseInt(match[1]) - 1;\n\n    const detail = citations?.[index];\n\n    return (\n      <Citation citationDetail={detail} id={match[1]}>\n        {match[1]}\n      </Citation>\n    );\n  }\n\n  const isNewWindow = href?.startsWith('http');\n\n  return <A href={href} target={target || isNewWindow ? '_blank' : undefined} {...rest} />;\n};\n\nLink.displayName = 'MdxLink';\n\nexport default Link;\n"],"mappings":";;;;;;;;AAoBA,MAAMA,QAAuB,EAAE,MAAM,QAAQ,WAAW,GAAG,WAAW;AAEpE,KAAI,KAAK,qBACP,QACE,oBAACC;EAAS,gBAAgB,cAAc,KAAK,aAAa;EAAQ;EAAM,IAAI,KAAK;EAAK;YACnF,KAAK;GACG;CAKf,MAAM,QAAQ,MAAM,MAAM,iBAAiB;AAE3C,KAAI,OAAO;EACT,MAAM,QAAQ,OAAO,SAAS,MAAM,GAAG,GAAG;EAE1C,MAAM,SAAS,YAAY;AAE3B,SACE,oBAACA;GAAS,gBAAgB;GAAQ,IAAI,MAAM;aACzC,MAAM;IACE;;CAIf,MAAM,cAAc,MAAM,WAAW,OAAO;AAE5C,QAAO,oBAACC;EAAQ;EAAM,QAAQ,UAAU,cAAc,WAAW;EAAW,GAAI;GAAQ;;AAG1F,KAAK,cAAc;AAEnB,mBAAe"}
+{"version":3,"file":"Link.mjs","names":["Link: FC<LinkProps>","Citation","A"],"sources":["../../../src/mdx/mdxComponents/Link.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\n\nimport A from '@/A';\nimport type { AProps } from '@/types';\nimport type { CitationItem } from '@/types/citation';\nimport { safeParseJSON } from '@/utils/safeParseJSON';\n\nimport Citation from './Citation';\n\nexport interface LinkProps extends AProps {\n  'aria-describedby'?: string;\n  'citations'?: CitationItem[];\n  'data-footnote-ref'?: boolean;\n  'data-link'?: string;\n  'id'?: string;\n  'node'?: any;\n}\n\nconst Link: FC<LinkProps> = ({ href, target, citations, ...rest }) => {\n  // [^1] 格式类型\n  if (rest['data-footnote-ref']) {\n    return (\n      <Citation inSup citationDetail={safeParseJSON(rest['data-link'])} href={href} id={rest.id!}>\n        {rest.children}\n      </Citation>\n    );\n  }\n\n  // [1] 格式类型，搭配 citations 注入\n  const match = href?.match(/citation-(\\d+)/);\n\n  if (match) {\n    const index = Number.parseInt(match[1]) - 1;\n\n    const detail = citations?.[index];\n\n    return (\n      <Citation citationDetail={detail} id={match[1]}>\n        {match[1]}\n      </Citation>\n    );\n  }\n\n  const isNewWindow = href?.startsWith('http');\n\n  return <A href={href} target={target || isNewWindow ? '_blank' : undefined} {...rest} />;\n};\n\nLink.displayName = 'MdxLink';\n\nexport default Link;\n"],"mappings":";;;;;;;;AAoBA,MAAMA,QAAuB,EAAE,MAAM,QAAQ,WAAW,GAAG,WAAW;AAEpE,KAAI,KAAK,qBACP,QACE,oBAACC;EAAS;EAAM,gBAAgB,cAAc,KAAK,aAAa;EAAQ;EAAM,IAAI,KAAK;YACpF,KAAK;GACG;CAKf,MAAM,QAAQ,MAAM,MAAM,iBAAiB;AAE3C,KAAI,OAAO;EACT,MAAM,QAAQ,OAAO,SAAS,MAAM,GAAG,GAAG;EAE1C,MAAM,SAAS,YAAY;AAE3B,SACE,oBAACA;GAAS,gBAAgB;GAAQ,IAAI,MAAM;aACzC,MAAM;IACE;;CAIf,MAAM,cAAc,MAAM,WAAW,OAAO;AAE5C,QAAO,oBAACC;EAAQ;EAAM,QAAQ,UAAU,cAAc,WAAW;EAAW,GAAI;GAAQ;;AAG1F,KAAK,cAAc;AAEnB,mBAAe"}

package/es/mobile/ChatHeader/ChatHeader.mjs

@@ -18,18 +18,18 @@ const ChatHeader = memo(({ ref, className, safeArea = true, style, center, left,
 		style,
 		...rest,
 		children: [safeArea && /* @__PURE__ */ jsx(SafeArea_default, { position: "top" }), /* @__PURE__ */ jsxs(FlexBasic_default, {
+			horizontal: true,
 			align: "center",
 			className: styles.inner,
 			flex: 1,
-			horizontal: true,
 			justify: "space-between",
 			children: [
 				/* @__PURE__ */ jsxs(FlexBasic_default, {
+					horizontal: true,
 					align: "center",
 					className: cx(styles.left, classNames?.left),
 					flex: 1,
 					gap: gaps?.left,
-					horizontal: true,
 					style: custmStyles?.left,
 					children: [showBackButton && /* @__PURE__ */ jsx(ActionIcon_default, {
 						icon: ChevronLeft,
@@ -37,21 +37,21 @@ const ChatHeader = memo(({ ref, className, safeArea = true, style, center, left,
 					}), left]
 				}),
 				/* @__PURE__ */ jsxs(FlexBasic_default, {
+					horizontal: true,
 					align: "center",
 					className: cx(styles.center, classNames?.center),
 					flex: 1,
 					gap: gaps?.center,
-					horizontal: true,
 					justify: "center",
 					style: custmStyles?.center,
 					children: [children, center]
 				}),
 				/* @__PURE__ */ jsx(FlexBasic_default, {
+					horizontal: true,
 					align: "center",
 					className: cx(styles.right, classNames?.right),
 					flex: 1,
 					gap: gaps?.right,
-					horizontal: true,
 					style: custmStyles?.right,
 					children: right
 				})

package/es/mobile/ChatHeader/ChatHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHeader.mjs","names":["Flexbox","MobileSafeArea","ActionIcon"],"sources":["../../../src/mobile/ChatHeader/ChatHeader.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronLeft } from 'lucide-react';\nimport { memo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport MobileSafeArea from '@/mobile/SafeArea';\n\nimport { styles } from './style';\nimport { ChatHeaderProps } from './type';\n\nconst ChatHeader = memo<ChatHeaderProps>(\n  ({\n    ref,\n    className,\n    safeArea = true,\n    style,\n    center,\n    left,\n    right,\n    gaps,\n    classNames,\n    onBackClick,\n    showBackButton,\n    styles: custmStyles,\n    children,\n    ...rest\n  }) => {\n    return (\n      <Flexbox\n        as={'header'}\n        className={cx(styles.container, className)}\n        ref={ref}\n        style={style}\n        {...rest}\n      >\n        {safeArea && <MobileSafeArea position={'top'} />}\n        <Flexbox\n          align={'center'}\n          className={styles.inner}\n          flex={1}\n          horizontal\n          justify={'space-between'}\n        >\n          <Flexbox\n            align={'center'}\n            className={cx(styles.left, classNames?.left)}\n            flex={1}\n            gap={gaps?.left}\n            horizontal\n            style={custmStyles?.left}\n          >\n            {showBackButton && <ActionIcon icon={ChevronLeft} onClick={() => onBackClick?.()} />}\n            {left}\n          </Flexbox>\n          <Flexbox\n            align={'center'}\n            className={cx(styles.center, classNames?.center)}\n            flex={1}\n            gap={gaps?.center}\n            horizontal\n            justify={'center'}\n            style={custmStyles?.center}\n          >\n            {children}\n            {center}\n          </Flexbox>\n          <Flexbox\n            align={'center'}\n            className={cx(styles.right, classNames?.right)}\n            flex={1}\n            gap={gaps?.right}\n            horizontal\n            style={custmStyles?.right}\n          >\n            {right}\n          </Flexbox>\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nChatHeader.displayName = 'ChatHeader';\n\nexport default ChatHeader;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,aAAa,MAChB,EACC,KACA,WACA,WAAW,MACX,OACA,QACA,MACA,OACA,MACA,YACA,aACA,gBACA,QAAQ,aACR,UACA,GAAG,WACC;AACJ,QACE,qBAACA;EACC,IAAI;EACJ,WAAW,GAAG,OAAO,WAAW,UAAU;EACrC;EACE;EACP,GAAI;aAEH,YAAY,oBAACC,oBAAe,UAAU,QAAS,EAChD,qBAACD;GACC,OAAO;GACP,WAAW,OAAO;GAClB,MAAM;GACN;GACA,SAAS;;IAET,qBAACA;KACC,OAAO;KACP,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;KAC5C,MAAM;KACN,KAAK,MAAM;KACX;KACA,OAAO,aAAa;gBAEnB,kBAAkB,oBAACE;MAAW,MAAM;MAAa,eAAe,eAAe;OAAI,EACnF;MACO;IACV,qBAACF;KACC,OAAO;KACP,WAAW,GAAG,OAAO,QAAQ,YAAY,OAAO;KAChD,MAAM;KACN,KAAK,MAAM;KACX;KACA,SAAS;KACT,OAAO,aAAa;gBAEnB,UACA;MACO;IACV,oBAACA;KACC,OAAO;KACP,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;KAC9C,MAAM;KACN,KAAK,MAAM;KACX;KACA,OAAO,aAAa;eAEnB;MACO;;IACF;GACF;EAGf;AAED,WAAW,cAAc;AAEzB,yBAAe"}
+{"version":3,"file":"ChatHeader.mjs","names":["Flexbox","MobileSafeArea","ActionIcon"],"sources":["../../../src/mobile/ChatHeader/ChatHeader.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronLeft } from 'lucide-react';\nimport { memo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport MobileSafeArea from '@/mobile/SafeArea';\n\nimport { styles } from './style';\nimport type { ChatHeaderProps } from './type';\n\nconst ChatHeader = memo<ChatHeaderProps>(\n  ({\n    ref,\n    className,\n    safeArea = true,\n    style,\n    center,\n    left,\n    right,\n    gaps,\n    classNames,\n    onBackClick,\n    showBackButton,\n    styles: custmStyles,\n    children,\n    ...rest\n  }) => {\n    return (\n      <Flexbox\n        as={'header'}\n        className={cx(styles.container, className)}\n        ref={ref}\n        style={style}\n        {...rest}\n      >\n        {safeArea && <MobileSafeArea position={'top'} />}\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={styles.inner}\n          flex={1}\n          justify={'space-between'}\n        >\n          <Flexbox\n            horizontal\n            align={'center'}\n            className={cx(styles.left, classNames?.left)}\n            flex={1}\n            gap={gaps?.left}\n            style={custmStyles?.left}\n          >\n            {showBackButton && <ActionIcon icon={ChevronLeft} onClick={() => onBackClick?.()} />}\n            {left}\n          </Flexbox>\n          <Flexbox\n            horizontal\n            align={'center'}\n            className={cx(styles.center, classNames?.center)}\n            flex={1}\n            gap={gaps?.center}\n            justify={'center'}\n            style={custmStyles?.center}\n          >\n            {children}\n            {center}\n          </Flexbox>\n          <Flexbox\n            horizontal\n            align={'center'}\n            className={cx(styles.right, classNames?.right)}\n            flex={1}\n            gap={gaps?.right}\n            style={custmStyles?.right}\n          >\n            {right}\n          </Flexbox>\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nChatHeader.displayName = 'ChatHeader';\n\nexport default ChatHeader;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,aAAa,MAChB,EACC,KACA,WACA,WAAW,MACX,OACA,QACA,MACA,OACA,MACA,YACA,aACA,gBACA,QAAQ,aACR,UACA,GAAG,WACC;AACJ,QACE,qBAACA;EACC,IAAI;EACJ,WAAW,GAAG,OAAO,WAAW,UAAU;EACrC;EACE;EACP,GAAI;aAEH,YAAY,oBAACC,oBAAe,UAAU,QAAS,EAChD,qBAACD;GACC;GACA,OAAO;GACP,WAAW,OAAO;GAClB,MAAM;GACN,SAAS;;IAET,qBAACA;KACC;KACA,OAAO;KACP,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;KAC5C,MAAM;KACN,KAAK,MAAM;KACX,OAAO,aAAa;gBAEnB,kBAAkB,oBAACE;MAAW,MAAM;MAAa,eAAe,eAAe;OAAI,EACnF;MACO;IACV,qBAACF;KACC;KACA,OAAO;KACP,WAAW,GAAG,OAAO,QAAQ,YAAY,OAAO;KAChD,MAAM;KACN,KAAK,MAAM;KACX,SAAS;KACT,OAAO,aAAa;gBAEnB,UACA;MACO;IACV,oBAACA;KACC;KACA,OAAO;KACP,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;KAC9C,MAAM;KACN,KAAK,MAAM;KACX,OAAO,aAAa;eAEnB;MACO;;IACF;GACF;EAGf;AAED,WAAW,cAAc;AAEzB,yBAAe"}