@lobehub/ui 3.4.2 → 3.4.4

package/es/Markdown/components/Footnotes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footnotes.mjs","names":["Flexbox","A","Block","Text","SearchResultCards"],"sources":["../../../src/Markdown/components/Footnotes.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode, memo, useMemo } from 'react';\n\nimport A from '@/A';\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Text from '@/Text';\n\nimport SearchResultCards from './SearchResultCards';\n\ninterface FootnotesProps {\n  'children': ReactNode;\n  'data-footnote-links'?: string;\n  'data-footnotes'?: boolean;\n}\n\nconst DefaultFootnotes = memo<{ dataSource: any[] }>(({ dataSource }) => {\n  const items = useMemo(\n    () =>\n      dataSource\n        .find((child) => child?.type === 'ol')\n        ?.props?.children?.map((item: any) => {\n          if (typeof item === 'string' || item?.type !== 'li') return false;\n          const data = item?.props?.children?.find((note: any) => note?.props?.children)?.props\n            ?.children;\n          if (!data || !Array.isArray(data)) return false;\n          return {\n            children: data[0],\n            props: data[1]?.props || {},\n          };\n        })\n        .filter(Boolean),\n    [dataSource],\n  );\n\n  if (!Array.isArray(items)) return null;\n\n  return (\n    <Flexbox\n      align={'flex-start'}\n      as={'section'}\n      className={'footnotes'}\n      data-footnotes=\"true\"\n      gap={'0.5em'}\n      horizontal\n      justify={'flex-start'}\n      wrap={'wrap'}\n    >\n      {items.map(({ children, props }, index) => {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const { node, href, ...rest } = props;\n        const Container = href ? A : 'div';\n        return (\n          <Container {...(href ? { href, ...rest } : rest)} key={index}>\n            <Block\n              align={'stretch'}\n              horizontal\n              style={{ overflow: 'hidden', position: 'relative' }}\n              variant={'outlined'}\n            >\n              <Block paddingInline={'0.66em'} style={{ borderRadius: 0 }} variant={'filled'}>\n                <Text as=\"span\" code type={'secondary'}>\n                  {index + 1}\n                </Text>\n              </Block>\n              <Text as=\"span\" style={{ paddingInline: '0.66em' }} type={'secondary'}>\n                {children}\n              </Text>\n            </Block>\n          </Container>\n        );\n      })}\n    </Flexbox>\n  );\n});\n\nconst Footnotes = memo<FootnotesProps>(({ children, ...rest }) => {\n  const links = useMemo(() => {\n    try {\n      return JSON.parse(rest['data-footnote-links'] || '[]');\n    } catch (error) {\n      console.error('Failed to parse footnote links:', error);\n      return [];\n    }\n  }, [rest['data-footnote-links']]);\n\n  const isError = links.length === 0;\n\n  if (!children) return;\n\n  if (isError) {\n    if (!Array.isArray(children)) return children;\n    return <DefaultFootnotes dataSource={children} />;\n  }\n\n  return (\n    <section className={'footnotes'} data-footnotes=\"true\">\n      <SearchResultCards dataSource={links} />\n    </section>\n  );\n});\n\nFootnotes.displayName = 'Footnotes';\n\nexport default Footnotes;\n"],"mappings":";;;;;;;;;;;AAiBA,MAAM,mBAAmB,MAA6B,EAAE,iBAAiB;CACvE,MAAM,QAAQ,cAEV,WACG,MAAM,UAAU,OAAO,SAAS,KAAK,EACpC,OAAO,UAAU,KAAK,SAAc;AACpC,MAAI,OAAO,SAAS,YAAY,MAAM,SAAS,KAAM,QAAO;EAC5D,MAAM,OAAO,MAAM,OAAO,UAAU,MAAM,SAAc,MAAM,OAAO,SAAS,EAAE,OAC5E;AACJ,MAAI,CAAC,QAAQ,CAAC,MAAM,QAAQ,KAAK,CAAE,QAAO;AAC1C,SAAO;GACL,UAAU,KAAK;GACf,OAAO,KAAK,IAAI,SAAS,EAAE;GAC5B;GACD,CACD,OAAO,QAAQ,EACpB,CAAC,WAAW,CACb;AAED,KAAI,CAAC,MAAM,QAAQ,MAAM,CAAE,QAAO;AAElC,QACE,oBAACA;EACC,OAAO;EACP,IAAI;EACJ,WAAW;EACX,kBAAe;EACf,KAAK;EACL;EACA,SAAS;EACT,MAAM;YAEL,MAAM,KAAK,EAAE,UAAU,SAAS,UAAU;GAEzC,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS;AAEhC,UACE,8BAFgB,OAAOC,YAAI;IAEhB,GAAK,OAAO;KAAE;KAAM,GAAG;KAAM,GAAG;IAAO,KAAK;MACrD,qBAACC;IACC,OAAO;IACP;IACA,OAAO;KAAE,UAAU;KAAU,UAAU;KAAY;IACnD,SAAS;eAET,oBAACA;KAAM,eAAe;KAAU,OAAO,EAAE,cAAc,GAAG;KAAE,SAAS;eACnE,oBAACC;MAAK,IAAG;MAAO;MAAK,MAAM;gBACxB,QAAQ;OACJ;MACD,EACR,oBAACA;KAAK,IAAG;KAAO,OAAO,EAAE,eAAe,UAAU;KAAE,MAAM;KACvD;MACI;KACD,CACE;IAEd;GACM;EAEZ;AAEF,MAAM,YAAY,MAAsB,EAAE,UAAU,GAAG,WAAW;CAChE,MAAM,QAAQ,cAAc;AAC1B,MAAI;AACF,UAAO,KAAK,MAAM,KAAK,0BAA0B,KAAK;WAC/C,OAAO;AACd,WAAQ,MAAM,mCAAmC,MAAM;AACvD,UAAO,EAAE;;IAEV,CAAC,KAAK,uBAAuB,CAAC;CAEjC,MAAM,UAAU,MAAM,WAAW;AAEjC,KAAI,CAAC,SAAU;AAEf,KAAI,SAAS;AACX,MAAI,CAAC,MAAM,QAAQ,SAAS,CAAE,QAAO;AACrC,SAAO,oBAAC,oBAAiB,YAAY,WAAY;;AAGnD,QACE,oBAAC;EAAQ,WAAW;EAAa,kBAAe;YAC9C,oBAACC,6BAAkB,YAAY,QAAS;GAChC;EAEZ;AAEF,UAAU,cAAc;AAExB,wBAAe"}

package/es/Markdown/components/MarkdownProvider.mjs

@@ -0,0 +1,20 @@
+'use client';
+
+import { createContext, memo, use } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/Markdown/components/MarkdownProvider.tsx
+const MarkdownContext = createContext({});
+const MarkdownProvider = memo(({ children, ...config }) => {
+	return /* @__PURE__ */ jsx(MarkdownContext, {
+		value: config,
+		children
+	});
+});
+const useMarkdownContext = () => {
+	return use(MarkdownContext);
+};
+
+//#endregion
+export { MarkdownProvider, useMarkdownContext };
+//# sourceMappingURL=MarkdownProvider.mjs.map

package/es/Markdown/components/MarkdownProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownProvider.mjs","names":[],"sources":["../../../src/Markdown/components/MarkdownProvider.tsx"],"sourcesContent":["'use client';\n\nimport { PropsWithChildren, createContext, memo, use } from 'react';\n\nimport type { SyntaxMarkdownProps } from '../type';\n\nexport type MarkdownContentConfig = Omit<SyntaxMarkdownProps, 'children' | 'reactMarkdownProps'>;\n\nexport const MarkdownContext = createContext<MarkdownContentConfig>({});\n\nexport const MarkdownProvider = memo<PropsWithChildren<MarkdownContentConfig>>(\n  ({ children, ...config }) => {\n    return <MarkdownContext value={config}>{children}</MarkdownContext>;\n  },\n);\n\nexport const useMarkdownContext = () => {\n  return use(MarkdownContext);\n};\n"],"mappings":";;;;;;AAQA,MAAa,kBAAkB,cAAqC,EAAE,CAAC;AAEvE,MAAa,mBAAmB,MAC7B,EAAE,UAAU,GAAG,aAAa;AAC3B,QAAO,oBAAC;EAAgB,OAAO;EAAS;GAA2B;EAEtE;AAED,MAAa,2BAA2B;AACtC,QAAO,IAAI,gBAAgB"}

package/es/Markdown/components/SearchResultCards/SearchResultCard.mjs

@@ -0,0 +1,76 @@
+'use client';
+
+import A_default from "../../../A/index.mjs";
+import FlexBasic_default from "../../../Flex/FlexBasic.mjs";
+import Block_default from "../../../Block/Block.mjs";
+import Text_default from "../../../Text/Text.mjs";
+import Img_default from "../../../Img/index.mjs";
+import { useStyles } from "./style.mjs";
+import { memo, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/Markdown/components/SearchResultCards/SearchResultCard.tsx
+const SearchResultCard = memo(({ ref, url, title, alt, ...rest }) => {
+	const { styles } = useStyles();
+	const [displayTitle, domain, host] = useMemo(() => {
+		try {
+			const urlObj = new URL(url);
+			const domain$1 = urlObj.hostname.replace("www.", "");
+			const hostForUrl = urlObj.host;
+			let displayTitle$1 = title;
+			if (title === url) displayTitle$1 = hostForUrl + urlObj.pathname;
+			return [
+				displayTitle$1,
+				domain$1,
+				hostForUrl
+			];
+		} catch {
+			return [
+				title,
+				url,
+				url
+			];
+		}
+	}, [url, title]);
+	return /* @__PURE__ */ jsx(A_default, {
+		href: url,
+		ref,
+		rel: "noreferrer",
+		target: "_blank",
+		...rest,
+		children: /* @__PURE__ */ jsxs(Block_default, {
+			className: styles.container,
+			clickable: true,
+			gap: 2,
+			justify: "space-between",
+			paddingBlock: 6,
+			paddingInline: 8,
+			variant: "outlined",
+			children: [/* @__PURE__ */ jsx(Text_default, {
+				ellipsis: { rows: 2 },
+				children: displayTitle
+			}), /* @__PURE__ */ jsxs(FlexBasic_default, {
+				align: "center",
+				gap: 4,
+				horizontal: true,
+				children: [/* @__PURE__ */ jsx(Img_default, {
+					alt: alt || title || url,
+					height: 14,
+					src: `https://icons.duckduckgo.com/ip3/${host}.ico`,
+					width: 14
+				}), /* @__PURE__ */ jsx(Text_default, {
+					className: styles.url,
+					ellipsis: true,
+					type: "secondary",
+					children: domain
+				})]
+			})]
+		}, url)
+	});
+});
+SearchResultCard.displayName = "SearchResultCard";
+var SearchResultCard_default = SearchResultCard;
+
+//#endregion
+export { SearchResultCard_default as default };
+//# sourceMappingURL=SearchResultCard.mjs.map

package/es/Markdown/components/SearchResultCards/SearchResultCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResultCard.mjs","names":["domain","displayTitle","A","Block","Text","Flexbox","Img"],"sources":["../../../../src/Markdown/components/SearchResultCards/SearchResultCard.tsx"],"sourcesContent":["'use client';\n\nimport { Ref, memo, useMemo } from 'react';\n\nimport A from '@/A';\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Img from '@/Img';\nimport Text from '@/Text';\nimport { AProps } from '@/types';\n\nimport { useStyles } from './style';\n\nexport interface SearchResultCardProps extends AProps {\n  alt?: string;\n  ref?: Ref<HTMLAnchorElement>;\n  title?: string;\n  url: string;\n}\n\nconst SearchResultCard = memo<SearchResultCardProps>(({ ref, url, title, alt, ...rest }) => {\n  const { styles } = useStyles();\n\n  const [displayTitle, domain, host] = useMemo(() => {\n    try {\n      const urlObj = new URL(url);\n      const domain = urlObj.hostname.replace('www.', '');\n      const hostForUrl = urlObj.host;\n\n      let displayTitle = title;\n      if (title === url) {\n        displayTitle = hostForUrl + urlObj.pathname;\n      }\n\n      return [displayTitle, domain, hostForUrl];\n    } catch {\n      return [title, url, url];\n    }\n  }, [url, title]);\n\n  return (\n    <A href={url} ref={ref} rel=\"noreferrer\" target={'_blank'} {...rest}>\n      <Block\n        className={styles.container}\n        clickable\n        gap={2}\n        justify={'space-between'}\n        key={url}\n        paddingBlock={6}\n        paddingInline={8}\n        variant={'outlined'}\n      >\n        <Text ellipsis={{ rows: 2 }}>{displayTitle}</Text>\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            width={14}\n          />\n          <Text className={styles.url} ellipsis type={'secondary'}>\n            {domain}\n          </Text>\n        </Flexbox>\n      </Block>\n    </A>\n  );\n});\n\nSearchResultCard.displayName = 'SearchResultCard';\n\nexport default SearchResultCard;\n"],"mappings":";;;;;;;;;;;;AAoBA,MAAM,mBAAmB,MAA6B,EAAE,KAAK,KAAK,OAAO,KAAK,GAAG,WAAW;CAC1F,MAAM,EAAE,WAAW,WAAW;CAE9B,MAAM,CAAC,cAAc,QAAQ,QAAQ,cAAc;AACjD,MAAI;GACF,MAAM,SAAS,IAAI,IAAI,IAAI;GAC3B,MAAMA,WAAS,OAAO,SAAS,QAAQ,QAAQ,GAAG;GAClD,MAAM,aAAa,OAAO;GAE1B,IAAIC,iBAAe;AACnB,OAAI,UAAU,IACZ,kBAAe,aAAa,OAAO;AAGrC,UAAO;IAACA;IAAcD;IAAQ;IAAW;UACnC;AACN,UAAO;IAAC;IAAO;IAAK;IAAI;;IAEzB,CAAC,KAAK,MAAM,CAAC;AAEhB,QACE,oBAACE;EAAE,MAAM;EAAU;EAAK,KAAI;EAAa,QAAQ;EAAU,GAAI;YAC7D,qBAACC;GACC,WAAW,OAAO;GAClB;GACA,KAAK;GACL,SAAS;GAET,cAAc;GACd,eAAe;GACf,SAAS;cAET,oBAACC;IAAK,UAAU,EAAE,MAAM,GAAG;cAAG;KAAoB,EAClD,qBAACC;IAAQ,OAAO;IAAU,KAAK;IAAG;eAChC,oBAACC;KACC,KAAK,OAAO,SAAS;KACrB,QAAQ;KACR,KAAK,oCAAoC,KAAK;KAC9C,OAAO;MACP,EACF,oBAACF;KAAK,WAAW,OAAO;KAAK;KAAS,MAAM;eACzC;MACI;KACC;KAhBL,IAiBC;GACN;EAEN;AAEF,iBAAiB,cAAc;AAE/B,+BAAe"}

package/es/Markdown/components/SearchResultCards/index.d.mts

@@ -0,0 +1,20 @@
+import { FlexboxProps } from "../../../Flex/type.mjs";
+import "../../../Flex/index.mjs";
+import * as react42 from "react";
+import { Ref } from "react";
+
+//#region src/Markdown/components/SearchResultCards/index.d.ts
+interface SearchResultItem {
+  alt?: string;
+  summary?: string;
+  title?: string;
+  url: string;
+}
+interface SearchResultCardsProps extends FlexboxProps {
+  dataSource: string[] | SearchResultItem[];
+  ref?: Ref<HTMLDivElement>;
+}
+declare const SearchResultCards: react42.NamedExoticComponent<SearchResultCardsProps>;
+//#endregion
+export { SearchResultCards, SearchResultCardsProps };
+//# sourceMappingURL=index.d.mts.map

package/es/Markdown/components/SearchResultCards/index.mjs

@@ -0,0 +1,33 @@
+'use client';
+
+import ScrollShadow_default from "../../../ScrollShadow/ScrollShadow.mjs";
+import SearchResultCard_default from "./SearchResultCard.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/Markdown/components/SearchResultCards/index.tsx
+const SearchResultCards = memo(({ ref, dataSource, style, ...rest }) => {
+	return /* @__PURE__ */ jsx(ScrollShadow_default, {
+		gap: 12,
+		hideScrollBar: true,
+		horizontal: true,
+		orientation: "horizontal",
+		ref,
+		size: 10,
+		style: {
+			minHeight: 80,
+			overflowX: "scroll",
+			paddingInlineEnd: 24,
+			width: "100%",
+			...style
+		},
+		...rest,
+		children: dataSource.map((link) => typeof link === "string" ? /* @__PURE__ */ jsx(SearchResultCard_default, { url: link }, link) : /* @__PURE__ */ jsx(SearchResultCard_default, { ...link }, link.url))
+	});
+});
+SearchResultCards.displayName = "SearchResultCards";
+var SearchResultCards_default = SearchResultCards;
+
+//#endregion
+export { SearchResultCards_default as default };
+//# sourceMappingURL=index.mjs.map

package/es/Markdown/components/SearchResultCards/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["ScrollShadow","SearchResultCard"],"sources":["../../../../src/Markdown/components/SearchResultCards/index.tsx"],"sourcesContent":["'use client';\n\nimport { Ref, memo } from 'react';\n\nimport { FlexboxProps } from '@/Flex';\nimport ScrollShadow from '@/ScrollShadow';\n\nimport SearchResultCard from './SearchResultCard';\n\nexport interface SearchResultItem {\n  alt?: string;\n  summary?: string;\n  title?: string;\n  url: string;\n}\n\nexport interface SearchResultCardsProps extends FlexboxProps {\n  dataSource: string[] | SearchResultItem[];\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst SearchResultCards = memo<SearchResultCardsProps>(({ ref, dataSource, style, ...rest }) => {\n  return (\n    <ScrollShadow\n      gap={12}\n      hideScrollBar\n      horizontal\n      orientation={'horizontal'}\n      ref={ref}\n      size={10}\n      style={{ minHeight: 80, overflowX: 'scroll', paddingInlineEnd: 24, width: '100%', ...style }}\n      {...rest}\n    >\n      {dataSource.map((link) =>\n        typeof link === 'string' ? (\n          <SearchResultCard key={link} url={link} />\n        ) : (\n          <SearchResultCard key={link.url} {...link} />\n        ),\n      )}\n    </ScrollShadow>\n  );\n});\n\nSearchResultCards.displayName = 'SearchResultCards';\n\nexport default SearchResultCards;\n"],"mappings":";;;;;;;;AAqBA,MAAM,oBAAoB,MAA8B,EAAE,KAAK,YAAY,OAAO,GAAG,WAAW;AAC9F,QACE,oBAACA;EACC,KAAK;EACL;EACA;EACA,aAAa;EACR;EACL,MAAM;EACN,OAAO;GAAE,WAAW;GAAI,WAAW;GAAU,kBAAkB;GAAI,OAAO;GAAQ,GAAG;GAAO;EAC5F,GAAI;YAEH,WAAW,KAAK,SACf,OAAO,SAAS,WACd,oBAACC,4BAA4B,KAAK,QAAX,KAAmB,GAE1C,oBAACA,4BAAgC,GAAI,QAAd,KAAK,IAAiB,CAEhD;GACY;EAEjB;AAEF,kBAAkB,cAAc;AAEhC,gCAAe"}

package/es/Markdown/components/SearchResultCards/style.mjs

@@ -0,0 +1,25 @@
+import { createStyles } from "antd-style";
+
+//#region src/Markdown/components/SearchResultCards/style.ts
+const useStyles = createStyles(({ css: css$1 }) => ({
+	container: css$1`
+    min-width: 160px;
+    max-width: 160px;
+    height: 100%;
+
+    font-size: 12px;
+    color: initial;
+  `,
+	url: css$1`
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+
+    text-overflow: ellipsis;
+  `
+}));
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/Markdown/components/SearchResultCards/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../src/Markdown/components/SearchResultCards/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css }) => ({\n  container: css`\n    min-width: 160px;\n    max-width: 160px;\n    height: 100%;\n\n    font-size: 12px;\n    color: initial;\n  `,\n  url: css`\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n\n    text-overflow: ellipsis;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,kBAAW;CAClD,WAAW,KAAG;;;;;;;;CAQd,KAAK,KAAG;;;;;;;;CAQT,EAAE"}

package/es/Markdown/components/useDelayedAnimated.mjs

@@ -0,0 +1,20 @@
+import { useEffect, useState } from "react";
+
+//#region src/Markdown/components/useDelayedAnimated.ts
+const useDelayedAnimated = (animated) => {
+	const [delayedAnimated, setDelayedAnimated] = useState(animated);
+	useEffect(() => {
+		if (animated === void 0) return;
+		if (animated === false && delayedAnimated === true) {
+			const timer = setTimeout(() => {
+				setDelayedAnimated(false);
+			}, 1e3);
+			return () => clearTimeout(timer);
+		} else setDelayedAnimated(animated);
+	}, [animated, delayedAnimated]);
+	return delayedAnimated;
+};
+
+//#endregion
+export { useDelayedAnimated };
+//# sourceMappingURL=useDelayedAnimated.mjs.map

package/es/Markdown/components/useDelayedAnimated.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDelayedAnimated.mjs","names":[],"sources":["../../../src/Markdown/components/useDelayedAnimated.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const useDelayedAnimated = (animated?: boolean) => {\n  const [delayedAnimated, setDelayedAnimated] = useState(animated);\n\n  // Watch for changes in animated prop\n  useEffect(() => {\n    if (animated === undefined) return;\n    // If animated changes from true to false, delay the update by 1 second\n    if (animated === false && delayedAnimated === true) {\n      const timer = setTimeout(() => {\n        setDelayedAnimated(false);\n      }, 1000);\n\n      return () => clearTimeout(timer);\n    } else {\n      // For any other changes, update immediately\n      setDelayedAnimated(animated);\n    }\n  }, [animated, delayedAnimated]);\n\n  return delayedAnimated;\n};\n"],"mappings":";;;AAEA,MAAa,sBAAsB,aAAuB;CACxD,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,SAAS;AAGhE,iBAAgB;AACd,MAAI,aAAa,OAAW;AAE5B,MAAI,aAAa,SAAS,oBAAoB,MAAM;GAClD,MAAM,QAAQ,iBAAiB;AAC7B,uBAAmB,MAAM;MACxB,IAAK;AAER,gBAAa,aAAa,MAAM;QAGhC,oBAAmB,SAAS;IAE7B,CAAC,UAAU,gBAAgB,CAAC;AAE/B,QAAO"}

package/es/Markdown/index.d.mts

@@ -0,0 +1,4 @@
+import { MarkdownProps, SyntaxMarkdownProps, TypographyProps } from "./type.mjs";
+import { Markdown } from "./Markdown.mjs";
+import { Typography } from "./Typography.mjs";
+export { MarkdownProps, SyntaxMarkdownProps, Typography, TypographyProps, Markdown as default };

package/es/Markdown/index.d.ts

@@ -1,3 +1 @@
-export { default } from './Markdown';
-export type * from './type';
-export { default as Typography } from './Typography';
+export * from './index.d.mts';

package/es/Markdown/index.js

@@ -1,2 +1 @@
-export { default } from "./Markdown";
-export { default as Typography } from "./Typography";
+export * from './index.mjs';

package/es/Markdown/index.mjs

@@ -0,0 +1,4 @@
+import Typography_default from "./Typography.mjs";
+import Markdown_default from "./Markdown.mjs";
+
+export { Typography_default as Typography, Markdown_default as default };

package/es/Markdown/markdown.style.mjs

@@ -0,0 +1,399 @@
+import { createStyles } from "antd-style";
+
+//#region src/Markdown/markdown.style.ts
+const IGNORE_CLASSNAME = ".ignore-markdown-style";
+const useStyles = createStyles(({ token, css: css$1 }) => {
+	const __root = css$1`
+    --lobe-markdown-font-size: 16px;
+    --lobe-markdown-header-multiple: 1;
+    --lobe-markdown-margin-multiple: 2;
+    --lobe-markdown-line-height: 1.8;
+    --lobe-markdown-border-radius: ${token.borderRadiusLG};
+    --lobe-markdown-border-color: ${token.colorFillQuaternary};
+
+    position: relative;
+
+    width: 100%;
+    max-width: 100%;
+    padding-inline: 1px;
+
+    font-size: var(--lobe-markdown-font-size);
+    line-height: var(--lobe-markdown-line-height);
+    word-break: break-word;
+  `;
+	const a = css$1`
+    a {
+      color: ${token.colorInfoText};
+
+      &:hover {
+        color: ${token.colorInfoHover};
+      }
+    }
+  `;
+	const blockquote = css$1`
+    blockquote {
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+      margin-inline: 0;
+      padding-block: 0;
+      padding-inline: 1em;
+      border-inline-start: solid 4px ${token.colorBorder};
+
+      color: ${token.colorTextSecondary};
+    }
+  `;
+	const code = css$1`
+    code {
+      &:not(:has(span)) {
+        display: inline;
+
+        margin-inline: 0.25em;
+        padding-block: 0.2em;
+        padding-inline: 0.4em;
+        border: 1px solid var(--lobe-markdown-border-color);
+        border-radius: 0.25em;
+
+        font-family: ${token.fontFamilyCode};
+        font-size: 0.875em;
+        line-height: 1;
+        word-break: break-word;
+        white-space: break-spaces;
+
+        background: ${token.colorFillSecondary};
+      }
+    }
+  `;
+	const del = css$1`
+    del {
+      color: ${token.colorTextDescription};
+      text-decoration: line-through;
+    }
+  `;
+	const details = css$1`
+    details {
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+      padding-block: 0.75em;
+      padding-inline: 1em;
+      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
+
+      background: ${token.colorFillTertiary};
+      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
+
+      summary {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        list-style: none;
+
+        &::before {
+          content: '';
+
+          position: absolute;
+          inset-inline-end: 1.25em;
+          transform: rotateZ(-45deg);
+
+          display: block;
+
+          width: 0.4em;
+          height: 0.4em;
+          border-block-end: 1.5px solid ${token.colorTextSecondary};
+          border-inline-end: 1.5px solid ${token.colorTextSecondary};
+
+          font-family: ${token.fontFamily};
+
+          transition: transform 200ms ${token.motionEaseOut};
+        }
+      }
+
+      &[open] {
+        summary {
+          padding-block-end: 0.75em;
+          border-block-end: 1px dashed ${token.colorBorder};
+
+          &::before {
+            transform: rotateZ(45deg);
+          }
+        }
+      }
+    }
+  `;
+	const header = css$1`
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      margin-block: max(
+        calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),
+        var(--lobe-markdown-font-size)
+      );
+      font-weight: bold;
+      line-height: 1.25;
+    }
+
+    h1 {
+      font-size: calc(
+        var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))
+      );
+    }
+
+    h2 {
+      font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));
+    }
+
+    h3 {
+      font-size: calc(
+        var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))
+      );
+    }
+
+    h4 {
+      font-size: calc(
+        var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))
+      );
+    }
+
+    h5,
+    h6 {
+      font-size: calc(var(--lobe-markdown-font-size) * 1);
+    }
+  `;
+	const hr = css$1`
+    hr {
+      width: 100%;
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);
+      border-color: ${token.colorBorder};
+      border-style: dashed;
+      border-width: 1px;
+      border-block-start: none;
+      border-inline-start: none;
+      border-inline-end: none;
+    }
+  `;
+	const img = css$1`
+    img {
+      max-width: 100%;
+    }
+
+    > img,
+    > p > img {
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
+      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
+    }
+  `;
+	const list = css$1`
+    li {
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);
+
+      p:first-child {
+        display: inline;
+      }
+    }
+
+    ul,
+    ol {
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+      margin-inline-start: 1em;
+      padding-inline-start: 0;
+      list-style-position: outside;
+
+      > ul,
+      > ol {
+        margin-block: 0;
+      }
+
+      > li {
+        margin-inline-start: 1em;
+      }
+    }
+
+    ol {
+      list-style: auto;
+    }
+
+    ul {
+      list-style-type: none;
+
+      > li {
+        &::before {
+          content: '-';
+
+          position: absolute;
+
+          display: inline-block;
+
+          margin-inline: -1em 0.5em;
+
+          opacity: 0.5;
+        }
+      }
+    }
+
+    .task-list-item {
+      &::before {
+        display: none !important;
+      }
+
+      input[type='checkbox'] {
+        margin-block: 0 0.25em;
+        margin-inline: -1.6em 0.2em;
+        vertical-align: middle;
+      }
+
+      input[type='checkbox']:dir(rtl) {
+        margin: 0 -1.6em 0.25em 0.2em;
+      }
+    }
+  `;
+	const p = css$1`
+    p {
+      margin-block: 4px;
+      line-height: var(--lobe-markdown-line-height);
+      letter-spacing: 0.02em;
+
+      &:not(:first-child) {
+        margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+      }
+
+      &:not(:last-child) {
+        margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+      }
+    }
+  `;
+	const pre = css$1`
+    pre {
+      font-size: calc(var(--lobe-markdown-font-size) * 0.85);
+    }
+  `;
+	const strong = css$1`
+    strong {
+      font-weight: 600;
+    }
+  `;
+	const svg = css$1`
+    svg {
+      line-height: 1;
+    }
+  `;
+	const table = css$1`
+    table {
+      unicode-bidi: isolate;
+      overflow: auto hidden;
+      display: block;
+      border-spacing: 0;
+      border-collapse: collapse;
+
+      box-sizing: border-box;
+      width: max-content;
+      max-width: 100%;
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
+
+      text-align: start;
+      text-indent: initial;
+      text-wrap: pretty;
+      word-break: auto-phrase;
+      overflow-wrap: break-word;
+
+      background: ${token.colorFillQuaternary};
+      box-shadow: 0 0 0 1px ${token.colorBorderSecondary};
+
+      code {
+        word-break: break-word;
+      }
+
+      thead {
+        background: ${token.colorFillQuaternary};
+      }
+
+      tr {
+        box-shadow: 0 1px 0 ${token.colorBorderSecondary};
+      }
+
+      th,
+      td {
+        min-width: 120px;
+        padding-block: 0.75em;
+        padding-inline: 1em;
+        text-align: start;
+      }
+    }
+  `;
+	const video = css$1`
+    > video,
+    > p > video {
+      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
+      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
+      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);
+    }
+
+    video {
+      max-width: 100%;
+    }
+  `;
+	const footnote = css$1`
+    .footnotes {
+      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);
+      font-size: smaller;
+      color: #8b949e;
+
+      #footnote-label {
+        display: none;
+      }
+
+      > ol {
+        margin: 0 !important;
+      }
+    }
+  `;
+	const sup = css$1`
+    sup {
+      position: relative;
+      inset-block-start: -0.25em;
+
+      font-size: 0.75em;
+      line-height: var(--lobe-markdown-line-height);
+      vertical-align: baseline;
+    }
+  `;
+	return { root: css$1`
+      :not(:has(${IGNORE_CLASSNAME})),
+      .markdown {
+        ${[
+		__root,
+		a,
+		blockquote,
+		code,
+		del,
+		details,
+		header,
+		hr,
+		img,
+		list,
+		p,
+		pre,
+		strong,
+		svg,
+		table,
+		video,
+		footnote,
+		css$1`
+    sub {
+      position: relative;
+      inset-block-end: -0.25em;
+
+      font-size: 0.75em;
+      line-height: var(--lobe-markdown-line-height);
+      vertical-align: baseline;
+    }
+  `,
+		sup
+	]}
+      }
+    ` };
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=markdown.style.mjs.map