@lobehub/ui 5.6.2 → 5.6.4

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 { 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"}
+{"version":3,"file":"index.mjs","names":["Flexbox"],"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,MAAM,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,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,OAAO;GACO;GACZ,WAAW,aAAa,WAAW;GACnC;GACA,GAAG;GACJ;EACD,GAAI;YAVN,CAYE,oBAAC,MAAD;GAAY;GAAM,MAAM,EAAE,MAAM,SAAS;GAAE,OAAO,EAAE,aAAa,UAAU;GAAI,CAAA,EAC/E,oBAAC,OAAD;GAAK,WAAW,GAAG,OAAO,SAAS,SAAS,UAAU,OAAO,gBAAgB;aAC3E,oBAAC,OAAD,EAAM,UAAe,CAAA;GACjB,CAAA,CACE;;;AAId,QAAQ,cAAc"}

package/es/mdx/Callout/style.mjs

@@ -1,9 +1,8 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/mdx/Callout/style.ts
-const styles = createStaticStyles(({ css: css$1 }) => {
+const styles = createStaticStyles(({ css }) => {
 	return {
-		container: css$1`
+		container: css`
       --lobe-markdown-margin-multiple: 1;
 
       overflow: hidden;
@@ -14,7 +13,7 @@ const styles = createStaticStyles(({ css: css$1 }) => {
       padding-inline: 1em;
       border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
     `,
-		content: css$1`
+		content: css`
       margin-block: calc(var(--lobe-markdown-margin-multiple) * -1em);
 
       > div {
@@ -25,14 +24,14 @@ const styles = createStaticStyles(({ css: css$1 }) => {
         color: inherit !important;
       }
     `,
-		underlineAnchor: css$1`
+		underlineAnchor: css`
       a {
         text-decoration: underline;
       }
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mdx/Callout/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    container: css`\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n      gap: 0.75em;\n\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-inline: 1em;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n    `,\n    content: css`\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * -1em);\n\n      > div {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      }\n\n      p {\n        color: inherit !important;\n      }\n    `,\n    underlineAnchor: css`\n      a {\n        text-decoration: underline;\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,iBAAU;AACpD,QAAO;EACL,WAAW,KAAG;;;;;;;;;;;EAWd,SAAS,KAAG;;;;;;;;;;;EAWZ,iBAAiB,KAAG;;;;;EAKrB;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mdx/Callout/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    container: css`\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n      gap: 0.75em;\n\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-inline: 1em;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n    `,\n    content: css`\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * -1em);\n\n      > div {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      }\n\n      p {\n        color: inherit !important;\n      }\n    `,\n    underlineAnchor: css`\n      a {\n        text-decoration: underline;\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO;EACL,WAAW,GAAG;;;;;;;;;;;EAWd,SAAS,GAAG;;;;;;;;;;;EAWZ,iBAAiB,GAAG;;;;;EAKrB;EACD"}

package/es/mdx/Cards/Card.d.mts

@@ -1,9 +1,6 @@
 import { BlockProps } from "../../Block/type.mjs";
-import "../../Block/index.mjs";
 import { IconProps } from "../../Icon/type.mjs";
-import "../../Icon/index.mjs";
 import { TagProps } from "../../Tag/type.mjs";
-import "../../Tag/index.mjs";
 import { FC } from "react";
 
 //#region src/mdx/Cards/Card.d.ts

package/es/mdx/Cards/Card.mjs

@@ -1,24 +1,22 @@
-'use client';
-
-import A_default from "../../A/index.mjs";
+"use client";
+import A from "../../A/index.mjs";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import Block_default from "../../Block/Block.mjs";
-import Icon_default from "../../Icon/Icon.mjs";
-import Img_default from "../../Img/index.mjs";
-import Tag_default from "../../Tag/Tag.mjs";
+import Block from "../../Block/Block.mjs";
+import Icon from "../../Icon/Icon.mjs";
+import Img from "../../Img/index.mjs";
+import Tag from "../../Tag/Tag.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createStaticStyles, cx } from "antd-style";
-
 //#region src/mdx/Cards/Card.tsx
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		card: css$1`
+		card: css`
       --lobe-markdown-header-multiple: 0.2;
       --lobe-markdown-margin-multiple: 1;
 
       overflow: hidden;
       height: 100%;
-      color: ${cssVar$1.colorText};
+      color: ${cssVar.colorText};
 
       h3,
       p {
@@ -26,13 +24,13 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       }
 
       p {
-        color: ${cssVar$1.colorTextDescription};
-        transition: color 0.2s ${cssVar$1.motionEaseInOut};
+        color: ${cssVar.colorTextDescription};
+        transition: color 0.2s ${cssVar.motionEaseInOut};
       }
 
       &:hover {
         p {
-          color: ${cssVar$1.colorTextSecondary};
+          color: ${cssVar.colorTextSecondary};
         }
 
         .mdx-card-icon {
@@ -40,28 +38,28 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         }
       }
     `,
-		content: css$1`
+		content: css`
       width: 100%;
       padding: 1.4em;
     `,
-		icon: css$1`
+		icon: css`
       margin-block: 0.1em;
       opacity: 0.5;
-      transition: opacity 0.2s ${cssVar$1.motionEaseInOut};
+      transition: opacity 0.2s ${cssVar.motionEaseInOut};
     `
 	};
 });
 const Card = ({ tag, tagColor = "blue", icon, title, desc, href, iconProps, className, image, variant = "filled", ...rest }) => {
-	return /* @__PURE__ */ jsx(A_default, {
+	return /* @__PURE__ */ jsx(A, {
 		href,
-		children: /* @__PURE__ */ jsxs(Block_default, {
+		children: /* @__PURE__ */ jsxs(Block, {
 			clickable: true,
 			align: "flex-start",
 			className: cx(styles.card, className),
 			variant,
 			...rest,
 			children: [
-				image && /* @__PURE__ */ jsx(Img_default, {
+				image && /* @__PURE__ */ jsx(Img, {
 					alt: title,
 					height: 100,
 					src: image,
@@ -78,7 +76,7 @@ const Card = ({ tag, tagColor = "blue", icon, title, desc, href, iconProps, clas
 						paddingBottom: "0.2em",
 						paddingTop: "1.8em"
 					},
-					children: /* @__PURE__ */ jsx(Tag_default, {
+					children: /* @__PURE__ */ jsx(Tag, {
 						color: tagColor,
 						style: {
 							borderRadius: "1em",
@@ -95,7 +93,7 @@ const Card = ({ tag, tagColor = "blue", icon, title, desc, href, iconProps, clas
 					align: desc ? "flex-start" : "center",
 					className: styles.content,
 					gap: "0.75em",
-					children: [!image && icon && /* @__PURE__ */ jsx(Icon_default, {
+					children: [!image && icon && /* @__PURE__ */ jsx(Icon, {
 						className: cx(styles.icon, "mdx-card-icon"),
 						icon,
 						size: { size: "1.5em" },
@@ -110,8 +108,7 @@ const Card = ({ tag, tagColor = "blue", icon, title, desc, href, iconProps, clas
 	});
 };
 Card.displayName = "MdxCard";
-var Card_default = Card;
-
 //#endregion
-export { Card_default as default };
+export { Card as default };
+
 //# sourceMappingURL=Card.mjs.map

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 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"}
+{"version":3,"file":"Card.mjs","names":["Flexbox"],"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,KAAK,aAAa;AACrD,QAAO;EACL,MAAM,GAAG;;;;;;eAME,OAAO,UAAU;;;;;;;;iBAQf,OAAO,qBAAqB;iCACZ,OAAO,gBAAgB;;;;;mBAKrC,OAAO,mBAAmB;;;;;;;;EAQzC,SAAS,GAAG;;;;EAIZ,MAAM,GAAG;;;iCAGoB,OAAO,gBAAgB;;EAErD;EACD;AAaF,MAAM,QAAuB,EAC3B,KACA,WAAW,QACX,MACA,OACA,MACA,MACA,WACA,WACA,OACA,UAAU,UACV,GAAG,WACC;AACJ,QACE,oBAAC,GAAD;EAAS;YACP,qBAAC,OAAD;GACE,WAAA;GACA,OAAO;GACP,WAAW,GAAG,OAAO,MAAM,UAAU;GAC5B;GACT,GAAI;aALN;IAOG,SACC,oBAAC,KAAD;KACE,KAAK;KACL,QAAQ;KACR,KAAK;KACL,OAAO;MAAE,QAAQ;MAAQ,OAAO;MAAQ;KACxC,OAAO;KACP,CAAA;IAEH,OACC,oBAACA,mBAAD;KACE,OAAO;KACP,WAAW,OAAO;KAClB,OAAO;MAAE,eAAe;MAAS,YAAY;MAAS;eAEtD,oBAAC,KAAD;MACE,OAAO;MACP,OAAO;OACL,cAAc;OACd,UAAU;OACV,YAAY;OACZ,cAAc;OACd,eAAe;OAChB;gBAEA;MACG,CAAA;KACE,CAAA;IAEZ,qBAACA,mBAAD;KACE,YAAA;KACA,OAAO,OAAO,eAAe;KAC7B,WAAW,OAAO;KAClB,KAAK;eAJP,CAMG,CAAC,SAAS,QACT,oBAAC,MAAD;MACE,WAAW,GAAG,OAAO,MAAM,gBAAgB;MACrC;MACN,MAAM,EAAE,MAAM,SAAS;MACvB,GAAI;MACJ,CAAA,EAEJ,qBAACA,mBAAD;MAAS,KAAK;gBAAd,CACE,oBAAC,MAAD,EAAA,UAAK,OAAW,CAAA,EACf,QAAQ,oBAAC,KAAD,EAAA,UAAI,MAAS,CAAA,CACd;QACF;;IACJ;;EACN,CAAA;;AAIR,KAAK,cAAc"}

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

@@ -1,5 +1,4 @@
 import { GridProps } from "../../Grid/type.mjs";
-import "../../Grid/index.mjs";
 import { FC } from "react";
 
 //#region src/mdx/Cards/index.d.ts

package/es/mdx/Cards/index.mjs

@@ -1,13 +1,11 @@
-'use client';
-
-import Grid_default from "../../Grid/Grid.mjs";
+"use client";
+import Grid from "../../Grid/Grid.mjs";
 import { styles } from "./style.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/mdx/Cards/index.tsx
 const Cards = ({ children, className, maxItemWidth = 250, rows = 3, ...rest }) => {
-	return /* @__PURE__ */ jsx(Grid_default, {
+	return /* @__PURE__ */ jsx(Grid, {
 		className: cx(styles.container, className),
 		maxItemWidth,
 		rows,
@@ -16,8 +14,7 @@ const Cards = ({ children, className, maxItemWidth = 250, rows = 3, ...rest }) =
 	});
 };
 Cards.displayName = "MdxCards";
-var Cards_default = Cards;
-
 //#endregion
-export { Cards_default as default };
+export { Cards as default };
+
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Cards: FC<CardsProps>","Grid"],"sources":["../../../src/mdx/Cards/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport type { FC } from 'react';\n\nimport Grid, { type GridProps } from '@/Grid';\n\nimport { styles } from './style';\n\nexport type CardsProps = GridProps;\n\nconst Cards: FC<CardsProps> = ({ children, className, maxItemWidth = 250, rows = 3, ...rest }) => {\n  return (\n    <Grid\n      className={cx(styles.container, className)}\n      maxItemWidth={maxItemWidth}\n      rows={rows}\n      {...rest}\n    >\n      {children}\n    </Grid>\n  );\n};\n\nCards.displayName = 'MdxCards';\n\nexport default Cards;\n"],"mappings":";;;;;;;;AAWA,MAAMA,SAAyB,EAAE,UAAU,WAAW,eAAe,KAAK,OAAO,GAAG,GAAG,WAAW;AAChG,QACE,oBAACC;EACC,WAAW,GAAG,OAAO,WAAW,UAAU;EAC5B;EACR;EACN,GAAI;EAEH;GACI;;AAIX,MAAM,cAAc;AAEpB,oBAAe"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/mdx/Cards/index.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport type { FC } from 'react';\n\nimport Grid, { type GridProps } from '@/Grid';\n\nimport { styles } from './style';\n\nexport type CardsProps = GridProps;\n\nconst Cards: FC<CardsProps> = ({ children, className, maxItemWidth = 250, rows = 3, ...rest }) => {\n  return (\n    <Grid\n      className={cx(styles.container, className)}\n      maxItemWidth={maxItemWidth}\n      rows={rows}\n      {...rest}\n    >\n      {children}\n    </Grid>\n  );\n};\n\nCards.displayName = 'MdxCards';\n\nexport default Cards;\n"],"mappings":";;;;;;AAWA,MAAM,SAAyB,EAAE,UAAU,WAAW,eAAe,KAAK,OAAO,GAAG,GAAG,WAAW;AAChG,QACE,oBAAC,MAAD;EACE,WAAW,GAAG,OAAO,WAAW,UAAU;EAC5B;EACR;EACN,GAAI;EAEH;EACI,CAAA;;AAIX,MAAM,cAAc"}

package/es/mdx/Cards/style.mjs

@@ -1,8 +1,7 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/mdx/Cards/style.ts
-const styles = createStaticStyles(({ css: css$1 }) => {
-	return { container: css$1`
+const styles = createStaticStyles(({ css }) => {
+	return { container: css`
       margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);
 
       > div {
@@ -10,7 +9,7 @@ const styles = createStaticStyles(({ css: css$1 }) => {
       }
     ` };
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mdx/Cards/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    container: css`\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n\n      > div {\n        margin: 0 !important;\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,iBAAU;AACpD,QAAO,EACL,WAAW,KAAG;;;;;;OAOf;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mdx/Cards/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    container: css`\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n\n      > div {\n        margin: 0 !important;\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO,EACL,WAAW,GAAG;;;;;;OAOf;EACD"}

package/es/mdx/FileTree/File.d.mts

@@ -1,7 +1,5 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
-import "../../Flex/index.mjs";
 import { IconProps } from "../../Icon/type.mjs";
-import "../../Icon/index.mjs";
 import { FC } from "react";
 
 //#region src/mdx/FileTree/File.d.ts

package/es/mdx/FileTree/File.mjs

@@ -1,10 +1,8 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import Icon_default from "../../Icon/Icon.mjs";
+import Icon from "../../Icon/Icon.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FileIcon } from "lucide-react";
-
 //#region src/mdx/FileTree/File.tsx
 const File = ({ name, icon = FileIcon, ...rest }) => {
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
@@ -12,12 +10,11 @@ const File = ({ name, icon = FileIcon, ...rest }) => {
 		align: "center",
 		gap: 4,
 		...rest,
-		children: [/* @__PURE__ */ jsx(Icon_default, { icon }), /* @__PURE__ */ jsx("span", { children: name })]
+		children: [/* @__PURE__ */ jsx(Icon, { icon }), /* @__PURE__ */ jsx("span", { children: name })]
 	});
 };
 File.displayName = "MdxFile";
-var File_default = File;
-
 //#endregion
-export { File_default as default };
+export { File as default };
+
 //# sourceMappingURL=File.mjs.map

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 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"}
+{"version":3,"file":"File.mjs","names":["Flexbox"],"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,MAAM,QAAuB,EAAE,MAAM,OAAO,UAAU,GAAG,WAAW;AAClE,QACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAAG,GAAI;YAAjD,CACE,oBAAC,MAAD,EAAY,MAAQ,CAAA,EACpB,oBAAC,QAAD,EAAA,UAAO,MAAY,CAAA,CACX;;;AAId,KAAK,cAAc"}

package/es/mdx/FileTree/Folder.d.mts

@@ -1,7 +1,5 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
-import "../../Flex/index.mjs";
 import { IconProps } from "../../Icon/type.mjs";
-import "../../Icon/index.mjs";
 import { FC } from "react";
 
 //#region src/mdx/FileTree/Folder.d.ts

package/es/mdx/FileTree/Folder.mjs

@@ -1,12 +1,10 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import Icon_default from "../../Icon/Icon.mjs";
+import Icon from "../../Icon/Icon.mjs";
 import { styles } from "./style.mjs";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FolderIcon, FolderOpen } from "lucide-react";
-
 //#region src/mdx/FileTree/Folder.tsx
 const Folder = ({ name, defaultOpen, icon = FolderIcon, children, ...rest }) => {
 	const [open, setOpen] = useState(defaultOpen);
@@ -18,7 +16,7 @@ const Folder = ({ name, defaultOpen, icon = FolderIcon, children, ...rest }) =>
 			className: styles.folder,
 			gap: 4,
 			onClick: () => setOpen(!open),
-			children: [/* @__PURE__ */ jsx(Icon_default, { icon: open ? FolderOpen : icon }), /* @__PURE__ */ jsx("span", { children: name })]
+			children: [/* @__PURE__ */ jsx(Icon, { icon: open ? FolderOpen : icon }), /* @__PURE__ */ jsx("span", { children: name })]
 		}), open && /* @__PURE__ */ jsx(FlexBasic_default, {
 			className: styles.folderChildren,
 			children
@@ -26,8 +24,7 @@ const Folder = ({ name, defaultOpen, icon = FolderIcon, children, ...rest }) =>
 	});
 };
 Folder.displayName = "MdxFolder";
-var Folder_default = Folder;
-
 //#endregion
-export { Folder_default as default };
+export { Folder as default };
+
 //# sourceMappingURL=Folder.mjs.map

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 { 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"}
+{"version":3,"file":"Folder.mjs","names":["Flexbox"],"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,MAAM,UAA2B,EAAE,MAAM,aAAa,OAAO,YAAY,UAAU,GAAG,WAAW;CAC/F,MAAM,CAAC,MAAM,WAAW,SAAS,YAAY;AAC7C,QACE,qBAACA,mBAAD;EAAS,GAAI;YAAb,CACE,qBAACA,mBAAD;GACE,YAAA;GACA,OAAO;GACP,WAAW,OAAO;GAClB,KAAK;GACL,eAAe,QAAQ,CAAC,KAAK;aAL/B,CAOE,oBAAC,MAAD,EAAM,MAAM,OAAO,aAAa,MAAQ,CAAA,EACxC,oBAAC,QAAD,EAAA,UAAO,MAAY,CAAA,CACX;MACT,QAAQ,oBAACA,mBAAD;GAAS,WAAW,OAAO;GAAiB;GAAmB,CAAA,CAChE;;;AAId,OAAO,cAAc"}

package/es/mdx/FileTree/index.mjs

@@ -1,9 +1,7 @@
-'use client';
-
+"use client";
 import { styles } from "./style.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/mdx/FileTree/index.tsx
 const FileTree = ({ children, className, ...rest }) => {
 	return /* @__PURE__ */ jsx("div", {
@@ -13,8 +11,7 @@ const FileTree = ({ children, className, ...rest }) => {
 	});
 };
 FileTree.displayName = "MdxFileTree";
-var FileTree_default = FileTree;
-
 //#endregion
-export { FileTree_default as default };
+export { FileTree as default };
+
 //# sourceMappingURL=index.mjs.map

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 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"}
+{"version":3,"file":"index.mjs","names":[],"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,MAAM,YAA+B,EAAE,UAAU,WAAW,GAAG,WAAW;AACxE,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,WAAW,UAAU;EAAE,GAAI;EAClD;EACG,CAAA;;AAIV,SAAS,cAAc"}

package/es/mdx/FileTree/style.mjs

@@ -1,31 +1,30 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/mdx/FileTree/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		container: css$1`
+		container: css`
       margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);
       padding-block: 0.75em;
       padding-inline: 1em;
       border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
 
-      color: ${cssVar$1.colorTextSecondary};
+      color: ${cssVar.colorTextSecondary};
 
       box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
     `,
-		folder: css$1`
+		folder: css`
       cursor: pointer;
 
       &:hover {
-        color: ${cssVar$1.colorText};
+        color: ${cssVar.colorText};
       }
     `,
-		folderChildren: css$1`
+		folderChildren: css`
       padding-inline-start: 1em;
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/mdx/FileTree/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    container: css`\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-block: 0.75em;\n      padding-inline: 1em;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      color: ${cssVar.colorTextSecondary};\n\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    `,\n    folder: css`\n      cursor: pointer;\n\n      &:hover {\n        color: ${cssVar.colorText};\n      }\n    `,\n    folderChildren: css`\n      padding-inline-start: 1em;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,WAAW,KAAG;;;;;;eAMHA,SAAO,mBAAmB;;;;EAIrC,QAAQ,KAAG;;;;iBAIEA,SAAO,UAAU;;;EAG9B,gBAAgB,KAAG;;;EAGpB;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mdx/FileTree/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    container: css`\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-block: 0.75em;\n      padding-inline: 1em;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      color: ${cssVar.colorTextSecondary};\n\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    `,\n    folder: css`\n      cursor: pointer;\n\n      &:hover {\n        color: ${cssVar.colorText};\n      }\n    `,\n    folderChildren: css`\n      padding-inline-start: 1em;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,WAAW,GAAG;;;;;;eAMH,OAAO,mBAAmB;;;;EAIrC,QAAQ,GAAG;;;;iBAIE,OAAO,UAAU;;;EAG9B,gBAAgB,GAAG;;;EAGpB;EACD"}

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

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

package/es/mdx/Mdx/index.mjs

@@ -1,14 +1,13 @@
-'use client';
-
-import Alert_default from "../../Alert/Alert.mjs";
-import PreviewGroup_default from "../../Image/PreviewGroup.mjs";
+"use client";
+import Alert from "../../Alert/Alert.mjs";
+import PreviewGroup 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 Image from "../mdxComponents/Image.mjs";
+import Video from "../mdxComponents/Video.mjs";
 import { useMarkdownContent } from "../../hooks/useMarkdown/useMarkdownContent.mjs";
-import Typography_default from "../../Markdown/Typography.mjs";
-import mdxComponents_default from "../mdxComponents/index.mjs";
-import CodeBlock_default from "../mdxComponents/CodeBlock.mjs";
+import Typography from "../../Markdown/Typography.mjs";
+import mdxComponents from "../mdxComponents/index.mjs";
+import CodeBlock from "../mdxComponents/CodeBlock.mjs";
 import { memo, useEffect, useMemo, useState } from "react";
 import jsxRuntime, { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
@@ -18,7 +17,6 @@ import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import { evaluate } from "@mdx-js/mdx";
 import jsxDevRuntime from "react/jsx-dev-runtime";
-
 //#region src/mdx/Mdx/index.tsx
 const runtime = process.env.NODE_ENV === "production" ? jsxRuntime : jsxDevRuntime;
 const Mdx = memo(({ children, className, style, fullFeaturedCodeBlock = true, enableImageGallery, enableLatex = true, enableMermaid = true, rehypePlugins, remarkPlugins, components = {}, fallback = null, fontSize, headerMultiple, lineHeight, marginMultiple, variant, ...rest }) => {
@@ -40,14 +38,14 @@ const Mdx = memo(({ children, className, style, fullFeaturedCodeBlock = true, en
 	const memoComponents = useMemo(() => {
 		const list = {};
 		Object.entries({
-			...mdxComponents_default,
-			img: Image_default,
-			pre: (props) => /* @__PURE__ */ jsx(CodeBlock_default, {
+			...mdxComponents,
+			img: Image,
+			pre: (props) => /* @__PURE__ */ jsx(CodeBlock, {
 				...props,
 				enableMermaid,
 				fullFeatured: fullFeaturedCodeBlock
 			}),
-			video: Video_default,
+			video: Video,
 			...components
 		}).forEach(([key, Render]) => {
 			list[key] = (props) => /* @__PURE__ */ jsx(Render, { ...props });
@@ -70,7 +68,7 @@ const Mdx = memo(({ children, className, style, fullFeaturedCodeBlock = true, en
 				});
 				setMDXContent(() => Content);
 			} catch (error) {
-				setMDXContent(() => () => /* @__PURE__ */ jsx(Alert_default, {
+				setMDXContent(() => () => /* @__PURE__ */ jsx(Alert, {
 					description: String(error?.message),
 					title: "Error compiling MDX",
 					type: "error",
@@ -85,7 +83,7 @@ const Mdx = memo(({ children, className, style, fullFeaturedCodeBlock = true, en
 		memoRemarkPlugins
 	]);
 	if (!escapedContent || !MDXContent) return fallback;
-	return /* @__PURE__ */ jsx(Typography_default, {
+	return /* @__PURE__ */ jsx(Typography, {
 		className: cx(enableLatex && styles.latex, isChatMode && styles.chat, className),
 		"data-code-type": "mdx",
 		fontSize,
@@ -94,15 +92,14 @@ const Mdx = memo(({ children, className, style, fullFeaturedCodeBlock = true, en
 		marginMultiple,
 		style,
 		...rest,
-		children: /* @__PURE__ */ jsx(PreviewGroup_default, {
+		children: /* @__PURE__ */ jsx(PreviewGroup, {
 			enable: enableImageGallery,
 			children: /* @__PURE__ */ jsx(MDXContent, { components: memoComponents })
 		})
 	});
 });
 Mdx.displayName = "Mdx";
-var Mdx_default = Mdx;
-
 //#endregion
-export { Mdx_default as default };
+export { Mdx as default };
+
 //# sourceMappingURL=index.mjs.map

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 { 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"}
+{"version":3,"file":"index.mjs","names":[],"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,MAAM,OAAY,EAAE;AACpB,SAAO,QAAQ;GACb,GAAG;GACH,KAAK;GACL,MAAM,UACJ,oBAAC,WAAD;IACE,GAAI;IACW;IACf,cAAc;IACd,CAAA;GAEJ,OAAO;GACP,GAAG;GACJ,CAAC,CAAC,SAAS,CAAC,KAAK,YAAiB;AACjC,QAAK,QAAQ,UAAe,oBAAC,QAAD,EAAQ,GAAI,OAAS,CAAA;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;YACrB,OAAY;AAEnB,8BACE,oBAAC,OAAD;KACE,aAAa,OAAO,OAAO,QAAkB;KAC7C,OAAO;KACP,MAAK;KACL,OAAO,EACL,OAAO,QACR;KACD,CAAA,CACF;AACF,YAAQ,MAAM,wBAAwB,MAAM;;MAE5C;IACH;EAAC;EAAgB;EAAmB;EAAkB,CAAC;AAE1D,KAAI,CAAC,kBAAkB,CAAC,WAAY,QAAO;AAE3C,QACE,oBAAC,YAAD;EACE,WAAW,GAAG,eAAe,OAAO,OAAO,cAAc,OAAO,MAAM,UAAU;EAChF,kBAAe;EACL;EACM;EACJ;EACI;EACT;EACP,GAAI;YAEJ,oBAAC,cAAD;GAAc,QAAQ;aACpB,oBAAC,YAAD,EAAY,YAAY,gBAAkB,CAAA;GAC7B,CAAA;EACJ,CAAA;EAGlB;AAED,IAAI,cAAc"}

package/es/mdx/Steps/index.mjs

@@ -1,9 +1,7 @@
-'use client';
-
+"use client";
 import { styles } from "./style.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/mdx/Steps/index.tsx
 const Steps = ({ children, className, ...rest }) => {
 	return /* @__PURE__ */ jsx("div", {
@@ -13,8 +11,7 @@ const Steps = ({ children, className, ...rest }) => {
 	});
 };
 Steps.displayName = "MdxSteps";
-var Steps_default = Steps;
-
 //#endregion
-export { Steps_default as default };
+export { Steps as default };
+
 //# sourceMappingURL=index.mjs.map