@logicplanes/kaeso-ui 0.1.0

package/dist/chunks/markdown-C-iJsYnd.js

@@ -0,0 +1,313 @@
+"use client";
+import { l as e } from "./styles-Btvg2DCf.js";
+import { t } from "./cn-CidVUKMm.js";
+import { i as n } from "./context-BELWW79w.js";
+import { r } from "./text-BPglS3vq.js";
+import { r as i } from "./link-tTapNTpM.js";
+import { t as a } from "./code-DDyOlIFO.js";
+import { r as o } from "./separator-D5AzVFTS.js";
+import { n as s } from "./button-BHKAE6ui.js";
+import { t as c } from "./code-block-BbK6E4Eo.js";
+import { r as l } from "./table-DYKa86af.js";
+import { t as u } from "./safe-href-G5DBNVwm.js";
+import { forwardRef as d, memo as f, useMemo as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Lexer as v, Tokenizer as y } from "marked";
+//#region src/components/markdown/markdown.tsx
+var b = /* @__PURE__ */ e({
+	KAESO_MARKDOWN_DEFAULT_VARIANTS: () => S,
+	KAESO_MARKDOWN_VARIANTS: () => x,
+	Markdown: () => I,
+	lexMarkdown: () => T,
+	markdownCodeLang: () => D,
+	previewMarkdown: () => E,
+	safeHref: () => u
+}), x = {
+	size: {
+		lg: { classes: "gap-16" },
+		body: { classes: "gap-12" },
+		small: { classes: "gap-8" }
+	},
+	tone: {
+		default: { classes: "text-fg" },
+		secondary: { classes: "text-fg-secondary" }
+	}
+}, S = {
+	size: "body",
+	tone: "default"
+};
+function C() {
+	let e = new y();
+	return e.html = () => void 0, e.tag = () => void 0, e.def = () => void 0, new v({
+		gfm: !0,
+		breaks: !0,
+		tokenizer: e
+	});
+}
+var w;
+function T(e, t = {}) {
+	if (t.cache === !1) return C().lex(e);
+	w ??= /* @__PURE__ */ new Map();
+	let n = w.get(e);
+	if (n) return n;
+	let r = C().lex(e);
+	return w.size >= 64 && w.delete(w.keys().next().value ?? ""), w.set(e, r), r;
+}
+function E(e, t) {
+	if (e.length <= t) return e;
+	for (let n of ["\n\n", "\n"]) {
+		let r = e.lastIndexOf(n, t);
+		if (r > t / 2) return e.slice(0, r);
+	}
+	let n = e.lastIndexOf(" ", t);
+	return `${e.slice(0, n > t / 2 ? n : t).trimEnd()}…`;
+}
+function D(e) {
+	switch ((e ?? "").trim().split(/\s/)[0]?.toLowerCase() ?? "") {
+		case "ts":
+		case "typescript": return "ts";
+		case "tsx":
+		case "jsx": return "tsx";
+		case "js":
+		case "javascript":
+		case "mjs":
+		case "cjs": return "js";
+		case "json":
+		case "jsonc":
+		case "json5": return "json";
+		case "bash":
+		case "sh":
+		case "shell":
+		case "zsh":
+		case "console": return "bash";
+		case "python":
+		case "py": return "python";
+		case "yaml":
+		case "yml": return "yaml";
+		case "diff":
+		case "patch": return "diff";
+		default: return "text";
+	}
+}
+function O({ href: e, title: t, children: n }) {
+	return /* @__PURE__ */ g(i, {
+		href: e,
+		external: !0,
+		target: "_blank",
+		rel: "noopener noreferrer nofollow",
+		...t ? { title: t } : {},
+		className: "max-w-full wrap-anywhere",
+		children: n
+	});
+}
+function k(e) {
+	return (e ?? []).map((e, t) => {
+		switch (e.type) {
+			case "text": return "tokens" in e && e.tokens ? /* @__PURE__ */ g("span", { children: k(e.tokens) }, t) : e.text;
+			case "escape": return e.text;
+			case "strong": return /* @__PURE__ */ g("strong", {
+				className: "font-semibold",
+				children: k(e.tokens)
+			}, t);
+			case "em": return /* @__PURE__ */ g("em", { children: k(e.tokens) }, t);
+			case "del": return /* @__PURE__ */ g("del", { children: k(e.tokens) }, t);
+			case "codespan": return /* @__PURE__ */ g(a, {
+				shape: "rounded",
+				className: "wrap-anywhere",
+				children: e.text
+			}, t);
+			case "br": return /* @__PURE__ */ g("br", {}, t);
+			case "link": {
+				let n = e, r = u(n.href);
+				return r ? /* @__PURE__ */ g(O, {
+					href: r,
+					title: n.title,
+					children: k(n.tokens)
+				}, t) : /* @__PURE__ */ g("span", { children: k(n.tokens) }, t);
+			}
+			case "image": {
+				let n = e, r = u(n.href), i = n.text || n.href;
+				return r ? /* @__PURE__ */ g(O, {
+					href: r,
+					title: n.title,
+					children: i
+				}, t) : i;
+			}
+			case "checkbox": return null;
+			default: return e.raw;
+		}
+	});
+}
+function A({ list: e, ctx: t }) {
+	let n = e.ordered ? "ol" : "ul", i = typeof e.start == "number" ? e.start : 1, a = e.items.length - 1;
+	return /* @__PURE__ */ g(n, {
+		className: "flex flex-col gap-4",
+		children: e.items.map((n, o) => /* @__PURE__ */ _("li", {
+			className: "flex gap-8",
+			children: [n.task ? /* @__PURE__ */ g(r, {
+				as: "span",
+				variant: M[t.size],
+				weight: "regular",
+				tone: "tertiary",
+				mono: !0,
+				className: "shrink-0",
+				children: n.checked ? "[x]" : "[ ]"
+			}) : /* @__PURE__ */ g(r, {
+				as: "span",
+				"aria-hidden": !0,
+				variant: M[t.size],
+				weight: "regular",
+				tone: "tertiary",
+				tabular: !0,
+				className: e.ordered ? "min-w-16 shrink-0 text-right" : "w-8 shrink-0 text-center",
+				children: e.ordered ? `${i + o}.` : "•"
+			}), /* @__PURE__ */ g("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-4",
+				children: F(n.tokens.filter((e) => e.type !== "checkbox"), o === a ? t : {
+					...t,
+					trailing: null
+				}, !n.loose)
+			})]
+		}, o))
+	});
+}
+var j = "max-w-prose wrap-break-word", M = {
+	lg: "body-lg",
+	body: "body",
+	small: "small"
+};
+function N(e, n, i) {
+	let a = n.trailing;
+	switch (e.type) {
+		case "space": return null;
+		case "heading": {
+			let t = e, i = t.depth <= 2, o = n.size === "lg" ? i ? "title-sm" : "body-lg" : n.size === "body" ? i ? "body-lg" : "body" : i ? "body" : "small", s = Math.min(6, t.depth + n.level - 1);
+			return /* @__PURE__ */ _(r, {
+				as: `h${s}`,
+				variant: o,
+				weight: "semibold",
+				tone: "inherit",
+				className: "mt-4 first:mt-0 wrap-break-word",
+				children: [k(t.tokens), a]
+			});
+		}
+		case "paragraph": return /* @__PURE__ */ _(r, {
+			as: "p",
+			variant: M[n.size],
+			weight: "regular",
+			tone: "inherit",
+			className: j,
+			children: [k(e.tokens), a]
+		});
+		case "text": {
+			let t = e;
+			return /* @__PURE__ */ _(r, {
+				as: i ? "div" : "p",
+				variant: M[n.size],
+				weight: "regular",
+				tone: "inherit",
+				className: j,
+				children: [t.tokens ? k(t.tokens) : t.text, a]
+			});
+		}
+		case "list": return /* @__PURE__ */ g(A, {
+			list: e,
+			ctx: n
+		});
+		case "code": return /* @__PURE__ */ g(h, { children: /* @__PURE__ */ g(c, {
+			code: e.text,
+			lang: D(e.lang),
+			wrap: n.wrap
+		}) });
+		case "blockquote": return /* @__PURE__ */ _("blockquote", {
+			className: "flex gap-12",
+			children: [/* @__PURE__ */ g(o, {
+				orientation: "vertical",
+				tone: "default"
+			}), /* @__PURE__ */ g("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-8 text-fg-secondary",
+				children: F(e.tokens, n)
+			})]
+		});
+		case "hr": return /* @__PURE__ */ g(h, { children: /* @__PURE__ */ g(o, { className: "my-4" }) });
+		case "table": {
+			let t = e, r = (e) => e === "right" ? "end" : "start";
+			return /* @__PURE__ */ g(h, { children: /* @__PURE__ */ g("div", {
+				className: "max-w-full overflow-x-auto scrollbar-quiet",
+				children: /* @__PURE__ */ _(l, {
+					className: n.size === "small" ? "text-small" : void 0,
+					children: [/* @__PURE__ */ g(l.Head, { children: /* @__PURE__ */ g(l.Row, { children: t.header.map((e, t) => /* @__PURE__ */ g(l.HeaderCell, {
+						align: r(e.align),
+						children: k(e.tokens)
+					}, t)) }) }), /* @__PURE__ */ g(l.Body, { children: t.rows.map((e, t) => /* @__PURE__ */ g(l.Row, { children: e.map((e, t) => /* @__PURE__ */ g(l.Cell, {
+						align: r(e.align),
+						children: k(e.tokens)
+					}, t)) }, t)) })]
+				})
+			}) });
+		}
+		default: return /* @__PURE__ */ _(r, {
+			as: "p",
+			variant: M[n.size],
+			weight: "regular",
+			tone: "inherit",
+			className: t(j, "whitespace-pre-wrap"),
+			children: [e.raw, a]
+		});
+	}
+}
+var P = /* @__PURE__ */ f(function({ token: e, ctx: t, tight: n }) {
+	return /* @__PURE__ */ g(h, { children: N(e, t, n) });
+}, (e, t) => e.token.raw === t.token.raw && e.tight === t.tight && e.ctx.size === t.ctx.size && e.ctx.wrap === t.ctx.wrap && e.ctx.level === t.ctx.level && e.ctx.trailing === t.ctx.trailing);
+function F(e, t, n = !1) {
+	let r = e.length - 1;
+	for (; r > 0 && e[r]?.type === "space";) r--;
+	return e.map((e, i) => /* @__PURE__ */ g(P, {
+		token: e,
+		tight: n,
+		ctx: i === r || !t.trailing ? t : {
+			...t,
+			trailing: null
+		}
+	}, i));
+}
+var I = /* @__PURE__ */ d(function({ text: e, size: r = "body", tone: i = "default", headingLevel: a = 3, collapseAfter: o = 24e3, streaming: c = !1, wrapCode: l = !1, trailing: u, className: d }, f) {
+	let [h, v] = m(!1), y = n(), b = !c && o > 0 && e.length > o, S = b && !h ? E(e, Math.round(o * .66)) : e, C = p(() => {
+		let t = T(S, { cache: !c }), n = t.length;
+		if (S !== e) for (; n > 1 && [
+			"space",
+			"heading",
+			"hr"
+		].includes(t[n - 1]?.type ?? "");) n--;
+		return t.slice(0, n);
+	}, [
+		S,
+		e,
+		c
+	]), w = p(() => ({
+		size: r,
+		wrap: l,
+		level: a,
+		trailing: u ?? null
+	}), [
+		r,
+		l,
+		a,
+		u
+	]);
+	return /* @__PURE__ */ _("div", {
+		ref: f,
+		className: t("flex min-w-0 flex-col", x.size[r].classes, x.tone[i].classes, d),
+		children: [F(C, w), b && !h && /* @__PURE__ */ g("div", { children: /* @__PURE__ */ g(s, {
+			size: "sm",
+			variant: "secondary",
+			onClick: () => v(!0),
+			children: y("markdown.showAllCharacters", "Show all {count} characters", { count: e.length })
+		}) })]
+	});
+});
+process.env.NODE_ENV !== "production" && (I.displayName = "Markdown");
+//#endregion
+export { D as a, T as i, x as n, b as o, I as r, E as s, S as t };
+
+//# sourceMappingURL=markdown-C-iJsYnd.js.map

package/dist/chunks/markdown-C-iJsYnd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-C-iJsYnd.js","names":["_Fragment","__exportAll","useUiText","Link","Code","Separator","Button","CodeBlock","Table","safeHref","Fragment$1","markdown_exports","KAESO_MARKDOWN_DEFAULT_VARIANTS","KAESO_MARKDOWN_VARIANTS","Markdown","lexMarkdown","markdownCodeLang","previewMarkdown","lexer","tokenizer","Tokenizer","Lexer","cache","options","text","hit","tokens","limit","at","cut","space","lang","ExternalLink","title","inline","t","i","link","href","image","label","List","Tag","list","start","last","item","Text","TEXT","ctx","blocks","PROSE","block","tail","h","major","variant","level","x","tight","table","align","a","c","j","row","r","cn","Block","token","b","all","setAll","useState","long","streaming","collapseAfter","shown","useMemo","out","end","wrapCode","headingLevel","trailing","size","tone","className"],"sources":["../../src/components/markdown/markdown.tsx"],"sourcesContent":["import { forwardRef, memo, useMemo, useState, type ReactNode } from \"react\";\nimport { Lexer, Tokenizer, type Token, type Tokens } from \"marked\";\nimport { cn } from \"../../utils/cn.js\";\nimport { safeHref } from \"../../utils/safe-href.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { Button } from \"../button/button.js\";\nimport { Code } from \"../code/code.js\";\nimport { CodeBlock } from \"../code-block/code-block.js\";\nimport type { CodeLang } from \"../code-block/highlighter.js\";\nimport { Link } from \"../link/link.js\";\nimport { Separator } from \"../separator/separator.js\";\nimport { Table } from \"../table/table.js\";\nimport { Text } from \"../text/text.js\";\n\nexport { safeHref };\n\nexport const KAESO_MARKDOWN_VARIANTS = {\n  size: {\n    lg: { classes: \"gap-16\" },\n    body: { classes: \"gap-12\" },\n    small: { classes: \"gap-8\" },\n  },\n  tone: {\n    default: { classes: \"text-fg\" },\n    secondary: { classes: \"text-fg-secondary\" },\n  },\n} as const;\nexport const KAESO_MARKDOWN_DEFAULT_VARIANTS = { size: \"body\", tone: \"default\" } as const;\n\nexport type MarkdownSize = keyof typeof KAESO_MARKDOWN_VARIANTS.size;\nexport type MarkdownTone = keyof typeof KAESO_MARKDOWN_VARIANTS.tone;\n\nexport interface MarkdownProps {\n  text: string;\n  size?: MarkdownSize | undefined;\n  tone?: MarkdownTone | undefined;\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;\n  collapseAfter?: number | undefined;\n  streaming?: boolean | undefined;\n  wrapCode?: boolean | undefined;\n  trailing?: ReactNode | undefined;\n  className?: string | undefined;\n}\n\ninterface Ctx {\n  wrap: boolean;\n  size: MarkdownSize;\n  level: number;\n  trailing: ReactNode;\n}\n\nfunction lexer() {\n  const tokenizer = new Tokenizer();\n  tokenizer.html = () => undefined;\n  tokenizer.tag = () => undefined;\n  tokenizer.def = () => undefined;\n  return new Lexer({ gfm: true, breaks: true, tokenizer });\n}\n\nlet cache: Map<string, Token[]> | undefined;\n\nexport function lexMarkdown(text: string, options: { cache?: boolean | undefined } = {}): Token[] {\n  if (options.cache === false) return lexer().lex(text);\n  cache ??= new Map();\n  const hit = cache.get(text);\n  if (hit) return hit;\n  const tokens = lexer().lex(text);\n  if (cache.size >= 64) cache.delete(cache.keys().next().value ?? \"\");\n  cache.set(text, tokens);\n  return tokens;\n}\n\nexport function previewMarkdown(text: string, limit: number): string {\n  if (text.length <= limit) return text;\n  for (const at of [\"\\n\\n\", \"\\n\"]) {\n    const cut = text.lastIndexOf(at, limit);\n    if (cut > limit / 2) return text.slice(0, cut);\n  }\n  const space = text.lastIndexOf(\" \", limit);\n  return `${text.slice(0, space > limit / 2 ? space : limit).trimEnd()}…`;\n}\n\nexport function markdownCodeLang(lang: string | undefined): CodeLang {\n  const name = (lang ?? \"\").trim().split(/\\s/)[0]?.toLowerCase() ?? \"\";\n  switch (name) {\n    case \"ts\":\n    case \"typescript\":\n      return \"ts\";\n    case \"tsx\":\n    case \"jsx\":\n      return \"tsx\";\n    case \"js\":\n    case \"javascript\":\n    case \"mjs\":\n    case \"cjs\":\n      return \"js\";\n    case \"json\":\n    case \"jsonc\":\n    case \"json5\":\n      return \"json\";\n    case \"bash\":\n    case \"sh\":\n    case \"shell\":\n    case \"zsh\":\n    case \"console\":\n      return \"bash\";\n    case \"python\":\n    case \"py\":\n      return \"python\";\n    case \"yaml\":\n    case \"yml\":\n      return \"yaml\";\n    case \"diff\":\n    case \"patch\":\n      return \"diff\";\n    default:\n      return \"text\";\n  }\n}\n\nfunction ExternalLink({ href, title, children }: { href: string; title?: string | null | undefined; children: ReactNode }) {\n  return (\n    <Link href={href} external target=\"_blank\" rel=\"noopener noreferrer nofollow\" {...(title ? { title } : {})} className=\"max-w-full wrap-anywhere\">\n      {children}\n    </Link>\n  );\n}\n\nfunction inline(tokens: Token[] | undefined): ReactNode[] {\n  return (tokens ?? []).map((t, i) => {\n    switch (t.type) {\n      case \"text\":\n        return \"tokens\" in t && t.tokens ? <span key={i}>{inline(t.tokens)}</span> : t.text;\n      case \"escape\":\n        return t.text;\n      case \"strong\":\n        return (\n          <strong key={i} className=\"font-semibold\">\n            {inline(t.tokens)}\n          </strong>\n        );\n      case \"em\":\n        return <em key={i}>{inline(t.tokens)}</em>;\n      case \"del\":\n        return <del key={i}>{inline(t.tokens)}</del>;\n      case \"codespan\":\n        return (\n          <Code key={i} shape=\"rounded\" className=\"wrap-anywhere\">\n            {t.text}\n          </Code>\n        );\n      case \"br\":\n        return <br key={i} />;\n      case \"link\": {\n        const link = t as Tokens.Link;\n        const href = safeHref(link.href);\n        return href ? (\n          <ExternalLink key={i} href={href} title={link.title}>\n            {inline(link.tokens)}\n          </ExternalLink>\n        ) : (\n          <span key={i}>{inline(link.tokens)}</span>\n        );\n      }\n      case \"image\": {\n        const image = t as Tokens.Image;\n        const href = safeHref(image.href);\n        const label = image.text || image.href;\n        return href ? (\n          <ExternalLink key={i} href={href} title={image.title}>\n            {label}\n          </ExternalLink>\n        ) : (\n          label\n        );\n      }\n      case \"checkbox\":\n        return null;\n      default:\n        return t.raw;\n    }\n  });\n}\n\nfunction List({ list, ctx }: { list: Tokens.List; ctx: Ctx }) {\n  const Tag = list.ordered ? \"ol\" : \"ul\";\n  const start = typeof list.start === \"number\" ? list.start : 1;\n  const last = list.items.length - 1;\n  return (\n    <Tag className=\"flex flex-col gap-4\">\n      {list.items.map((item, i) => (\n        <li key={i} className=\"flex gap-8\">\n          {item.task ? (\n            <Text as=\"span\" variant={TEXT[ctx.size]} weight=\"regular\" tone=\"tertiary\" mono className=\"shrink-0\">\n              {item.checked ? \"[x]\" : \"[ ]\"}\n            </Text>\n          ) : (\n            <Text\n              as=\"span\"\n              aria-hidden\n              variant={TEXT[ctx.size]}\n              weight=\"regular\"\n              tone=\"tertiary\"\n              tabular\n              className={list.ordered ? \"min-w-16 shrink-0 text-right\" : \"w-8 shrink-0 text-center\"}\n            >\n              {list.ordered ? `${start + i}.` : \"•\"}\n            </Text>\n          )}\n          <div className=\"flex min-w-0 flex-1 flex-col gap-4\">\n            {blocks(\n              item.tokens.filter((t) => t.type !== \"checkbox\"),\n              i === last ? ctx : { ...ctx, trailing: null },\n              !item.loose,\n            )}\n          </div>\n        </li>\n      ))}\n    </Tag>\n  );\n}\n\nconst PROSE = \"max-w-prose wrap-break-word\";\nconst TEXT = { lg: \"body-lg\", body: \"body\", small: \"small\" } as const;\n\nfunction block(t: Token, ctx: Ctx, tight: boolean): ReactNode {\n  const tail = ctx.trailing;\n  switch (t.type) {\n    case \"space\":\n      return null;\n    case \"heading\": {\n      const h = t as Tokens.Heading;\n      const major = h.depth <= 2;\n      const variant = ctx.size === \"lg\" ? (major ? \"title-sm\" : \"body-lg\") : ctx.size === \"body\" ? (major ? \"body-lg\" : \"body\") : major ? \"body\" : \"small\";\n      const level = Math.min(6, h.depth + ctx.level - 1) as 1 | 2 | 3 | 4 | 5 | 6;\n      return (\n        <Text as={`h${level}`} variant={variant} weight=\"semibold\" tone=\"inherit\" className=\"mt-4 first:mt-0 wrap-break-word\">\n          {inline(h.tokens)}\n          {tail}\n        </Text>\n      );\n    }\n    case \"paragraph\":\n      return (\n        <Text as=\"p\" variant={TEXT[ctx.size]} weight=\"regular\" tone=\"inherit\" className={PROSE}>\n          {inline((t as Tokens.Paragraph).tokens)}\n          {tail}\n        </Text>\n      );\n    case \"text\": {\n      const x = t as Tokens.Text;\n      return (\n        <Text as={tight ? \"div\" : \"p\"} variant={TEXT[ctx.size]} weight=\"regular\" tone=\"inherit\" className={PROSE}>\n          {x.tokens ? inline(x.tokens) : x.text}\n          {tail}\n        </Text>\n      );\n    }\n    case \"list\":\n      return <List list={t as Tokens.List} ctx={ctx} />;\n    case \"code\":\n      return (\n        <>\n          <CodeBlock code={(t as Tokens.Code).text} lang={markdownCodeLang((t as Tokens.Code).lang)} wrap={ctx.wrap} />\n        </>\n      );\n    case \"blockquote\":\n      return (\n        <blockquote className=\"flex gap-12\">\n          <Separator orientation=\"vertical\" tone=\"default\" />\n          <div className=\"flex min-w-0 flex-1 flex-col gap-8 text-fg-secondary\">{blocks((t as Tokens.Blockquote).tokens, ctx)}</div>\n        </blockquote>\n      );\n    case \"hr\":\n      return (\n        <>\n          <Separator className=\"my-4\" />\n        </>\n      );\n    case \"table\": {\n      const table = t as Tokens.Table;\n      const align = (a: Tokens.TableCell[\"align\"]) => (a === \"right\" ? \"end\" : \"start\");\n      return (\n        <>\n          <div className=\"max-w-full overflow-x-auto scrollbar-quiet\">\n            <Table className={ctx.size === \"small\" ? \"text-small\" : undefined}>\n              <Table.Head>\n                <Table.Row>\n                  {table.header.map((c, j) => (\n                    <Table.HeaderCell key={j} align={align(c.align)}>\n                      {inline(c.tokens)}\n                    </Table.HeaderCell>\n                  ))}\n                </Table.Row>\n              </Table.Head>\n              <Table.Body>\n                {table.rows.map((row, r) => (\n                  <Table.Row key={r}>\n                    {row.map((c, j) => (\n                      <Table.Cell key={j} align={align(c.align)}>\n                        {inline(c.tokens)}\n                      </Table.Cell>\n                    ))}\n                  </Table.Row>\n                ))}\n              </Table.Body>\n            </Table>\n          </div>\n        </>\n      );\n    }\n    default:\n      return (\n        <Text as=\"p\" variant={TEXT[ctx.size]} weight=\"regular\" tone=\"inherit\" className={cn(PROSE, \"whitespace-pre-wrap\")}>\n          {t.raw}\n          {tail}\n        </Text>\n      );\n  }\n}\n\nconst Block = /* @__PURE__ */ memo(\n  function Block({ token, ctx, tight }: { token: Token; ctx: Ctx; tight: boolean }) {\n    return <>{block(token, ctx, tight)}</>;\n  },\n  (a, b) =>\n    a.token.raw === b.token.raw &&\n    a.tight === b.tight &&\n    a.ctx.size === b.ctx.size &&\n    a.ctx.wrap === b.ctx.wrap &&\n    a.ctx.level === b.ctx.level &&\n    a.ctx.trailing === b.ctx.trailing,\n);\n\nfunction blocks(tokens: Token[], ctx: Ctx, tight = false): ReactNode[] {\n  let last = tokens.length - 1;\n  while (last > 0 && tokens[last]?.type === \"space\") last--;\n  return tokens.map((t, i) => <Block key={i} token={t} tight={tight} ctx={i === last || !ctx.trailing ? ctx : { ...ctx, trailing: null }} />);\n}\n\nexport const Markdown = /* @__PURE__ */ forwardRef<HTMLDivElement, MarkdownProps>(function Markdown(\n  { text, size = \"body\", tone = \"default\", headingLevel = 3, collapseAfter = 24_000, streaming = false, wrapCode = false, trailing, className },\n  ref,\n) {\n  const [all, setAll] = useState(false);\n  const t = useUiText();\n  const long = !streaming && collapseAfter > 0 && text.length > collapseAfter;\n  const shown = long && !all ? previewMarkdown(text, Math.round(collapseAfter * 0.66)) : text;\n  const tokens = useMemo(() => {\n    const out = lexMarkdown(shown, { cache: !streaming });\n    let end = out.length;\n    if (shown !== text) while (end > 1 && [\"space\", \"heading\", \"hr\"].includes(out[end - 1]?.type ?? \"\")) end--;\n    return out.slice(0, end);\n  }, [shown, text, streaming]);\n  const ctx = useMemo<Ctx>(() => ({ size, wrap: wrapCode, level: headingLevel, trailing: trailing ?? null }), [size, wrapCode, headingLevel, trailing]);\n  return (\n    <div ref={ref} className={cn(\"flex min-w-0 flex-col\", KAESO_MARKDOWN_VARIANTS.size[size].classes, KAESO_MARKDOWN_VARIANTS.tone[tone].classes, className)}>\n      {blocks(tokens, ctx)}\n      {long && !all && (\n        <div>\n          <Button size=\"sm\" variant=\"secondary\" onClick={() => setAll(true)}>\n            {t(\"markdown.showAllCharacters\", \"Show all {count} characters\", { count: text.length })}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Markdown.displayName = \"Markdown\";\n"],"mappings":"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"}