@jinmi/ui 0.0.0-stage → 6.0.2

package/es/mdx/Callout/style.mjs

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

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

@@ -0,0 +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      --jinmi-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n      gap: 0.75em;\n\n      margin-block: calc(var(--jinmi-markdown-margin-multiple) * 1em);\n      padding-block: calc(var(--jinmi-markdown-margin-multiple) * 1em);\n      padding-inline: 1em;\n      border-radius: calc(var(--jinmi-markdown-border-radius) * 1px);\n    `,\n    content: css`\n      margin-block: calc(var(--jinmi-markdown-margin-multiple) * -1em);\n\n      > div {\n        margin-block: calc(var(--jinmi-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;CACpD,OAAO;EACL,WAAW,GAAG;;;;;;;;;;;EAWd,SAAS,GAAG;;;;;;;;;;;EAWZ,iBAAiB,GAAG;;;;;CAKtB;AACF,CAAC"}

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

@@ -0,0 +1,22 @@
+import { BlockProps } from "../../Block/type.mjs";
+import "../../Block/index.mjs";
+import { IconProps } from "../../Icon/type.mjs";
+import "../../Icon/index.mjs";
+import { TagProps } from "../../base-ui/Tag/type.mjs";
+import "../../base-ui/Tag/index.mjs";
+import { FC } from "react";
+//#region src/mdx/Cards/Card.d.ts
+interface CardProps extends Omit<BlockProps, 'children'> {
+  desc?: string;
+  href?: string;
+  icon?: IconProps['icon'];
+  iconProps?: Omit<IconProps, 'icon'>;
+  image?: string;
+  tag?: string;
+  tagColor?: TagProps['color'];
+  title: string;
+}
+declare const Card: FC<CardProps>;
+//#endregion
+export { CardProps, Card as default };
+//# sourceMappingURL=Card.d.mts.map

package/es/mdx/Cards/Card.mjs

@@ -0,0 +1,114 @@
+"use client";
+import A from "../../A/index.mjs";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import Block from "../../Block/Block.mjs";
+import Icon from "../../Icon/Icon.mjs";
+import Img from "../../Img/index.mjs";
+import Tag from "../../base-ui/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, cssVar }) => {
+	return {
+		card: css`
+      --jinmi-markdown-header-multiple: 0.2;
+      --jinmi-markdown-margin-multiple: 1;
+
+      overflow: hidden;
+      height: 100%;
+      color: ${cssVar.colorText};
+
+      h3,
+      p {
+        margin-block: 0 !important;
+      }
+
+      p {
+        color: ${cssVar.colorTextDescription};
+        transition: color 0.2s ${cssVar.motionEaseInOut};
+      }
+
+      &:hover {
+        p {
+          color: ${cssVar.colorTextSecondary};
+        }
+
+        .mdx-card-icon {
+          opacity: 1;
+        }
+      }
+    `,
+		content: css`
+      width: 100%;
+      padding: 1.4em;
+    `,
+		icon: css`
+      margin-block: 0.1em;
+      opacity: 0.5;
+      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, {
+		href,
+		children: /* @__PURE__ */ jsxs(Block, {
+			clickable: true,
+			align: "flex-start",
+			className: cx(styles.card, className),
+			variant,
+			...rest,
+			children: [
+				image && /* @__PURE__ */ jsx(Img, {
+					alt: title,
+					height: 100,
+					src: image,
+					style: {
+						height: "auto",
+						width: "100%"
+					},
+					width: 250
+				}),
+				tag && /* @__PURE__ */ jsx(FlexBasic_default, {
+					align: "flex-start",
+					className: styles.content,
+					style: {
+						paddingBottom: "0.2em",
+						paddingTop: "1.8em"
+					},
+					children: /* @__PURE__ */ jsx(Tag, {
+						color: tagColor,
+						style: {
+							borderRadius: "1em",
+							fontSize: "0.8em",
+							fontWeight: 500,
+							paddingBlock: "0.1em",
+							paddingInline: "0.6em"
+						},
+						children: tag
+					})
+				}),
+				/* @__PURE__ */ jsxs(FlexBasic_default, {
+					horizontal: true,
+					align: desc ? "flex-start" : "center",
+					className: styles.content,
+					gap: "0.75em",
+					children: [!image && icon && /* @__PURE__ */ jsx(Icon, {
+						className: cx(styles.icon, "mdx-card-icon"),
+						icon,
+						size: { size: "1.5em" },
+						...iconProps
+					}), /* @__PURE__ */ jsxs(FlexBasic_default, {
+						gap: "0.2em",
+						children: [/* @__PURE__ */ jsx("h3", { children: title }), desc && /* @__PURE__ */ jsx("p", { children: desc })]
+					})]
+				})
+			]
+		})
+	});
+};
+Card.displayName = "MdxCard";
+//#endregion
+export { Card as default };
+
+//# sourceMappingURL=Card.mjs.map

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

@@ -0,0 +1 @@
+{"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 Tag, { type TagProps } from '@/base-ui/Tag';\nimport Block, { type BlockProps } from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Icon, { type IconProps } from '@/Icon';\nimport Img from '@/Img';\n\nconst styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    card: css`\n      --jinmi-markdown-header-multiple: 0.2;\n      --jinmi-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;CACrD,OAAO;EACL,MAAM,GAAG;;;;;;eAME,OAAO,UAAU;;;;;;;;iBAQf,OAAO,qBAAqB;iCACZ,OAAO,gBAAgB;;;;;mBAKrC,OAAO,mBAAmB;;;;;;;;EAQzC,SAAS,GAAG;;;;EAIZ,MAAM,GAAG;;;iCAGoB,OAAO,gBAAgB;;CAEtD;AACF,CAAC;AAaD,MAAM,QAAuB,EAC3B,KACA,WAAW,QACX,MACA,OACA,MACA,MACA,WACA,WACA,OACA,UAAU,UACV,GAAG,WACC;CACJ,OACE,oBAAC,GAAD;EAAS;EACP,UAAA,qBAAC,OAAD;GACE,WAAA;GACA,OAAO;GACP,WAAW,GAAG,OAAO,MAAM,SAAS;GAC3B;GACT,GAAI;GALN,UAAA;IAOG,SACC,oBAAC,KAAD;KACE,KAAK;KACL,QAAQ;KACR,KAAK;KACL,OAAO;MAAE,QAAQ;MAAQ,OAAO;KAAO;KACvC,OAAO;IACR,CAAA;IAEF,OACC,oBAACA,mBAAD;KACE,OAAO;KACP,WAAW,OAAO;KAClB,OAAO;MAAE,eAAe;MAAS,YAAY;KAAQ;KAErD,UAAA,oBAAC,KAAD;MACE,OAAO;MACP,OAAO;OACL,cAAc;OACd,UAAU;OACV,YAAY;OACZ,cAAc;OACd,eAAe;MACjB;MAEC,UAAA;KACE,CAAA;IACE,CAAA;IAEX,qBAACA,mBAAD;KACE,YAAA;KACA,OAAO,OAAO,eAAe;KAC7B,WAAW,OAAO;KAClB,KAAK;KAJP,UAAA,CAMG,CAAC,SAAS,QACT,oBAAC,MAAD;MACE,WAAW,GAAG,OAAO,MAAM,eAAe;MACpC;MACN,MAAM,EAAE,MAAM,QAAQ;MACtB,GAAI;KACL,CAAA,GAEH,qBAACA,mBAAD;MAAS,KAAK;MAAd,UAAA,CACE,oBAAC,MAAD,EAAA,UAAK,MAAU,CAAA,GACd,QAAQ,oBAAC,KAAD,EAAA,UAAI,KAAQ,CAAA,CACd;KACF,CAAA,CAAA;;GACJ;;CACN,CAAA;AAEP;AAEA,KAAK,cAAc"}

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

@@ -0,0 +1,9 @@
+import { GridProps } from "../../Grid/type.mjs";
+import "../../Grid/index.mjs";
+import { FC } from "react";
+//#region src/mdx/Cards/index.d.ts
+type CardsProps = GridProps;
+declare const Cards: FC<CardsProps>;
+//#endregion
+export { CardsProps, Cards as default };
+//# sourceMappingURL=index.d.mts.map

package/es/mdx/Cards/index.mjs

@@ -0,0 +1,20 @@
+"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, {
+		className: cx(styles.container, className),
+		maxItemWidth,
+		rows,
+		...rest,
+		children
+	});
+};
+Cards.displayName = "MdxCards";
+//#endregion
+export { Cards as default };
+
+//# sourceMappingURL=index.mjs.map

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

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

package/es/mdx/Cards/style.mjs

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

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

@@ -0,0 +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(--jinmi-markdown-margin-multiple) * 1em);\n\n      > div {\n        margin: 0 !important;\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;CACpD,OAAO,EACL,WAAW,GAAG;;;;;;MAOhB;AACF,CAAC"}

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

@@ -0,0 +1,14 @@
+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
+interface FileProps extends Omit<FlexboxProps, 'children'> {
+  icon?: IconProps['icon'];
+  name: string;
+}
+declare const File: FC<FileProps>;
+//#endregion
+export { FileProps, File as default };
+//# sourceMappingURL=File.d.mts.map

package/es/mdx/FileTree/File.mjs

@@ -0,0 +1,20 @@
+"use client";
+import FlexBasic_default from "../../Flex/FlexBasic.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$1 = ({ name, icon = FileIcon, ...rest }) => {
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
+		align: "center",
+		gap: 4,
+		...rest,
+		children: [/* @__PURE__ */ jsx(Icon, { icon }), /* @__PURE__ */ jsx("span", { children: name })]
+	});
+};
+File$1.displayName = "MdxFile";
+//#endregion
+export { File$1 as default };
+
+//# sourceMappingURL=File.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"File.mjs","names":["File","Flexbox"],"sources":["../../../src/mdx/FileTree/File.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { FileIcon } from 'lucide-react';\r\nimport type { FC } from 'react';\r\n\r\nimport { Flexbox, type FlexboxProps } from '@/Flex';\r\nimport Icon, { type IconProps } from '@/Icon';\r\n\r\nexport interface FileProps extends Omit<FlexboxProps, 'children'> {\r\n  icon?: IconProps['icon'];\r\n  name: string;\r\n}\r\n\r\nconst File: FC<FileProps> = ({ name, icon = FileIcon, ...rest }) => {\r\n  return (\r\n    <Flexbox horizontal align={'center'} gap={4} {...rest}>\r\n      <Icon icon={icon} />\r\n      <span>{name}</span>\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nFile.displayName = 'MdxFile';\r\n\r\nexport default File;\r\n"],"mappings":";;;;;;AAaA,MAAMA,UAAuB,EAAE,MAAM,OAAO,UAAU,GAAG,WAAW;CAClE,OACE,qBAACC,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAAG,GAAI;EAAjD,UAAA,CACE,oBAAC,MAAD,EAAY,KAAO,CAAA,GACnB,oBAAC,QAAD,EAAA,UAAO,KAAW,CAAA,CACX;;AAEb;AAEA,OAAK,cAAc"}

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

@@ -0,0 +1,15 @@
+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
+interface FolderProps extends FlexboxProps {
+  defaultOpen?: boolean;
+  icon?: IconProps['icon'];
+  name: string;
+}
+declare const Folder: FC<FolderProps>;
+//#endregion
+export { FolderProps, Folder as default };
+//# sourceMappingURL=Folder.d.mts.map

package/es/mdx/FileTree/Folder.mjs

@@ -0,0 +1,30 @@
+"use client";
+import FlexBasic_default from "../../Flex/FlexBasic.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$1 = ({ name, defaultOpen, icon = FolderIcon, children, ...rest }) => {
+	const [open, setOpen] = useState(defaultOpen);
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		...rest,
+		children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+			horizontal: true,
+			align: "center",
+			className: styles.folder,
+			gap: 4,
+			onClick: () => setOpen(!open),
+			children: [/* @__PURE__ */ jsx(Icon, { icon: open ? FolderOpen : icon }), /* @__PURE__ */ jsx("span", { children: name })]
+		}), open && /* @__PURE__ */ jsx(FlexBasic_default, {
+			className: styles.folderChildren,
+			children
+		})]
+	});
+};
+Folder$1.displayName = "MdxFolder";
+//#endregion
+export { Folder$1 as default };
+
+//# sourceMappingURL=Folder.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Folder.mjs","names":["Folder","Flexbox"],"sources":["../../../src/mdx/FileTree/Folder.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { FolderIcon, FolderOpen } from 'lucide-react';\r\nimport { type FC, useState } from 'react';\r\n\r\nimport { Flexbox, type FlexboxProps } from '@/Flex';\r\nimport Icon, { type IconProps } from '@/Icon';\r\n\r\nimport { styles } from './style';\r\n\r\nexport interface FolderProps extends FlexboxProps {\r\n  defaultOpen?: boolean;\r\n  icon?: IconProps['icon'];\r\n  name: string;\r\n}\r\n\r\nconst Folder: FC<FolderProps> = ({ name, defaultOpen, icon = FolderIcon, children, ...rest }) => {\r\n  const [open, setOpen] = useState(defaultOpen);\r\n  return (\r\n    <Flexbox {...rest}>\r\n      <Flexbox\r\n        horizontal\r\n        align={'center'}\r\n        className={styles.folder}\r\n        gap={4}\r\n        onClick={() => setOpen(!open)}\r\n      >\r\n        <Icon icon={open ? FolderOpen : icon} />\r\n        <span>{name}</span>\r\n      </Flexbox>\r\n      {open && <Flexbox className={styles.folderChildren}>{children}</Flexbox>}\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nFolder.displayName = 'MdxFolder';\r\n\r\nexport default Folder;\r\n"],"mappings":";;;;;;;;AAgBA,MAAMA,YAA2B,EAAE,MAAM,aAAa,OAAO,YAAY,UAAU,GAAG,WAAW;CAC/F,MAAM,CAAC,MAAM,WAAW,SAAS,WAAW;CAC5C,OACE,qBAACC,mBAAD;EAAS,GAAI;EAAb,UAAA,CACE,qBAACA,mBAAD;GACE,YAAA;GACA,OAAO;GACP,WAAW,OAAO;GAClB,KAAK;GACL,eAAe,QAAQ,CAAC,IAAI;GAL9B,UAAA,CAOE,oBAAC,MAAD,EAAM,MAAM,OAAO,aAAa,KAAO,CAAA,GACvC,oBAAC,QAAD,EAAA,UAAO,KAAW,CAAA,CACX;EACR,CAAA,GAAA,QAAQ,oBAACA,mBAAD;GAAS,WAAW,OAAO;GAAiB;EAAkB,CAAA,CAChE;;AAEb;AAEA,SAAO,cAAc"}

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

@@ -0,0 +1,8 @@
+import { DivProps } from "../../types/index.mjs";
+import { FC } from "react";
+//#region src/mdx/FileTree/index.d.ts
+type FileTreeProps = DivProps;
+declare const FileTree: FC<FileTreeProps>;
+//#endregion
+export { FileTreeProps, FileTree as default };
+//# sourceMappingURL=index.d.mts.map

package/es/mdx/FileTree/index.mjs

@@ -0,0 +1,17 @@
+"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", {
+		className: cx(styles.container, className),
+		...rest,
+		children
+	});
+};
+FileTree.displayName = "MdxFileTree";
+//#endregion
+export { FileTree as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/mdx/FileTree/index.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport type { FC } from 'react';\r\n\r\nimport type { DivProps } from '@/types';\r\n\r\nimport { styles } from './style';\r\n\r\nexport type FileTreeProps = DivProps;\r\n\r\nconst FileTree: FC<FileTreeProps> = ({ children, className, ...rest }) => {\r\n  return (\r\n    <div className={cx(styles.container, className)} {...rest}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n\r\nFileTree.displayName = 'MdxFileTree';\r\n\r\nexport default FileTree;\r\n"],"mappings":";;;;;AAWA,MAAM,YAA+B,EAAE,UAAU,WAAW,GAAG,WAAW;CACxE,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,WAAW,SAAS;EAAG,GAAI;EAClD;CACE,CAAA;AAET;AAEA,SAAS,cAAc"}

package/es/mdx/FileTree/style.mjs

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

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

@@ -0,0 +1 @@
+{"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(--jinmi-markdown-margin-multiple) * 1em);\n      padding-block: 0.75em;\n      padding-inline: 1em;\n      border-radius: calc(var(--jinmi-markdown-border-radius) * 1px);\n\n      color: ${cssVar.colorTextSecondary};\n\n      box-shadow: 0 0 0 1px var(--jinmi-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;CAC5D,OAAO;EACL,WAAW,GAAG;;;;;;eAMH,OAAO,mBAAmB;;;;EAIrC,QAAQ,GAAG;;;;iBAIE,OAAO,UAAU;;;EAG9B,gBAAgB,GAAG;;;CAGrB;AACF,CAAC"}

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

@@ -0,0 +1,22 @@
+import { TypographyProps } from "../../Markdown/type.mjs";
+import "../../Markdown/index.mjs";
+import { ReactNode } from "react";
+import { Pluggable } from "unified";
+//#region src/mdx/Mdx/index.d.ts
+interface MdxProps extends Omit<TypographyProps, 'children'> {
+  children: string;
+  components?: any[];
+  enableImageGallery?: boolean;
+  enableLatex?: boolean;
+  enableMermaid?: boolean;
+  fallback?: ReactNode;
+  fullFeaturedCodeBlock?: boolean;
+  onDoubleClick?: () => void;
+  rehypePlugins?: Pluggable[];
+  remarkPlugins?: Pluggable[];
+  variant?: 'normal' | 'chat';
+}
+declare const Mdx: import("react").NamedExoticComponent<MdxProps>;
+//#endregion
+export { MdxProps, Mdx as default };
+//# sourceMappingURL=index.d.mts.map

package/es/mdx/Mdx/index.mjs

@@ -0,0 +1,105 @@
+"use client";
+import PreviewGroup from "../../Image/PreviewGroup.mjs";
+import { styles } from "../../Markdown/style.mjs";
+import Image from "../mdxComponents/Image.mjs";
+import Video from "../mdxComponents/Video.mjs";
+import { useMarkdownContent } from "../../hooks/useMarkdown/useMarkdownContent.mjs";
+import { rehypeKatex } from "../../Markdown/plugins/rehypeKatex.mjs";
+import Typography from "../../Markdown/Typography.mjs";
+import Alert from "../../base-ui/Alert/Alert.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";
+import { rehypeGithubAlerts } from "rehype-github-alerts";
+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 }) => {
+	const escapedContent = useMarkdownContent(children);
+	const isChatMode = variant === "chat";
+	const [MDXContent, setMDXContent] = useState(() => () => null);
+	const innerRehypePlugins = Array.isArray(rehypePlugins) ? rehypePlugins : [rehypePlugins];
+	const memoRehypePlugins = useMemo(() => [
+		rehypeGithubAlerts,
+		enableLatex && rehypeKatex,
+		...innerRehypePlugins
+	].filter(Boolean), [enableLatex, ...innerRehypePlugins]);
+	const innerRemarkPlugins = Array.isArray(remarkPlugins) ? remarkPlugins : [remarkPlugins];
+	const memoRemarkPlugins = useMemo(() => [
+		remarkGfm,
+		enableLatex && remarkMath,
+		...innerRemarkPlugins
+	].filter(Boolean), [enableLatex, ...innerRemarkPlugins]);
+	const memoComponents = useMemo(() => {
+		const list = {};
+		Object.entries({
+			...mdxComponents,
+			img: Image,
+			pre: (props) => /* @__PURE__ */ jsx(CodeBlock, {
+				...props,
+				enableMermaid,
+				fullFeatured: fullFeaturedCodeBlock
+			}),
+			video: Video,
+			...components
+		}).forEach(([key, Render]) => {
+			list[key] = (props) => /* @__PURE__ */ jsx(Render, { ...props });
+		});
+		return list;
+	}, [
+		components,
+		enableMermaid,
+		fullFeaturedCodeBlock
+	]);
+	useEffect(() => {
+		if (!escapedContent) return;
+		(async () => {
+			try {
+				const { default: Content } = await evaluate(escapedContent, {
+					...runtime,
+					development: process.env.NODE_ENV !== "production",
+					rehypePlugins: memoRehypePlugins,
+					remarkPlugins: memoRemarkPlugins
+				});
+				setMDXContent(() => Content);
+			} catch (error) {
+				setMDXContent(() => () => /* @__PURE__ */ jsx(Alert, {
+					description: String(error?.message),
+					title: "Error compiling MDX",
+					type: "error",
+					style: { width: "100%" }
+				}));
+				console.error("Error compiling MDX:", error);
+			}
+		})();
+	}, [
+		escapedContent,
+		memoRehypePlugins,
+		memoRemarkPlugins
+	]);
+	if (!escapedContent || !MDXContent) return fallback;
+	return /* @__PURE__ */ jsx(Typography, {
+		className: cx(enableLatex && styles.latex, isChatMode && styles.chat, className),
+		"data-code-type": "mdx",
+		fontSize,
+		headerMultiple,
+		lineHeight,
+		marginMultiple,
+		style,
+		...rest,
+		children: /* @__PURE__ */ jsx(PreviewGroup, {
+			enable: enableImageGallery,
+			children: /* @__PURE__ */ jsx(MDXContent, { components: memoComponents })
+		})
+	});
+});
+Mdx.displayName = "Mdx";
+//#endregion
+export { Mdx as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/mdx/Mdx/index.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { evaluate } from '@mdx-js/mdx';\r\nimport { cx } from 'antd-style';\r\nimport { memo, type ReactNode, useEffect, useMemo, useState } from 'react';\r\nimport jsxDevRuntime from 'react/jsx-dev-runtime';\r\nimport jsxRuntime from 'react/jsx-runtime';\r\nimport { rehypeGithubAlerts } from 'rehype-github-alerts';\r\nimport remarkGfm from 'remark-gfm';\r\nimport remarkMath from 'remark-math';\r\nimport { type Pluggable } from 'unified';\r\n\r\nimport Alert from '@/base-ui/Alert';\r\nimport { useMarkdownContent } from '@/hooks/useMarkdown';\r\nimport { PreviewGroup } from '@/Image';\r\nimport { Typography, type TypographyProps } from '@/Markdown';\r\nimport { rehypeKatex } from '@/Markdown/plugins/rehypeKatex';\r\nimport { styles } from '@/Markdown/style';\r\n\r\nimport mdxComponents from '../mdxComponents';\r\nimport CodeBlock from '../mdxComponents/CodeBlock';\r\nimport Image from '../mdxComponents/Image';\r\nimport Video from '../mdxComponents/Video';\r\n\r\nconst runtime = process.env.NODE_ENV === 'production' ? jsxRuntime : jsxDevRuntime;\r\n\r\nexport interface MdxProps extends Omit<TypographyProps, 'children'> {\r\n  children: string;\r\n  components?: any[];\r\n  enableImageGallery?: boolean;\r\n  enableLatex?: boolean;\r\n  enableMermaid?: boolean;\r\n  fallback?: ReactNode;\r\n  fullFeaturedCodeBlock?: boolean;\r\n  onDoubleClick?: () => void;\r\n  rehypePlugins?: Pluggable[];\r\n  remarkPlugins?: Pluggable[];\r\n  variant?: 'normal' | 'chat';\r\n}\r\n\r\nconst Mdx = memo<MdxProps>(\r\n  ({\r\n    children,\r\n    className,\r\n    style,\r\n    fullFeaturedCodeBlock = true,\r\n    enableImageGallery,\r\n    enableLatex = true,\r\n    enableMermaid = true,\r\n    rehypePlugins,\r\n    remarkPlugins,\r\n    components = {},\r\n    fallback = null,\r\n    fontSize,\r\n    headerMultiple,\r\n    lineHeight,\r\n    marginMultiple,\r\n    variant,\r\n    ...rest\r\n  }) => {\r\n    const escapedContent = useMarkdownContent(children);\r\n\r\n    const isChatMode = variant === 'chat';\r\n\r\n    const [MDXContent, setMDXContent] = useState<any>(() => () => null);\r\n\r\n    const innerRehypePlugins = Array.isArray(rehypePlugins) ? rehypePlugins : [rehypePlugins];\r\n    const memoRehypePlugins = useMemo(\r\n      () =>\r\n        [rehypeGithubAlerts, enableLatex && rehypeKatex, ...innerRehypePlugins].filter(\r\n          Boolean,\r\n        ) as any,\r\n      [enableLatex, ...innerRehypePlugins],\r\n    );\r\n\r\n    const innerRemarkPlugins = Array.isArray(remarkPlugins) ? remarkPlugins : [remarkPlugins];\r\n    const memoRemarkPlugins = useMemo(\r\n      () => [remarkGfm, enableLatex && remarkMath, ...innerRemarkPlugins].filter(Boolean) as any,\r\n      [enableLatex, ...innerRemarkPlugins],\r\n    );\r\n\r\n    const memoComponents = useMemo(() => {\r\n      const list: any = {};\r\n      Object.entries({\r\n        ...mdxComponents,\r\n        img: Image,\r\n        pre: (props: any) => (\r\n          <CodeBlock\r\n            {...props}\r\n            enableMermaid={enableMermaid}\r\n            fullFeatured={fullFeaturedCodeBlock}\r\n          />\r\n        ),\r\n        video: Video,\r\n        ...components,\r\n      }).forEach(([key, Render]: any) => {\r\n        list[key] = (props: any) => <Render {...props} />;\r\n      });\r\n      return list;\r\n    }, [components, enableMermaid, fullFeaturedCodeBlock]);\r\n\r\n    useEffect(() => {\r\n      if (!escapedContent) return;\r\n      (async () => {\r\n        try {\r\n          const { default: Content } = await evaluate(escapedContent, {\r\n            ...runtime,\r\n            development: process.env.NODE_ENV !== 'production',\r\n            rehypePlugins: memoRehypePlugins,\r\n            remarkPlugins: memoRemarkPlugins,\r\n          });\r\n          setMDXContent(() => Content);\r\n        } catch (error: any) {\r\n          // @ts-ignore\r\n          setMDXContent(() => () => (\r\n            <Alert\r\n              description={String(error?.message as string)}\r\n              title={'Error compiling MDX'}\r\n              type=\"error\"\r\n              style={{\r\n                width: '100%',\r\n              }}\r\n            />\r\n          ));\r\n          console.error('Error compiling MDX:', error);\r\n        }\r\n      })();\r\n    }, [escapedContent, memoRehypePlugins, memoRemarkPlugins]);\r\n\r\n    if (!escapedContent || !MDXContent) return fallback;\r\n\r\n    return (\r\n      <Typography\r\n        className={cx(enableLatex && styles.latex, isChatMode && styles.chat, className)}\r\n        data-code-type=\"mdx\"\r\n        fontSize={fontSize}\r\n        headerMultiple={headerMultiple}\r\n        lineHeight={lineHeight}\r\n        marginMultiple={marginMultiple}\r\n        style={style}\r\n        {...rest}\r\n      >\r\n        <PreviewGroup enable={enableImageGallery}>\r\n          <MDXContent components={memoComponents} />\r\n        </PreviewGroup>\r\n      </Typography>\r\n    );\r\n  },\r\n);\r\n\r\nMdx.displayName = 'Mdx';\r\n\r\nexport default Mdx;\r\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,CAAC,GACd,WAAW,MACX,UACA,gBACA,YACA,gBACA,SACA,GAAG,WACC;CACJ,MAAM,iBAAiB,mBAAmB,QAAQ;CAElD,MAAM,aAAa,YAAY;CAE/B,MAAM,CAAC,YAAY,iBAAiB,qBAA0B,IAAI;CAElE,MAAM,qBAAqB,MAAM,QAAQ,aAAa,IAAI,gBAAgB,CAAC,aAAa;CACxF,MAAM,oBAAoB,cAEtB;EAAC;EAAoB,eAAe;EAAa,GAAG;CAAkB,CAAC,CAAC,OACtE,OACF,GACF,CAAC,aAAa,GAAG,kBAAkB,CACrC;CAEA,MAAM,qBAAqB,MAAM,QAAQ,aAAa,IAAI,gBAAgB,CAAC,aAAa;CACxF,MAAM,oBAAoB,cAClB;EAAC;EAAW,eAAe;EAAY,GAAG;CAAkB,CAAC,CAAC,OAAO,OAAO,GAClF,CAAC,aAAa,GAAG,kBAAkB,CACrC;CAEA,MAAM,iBAAiB,cAAc;EACnC,MAAM,OAAY,CAAC;EACnB,OAAO,QAAQ;GACb,GAAG;GACH,KAAK;GACL,MAAM,UACJ,oBAAC,WAAD;IACE,GAAI;IACW;IACf,cAAc;GACf,CAAA;GAEH,OAAO;GACP,GAAG;EACL,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,YAAiB;GACjC,KAAK,QAAQ,UAAe,oBAAC,QAAD,EAAQ,GAAI,MAAQ,CAAA;EAClD,CAAC;EACD,OAAO;CACT,GAAG;EAAC;EAAY;EAAe;CAAqB,CAAC;CAErD,gBAAgB;EACd,IAAI,CAAC,gBAAgB;EACrB,CAAC,YAAY;GACX,IAAI;IACF,MAAM,EAAE,SAAS,YAAY,MAAM,SAAS,gBAAgB;KAC1D,GAAG;KACH,aAAa,QAAQ,IAAI,aAAa;KACtC,eAAe;KACf,eAAe;IACjB,CAAC;IACD,oBAAoB,OAAO;GAC7B,SAAS,OAAY;IAEnB,0BACE,oBAAC,OAAD;KACE,aAAa,OAAO,OAAO,OAAiB;KAC5C,OAAO;KACP,MAAK;KACL,OAAO,EACL,OAAO,OACT;IACD,CAAA,CACF;IACD,QAAQ,MAAM,wBAAwB,KAAK;GAC7C;EACF,EAAA,CAAG;CACL,GAAG;EAAC;EAAgB;EAAmB;CAAiB,CAAC;CAEzD,IAAI,CAAC,kBAAkB,CAAC,YAAY,OAAO;CAE3C,OACE,oBAAC,YAAD;EACE,WAAW,GAAG,eAAe,OAAO,OAAO,cAAc,OAAO,MAAM,SAAS;EAC/E,kBAAe;EACL;EACM;EACJ;EACI;EACT;EACP,GAAI;EAEJ,UAAA,oBAAC,cAAD;GAAc,QAAQ;GACpB,UAAA,oBAAC,YAAD,EAAY,YAAY,eAAiB,CAAA;EAC7B,CAAA;CACJ,CAAA;AAEhB,CACF;AAEA,IAAI,cAAc"}

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

@@ -0,0 +1,7 @@
+import { DivProps } from "../../types/index.mjs";
+import { FC } from "react";
+//#region src/mdx/Steps/index.d.ts
+declare const Steps: FC<DivProps>;
+//#endregion
+export { Steps as default };
+//# sourceMappingURL=index.d.mts.map

package/es/mdx/Steps/index.mjs

@@ -0,0 +1,17 @@
+"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", {
+		className: cx(styles.container, className),
+		...rest,
+		children
+	});
+};
+Steps.displayName = "MdxSteps";
+//#endregion
+export { Steps as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/mdx/Steps/index.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport type { FC } from 'react';\r\n\r\nimport type { DivProps } from '@/types';\r\n\r\nimport { styles } from './style';\r\n\r\nconst Steps: FC<DivProps> = ({ children, className, ...rest }) => {\r\n  return (\r\n    <div className={cx(styles.container, className)} {...rest}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n\r\nSteps.displayName = 'MdxSteps';\r\n\r\nexport default Steps;\r\n"],"mappings":";;;;;AASA,MAAM,SAAuB,EAAE,UAAU,WAAW,GAAG,WAAW;CAChE,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,WAAW,SAAS;EAAG,GAAI;EAClD;CACE,CAAA;AAET;AAEA,MAAM,cAAc"}

package/es/mdx/Steps/style.mjs

@@ -0,0 +1,63 @@
+import { createStaticStyles } from "antd-style";
+//#region src/mdx/Steps/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => {
+	return { container: css`
+      --jinmi-markdown-header-multiple: 0.5;
+      --jinmi-markdown-margin-multiple: 1;
+
+      position: relative;
+      margin-block: calc(var(--jinmi-markdown-margin-multiple) * 1em);
+      padding-inline-start: 2.5em;
+
+      &::before {
+        content: '';
+
+        position: absolute;
+        inset-block-start: 0.25em;
+        inset-inline-start: 0.9em;
+
+        display: block;
+
+        width: 1px;
+        height: calc(100% - 0.5em);
+
+        background: ${cssVar.colorBorderSecondary};
+      }
+
+      h3 {
+        counter-increment: step;
+
+        &::before {
+          content: counter(step);
+
+          position: absolute;
+          z-index: 1;
+          inset-inline-start: 0;
+
+          display: inline-block;
+
+          width: 1.8em;
+          height: 1.8em;
+          margin-block-start: -0.05em;
+          border-radius: 9999px;
+
+          font-size: 0.8em;
+          font-weight: 500;
+          line-height: 1.8em;
+          color: ${cssVar.colorTextSecondary};
+          text-align: center;
+
+          background: ${cssVar.colorBgElevated};
+          box-shadow: 0 0 0 2px ${cssVar.colorBgLayout};
+        }
+
+        &:not(:first-child) {
+          margin-block-start: 2em;
+        }
+      }
+    ` };
+});
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map