@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/composed/markdown-viewer.js

@@ -1,145 +1,193 @@
 "use client";
-import { jsx as r, Fragment as w, jsxs as u } from "react/jsx-runtime";
-import * as d from "react";
-import C from "react-markdown";
-import S from "remark-gfm";
-import { IconCheck as z, IconCopy as R } from "@tabler/icons-react";
-import { Icon as b } from "../ui/icon.js";
-import { cn as l } from "../ui/lib/utils.js";
-import { Button as $ } from "../ui/button.js";
-function h(t) {
-  return t.toLowerCase().replace(/[^\w]+/g, "-").replace(/(^-|-$)/g, "");
+import { cn as e } from "../ui/lib/utils.js";
+import { Icon as t } from "../ui/icon.js";
+import { Button as n } from "../ui/button.js";
+import * as r from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { IconCheck as s, IconCopy as c } from "@tabler/icons-react";
+import l from "react-markdown";
+import u from "remark-gfm";
+//#region src/composed/markdown-viewer.tsx
+function d(e) {
+	return e.toLowerCase().replace(/[^\w]+/g, "-").replace(/(^-|-$)/g, "");
 }
-function m(t) {
-  return typeof t == "string" ? t : typeof t == "number" ? String(t) : t ? Array.isArray(t) ? t.map(m).join("") : typeof t == "object" && "props" in t ? m(t.props.children) : "" : "";
+function f(e) {
+	return typeof e == "string" ? e : typeof e == "number" ? String(e) : e ? Array.isArray(e) ? e.map(f).join("") : typeof e == "object" && "props" in e ? f(e.props.children) : "" : "";
 }
-function y({ code: t }) {
-  const [a, i] = d.useState(!1), n = d.useRef(void 0);
-  d.useEffect(() => () => clearTimeout(n.current), []);
-  function c() {
-    navigator.clipboard.writeText(t).then(() => {
-      i(!0), n.current = setTimeout(() => i(!1), 2e3);
-    });
-  }
-  return /* @__PURE__ */ r(
-    $,
-    {
-      variant: "ghost",
-      size: "icon-xs",
-      className: "absolute top-ds-02 right-ds-02 opacity-0 group-hover:opacity-100 transition-opacity",
-      onClick: c,
-      "aria-label": a ? "Copied" : "Copy code",
-      children: a ? /* @__PURE__ */ r(b, { icon: z, size: "xs" }) : /* @__PURE__ */ r(b, { icon: R, size: "xs" })
-    }
-  );
+function p({ code: e }) {
+	let [i, o] = r.useState(!1), l = r.useRef(void 0);
+	r.useEffect(() => () => clearTimeout(l.current), []);
+	function u() {
+		navigator.clipboard.writeText(e).then(() => {
+			o(!0), l.current = setTimeout(() => o(!1), 2e3);
+		});
+	}
+	return /* @__PURE__ */ a(n, {
+		variant: "ghost",
+		size: "icon-xs",
+		className: "absolute top-ds-02 right-ds-02 opacity-0 group-hover:opacity-100 transition-opacity",
+		onClick: u,
+		"aria-label": i ? "Copied" : "Copy code",
+		children: i ? /* @__PURE__ */ a(t, {
+			icon: s,
+			size: "xs"
+		}) : /* @__PURE__ */ a(t, {
+			icon: c,
+			size: "xs"
+		})
+	});
 }
-function j({ language: t, code: a, mb: i }) {
-  const [n, c] = d.useState(null);
-  if (d.useEffect(() => {
-    let o = !1;
-    return Promise.all([
-      import("react-syntax-highlighter"),
-      import("react-syntax-highlighter/dist/esm/styles/prism/one-dark")
-    ]).then(([f, e]) => {
-      o || c({ Highlighter: f.Prism ?? f.default, style: e.default });
-    }).catch(() => {
-    }), () => {
-      o = !0;
-    };
-  }, []), !n)
-    return /* @__PURE__ */ u("div", { className: l("group relative", i), children: [
-      /* @__PURE__ */ r("pre", { className: "bg-surface-sunken rounded-ds-md p-ds-04 overflow-x-auto text-ds-sm font-mono", children: /* @__PURE__ */ r("code", { children: a }) }),
-      /* @__PURE__ */ r(y, { code: a })
-    ] });
-  const { Highlighter: p, style: g } = n;
-  return /* @__PURE__ */ u("div", { className: l("group relative", i), children: [
-    /* @__PURE__ */ r(
-      p,
-      {
-        language: t,
-        style: g,
-        customStyle: {
-          margin: 0,
-          borderRadius: "var(--radius-md)",
-          fontSize: "var(--font-size-sm)",
-          padding: "var(--spacing-04)"
-        },
-        children: a
-      }
-    ),
-    /* @__PURE__ */ r(y, { code: a })
-  ] });
+function m({ language: t, code: n, mb: i }) {
+	let [s, c] = r.useState(null);
+	if (r.useEffect(() => {
+		let e = !1;
+		return Promise.all([import("react-syntax-highlighter"), import("react-syntax-highlighter/dist/esm/styles/prism/one-dark")]).then(([t, n]) => {
+			e || c({
+				Highlighter: t.Prism ?? t.default,
+				style: n.default
+			});
+		}).catch(() => {}), () => {
+			e = !0;
+		};
+	}, []), !s) return /* @__PURE__ */ o("div", {
+		className: e("group relative", i),
+		children: [/* @__PURE__ */ a("pre", {
+			className: "bg-surface-sunken rounded-ds-md p-ds-04 overflow-x-auto text-ds-sm font-mono",
+			children: /* @__PURE__ */ a("code", { children: n })
+		}), /* @__PURE__ */ a(p, { code: n })]
+	});
+	let { Highlighter: l, style: u } = s;
+	return /* @__PURE__ */ o("div", {
+		className: e("group relative", i),
+		children: [/* @__PURE__ */ a(l, {
+			language: t,
+			style: u,
+			customStyle: {
+				margin: 0,
+				borderRadius: "var(--radius-md)",
+				fontSize: "var(--font-size-sm)",
+				padding: "var(--spacing-04)"
+			},
+			children: n
+		}), /* @__PURE__ */ a(p, { code: n })]
+	});
 }
-const M = d.forwardRef(({
-  content: t,
-  compact: a = !1,
-  allowHtml: i = !1,
-  linkTarget: n = "_blank",
-  className: c,
-  ...p
-}, g) => {
-  const o = a ? "mb-ds-02" : "mb-ds-03", f = a ? "mt-ds-03" : "mt-ds-05";
-  return /* @__PURE__ */ r("div", { ref: g, className: l("font-sans text-surface-fg", c), ...p, children: /* @__PURE__ */ r(
-    C,
-    {
-      remarkPlugins: [S],
-      skipHtml: !i,
-      components: {
-        h1: ({ children: e }) => {
-          const s = h(m(e));
-          return /* @__PURE__ */ u("h1", { id: s, className: l("group", a ? "text-ds-md" : "text-ds-lg", "font-semibold text-surface-fg", f, o), children: [
-            /* @__PURE__ */ r("a", { href: `#${s}`, className: "opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline", "aria-hidden": "true", children: "#" }),
-            e
-          ] });
-        },
-        h2: ({ children: e }) => {
-          const s = h(m(e));
-          return /* @__PURE__ */ u("h2", { id: s, className: l("group", "text-ds-md font-semibold text-surface-fg", a ? "mt-ds-03" : "mt-ds-04", o), children: [
-            /* @__PURE__ */ r("a", { href: `#${s}`, className: "opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline", "aria-hidden": "true", children: "#" }),
-            e
-          ] });
-        },
-        h3: ({ children: e }) => {
-          const s = h(m(e));
-          return /* @__PURE__ */ u("h3", { id: s, className: l("group", "text-ds-md font-semibold text-surface-fg", "mt-ds-03", o), children: [
-            /* @__PURE__ */ r("a", { href: `#${s}`, className: "opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline", "aria-hidden": "true", children: "#" }),
-            e
-          ] });
-        },
-        p: ({ children: e }) => /* @__PURE__ */ r("p", { className: l("text-ds-md text-surface-fg leading-ds-relaxed", o), children: e }),
-        a: ({ href: e, children: s }) => /* @__PURE__ */ r(
-          "a",
-          {
-            href: e,
-            target: n,
-            rel: n === "_blank" ? "noopener noreferrer" : void 0,
-            className: "text-accent-11 hover:underline",
-            children: s
-          }
-        ),
-        code: ({ className: e, children: s, ...N }) => {
-          const x = e ? /language-(\w+)/.exec(e) : null;
-          if (x) {
-            const v = x[1], k = String(s).replace(/\n$/, "");
-            return /* @__PURE__ */ r(j, { language: v, code: k, mb: o });
-          }
-          return /* @__PURE__ */ r("code", { className: "bg-surface-sunken rounded-ds-sm px-1.5 py-0.5 text-ds-sm font-mono text-surface-fg", ...N, children: s });
-        },
-        pre: ({ children: e }) => /* @__PURE__ */ r(w, { children: e }),
-        blockquote: ({ children: e }) => /* @__PURE__ */ r("blockquote", { className: l("border-l-2 border-surface-border-subtle pl-ds-04 text-surface-fg-muted italic", o), children: e }),
-        ul: ({ children: e }) => /* @__PURE__ */ r("ul", { className: l("list-disc pl-ds-06 text-ds-md text-surface-fg space-y-ds-01", o), children: e }),
-        ol: ({ children: e }) => /* @__PURE__ */ r("ol", { className: l("list-decimal pl-ds-06 text-ds-md text-surface-fg space-y-ds-01", o), children: e }),
-        table: ({ children: e }) => /* @__PURE__ */ r("div", { className: l("overflow-x-auto", o), children: /* @__PURE__ */ r("table", { className: "w-full border-collapse", children: e }) }),
-        th: ({ children: e }) => /* @__PURE__ */ r("th", { className: "border border-surface-border-subtle px-ds-03 py-ds-02 text-left text-ds-sm font-semibold bg-surface-sunken", children: e }),
-        td: ({ children: e }) => /* @__PURE__ */ r("td", { className: "border border-surface-border-subtle px-ds-03 py-ds-02 text-ds-sm", children: e }),
-        hr: () => /* @__PURE__ */ r("hr", { className: l("border-surface-border-subtle", a ? "my-ds-03" : "my-ds-04") }),
-        img: ({ src: e, alt: s }) => /* @__PURE__ */ r("img", { src: e, alt: s ?? "", className: "rounded-ds-md max-w-full", loading: "lazy" })
-      },
-      children: t
-    }
-  ) });
+var h = r.forwardRef(({ content: t, compact: n = !1, allowHtml: r = !1, linkTarget: s = "_blank", className: c, ...p }, h) => {
+	let g = n ? "mb-ds-02" : "mb-ds-03", _ = n ? "mt-ds-03" : "mt-ds-05";
+	return /* @__PURE__ */ a("div", {
+		ref: h,
+		className: e("font-sans text-surface-fg", c),
+		...p,
+		children: /* @__PURE__ */ a(l, {
+			remarkPlugins: [u],
+			skipHtml: !r,
+			components: {
+				h1: ({ children: t }) => {
+					let r = d(f(t));
+					return /* @__PURE__ */ o("h1", {
+						id: r,
+						className: e("group", n ? "text-ds-md" : "text-ds-lg", "font-semibold text-surface-fg", _, g),
+						children: [/* @__PURE__ */ a("a", {
+							href: `#${r}`,
+							className: "opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline",
+							"aria-hidden": "true",
+							children: "#"
+						}), t]
+					});
+				},
+				h2: ({ children: t }) => {
+					let r = d(f(t));
+					return /* @__PURE__ */ o("h2", {
+						id: r,
+						className: e("group", "text-ds-md font-semibold text-surface-fg", n ? "mt-ds-03" : "mt-ds-04", g),
+						children: [/* @__PURE__ */ a("a", {
+							href: `#${r}`,
+							className: "opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline",
+							"aria-hidden": "true",
+							children: "#"
+						}), t]
+					});
+				},
+				h3: ({ children: t }) => {
+					let n = d(f(t));
+					return /* @__PURE__ */ o("h3", {
+						id: n,
+						className: e("group", "text-ds-md font-semibold text-surface-fg", "mt-ds-03", g),
+						children: [/* @__PURE__ */ a("a", {
+							href: `#${n}`,
+							className: "opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline",
+							"aria-hidden": "true",
+							children: "#"
+						}), t]
+					});
+				},
+				p: ({ children: t }) => /* @__PURE__ */ a("p", {
+					className: e("text-ds-md text-surface-fg leading-ds-relaxed", g),
+					children: t
+				}),
+				a: ({ href: e, children: t }) => /* @__PURE__ */ a("a", {
+					href: e,
+					target: s,
+					rel: s === "_blank" ? "noopener noreferrer" : void 0,
+					className: "text-accent-11 hover:underline",
+					children: t
+				}),
+				code: ({ className: e, children: t, ...n }) => {
+					let r = e ? /language-(\w+)/.exec(e) : null;
+					if (r) {
+						let e = r[1];
+						return /* @__PURE__ */ a(m, {
+							language: e,
+							code: String(t).replace(/\n$/, ""),
+							mb: g
+						});
+					}
+					return /* @__PURE__ */ a("code", {
+						className: "bg-surface-sunken rounded-ds-sm px-1.5 py-0.5 text-ds-sm font-mono text-surface-fg",
+						...n,
+						children: t
+					});
+				},
+				pre: ({ children: e }) => /* @__PURE__ */ a(i, { children: e }),
+				blockquote: ({ children: t }) => /* @__PURE__ */ a("blockquote", {
+					className: e("border-l-2 border-surface-border-subtle pl-ds-04 text-surface-fg-muted italic", g),
+					children: t
+				}),
+				ul: ({ children: t }) => /* @__PURE__ */ a("ul", {
+					className: e("list-disc pl-ds-06 text-ds-md text-surface-fg space-y-ds-01", g),
+					children: t
+				}),
+				ol: ({ children: t }) => /* @__PURE__ */ a("ol", {
+					className: e("list-decimal pl-ds-06 text-ds-md text-surface-fg space-y-ds-01", g),
+					children: t
+				}),
+				table: ({ children: t }) => /* @__PURE__ */ a("div", {
+					className: e("overflow-x-auto", g),
+					children: /* @__PURE__ */ a("table", {
+						className: "w-full border-collapse",
+						children: t
+					})
+				}),
+				th: ({ children: e }) => /* @__PURE__ */ a("th", {
+					className: "border border-surface-border-subtle px-ds-03 py-ds-02 text-left text-ds-sm font-semibold bg-surface-sunken",
+					children: e
+				}),
+				td: ({ children: e }) => /* @__PURE__ */ a("td", {
+					className: "border border-surface-border-subtle px-ds-03 py-ds-02 text-ds-sm",
+					children: e
+				}),
+				hr: () => /* @__PURE__ */ a("hr", { className: e("border-surface-border-subtle", n ? "my-ds-03" : "my-ds-04") }),
+				img: ({ src: e, alt: t }) => /* @__PURE__ */ a("img", {
+					src: e,
+					alt: t ?? "",
+					className: "rounded-ds-md max-w-full",
+					loading: "lazy"
+				})
+			},
+			children: t
+		})
+	});
 });
-M.displayName = "MarkdownViewer";
-export {
-  M as MarkdownViewer
-};
+h.displayName = "MarkdownViewer";
+//#endregion
+export { h as MarkdownViewer };

package/dist/composed/markdown-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-viewer.js","names":[],"sources":["../../src/composed/markdown-viewer.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport Markdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { IconCopy, IconCheck } from '@tabler/icons-react'\nimport { Icon } from '../ui/icon'\nimport { cn } from '../ui/lib/utils'\nimport { Button } from '../ui/button'\n\n// react-syntax-highlighter is lazy-loaded in CodeBlock component below\n\n// ============================================================\n// Heading helpers\n// ============================================================\n\nfunction slugify(text: string): string {\n  return text.toLowerCase().replace(/[^\\w]+/g, '-').replace(/(^-|-$)/g, '')\n}\n\n/** Recursively extract text content from React children */\nfunction extractText(node: React.ReactNode): string {\n  if (typeof node === 'string') return node\n  if (typeof node === 'number') return String(node)\n  if (!node) return ''\n  if (Array.isArray(node)) return node.map(extractText).join('')\n  if (typeof node === 'object' && 'props' in node) {\n    return extractText((node as React.ReactElement<{ children?: React.ReactNode }>).props.children)\n  }\n  return ''\n}\n\n// ============================================================\n// Types\n// ============================================================\n\nexport interface MarkdownViewerProps extends React.HTMLAttributes<HTMLDivElement> {\n  content: string\n  /** Tighter spacing for inline use */\n  compact?: boolean\n  /** Allow raw HTML in markdown @default false */\n  allowHtml?: boolean\n  /** Link target @default '_blank' */\n  linkTarget?: string\n}\n\n// ============================================================\n// MarkdownViewer\n// ============================================================\n\n// Small copy-to-clipboard button for code blocks\nfunction CopyButton({ code }: { code: string }) {\n  const [copied, setCopied] = React.useState(false)\n  const timerRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n  React.useEffect(() => () => clearTimeout(timerRef.current), [])\n\n  function handleCopy() {\n    navigator.clipboard.writeText(code).then(() => {\n      setCopied(true)\n      timerRef.current = setTimeout(() => setCopied(false), 2000)\n    })\n  }\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon-xs\"\n      className=\"absolute top-ds-02 right-ds-02 opacity-0 group-hover:opacity-100 transition-opacity\"\n      onClick={handleCopy}\n      aria-label={copied ? 'Copied' : 'Copy code'}\n    >\n      {copied ? <Icon icon={IconCheck} size=\"xs\" /> : <Icon icon={IconCopy} size=\"xs\" />}\n    </Button>\n  )\n}\n\n// Syntax-highlighted code block with lazy-loaded highlighter\nfunction CodeBlock({ language, code, mb }: { language: string; code: string; mb: string }) {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const [modules, setModules] = React.useState<{ Highlighter: any; style: any } | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    Promise.all([\n      import('react-syntax-highlighter'),\n      import('react-syntax-highlighter/dist/esm/styles/prism/one-dark'),\n    ]).then(([hlMod, styleMod]) => {\n      if (!cancelled) {\n        setModules({ Highlighter: hlMod.Prism ?? hlMod.default, style: styleMod.default })\n      }\n    }).catch(() => { /* fallback to plain pre */ })\n    return () => { cancelled = true }\n  }, [])\n\n  if (!modules) {\n    return (\n      <div className={cn('group relative', mb)}>\n        <pre className=\"bg-surface-sunken rounded-ds-md p-ds-04 overflow-x-auto text-ds-sm font-mono\">\n          <code>{code}</code>\n        </pre>\n        <CopyButton code={code} />\n      </div>\n    )\n  }\n\n  const { Highlighter, style } = modules\n  return (\n    <div className={cn('group relative', mb)}>\n      <Highlighter\n        language={language}\n        style={style}\n        customStyle={{\n          margin: 0,\n          borderRadius: 'var(--radius-md)',\n          fontSize: 'var(--font-size-sm)',\n          padding: 'var(--spacing-04)',\n        }}\n      >\n        {code}\n      </Highlighter>\n      <CopyButton code={code} />\n    </div>\n  )\n}\n\nconst MarkdownViewer = React.forwardRef<HTMLDivElement, MarkdownViewerProps>(({\n  content,\n  compact = false,\n  allowHtml = false,\n  linkTarget = '_blank',\n  className,\n  ...props\n}, ref) => {\n  const mb = compact ? 'mb-ds-02' : 'mb-ds-03'\n  const mt = compact ? 'mt-ds-03' : 'mt-ds-05'\n\n  return (\n    <div ref={ref} className={cn('font-sans text-surface-fg', className)} {...props}>\n      <Markdown\n        remarkPlugins={[remarkGfm]}\n        skipHtml={!allowHtml}\n        components={{\n          h1: ({ children }) => {\n            const slug = slugify(extractText(children))\n            return (\n              <h1 id={slug} className={cn('group', compact ? 'text-ds-md' : 'text-ds-lg', 'font-semibold text-surface-fg', mt, mb)}>\n                <a href={`#${slug}`} className=\"opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline\" aria-hidden=\"true\">\n                  #\n                </a>\n                {children}\n              </h1>\n            )\n          },\n          h2: ({ children }) => {\n            const slug = slugify(extractText(children))\n            return (\n              <h2 id={slug} className={cn('group', 'text-ds-md font-semibold text-surface-fg', compact ? 'mt-ds-03' : 'mt-ds-04', mb)}>\n                <a href={`#${slug}`} className=\"opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline\" aria-hidden=\"true\">\n                  #\n                </a>\n                {children}\n              </h2>\n            )\n          },\n          h3: ({ children }) => {\n            const slug = slugify(extractText(children))\n            return (\n              <h3 id={slug} className={cn('group', 'text-ds-md font-semibold text-surface-fg', 'mt-ds-03', mb)}>\n                <a href={`#${slug}`} className=\"opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline\" aria-hidden=\"true\">\n                  #\n                </a>\n                {children}\n              </h3>\n            )\n          },\n          p: ({ children }) => (\n            <p className={cn('text-ds-md text-surface-fg leading-ds-relaxed', mb)}>\n              {children}\n            </p>\n          ),\n          a: ({ href, children }) => (\n            <a\n              href={href}\n              target={linkTarget}\n              rel={linkTarget === '_blank' ? 'noopener noreferrer' : undefined}\n              className=\"text-accent-11 hover:underline\"\n            >\n              {children}\n            </a>\n          ),\n          code: ({ className: codeClassName, children, ...codeProps }) => {\n            const langMatch = codeClassName ? /language-(\\w+)/.exec(codeClassName) : null\n            if (langMatch) {\n              const lang = langMatch[1]\n              const codeString = String(children).replace(/\\n$/, '')\n              return <CodeBlock language={lang} code={codeString} mb={mb} />\n            }\n            return (\n              <code className=\"bg-surface-sunken rounded-ds-sm px-1.5 py-0.5 text-ds-sm font-mono text-surface-fg\" {...codeProps}>\n                {children}\n              </code>\n            )\n          },\n          pre: ({ children }) => (\n            <>{children}</>\n          ),\n          blockquote: ({ children }) => (\n            <blockquote className={cn('border-l-2 border-surface-border-subtle pl-ds-04 text-surface-fg-muted italic', mb)}>\n              {children}\n            </blockquote>\n          ),\n          ul: ({ children }) => (\n            <ul className={cn('list-disc pl-ds-06 text-ds-md text-surface-fg space-y-ds-01', mb)}>\n              {children}\n            </ul>\n          ),\n          ol: ({ children }) => (\n            <ol className={cn('list-decimal pl-ds-06 text-ds-md text-surface-fg space-y-ds-01', mb)}>\n              {children}\n            </ol>\n          ),\n          table: ({ children }) => (\n            <div className={cn('overflow-x-auto', mb)}>\n              <table className=\"w-full border-collapse\">\n                {children}\n              </table>\n            </div>\n          ),\n          th: ({ children }) => (\n            <th className=\"border border-surface-border-subtle px-ds-03 py-ds-02 text-left text-ds-sm font-semibold bg-surface-sunken\">\n              {children}\n            </th>\n          ),\n          td: ({ children }) => (\n            <td className=\"border border-surface-border-subtle px-ds-03 py-ds-02 text-ds-sm\">\n              {children}\n            </td>\n          ),\n          hr: () => <hr className={cn('border-surface-border-subtle', compact ? 'my-ds-03' : 'my-ds-04')} />,\n          img: ({ src, alt }) => (\n            <img src={src} alt={alt ?? ''} className=\"rounded-ds-md max-w-full\" loading=\"lazy\" />\n          ),\n        }}\n      >\n        {content}\n      </Markdown>\n    </div>\n  )\n})\nMarkdownViewer.displayName = 'MarkdownViewer'\n\nexport { MarkdownViewer }\n"],"mappings":"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"}