@jinmi/ui 0.0.0-stage → 6.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mdx/Steps/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    container: css`\n      --jinmi-markdown-header-multiple: 0.5;\n      --jinmi-markdown-margin-multiple: 1;\n\n      position: relative;\n      margin-block: calc(var(--jinmi-markdown-margin-multiple) * 1em);\n      padding-inline-start: 2.5em;\n\n      &::before {\n        content: '';\n\n        position: absolute;\n        inset-block-start: 0.25em;\n        inset-inline-start: 0.9em;\n\n        display: block;\n\n        width: 1px;\n        height: calc(100% - 0.5em);\n\n        background: ${cssVar.colorBorderSecondary};\n      }\n\n      h3 {\n        counter-increment: step;\n\n        &::before {\n          content: counter(step);\n\n          position: absolute;\n          z-index: 1;\n          inset-inline-start: 0;\n\n          display: inline-block;\n\n          width: 1.8em;\n          height: 1.8em;\n          margin-block-start: -0.05em;\n          border-radius: 9999px;\n\n          font-size: 0.8em;\n          font-weight: 500;\n          line-height: 1.8em;\n          color: ${cssVar.colorTextSecondary};\n          text-align: center;\n\n          background: ${cssVar.colorBgElevated};\n          box-shadow: 0 0 0 2px ${cssVar.colorBgLayout};\n        }\n\n        &:not(:first-child) {\n          margin-block-start: 2em;\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO,EACL,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;sBAoBI,OAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;mBAuB/B,OAAO,mBAAmB;;;wBAGrB,OAAO,gBAAgB;kCACb,OAAO,cAAc;;;;;;;MAQrD;AACF,CAAC"}

package/es/mdx/Tabs/Tab.d.mts

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

package/es/mdx/Tabs/Tab.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/Tabs/Tab.tsx
+const Tab = ({ children, className, ...rest }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(styles.body, className),
+		...rest,
+		children: /* @__PURE__ */ jsx("div", { children })
+	});
+};
+Tab.displayName = "MdxTab";
+//#endregion
+export { Tab as default };
+
+//# sourceMappingURL=Tab.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.mjs","names":[],"sources":["../../../src/mdx/Tabs/Tab.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 TabProps = DivProps;\r\n\r\nconst Tab: FC<TabProps> = ({ children, className, ...rest }) => {\r\n  return (\r\n    <div className={cx(styles.body, className)} {...rest}>\r\n      <div>{children}</div>\r\n    </div>\r\n  );\r\n};\r\n\r\nTab.displayName = 'MdxTab';\r\n\r\nexport default Tab;\r\n"],"mappings":";;;;;AAWA,MAAM,OAAqB,EAAE,UAAU,WAAW,GAAG,WAAW;CAC9D,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,MAAM,SAAS;EAAG,GAAI;EAC9C,UAAA,oBAAC,OAAD,EAAM,SAAc,CAAA;CACjB,CAAA;AAET;AAEA,IAAI,cAAc"}

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

@@ -0,0 +1,16 @@
+import { FlexboxProps } from "../../Flex/type.mjs";
+import "../../Flex/index.mjs";
+import { TabsProps as TabsProps$1 } from "../../base-ui/Tabs/type.mjs";
+import "../../base-ui/Tabs/index.mjs";
+import { FC, ReactNode } from "react";
+//#region src/mdx/Tabs/index.d.ts
+interface TabsProps extends Omit<FlexboxProps, 'children'> {
+  children: ReactNode[];
+  defaultIndex?: number | string;
+  items: string[];
+  tabNavProps?: Partial<TabsProps$1>;
+}
+declare const Tabs: FC<TabsProps>;
+//#endregion
+export { TabsProps, Tabs as default };
+//# sourceMappingURL=index.d.mts.map

package/es/mdx/Tabs/index.mjs

@@ -0,0 +1,40 @@
+"use client";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import Tabs$1 from "../../base-ui/Tabs/Tabs.mjs";
+import { styles } from "./style.mjs";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/mdx/Tabs/index.tsx
+const Tabs = ({ defaultIndex = "0", items, children, className, tabNavProps = {}, ...rest }) => {
+	const { className: tabNavClassName, onChange, ...tabNavRest } = tabNavProps;
+	const [activeIndex, setActiveIndex] = useState(String(defaultIndex));
+	const index = Number(activeIndex);
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		className: cx(styles.container, className),
+		...rest,
+		children: [/* @__PURE__ */ jsx(Tabs$1, {
+			activeKey: activeIndex,
+			className: cx(styles.header, tabNavClassName),
+			variant: "square",
+			classNames: {
+				indicator: styles.indicator,
+				list: styles.list,
+				tab: styles.tab
+			},
+			items: items.map((item, i) => ({
+				key: String(i),
+				label: item
+			})),
+			onChange: (v) => {
+				setActiveIndex(v);
+				onChange?.(v);
+			},
+			...tabNavRest
+		}), children?.[index] || ""]
+	});
+};
+//#endregion
+export { Tabs as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Flexbox","LobeTabs"],"sources":["../../../src/mdx/Tabs/index.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { type FC, type ReactNode, useState } from 'react';\r\n\r\nimport LobeTabs, { type TabsProps as LobeTabsProps } from '@/base-ui/Tabs';\r\nimport { Flexbox, type FlexboxProps } from '@/Flex';\r\n\r\nimport { styles } from './style';\r\n\r\nexport interface TabsProps extends Omit<FlexboxProps, 'children'> {\r\n  children: ReactNode[];\r\n  defaultIndex?: number | string;\r\n  items: string[];\r\n  tabNavProps?: Partial<LobeTabsProps>;\r\n}\r\n\r\nconst Tabs: FC<TabsProps> = ({\r\n  defaultIndex = '0',\r\n  items,\r\n  children,\r\n  className,\r\n  tabNavProps = {},\r\n  ...rest\r\n}) => {\r\n  const { className: tabNavClassName, onChange, ...tabNavRest } = tabNavProps;\r\n  const [activeIndex, setActiveIndex] = useState<string>(String(defaultIndex));\r\n\r\n  const index = Number(activeIndex);\r\n\r\n  return (\r\n    <Flexbox className={cx(styles.container, className)} {...rest}>\r\n      <LobeTabs\r\n        activeKey={activeIndex}\r\n        className={cx(styles.header, tabNavClassName)}\r\n        variant={'square'}\r\n        classNames={{\r\n          indicator: styles.indicator,\r\n          list: styles.list,\r\n          tab: styles.tab,\r\n        }}\r\n        items={items.map((item, i) => ({\r\n          key: String(i),\r\n          label: item,\r\n        }))}\r\n        onChange={(v) => {\r\n          setActiveIndex(v);\r\n          onChange?.(v);\r\n        }}\r\n        {...tabNavRest}\r\n      />\r\n      {children?.[index] || ''}\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nexport default Tabs;\r\n"],"mappings":";;;;;;;;AAiBA,MAAM,QAAuB,EAC3B,eAAe,KACf,OACA,UACA,WACA,cAAc,CAAC,GACf,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,iBAAiB,UAAU,GAAG,eAAe;CAChE,MAAM,CAAC,aAAa,kBAAkB,SAAiB,OAAO,YAAY,CAAC;CAE3E,MAAM,QAAQ,OAAO,WAAW;CAEhC,OACE,qBAACA,mBAAD;EAAS,WAAW,GAAG,OAAO,WAAW,SAAS;EAAG,GAAI;EAAzD,UAAA,CACE,oBAACC,QAAD;GACE,WAAW;GACX,WAAW,GAAG,OAAO,QAAQ,eAAe;GAC5C,SAAS;GACT,YAAY;IACV,WAAW,OAAO;IAClB,MAAM,OAAO;IACb,KAAK,OAAO;GACd;GACA,OAAO,MAAM,KAAK,MAAM,OAAO;IAC7B,KAAK,OAAO,CAAC;IACb,OAAO;GACT,EAAE;GACF,WAAW,MAAM;IACf,eAAe,CAAC;IAChB,WAAW,CAAC;GACd;GACA,GAAI;EACL,CAAA,GACA,WAAW,UAAU,EACf;;AAEb"}

package/es/mdx/Tabs/style.mjs

@@ -0,0 +1,55 @@
+import { createStaticStyles } from "antd-style";
+//#region src/mdx/Tabs/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => {
+	return {
+		body: css`
+      padding-inline: 1em;
+
+      > div {
+        margin-block: calc(var(--jinmi-markdown-margin-multiple) * 1em);
+      }
+    `,
+		container: css`
+      /* Container styles */
+    `,
+		header: css`
+      /* Header styles */
+    `,
+		indicator: css`
+      && {
+        height: 3px;
+        border-start-start-radius: 3px;
+        border-start-end-radius: 3px;
+      }
+    `,
+		list: css`
+      && {
+        gap: 8px;
+        padding: 4px;
+        box-shadow: none;
+      }
+    `,
+		tab: css`
+      && {
+        height: auto;
+        padding-block: 8px;
+        padding-inline: 12px;
+        border-radius: ${cssVar.borderRadius};
+
+        font-size: 14px;
+        font-weight: 400;
+        line-height: 22px;
+
+        transition: background-color 100ms ease-out;
+      }
+
+      &&:hover:not([data-disabled]) {
+        background: ${cssVar.colorFillTertiary};
+      }
+    `
+	};
+});
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mdx/Tabs/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    body: css`\n      padding-inline: 1em;\n\n      > div {\n        margin-block: calc(var(--jinmi-markdown-margin-multiple) * 1em);\n      }\n    `,\n    container: css`\n      /* Container styles */\n    `,\n    header: css`\n      /* Header styles */\n    `,\n    indicator: css`\n      && {\n        height: 3px;\n        border-start-start-radius: 3px;\n        border-start-end-radius: 3px;\n      }\n    `,\n    list: css`\n      && {\n        gap: 8px;\n        padding: 4px;\n        box-shadow: none;\n      }\n    `,\n    tab: css`\n      && {\n        height: auto;\n        padding-block: 8px;\n        padding-inline: 12px;\n        border-radius: ${cssVar.borderRadius};\n\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 22px;\n\n        transition: background-color 100ms ease-out;\n      }\n\n      &&:hover:not([data-disabled]) {\n        background: ${cssVar.colorFillTertiary};\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,MAAM,GAAG;;;;;;;EAOT,WAAW,GAAG;;;EAGd,QAAQ,GAAG;;;EAGX,WAAW,GAAG;;;;;;;EAOd,MAAM,GAAG;;;;;;;EAOT,KAAK,GAAG;;;;;yBAKa,OAAO,aAAa;;;;;;;;;;sBAUvB,OAAO,kBAAkB;;;CAG7C;AACF,CAAC"}

package/es/mdx/index.d.mts

@@ -0,0 +1,17 @@
+import Callout, { CalloutProps } from "./Callout/index.mjs";
+import Cards, { CardsProps } from "./Cards/index.mjs";
+import Card, { CardProps } from "./Cards/Card.mjs";
+import FileTree, { FileTreeProps } from "./FileTree/index.mjs";
+import File, { FileProps } from "./FileTree/File.mjs";
+import Folder, { FolderProps } from "./FileTree/Folder.mjs";
+import Mdx, { MdxProps } from "./Mdx/index.mjs";
+import mdxComponents from "./mdxComponents/index.mjs";
+import CodeBlock from "./mdxComponents/CodeBlock.mjs";
+import Image, { ImageProps } from "./mdxComponents/Image.mjs";
+import Link, { LinkProps } from "./mdxComponents/Link.mjs";
+import { Pre, PreProps, PreSingleLine } from "./mdxComponents/Pre.mjs";
+import Video, { VideoProps } from "./mdxComponents/Video.mjs";
+import Steps from "./Steps/index.mjs";
+import Tabs, { TabsProps } from "./Tabs/index.mjs";
+import Tab, { TabProps } from "./Tabs/Tab.mjs";
+export { Callout, type CalloutProps, Card, type CardProps, Cards, type CardsProps, CodeBlock, File, type FileProps, FileTree, type FileTreeProps, Folder, type FolderProps, Image, type ImageProps, Link, type LinkProps, Mdx, type MdxProps, Pre, type PreProps, PreSingleLine, Steps, Tab, type TabProps, Tabs, type TabsProps, Video, type VideoProps, mdxComponents };

package/es/mdx/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/mdx/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/mdx/index.mjs

@@ -0,0 +1,17 @@
+import { Pre, PreSingleLine } from "./mdxComponents/Pre.mjs";
+import Image from "./mdxComponents/Image.mjs";
+import Link from "./mdxComponents/Link.mjs";
+import Video from "./mdxComponents/Video.mjs";
+import Callout from "./Callout/index.mjs";
+import Cards from "./Cards/index.mjs";
+import Card from "./Cards/Card.mjs";
+import FileTree from "./FileTree/index.mjs";
+import File from "./FileTree/File.mjs";
+import Folder from "./FileTree/Folder.mjs";
+import Steps from "./Steps/index.mjs";
+import Tabs from "./Tabs/index.mjs";
+import Tab from "./Tabs/Tab.mjs";
+import mdxComponents from "./mdxComponents/index.mjs";
+import CodeBlock from "./mdxComponents/CodeBlock.mjs";
+import Mdx from "./Mdx/index.mjs";
+export { Callout, Card, Cards, CodeBlock, File, FileTree, Folder, Image, Link, Mdx, Pre, PreSingleLine, Steps, Tab, Tabs, Video, mdxComponents };

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

@@ -0,0 +1,69 @@
+"use client";
+import FlexBasic_default from "../../../Flex/FlexBasic.mjs";
+import Icon from "../../../Icon/Icon.mjs";
+import Popover from "../../../base-ui/Popover/Popover.mjs";
+import { styles } from "./style.mjs";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowRightIcon } from "lucide-react";
+//#region src/mdx/mdxComponents/Citation/PopoverPanel.tsx
+const PopoverPanel = ({ children, usePopover, title, alt, url }) => {
+	const [displayTitle, domain, host] = useMemo(() => {
+		try {
+			const urlObj = new URL(url);
+			const hostForUrl = urlObj.host;
+			let displayTitle = title;
+			if (title === url) displayTitle = "";
+			let domain = urlObj.hostname.replace("www.", "");
+			if (!displayTitle) domain = url;
+			return [
+				displayTitle,
+				domain,
+				hostForUrl
+			];
+		} catch {
+			return [
+				title,
+				url,
+				url
+			];
+		}
+	}, [url, title]);
+	return usePopover && url ? /* @__PURE__ */ jsx(Popover, {
+		arrow: false,
+		trigger: "hover",
+		content: /* @__PURE__ */ jsxs(FlexBasic_default, {
+			gap: 8,
+			children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+				horizontal: true,
+				className: styles.link,
+				gap: 12,
+				justify: "space-between",
+				onClick: () => {
+					window.open(url, "_blank");
+				},
+				children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+					horizontal: true,
+					align: "center",
+					gap: 4,
+					children: [/* @__PURE__ */ jsx("img", {
+						alt: alt || title || url,
+						height: 14,
+						src: `https://icons.duckduckgo.com/ip3/${host}.ico`,
+						style: { borderRadius: 4 },
+						width: 14
+					}), /* @__PURE__ */ jsx("span", {
+						className: styles.url,
+						children: domain
+					})]
+				}), /* @__PURE__ */ jsx(Icon, { icon: ArrowRightIcon })]
+			}), displayTitle]
+		}),
+		children
+	}) : children;
+};
+PopoverPanel.displayName = "MdxPopoverPanel";
+//#endregion
+export { PopoverPanel as default };
+
+//# sourceMappingURL=PopoverPanel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverPanel.mjs","names":["Flexbox"],"sources":["../../../../src/mdx/mdxComponents/Citation/PopoverPanel.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ArrowRightIcon } from 'lucide-react';\r\nimport { type FC, type ReactNode, useMemo } from 'react';\r\n\r\nimport Popover from '@/base-ui/Popover';\r\nimport { Flexbox } from '@/Flex';\r\nimport Icon from '@/Icon';\r\n\r\nimport { styles } from './style';\r\n\r\ninterface PopoverPanelProps {\r\n  alt?: string;\r\n  children?: ReactNode;\r\n  title?: string;\r\n  url?: string;\r\n  usePopover?: boolean;\r\n}\r\n\r\nconst PopoverPanel: FC<PopoverPanelProps> = ({ children, usePopover, title, alt, url }) => {\r\n  const [displayTitle, domain, host] = useMemo(() => {\r\n    try {\r\n      const urlObj = new URL(url!);\r\n      const hostForUrl = urlObj.host;\r\n\r\n      let displayTitle = title;\r\n\r\n      if (title === url) {\r\n        displayTitle = '';\r\n      }\r\n\r\n      let domain = urlObj.hostname.replace('www.', '');\r\n      if (!displayTitle) domain = url!;\r\n\r\n      return [displayTitle, domain, hostForUrl];\r\n    } catch {\r\n      return [title, url, url];\r\n    }\r\n  }, [url, title]);\r\n\r\n  return usePopover && url ? (\r\n    <Popover\r\n      arrow={false}\r\n      trigger={'hover'}\r\n      content={\r\n        <Flexbox gap={8}>\r\n          <Flexbox\r\n            horizontal\r\n            className={styles.link}\r\n            gap={12}\r\n            justify={'space-between'}\r\n            onClick={() => {\r\n              window.open(url, '_blank');\r\n            }}\r\n          >\r\n            <Flexbox horizontal align={'center'} gap={4}>\r\n              <img\r\n                alt={alt || title || url}\r\n                height={14}\r\n                src={`https://icons.duckduckgo.com/ip3/${host}.ico`}\r\n                style={{ borderRadius: 4 }}\r\n                width={14}\r\n              />\r\n              <span className={styles.url}>{domain}</span>\r\n            </Flexbox>\r\n            <Icon icon={ArrowRightIcon} />\r\n          </Flexbox>\r\n          {displayTitle}\r\n        </Flexbox>\r\n      }\r\n    >\r\n      {children}\r\n    </Popover>\r\n  ) : (\r\n    children\r\n  );\r\n};\r\n\r\nPopoverPanel.displayName = 'MdxPopoverPanel';\r\n\r\nexport default PopoverPanel;\r\n"],"mappings":";;;;;;;;;AAmBA,MAAM,gBAAuC,EAAE,UAAU,YAAY,OAAO,KAAK,UAAU;CACzF,MAAM,CAAC,cAAc,QAAQ,QAAQ,cAAc;EACjD,IAAI;GACF,MAAM,SAAS,IAAI,IAAI,GAAI;GAC3B,MAAM,aAAa,OAAO;GAE1B,IAAI,eAAe;GAEnB,IAAI,UAAU,KACZ,eAAe;GAGjB,IAAI,SAAS,OAAO,SAAS,QAAQ,QAAQ,EAAE;GAC/C,IAAI,CAAC,cAAc,SAAS;GAE5B,OAAO;IAAC;IAAc;IAAQ;GAAU;EAC1C,QAAQ;GACN,OAAO;IAAC;IAAO;IAAK;GAAG;EACzB;CACF,GAAG,CAAC,KAAK,KAAK,CAAC;CAEf,OAAO,cAAc,MACnB,oBAAC,SAAD;EACE,OAAO;EACP,SAAS;EACT,SACE,qBAACA,mBAAD;GAAS,KAAK;GAAd,UAAA,CACE,qBAACA,mBAAD;IACE,YAAA;IACA,WAAW,OAAO;IAClB,KAAK;IACL,SAAS;IACT,eAAe;KACb,OAAO,KAAK,KAAK,QAAQ;IAC3B;IAPF,UAAA,CASE,qBAACA,mBAAD;KAAS,YAAA;KAAW,OAAO;KAAU,KAAK;KAA1C,UAAA,CACE,oBAAC,OAAD;MACE,KAAK,OAAO,SAAS;MACrB,QAAQ;MACR,KAAK,oCAAoC,KAAK;MAC9C,OAAO,EAAE,cAAc,EAAE;MACzB,OAAO;KACR,CAAA,GACD,oBAAC,QAAD;MAAM,WAAW,OAAO;MAAM,UAAA;KAAa,CAAA,CACpC;IACT,CAAA,GAAA,oBAAC,MAAD,EAAM,MAAM,eAAiB,CAAA,CACtB;GACR,CAAA,GAAA,YACM;;EAGV;CACM,CAAA,IAET;AAEJ;AAEA,aAAa,cAAc"}

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

@@ -0,0 +1,51 @@
+"use client";
+import { styles } from "./style.mjs";
+import PopoverPanel from "./PopoverPanel.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { isEmpty } from "es-toolkit/compat";
+//#region src/mdx/mdxComponents/Citation/index.tsx
+const Citation = ({ children, href, inSup, id, citationDetail }) => {
+	const usePopover = !isEmpty(citationDetail);
+	const url = citationDetail?.url || href;
+	if (inSup) return /* @__PURE__ */ jsx(PopoverPanel, {
+		...citationDetail,
+		usePopover,
+		children: /* @__PURE__ */ jsx("span", {
+			className: styles.container,
+			children: /* @__PURE__ */ jsx("a", {
+				"aria-describedby": "footnote-label",
+				"data-footnote-ref": "true",
+				href: url,
+				id,
+				rel: "noreferrer",
+				target: citationDetail?.url ? "_blank" : void 0,
+				children
+			})
+		})
+	});
+	return /* @__PURE__ */ jsx(PopoverPanel, {
+		...citationDetail,
+		usePopover,
+		children: /* @__PURE__ */ jsx("sup", {
+			className: cx(styles.container, styles.supContainer),
+			children: url ? /* @__PURE__ */ jsx("a", {
+				"aria-describedby": "footnote-label",
+				"data-footnote-ref": true,
+				href: url,
+				rel: "noreferrer",
+				target: "_blank",
+				children
+			}) : /* @__PURE__ */ jsx("span", {
+				"aria-describedby": "footnote-label",
+				"data-footnote-ref": true,
+				children
+			})
+		})
+	});
+};
+Citation.displayName = "MdxCitation";
+//#endregion
+export { Citation as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/mdx/mdxComponents/Citation/index.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { isEmpty } from 'es-toolkit/compat';\r\nimport type { FC, ReactNode } from 'react';\r\n\r\nimport PopoverPanel from '@/mdx/mdxComponents/Citation/PopoverPanel';\r\nimport type { CitationItem } from '@/types/citation';\r\n\r\nimport { styles } from './style';\r\n\r\ninterface CitationProps {\r\n  children?: ReactNode;\r\n  citationDetail?: CitationItem;\r\n  citations?: string[];\r\n  href?: string;\r\n  id: string;\r\n  inSup?: boolean;\r\n}\r\n\r\nconst Citation: FC<CitationProps> = ({ children, href, inSup, id, citationDetail }) => {\r\n  const usePopover = !isEmpty(citationDetail);\r\n  const url = citationDetail?.url || href;\r\n\r\n  // [^1] 格式类型\r\n  if (inSup) {\r\n    return (\r\n      <PopoverPanel {...citationDetail} usePopover={usePopover}>\r\n        <span className={styles.container}>\r\n          <a\r\n            aria-describedby=\"footnote-label\"\r\n            data-footnote-ref=\"true\"\r\n            href={url}\r\n            id={id}\r\n            rel=\"noreferrer\"\r\n            target={citationDetail?.url ? '_blank' : undefined}\r\n          >\r\n            {children}\r\n          </a>\r\n        </span>\r\n      </PopoverPanel>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <PopoverPanel {...citationDetail} usePopover={usePopover}>\r\n      <sup className={cx(styles.container, styles.supContainer)}>\r\n        {url ? (\r\n          <a\r\n            aria-describedby=\"footnote-label\"\r\n            data-footnote-ref={true}\r\n            href={url}\r\n            rel=\"noreferrer\"\r\n            target={'_blank'}\r\n          >\r\n            {children}\r\n          </a>\r\n        ) : (\r\n          <span aria-describedby=\"footnote-label\" data-footnote-ref={true}>\r\n            {children}\r\n          </span>\r\n        )}\r\n      </sup>\r\n    </PopoverPanel>\r\n  );\r\n};\r\n\r\nCitation.displayName = 'MdxCitation';\r\n\r\nexport default Citation;\r\n"],"mappings":";;;;;;;AAoBA,MAAM,YAA+B,EAAE,UAAU,MAAM,OAAO,IAAI,qBAAqB;CACrF,MAAM,aAAa,CAAC,QAAQ,cAAc;CAC1C,MAAM,MAAM,gBAAgB,OAAO;CAGnC,IAAI,OACF,OACE,oBAAC,cAAD;EAAc,GAAI;EAA4B;EAC5C,UAAA,oBAAC,QAAD;GAAM,WAAW,OAAO;GACtB,UAAA,oBAAC,KAAD;IACE,oBAAiB;IACjB,qBAAkB;IAClB,MAAM;IACF;IACJ,KAAI;IACJ,QAAQ,gBAAgB,MAAM,WAAW,KAAA;IAExC;GACA,CAAA;EACC,CAAA;CACM,CAAA;CAIlB,OACE,oBAAC,cAAD;EAAc,GAAI;EAA4B;EAC5C,UAAA,oBAAC,OAAD;GAAK,WAAW,GAAG,OAAO,WAAW,OAAO,YAAY;GACrD,UAAA,MACC,oBAAC,KAAD;IACE,oBAAiB;IACjB,qBAAmB;IACnB,MAAM;IACN,KAAI;IACJ,QAAQ;IAEP;GACA,CAAA,IAEH,oBAAC,QAAD;IAAM,oBAAiB;IAAiB,qBAAmB;IACxD;GACG,CAAA;EAEL,CAAA;CACO,CAAA;AAElB;AAEA,SAAS,cAAc"}

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

@@ -0,0 +1,38 @@
+import { createStaticStyles } from "antd-style";
+//#region src/mdx/mdxComponents/Citation/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	container: css`
+    display: inline-flex;
+    line-height: var(--jinmi-markdown-line-height);
+    vertical-align: baseline;
+
+    a {
+      color: inherit;
+    }
+  `,
+	link: css`
+    cursor: pointer;
+    color: ${cssVar.colorTextSecondary};
+
+    :hover {
+      color: ${cssVar.colorText};
+    }
+  `,
+	supContainer: css`
+    vertical-align: super;
+  `,
+	url: css`
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+
+    max-width: 400px;
+
+    text-overflow: ellipsis;
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../src/mdx/mdxComponents/Citation/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  container: css`\n    display: inline-flex;\n    line-height: var(--jinmi-markdown-line-height);\n    vertical-align: baseline;\n\n    a {\n      color: inherit;\n    }\n  `,\n  link: css`\n    cursor: pointer;\n    color: ${cssVar.colorTextSecondary};\n\n    :hover {\n      color: ${cssVar.colorText};\n    }\n  `,\n  supContainer: css`\n    vertical-align: super;\n  `,\n  url: css`\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n\n    max-width: 400px;\n\n    text-overflow: ellipsis;\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,WAAW,GAAG;;;;;;;;;CASd,MAAM,GAAG;;aAEE,OAAO,mBAAmB;;;eAGxB,OAAO,UAAU;;;CAG9B,cAAc,GAAG;;;CAGjB,KAAK,GAAG;;;;;;;;;;AAUV,EAAE"}

package/es/mdx/mdxComponents/CodeBlock.d.mts

@@ -0,0 +1,14 @@
+import { MermaidProps } from "../../Mermaid/type.mjs";
+import "../../Mermaid/index.mjs";
+import { FC } from "react";
+//#region src/mdx/mdxComponents/CodeBlock.d.ts
+interface CodeBlockProps {
+  children: any;
+  enableMermaid?: boolean;
+  fullFeatured?: boolean;
+  mermaid?: MermaidProps;
+}
+declare const CodeBlock: FC<CodeBlockProps>;
+//#endregion
+export { CodeBlock as default };
+//# sourceMappingURL=CodeBlock.d.mts.map

package/es/mdx/mdxComponents/CodeBlock.mjs

@@ -0,0 +1,45 @@
+"use client";
+import "../../Highlighter/const.mjs";
+import { Pre, PreMermaid, PreSingleLine } from "./Pre.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/mdx/mdxComponents/CodeBlock.tsx
+const countLines = (str) => {
+	const matches = str.match(/\n/g);
+	return matches ? matches.length : 1;
+};
+const useCode = (raw) => {
+	if (!raw) return;
+	const { children = "", className } = raw?.props || { children: "" };
+	if (!children) return;
+	const content = Array.isArray(children) ? children[0] : children;
+	const lang = className?.replace("language-", "") || "plaintext";
+	return {
+		content,
+		isSingleLine: countLines(content) <= 1 && content.length <= 32,
+		lang
+	};
+};
+const CodeBlock = ({ children, fullFeatured, enableMermaid, mermaid }) => {
+	const code = useCode(children);
+	if (!code) return;
+	if (enableMermaid && code.lang === "mermaid") return /* @__PURE__ */ jsx(PreMermaid, {
+		fullFeatured,
+		...mermaid,
+		children: code.content
+	});
+	if (code.isSingleLine) return /* @__PURE__ */ jsx(PreSingleLine, {
+		language: code.lang,
+		children: code.content
+	});
+	return /* @__PURE__ */ jsx(Pre, {
+		allowChangeLanguage: false,
+		fullFeatured,
+		language: code.lang,
+		children: code.content
+	});
+};
+CodeBlock.displayName = "MdxCodeBlock";
+//#endregion
+export { CodeBlock as default };
+
+//# sourceMappingURL=CodeBlock.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.mjs","names":[],"sources":["../../../src/mdx/mdxComponents/CodeBlock.tsx"],"sourcesContent":["'use client';\r\n\r\nimport type { FC } from 'react';\r\n\r\nimport { FALLBACK_LANG } from '@/Highlighter/const';\r\nimport type { MermaidProps } from '@/Mermaid';\r\n\r\nimport { Pre, PreMermaid, PreSingleLine } from '../mdxComponents/Pre';\r\n\r\nconst countLines = (str: string): number => {\r\n  const regex = /\\n/g;\r\n  const matches = str.match(regex);\r\n  return matches ? matches.length : 1;\r\n};\r\n\r\nconst useCode = (raw: any) => {\r\n  if (!raw) return;\r\n\r\n  const { children = '', className } = raw?.props || { children: '' };\r\n\r\n  if (!children) return;\r\n\r\n  const content = Array.isArray(children) ? (children[0] as string) : children;\r\n\r\n  const lang = className?.replace('language-', '') || FALLBACK_LANG;\r\n\r\n  const isSingleLine = countLines(content) <= 1 && content.length <= 32;\r\n\r\n  return {\r\n    content,\r\n    isSingleLine,\r\n    lang,\r\n  };\r\n};\r\n\r\ninterface CodeBlockProps {\r\n  children: any;\r\n  enableMermaid?: boolean;\r\n  fullFeatured?: boolean;\r\n  mermaid?: MermaidProps;\r\n}\r\n\r\nconst CodeBlock: FC<CodeBlockProps> = ({ children, fullFeatured, enableMermaid, mermaid }) => {\r\n  const code = useCode(children);\r\n\r\n  if (!code) return;\r\n\r\n  if (enableMermaid && code.lang === 'mermaid')\r\n    return (\r\n      <PreMermaid fullFeatured={fullFeatured} {...mermaid}>\r\n        {code.content}\r\n      </PreMermaid>\r\n    );\r\n\r\n  if (code.isSingleLine) return <PreSingleLine language={code.lang}>{code.content}</PreSingleLine>;\r\n\r\n  return (\r\n    <Pre allowChangeLanguage={false} fullFeatured={fullFeatured} language={code.lang}>\r\n      {code.content}\r\n    </Pre>\r\n  );\r\n};\r\n\r\nCodeBlock.displayName = 'MdxCodeBlock';\r\n\r\nexport default CodeBlock;\r\n"],"mappings":";;;;;AASA,MAAM,cAAc,QAAwB;CAE1C,MAAM,UAAU,IAAI,MAAM,KAAK;CAC/B,OAAO,UAAU,QAAQ,SAAS;AACpC;AAEA,MAAM,WAAW,QAAa;CAC5B,IAAI,CAAC,KAAK;CAEV,MAAM,EAAE,WAAW,IAAI,cAAc,KAAK,SAAS,EAAE,UAAU,GAAG;CAElE,IAAI,CAAC,UAAU;CAEf,MAAM,UAAU,MAAM,QAAQ,QAAQ,IAAK,SAAS,KAAgB;CAEpE,MAAM,OAAO,WAAW,QAAQ,aAAa,EAAE,KAAA;CAI/C,OAAO;EACL;EACA,cAJmB,WAAW,OAAO,KAAK,KAAK,QAAQ,UAAU;EAKjE;CACF;AACF;AASA,MAAM,aAAiC,EAAE,UAAU,cAAc,eAAe,cAAc;CAC5F,MAAM,OAAO,QAAQ,QAAQ;CAE7B,IAAI,CAAC,MAAM;CAEX,IAAI,iBAAiB,KAAK,SAAS,WACjC,OACE,oBAAC,YAAD;EAA0B;EAAc,GAAI;EACzC,UAAA,KAAK;CACI,CAAA;CAGhB,IAAI,KAAK,cAAc,OAAO,oBAAC,eAAD;EAAe,UAAU,KAAK;EAAO,UAAA,KAAK;CAAuB,CAAA;CAE/F,OACE,oBAAC,KAAD;EAAK,qBAAqB;EAAqB;EAAc,UAAU,KAAK;EACzE,UAAA,KAAK;CACH,CAAA;AAET;AAEA,UAAU,cAAc"}

package/es/mdx/mdxComponents/Image.d.mts

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

package/es/mdx/mdxComponents/Image.mjs

@@ -0,0 +1,20 @@
+"use client";
+import Image$1 from "../../Image/index.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/mdx/mdxComponents/Image.tsx
+const Image = ({ style, alt = "img", ...rest }) => {
+	return /* @__PURE__ */ jsx(Image$1, {
+		alt,
+		style: {
+			borderRadius: "calc(var(--jinmi-markdown-border-radius) * 1px)",
+			marginBlock: "calc(var(--jinmi-markdown-margin-multiple) * 1em)",
+			...style
+		},
+		...rest
+	});
+};
+Image.displayName = "MdxImage";
+//#endregion
+export { Image as default };
+
+//# sourceMappingURL=Image.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.mjs","names":["LobeImage"],"sources":["../../../src/mdx/mdxComponents/Image.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\n\nimport LobeImage, { type ImageProps as LobeImageProps } from '@/Image';\n\nexport type ImageProps = LobeImageProps;\nconst Image: FC<ImageProps> = ({ style, alt = 'img', ...rest }) => {\n  return (\n    <LobeImage\n      alt={alt}\n      style={{\n        borderRadius: 'calc(var(--jinmi-markdown-border-radius) * 1px)',\n        marginBlock: 'calc(var(--jinmi-markdown-margin-multiple) * 1em)',\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n\nImage.displayName = 'MdxImage';\n\nexport default Image;\n"],"mappings":";;;;AAOA,MAAM,SAAyB,EAAE,OAAO,MAAM,OAAO,GAAG,WAAW;CACjE,OACE,oBAACA,SAAD;EACO;EACL,OAAO;GACL,cAAc;GACd,aAAa;GACb,GAAG;EACL;EACA,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,cAAc"}

package/es/mdx/mdxComponents/Link.d.mts

@@ -0,0 +1,16 @@
+import { AProps } from "../../types/index.mjs";
+import { CitationItem } from "../../types/citation.mjs";
+import { FC } from "react";
+//#region src/mdx/mdxComponents/Link.d.ts
+interface LinkProps extends AProps {
+  'aria-describedby'?: string;
+  'citations'?: CitationItem[];
+  'data-footnote-ref'?: boolean;
+  'data-link'?: string;
+  'id'?: string;
+  'node'?: any;
+}
+declare const Link: FC<LinkProps>;
+//#endregion
+export { LinkProps, Link as default };
+//# sourceMappingURL=Link.d.mts.map

package/es/mdx/mdxComponents/Link.mjs

@@ -0,0 +1,36 @@
+"use client";
+import A from "../../A/index.mjs";
+import { safeParseJSON } from "../../utils/safeParseJSON.mjs";
+import Citation from "./Citation/index.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/mdx/mdxComponents/Link.tsx
+const Link = ({ href, target, citations, ...rest }) => {
+	if (rest["data-footnote-ref"]) return /* @__PURE__ */ jsx(Citation, {
+		inSup: true,
+		citationDetail: safeParseJSON(rest["data-link"]),
+		href,
+		id: rest.id,
+		children: rest.children
+	});
+	const match = href?.match(/citation-(\d+)/);
+	if (match) {
+		const index = Number.parseInt(match[1]) - 1;
+		const detail = citations?.[index];
+		return /* @__PURE__ */ jsx(Citation, {
+			citationDetail: detail,
+			id: match[1],
+			children: match[1]
+		});
+	}
+	const isNewWindow = href?.startsWith("http");
+	return /* @__PURE__ */ jsx(A, {
+		href,
+		target: target || isNewWindow ? "_blank" : void 0,
+		...rest
+	});
+};
+Link.displayName = "MdxLink";
+//#endregion
+export { Link as default };
+
+//# sourceMappingURL=Link.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.mjs","names":[],"sources":["../../../src/mdx/mdxComponents/Link.tsx"],"sourcesContent":["'use client';\r\n\r\nimport type { FC } from 'react';\r\n\r\nimport A from '@/A';\r\nimport type { AProps } from '@/types';\r\nimport type { CitationItem } from '@/types/citation';\r\nimport { safeParseJSON } from '@/utils/safeParseJSON';\r\n\r\nimport Citation from './Citation';\r\n\r\nexport interface LinkProps extends AProps {\r\n  'aria-describedby'?: string;\r\n  'citations'?: CitationItem[];\r\n  'data-footnote-ref'?: boolean;\r\n  'data-link'?: string;\r\n  'id'?: string;\r\n  'node'?: any;\r\n}\r\n\r\nconst Link: FC<LinkProps> = ({ href, target, citations, ...rest }) => {\r\n  // [^1] 格式类型\r\n  if (rest['data-footnote-ref']) {\r\n    return (\r\n      <Citation inSup citationDetail={safeParseJSON(rest['data-link'])} href={href} id={rest.id!}>\r\n        {rest.children}\r\n      </Citation>\r\n    );\r\n  }\r\n\r\n  // [1] 格式类型，搭配 citations 注入\r\n  const match = href?.match(/citation-(\\d+)/);\r\n\r\n  if (match) {\r\n    const index = Number.parseInt(match[1]) - 1;\r\n\r\n    const detail = citations?.[index];\r\n\r\n    return (\r\n      <Citation citationDetail={detail} id={match[1]}>\r\n        {match[1]}\r\n      </Citation>\r\n    );\r\n  }\r\n\r\n  const isNewWindow = href?.startsWith('http');\r\n\r\n  return <A href={href} target={target || isNewWindow ? '_blank' : undefined} {...rest} />;\r\n};\r\n\r\nLink.displayName = 'MdxLink';\r\n\r\nexport default Link;\r\n"],"mappings":";;;;;;AAoBA,MAAM,QAAuB,EAAE,MAAM,QAAQ,WAAW,GAAG,WAAW;CAEpE,IAAI,KAAK,sBACP,OACE,oBAAC,UAAD;EAAU,OAAA;EAAM,gBAAgB,cAAc,KAAK,YAAY;EAAS;EAAM,IAAI,KAAK;EACpF,UAAA,KAAK;CACE,CAAA;CAKd,MAAM,QAAQ,MAAM,MAAM,gBAAgB;CAE1C,IAAI,OAAO;EACT,MAAM,QAAQ,OAAO,SAAS,MAAM,EAAE,IAAI;EAE1C,MAAM,SAAS,YAAY;EAE3B,OACE,oBAAC,UAAD;GAAU,gBAAgB;GAAQ,IAAI,MAAM;GACzC,UAAA,MAAM;EACC,CAAA;CAEd;CAEA,MAAM,cAAc,MAAM,WAAW,MAAM;CAE3C,OAAO,oBAAC,GAAD;EAAS;EAAM,QAAQ,UAAU,cAAc,WAAW,KAAA;EAAW,GAAI;CAAO,CAAA;AACzF;AAEA,KAAK,cAAc"}

package/es/mdx/mdxComponents/Pre.d.mts

@@ -0,0 +1,14 @@
+import { HighlighterProps } from "../../Highlighter/type.mjs";
+import "../../Highlighter/index.mjs";
+import "../../HtmlPreview/index.mjs";
+import "../../Mermaid/index.mjs";
+import { SnippetProps } from "../../Snippet/type.mjs";
+import "../../Snippet/index.mjs";
+import { FC } from "react";
+//#region src/mdx/mdxComponents/Pre.d.ts
+type PreProps = HighlighterProps;
+declare const Pre: FC<PreProps>;
+declare const PreSingleLine: FC<SnippetProps>;
+//#endregion
+export { Pre, Pre as default, PreProps, PreSingleLine };
+//# sourceMappingURL=Pre.d.mts.map

package/es/mdx/mdxComponents/Pre.mjs

@@ -0,0 +1,70 @@
+"use client";
+import { FALLBACK_LANG } from "../../Highlighter/const.mjs";
+import { Highlighter } from "../../Highlighter/Highlighter.mjs";
+import HtmlPreview from "../../HtmlPreview/HtmlPreview.mjs";
+import Mermaid from "../../Mermaid/Mermaid.mjs";
+import Snippet from "../../Snippet/Snippet.mjs";
+import { jsx } from "react/jsx-runtime";
+import { createStaticStyles, cx } from "antd-style";
+//#region src/mdx/mdxComponents/Pre.tsx
+const styles = createStaticStyles(({ css }) => ({ container: css`
+    overflow: hidden;
+    margin-block: calc(var(--jinmi-markdown-margin-multiple) * 0.5em);
+    border-radius: calc(var(--jinmi-markdown-border-radius) * 1px);
+    box-shadow: 0 0 0 1px var(--jinmi-markdown-border-color) inset;
+  ` }));
+const Pre = ({ fullFeatured, fileName, allowChangeLanguage, language = FALLBACK_LANG, children, className, style, variant = "filled", icon, theme, ...rest }) => {
+	return /* @__PURE__ */ jsx(Highlighter, {
+		allowChangeLanguage,
+		className: cx(styles.container, className),
+		fileName,
+		fullFeatured,
+		icon,
+		language,
+		style,
+		theme,
+		variant,
+		...rest,
+		children
+	});
+};
+const PreSingleLine = ({ language = FALLBACK_LANG, children, className, style, variant = "filled", ...rest }) => {
+	return /* @__PURE__ */ jsx(Snippet, {
+		className: cx(styles.container, className),
+		"data-code-type": "highlighter",
+		language,
+		style,
+		variant,
+		...rest,
+		children
+	});
+};
+const PreMermaid = ({ animated, fullFeatured, children, className, style, variant = "filled", theme, ...rest }) => {
+	return /* @__PURE__ */ jsx(Mermaid, {
+		animated,
+		className: cx(styles.container, className),
+		fullFeatured,
+		style,
+		theme,
+		variant,
+		...rest,
+		children
+	});
+};
+const PreHtmlPreview = ({ animated, fullFeatured, children, className, style, variant = "filled", theme, ...rest }) => {
+	return /* @__PURE__ */ jsx(HtmlPreview, {
+		animated,
+		className: cx(styles.container, className),
+		fullFeatured,
+		style,
+		theme,
+		variant,
+		...rest,
+		children
+	});
+};
+Pre.displayName = "MdxPre";
+//#endregion
+export { Pre, Pre as default, PreHtmlPreview, PreMermaid, PreSingleLine };
+
+//# sourceMappingURL=Pre.mjs.map