@stackone/malachite 2.21.0 → 2.22.0

package/dist/components/Typography/MarkdownBlock.js

@@ -0,0 +1,304 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import g from "marked-react";
+import a from "react";
+import { FOCUS_RING as b } from "../focusRing.js";
+import p from "./CodeText.js";
+import k from "./PageTitle.js";
+import x from "./SectionTitle.js";
+import { getFontSize as E, getTextColor as y } from "./textStyles.js";
+const L = "• ", R = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]), u = (e) => {
+  if (typeof e != "string")
+    return !1;
+  const t = /^([a-z][a-z0-9+.-]*):/i.exec(e.replace(/[\u0000-\u0020]/g, ""));
+  return !t || R.has(`${t[1].toLowerCase()}:`);
+}, f = ({
+  omitMargin: e
+}) => ({
+  blockquote(t) {
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        style: {
+          backgroundColor: "var(--malachite-card-dimmed-background)",
+          padding: "20px",
+          borderRadius: "20px",
+          border: "1px solid var(--malachite-card-border)",
+          margin: "16px 0"
+        },
+        children: t
+      },
+      this.elementId
+    );
+  },
+  paragraph(t) {
+    return /* @__PURE__ */ r("div", { style: { marginBottom: e ? "0px" : "16px" }, children: t }, this.elementId);
+  },
+  codespan(t) {
+    return /* @__PURE__ */ r(p, { variant: "inline", children: t }, this.elementId);
+  },
+  code(t) {
+    return /* @__PURE__ */ r("pre", { style: { margin: e ? 0 : "16px 0" }, children: /* @__PURE__ */ r(
+      p,
+      {
+        style: {
+          display: "block",
+          whiteSpace: "pre",
+          overflowX: "auto",
+          padding: "12px"
+        },
+        children: t
+      }
+    ) }, this.elementId);
+  },
+  heading(t, n) {
+    return n === 1 ? /* @__PURE__ */ r(k, { children: t }, this.elementId) : /* @__PURE__ */ r(x, { children: t }, this.elementId);
+  },
+  br() {
+    return /* @__PURE__ */ r("br", {}, this.elementId);
+  },
+  // `text`/`strong` are deliberately NOT overridden: a wrapping Text emits a font-weight, and
+  // the nested 400 beat strong's 600 — which is why bold never rendered.
+  link(t, n) {
+    return u(t) ? (
+      // Hover is in tailwind.css: CLAUDE.md forbids JS for styling, and JS misses keyboard.
+      // FOCUS_RING because a colour change alone is not a focus indicator.
+      /* @__PURE__ */ r(
+        "a",
+        {
+          className: `md-link rounded-xs ${b}`,
+          href: t,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: n
+        },
+        this.elementId
+      )
+    ) : /* @__PURE__ */ r(a.Fragment, { children: n }, this.elementId);
+  },
+  // Overridden only to vet `src`. Alt text stands in for a rejected image.
+  image(t, n, s) {
+    return u(t) ? /* @__PURE__ */ r(
+      "img",
+      {
+        src: t,
+        alt: n ?? "",
+        title: s ?? void 0,
+        style: { maxWidth: "100%" }
+      },
+      this.elementId
+    ) : /* @__PURE__ */ r("span", { children: n ?? "" }, this.elementId);
+  },
+  // Preflight resets list-style/margin/padding; padding-left on the LIST is the hanging indent.
+  list(t, n, s) {
+    return /* @__PURE__ */ r(
+      n ? "ol" : "ul",
+      {
+        start: n && s !== 1 ? s : void 0,
+        style: {
+          listStyle: n ? "decimal" : "disc",
+          paddingLeft: "1.25em",
+          margin: 0
+        },
+        children: t
+      },
+      this.elementId
+    );
+  },
+  listItem(t) {
+    return (
+      // Padding too: it pushes line boxes off ClampText's line grid, slicing the last line.
+      /* @__PURE__ */ r("li", { style: { padding: e ? "0px" : "2px 0px" }, children: t }, this.elementId)
+    );
+  }
+}), w = () => ({
+  paragraph(e) {
+    return /* @__PURE__ */ d("span", { children: [
+      e,
+      " "
+    ] }, this.elementId);
+  },
+  // Roles are pinned: without the real <h*> the heading leaves the a11y tree entirely.
+  heading(e, t) {
+    return /* @__PURE__ */ d(
+      "span",
+      {
+        role: "heading",
+        "aria-level": t,
+        style: { fontWeight: 600 },
+        children: [
+          e,
+          " "
+        ]
+      },
+      this.elementId
+    );
+  },
+  // The list owns markers and breaks — ordered numbering needs `start` plus the item index.
+  // A <br> opens a line box (what -webkit-line-clamp counts); `display: block` would not.
+  // Items OPEN with it, so tailwind.css suppresses the leading one on a first-child list.
+  list(e, t, n) {
+    const s = a.Children.toArray(e);
+    return /* @__PURE__ */ d("span", { role: "list", style: { display: "inline" }, children: [
+      s.map((i, l) => (
+        // Index as key: one list node's rendered children never reorder.
+        /* @__PURE__ */ d("span", { role: "listitem", style: { display: "inline" }, children: [
+          /* @__PURE__ */ r("br", {}),
+          /* @__PURE__ */ r("span", { "aria-hidden": "true", children: t ? `${(n ?? 1) + l}. ` : L }),
+          i
+        ] }, l)
+      )),
+      /* @__PURE__ */ r("br", {})
+    ] }, this.elementId);
+  },
+  listItem(e) {
+    return /* @__PURE__ */ r(a.Fragment, { children: e }, this.elementId);
+  },
+  blockquote(e) {
+    return /* @__PURE__ */ d("span", { children: [
+      e,
+      " "
+    ] }, this.elementId);
+  },
+  // A hard break here is incidental wrapping; honouring it spends a clamped line on nothing.
+  br() {
+    return /* @__PURE__ */ r("span", { children: " " }, this.elementId);
+  },
+  // Whitespace collapses, so a multi-line snippet becomes one run instead of the whole budget.
+  code(e) {
+    return /* @__PURE__ */ d(a.Fragment, { children: [
+      /* @__PURE__ */ r(p, { variant: "inline", children: e }),
+      " "
+    ] }, this.elementId);
+  },
+  hr() {
+    return /* @__PURE__ */ r("span", { children: " " }, this.elementId);
+  },
+  // Flattened to cell text: rows would each cost a line while carrying little at preview width.
+  table(e) {
+    return /* @__PURE__ */ d("span", { children: [
+      e,
+      " "
+    ] }, this.elementId);
+  },
+  tableHeader(e) {
+    return /* @__PURE__ */ r("span", { children: e }, this.elementId);
+  },
+  tableBody(e) {
+    return /* @__PURE__ */ r("span", { children: e }, this.elementId);
+  },
+  tableRow(e) {
+    return /* @__PURE__ */ r("span", { children: e }, this.elementId);
+  },
+  tableCell(e) {
+    return /* @__PURE__ */ d("span", { children: [
+      e,
+      " "
+    ] }, this.elementId);
+  },
+  // Replaced content grows the line box and breaks the grid the clamp measures against.
+  checkbox(e) {
+    return /* @__PURE__ */ r("span", { children: e ? "[x] " : "[ ] " }, this.elementId);
+  },
+  image(e, t) {
+    return /* @__PURE__ */ r("span", { children: t ? `${t} ` : "" }, this.elementId);
+  }
+}), I = (e) => {
+  const t = e.split(`
+`), n = t.reduce((i, l) => {
+    var o;
+    return l.trim() !== "" && i.push(((o = l.match(/^[ \t]*(?=\S)/gm)) == null ? void 0 : o[0].length) ?? 0), i;
+  }, []);
+  if (n.length === 0)
+    return e;
+  const s = Math.min(...n);
+  return t.map((i) => i.replace(new RegExp(`^[ \\t]{${s}}`, "gm"), "")).join(`
+`);
+}, _ = /^ {0,3}(?:```|~~~)/, T = /^ {2,}\S/, S = /^ {0,3}(?:=+|-+)\s*$/, B = /^ {0,3}(?:(?:-\s*){3,}|(?:\*\s*){3,}|(?:_\s*){3,})$/, C = /^[-*+]\s/, F = /^(\d{1,9})[.)]\s/, N = /^\*\*[^*]+:\*\*$|^\*\*[^*]+\*\*:$/, h = /\*\*[^*\n]+?:\*\*|\*\*[^*\n]+?\*\*:/g, A = /^\s*(?:[-*+]|\d{1,9}[.)])\s+/, $ = (e) => {
+  var l;
+  const t = ((l = A.exec(e)) == null ? void 0 : l[0]) ?? "";
+  let n = e.slice(t.length);
+  const s = [];
+  let i = !0;
+  for (; ; ) {
+    h.lastIndex = 0;
+    let o = null, c = h.exec(n);
+    for (; c; ) {
+      if (c.index > 0) {
+        o = c;
+        break;
+      }
+      c = h.exec(n);
+    }
+    if (!o)
+      break;
+    const m = n.slice(0, o.index).trimEnd();
+    m && (s.push((i ? t : "") + m), i = !1), n = n.slice(o.index);
+  }
+  return s.push((i ? t : "") + n), s;
+}, D = (e, t) => {
+  const n = e.trim();
+  if (!n)
+    return "blank";
+  if (B.test(e) || S.test(e))
+    return t === "blank" ? "prose" : t;
+  if (C.test(n))
+    return "item";
+  const s = F.exec(n);
+  return s && (t !== "prose" || s[1] === "1") ? "item" : N.test(n) ? "label" : "prose";
+}, v = (e) => {
+  const t = e.split(`
+`), n = [];
+  let s = "blank", i = !1;
+  for (const l of t) {
+    if (_.test(l)) {
+      i = !i, n.push(l), s = "blank";
+      continue;
+    }
+    if (i) {
+      n.push(l);
+      continue;
+    }
+    if (T.test(l)) {
+      n.push(l);
+      continue;
+    }
+    for (const o of $(l))
+      s = M(o, s, n);
+  }
+  return n.join(`
+`);
+}, M = (e, t, n) => {
+  const s = D(e, t);
+  return s !== "blank" && t !== "blank" && s !== t && n.push(""), n.push(e), s;
+}, O = ({
+  text: e,
+  color: t,
+  size: n,
+  omitMargin: s,
+  variant: i = "block",
+  normalizeSource: l = !1
+}) => {
+  const o = a.useMemo(
+    () => l ? v(I(e ?? "")) : I(e ?? ""),
+    [e, l]
+  ), c = a.useMemo(
+    () => i === "flow" ? { ...f({ omitMargin: s }), ...w() } : f({ omitMargin: s }),
+    [s, i]
+  );
+  return e ? /* @__PURE__ */ r(
+    i === "flow" ? "span" : "div",
+    {
+      className: i === "flow" ? "md-root md-flow" : "md-root",
+      style: {
+        display: "contents",
+        color: y(t ?? "primary"),
+        fontSize: E(n ?? "small")
+      },
+      children: /* @__PURE__ */ r(g, { value: o, renderer: c })
+    }
+  ) : null;
+}, X = a.memo(O);
+export {
+  X as default
+};
+//# sourceMappingURL=MarkdownBlock.js.map

package/dist/components/Typography/MarkdownBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownBlock.js","sources":["../../../src/components/Typography/MarkdownBlock.tsx"],"sourcesContent":["import Markdown, { ReactRenderer } from 'marked-react';\nimport React from 'react';\nimport { FOCUS_RING } from '../focusRing';\nimport CodeText from './CodeText';\nimport PageTitle from './PageTitle';\nimport SectionTitle from './SectionTitle';\nimport type { FontSize, TextColor } from './Text';\nimport { getFontSize, getTextColor } from './textStyles';\n\nexport type MarkdownVariant = 'block' | 'flow';\n\nexport interface MarkdownProps {\n    text: string;\n    color?: TextColor;\n    size?: FontSize;\n    omitMargin?: boolean;\n    variant?: MarkdownVariant;\n    normalizeSource?: boolean;\n}\n\nconst FLOW_BULLET = '• ';\n\n// Third-party content, and React does not sanitize href — `javascript:` would execute.\nconst ALLOWED_SCHEMES = new Set(['http:', 'https:', 'mailto:', 'tel:']);\n\nconst isSafeHref = (href: unknown): href is string => {\n    if (typeof href !== 'string') {\n        return false;\n    }\n    const scheme = /^([a-z][a-z0-9+.-]*):/i.exec(href.replace(/[\\u0000-\\u0020]/g, ''));\n    // No scheme means relative or fragment, which has nothing to vet.\n    return !scheme || ALLOWED_SCHEMES.has(`${scheme[1].toLowerCase()}:`);\n};\n\n// Renderer args are always arrays: never unwrap with `x[0]`, it drops all tokens after the first.\nconst getRendererFunction = ({\n    omitMargin,\n}: Pick<MarkdownProps, 'omitMargin'>): Partial<ReactRenderer> => ({\n    blockquote(this: ReactRenderer, quote) {\n        return (\n            <div\n                key={this.elementId}\n                style={{\n                    backgroundColor: 'var(--malachite-card-dimmed-background)',\n                    padding: '20px',\n                    borderRadius: '20px',\n                    border: '1px solid var(--malachite-card-border)',\n                    margin: '16px 0',\n                }}\n            >\n                {quote}\n            </div>\n        );\n    },\n\n    paragraph(this: ReactRenderer, text) {\n        return (\n            <div key={this.elementId} style={{ marginBottom: omitMargin ? '0px' : '16px' }}>\n                {text}\n            </div>\n        );\n    },\n\n    codespan(this: ReactRenderer, code) {\n        return (\n            <CodeText key={this.elementId} variant=\"inline\">\n                {code}\n            </CodeText>\n        );\n    },\n\n    code(this: ReactRenderer, code) {\n        return (\n            <pre key={this.elementId} style={{ margin: omitMargin ? 0 : '16px 0' }}>\n                <CodeText\n                    style={{\n                        display: 'block',\n                        whiteSpace: 'pre',\n                        overflowX: 'auto',\n                        padding: '12px',\n                    }}\n                >\n                    {code}\n                </CodeText>\n            </pre>\n        );\n    },\n\n    heading(this: ReactRenderer, text, level) {\n        return level === 1 ? (\n            <PageTitle key={this.elementId}>{text}</PageTitle>\n        ) : (\n            <SectionTitle key={this.elementId}>{text}</SectionTitle>\n        );\n    },\n\n    br(this: ReactRenderer) {\n        return <br key={this.elementId} />;\n    },\n\n    // `text`/`strong` are deliberately NOT overridden: a wrapping Text emits a font-weight, and\n    // the nested 400 beat strong's 600 — which is why bold never rendered.\n\n    link(this: ReactRenderer, href, children) {\n        // Keep the label for a rejected scheme rather than deleting content.\n        if (!isSafeHref(href)) {\n            return <React.Fragment key={this.elementId}>{children}</React.Fragment>;\n        }\n        return (\n            // Hover is in tailwind.css: CLAUDE.md forbids JS for styling, and JS misses keyboard.\n            // FOCUS_RING because a colour change alone is not a focus indicator.\n            <a\n                key={this.elementId}\n                className={`md-link rounded-xs ${FOCUS_RING}`}\n                href={href}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n            >\n                {children}\n            </a>\n        );\n    },\n\n    // Overridden only to vet `src`. Alt text stands in for a rejected image.\n    image(this: ReactRenderer, src, alt, title) {\n        if (!isSafeHref(src)) {\n            return <span key={this.elementId}>{alt ?? ''}</span>;\n        }\n        return (\n            <img\n                key={this.elementId}\n                src={src}\n                alt={alt ?? ''}\n                title={title ?? undefined}\n                style={{ maxWidth: '100%' }}\n            />\n        );\n    },\n\n    // Preflight resets list-style/margin/padding; padding-left on the LIST is the hanging indent.\n    list(this: ReactRenderer, children, ordered, start) {\n        const Tag = ordered ? 'ol' : 'ul';\n        return (\n            <Tag\n                key={this.elementId}\n                // Forward `start` or `3. three` silently renumbers from 1.\n                start={ordered && start !== 1 ? start : undefined}\n                style={{\n                    listStyle: ordered ? 'decimal' : 'disc',\n                    paddingLeft: '1.25em',\n                    margin: 0,\n                }}\n            >\n                {children}\n            </Tag>\n        );\n    },\n\n    listItem(this: ReactRenderer, children) {\n        return (\n            // Padding too: it pushes line boxes off ClampText's line grid, slicing the last line.\n            <li key={this.elementId} style={{ padding: omitMargin ? '0px' : '2px 0px' }}>\n                {children}\n            </li>\n        );\n    },\n});\n\n/** Turns every block-level node inline for `flow`. Every block renderer must appear here, or the\n *  one invariant — no block children — breaks silently. */\nconst getFlowOverrides = (): Partial<ReactRenderer> => ({\n    paragraph(this: ReactRenderer, text) {\n        return <span key={this.elementId}>{text} </span>;\n    },\n\n    // Roles are pinned: without the real <h*> the heading leaves the a11y tree entirely.\n    heading(this: ReactRenderer, text, level) {\n        return (\n            <span\n                key={this.elementId}\n                role=\"heading\"\n                aria-level={level}\n                style={{ fontWeight: 600 }}\n            >\n                {text}{' '}\n            </span>\n        );\n    },\n\n    // The list owns markers and breaks — ordered numbering needs `start` plus the item index.\n    // A <br> opens a line box (what -webkit-line-clamp counts); `display: block` would not.\n    // Items OPEN with it, so tailwind.css suppresses the leading one on a first-child list.\n    list(this: ReactRenderer, children, ordered, start) {\n        const items = React.Children.toArray(children);\n        return (\n            <span key={this.elementId} role=\"list\" style={{ display: 'inline' }}>\n                {items.map((item, index) => (\n                    // Index as key: one list node's rendered children never reorder.\n                    <span key={index} role=\"listitem\" style={{ display: 'inline' }}>\n                        <br />\n                        {/* Decoration — the role already conveys position. */}\n                        <span aria-hidden=\"true\">\n                            {ordered ? `${(start ?? 1) + index}. ` : FLOW_BULLET}\n                        </span>\n                        {item}\n                    </span>\n                ))}\n                {/* Closes the list so following prose starts on its own line. */}\n                <br />\n            </span>\n        );\n    },\n\n    listItem(this: ReactRenderer, children) {\n        return <React.Fragment key={this.elementId}>{children}</React.Fragment>;\n    },\n\n    blockquote(this: ReactRenderer, quote) {\n        return <span key={this.elementId}>{quote} </span>;\n    },\n\n    // A hard break here is incidental wrapping; honouring it spends a clamped line on nothing.\n    br(this: ReactRenderer) {\n        return <span key={this.elementId}> </span>;\n    },\n\n    // Whitespace collapses, so a multi-line snippet becomes one run instead of the whole budget.\n    code(this: ReactRenderer, code) {\n        return (\n            <React.Fragment key={this.elementId}>\n                <CodeText variant=\"inline\">{code}</CodeText>{' '}\n            </React.Fragment>\n        );\n    },\n\n    hr(this: ReactRenderer) {\n        return <span key={this.elementId}> </span>;\n    },\n\n    // Flattened to cell text: rows would each cost a line while carrying little at preview width.\n    table(this: ReactRenderer, children) {\n        return <span key={this.elementId}>{children} </span>;\n    },\n    tableHeader(this: ReactRenderer, children) {\n        return <span key={this.elementId}>{children}</span>;\n    },\n    tableBody(this: ReactRenderer, children) {\n        return <span key={this.elementId}>{children}</span>;\n    },\n    tableRow(this: ReactRenderer, children) {\n        return <span key={this.elementId}>{children}</span>;\n    },\n    tableCell(this: ReactRenderer, children) {\n        return <span key={this.elementId}>{children} </span>;\n    },\n\n    // Replaced content grows the line box and breaks the grid the clamp measures against.\n    checkbox(this: ReactRenderer, checked) {\n        return <span key={this.elementId}>{checked ? '[x] ' : '[ ] '}</span>;\n    },\n\n    image(this: ReactRenderer, _src, alt) {\n        return <span key={this.elementId}>{alt ? `${alt} ` : ''}</span>;\n    },\n});\n\nconst dedent = (str: string) => {\n    const lines = str.split('\\n');\n    const indents = lines.reduce<number[]>((acc, line) => {\n        if (line.trim() !== '') {\n            acc.push(line.match(/^[ \\t]*(?=\\S)/gm)?.[0].length ?? 0);\n        }\n        return acc;\n    }, []);\n    // Blank-only input has no indents to measure, and Math.min() would return Infinity — which\n    // reads as a literal `{Infinity}` quantifier today, but throws the moment the `u` flag is added.\n    if (indents.length === 0) {\n        return str;\n    }\n    const indent = Math.min(...indents);\n    return lines.map((line) => line.replace(new RegExp(`^[ \\\\t]{${indent}}`, 'gm'), '')).join('\\n');\n};\n\ntype BlockKind = 'blank' | 'item' | 'label' | 'prose';\n\nconst FENCE = /^ {0,3}(?:```|~~~)/;\n/** Lazy continuation or indented code — either way not a new block of a different kind. */\nconst INDENTED = /^ {2,}\\S/;\n/** Belongs to the line ABOVE; a break between them demotes the heading to a thematic rule. */\nconst SETEXT_UNDERLINE = /^ {0,3}(?:=+|-+)\\s*$/;\n/** Tested before the bullet rule so `---` is not read as a list item. */\nconst THEMATIC_BREAK = /^ {0,3}(?:(?:-\\s*){3,}|(?:\\*\\s*){3,}|(?:_\\s*){3,})$/;\nconst BULLET_MARKER = /^[-*+]\\s/;\nconst ORDERED_MARKER = /^(\\d{1,9})[.)]\\s/;\n/** The colon is REQUIRED: emphasis mid-sentence looks identical, and splitting it would turn\n *  one paragraph into three. */\nconst BOLD_LABEL = /^\\*\\*[^*]+:\\*\\*$|^\\*\\*[^*]+\\*\\*:$/;\n\nconst INLINE_LABEL = /\\*\\*[^*\\n]+?:\\*\\*|\\*\\*[^*\\n]+?\\*\\*:/g;\nconst LEADING_MARKER = /^\\s*(?:[-*+]|\\d{1,9}[.)])\\s+/;\n\n/** Splits a bold label that TRAILS other text onto its own line — `...support. **Pagination\n *  Mode:**`. Line classification alone cannot fix it: the whole line is prose. A label that\n *  OPENS its line, or a list item, is a lead-in and left alone. */\nconst splitTrailingLabels = (line: string): string[] => {\n    const marker = LEADING_MARKER.exec(line)?.[0] ?? '';\n    let rest = line.slice(marker.length);\n    const out: string[] = [];\n    let isFirst = true;\n\n    while (true) {\n        INLINE_LABEL.lastIndex = 0;\n        let found: RegExpExecArray | null = null;\n        let match = INLINE_LABEL.exec(rest);\n        while (match) {\n            // index 0 means the label opens the chunk — a lead-in, not a new block.\n            if (match.index > 0) {\n                found = match;\n                break;\n            }\n            match = INLINE_LABEL.exec(rest);\n        }\n        if (!found) {\n            break;\n        }\n        const before = rest.slice(0, found.index).trimEnd();\n        if (before) {\n            out.push((isFirst ? marker : '') + before);\n            isFirst = false;\n        }\n        rest = rest.slice(found.index);\n    }\n\n    out.push((isFirst ? marker : '') + rest);\n    return out;\n};\n\nconst classifyLine = (line: string, previous: BlockKind): BlockKind => {\n    const trimmed = line.trim();\n    if (!trimmed) {\n        return 'blank';\n    }\n    if (THEMATIC_BREAK.test(line) || SETEXT_UNDERLINE.test(line)) {\n        // Continues what came before, so nothing is inserted above it.\n        return previous === 'blank' ? 'prose' : previous;\n    }\n    if (BULLET_MARKER.test(trimmed)) {\n        return 'item';\n    }\n    const ordered = ORDERED_MARKER.exec(trimmed);\n    if (ordered) {\n        // Only a list starting at 1 may interrupt a paragraph, else \"Released in\\n2024.\" would\n        // become `<ol start=\"2024\">`.\n        if (previous !== 'prose' || ordered[1] === '1') {\n            return 'item';\n        }\n    }\n    if (BOLD_LABEL.test(trimmed)) {\n        return 'label';\n    }\n    return 'prose';\n};\n\n/** Inserts the blank line CommonMark needs between blocks of different kinds — generated\n *  descriptions separate them with a single `\\n`, which reads as lazy continuation. Only a\n *  CHANGE of kind breaks, so tight lists and wrapped paragraphs survive. Skips fences, indented\n *  lines and setext underlines, where a blank line changes meaning. */\nconst explicitBlocks = (text: string): string => {\n    const lines = text.split('\\n');\n    const out: string[] = [];\n    let previous: BlockKind = 'blank';\n    let inFence = false;\n\n    for (const line of lines) {\n        if (FENCE.test(line)) {\n            inFence = !inFence;\n            out.push(line);\n            // A fence is its own block on both sides.\n            previous = 'blank';\n            continue;\n        }\n        if (inFence) {\n            out.push(line);\n            continue;\n        }\n        if (INDENTED.test(line)) {\n            out.push(line);\n            continue;\n        }\n        // One line can hold a block AND a trailing label, so split before classifying.\n        for (const piece of splitTrailingLabels(line)) {\n            previous = pushClassified(piece, previous, out);\n        }\n    }\n    return out.join('\\n');\n};\n\nconst pushClassified = (line: string, previous: BlockKind, out: string[]): BlockKind => {\n    const kind = classifyLine(line, previous);\n    if (kind !== 'blank' && previous !== 'blank' && kind !== previous) {\n        out.push('');\n    }\n    out.push(line);\n    return kind;\n};\n\nconst MarkdownBlock: React.FC<MarkdownProps> = ({\n    text,\n    color,\n    size,\n    omitMargin,\n    variant = 'block',\n    normalizeSource = false,\n}) => {\n    // Hooks before the early return so hook order stays stable. marked-react re-lexes on every\n    // render, and this can land in a virtualized Table cell.\n    const source = React.useMemo(\n        () => (normalizeSource ? explicitBlocks(dedent(text ?? '')) : dedent(text ?? '')),\n        [text, normalizeSource],\n    );\n    const renderer = React.useMemo(\n        () =>\n            variant === 'flow'\n                ? { ...getRendererFunction({ omitMargin }), ...getFlowOverrides() }\n                : getRendererFunction({ omitMargin }),\n        [omitMargin, variant],\n    );\n\n    if (!text) {\n        return null;\n    }\n\n    // `display: contents` generates no box, so this only propagates colour and size — a real box\n    // would be a block child for -webkit-line-clamp to count, and a stray div inside Alert. The\n    // tag still switches: `display` does not change content-model validity.\n    const Root = variant === 'flow' ? 'span' : 'div';\n    return (\n        <Root\n            className={variant === 'flow' ? 'md-root md-flow' : 'md-root'}\n            style={{\n                display: 'contents',\n                color: getTextColor(color ?? 'primary'),\n                fontSize: getFontSize(size ?? 'small'),\n            }}\n        >\n            <Markdown value={source} renderer={renderer} />\n        </Root>\n    );\n};\n\n// marked-react re-parses on every render; every prop is a primitive, so shallow equality is exact.\nexport default React.memo(MarkdownBlock);\n"],"names":["FLOW_BULLET","ALLOWED_SCHEMES","isSafeHref","href","scheme","getRendererFunction","omitMargin","quote","jsx","text","code","CodeText","level","PageTitle","SectionTitle","children","FOCUS_RING","React","src","alt","title","ordered","start","getFlowOverrides","jsxs","items","item","index","checked","_src","dedent","str","lines","indents","acc","line","_a","indent","FENCE","INDENTED","SETEXT_UNDERLINE","THEMATIC_BREAK","BULLET_MARKER","ORDERED_MARKER","BOLD_LABEL","INLINE_LABEL","LEADING_MARKER","splitTrailingLabels","marker","rest","out","isFirst","found","match","before","classifyLine","previous","trimmed","explicitBlocks","inFence","piece","pushClassified","kind","MarkdownBlock","color","size","variant","normalizeSource","source","renderer","getTextColor","getFontSize","Markdown","MarkdownBlock$1"],"mappings":"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"}

package/dist/components/Typography/PageTitle.js

@@ -0,0 +1,21 @@
+import { jsx as l } from "react/jsx-runtime";
+const n = ({
+  children: t,
+  margin: e = "0",
+  className: i = "",
+  style: o = {}
+}) => {
+  const r = {
+    fontSize: "24px",
+    fontWeight: 600,
+    color: "var(--malachite-text-primary)",
+    lineHeight: "1.3",
+    margin: e,
+    ...o
+  };
+  return /* @__PURE__ */ l("h1", { className: i, style: r, children: t });
+};
+export {
+  n as default
+};
+//# sourceMappingURL=PageTitle.js.map

package/dist/components/Typography/PageTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTitle.js","sources":["../../../src/components/Typography/PageTitle.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface PageTitleProps {\n    children: React.ReactNode;\n    margin?: string;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst PageTitle: React.FC<PageTitleProps> = ({\n    children,\n    margin = '0',\n    className = '',\n    style = {},\n}) => {\n    const titleStyles: React.CSSProperties = {\n        fontSize: '24px',\n        fontWeight: 600,\n        color: 'var(--malachite-text-primary)',\n        lineHeight: '1.3',\n        margin,\n        ...style,\n    };\n\n    return (\n        <h1 className={className} style={titleStyles}>\n            {children}\n        </h1>\n    );\n};\n\nexport default PageTitle;\n"],"names":["PageTitle","children","margin","className","style","titleStyles","jsx"],"mappings":";AASA,MAAMA,IAAsC,CAAC;AAAA,EACzC,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ,CAAA;AACZ,MAAM;AACF,QAAMC,IAAmC;AAAA,IACrC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,QAAAH;AAAA,IACA,GAAGE;AAAA,EAAA;AAGP,SACI,gBAAAE,EAAC,MAAA,EAAG,WAAAH,GAAsB,OAAOE,GAC5B,UAAAJ,GACL;AAER;"}

package/dist/components/Typography/SecondaryText.js

@@ -0,0 +1,51 @@
+import { jsx as o } from "react/jsx-runtime";
+const c = (e) => {
+  switch (e) {
+    case "xsmall":
+      return "12px";
+    case "small":
+      return "14px";
+    case "medium":
+      return "16px";
+    case "large":
+      return "18px";
+    case "xlarge":
+      return "20px";
+    case "xxlarge":
+      return "24px";
+    default:
+      return "14px";
+  }
+}, u = (e) => {
+  switch (e) {
+    case "normal":
+      return 400;
+    case "semi-bold":
+      return 500;
+    case "bold":
+      return 600;
+    default:
+      return 400;
+  }
+}, i = ({
+  children: e,
+  fontWeight: t = "normal",
+  size: r = "small",
+  textTransform: n = "none",
+  className: a = "",
+  style: s = {}
+}) => {
+  const l = {
+    fontSize: c(r),
+    fontWeight: u(t),
+    color: "var(--malachite-text-dimmed)",
+    textTransform: n,
+    lineHeight: "1.4",
+    ...s
+  };
+  return /* @__PURE__ */ o("span", { className: a, style: l, children: e });
+};
+export {
+  i as default
+};
+//# sourceMappingURL=SecondaryText.js.map

package/dist/components/Typography/SecondaryText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryText.js","sources":["../../../src/components/Typography/SecondaryText.tsx"],"sourcesContent":["import React from 'react';\nimport type { FontSize, FontWeight } from './Text';\n\nconst getFontSize = (size: FontSize): string => {\n    switch (size) {\n        case 'xsmall':\n            return '12px';\n        case 'small':\n            return '14px';\n        case 'medium':\n            return '16px';\n        case 'large':\n            return '18px';\n        case 'xlarge':\n            return '20px';\n        case 'xxlarge':\n            return '24px';\n        default:\n            return '14px';\n    }\n};\n\nconst getFontWeight = (weight: FontWeight): number => {\n    switch (weight) {\n        case 'normal':\n            return 400;\n        case 'semi-bold':\n            return 500;\n        case 'bold':\n            return 600;\n        default:\n            return 400;\n    }\n};\n\nexport interface SecondaryTextProps {\n    children: React.ReactNode;\n    fontWeight?: FontWeight;\n    size?: FontSize;\n    textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst SecondaryText: React.FC<SecondaryTextProps> = ({\n    children,\n    fontWeight = 'normal',\n    size = 'small',\n    textTransform = 'none',\n    className = '',\n    style = {},\n}) => {\n    const secondaryStyles: React.CSSProperties = {\n        fontSize: getFontSize(size),\n        fontWeight: getFontWeight(fontWeight),\n        color: 'var(--malachite-text-dimmed)',\n        textTransform,\n        lineHeight: '1.4',\n        ...style,\n    };\n\n    return (\n        <span className={className} style={secondaryStyles}>\n            {children}\n        </span>\n    );\n};\n\nexport default SecondaryText;\n"],"names":["getFontSize","size","getFontWeight","weight","SecondaryText","children","fontWeight","textTransform","className","style","secondaryStyles","jsx"],"mappings":";AAGA,MAAMA,IAAc,CAACC,MAA2B;AAC5C,UAAQA,GAAA;AAAA,IACJ,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX;AACI,aAAO;AAAA,EAAA;AAEnB,GAEMC,IAAgB,CAACC,MAA+B;AAClD,UAAQA,GAAA;AAAA,IACJ,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX;AACI,aAAO;AAAA,EAAA;AAEnB,GAWMC,IAA8C,CAAC;AAAA,EACjD,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,MAAAL,IAAO;AAAA,EACP,eAAAM,IAAgB;AAAA,EAChB,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ,CAAA;AACZ,MAAM;AACF,QAAMC,IAAuC;AAAA,IACzC,UAAUV,EAAYC,CAAI;AAAA,IAC1B,YAAYC,EAAcI,CAAU;AAAA,IACpC,OAAO;AAAA,IACP,eAAAC;AAAA,IACA,YAAY;AAAA,IACZ,GAAGE;AAAA,EAAA;AAGP,SACI,gBAAAE,EAAC,QAAA,EAAK,WAAAH,GAAsB,OAAOE,GAC9B,UAAAL,GACL;AAER;"}

package/dist/components/Typography/SectionTitle.js

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+const n = ({ children: t, className: e = "", style: i = {} }) => {
+  const o = {
+    fontSize: "20px",
+    fontWeight: 600,
+    color: "var(--malachite-text-primary)",
+    lineHeight: "1.3",
+    margin: 0,
+    ...i
+  };
+  return /* @__PURE__ */ r("h3", { className: e, style: o, children: t });
+};
+export {
+  n as default
+};
+//# sourceMappingURL=SectionTitle.js.map

package/dist/components/Typography/SectionTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTitle.js","sources":["../../../src/components/Typography/SectionTitle.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface SectionTitleProps {\n    children: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst SectionTitle: React.FC<SectionTitleProps> = ({ children, className = '', style = {} }) => {\n    const titleStyles: React.CSSProperties = {\n        fontSize: '20px',\n        fontWeight: 600,\n        color: 'var(--malachite-text-primary)',\n        lineHeight: '1.3',\n        margin: 0,\n        ...style,\n    };\n\n    return (\n        <h3 className={className} style={titleStyles}>\n            {children}\n        </h3>\n    );\n};\n\nexport default SectionTitle;\n"],"names":["SectionTitle","children","className","style","titleStyles","jsx"],"mappings":";AAQA,MAAMA,IAA4C,CAAC,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,OAAAC,IAAQ,CAAA,QAAS;AAC5F,QAAMC,IAAmC;AAAA,IACrC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,GAAGD;AAAA,EAAA;AAGP,SACI,gBAAAE,EAAC,MAAA,EAAG,WAAAH,GAAsB,OAAOE,GAC5B,UAAAH,GACL;AAER;"}

package/dist/components/Typography/StatisticLabel.js

@@ -0,0 +1,22 @@
+import { jsx as s } from "react/jsx-runtime";
+const o = ({
+  bold: e = !1,
+  children: a,
+  secondary: t = !1,
+  className: i = "",
+  style: l = {}
+}) => {
+  const r = {
+    fontSize: t ? "14px" : "16px",
+    fontWeight: e ? 600 : 400,
+    color: t ? "var(--malachite-text-dimmed)" : "var(--malachite-text-primary)",
+    lineHeight: "1.4",
+    margin: 0,
+    ...l
+  };
+  return /* @__PURE__ */ s("span", { className: i, style: r, children: a });
+};
+export {
+  o as default
+};
+//# sourceMappingURL=StatisticLabel.js.map

package/dist/components/Typography/StatisticLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatisticLabel.js","sources":["../../../src/components/Typography/StatisticLabel.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface StatisticLabelProps {\n    bold?: boolean;\n    children: React.ReactNode;\n    secondary?: boolean;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst StatisticLabel: React.FC<StatisticLabelProps> = ({\n    bold = false,\n    children,\n    secondary = false,\n    className = '',\n    style = {},\n}) => {\n    const labelStyles: React.CSSProperties = {\n        fontSize: secondary ? '14px' : '16px',\n        fontWeight: bold ? 600 : 400,\n        color: secondary ? 'var(--malachite-text-dimmed)' : 'var(--malachite-text-primary)',\n        lineHeight: '1.4',\n        margin: 0,\n        ...style,\n    };\n\n    return (\n        <span className={className} style={labelStyles}>\n            {children}\n        </span>\n    );\n};\n\nexport default StatisticLabel;\n"],"names":["StatisticLabel","bold","children","secondary","className","style","labelStyles","jsx"],"mappings":";AAUA,MAAMA,IAAgD,CAAC;AAAA,EACnD,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ,CAAA;AACZ,MAAM;AACF,QAAMC,IAAmC;AAAA,IACrC,UAAUH,IAAY,SAAS;AAAA,IAC/B,YAAYF,IAAO,MAAM;AAAA,IACzB,OAAOE,IAAY,iCAAiC;AAAA,IACpD,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,GAAGE;AAAA,EAAA;AAGP,SACI,gBAAAE,EAAC,QAAA,EAAK,WAAAH,GAAsB,OAAOE,GAC9B,UAAAJ,GACL;AAER;"}

package/dist/components/Typography/StatisticValue.js

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+const o = ({
+  children: e,
+  secondary: t = !1,
+  className: a = "",
+  style: i = {}
+}) => {
+  const l = {
+    fontSize: t ? "16px" : "32px",
+    fontWeight: 600,
+    color: t ? "var(--malachite-text-dimmed)" : "var(--malachite-text-primary)",
+    lineHeight: "1.2",
+    margin: 0,
+    ...i
+  };
+  return /* @__PURE__ */ r("span", { className: a, style: l, children: e });
+};
+export {
+  o as default
+};
+//# sourceMappingURL=StatisticValue.js.map

package/dist/components/Typography/StatisticValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatisticValue.js","sources":["../../../src/components/Typography/StatisticValue.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface StatisticValueProps {\n    children: React.ReactNode;\n    secondary?: boolean;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst StatisticValue: React.FC<StatisticValueProps> = ({\n    children,\n    secondary = false,\n    className = '',\n    style = {},\n}) => {\n    const valueStyles: React.CSSProperties = {\n        fontSize: secondary ? '16px' : '32px',\n        fontWeight: 600,\n        color: secondary ? 'var(--malachite-text-dimmed)' : 'var(--malachite-text-primary)',\n        lineHeight: '1.2',\n        margin: 0,\n        ...style,\n    };\n\n    return (\n        <span className={className} style={valueStyles}>\n            {children}\n        </span>\n    );\n};\n\nexport default StatisticValue;\n"],"names":["StatisticValue","children","secondary","className","style","valueStyles","jsx"],"mappings":";AASA,MAAMA,IAAgD,CAAC;AAAA,EACnD,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ,CAAA;AACZ,MAAM;AACF,QAAMC,IAAmC;AAAA,IACrC,UAAUH,IAAY,SAAS;AAAA,IAC/B,YAAY;AAAA,IACZ,OAAOA,IAAY,iCAAiC;AAAA,IACpD,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,GAAGE;AAAA,EAAA;AAGP,SACI,gBAAAE,EAAC,QAAA,EAAK,WAAAH,GAAsB,OAAOE,GAC9B,UAAAJ,GACL;AAER;"}

package/dist/components/Typography/TerminalText.js

@@ -0,0 +1,45 @@
+import { jsx as s } from "react/jsx-runtime";
+import { getTextColor as x } from "./textStyles.js";
+const i = (e) => {
+  switch (e) {
+    case "xsmall":
+      return "12px";
+    case "small":
+      return "14px";
+    case "medium":
+      return "16px";
+    case "large":
+      return "18px";
+    case "xlarge":
+      return "20px";
+    case "xxlarge":
+      return "24px";
+    default:
+      return "14px";
+  }
+}, c = ({
+  bold: e = !1,
+  children: r,
+  size: t = "small",
+  color: a = "dimmed",
+  className: n = "",
+  style: o = {}
+}) => {
+  const l = {
+    fontFamily: "var(--malachite-font-mono, monospace)",
+    backgroundColor: "transparent",
+    border: "none",
+    borderRadius: "4px",
+    padding: "2px 4px",
+    fontSize: i(t),
+    fontWeight: e ? 600 : 400,
+    color: x(a),
+    display: "inline",
+    ...o
+  };
+  return /* @__PURE__ */ s("code", { className: n, style: l, children: r });
+};
+export {
+  c as default
+};
+//# sourceMappingURL=TerminalText.js.map

package/dist/components/Typography/TerminalText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalText.js","sources":["../../../src/components/Typography/TerminalText.tsx"],"sourcesContent":["import React from 'react';\nimport type { FontSize, TextColor } from './Text';\nimport { getTextColor } from './textStyles';\n\nconst getFontSize = (size: FontSize): string => {\n    switch (size) {\n        case 'xsmall':\n            return '12px';\n        case 'small':\n            return '14px';\n        case 'medium':\n            return '16px';\n        case 'large':\n            return '18px';\n        case 'xlarge':\n            return '20px';\n        case 'xxlarge':\n            return '24px';\n        default:\n            return '14px';\n    }\n};\n\nexport interface TerminalTextProps {\n    bold?: boolean;\n    size?: FontSize;\n    children: React.ReactNode;\n    color?: TextColor;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst TerminalText: React.FC<TerminalTextProps> = ({\n    bold = false,\n    children,\n    size = 'small',\n    color = 'dimmed',\n    className = '',\n    style = {},\n}) => {\n    const terminalStyles: React.CSSProperties = {\n        fontFamily: 'var(--malachite-font-mono, monospace)',\n        backgroundColor: 'transparent',\n        border: 'none',\n        borderRadius: '4px',\n        padding: '2px 4px',\n        fontSize: getFontSize(size),\n        fontWeight: bold ? 600 : 400,\n        color: getTextColor(color),\n        display: 'inline',\n        ...style,\n    };\n\n    return (\n        <code className={className} style={terminalStyles}>\n            {children}\n        </code>\n    );\n};\n\nexport default TerminalText;\n"],"names":["getFontSize","size","TerminalText","bold","children","color","className","style","terminalStyles","getTextColor","jsx"],"mappings":";;AAIA,MAAMA,IAAc,CAACC,MAA2B;AAC5C,UAAQA,GAAA;AAAA,IACJ,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AACD,aAAO;AAAA,IACX;AACI,aAAO;AAAA,EAAA;AAEnB,GAWMC,IAA4C,CAAC;AAAA,EAC/C,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,MAAAH,IAAO;AAAA,EACP,OAAAI,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ,CAAA;AACZ,MAAM;AACF,QAAMC,IAAsC;AAAA,IACxC,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,SAAS;AAAA,IACT,UAAUR,EAAYC,CAAI;AAAA,IAC1B,YAAYE,IAAO,MAAM;AAAA,IACzB,OAAOM,EAAaJ,CAAK;AAAA,IACzB,SAAS;AAAA,IACT,GAAGE;AAAA,EAAA;AAGP,SACI,gBAAAG,EAAC,QAAA,EAAK,WAAAJ,GAAsB,OAAOE,GAC9B,UAAAJ,GACL;AAER;"}

package/dist/components/Typography/Text.js

@@ -0,0 +1,31 @@
+import { jsx as p } from "react/jsx-runtime";
+import { getFontWeight as y, getFontFamily as c, getFontSize as d, getTextColor as g } from "./textStyles.js";
+const u = ({
+  underline: e = !1,
+  children: i,
+  color: l = "primary",
+  size: n = "small",
+  font: t,
+  fontWeight: r = "normal",
+  tooltip: a,
+  textAlign: o,
+  className: s = "",
+  style: m = {}
+}) => {
+  const f = {
+    color: g(l),
+    fontSize: d(n),
+    // Left unset when not asked for, so Text keeps inheriting whatever the surrounding context…
+    fontFamily: t ? c(t) : void 0,
+    fontWeight: y(r),
+    textAlign: o,
+    textDecoration: e ? "underline" : "none",
+    display: o ? "block" : void 0,
+    ...m
+  };
+  return /* @__PURE__ */ p("span", { className: s, style: f, title: a, children: i });
+};
+export {
+  u as default
+};
+//# sourceMappingURL=Text.js.map

package/dist/components/Typography/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["import React from 'react';\nimport type { FontFamily, FontSize, FontWeight, TextColor } from './textStyles';\nimport { getFontFamily, getFontSize, getFontWeight, getTextColor } from './textStyles';\n\n// Types only: a value re-export would put the non-component exports back in this file.\nexport type { FontSize, FontFamily, FontWeight, TextColor } from './textStyles';\n\nexport interface TextProps {\n    color?: TextColor;\n    size?: FontSize;\n    /**\n     * Typeface. Defaults to `sans` (Inter), the library's body face. `heading` is Stack Sans\n     * Text and `body` is Geist — both are loaded on mount and declared in the theme.\n     */\n    font?: FontFamily;\n    underline?: boolean;\n    fontWeight?: FontWeight;\n    children: React.ReactNode;\n    tooltip?: string;\n    textAlign?: 'left' | 'center' | 'right' | 'justify';\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst Text: React.FC<TextProps> = ({\n    underline = false,\n    children,\n    color = 'primary',\n    size = 'small',\n    font,\n    fontWeight = 'normal',\n    tooltip,\n    textAlign,\n    className = '',\n    style = {},\n}) => {\n    const textStyles: React.CSSProperties = {\n        color: getTextColor(color),\n        fontSize: getFontSize(size),\n        // Left unset when not asked for, so Text keeps inheriting whatever the surrounding context…\n        fontFamily: font ? getFontFamily(font) : undefined,\n        fontWeight: getFontWeight(fontWeight),\n        textAlign,\n        textDecoration: underline ? 'underline' : 'none',\n        display: textAlign ? 'block' : undefined,\n        ...style,\n    };\n\n    return (\n        <span className={className} style={textStyles} title={tooltip}>\n            {children}\n        </span>\n    );\n};\n\nexport default Text;\n"],"names":["Text","underline","children","color","size","font","fontWeight","tooltip","textAlign","className","style","textStyles","getTextColor","getFontSize","getFontFamily","getFontWeight"],"mappings":";;AAwBA,MAAMA,IAA4B,CAAC;AAAA,EAC/B,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ,CAAA;AACZ,MAAM;AACF,QAAMC,IAAkC;AAAA,IACpC,OAAOC,EAAaT,CAAK;AAAA,IACzB,UAAUU,EAAYT,CAAI;AAAA;AAAA,IAE1B,YAAYC,IAAOS,EAAcT,CAAI,IAAI;AAAA,IACzC,YAAYU,EAAcT,CAAU;AAAA,IACpC,WAAAE;AAAA,IACA,gBAAgBP,IAAY,cAAc;AAAA,IAC1C,SAASO,IAAY,UAAU;AAAA,IAC/B,GAAGE;AAAA,EAAA;AAGP,2BACK,QAAA,EAAK,WAAAD,GAAsB,OAAOE,GAAY,OAAOJ,GACjD,UAAAL,GACL;AAER;"}

package/dist/components/Typography/index.js

@@ -0,0 +1,31 @@
+import o from "./CodeText.js";
+import t from "./EllipsisText.js";
+import r from "./FormSectionTitle.js";
+import m from "./LinkText.js";
+import i from "./MarkdownBlock.js";
+import e from "./PageTitle.js";
+import p from "./SecondaryText.js";
+import f from "./SectionTitle.js";
+import a from "./StatisticLabel.js";
+import T from "./StatisticValue.js";
+import l from "./TerminalText.js";
+import c from "./Text.js";
+const w = {
+  CodeText: o,
+  EllipsisText: t,
+  FormSectionTitle: r,
+  LinkText: m,
+  MarkdownBlock: i,
+  PageTitle: e,
+  SecondaryText: p,
+  SectionTitle: f,
+  StatisticLabel: a,
+  StatisticValue: T,
+  TerminalText: l,
+  Text: c
+};
+export {
+  w as Typography,
+  w as default
+};
+//# sourceMappingURL=index.js.map