@lobehub/ui 3.4.2 → 3.4.3

package/es/mdx/Steps/style.mjs

@@ -0,0 +1,64 @@
+import { createStyles } from "antd-style";
+
+//#region src/mdx/Steps/style.ts
+const useStyles = createStyles(({ css: css$1, token }) => {
+	return { container: css$1`
+      --lobe-markdown-header-multiple: 0.5;
+      --lobe-markdown-margin-multiple: 1;
+
+      position: relative;
+      margin-block: calc(var(--lobe-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: ${token.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;
+
+          font-size: 0.8em;
+          font-weight: 500;
+          line-height: 1.8em;
+          color: ${token.colorTextSecondary};
+          text-align: center;
+
+          background: ${token.colorBgElevated};
+          border-radius: 9999px;
+          box-shadow: 0 0 0 2px ${token.colorBgLayout};
+        }
+
+        &:not(:first-child) {
+          margin-block-start: 2em;
+        }
+      }
+    ` };
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mdx/Steps/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css, token }) => {\n  return {\n    container: css`\n      --lobe-markdown-header-multiple: 0.5;\n      --lobe-markdown-margin-multiple: 1;\n\n      position: relative;\n      margin-block: calc(var(--lobe-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: ${token.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\n          font-size: 0.8em;\n          font-weight: 500;\n          line-height: 1.8em;\n          color: ${token.colorTextSecondary};\n          text-align: center;\n\n          background: ${token.colorBgElevated};\n          border-radius: 9999px;\n          box-shadow: 0 0 0 2px ${token.colorBgLayout};\n        }\n\n        &:not(:first-child) {\n          margin-block-start: 2em;\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,YAAK,YAAY;AACxD,QAAO,EACL,WAAW,KAAG;;;;;;;;;;;;;;;;;;;;sBAoBI,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;mBAsB9B,MAAM,mBAAmB;;;wBAGpB,MAAM,gBAAgB;;kCAEZ,MAAM,cAAc;;;;;;;OAQnD;EACD"}

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

@@ -0,0 +1,9 @@
+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 { Tab, TabProps };
+//# sourceMappingURL=Tab.d.mts.map

package/es/mdx/Tabs/Tab.mjs

@@ -0,0 +1,29 @@
+'use client';
+
+import { createStyles } from "antd-style";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/mdx/Tabs/Tab.tsx
+const useStyles = createStyles(({ css: css$1 }) => {
+	return { body: css$1`
+      padding-inline: 1em;
+
+      > div {
+        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);
+      }
+    ` };
+});
+const Tab = ({ children, className, ...rest }) => {
+	const { cx: cx$1, styles } = useStyles();
+	return /* @__PURE__ */ jsx("div", {
+		className: cx$1(styles.body, className),
+		...rest,
+		children: /* @__PURE__ */ jsx("div", { children })
+	});
+};
+Tab.displayName = "MdxTab";
+var Tab_default = Tab;
+
+//#endregion
+export { Tab_default as default };
+//# sourceMappingURL=Tab.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.mjs","names":["Tab: FC<TabProps>","cx"],"sources":["../../../src/mdx/Tabs/Tab.tsx"],"sourcesContent":["'use client';\n\nimport { createStyles } from 'antd-style';\nimport { FC } from 'react';\n\nimport { DivProps } from '@/types';\n\nconst useStyles = createStyles(({ css }) => {\n  return {\n    body: css`\n      padding-inline: 1em;\n\n      > div {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      }\n    `,\n  };\n});\n\nexport type TabProps = DivProps;\n\nconst Tab: FC<TabProps> = ({ children, className, ...rest }) => {\n  const { cx, styles } = useStyles();\n\n  return (\n    <div className={cx(styles.body, className)} {...rest}>\n      <div>{children}</div>\n    </div>\n  );\n};\n\nTab.displayName = 'MdxTab';\n\nexport default Tab;\n"],"mappings":";;;;;;AAOA,MAAM,YAAY,cAAc,EAAE,iBAAU;AAC1C,QAAO,EACL,MAAM,KAAG;;;;;;OAOV;EACD;AAIF,MAAMA,OAAqB,EAAE,UAAU,WAAW,GAAG,WAAW;CAC9D,MAAM,EAAE,UAAI,WAAW,WAAW;AAElC,QACE,oBAAC;EAAI,WAAWC,KAAG,OAAO,MAAM,UAAU;EAAE,GAAI;YAC9C,oBAAC,SAAK,WAAe;GACjB;;AAIV,IAAI,cAAc;AAElB,kBAAe"}

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

@@ -0,0 +1,17 @@
+import { FlexboxProps } from "../../Flex/type.mjs";
+import "../../Flex/index.mjs";
+import { TabsProps as TabsProps$1 } from "../../Tabs/type.mjs";
+import "../../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 { Tabs, TabsProps };
+//# sourceMappingURL=index.d.mts.map

package/es/mdx/Tabs/index.mjs

@@ -0,0 +1,38 @@
+'use client';
+
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import Tabs_default$1 from "../../Tabs/Tabs.mjs";
+import { useStyles } from "./style.mjs";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#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 { cx, styles } = useStyles();
+	const index = Number(activeIndex);
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		className: cx(styles.container, className),
+		...rest,
+		children: [/* @__PURE__ */ jsx(Tabs_default$1, {
+			activeKey: activeIndex,
+			className: cx(styles.header, tabNavClassName),
+			compact: true,
+			items: items.map((item, i) => ({
+				key: String(i),
+				label: item
+			})),
+			onChange: (v) => {
+				setActiveIndex(v);
+				onChange?.(v);
+			},
+			...tabNavRest
+		}), children?.[index] || ""]
+	});
+};
+var Tabs_default = Tabs;
+
+//#endregion
+export { Tabs_default as default };
+//# sourceMappingURL=index.mjs.map

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

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

package/es/mdx/Tabs/style.mjs

@@ -0,0 +1,26 @@
+import { createStyles } from "antd-style";
+
+//#region src/mdx/Tabs/style.ts
+const useStyles = createStyles(({ css: css$1, token, prefixCls }) => {
+	return {
+		container: css$1`
+      --lobe-markdown-margin-multiple: 1;
+
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);
+      background: ${token.colorFillQuaternary};
+      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
+      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
+    `,
+		header: css$1`
+      border-block-end: 1px solid var(--lobe-markdown-border-color);
+      .${prefixCls}-tabs-tab-btn {
+        font-size: var(--lobe-markdown-font-size);
+        line-height: var(--lobe-markdown-line-height);
+      }
+    `
+	};
+});
+
+//#endregion
+export { useStyles };
+//# 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 { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css, token, prefixCls }) => {\n  return {\n    container: css`\n      --lobe-markdown-margin-multiple: 1;\n\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      background: ${token.colorFillQuaternary};\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    `,\n\n    header: css`\n      border-block-end: 1px solid var(--lobe-markdown-border-color);\n      .${prefixCls}-tabs-tab-btn {\n        font-size: var(--lobe-markdown-font-size);\n        line-height: var(--lobe-markdown-line-height);\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,YAAK,OAAO,gBAAgB;AACnE,QAAO;EACL,WAAW,KAAG;;;;oBAIE,MAAM,oBAAoB;;;;EAK1C,QAAQ,KAAG;;SAEN,UAAU;;;;;EAKhB;EACD"}

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.mjs

@@ -0,0 +1,18 @@
+import Pre_default, { PreSingleLine } from "./mdxComponents/Pre.mjs";
+import Image_default from "./mdxComponents/Image.mjs";
+import Link_default from "./mdxComponents/Link.mjs";
+import Video_default from "./mdxComponents/Video.mjs";
+import Callout_default from "./Callout/index.mjs";
+import Cards_default from "./Cards/index.mjs";
+import Card_default from "./Cards/Card.mjs";
+import FileTree_default from "./FileTree/index.mjs";
+import File_default from "./FileTree/File.mjs";
+import Folder_default from "./FileTree/Folder.mjs";
+import Steps_default from "./Steps/index.mjs";
+import Tabs_default from "./Tabs/index.mjs";
+import Tab_default from "./Tabs/Tab.mjs";
+import mdxComponents_default from "./mdxComponents/index.mjs";
+import CodeBlock_default from "./mdxComponents/CodeBlock.mjs";
+import Mdx_default from "./Mdx/index.mjs";
+
+export { Callout_default as Callout, Card_default as Card, Cards_default as Cards, CodeBlock_default as CodeBlock, File_default as File, FileTree_default as FileTree, Folder_default as Folder, Image_default as Image, Link_default as Link, Mdx_default as Mdx, Pre_default as Pre, PreSingleLine, Steps_default as Steps, Tab_default as Tab, Tabs_default as Tabs, Video_default as Video, mdxComponents_default as mdxComponents };

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

@@ -0,0 +1,93 @@
+'use client';
+
+import FlexBasic_default from "../../../Flex/FlexBasic.mjs";
+import Icon_default from "../../../Icon/Icon.mjs";
+import { Popover } from "antd";
+import { useMemo } from "react";
+import { createStyles } from "antd-style";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowRightIcon } from "lucide-react";
+
+//#region src/mdx/mdxComponents/Citation/PopoverPanel.tsx
+const useStyles = createStyles(({ css: css$1, token }) => ({
+	link: css$1`
+    cursor: pointer;
+    color: ${token.colorTextSecondary};
+
+    :hover {
+      color: ${token.colorText};
+    }
+  `,
+	url: css$1`
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+
+    max-width: 400px;
+
+    text-overflow: ellipsis;
+  `
+}));
+const PopoverPanel = ({ children, usePopover, title, alt, url }) => {
+	const { styles } = useStyles();
+	const [displayTitle, domain, host] = useMemo(() => {
+		try {
+			const urlObj = new URL(url);
+			const hostForUrl = urlObj.host;
+			let displayTitle$1 = title;
+			if (title === url) displayTitle$1 = "";
+			let domain$1 = urlObj.hostname.replace("www.", "");
+			if (!displayTitle$1) domain$1 = url;
+			return [
+				displayTitle$1,
+				domain$1,
+				hostForUrl
+			];
+		} catch {
+			return [
+				title,
+				url,
+				url
+			];
+		}
+	}, [url, title]);
+	return usePopover && url ? /* @__PURE__ */ jsx(Popover, {
+		arrow: false,
+		content: /* @__PURE__ */ jsxs(FlexBasic_default, {
+			gap: 8,
+			children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+				className: styles.link,
+				gap: 12,
+				horizontal: true,
+				justify: "space-between",
+				onClick: () => {
+					window.open(url, "_blank");
+				},
+				children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+					align: "center",
+					gap: 4,
+					horizontal: true,
+					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_default, { icon: ArrowRightIcon })]
+			}), displayTitle]
+		}),
+		trigger: "hover",
+		children
+	}) : children;
+};
+PopoverPanel.displayName = "MdxPopoverPanel";
+var PopoverPanel_default = PopoverPanel;
+
+//#endregion
+export { PopoverPanel_default as default };
+//# sourceMappingURL=PopoverPanel.mjs.map

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

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

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

@@ -0,0 +1,68 @@
+'use client';
+
+import PopoverPanel_default from "./PopoverPanel.mjs";
+import { createStyles } from "antd-style";
+import { jsx } from "react/jsx-runtime";
+import { isEmpty } from "lodash-es";
+
+//#region src/mdx/mdxComponents/Citation/index.tsx
+const useStyles = createStyles(({ css: css$1 }) => ({
+	container: css$1`
+    display: inline-flex;
+    line-height: var(--lobe-markdown-line-height);
+    vertical-align: baseline;
+
+    a {
+      color: inherit;
+    }
+  `,
+	supContainer: css$1`
+    vertical-align: super;
+  `
+}));
+const Citation = ({ children, href, inSup, id, citationDetail }) => {
+	const { styles, cx: cx$1 } = useStyles();
+	const usePopover = !isEmpty(citationDetail);
+	const url = citationDetail?.url || href;
+	if (inSup) return /* @__PURE__ */ jsx(PopoverPanel_default, {
+		...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_default, {
+		...citationDetail,
+		usePopover,
+		children: /* @__PURE__ */ jsx("sup", {
+			className: cx$1(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";
+var Citation_default = Citation;
+
+//#endregion
+export { Citation_default as default };
+//# sourceMappingURL=index.mjs.map

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

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

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

@@ -0,0 +1,15 @@
+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 };
+//# sourceMappingURL=CodeBlock.d.mts.map

package/es/mdx/mdxComponents/CodeBlock.mjs

@@ -0,0 +1,47 @@
+'use client';
+
+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;
+	if (!children) return;
+	const content = Array.isArray(children) ? children[0] : children;
+	const lang = className?.replace("language-", "") || "txt";
+	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";
+var CodeBlock_default = CodeBlock;
+
+//#endregion
+export { CodeBlock_default as default };
+//# sourceMappingURL=CodeBlock.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.mjs","names":["CodeBlock: FC<CodeBlockProps>"],"sources":["../../../src/mdx/mdxComponents/CodeBlock.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\n\nimport type { MermaidProps } from '@/Mermaid';\n\nimport { Pre, PreMermaid, PreSingleLine } from '../mdxComponents/Pre';\n\nconst countLines = (str: string): number => {\n  const regex = /\\n/g;\n  const matches = str.match(regex);\n  return matches ? matches.length : 1;\n};\n\nconst useCode = (raw: any) => {\n  if (!raw) return;\n\n  const { children, className } = raw.props;\n\n  if (!children) return;\n\n  const content = Array.isArray(children) ? (children[0] as string) : children;\n\n  const lang = className?.replace('language-', '') || 'txt';\n\n  const isSingleLine = countLines(content) <= 1 && content.length <= 32;\n\n  return {\n    content,\n    isSingleLine,\n    lang,\n  };\n};\n\ninterface CodeBlockProps {\n  children: any;\n  enableMermaid?: boolean;\n  fullFeatured?: boolean;\n  mermaid?: MermaidProps;\n}\n\nconst CodeBlock: FC<CodeBlockProps> = ({ children, fullFeatured, enableMermaid, mermaid }) => {\n  const code = useCode(children);\n\n  if (!code) return;\n\n  if (enableMermaid && code.lang === 'mermaid')\n    return (\n      <PreMermaid fullFeatured={fullFeatured} {...mermaid}>\n        {code.content}\n      </PreMermaid>\n    );\n\n  if (code.isSingleLine) return <PreSingleLine language={code.lang}>{code.content}</PreSingleLine>;\n\n  return (\n    <Pre allowChangeLanguage={false} fullFeatured={fullFeatured} language={code.lang}>\n      {code.content}\n    </Pre>\n  );\n};\n\nCodeBlock.displayName = 'MdxCodeBlock';\n\nexport default CodeBlock;\n"],"mappings":";;;;;;AAQA,MAAM,cAAc,QAAwB;CAE1C,MAAM,UAAU,IAAI,MADN,MACkB;AAChC,QAAO,UAAU,QAAQ,SAAS;;AAGpC,MAAM,WAAW,QAAa;AAC5B,KAAI,CAAC,IAAK;CAEV,MAAM,EAAE,UAAU,cAAc,IAAI;AAEpC,KAAI,CAAC,SAAU;CAEf,MAAM,UAAU,MAAM,QAAQ,SAAS,GAAI,SAAS,KAAgB;CAEpE,MAAM,OAAO,WAAW,QAAQ,aAAa,GAAG,IAAI;AAIpD,QAAO;EACL;EACA,cAJmB,WAAW,QAAQ,IAAI,KAAK,QAAQ,UAAU;EAKjE;EACD;;AAUH,MAAMA,aAAiC,EAAE,UAAU,cAAc,eAAe,cAAc;CAC5F,MAAM,OAAO,QAAQ,SAAS;AAE9B,KAAI,CAAC,KAAM;AAEX,KAAI,iBAAiB,KAAK,SAAS,UACjC,QACE,oBAAC;EAAyB;EAAc,GAAI;YACzC,KAAK;GACK;AAGjB,KAAI,KAAK,aAAc,QAAO,oBAAC;EAAc,UAAU,KAAK;YAAO,KAAK;GAAwB;AAEhG,QACE,oBAAC;EAAI,qBAAqB;EAAqB;EAAc,UAAU,KAAK;YACzE,KAAK;GACF;;AAIV,UAAU,cAAc;AAExB,wBAAe"}

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

@@ -0,0 +1,10 @@
+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 { Image, ImageProps };
+//# sourceMappingURL=Image.d.mts.map

package/es/mdx/mdxComponents/Image.mjs

@@ -0,0 +1,24 @@
+'use client';
+
+import Image_default$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_default$1, {
+		alt,
+		preview: { mask: false },
+		style: {
+			borderRadius: "calc(var(--lobe-markdown-border-radius) * 1px)",
+			marginBlock: "calc(var(--lobe-markdown-margin-multiple) * 1em)",
+			...style
+		},
+		...rest
+	});
+};
+Image.displayName = "MdxImage";
+var Image_default = Image;
+
+//#endregion
+export { Image_default as default };
+//# sourceMappingURL=Image.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.mjs","names":["Image: FC<ImageProps>","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      preview={{ mask: false }}\n      style={{\n        borderRadius: 'calc(var(--lobe-markdown-border-radius) * 1px)',\n        marginBlock: 'calc(var(--lobe-markdown-margin-multiple) * 1em)',\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n\nImage.displayName = 'MdxImage';\n\nexport default Image;\n"],"mappings":";;;;;;AAOA,MAAMA,SAAyB,EAAE,OAAO,MAAM,OAAO,GAAG,WAAW;AACjE,QACE,oBAACC;EACM;EACL,SAAS,EAAE,MAAM,OAAO;EACxB,OAAO;GACL,cAAc;GACd,aAAa;GACb,GAAG;GACJ;EACD,GAAI;GACJ;;AAIN,MAAM,cAAc;AAEpB,oBAAe"}

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

@@ -0,0 +1,17 @@
+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 { Link, LinkProps };
+//# sourceMappingURL=Link.d.mts.map

package/es/mdx/mdxComponents/Link.mjs

@@ -0,0 +1,39 @@
+'use client';
+
+import A_default from "../../A/index.mjs";
+import { safeParseJSON } from "../../utils/safeParseJSON.mjs";
+import Citation_default 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_default, {
+		citationDetail: safeParseJSON(rest["data-link"]),
+		href,
+		id: rest.id,
+		inSup: true,
+		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_default, {
+			citationDetail: detail,
+			id: match[1],
+			children: match[1]
+		});
+	}
+	const isNewWindow = href?.startsWith("http");
+	return /* @__PURE__ */ jsx(A_default, {
+		href,
+		target: target || isNewWindow ? "_blank" : void 0,
+		...rest
+	});
+};
+Link.displayName = "MdxLink";
+var Link_default = Link;
+
+//#endregion
+export { Link_default as default };
+//# sourceMappingURL=Link.mjs.map

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

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

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

@@ -0,0 +1,14 @@
+import { HighlighterProps } from "../../Highlighter/type.mjs";
+import "../../Highlighter/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, PreProps, PreSingleLine };
+//# sourceMappingURL=Pre.d.mts.map