@jinmi/ui 0.0.0-stage → 6.0.2

package/es/Markdown/SyntaxMarkdown/StreamdownRender.mjs

@@ -0,0 +1,32 @@
+"use client";
+import { useMarkdownContext } from "../components/MarkdownProvider.mjs";
+import { useMarkdownComponents } from "../../hooks/useMarkdown/useMarkdownComponents.mjs";
+import { useMarkdownContent } from "../../hooks/useMarkdown/useMarkdownContent.mjs";
+import { useMarkdownRehypePlugins } from "../../hooks/useMarkdown/useMarkdownRehypePlugins.mjs";
+import { useMarkdownRemarkPlugins } from "../../hooks/useMarkdown/useMarkdownRemarkPlugins.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Streamdown } from "@lobehub/streamdown";
+//#region src/Markdown/SyntaxMarkdown/StreamdownRender.tsx
+const StreamdownRender = memo(({ children, ...rest }) => {
+	const { enableLatex = true, streamAnimationGranularity = "char", streamSmoothingPreset = "balanced" } = useMarkdownContext();
+	const escapedContent = useMarkdownContent(children || "");
+	const components = useMarkdownComponents();
+	const rehypePlugins = useMarkdownRehypePlugins();
+	const remarkPlugins = useMarkdownRemarkPlugins();
+	return /* @__PURE__ */ jsx(Streamdown, {
+		...rest,
+		components,
+		content: typeof escapedContent === "string" ? escapedContent : "",
+		granularity: streamAnimationGranularity,
+		latexGuard: enableLatex,
+		rehypePlugins,
+		remarkPlugins,
+		smoothing: streamSmoothingPreset
+	});
+});
+StreamdownRender.displayName = "StreamdownRender";
+//#endregion
+export { StreamdownRender, StreamdownRender as default };
+
+//# sourceMappingURL=StreamdownRender.mjs.map

package/es/Markdown/SyntaxMarkdown/StreamdownRender.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamdownRender.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/StreamdownRender.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Streamdown } from '@lobehub/streamdown';\r\nimport { memo } from 'react';\r\nimport { type Options } from 'react-markdown';\r\n\r\nimport {\r\n  useMarkdownComponents,\r\n  useMarkdownContent,\r\n  useMarkdownRehypePlugins,\r\n  useMarkdownRemarkPlugins,\r\n} from '@/hooks/useMarkdown';\r\nimport { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';\r\n\r\nexport const StreamdownRender = memo<Options>(({ children, ...rest }) => {\r\n  const {\r\n    enableLatex = true,\r\n    streamAnimationGranularity = 'char',\r\n    streamSmoothingPreset = 'balanced',\r\n  } = useMarkdownContext();\r\n  const escapedContent = useMarkdownContent(children || '');\r\n  const components = useMarkdownComponents();\r\n  const rehypePlugins = useMarkdownRehypePlugins();\r\n  const remarkPlugins = useMarkdownRemarkPlugins();\r\n\r\n  return (\r\n    <Streamdown\r\n      {...rest}\r\n      components={components}\r\n      content={typeof escapedContent === 'string' ? escapedContent : ''}\r\n      granularity={streamAnimationGranularity}\r\n      latexGuard={enableLatex}\r\n      rehypePlugins={rehypePlugins}\r\n      remarkPlugins={remarkPlugins}\r\n      smoothing={streamSmoothingPreset}\r\n    />\r\n  );\r\n});\r\n\r\nStreamdownRender.displayName = 'StreamdownRender';\r\n\r\nexport default StreamdownRender;\r\n"],"mappings":";;;;;;;;;;AAcA,MAAa,mBAAmB,MAAe,EAAE,UAAU,GAAG,WAAW;CACvE,MAAM,EACJ,cAAc,MACd,6BAA6B,QAC7B,wBAAwB,eACtB,mBAAmB;CACvB,MAAM,iBAAiB,mBAAmB,YAAY,EAAE;CACxD,MAAM,aAAa,sBAAsB;CACzC,MAAM,gBAAgB,yBAAyB;CAC/C,MAAM,gBAAgB,yBAAyB;CAE/C,OACE,oBAAC,YAAD;EACE,GAAI;EACQ;EACZ,SAAS,OAAO,mBAAmB,WAAW,iBAAiB;EAC/D,aAAa;EACb,YAAY;EACG;EACA;EACf,WAAW;CACZ,CAAA;AAEL,CAAC;AAED,iBAAiB,cAAc"}

package/es/Markdown/Typography.d.mts

@@ -0,0 +1,6 @@
+import { TypographyProps } from "./type.mjs";
+//#region src/Markdown/Typography.d.ts
+declare const Typography: import("react").NamedExoticComponent<TypographyProps>;
+//#endregion
+export { Typography as default };
+//# sourceMappingURL=Typography.d.mts.map

package/es/Markdown/Typography.mjs

@@ -0,0 +1,27 @@
+"use client";
+import { styles } from "./markdown.style.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/Markdown/Typography.tsx
+const Typography = memo(({ ref, children, className, fontSize = 16, headerMultiple = 1, marginMultiple = 2, lineHeight = 1.8, borderRadius = 8, style, ...rest }) => {
+	return /* @__PURE__ */ jsx("article", {
+		className: cx(styles.root, className),
+		ref,
+		style: {
+			"--jinmi-markdown-border-radius": borderRadius,
+			"--jinmi-markdown-font-size": `${fontSize}px`,
+			"--jinmi-markdown-header-multiple": headerMultiple,
+			"--jinmi-markdown-line-height": lineHeight,
+			"--jinmi-markdown-margin-multiple": marginMultiple,
+			...style
+		},
+		...rest,
+		children
+	});
+});
+Typography.displayName = "Typography";
+//#endregion
+export { Typography as default };
+
+//# sourceMappingURL=Typography.mjs.map

package/es/Markdown/Typography.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.mjs","names":[],"sources":["../../src/Markdown/Typography.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { styles } from './markdown.style';\nimport type { TypographyProps } from './type';\n\nconst Typography = memo<TypographyProps>(\n  ({\n    ref,\n    children,\n    className,\n    fontSize = 16,\n    headerMultiple = 1,\n    marginMultiple = 2,\n    lineHeight = 1.8,\n    borderRadius = 8,\n    style,\n    ...rest\n  }) => {\n    return (\n      <article\n        className={cx(styles.root, className)}\n        ref={ref}\n        style={{\n          // @ts-ignore\n          '--jinmi-markdown-border-radius': borderRadius,\n          '--jinmi-markdown-font-size': `${fontSize}px`,\n          '--jinmi-markdown-header-multiple': headerMultiple,\n          '--jinmi-markdown-line-height': lineHeight,\n          '--jinmi-markdown-margin-multiple': marginMultiple,\n          ...style,\n        }}\n        {...rest}\n      >\n        {children}\n      </article>\n    );\n  },\n);\n\nTypography.displayName = 'Typography';\n\nexport default Typography;\n"],"mappings":";;;;;;AAQA,MAAM,aAAa,MAChB,EACC,KACA,UACA,WACA,WAAW,IACX,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,KACb,eAAe,GACf,OACA,GAAG,WACC;CACJ,OACE,oBAAC,WAAD;EACE,WAAW,GAAG,OAAO,MAAM,SAAS;EAC/B;EACL,OAAO;GAEL,kCAAkC;GAClC,8BAA8B,GAAG,SAAS;GAC1C,oCAAoC;GACpC,gCAAgC;GAChC,oCAAoC;GACpC,GAAG;EACL;EACA,GAAI;EAEH;CACM,CAAA;AAEb,CACF;AAEA,WAAW,cAAc"}

package/es/Markdown/components/CodeBlock.mjs

@@ -0,0 +1,56 @@
+import "../../Highlighter/const.mjs";
+import { isFullHtmlDocument } from "../../HtmlPreview/const.mjs";
+import { Pre, PreHtmlPreview, PreMermaid, PreSingleLine } from "../../mdx/mdxComponents/Pre.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Markdown/components/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 = memo(({ fullFeatured, enableHtmlPreview, enableMermaid, highlight, html, mermaid, children, animated, ...rest }) => {
+	const code = useCode(children);
+	if (!code) return;
+	if (enableMermaid && code.lang === "mermaid") return /* @__PURE__ */ jsx(PreMermaid, {
+		animated,
+		fullFeatured,
+		...mermaid,
+		...rest,
+		children: code.content
+	});
+	if (enableHtmlPreview && code.lang === "html" && isFullHtmlDocument(code.content)) return /* @__PURE__ */ jsx(PreHtmlPreview, {
+		animated,
+		fullFeatured,
+		...html,
+		...rest,
+		children: code.content
+	});
+	if (!highlight && code.isSingleLine) return /* @__PURE__ */ jsx(PreSingleLine, {
+		language: code.lang,
+		children: code.content
+	});
+	return /* @__PURE__ */ jsx(Pre, {
+		animated,
+		fullFeatured,
+		language: code.lang,
+		...highlight,
+		...rest,
+		children: code.content
+	});
+}, (prevProps, nextProps) => prevProps.children === nextProps.children);
+//#endregion
+export { CodeBlock, useCode };
+
+//# sourceMappingURL=CodeBlock.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.mjs","names":[],"sources":["../../../src/Markdown/components/CodeBlock.tsx"],"sourcesContent":["import { memo } from 'react';\r\n\r\nimport type { HighlighterProps } from '@/Highlighter';\r\nimport { FALLBACK_LANG } from '@/Highlighter/const';\r\nimport { isFullHtmlDocument } from '@/HtmlPreview/const';\r\nimport type { HtmlPreviewProps } from '@/HtmlPreview/type';\r\nimport Pre, { PreHtmlPreview, PreMermaid, PreSingleLine } from '@/mdx/mdxComponents/Pre';\r\nimport type { MermaidProps } from '@/Mermaid';\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\nexport const 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  animated?: boolean;\r\n  children: any;\r\n  enableHtmlPreview?: boolean;\r\n  enableMermaid?: boolean;\r\n  fullFeatured?: boolean;\r\n  highlight?: HighlighterProps;\r\n  html?: HtmlPreviewProps;\r\n  mermaid?: MermaidProps;\r\n}\r\n\r\nexport const CodeBlock = memo<CodeBlockProps>(\r\n  ({\r\n    fullFeatured,\r\n    enableHtmlPreview,\r\n    enableMermaid,\r\n    highlight,\r\n    html,\r\n    mermaid,\r\n    children,\r\n    animated,\r\n    ...rest\r\n  }) => {\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 animated={animated} fullFeatured={fullFeatured} {...mermaid} {...rest}>\r\n          {code.content}\r\n        </PreMermaid>\r\n      );\r\n\r\n    // Auto-route to HTML preview only for full HTML documents. Fragments fall\r\n    // through to the normal highlighter — inline-rendering a `<div>` snippet\r\n    // produces a degraded experience and risks hiding the actual code from\r\n    // the reader.\r\n    if (enableHtmlPreview && code.lang === 'html' && isFullHtmlDocument(code.content))\r\n      return (\r\n        <PreHtmlPreview animated={animated} fullFeatured={fullFeatured} {...html} {...rest}>\r\n          {code.content}\r\n        </PreHtmlPreview>\r\n      );\r\n\r\n    if (!highlight && code.isSingleLine)\r\n      return <PreSingleLine language={code.lang}>{code.content}</PreSingleLine>;\r\n\r\n    return (\r\n      <Pre\r\n        animated={animated}\r\n        fullFeatured={fullFeatured}\r\n        language={code.lang}\r\n        {...highlight}\r\n        {...rest}\r\n      >\r\n        {code.content}\r\n      </Pre>\r\n    );\r\n  },\r\n  (prevProps, nextProps) => prevProps.children === nextProps.children,\r\n);\r\n"],"mappings":";;;;;;AASA,MAAM,cAAc,QAAwB;CAE1C,MAAM,UAAU,IAAI,MAAM,KAAK;CAC/B,OAAO,UAAU,QAAQ,SAAS;AACpC;AAEA,MAAa,WAAW,QAAa;CACnC,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;AAaA,MAAa,YAAY,MACtB,EACC,cACA,mBACA,eACA,WACA,MACA,SACA,UACA,UACA,GAAG,WACC;CACJ,MAAM,OAAO,QAAQ,QAAQ;CAE7B,IAAI,CAAC,MAAM;CAEX,IAAI,iBAAiB,KAAK,SAAS,WACjC,OACE,oBAAC,YAAD;EAAsB;EAAwB;EAAc,GAAI;EAAS,GAAI;EAC1E,UAAA,KAAK;CACI,CAAA;CAOhB,IAAI,qBAAqB,KAAK,SAAS,UAAU,mBAAmB,KAAK,OAAO,GAC9E,OACE,oBAAC,gBAAD;EAA0B;EAAwB;EAAc,GAAI;EAAM,GAAI;EAC3E,UAAA,KAAK;CACQ,CAAA;CAGpB,IAAI,CAAC,aAAa,KAAK,cACrB,OAAO,oBAAC,eAAD;EAAe,UAAU,KAAK;EAAO,UAAA,KAAK;CAAuB,CAAA;CAE1E,OACE,oBAAC,KAAD;EACY;EACI;EACd,UAAU,KAAK;EACf,GAAI;EACJ,GAAI;EAEH,UAAA,KAAK;CACH,CAAA;AAET,IACC,WAAW,cAAc,UAAU,aAAa,UAAU,QAC7D"}

package/es/Markdown/components/Footnotes.mjs

@@ -0,0 +1,91 @@
+"use client";
+import A from "../../A/index.mjs";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import Block from "../../Block/Block.mjs";
+import Text from "../../Text/Text.mjs";
+import SearchResultCards from "./SearchResultCards/index.mjs";
+import { createElement, memo, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Markdown/components/Footnotes.tsx
+const DefaultFootnotes = memo(({ dataSource }) => {
+	const items = useMemo(() => dataSource.find((child) => child?.type === "ol")?.props?.children?.map((item) => {
+		if (typeof item === "string" || item?.type !== "li") return false;
+		const data = item?.props?.children?.find((note) => note?.props?.children)?.props?.children;
+		if (!data || !Array.isArray(data)) return false;
+		return {
+			children: data[0],
+			props: data[1]?.props || {}
+		};
+	}).filter(Boolean), [dataSource]);
+	if (!Array.isArray(items)) return null;
+	return /* @__PURE__ */ jsx(FlexBasic_default, {
+		horizontal: true,
+		align: "flex-start",
+		as: "section",
+		className: "footnotes",
+		"data-footnotes": "true",
+		gap: "0.5em",
+		justify: "flex-start",
+		wrap: "wrap",
+		children: items.map(({ children, props }, index) => {
+			const { node, href, ...rest } = props;
+			return /* @__PURE__ */ createElement(href ? A : "div", {
+				...href ? {
+					href,
+					...rest
+				} : rest,
+				key: index
+			}, /* @__PURE__ */ jsxs(Block, {
+				horizontal: true,
+				align: "stretch",
+				style: {
+					overflow: "hidden",
+					position: "relative"
+				},
+				variant: "outlined",
+				children: [/* @__PURE__ */ jsx(Block, {
+					paddingInline: "0.66em",
+					style: { borderRadius: 0 },
+					variant: "filled",
+					children: /* @__PURE__ */ jsx(Text, {
+						code: true,
+						as: "span",
+						type: "secondary",
+						children: index + 1
+					})
+				}), /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					style: { paddingInline: "0.66em" },
+					type: "secondary",
+					children
+				})]
+			}));
+		})
+	});
+});
+const Footnotes = memo(({ children, ...rest }) => {
+	const links = useMemo(() => {
+		try {
+			return JSON.parse(rest["data-footnote-links"] || "[]");
+		} catch (error) {
+			console.error("Failed to parse footnote links:", error);
+			return [];
+		}
+	}, [rest["data-footnote-links"]]);
+	const isError = links.length === 0;
+	if (!children) return;
+	if (isError) {
+		if (!Array.isArray(children)) return children;
+		return /* @__PURE__ */ jsx(DefaultFootnotes, { dataSource: children });
+	}
+	return /* @__PURE__ */ jsx("section", {
+		className: "footnotes",
+		"data-footnotes": "true",
+		children: /* @__PURE__ */ jsx(SearchResultCards, { dataSource: links })
+	});
+});
+Footnotes.displayName = "Footnotes";
+//#endregion
+export { Footnotes as default };
+
+//# sourceMappingURL=Footnotes.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footnotes.mjs","names":["Flexbox"],"sources":["../../../src/Markdown/components/Footnotes.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { memo, type ReactNode, useMemo } from 'react';\r\n\r\nimport A from '@/A';\r\nimport Block from '@/Block';\r\nimport { Flexbox } from '@/Flex';\r\nimport Text from '@/Text';\r\n\r\nimport SearchResultCards from './SearchResultCards';\r\n\r\ninterface FootnotesProps {\r\n  'children': ReactNode;\r\n  'data-footnote-links'?: string;\r\n  'data-footnotes'?: boolean;\r\n}\r\n\r\nconst DefaultFootnotes = memo<{ dataSource: any[] }>(({ dataSource }) => {\r\n  const items = useMemo(\r\n    () =>\r\n      dataSource\r\n        .find((child) => child?.type === 'ol')\r\n        ?.props?.children?.map((item: any) => {\r\n          if (typeof item === 'string' || item?.type !== 'li') return false;\r\n          const data = item?.props?.children?.find((note: any) => note?.props?.children)?.props\r\n            ?.children;\r\n          if (!data || !Array.isArray(data)) return false;\r\n          return {\r\n            children: data[0],\r\n            props: data[1]?.props || {},\r\n          };\r\n        })\r\n        .filter(Boolean),\r\n    [dataSource],\r\n  );\r\n\r\n  if (!Array.isArray(items)) return null;\r\n\r\n  return (\r\n    <Flexbox\r\n      horizontal\r\n      align={'flex-start'}\r\n      as={'section'}\r\n      className={'footnotes'}\r\n      data-footnotes=\"true\"\r\n      gap={'0.5em'}\r\n      justify={'flex-start'}\r\n      wrap={'wrap'}\r\n    >\r\n      {items.map(({ children, props }, index) => {\r\n        const { node, href, ...rest } = props;\r\n        const Container = href ? A : 'div';\r\n        return (\r\n          <Container {...(href ? { href, ...rest } : rest)} key={index}>\r\n            <Block\r\n              horizontal\r\n              align={'stretch'}\r\n              style={{ overflow: 'hidden', position: 'relative' }}\r\n              variant={'outlined'}\r\n            >\r\n              <Block paddingInline={'0.66em'} style={{ borderRadius: 0 }} variant={'filled'}>\r\n                <Text code as=\"span\" type={'secondary'}>\r\n                  {index + 1}\r\n                </Text>\r\n              </Block>\r\n              <Text as=\"span\" style={{ paddingInline: '0.66em' }} type={'secondary'}>\r\n                {children}\r\n              </Text>\r\n            </Block>\r\n          </Container>\r\n        );\r\n      })}\r\n    </Flexbox>\r\n  );\r\n});\r\n\r\nconst Footnotes = memo<FootnotesProps>(({ children, ...rest }) => {\r\n  const links = useMemo(() => {\r\n    try {\r\n      return JSON.parse(rest['data-footnote-links'] || '[]');\r\n    } catch (error) {\r\n      console.error('Failed to parse footnote links:', error);\r\n      return [];\r\n    }\r\n  }, [rest['data-footnote-links']]);\r\n\r\n  const isError = links.length === 0;\r\n\r\n  if (!children) return;\r\n\r\n  if (isError) {\r\n    if (!Array.isArray(children)) return children;\r\n    return <DefaultFootnotes dataSource={children} />;\r\n  }\r\n\r\n  return (\r\n    <section className={'footnotes'} data-footnotes=\"true\">\r\n      <SearchResultCards dataSource={links} />\r\n    </section>\r\n  );\r\n});\r\n\r\nFootnotes.displayName = 'Footnotes';\r\n\r\nexport default Footnotes;\r\n"],"mappings":";;;;;;;;;AAiBA,MAAM,mBAAmB,MAA6B,EAAE,iBAAiB;CACvE,MAAM,QAAQ,cAEV,WACG,MAAM,UAAU,OAAO,SAAS,IAAI,CAAC,EACpC,OAAO,UAAU,KAAK,SAAc;EACpC,IAAI,OAAO,SAAS,YAAY,MAAM,SAAS,MAAM,OAAO;EAC5D,MAAM,OAAO,MAAM,OAAO,UAAU,MAAM,SAAc,MAAM,OAAO,QAAQ,CAAC,EAAE,OAC5E;EACJ,IAAI,CAAC,QAAQ,CAAC,MAAM,QAAQ,IAAI,GAAG,OAAO;EAC1C,OAAO;GACL,UAAU,KAAK;GACf,OAAO,KAAK,EAAE,EAAE,SAAS,CAAC;EAC5B;CACF,CAAC,CAAC,CACD,OAAO,OAAO,GACnB,CAAC,UAAU,CACb;CAEA,IAAI,CAAC,MAAM,QAAQ,KAAK,GAAG,OAAO;CAElC,OACE,oBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,IAAI;EACJ,WAAW;EACX,kBAAe;EACf,KAAK;EACL,SAAS;EACT,MAAM;EAEL,UAAA,MAAM,KAAK,EAAE,UAAU,SAAS,UAAU;GACzC,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS;GAEhC,OACE,8BAFgB,OAAO,IAAI,OAE3B;IAAW,GAAK,OAAO;KAAE;KAAM,GAAG;IAAK,IAAI;IAAO,KAAK;GAgB5C,GAfT,qBAAC,OAAD;IACE,YAAA;IACA,OAAO;IACP,OAAO;KAAE,UAAU;KAAU,UAAU;IAAW;IAClD,SAAS;IAJX,UAAA,CAME,oBAAC,OAAD;KAAO,eAAe;KAAU,OAAO,EAAE,cAAc,EAAE;KAAG,SAAS;KACnE,UAAA,oBAAC,MAAD;MAAM,MAAA;MAAK,IAAG;MAAO,MAAM;MACxB,UAAA,QAAQ;KACL,CAAA;IACD,CAAA,GACP,oBAAC,MAAD;KAAM,IAAG;KAAO,OAAO,EAAE,eAAe,SAAS;KAAG,MAAM;KACvD;IACG,CAAA,CACD;GACE,CAAA,CAAA;EAEf,CAAC;CACM,CAAA;AAEb,CAAC;AAED,MAAM,YAAY,MAAsB,EAAE,UAAU,GAAG,WAAW;CAChE,MAAM,QAAQ,cAAc;EAC1B,IAAI;GACF,OAAO,KAAK,MAAM,KAAK,0BAA0B,IAAI;EACvD,SAAS,OAAO;GACd,QAAQ,MAAM,mCAAmC,KAAK;GACtD,OAAO,CAAC;EACV;CACF,GAAG,CAAC,KAAK,sBAAsB,CAAC;CAEhC,MAAM,UAAU,MAAM,WAAW;CAEjC,IAAI,CAAC,UAAU;CAEf,IAAI,SAAS;EACX,IAAI,CAAC,MAAM,QAAQ,QAAQ,GAAG,OAAO;EACrC,OAAO,oBAAC,kBAAD,EAAkB,YAAY,SAAW,CAAA;CAClD;CAEA,OACE,oBAAC,WAAD;EAAS,WAAW;EAAa,kBAAe;EAC9C,UAAA,oBAAC,mBAAD,EAAmB,YAAY,MAAQ,CAAA;CAChC,CAAA;AAEb,CAAC;AAED,UAAU,cAAc"}

package/es/Markdown/components/MarkdownProvider.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { useStableValue } from "../../hooks/useStableValue.mjs";
+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 }) => {
+	const stableConfig = useStableValue(config);
+	return /* @__PURE__ */ jsx(MarkdownContext, {
+		value: stableConfig,
+		children
+	});
+});
+const useMarkdownContext = () => {
+	return use(MarkdownContext);
+};
+//#endregion
+export { MarkdownContext, 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';\r\n\r\nimport { createContext, memo, type PropsWithChildren, use } from 'react';\r\n\r\nimport { useStableValue } from '@/hooks/useStableValue';\r\n\r\nimport { type SyntaxMarkdownProps } from '../type';\r\n\r\nexport type MarkdownContentConfig = Omit<SyntaxMarkdownProps, 'children' | 'reactMarkdownProps'>;\r\n\r\nexport const MarkdownContext = createContext<MarkdownContentConfig>({});\r\n\r\nexport const MarkdownProvider = memo<PropsWithChildren<MarkdownContentConfig>>(\r\n  ({ children, ...config }) => {\r\n    // The rest-spread builds a fresh object on every render while `children`\r\n    // changes on every streamed chunk, so without stabilisation each chunk\r\n    // swaps the context identity and re-renders every consumer inside every\r\n    // block, bypassing the per-block memo entirely.\r\n    const stableConfig = useStableValue(config);\r\n\r\n    return <MarkdownContext value={stableConfig}>{children}</MarkdownContext>;\r\n  },\r\n);\r\n\r\nexport const useMarkdownContext = () => {\r\n  return use(MarkdownContext);\r\n};\r\n"],"mappings":";;;;;AAUA,MAAa,kBAAkB,cAAqC,CAAC,CAAC;AAEtE,MAAa,mBAAmB,MAC7B,EAAE,UAAU,GAAG,aAAa;CAK3B,MAAM,eAAe,eAAe,MAAM;CAE1C,OAAO,oBAAC,iBAAD;EAAiB,OAAO;EAAe;CAA0B,CAAA;AAC1E,CACF;AAEA,MAAa,2BAA2B;CACtC,OAAO,IAAI,eAAe;AAC5B"}

package/es/Markdown/components/MarkdownTable/hastTableToMarkdown.mjs

@@ -0,0 +1,82 @@
+//#region src/Markdown/components/MarkdownTable/hastTableToMarkdown.ts
+const escapeCell = (text) => text.replaceAll("|", "\\|").replaceAll(/\r?\n/g, "<br>");
+const matchAlign = (source) => {
+	if (source.includes("center")) return "center";
+	if (source.includes("right")) return "right";
+	if (source.includes("left")) return "left";
+	return null;
+};
+const readAlign = (node) => {
+	const style = node?.properties?.style;
+	const align = node?.properties?.align;
+	const styleStr = typeof style === "string" ? style.toLowerCase() : "";
+	const alignStr = typeof align === "string" ? align.toLowerCase() : "";
+	return matchAlign(styleStr) ?? matchAlign(alignStr);
+};
+const encodeInlineCode = (text) => {
+	let longestRun = 0;
+	const runs = text.match(/`+/g);
+	if (runs) for (const run of runs) longestRun = Math.max(longestRun, run.length);
+	const fence = "`".repeat(longestRun + 1);
+	return `${fence}${text.startsWith("`") || text.endsWith("`") ? ` ${text} ` : text}${fence}`;
+};
+const renderInline = (node) => {
+	if (node.type === "text") return node.value ?? "";
+	if (node.type !== "element") return "";
+	const inner = (node.children ?? []).map((child) => renderInline(child)).join("");
+	switch (node.tagName) {
+		case "br": return "<br>";
+		case "code": return encodeInlineCode(inner);
+		case "strong":
+		case "b": return `**${inner}**`;
+		case "em":
+		case "i": return `*${inner}*`;
+		case "del":
+		case "s": return `~~${inner}~~`;
+		case "a": {
+			const href = node.properties?.href;
+			return href ? `[${inner}](${href})` : inner;
+		}
+		case "img": {
+			const src = node.properties?.src ?? "";
+			return `![${node.properties?.alt ?? ""}](${src})`;
+		}
+		default: return inner;
+	}
+};
+const renderCell = (cell) => escapeCell(renderInline(cell)).trim();
+const findChild = (node, tag) => node?.children?.find((child) => child.type === "element" && child.tagName === tag);
+const findAllChildren = (node, tag) => (node?.children ?? []).filter((child) => child.type === "element" && child.tagName === tag);
+const getRowCells = (row) => (row.children ?? []).filter((child) => child.type === "element" && (child.tagName === "th" || child.tagName === "td"));
+const alignToDivider = (align) => {
+	switch (align) {
+		case "center": return ":---:";
+		case "left": return ":---";
+		case "right": return "---:";
+		default: return "---";
+	}
+};
+const hastTableToMarkdown = (node) => {
+	if (!node) return "";
+	const thead = findChild(node, "thead");
+	const tbody = findChild(node, "tbody");
+	const headerRow = findChild(thead, "tr");
+	const headerCells = headerRow ? getRowCells(headerRow) : [];
+	const bodyRows = findAllChildren(tbody, "tr");
+	const columnCount = Math.max(headerCells.length, ...bodyRows.map((row) => getRowCells(row).length));
+	if (columnCount === 0) return "";
+	const headerTexts = Array.from({ length: columnCount }, (_, i) => headerCells[i] ? renderCell(headerCells[i]) : "");
+	const aligns = Array.from({ length: columnCount }, (_, i) => readAlign(headerCells[i]));
+	return [
+		`| ${headerTexts.join(" | ")} |`,
+		`| ${aligns.map((a) => alignToDivider(a)).join(" | ")} |`,
+		...bodyRows.map((row) => {
+			const cells = getRowCells(row);
+			return `| ${Array.from({ length: columnCount }, (_, i) => cells[i] ? renderCell(cells[i]) : "").join(" | ")} |`;
+		})
+	].join("\n");
+};
+//#endregion
+export { hastTableToMarkdown };
+
+//# sourceMappingURL=hastTableToMarkdown.mjs.map

package/es/Markdown/components/MarkdownTable/hastTableToMarkdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hastTableToMarkdown.mjs","names":[],"sources":["../../../../src/Markdown/components/MarkdownTable/hastTableToMarkdown.ts"],"sourcesContent":["type HastNode = {\r\n  children?: HastNode[];\r\n  properties?: Record<string, any>;\r\n  tagName?: string;\r\n  type: string;\r\n  value?: string;\r\n};\r\n\r\nconst escapeCell = (text: string) => text.replaceAll('|', '\\\\|').replaceAll(/\\r?\\n/g, '<br>');\r\n\r\nconst matchAlign = (source: string): 'center' | 'left' | 'right' | null => {\r\n  if (source.includes('center')) return 'center';\r\n  if (source.includes('right')) return 'right';\r\n  if (source.includes('left')) return 'left';\r\n  return null;\r\n};\r\n\r\nconst readAlign = (node: HastNode | undefined): 'center' | 'left' | 'right' | null => {\r\n  const style = node?.properties?.style;\r\n  const align = node?.properties?.align;\r\n  const styleStr = typeof style === 'string' ? style.toLowerCase() : '';\r\n  const alignStr = typeof align === 'string' ? align.toLowerCase() : '';\r\n  // Prefer the inline style hint (more specific) but fall back to the\r\n  // explicit `align` attribute when style has no alignment keyword —\r\n  // otherwise an unrelated style like `color: red` would suppress\r\n  // `align=\"right\"`.\r\n  return matchAlign(styleStr) ?? matchAlign(alignStr);\r\n};\r\n\r\n// CommonMark code-span rule: open and close with N backticks where N is\r\n// longer than any run of consecutive backticks inside the content. If the\r\n// content starts or ends with a backtick, pad with a single space on each\r\n// side (the parser strips one space when both sides are padded).\r\nconst encodeInlineCode = (text: string): string => {\r\n  let longestRun = 0;\r\n  const runs = text.match(/`+/g);\r\n  if (runs) for (const run of runs) longestRun = Math.max(longestRun, run.length);\r\n  const fence = '`'.repeat(longestRun + 1);\r\n  const needsPad = text.startsWith('`') || text.endsWith('`');\r\n  const body = needsPad ? ` ${text} ` : text;\r\n  return `${fence}${body}${fence}`;\r\n};\r\n\r\nconst renderInline = (node: HastNode): string => {\r\n  if (node.type === 'text') return node.value ?? '';\r\n  if (node.type !== 'element') return '';\r\n\r\n  const inner = (node.children ?? []).map((child) => renderInline(child)).join('');\r\n\r\n  switch (node.tagName) {\r\n    case 'br': {\r\n      return '<br>';\r\n    }\r\n    case 'code': {\r\n      return encodeInlineCode(inner);\r\n    }\r\n    case 'strong':\r\n    case 'b': {\r\n      return `**${inner}**`;\r\n    }\r\n    case 'em':\r\n    case 'i': {\r\n      return `*${inner}*`;\r\n    }\r\n    case 'del':\r\n    case 's': {\r\n      return `~~${inner}~~`;\r\n    }\r\n    case 'a': {\r\n      const href = node.properties?.href;\r\n      return href ? `[${inner}](${href})` : inner;\r\n    }\r\n    case 'img': {\r\n      const src = node.properties?.src ?? '';\r\n      const alt = node.properties?.alt ?? '';\r\n      return `![${alt}](${src})`;\r\n    }\r\n    default: {\r\n      return inner;\r\n    }\r\n  }\r\n};\r\n\r\nconst renderCell = (cell: HastNode): string => escapeCell(renderInline(cell)).trim();\r\n\r\nconst findChild = (node: HastNode | undefined, tag: string): HastNode | undefined =>\r\n  node?.children?.find((child) => child.type === 'element' && child.tagName === tag);\r\n\r\nconst findAllChildren = (node: HastNode | undefined, tag: string): HastNode[] =>\r\n  (node?.children ?? []).filter((child) => child.type === 'element' && child.tagName === tag);\r\n\r\nconst getRowCells = (row: HastNode): HastNode[] =>\r\n  (row.children ?? []).filter(\r\n    (child) => child.type === 'element' && (child.tagName === 'th' || child.tagName === 'td'),\r\n  );\r\n\r\nconst alignToDivider = (align: 'center' | 'left' | 'right' | null): string => {\r\n  switch (align) {\r\n    case 'center': {\r\n      return ':---:';\r\n    }\r\n    case 'left': {\r\n      return ':---';\r\n    }\r\n    case 'right': {\r\n      return '---:';\r\n    }\r\n    default: {\r\n      return '---';\r\n    }\r\n  }\r\n};\r\n\r\nexport const hastTableToMarkdown = (node: HastNode | undefined): string => {\r\n  if (!node) return '';\r\n\r\n  const thead = findChild(node, 'thead');\r\n  const tbody = findChild(node, 'tbody');\r\n\r\n  const headerRow = findChild(thead, 'tr');\r\n  const headerCells = headerRow ? getRowCells(headerRow) : [];\r\n\r\n  const bodyRows = findAllChildren(tbody, 'tr');\r\n  const columnCount = Math.max(\r\n    headerCells.length,\r\n    ...bodyRows.map((row) => getRowCells(row).length),\r\n  );\r\n\r\n  if (columnCount === 0) return '';\r\n\r\n  const headerTexts = Array.from({ length: columnCount }, (_, i) =>\r\n    headerCells[i] ? renderCell(headerCells[i]) : '',\r\n  );\r\n\r\n  const aligns = Array.from({ length: columnCount }, (_, i) => readAlign(headerCells[i]));\r\n\r\n  const headerLine = `| ${headerTexts.join(' | ')} |`;\r\n  const dividerLine = `| ${aligns.map((a) => alignToDivider(a)).join(' | ')} |`;\r\n  const bodyLines = bodyRows.map((row) => {\r\n    const cells = getRowCells(row);\r\n    const texts = Array.from({ length: columnCount }, (_, i) =>\r\n      cells[i] ? renderCell(cells[i]) : '',\r\n    );\r\n    return `| ${texts.join(' | ')} |`;\r\n  });\r\n\r\n  return [headerLine, dividerLine, ...bodyLines].join('\\n');\r\n};\r\n"],"mappings":"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"}

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

@@ -0,0 +1,80 @@
+"use client";
+import CopyButton from "../../../CopyButton/CopyButton.mjs";
+import { hastTableToMarkdown } from "./hastTableToMarkdown.mjs";
+import { memo, useCallback, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createStaticStyles, cx } from "antd-style";
+//#region src/Markdown/components/MarkdownTable/index.tsx
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	copyButton: css`
+    position: absolute;
+    z-index: 1;
+
+    /* Vertical center of the header row = top padding (0.75em) + half of
+       the text line-box (line-height * 0.5em). Pulling the button up by
+       50% of its own height with transform parks it on that exact line. */
+    inset-block-start: calc(0.75em + (var(--jinmi-markdown-line-height) * 0.5em));
+    inset-inline-end: 0.5em;
+    transform: translateY(-50%);
+
+    opacity: 0;
+    background: ${cssVar.colorBgContainer};
+    box-shadow: 0 0 0 1px ${cssVar.colorBorderSecondary};
+
+    transition: opacity ${cssVar.motionDurationMid} ${cssVar.motionEaseInOut};
+  `,
+	wrapper: css`
+    position: relative;
+
+    display: block;
+
+    width: max-content;
+    max-width: 100%;
+    margin-block: calc(var(--jinmi-markdown-margin-multiple) * 0.5em);
+
+    &:hover .table-copy-button,
+    &:focus-within .table-copy-button {
+      opacity: 1;
+    }
+
+    /* Hand spacing to the wrapper so the absolutely-positioned copy
+       button anchors against the visible table edge instead of empty
+       margin space. */
+    > table {
+      margin-block: 0;
+    }
+
+    /* Reserve room for the copy button so right-aligned header text
+       doesn't slide under it. */
+    > table thead th:last-child {
+      padding-inline-end: calc(1em + 32px);
+    }
+  `
+}));
+const MarkdownTable = memo(({ node, children, ...rest }) => {
+	const nodeRef = useRef(node);
+	nodeRef.current = node;
+	const getMarkdown = useCallback(() => hastTableToMarkdown(nodeRef.current), []);
+	return /* @__PURE__ */ jsxs("div", {
+		className: styles.wrapper,
+		children: [/* @__PURE__ */ jsx(CopyButton, {
+			className: cx(styles.copyButton, "table-copy-button"),
+			content: getMarkdown,
+			glass: false,
+			size: {
+				blockSize: 24,
+				size: 14
+			},
+			title: "Copy table",
+			variant: "filled"
+		}), /* @__PURE__ */ jsx("table", {
+			...rest,
+			children
+		})]
+	});
+});
+MarkdownTable.displayName = "MarkdownTable";
+//#endregion
+export { MarkdownTable as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/Markdown/components/MarkdownTable/index.tsx"],"sourcesContent":["'use client';\n\nimport { createStaticStyles, cx } from 'antd-style';\nimport { memo, useCallback, useRef } from 'react';\n\nimport CopyButton from '@/CopyButton';\n\nimport { hastTableToMarkdown } from './hastTableToMarkdown';\n\nconst styles = createStaticStyles(({ css, cssVar }) => ({\n  copyButton: css`\n    position: absolute;\n    z-index: 1;\n\n    /* Vertical center of the header row = top padding (0.75em) + half of\n       the text line-box (line-height * 0.5em). Pulling the button up by\n       50% of its own height with transform parks it on that exact line. */\n    inset-block-start: calc(0.75em + (var(--jinmi-markdown-line-height) * 0.5em));\n    inset-inline-end: 0.5em;\n    transform: translateY(-50%);\n\n    opacity: 0;\n    background: ${cssVar.colorBgContainer};\n    box-shadow: 0 0 0 1px ${cssVar.colorBorderSecondary};\n\n    transition: opacity ${cssVar.motionDurationMid} ${cssVar.motionEaseInOut};\n  `,\n  wrapper: css`\n    position: relative;\n\n    display: block;\n\n    width: max-content;\n    max-width: 100%;\n    margin-block: calc(var(--jinmi-markdown-margin-multiple) * 0.5em);\n\n    &:hover .table-copy-button,\n    &:focus-within .table-copy-button {\n      opacity: 1;\n    }\n\n    /* Hand spacing to the wrapper so the absolutely-positioned copy\n       button anchors against the visible table edge instead of empty\n       margin space. */\n    > table {\n      margin-block: 0;\n    }\n\n    /* Reserve room for the copy button so right-aligned header text\n       doesn't slide under it. */\n    > table thead th:last-child {\n      padding-inline-end: calc(1em + 32px);\n    }\n  `,\n}));\n\ninterface MarkdownTableProps {\n  children?: React.ReactNode;\n  node?: any;\n}\n\nconst MarkdownTable = memo<MarkdownTableProps>(({ node, children, ...rest }) => {\n  const nodeRef = useRef(node);\n  nodeRef.current = node;\n\n  const getMarkdown = useCallback(() => hastTableToMarkdown(nodeRef.current), []);\n\n  return (\n    <div className={styles.wrapper}>\n      <CopyButton\n        className={cx(styles.copyButton, 'table-copy-button')}\n        content={getMarkdown}\n        glass={false}\n        size={{ blockSize: 24, size: 14 }}\n        title=\"Copy table\"\n        variant=\"filled\"\n      />\n      <table {...rest}>{children}</table>\n    </div>\n  );\n});\n\nMarkdownTable.displayName = 'MarkdownTable';\n\nexport default MarkdownTable;\n"],"mappings":";;;;;;;AASA,MAAM,SAAS,oBAAoB,EAAE,KAAK,cAAc;CACtD,YAAY,GAAG;;;;;;;;;;;;kBAYC,OAAO,iBAAiB;4BACd,OAAO,qBAAqB;;0BAE9B,OAAO,kBAAkB,GAAG,OAAO,gBAAgB;;CAE3E,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2Bd,EAAE;AAOF,MAAM,gBAAgB,MAA0B,EAAE,MAAM,UAAU,GAAG,WAAW;CAC9E,MAAM,UAAU,OAAO,IAAI;CAC3B,QAAQ,UAAU;CAElB,MAAM,cAAc,kBAAkB,oBAAoB,QAAQ,OAAO,GAAG,CAAC,CAAC;CAE9E,OACE,qBAAC,OAAD;EAAK,WAAW,OAAO;EAAvB,UAAA,CACE,oBAAC,YAAD;GACE,WAAW,GAAG,OAAO,YAAY,mBAAmB;GACpD,SAAS;GACT,OAAO;GACP,MAAM;IAAE,WAAW;IAAI,MAAM;GAAG;GAChC,OAAM;GACN,SAAQ;EACT,CAAA,GACD,oBAAC,SAAD;GAAO,GAAI;GAAO;EAAgB,CAAA,CAC/B;;AAET,CAAC;AAED,cAAc,cAAc"}

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

@@ -0,0 +1,72 @@
+"use client";
+import A from "../../../A/index.mjs";
+import FlexBasic_default from "../../../Flex/FlexBasic.mjs";
+import Block from "../../../Block/Block.mjs";
+import Text from "../../../Text/Text.mjs";
+import Img from "../../../Img/index.mjs";
+import { styles } 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 [displayTitle, domain, host] = useMemo(() => {
+		try {
+			const urlObj = new URL(url);
+			const domain = urlObj.hostname.replace("www.", "");
+			const hostForUrl = urlObj.host;
+			let displayTitle = title;
+			if (title === url) displayTitle = hostForUrl + urlObj.pathname;
+			return [
+				displayTitle,
+				domain,
+				hostForUrl
+			];
+		} catch {
+			return [
+				title,
+				url,
+				url
+			];
+		}
+	}, [url, title]);
+	return /* @__PURE__ */ jsx(A, {
+		href: url,
+		ref,
+		rel: "noreferrer",
+		target: "_blank",
+		...rest,
+		children: /* @__PURE__ */ jsxs(Block, {
+			clickable: true,
+			className: styles.container,
+			gap: 2,
+			justify: "space-between",
+			paddingBlock: 6,
+			paddingInline: 8,
+			variant: "outlined",
+			children: [/* @__PURE__ */ jsx(Text, {
+				ellipsis: { rows: 2 },
+				children: displayTitle
+			}), /* @__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`,
+					width: 14
+				}), /* @__PURE__ */ jsx(Text, {
+					ellipsis: true,
+					className: styles.url,
+					type: "secondary",
+					children: domain
+				})]
+			})]
+		}, url)
+	});
+});
+SearchResultCard.displayName = "SearchResultCard";
+//#endregion
+export { SearchResultCard as default };
+
+//# sourceMappingURL=SearchResultCard.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResultCard.mjs","names":["Flexbox"],"sources":["../../../../src/Markdown/components/SearchResultCards/SearchResultCard.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { memo, type Ref, useMemo } from 'react';\r\n\r\nimport A from '@/A';\r\nimport Block from '@/Block';\r\nimport { Flexbox } from '@/Flex';\r\nimport Img from '@/Img';\r\nimport Text from '@/Text';\r\nimport { type AProps } from '@/types';\r\n\r\nimport { styles } from './style';\r\n\r\nexport interface SearchResultCardProps extends AProps {\r\n  alt?: string;\r\n  ref?: Ref<HTMLAnchorElement>;\r\n  title?: string;\r\n  url: string;\r\n}\r\n\r\nconst SearchResultCard = memo<SearchResultCardProps>(({ ref, url, title, alt, ...rest }) => {\r\n  const [displayTitle, domain, host] = useMemo(() => {\r\n    try {\r\n      const urlObj = new URL(url);\r\n      const domain = urlObj.hostname.replace('www.', '');\r\n      const hostForUrl = urlObj.host;\r\n\r\n      let displayTitle = title;\r\n      if (title === url) {\r\n        displayTitle = hostForUrl + urlObj.pathname;\r\n      }\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 (\r\n    <A href={url} ref={ref} rel=\"noreferrer\" target={'_blank'} {...rest}>\r\n      <Block\r\n        clickable\r\n        className={styles.container}\r\n        gap={2}\r\n        justify={'space-between'}\r\n        key={url}\r\n        paddingBlock={6}\r\n        paddingInline={8}\r\n        variant={'outlined'}\r\n      >\r\n        <Text ellipsis={{ rows: 2 }}>{displayTitle}</Text>\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            width={14}\r\n          />\r\n          <Text ellipsis className={styles.url} type={'secondary'}>\r\n            {domain}\r\n          </Text>\r\n        </Flexbox>\r\n      </Block>\r\n    </A>\r\n  );\r\n});\r\n\r\nSearchResultCard.displayName = 'SearchResultCard';\r\n\r\nexport default SearchResultCard;\r\n"],"mappings":";;;;;;;;;;AAoBA,MAAM,mBAAmB,MAA6B,EAAE,KAAK,KAAK,OAAO,KAAK,GAAG,WAAW;CAC1F,MAAM,CAAC,cAAc,QAAQ,QAAQ,cAAc;EACjD,IAAI;GACF,MAAM,SAAS,IAAI,IAAI,GAAG;GAC1B,MAAM,SAAS,OAAO,SAAS,QAAQ,QAAQ,EAAE;GACjD,MAAM,aAAa,OAAO;GAE1B,IAAI,eAAe;GACnB,IAAI,UAAU,KACZ,eAAe,aAAa,OAAO;GAGrC,OAAO;IAAC;IAAc;IAAQ;GAAU;EAC1C,QAAQ;GACN,OAAO;IAAC;IAAO;IAAK;GAAG;EACzB;CACF,GAAG,CAAC,KAAK,KAAK,CAAC;CAEf,OACE,oBAAC,GAAD;EAAG,MAAM;EAAU;EAAK,KAAI;EAAa,QAAQ;EAAU,GAAI;EAC7D,UAAA,qBAAC,OAAD;GACE,WAAA;GACA,WAAW,OAAO;GAClB,KAAK;GACL,SAAS;GAET,cAAc;GACd,eAAe;GACf,SAAS;GARX,UAAA,CAUE,oBAAC,MAAD;IAAM,UAAU,EAAE,MAAM,EAAE;IAAI,UAAA;GAAmB,CAAA,GACjD,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,KAAK;IAA1C,UAAA,CACE,oBAAC,KAAD;KACE,KAAK,OAAO,SAAS;KACrB,QAAQ;KACR,KAAK,oCAAoC,KAAK;KAC9C,OAAO;IACR,CAAA,GACD,oBAAC,MAAD;KAAM,UAAA;KAAS,WAAW,OAAO;KAAK,MAAM;KACzC,UAAA;IACG,CAAA,CACC;GACJ,CAAA,CAAA;EAjBA,GAAA,GAiBA;CACN,CAAA;AAEP,CAAC;AAED,iBAAiB,cAAc"}

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

@@ -0,0 +1,18 @@
+import { FlexboxProps } from "../../../Flex/type.mjs";
+import "../../../Flex/index.mjs";
+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: import("react").NamedExoticComponent<SearchResultCardsProps>;
+//#endregion
+export { SearchResultCardsProps, SearchResultItem, SearchResultCards as default };
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1,30 @@
+"use client";
+import ScrollShadow from "../../../ScrollShadow/ScrollShadow.mjs";
+import SearchResultCard 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, {
+		hideScrollBar: true,
+		horizontal: true,
+		gap: 12,
+		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, { url: link }, link) : /* @__PURE__ */ jsx(SearchResultCard, { ...link }, link.url))
+	});
+});
+SearchResultCards.displayName = "SearchResultCards";
+//#endregion
+export { SearchResultCards as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/Markdown/components/SearchResultCards/index.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { memo, type Ref } from 'react';\r\n\r\nimport { type FlexboxProps } from '@/Flex';\r\nimport ScrollShadow from '@/ScrollShadow';\r\n\r\nimport SearchResultCard from './SearchResultCard';\r\n\r\nexport interface SearchResultItem {\r\n  alt?: string;\r\n  summary?: string;\r\n  title?: string;\r\n  url: string;\r\n}\r\n\r\nexport interface SearchResultCardsProps extends FlexboxProps {\r\n  dataSource: string[] | SearchResultItem[];\r\n  ref?: Ref<HTMLDivElement>;\r\n}\r\n\r\nconst SearchResultCards = memo<SearchResultCardsProps>(({ ref, dataSource, style, ...rest }) => {\r\n  return (\r\n    <ScrollShadow\r\n      hideScrollBar\r\n      horizontal\r\n      gap={12}\r\n      orientation={'horizontal'}\r\n      ref={ref}\r\n      size={10}\r\n      style={{ minHeight: 80, overflowX: 'scroll', paddingInlineEnd: 24, width: '100%', ...style }}\r\n      {...rest}\r\n    >\r\n      {dataSource.map((link) =>\r\n        typeof link === 'string' ? (\r\n          <SearchResultCard key={link} url={link} />\r\n        ) : (\r\n          <SearchResultCard key={link.url} {...link} />\r\n        ),\r\n      )}\r\n    </ScrollShadow>\r\n  );\r\n});\r\n\r\nSearchResultCards.displayName = 'SearchResultCards';\r\n\r\nexport default SearchResultCards;\r\n"],"mappings":";;;;;;AAqBA,MAAM,oBAAoB,MAA8B,EAAE,KAAK,YAAY,OAAO,GAAG,WAAW;CAC9F,OACE,oBAAC,cAAD;EACE,eAAA;EACA,YAAA;EACA,KAAK;EACL,aAAa;EACR;EACL,MAAM;EACN,OAAO;GAAE,WAAW;GAAI,WAAW;GAAU,kBAAkB;GAAI,OAAO;GAAQ,GAAG;EAAM;EAC3F,GAAI;EAEH,UAAA,WAAW,KAAK,SACf,OAAO,SAAS,WACd,oBAAC,kBAAD,EAA6B,KAAK,KAAO,GAAlB,IAAkB,IAEzC,oBAAC,kBAAD,EAAiC,GAAI,KAAO,GAArB,KAAK,GAAgB,CAEhD;CACY,CAAA;AAElB,CAAC;AAED,kBAAkB,cAAc"}

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

@@ -0,0 +1,24 @@
+import { createStaticStyles } from "antd-style";
+//#region src/Markdown/components/SearchResultCards/style.ts
+const styles = createStaticStyles(({ css }) => ({
+	container: css`
+    min-width: 160px;
+    max-width: 160px;
+    height: 100%;
+
+    font-size: 12px;
+    color: initial;
+  `,
+	url: css`
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+
+    text-overflow: ellipsis;
+  `
+}));
+//#endregion
+export { styles };
+
+//# 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 { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(({ css }) => ({\r\n  container: css`\r\n    min-width: 160px;\r\n    max-width: 160px;\r\n    height: 100%;\r\n\r\n    font-size: 12px;\r\n    color: initial;\r\n  `,\r\n  url: css`\r\n    overflow: hidden;\r\n    display: -webkit-box;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-line-clamp: 1;\r\n\r\n    text-overflow: ellipsis;\r\n  `,\r\n}));\r\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,WAAW;CACrD,WAAW,GAAG;;;;;;;;CAQd,KAAK,GAAG;;;;;;;;AAQV,EAAE"}