@roottale/cms-renderer-next 0.20.0 → 0.22.0

package/dist/server.js

@@ -1,918 +1,27 @@
+import {
+  RenderTiptap,
+  RootTaleBlogCategories,
+  RootTaleBlogList,
+  RootTaleBlogPost,
+  RootTaleFloatingCta,
+  RootTaleLeadForm,
+  RootTalePage,
+  RootTalePostCard,
+  RootTaleTableOfContents,
+  RootTaleThemeProvider,
+  attachHeadingIds,
+  extractToc,
+  headingToId,
+  renderBlock,
+  renderBlocks,
+  renderBoundBlocks
+} from "./chunk-DCTKVXWE.js";
 import {
   collectCategories,
   collectCategoriesWithCounts,
   defaultCategoryHref,
   filterPostsByCategory
 } from "./chunk-QWBFHYB6.js";
-
-// src/server.tsx
-import {
-  DEFAULT_BLOG_SETTINGS,
-  fetchBlogSettings,
-  fetchPost,
-  fetchPosts,
-  fetchTheme,
-  resolvePostDisplay
-} from "@roottale/cms-client/server";
-import {
-  bindingSrcValue,
-  bindingTextValue,
-  boundFieldValue,
-  isAllowedEmbedSrc
-} from "@roottale/cms-core";
-
-// src/PostCard.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function firstCategoryName(terms) {
-  if (!terms) return null;
-  const cat = terms.find((t) => t.taxonomy === "category");
-  return cat ? cat.name : null;
-}
-function RootTalePostCard(props) {
-  const { post, href = defaultHref, display } = props;
-  const showDate = display ? display.showDate : true;
-  const showAuthor = display ? display.showAuthor : false;
-  const showImage = display?.showImage !== false;
-  const showCategory = display?.showCategory !== false;
-  const authorName = post.authorName;
-  const publishedDate = showDate ? formatPublishedDate(post.publishedAt) : "";
-  const imageUrl = showImage ? post.featuredImageUrl : null;
-  const category = showCategory ? firstCategoryName(post.terms) : null;
-  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: [
-    imageUrl ? (
-      // eslint-disable-next-line @next/next/no-img-element -- SSR string URL, framework-agnostic
-      /* @__PURE__ */ jsx(
-        "img",
-        {
-          className: "rt-cms-card-image",
-          src: imageUrl,
-          alt: "",
-          loading: "lazy",
-          decoding: "async"
-        }
-      )
-    ) : null,
-    category ? /* @__PURE__ */ jsx("span", { className: "rt-cms-card-category", children: category }) : 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,
-    /* @__PURE__ */ jsx("span", { className: "rt-cms-card-action", "aria-hidden": "true", children: "\uC77D\uAE30" })
-  ] }) });
-}
-function defaultHref(post) {
-  return `/blog/${post.slug}`;
-}
-function formatPublishedDate(iso) {
-  const d = new Date(iso);
-  if (Number.isNaN(d.getTime())) return "";
-  return new Intl.DateTimeFormat("ko-KR", {
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit"
-  }).format(d);
-}
-
-// src/TableOfContents.tsx
-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__ */ 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",
-      {
-        className: `rt-cms-toc-item rt-cms-toc-level-${entry.level}`,
-        children: /* @__PURE__ */ jsx2("a", { href: `#${entry.id}`, children: entry.text })
-      },
-      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, "");
-}
-function textOf(node) {
-  if (typeof node.text === "string") return node.text;
-  if (!Array.isArray(node.content)) return "";
-  return node.content.map(textOf).join("");
-}
-function extractToc(doc) {
-  const root = doc;
-  const content = Array.isArray(root.content) ? root.content : [];
-  const entries = [];
-  const idCounts = /* @__PURE__ */ new Map();
-  for (const node of content) {
-    if (node?.type !== "heading") continue;
-    const rawLevel = Number(node.attrs?.level ?? 2);
-    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, text, id });
-  }
-  return entries;
-}
-function attachHeadingIds(doc, entries) {
-  const root = doc;
-  const content = Array.isArray(root.content) ? root.content : [];
-  let cursor = 0;
-  const nextContent = content.map((node) => {
-    if (node?.type !== "heading") return node;
-    const rawLevel = Number(node.attrs?.level ?? 2);
-    if (rawLevel < 1 || rawLevel > 4) return node;
-    if (!textOf(node).trim()) return node;
-    const entry = entries[cursor++];
-    if (!entry) return node;
-    return {
-      ...node,
-      attrs: { ...node.attrs ?? {}, id: entry.id }
-    };
-  });
-  return { ...root, content: nextContent };
-}
-
-// src/FloatingCta.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function RootTaleFloatingCta(props) {
-  const { buttons, position = "bottom-right" } = props;
-  if (!buttons || buttons.length === 0) return null;
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      "data-roottale-cms": "floating-cta",
-      className: `rt-cms-floating-cta rt-cms-floating-cta--${position}`,
-      children: buttons.map((btn, idx) => {
-        const isExternal = btn.type === "kakao" || btn.type === "custom";
-        return /* @__PURE__ */ jsxs3(
-          "a",
-          {
-            href: btn.href,
-            className: `rt-cms-floating-cta__btn rt-cms-floating-cta__btn--${btn.type}`,
-            target: isExternal ? "_blank" : void 0,
-            rel: isExternal ? "noopener noreferrer" : void 0,
-            children: [
-              /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", className: "rt-cms-floating-cta__icon", children: btn.icon ?? defaultIcon(btn.type) }),
-              /* @__PURE__ */ jsx3("span", { className: "rt-cms-floating-cta__label", children: btn.label })
-            ]
-          },
-          `${btn.type}-${idx}`
-        );
-      })
-    }
-  );
-}
-function defaultIcon(type) {
-  switch (type) {
-    case "phone":
-      return "\u260E";
-    case "contact":
-      return "\u2709";
-    case "kakao":
-      return "\u{1F4AC}";
-    case "custom":
-      return "\u2192";
-  }
-}
-
-// src/LeadForm.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var VERTICAL_LABEL = {
-  consulting: "\uCEE8\uC124\uD305",
-  medical: "\uC758\uB8CC",
-  tax: "\uC138\uBB34",
-  legal: "\uBC95\uB960"
-};
-var VERTICAL_OPTIONS = [
-  { value: "consulting", label: "\uCEE8\uC124\uD305 / \uC77C\uBC18" },
-  { value: "medical", label: "\uC758\uB8CC (\uBCD1\uC758\uC6D0\xB7\uCE58\uACFC\xB7\uD55C\uC758\uC6D0)" },
-  { value: "tax", label: "\uC138\uBB34 (\uC138\uBB34\uC0AC\xB7\uD68C\uACC4\uC0AC)" },
-  { value: "legal", label: "\uBC95\uB960 (\uBC95\uBB34\uBC95\uC778\xB7\uBCC0\uD638\uC0AC)" }
-];
-function RootTaleLeadForm(props) {
-  const {
-    action,
-    vertical,
-    redirectUrl,
-    heading,
-    description,
-    submitLabel = "\uC9C4\uB2E8 \uC2E0\uCCAD",
-    className
-  } = props;
-  const formClass = ["rt-cms-lead-form", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs4(
-    "form",
-    {
-      method: "post",
-      action,
-      "data-roottale-cms": "lead-form",
-      className: formClass,
-      children: [
-        heading ? /* @__PURE__ */ jsx4("h2", { className: "rt-cms-lead-heading", children: heading }) : null,
-        description ? /* @__PURE__ */ jsx4("p", { className: "rt-cms-lead-description", children: description }) : null,
-        redirectUrl ? /* @__PURE__ */ jsx4("input", { type: "hidden", name: "_redirect_url", value: redirectUrl }) : null,
-        vertical ? /* @__PURE__ */ jsxs4(Fragment, { children: [
-          /* @__PURE__ */ jsx4("input", { type: "hidden", name: "vertical", value: vertical }),
-          /* @__PURE__ */ jsxs4("p", { className: "rt-cms-lead-vertical-label", children: [
-            "\uBD84\uC57C: ",
-            /* @__PURE__ */ jsx4("strong", { children: VERTICAL_LABEL[vertical] })
-          ] })
-        ] }) : /* @__PURE__ */ jsxs4("label", { className: "rt-cms-field", children: [
-          /* @__PURE__ */ jsxs4("span", { className: "rt-cms-field-label", children: [
-            "\uBD84\uC57C ",
-            /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: "*" })
-          ] }),
-          /* @__PURE__ */ jsxs4(
-            "select",
-            {
-              name: "vertical",
-              required: true,
-              className: "rt-cms-field-input rt-cms-field-select",
-              defaultValue: "",
-              children: [
-                /* @__PURE__ */ jsx4("option", { value: "", disabled: true, children: "\uC120\uD0DD\uD558\uC138\uC694" }),
-                VERTICAL_OPTIONS.map((opt) => /* @__PURE__ */ jsx4("option", { value: opt.value, children: opt.label }, opt.value))
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs4("label", { className: "rt-cms-field", children: [
-          /* @__PURE__ */ jsxs4("span", { className: "rt-cms-field-label", children: [
-            "\uC774\uB984 ",
-            /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: "*" })
-          ] }),
-          /* @__PURE__ */ jsx4(
-            "input",
-            {
-              type: "text",
-              name: "contact_name",
-              required: true,
-              autoComplete: "name",
-              className: "rt-cms-field-input"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs4("label", { className: "rt-cms-field", children: [
-          /* @__PURE__ */ jsxs4("span", { className: "rt-cms-field-label", children: [
-            "\uC0AC\uC5C5\uCCB4\uBA85 ",
-            /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: "*" })
-          ] }),
-          /* @__PURE__ */ jsx4(
-            "input",
-            {
-              type: "text",
-              name: "business_name",
-              required: true,
-              autoComplete: "organization",
-              className: "rt-cms-field-input"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs4("label", { className: "rt-cms-field", children: [
-          /* @__PURE__ */ jsxs4("span", { className: "rt-cms-field-label", children: [
-            "\uC774\uBA54\uC77C ",
-            /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: "*" })
-          ] }),
-          /* @__PURE__ */ jsx4(
-            "input",
-            {
-              type: "email",
-              name: "email",
-              required: true,
-              autoComplete: "email",
-              className: "rt-cms-field-input"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs4("label", { className: "rt-cms-field", children: [
-          /* @__PURE__ */ jsxs4("span", { className: "rt-cms-field-label", children: [
-            "\uC804\uD654\uBC88\uD638 ",
-            /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: "*" })
-          ] }),
-          /* @__PURE__ */ jsx4(
-            "input",
-            {
-              type: "tel",
-              name: "phone",
-              required: true,
-              autoComplete: "tel",
-              inputMode: "tel",
-              pattern: "0\\d{1,2}-?\\d{3,4}-?\\d{4}",
-              placeholder: "010-1234-5678",
-              className: "rt-cms-field-input"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs4("label", { className: "rt-cms-field", children: [
-          /* @__PURE__ */ jsx4("span", { className: "rt-cms-field-label", children: "\uD604\uC7AC \uC0AC\uC774\uD2B8 URL (\uC120\uD0DD)" }),
-          /* @__PURE__ */ jsx4(
-            "input",
-            {
-              type: "url",
-              name: "current_site_url",
-              placeholder: "https://",
-              className: "rt-cms-field-input"
-            }
-          ),
-          /* @__PURE__ */ jsx4("span", { className: "rt-cms-field-hint", children: "\uC5C6\uC73C\uBA74 \uBE44\uC6CC\uB450\uC138\uC694." })
-        ] }),
-        /* @__PURE__ */ jsxs4("label", { className: "rt-cms-lead-consent", children: [
-          /* @__PURE__ */ jsx4("input", { type: "checkbox", name: "privacy_consent", required: true }),
-          /* @__PURE__ */ jsxs4("span", { children: [
-            /* @__PURE__ */ jsx4("strong", { children: "(\uD544\uC218)" }),
-            " \uAC1C\uC778\uC815\uBCF4 \uC218\uC9D1\xB7\uC774\uC6A9\uC5D0 \uB3D9\uC758\uD569\uB2C8\uB2E4. (\uC218\uC9D1 \uD56D\uBAA9: \uC774\uB984\xB7\uC5F0\uB77D\uCC98\xB7\uC774\uBA54\uC77C\xB7\uC0AC\uC5C5\uCCB4\uBA85. \uBCF4\uAD00 \uAE30\uAC04: \uBB38\uC758 \uC885\uB8CC \uD6C4 3\uB144)"
-          ] })
-        ] }),
-        vertical === "medical" ? /* @__PURE__ */ jsxs4("label", { className: "rt-cms-lead-consent", children: [
-          /* @__PURE__ */ jsx4(
-            "input",
-            {
-              type: "checkbox",
-              name: "overseas_transfer_consent",
-              required: true
-            }
-          ),
-          /* @__PURE__ */ jsxs4("span", { children: [
-            /* @__PURE__ */ jsx4("strong", { children: "(\uD544\uC218, \uC758\uB8CC)" }),
-            " \uC758\uB8CC PII \uC758 \uAD6D\uC678\uC774\uC804(\uBCF4\uAD00\xB7\uCC98\uB9AC)\uC5D0 \uB3D9\uC758\uD569\uB2C8\uB2E4. (\uC758\uB8CC\uBC95 \xA721\xB7\uAC1C\uC778\uC815\uBCF4\uBCF4\uD638\uBC95 \xA728 \u2014 ADR-0018)"
-          ] })
-        ] }) : null,
-        /* @__PURE__ */ jsx4("div", { className: "rt-cms-lead-actions", children: /* @__PURE__ */ jsx4("button", { type: "submit", className: "rt-cms-lead-submit", children: submitLabel }) })
-      ]
-    }
-  );
-}
-
-// src/block-to-react.tsx
-import {
-  applyBlockBindings,
-  createFieldBindingResolver,
-  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: sanitizeHtml(html) };
-}
-function renderInner(blocks) {
-  return blocks.map((b, i) => renderBlock(b, i));
-}
-function renderBlock(block, key = 0) {
-  const dataBlockId = block._id;
-  switch (block.name) {
-    case "core/paragraph": {
-      const text = isString(block.attributes.content) ? block.attributes.content : block.rawHtml ?? "";
-      return /* @__PURE__ */ jsx5(
-        "p",
-        {
-          "data-block-id": dataBlockId,
-          dangerouslySetInnerHTML: htmlContent(text)
-        },
-        key
-      );
-    }
-    case "core/heading": {
-      const levelRaw = block.attributes.level;
-      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 === 2) return /* @__PURE__ */ jsx5("h2", { ...props }, key);
-      if (level === 3) return /* @__PURE__ */ jsx5("h3", { ...props }, key);
-      return /* @__PURE__ */ jsx5("h4", { ...props }, key);
-    }
-    case "core/image": {
-      const src = isString(block.attributes.url) ? block.attributes.url : "";
-      const alt = isString(block.attributes.alt) ? block.attributes.alt : "";
-      const caption = isString(block.attributes.caption) ? block.attributes.caption : null;
-      return /* @__PURE__ */ jsxs5("figure", { "data-block-id": dataBlockId, children: [
-        /* @__PURE__ */ jsx5("img", { src, alt, loading: "lazy" }),
-        caption && /* @__PURE__ */ jsx5("figcaption", { children: caption })
-      ] }, key);
-    }
-    case "core/list": {
-      const ordered = block.attributes.ordered === true;
-      const items = (block.innerBlocks ?? []).map(
-        (item, i) => item.rawHtml ? /* @__PURE__ */ jsx5(
-          "li",
-          {
-            dangerouslySetInnerHTML: htmlContent(item.rawHtml)
-          },
-          i
-        ) : /* @__PURE__ */ jsx5("li", { children: renderInner(item.innerBlocks ?? []) }, i)
-      );
-      return ordered ? /* @__PURE__ */ jsx5("ol", { "data-block-id": dataBlockId, children: items }, key) : /* @__PURE__ */ jsx5("ul", { "data-block-id": dataBlockId, children: items }, key);
-    }
-    case "core/quote": {
-      const inner = renderInner(block.innerBlocks ?? []);
-      const citation = isString(block.attributes.citation) ? block.attributes.citation : null;
-      return /* @__PURE__ */ jsxs5("blockquote", { "data-block-id": dataBlockId, children: [
-        inner,
-        citation && /* @__PURE__ */ jsx5("cite", { children: citation })
-      ] }, key);
-    }
-    case "core/code": {
-      const code = isString(block.attributes.content) ? block.attributes.content : block.rawHtml ?? "";
-      const lang = isString(block.attributes.language) ? block.attributes.language : void 0;
-      return /* @__PURE__ */ jsx5(
-        "pre",
-        {
-          "data-block-id": dataBlockId,
-          "data-language": lang,
-          children: /* @__PURE__ */ jsx5("code", { children: code })
-        },
-        key
-      );
-    }
-    case "core/columns": {
-      return /* @__PURE__ */ jsx5(
-        "div",
-        {
-          className: "rt-columns",
-          "data-block-id": dataBlockId,
-          children: renderInner(block.innerBlocks ?? [])
-        },
-        key
-      );
-    }
-    case "core/separator":
-      return /* @__PURE__ */ jsx5("hr", { "data-block-id": dataBlockId }, key);
-    case "core/spacer": {
-      const heightRaw = block.attributes.height;
-      const height = isString(heightRaw) ? heightRaw : "32px";
-      return /* @__PURE__ */ jsx5(
-        "div",
-        {
-          className: "rt-spacer",
-          "data-block-id": dataBlockId,
-          style: { height }
-        },
-        key
-      );
-    }
-    case "core/group": {
-      return /* @__PURE__ */ jsx5(
-        "div",
-        {
-          className: "rt-group",
-          "data-block-id": dataBlockId,
-          children: renderInner(block.innerBlocks ?? [])
-        },
-        key
-      );
-    }
-    default: {
-      const rawHtml = block.rawHtml;
-      return /* @__PURE__ */ jsx5(
-        "div",
-        {
-          className: "rt-unknown-block",
-          "data-block-id": dataBlockId,
-          "data-block-name": block.name,
-          "data-rawhtml-suppressed": rawHtml ? "true" : void 0,
-          children: renderInner(block.innerBlocks ?? [])
-        },
-        key
-      );
-    }
-  }
-}
-function renderBlocks(blocks) {
-  return blocks.map((b, i) => renderBlock(b, i));
-}
-function renderBoundBlocks(blocks, opts = {}) {
-  const resolver = opts.resolver ?? createFieldBindingResolver(opts.fields);
-  return renderBlocks(applyBlockBindings(blocks, resolver));
-}
-
-// src/server.tsx
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function authorImageRadiusCss(radius) {
-  if (radius === "circle") return "999px";
-  if (radius === "rounded") return "0.875rem";
-  return "0";
-}
-function RootTaleThemeProvider(props) {
-  const style = themeToCssVars(props.theme ?? null);
-  if (!style) return /* @__PURE__ */ jsx6(Fragment2, { children: props.children });
-  return /* @__PURE__ */ jsx6("div", { "data-roottale-cms": "theme-root", style, children: props.children });
-}
-async function RootTaleBlogList(props) {
-  const {
-    apiKey,
-    baseUrl,
-    limit,
-    type = "post",
-    postHref = defaultPostHref,
-    emptyMessage = "\uC544\uC9C1 \uBC1C\uD589\uB41C \uAE00\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.",
-    showCategoryFilter = false,
-    activeCategory,
-    categoryHref = defaultCategoryHref,
-    allCategoriesLabel = "\uC804\uCCB4",
-    theme: themeProp
-  } = props;
-  const [page, themeStyle, blogSettings] = await Promise.all([
-    fetchPosts({ apiKey, baseUrl, limit, type }),
-    resolveThemeStyle({ themeProp, apiKey, baseUrl }),
-    fetchBlogSettings({ apiKey, baseUrl }).catch(() => DEFAULT_BLOG_SETTINGS)
-  ]);
-  if (page.items.length === 0) {
-    return /* @__PURE__ */ jsx6("div", { "data-roottale-cms": "list", style: themeStyle ?? void 0, children: /* @__PURE__ */ jsx6("p", { className: "rt-cms-empty", children: emptyMessage }) });
-  }
-  const categories = showCategoryFilter ? collectCategories(page.items) : [];
-  const visiblePosts = showCategoryFilter ? filterPostsByCategory(page.items, activeCategory) : page.items;
-  return /* @__PURE__ */ jsxs6("div", { "data-roottale-cms": "list", style: themeStyle ?? void 0, children: [
-    showCategoryFilter && categories.length > 0 ? /* @__PURE__ */ jsxs6("nav", { className: "rt-cms-filter", "aria-label": "\uCE74\uD14C\uACE0\uB9AC \uD544\uD130", children: [
-      /* @__PURE__ */ jsx6(
-        "a",
-        {
-          className: "rt-cms-filter-chip",
-          href: categoryHref(null),
-          "data-active": !activeCategory ? "" : void 0,
-          "aria-current": !activeCategory ? "true" : void 0,
-          children: allCategoriesLabel
-        }
-      ),
-      categories.map((c) => /* @__PURE__ */ jsx6(
-        "a",
-        {
-          className: "rt-cms-filter-chip",
-          href: categoryHref(c.slug),
-          "data-active": activeCategory === c.slug ? "" : void 0,
-          "aria-current": activeCategory === c.slug ? "true" : void 0,
-          children: c.name
-        },
-        c.slug
-      ))
-    ] }) : null,
-    visiblePosts.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "rt-cms-empty", children: emptyMessage }) : /* @__PURE__ */ jsx6("ul", { className: "rt-cms-list", children: visiblePosts.map((post) => /* @__PURE__ */ jsx6("li", { className: "rt-cms-list-item", children: /* @__PURE__ */ jsx6(
-      RootTalePostCard,
-      {
-        post,
-        href: postHref,
-        display: resolvePostDisplay(post, blogSettings)
-      }
-    ) }, post.id)) })
-  ] });
-}
-async function RootTaleBlogCategories(props) {
-  const {
-    apiKey,
-    baseUrl,
-    limit,
-    categoryHref = (slug) => defaultCategoryHref(slug),
-    emptyMessage = "\uC544\uC9C1 \uCE74\uD14C\uACE0\uB9AC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.",
-    theme: themeProp
-  } = props;
-  const [page, themeStyle] = await Promise.all([
-    fetchPosts({ apiKey, baseUrl, limit, type: "post" }),
-    resolveThemeStyle({ themeProp, apiKey, baseUrl })
-  ]);
-  const categories = collectCategoriesWithCounts(page.items);
-  return /* @__PURE__ */ jsx6(
-    "nav",
-    {
-      "data-roottale-cms": "categories",
-      className: "rt-cms-categories",
-      "aria-label": "\uBE14\uB85C\uADF8 \uCE74\uD14C\uACE0\uB9AC",
-      style: themeStyle ?? void 0,
-      children: categories.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "rt-cms-empty", children: emptyMessage }) : /* @__PURE__ */ jsx6("ul", { className: "rt-cms-category-list", children: categories.map((category) => /* @__PURE__ */ jsx6("li", { className: "rt-cms-category-list-item", children: /* @__PURE__ */ jsxs6(
-        "a",
-        {
-          className: "rt-cms-category-link",
-          href: categoryHref(category.slug),
-          children: [
-            /* @__PURE__ */ jsx6("span", { className: "rt-cms-category-name", children: category.name }),
-            /* @__PURE__ */ jsx6("span", { className: "rt-cms-category-count", children: category.count })
-          ]
-        }
-      ) }, category.slug)) })
-    }
-  );
-}
-async function RootTaleBlogPost(props) {
-  const {
-    apiKey,
-    slugOrId,
-    baseUrl,
-    notFoundElement,
-    showTableOfContents,
-    tableOfContentsTitle,
-    theme: themeProp
-  } = props;
-  const [post, themeStyle, blogSettings] = await Promise.all([
-    fetchPost({ apiKey, slugOrId, baseUrl }),
-    resolveThemeStyle({ themeProp, apiKey, baseUrl }),
-    // 사이트 기본 표시 설정 — 실패해도 렌더는 진행 (안전 기본값).
-    fetchBlogSettings({ apiKey, baseUrl }).catch(() => DEFAULT_BLOG_SETTINGS)
-  ]);
-  if (!post) {
-    return notFoundElement ?? /* @__PURE__ */ jsx6("div", { "data-roottale-cms": "post-missing", style: themeStyle ?? void 0, children: /* @__PURE__ */ jsx6("p", { className: "rt-cms-empty", children: "\uAE00\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4." }) });
-  }
-  const display = resolvePostDisplay(post, blogSettings, {
-    showTableOfContents,
-    tableOfContentsTitle
-  });
-  const toc = display.showTableOfContents ? extractToc(post.bodyJson) : [];
-  const renderDoc = toc.length > 0 ? attachHeadingIds(post.bodyJson, toc) : post.bodyJson;
-  const authorName = post.authorName;
-  const authorImageUrl = post.authorImageUrl;
-  const postAuthorBio = post.authorBio;
-  const publishedDate = display.showDate ? formatPublishedDate2(post.publishedAt) : "";
-  const showTopAuthor = display.showAuthor && Boolean(authorName);
-  const displayAuthorName = authorName ?? display.authorProfileName;
-  const authorBio = postAuthorBio ?? display.authorProfileBio ?? display.authorCardDescription;
-  const authorImageUrlForCard = authorImageUrl ?? display.authorProfileImageUrl;
-  const authorImageAlt = `${displayAuthorName ?? ""} \uD504\uB85C\uD544 \uC0AC\uC9C4`.trim();
-  const authorImageStyle = {
-    borderRadius: authorImageRadiusCss(display.authorProfileImageRadius),
-    objectPosition: `${display.authorProfileImagePositionX}% ${display.authorProfileImagePositionY}%`
-  };
-  const showAuthorCard = display.showAuthorCard && Boolean(displayAuthorName);
-  return /* @__PURE__ */ jsxs6(
-    "article",
-    {
-      "data-roottale-cms": "post",
-      className: "rt-cms-article",
-      style: themeStyle ?? void 0,
-      children: [
-        /* @__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("div", { "data-roottale-cms": "body", className: "rt-cms-body", children: /* @__PURE__ */ jsx6(RenderTiptap, { doc: renderDoc, fields: post.fields }) }),
-        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: authorImageAlt,
-              loading: "lazy",
-              style: authorImageStyle
-            }
-          ) : /* @__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;
-  if (themeProp !== void 0) return themeToCssVars(themeProp);
-  try {
-    const fetched = await fetchTheme({ apiKey, baseUrl });
-    return themeToCssVars(fetched);
-  } catch {
-    return null;
-  }
-}
-function themeToCssVars(theme) {
-  if (!theme) return null;
-  const vars = {};
-  const c = theme.colors ?? {};
-  if (c.primary) vars["--rt-color-primary"] = c.primary;
-  if (c.primaryForeground) vars["--rt-color-primary-foreground"] = c.primaryForeground;
-  if (c.foreground) vars["--rt-color-foreground"] = c.foreground;
-  if (c.background) vars["--rt-color-background"] = c.background;
-  if (c.secondary) vars["--rt-color-secondary"] = c.secondary;
-  if (c.secondaryForeground) vars["--rt-color-secondary-foreground"] = c.secondaryForeground;
-  if (c.accent) vars["--rt-color-accent"] = c.accent;
-  if (c.accentForeground) vars["--rt-color-accent-foreground"] = c.accentForeground;
-  if (c.muted) vars["--rt-color-muted"] = c.muted;
-  if (c.mutedForeground) vars["--rt-color-muted-foreground"] = c.mutedForeground;
-  if (c.destructive) vars["--rt-color-destructive"] = c.destructive;
-  if (c.destructiveForeground) vars["--rt-color-destructive-foreground"] = c.destructiveForeground;
-  if (c.border) vars["--rt-color-border"] = c.border;
-  if (c.input) vars["--rt-color-input"] = c.input;
-  if (c.ring) vars["--rt-color-ring"] = c.ring;
-  const f = theme.fonts ?? {};
-  if (f.body) vars["--rt-font-body"] = f.body;
-  if (f.display) vars["--rt-font-display"] = f.display;
-  const r = theme.radius ?? {};
-  if (r.sm) vars["--rt-radius-sm"] = r.sm;
-  if (r.md) vars["--rt-radius-md"] = r.md;
-  if (r.lg) vars["--rt-radius-lg"] = r.lg;
-  if (r.xl) vars["--rt-radius-xl"] = r.xl;
-  if (Object.keys(vars).length === 0) return null;
-  return vars;
-}
-function defaultPostHref(post) {
-  return `/blog/${post.slug}`;
-}
-function formatPublishedDate2(iso) {
-  const d = new Date(iso);
-  if (Number.isNaN(d.getTime())) return "";
-  return new Intl.DateTimeFormat("ko-KR", {
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit"
-  }).format(d);
-}
-function RenderTiptap({
-  doc,
-  fields
-}) {
-  const rawContent = doc.content;
-  const content = Array.isArray(rawContent) ? rawContent : [];
-  return /* @__PURE__ */ jsx6(Fragment2, { children: content.map((node, i) => renderNode(node, i, fields ?? null)) });
-}
-function boundContentText(node, fields) {
-  return bindingTextValue(
-    boundFieldValue(node.attrs?.bindings, "content", fields)
-  );
-}
-function isSafeHref(value) {
-  if (typeof value !== "string") return false;
-  const v = value.trim();
-  if (v.length === 0) return false;
-  if (v.startsWith("/") || v.startsWith("#") || v.startsWith("?")) return true;
-  return /^(https?:|mailto:|tel:)/i.test(v);
-}
-function alignStyle(node) {
-  const align = node.attrs?.textAlign;
-  if (typeof align !== "string" || align === "" || align === "left") return void 0;
-  if (align === "center" || align === "right" || align === "justify") {
-    return { textAlign: align };
-  }
-  return void 0;
-}
-function renderNode(node, key, fields = null) {
-  if (!node || typeof node !== "object") return null;
-  const children = Array.isArray(node.content) ? node.content.map((child, i) => renderNode(child, i, fields)) : void 0;
-  switch (node.type) {
-    case "paragraph": {
-      const bound = boundContentText(node, fields);
-      return /* @__PURE__ */ jsx6("p", { style: alignStyle(node), children: bound ?? children }, key);
-    }
-    case "heading": {
-      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);
-      const inner = boundContentText(node, fields) ?? children;
-      if (level === 2) return /* @__PURE__ */ jsx6("h2", { id, style, children: inner }, key);
-      if (level === 3) return /* @__PURE__ */ jsx6("h3", { id, style, children: inner }, key);
-      return /* @__PURE__ */ jsx6("h4", { id, style, children: inner }, key);
-    }
-    case "bulletList":
-      return /* @__PURE__ */ jsx6("ul", { children }, key);
-    case "orderedList":
-      return /* @__PURE__ */ jsx6("ol", { children }, key);
-    case "listItem":
-      return /* @__PURE__ */ jsx6("li", { children }, key);
-    case "blockquote":
-      return /* @__PURE__ */ jsx6("blockquote", { children }, key);
-    case "codeBlock":
-      return /* @__PURE__ */ jsx6("pre", { children: /* @__PURE__ */ jsx6("code", { children }) }, key);
-    case "horizontalRule":
-      return /* @__PURE__ */ jsx6("hr", {}, key);
-    case "hardBreak":
-      return /* @__PURE__ */ jsx6("br", {}, key);
-    case "image": {
-      const boundSrc = bindingSrcValue(
-        boundFieldValue(node.attrs?.bindings, "src", fields)
-      );
-      const src = boundSrc ?? node.attrs?.src;
-      if (typeof src !== "string" || src.length === 0) return null;
-      const alt = typeof node.attrs?.alt === "string" ? node.attrs.alt : "";
-      const title = typeof node.attrs?.title === "string" ? node.attrs.title : void 0;
-      return /* @__PURE__ */ jsx6("img", { src, alt, title, loading: "lazy" }, key);
-    }
-    case "columns":
-      return /* @__PURE__ */ jsx6("div", { className: "rt-columns", children }, key);
-    case "column":
-      return /* @__PURE__ */ jsx6("div", { className: "rt-column", children }, key);
-    case "embed":
-      return renderEmbed(node, key);
-    case "text":
-      return renderText(node, key);
-    default:
-      return children ? /* @__PURE__ */ jsx6("span", { children }, key) : null;
-  }
-}
-function renderEmbed(node, key) {
-  const src = node.attrs?.src;
-  if (isAllowedEmbedSrc(src)) {
-    const provider = typeof node.attrs?.provider === "string" ? node.attrs.provider : void 0;
-    return /* @__PURE__ */ jsx6(
-      "div",
-      {
-        className: "rt-embed",
-        "data-provider": provider,
-        style: { aspectRatio: "16 / 9" },
-        children: /* @__PURE__ */ jsx6(
-          "iframe",
-          {
-            src,
-            title: "\uC784\uBCA0\uB4DC\uB41C \uC601\uC0C1",
-            loading: "lazy",
-            allowFullScreen: true,
-            referrerPolicy: "strict-origin-when-cross-origin",
-            allow: "accelerometer; clipboard-write; encrypted-media; picture-in-picture; web-share",
-            style: { width: "100%", height: "100%", border: 0 }
-          }
-        )
-      },
-      key
-    );
-  }
-  const orig = node.attrs?.originalUrl;
-  if (isSafeHref(orig)) {
-    return /* @__PURE__ */ jsx6("p", { className: "rt-embed-fallback", children: /* @__PURE__ */ jsx6("a", { href: orig, rel: "noopener noreferrer", target: "_blank", children: orig }) }, key);
-  }
-  return null;
-}
-function renderText(node, key) {
-  const text = node.text ?? "";
-  const marks = node.marks ?? [];
-  if (marks.length === 0) return text;
-  let element = text;
-  for (const mark of marks) {
-    element = applyMark(mark, element);
-  }
-  return /* @__PURE__ */ jsx6("span", { children: element }, key);
-}
-function applyMark(mark, child) {
-  switch (mark.type) {
-    case "bold":
-      return /* @__PURE__ */ jsx6("strong", { children: child });
-    case "italic":
-      return /* @__PURE__ */ jsx6("em", { children: child });
-    case "underline":
-      return /* @__PURE__ */ jsx6("u", { children: child });
-    case "strike":
-      return /* @__PURE__ */ jsx6("s", { children: child });
-    case "code":
-      return /* @__PURE__ */ jsx6("code", { children: child });
-    case "highlight": {
-      const color = mark.attrs?.color;
-      const style = typeof color === "string" && color.length > 0 ? { background: color } : void 0;
-      return /* @__PURE__ */ jsx6("mark", { style, children: child });
-    }
-    case "textStyle": {
-      const color = mark.attrs?.color;
-      const style = typeof color === "string" && color.length > 0 ? { color } : void 0;
-      if (!style) return /* @__PURE__ */ jsx6(Fragment2, { children: child });
-      return /* @__PURE__ */ jsx6("span", { style, children: child });
-    }
-    case "link": {
-      const raw = mark.attrs?.href;
-      const href = isSafeHref(raw) ? raw : "#";
-      return /* @__PURE__ */ jsx6("a", { href, rel: "noopener noreferrer", target: "_blank", children: child });
-    }
-    default:
-      return /* @__PURE__ */ jsx6("span", { children: child });
-  }
-}
 export {
   RenderTiptap,
   RootTaleBlogCategories,
@@ -920,6 +29,7 @@ export {
   RootTaleBlogPost,
   RootTaleFloatingCta,
   RootTaleLeadForm,
+  RootTalePage,
   RootTalePostCard,
   RootTaleTableOfContents,
   RootTaleThemeProvider,