@roottale/cms-renderer-next 0.11.0 → 0.13.0

package/dist/mui.js

@@ -0,0 +1,62 @@
+// src/mui.ts
+function parseRadiusPx(raw) {
+  const v = raw.trim();
+  const num = Number.parseFloat(v);
+  if (Number.isNaN(num)) return void 0;
+  if (v.endsWith("rem")) return num * 16;
+  if (v.endsWith("em")) return num * 16;
+  return num;
+}
+function isPlainObject(x) {
+  return typeof x === "object" && x !== null && !Array.isArray(x);
+}
+function deepMerge(a, b) {
+  const out = { ...a };
+  for (const [k, bv] of Object.entries(b)) {
+    const av = out[k];
+    out[k] = isPlainObject(av) && isPlainObject(bv) ? deepMerge(av, bv) : bv;
+  }
+  return out;
+}
+function rootTaleThemeToMui(theme, overrides) {
+  const c = theme?.colors ?? {};
+  const f = theme?.fonts ?? {};
+  const r = theme?.radius ?? {};
+  const palette = {};
+  if (c.primary) {
+    palette.primary = {
+      main: c.primary,
+      ...c.primaryForeground ? { contrastText: c.primaryForeground } : {}
+    };
+  }
+  if (c.background) palette.background = { default: c.background };
+  if (c.foreground || c.mutedForeground) {
+    palette.text = {
+      ...c.foreground ? { primary: c.foreground } : {},
+      ...c.mutedForeground ? { secondary: c.mutedForeground } : {}
+    };
+  }
+  if (c.border) palette.divider = c.border;
+  const typography = {};
+  if (f.body) typography.fontFamily = f.body;
+  if (f.display) {
+    typography.h1 = { fontFamily: f.display };
+    typography.h2 = { fontFamily: f.display };
+    typography.h3 = { fontFamily: f.display };
+    typography.h4 = { fontFamily: f.display };
+    typography.h5 = { fontFamily: f.display };
+    typography.h6 = { fontFamily: f.display };
+  }
+  const base = {};
+  if (Object.keys(palette).length > 0) base.palette = palette;
+  if (Object.keys(typography).length > 0) base.typography = typography;
+  if (r.md) {
+    const radiusPx = parseRadiusPx(r.md);
+    if (radiusPx !== void 0) base.shape = { borderRadius: radiusPx };
+  }
+  return overrides ? deepMerge(base, overrides) : base;
+}
+export {
+  rootTaleThemeToMui
+};
+//# sourceMappingURL=mui.js.map

package/dist/mui.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/mui.ts"],"sourcesContent":["/**\n * `@roottale/cms-renderer-next/mui` — `RootTaleTheme`(admin /design 에서 fetch 하는\n * 런타임 테마 객체) → MUI `ThemeOptions` 호환 객체 브리지.\n *\n * 목적(ADR-0040 §Decisions, P0.5 RFC §③): MUI 기반 고객 사이트(예: kjmtax)가\n * 자체 하드코딩 palette 를 버리고 admin /design 토큰을 **단일 SSoT** 로 쓰도록.\n * 탈-MUI 가 아니라 *이중 토큰 제거 + 공존 충돌 최소화* 가 목적이다.\n *\n * 설계:\n * - **런타임 MUI 의존 없음**. 반환값은 MUI `ThemeOptions` 에 구조적으로 assignable 한\n *   평범한 객체 — `@mui/material` 의 `createTheme()` 에 그대로 넘긴다. 이 패키지는\n *   MUI-free 를 유지(비-MUI 고객사 roottale-web 은 이 서브패스를 import 하지 않음).\n * - 의미가 명확한 매핑만 수행. 모호한 토큰(`muted` 배경 등)은 CSS 변수\n *   (`<RootTaleThemeProvider>`) 소비로 남긴다 — MUI 에 억지 매핑하지 않는다.\n *\n * ```ts\n * import { createTheme } from \"@mui/material/styles\";\n * import { fetchTheme } from \"@roottale/cms-client/server\";\n * import { rootTaleThemeToMui } from \"@roottale/cms-renderer-next/mui\";\n *\n * const rt = await fetchTheme({ apiKey: process.env.ROOTTALE_API_KEY! });\n * const theme = createTheme(rootTaleThemeToMui(rt, {\n *   // 브랜드 고유값은 overrides 로 (deep-merge, overrides 우선).\n *   palette: { secondary: { main: \"#0B1F49\" } },\n * }));\n * ```\n */\nimport type { RootTaleTheme } from \"@roottale/cms-client/server\";\n\n/** MUI `ThemeOptions` 의 구조적 부분집합 — `createTheme()` 에 assignable. */\nexport interface RootTaleMuiThemeOptions {\n  palette?: {\n    primary?: { main: string; contrastText?: string };\n    background?: { default?: string };\n    text?: { primary?: string; secondary?: string };\n    divider?: string;\n    [k: string]: unknown;\n  };\n  typography?: {\n    fontFamily?: string;\n    h1?: { fontFamily?: string };\n    h2?: { fontFamily?: string };\n    h3?: { fontFamily?: string };\n    h4?: { fontFamily?: string };\n    h5?: { fontFamily?: string };\n    h6?: { fontFamily?: string };\n    [k: string]: unknown;\n  };\n  shape?: { borderRadius?: number };\n  [k: string]: unknown;\n}\n\n/** CSS 길이(\"8px\" / \"0.5rem\" / \"6\")를 MUI shape.borderRadius(px number)로 파싱. */\nfunction parseRadiusPx(raw: string): number | undefined {\n  const v = raw.trim();\n  const num = Number.parseFloat(v);\n  if (Number.isNaN(num)) return undefined;\n  if (v.endsWith(\"rem\")) return num * 16;\n  if (v.endsWith(\"em\")) return num * 16;\n  // \"8px\" | \"8\" | \"0\" 모두 px 로 간주.\n  return num;\n}\n\nfunction isPlainObject(x: unknown): x is Record<string, unknown> {\n  return typeof x === \"object\" && x !== null && !Array.isArray(x);\n}\n\n/** plain object 깊은 병합. `b`(overrides) 우선. 배열/원시값은 b 가 덮어씀. */\nfunction deepMerge<T extends Record<string, unknown>>(a: T, b: Record<string, unknown>): T {\n  const out: Record<string, unknown> = { ...a };\n  for (const [k, bv] of Object.entries(b)) {\n    const av = out[k];\n    out[k] = isPlainObject(av) && isPlainObject(bv) ? deepMerge(av, bv) : bv;\n  }\n  return out as T;\n}\n\n/**\n * `RootTaleTheme` → MUI `ThemeOptions` 호환 객체.\n *\n * 매핑:\n * - `colors.primary` → `palette.primary.main`, `colors.primaryForeground` → `…contrastText`\n * - `colors.background` → `palette.background.default`\n * - `colors.foreground` → `palette.text.primary`, `colors.mutedForeground` → `…secondary`\n * - `colors.border` → `palette.divider`\n * - `fonts.body` → `typography.fontFamily`, `fonts.display` → `typography.h1..h6.fontFamily`\n * - `radius.md` → `shape.borderRadius`(px)\n *\n * `colors.muted` 는 명확한 MUI 대응이 없어 의도적으로 미매핑(CSS 변수로 소비).\n *\n * @param theme  admin /design 테마(빈/부분 객체 허용)\n * @param overrides  브랜드 고유값(deep-merge, overrides 우선)\n */\nexport function rootTaleThemeToMui(\n  theme: RootTaleTheme | null | undefined,\n  overrides?: RootTaleMuiThemeOptions,\n): RootTaleMuiThemeOptions {\n  const c = theme?.colors ?? {};\n  const f = theme?.fonts ?? {};\n  const r = theme?.radius ?? {};\n\n  const palette: NonNullable<RootTaleMuiThemeOptions[\"palette\"]> = {};\n  if (c.primary) {\n    palette.primary = {\n      main: c.primary,\n      ...(c.primaryForeground ? { contrastText: c.primaryForeground } : {}),\n    };\n  }\n  if (c.background) palette.background = { default: c.background };\n  if (c.foreground || c.mutedForeground) {\n    palette.text = {\n      ...(c.foreground ? { primary: c.foreground } : {}),\n      ...(c.mutedForeground ? { secondary: c.mutedForeground } : {}),\n    };\n  }\n  if (c.border) palette.divider = c.border;\n\n  const typography: NonNullable<RootTaleMuiThemeOptions[\"typography\"]> = {};\n  if (f.body) typography.fontFamily = f.body;\n  if (f.display) {\n    typography.h1 = { fontFamily: f.display };\n    typography.h2 = { fontFamily: f.display };\n    typography.h3 = { fontFamily: f.display };\n    typography.h4 = { fontFamily: f.display };\n    typography.h5 = { fontFamily: f.display };\n    typography.h6 = { fontFamily: f.display };\n  }\n\n  const base: RootTaleMuiThemeOptions = {};\n  if (Object.keys(palette).length > 0) base.palette = palette;\n  if (Object.keys(typography).length > 0) base.typography = typography;\n  if (r.md) {\n    const radiusPx = parseRadiusPx(r.md);\n    if (radiusPx !== undefined) base.shape = { borderRadius: radiusPx };\n  }\n\n  return overrides ? deepMerge(base, overrides as Record<string, unknown>) : base;\n}\n"],"mappings":";AAqDA,SAAS,cAAc,KAAiC;AACtD,QAAM,IAAI,IAAI,KAAK;AACnB,QAAM,MAAM,OAAO,WAAW,CAAC;AAC/B,MAAI,OAAO,MAAM,GAAG,EAAG,QAAO;AAC9B,MAAI,EAAE,SAAS,KAAK,EAAG,QAAO,MAAM;AACpC,MAAI,EAAE,SAAS,IAAI,EAAG,QAAO,MAAM;AAEnC,SAAO;AACT;AAEA,SAAS,cAAc,GAA0C;AAC/D,SAAO,OAAO,MAAM,YAAY,MAAM,QAAQ,CAAC,MAAM,QAAQ,CAAC;AAChE;AAGA,SAAS,UAA6C,GAAM,GAA+B;AACzF,QAAM,MAA+B,EAAE,GAAG,EAAE;AAC5C,aAAW,CAAC,GAAG,EAAE,KAAK,OAAO,QAAQ,CAAC,GAAG;AACvC,UAAM,KAAK,IAAI,CAAC;AAChB,QAAI,CAAC,IAAI,cAAc,EAAE,KAAK,cAAc,EAAE,IAAI,UAAU,IAAI,EAAE,IAAI;AAAA,EACxE;AACA,SAAO;AACT;AAkBO,SAAS,mBACd,OACA,WACyB;AACzB,QAAM,IAAI,OAAO,UAAU,CAAC;AAC5B,QAAM,IAAI,OAAO,SAAS,CAAC;AAC3B,QAAM,IAAI,OAAO,UAAU,CAAC;AAE5B,QAAM,UAA2D,CAAC;AAClE,MAAI,EAAE,SAAS;AACb,YAAQ,UAAU;AAAA,MAChB,MAAM,EAAE;AAAA,MACR,GAAI,EAAE,oBAAoB,EAAE,cAAc,EAAE,kBAAkB,IAAI,CAAC;AAAA,IACrE;AAAA,EACF;AACA,MAAI,EAAE,WAAY,SAAQ,aAAa,EAAE,SAAS,EAAE,WAAW;AAC/D,MAAI,EAAE,cAAc,EAAE,iBAAiB;AACrC,YAAQ,OAAO;AAAA,MACb,GAAI,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,IAAI,CAAC;AAAA,MAChD,GAAI,EAAE,kBAAkB,EAAE,WAAW,EAAE,gBAAgB,IAAI,CAAC;AAAA,IAC9D;AAAA,EACF;AACA,MAAI,EAAE,OAAQ,SAAQ,UAAU,EAAE;AAElC,QAAM,aAAiE,CAAC;AACxE,MAAI,EAAE,KAAM,YAAW,aAAa,EAAE;AACtC,MAAI,EAAE,SAAS;AACb,eAAW,KAAK,EAAE,YAAY,EAAE,QAAQ;AACxC,eAAW,KAAK,EAAE,YAAY,EAAE,QAAQ;AACxC,eAAW,KAAK,EAAE,YAAY,EAAE,QAAQ;AACxC,eAAW,KAAK,EAAE,YAAY,EAAE,QAAQ;AACxC,eAAW,KAAK,EAAE,YAAY,EAAE,QAAQ;AACxC,eAAW,KAAK,EAAE,YAAY,EAAE,QAAQ;AAAA,EAC1C;AAEA,QAAM,OAAgC,CAAC;AACvC,MAAI,OAAO,KAAK,OAAO,EAAE,SAAS,EAAG,MAAK,UAAU;AACpD,MAAI,OAAO,KAAK,UAAU,EAAE,SAAS,EAAG,MAAK,aAAa;AAC1D,MAAI,EAAE,IAAI;AACR,UAAM,WAAW,cAAc,EAAE,EAAE;AACnC,QAAI,aAAa,OAAW,MAAK,QAAQ,EAAE,cAAc,SAAS;AAAA,EACpE;AAEA,SAAO,YAAY,UAAU,MAAM,SAAoC,IAAI;AAC7E;","names":[]}

package/dist/server.d.ts

@@ -31,24 +31,24 @@ declare function RootTalePostCard(props: RootTalePostCardProps): ReactElement;
 /**
  * `@roottale/cms-renderer/toc` — Tiptap doc → TOC entries + heading id injection.
  *
- * Server-only utility. Walks a Tiptap JSON doc, extracts H2/H3 headings, and
+ * Server-only utility. Walks a Tiptap JSON doc, extracts H1-H4 headings, and
  * derives stable kebab-case ids (Korean-safe). The companion `attachHeadingIds`
- * mutates a shallow clone of the doc so renderers can emit `<h2 id="...">`
- * anchors that match what `<RootTaleTableOfContents>` links to.
+ * mutates a shallow clone of the doc so renderers can emit heading anchors
+ * that match what `<RootTaleTableOfContents>` links to.
  *
  * Internal ancestor: `roottale-internal/packages/cms-renderer/src/toc.ts`
  * (HTML-string based, vendored snapshot). Ported to Tiptap-JSON because the
  * platform renderer no longer round-trips through HTML before render.
  */
 interface TocEntry {
-    level: 2 | 3;
+    level: 2 | 3 | 4;
     text: string;
     id: string;
 }
 declare function headingToId(text: string): string;
 declare function extractToc(doc: Record<string, unknown>): TocEntry[];
 /**
- * Returns a shallow-cloned Tiptap doc where each H2/H3 carries the matching
+ * Returns a shallow-cloned Tiptap doc where each H1-H4 carries the matching
  * `attrs.id` from `entries` (same order as `extractToc` returns). Existing
  * `id` attrs are overwritten so renderer + TOC always agree on anchors.
  */
@@ -232,7 +232,7 @@ type RootTaleBlogPostProps = {
     notFoundElement?: ReactElement;
     /**
      * When true, prepends an auto-derived `<RootTaleTableOfContents>` before
-     * the article body (H2/H3 headings only). Default: false — keep markup
+     * the article body (H2-H4 headings only). Default: false — keep markup
      * stable for customers who already control their own layout.
      */
     showTableOfContents?: boolean;

package/dist/server.js

@@ -16,14 +16,18 @@ function RootTalePostCard(props) {
   const showDate = display ? display.showDate : true;
   const showAuthor = display ? display.showAuthor : false;
   const authorName = post.authorName;
-  const meta = [
-    showDate ? formatPublishedDate(post.publishedAt) : null,
-    showAuthor && authorName ? `\uC791\uC131\uC790 ${authorName}` : null
-  ].filter(Boolean).join(" \xB7 ");
+  const publishedDate = showDate ? formatPublishedDate(post.publishedAt) : "";
   return /* @__PURE__ */ jsx("article", { "data-roottale-cms": "card", className: "rt-cms-card", children: /* @__PURE__ */ jsxs("a", { className: "rt-cms-card-link", href: href(post), children: [
-    meta ? /* @__PURE__ */ jsx("p", { className: "rt-cms-meta", children: meta }) : null,
+    publishedDate || showAuthor && authorName ? /* @__PURE__ */ jsxs("p", { className: "rt-cms-meta", children: [
+      publishedDate ? /* @__PURE__ */ jsx("span", { className: "rt-cms-meta-item", "data-rt-cms-meta": "date", children: publishedDate }) : null,
+      showAuthor && authorName ? /* @__PURE__ */ jsxs("span", { className: "rt-cms-meta-item", "data-rt-cms-meta": "author", children: [
+        "\uC791\uC131\uC790 ",
+        authorName
+      ] }) : null
+    ] }) : null,
     /* @__PURE__ */ jsx("h2", { className: "rt-cms-title", children: post.title }),
-    post.excerpt ? /* @__PURE__ */ jsx("p", { className: "rt-cms-excerpt", children: post.excerpt }) : null
+    post.excerpt ? /* @__PURE__ */ jsx("p", { className: "rt-cms-excerpt", children: post.excerpt }) : null,
+    /* @__PURE__ */ jsx("span", { className: "rt-cms-card-action", "aria-hidden": "true", children: "\uC77D\uAE30" })
   ] }) });
 }
 function defaultHref(post) {
@@ -44,8 +48,11 @@ import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function RootTaleTableOfContents(props) {
   const { entries, title = "\uBAA9\uCC28" } = props;
   if (entries.length === 0) return null;
-  return /* @__PURE__ */ jsxs2("nav", { "data-roottale-cms": "toc", className: "rt-cms-toc", "aria-label": title, children: [
-    title ? /* @__PURE__ */ jsx2("p", { className: "rt-cms-toc-title", children: title }) : null,
+  return /* @__PURE__ */ jsx2("nav", { "data-roottale-cms": "toc", className: "rt-cms-toc", "aria-label": title, children: /* @__PURE__ */ jsxs2("details", { className: "rt-cms-toc-details", open: true, children: [
+    /* @__PURE__ */ jsxs2("summary", { className: "rt-cms-toc-summary", children: [
+      title ? /* @__PURE__ */ jsx2("span", { className: "rt-cms-toc-title", children: title }) : null,
+      /* @__PURE__ */ jsx2("span", { className: "rt-cms-toc-toggle", "aria-hidden": "true" })
+    ] }),
     /* @__PURE__ */ jsx2("ol", { className: "rt-cms-toc-list", children: entries.map((entry) => /* @__PURE__ */ jsx2(
       "li",
       {
@@ -54,10 +61,15 @@ function RootTaleTableOfContents(props) {
       },
       entry.id
     )) })
-  ] });
+  ] }) });
 }
 
 // src/toc.ts
+function tocLevel(rawLevel) {
+  if (rawLevel < 1 || rawLevel > 4) return null;
+  if (rawLevel < 3) return 2;
+  return rawLevel === 3 ? 3 : 4;
+}
 function headingToId(text) {
   return text.trim().toLowerCase().replace(/[^\p{L}\p{N}\s-]/gu, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
 }
@@ -74,14 +86,15 @@ function extractToc(doc) {
   for (const node of content) {
     if (node?.type !== "heading") continue;
     const rawLevel = Number(node.attrs?.level ?? 2);
-    if (rawLevel !== 2 && rawLevel !== 3) continue;
+    const level = tocLevel(rawLevel);
+    if (level === null) continue;
     const text = textOf(node).trim();
     if (!text) continue;
     const base = headingToId(text) || "heading";
     const count = idCounts.get(base) ?? 0;
     const id = count === 0 ? base : `${base}-${count}`;
     idCounts.set(base, count + 1);
-    entries.push({ level: rawLevel, text, id });
+    entries.push({ level, text, id });
   }
   return entries;
 }
@@ -92,7 +105,7 @@ function attachHeadingIds(doc, entries) {
   const nextContent = content.map((node) => {
     if (node?.type !== "heading") return node;
     const rawLevel = Number(node.attrs?.level ?? 2);
-    if (rawLevel !== 2 && rawLevel !== 3) return node;
+    if (rawLevel < 1 || rawLevel > 4) return node;
     if (!textOf(node).trim()) return node;
     const entry = entries[cursor++];
     if (!entry) return node;
@@ -314,12 +327,13 @@ function RootTaleLeadForm(props) {
 }
 
 // src/block-to-react.tsx
+import { sanitizeHtml } from "@roottale/cms-core";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function isString(value) {
   return typeof value === "string";
 }
 function htmlContent(html) {
-  return { __html: html };
+  return { __html: sanitizeHtml(html) };
 }
 function renderInner(blocks) {
   return blocks.map((b, i) => renderBlock(b, i));
@@ -340,18 +354,15 @@ function renderBlock(block, key = 0) {
     }
     case "core/heading": {
       const levelRaw = block.attributes.level;
-      const level = typeof levelRaw === "number" && levelRaw >= 1 && levelRaw <= 6 ? levelRaw : 2;
+      const level = typeof levelRaw === "number" && levelRaw >= 2 && levelRaw <= 4 ? levelRaw : 2;
       const text = isString(block.attributes.content) ? block.attributes.content : block.rawHtml ?? "";
       const props = {
         "data-block-id": dataBlockId,
         dangerouslySetInnerHTML: htmlContent(text)
       };
-      if (level === 1) return /* @__PURE__ */ jsx5("h1", { ...props }, key);
       if (level === 2) return /* @__PURE__ */ jsx5("h2", { ...props }, key);
       if (level === 3) return /* @__PURE__ */ jsx5("h3", { ...props }, key);
-      if (level === 4) return /* @__PURE__ */ jsx5("h4", { ...props }, key);
-      if (level === 5) return /* @__PURE__ */ jsx5("h5", { ...props }, key);
-      return /* @__PURE__ */ jsx5("h6", { ...props }, key);
+      return /* @__PURE__ */ jsx5("h4", { ...props }, key);
     }
     case "core/image": {
       const src = isString(block.attributes.url) ? block.attributes.url : "";
@@ -513,10 +524,14 @@ async function RootTaleBlogPost(props) {
   const toc = display.showTableOfContents ? extractToc(post.bodyJson) : [];
   const renderDoc = toc.length > 0 ? attachHeadingIds(post.bodyJson, toc) : post.bodyJson;
   const authorName = post.authorName;
-  const meta = [
-    display.showDate ? formatPublishedDate2(post.publishedAt) : null,
-    display.showAuthor && authorName ? `\uC791\uC131\uC790 ${authorName}` : null
-  ].filter(Boolean).join(" \xB7 ");
+  const authorImageUrl = post.authorImageUrl;
+  const postAuthorBio = post.authorBio;
+  const publishedDate = display.showDate ? formatPublishedDate2(post.publishedAt) : "";
+  const showTopAuthor = display.showAuthor && Boolean(authorName);
+  const displayAuthorName = display.authorProfileName ?? authorName;
+  const authorBio = display.authorProfileBio ?? postAuthorBio ?? display.authorCardDescription;
+  const authorImageUrlForCard = display.authorProfileImageUrl ?? authorImageUrl;
+  const showAuthorCard = display.showAuthorCard && Boolean(displayAuthorName);
   return /* @__PURE__ */ jsxs6(
     "article",
     {
@@ -524,17 +539,48 @@ async function RootTaleBlogPost(props) {
       className: "rt-cms-article",
       style: themeStyle ?? void 0,
       children: [
-        /* @__PURE__ */ jsxs6("header", { children: [
-          meta ? /* @__PURE__ */ jsx6("p", { className: "rt-cms-meta", children: meta }) : null,
+        /* @__PURE__ */ jsxs6("header", { className: "rt-cms-post-header", children: [
+          publishedDate || showTopAuthor ? /* @__PURE__ */ jsxs6("p", { className: "rt-cms-meta", children: [
+            publishedDate ? /* @__PURE__ */ jsx6("span", { className: "rt-cms-meta-item", "data-rt-cms-meta": "date", children: publishedDate }) : null,
+            showTopAuthor ? /* @__PURE__ */ jsxs6("span", { className: "rt-cms-meta-item", "data-rt-cms-meta": "author", children: [
+              "\uC791\uC131\uC790 ",
+              authorName
+            ] }) : null
+          ] }) : null,
           /* @__PURE__ */ jsx6("h1", { className: "rt-cms-title", children: post.title }),
           post.excerpt ? /* @__PURE__ */ jsx6("p", { className: "rt-cms-excerpt", children: post.excerpt }) : null
         ] }),
         toc.length > 0 ? /* @__PURE__ */ jsx6(RootTaleTableOfContents, { entries: toc, title: display.tocTitle }) : null,
-        /* @__PURE__ */ jsx6(RenderTiptap, { doc: renderDoc })
+        /* @__PURE__ */ jsx6("div", { "data-roottale-cms": "body", className: "rt-cms-body", children: /* @__PURE__ */ jsx6(RenderTiptap, { doc: renderDoc }) }),
+        showAuthorCard && displayAuthorName ? /* @__PURE__ */ jsxs6("section", { className: "rt-cms-author-card", "aria-label": "\uC791\uC131\uC790", children: [
+          authorImageUrlForCard ? /* @__PURE__ */ jsx6(
+            "img",
+            {
+              className: "rt-cms-author-card__image",
+              src: authorImageUrlForCard,
+              alt: "",
+              loading: "lazy"
+            }
+          ) : /* @__PURE__ */ jsx6("div", { className: "rt-cms-author-card__avatar", "aria-hidden": "true", children: authorInitials(displayAuthorName) }),
+          /* @__PURE__ */ jsxs6("div", { className: "rt-cms-author-card__body", children: [
+            /* @__PURE__ */ jsx6("p", { className: "rt-cms-author-card__eyebrow", children: display.authorCardEyebrow }),
+            /* @__PURE__ */ jsx6("p", { className: "rt-cms-author-card__name", children: displayAuthorName }),
+            authorBio ? /* @__PURE__ */ jsx6("p", { className: "rt-cms-author-card__description", children: authorBio }) : null
+          ] })
+        ] }) : null
       ]
     }
   );
 }
+function authorInitials(name) {
+  const trimmed = name.trim();
+  if (!trimmed) return "";
+  const parts = trimmed.split(/\s+/).filter(Boolean);
+  if (parts.length >= 2) {
+    return `${parts[0]?.[0] ?? ""}${parts[1]?.[0] ?? ""}`.toUpperCase();
+  }
+  return [...trimmed].slice(0, 2).join("").toUpperCase();
+}
 async function resolveThemeStyle(input) {
   const { themeProp, apiKey, baseUrl } = input;
   if (themeProp === null) return null;
@@ -604,13 +650,14 @@ function renderNode(node, key) {
     case "paragraph":
       return /* @__PURE__ */ jsx6("p", { style: alignStyle(node), children }, key);
     case "heading": {
-      const level = Math.min(Math.max(Number(node.attrs?.level ?? 2), 1), 3);
+      const rawLevel = Number(node.attrs?.level ?? 2);
+      const level = Math.min(Math.max(Number.isFinite(rawLevel) ? rawLevel : 2, 2), 4);
       const idAttr = node.attrs?.id;
       const id = typeof idAttr === "string" && idAttr.length > 0 ? idAttr : void 0;
       const style = alignStyle(node);
-      if (level === 1) return /* @__PURE__ */ jsx6("h1", { id, style, children }, key);
       if (level === 2) return /* @__PURE__ */ jsx6("h2", { id, style, children }, key);
-      return /* @__PURE__ */ jsx6("h3", { id, style, children }, key);
+      if (level === 3) return /* @__PURE__ */ jsx6("h3", { id, style, children }, key);
+      return /* @__PURE__ */ jsx6("h4", { id, style, children }, key);
     }
     case "bulletList":
       return /* @__PURE__ */ jsx6("ul", { children }, key);