@roottale/cms-renderer-next 0.43.0 → 0.45.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @roottale/cms-renderer-next
 
+## 0.45.0
+
+### Minor Changes
+
+- 21639a9: `kinetic/CountUpStat`(뷰포트 진입 시 목표값까지 rAF 카운트업, `prefers-reduced-motion` 즉시-표시)을 `./count-up-stat` 서브패스로 공개합니다(ADR-0086 P2 D3 — 구 룰 `docs/design/b2b-component-library.md` §2.2 "카운트업 모션 금지(정직성)"를 supersede). `cms-renderer-next` 의 trust 섹션(`stat-band`/`dashboard` variant)이 이 컴포넌트를 소비해 지표 숫자를 카운트업으로 렌더합니다 — 선행 숫자를 못 찾는 값(전화번호 등 자유 텍스트)은 기존 정적 렌더로 그대로 폴백합니다.
+- 21639a9: hero `carousel` 배경 전환에 `transition: "slide" | "curtain"` prop을 추가합니다(clip-path 와이프 + 신 스윕, chambarun 이식 — ADR-0086 P2 D3). autoplay는 hover·focus-within·재생/일시정지 버튼·Page Visibility 4가지 사유로 정지합니다.
+
+  `team` `expanding-stage` variant를 실모션 client island(`TeamExpandingStageClient`)로 배선합니다 — hover/focus로 인물 패널이 확장되고, 접힌 상태에서도 자격·경력·CTA가 DOM에 그대로 남아 스크린리더가 읽을 수 있습니다.
+
+  contact 지도 블록에 `map.mapLoad: "lazy" | "click"`(기본 "lazy", additive)을 추가합니다 — `"click"`이면 실지도 iframe을 즉시 그리지 않고 정적 프리뷰(주소·지도 열기 버튼)만 먼저 렌더한 뒤 클릭 시에만 마운트합니다.
+
+  `expertise` `tab-stage`·hero carousel 탭 목록에 공용 `use-roving-tablist` 훅(WAI-ARIA APG tablist 키보드 계약 — Arrow/Home/End, 단일 tab stop)을 적용합니다.
+
+- d9f671b: `SiteConfig`에 optional `schemaVersion` 필드와 `SITE_CONFIG_SCHEMA_VERSION` 상수·`resolveSiteConfigSchemaVersion` 헬퍼를 추가해 업종 템플릿 팩과 renderer 사이의 버전 계약을 표현합니다(ADR-0086 D2). 필드 미지정 시 버전 1로 해석해 기존 고객 `site.config.ts`는 그대로 동작합니다.
+
+### Patch Changes
+
+- Updated dependencies [23aa6ae]
+  - @roottale/cms-client@0.45.0
+  - @roottale/cms-core@0.45.0
+
+## 0.44.0
+
+### Minor Changes
+
+- 353d437: `RootTaleBlogPost`에 `showTitle` 옵션을 추가했습니다. 페이지가 글 제목을 직접
+  출력할 때 `showTitle={false}`를 넘기면 CMS의 중복 `<h1>`만 생략하고 나머지
+  헤더 정보와 본문은 그대로 렌더합니다.
+
 ## 0.43.0
 
 ### Minor Changes

package/README.md

@@ -138,6 +138,10 @@ export default async function PostPage({
 }
 ```
 
+`RootTaleBlogPost` renders the post title as `<h1>` by default. If the page
+already renders that title, pass `showTitle={false}` to avoid a duplicate
+heading. The excerpt, post metadata, and body remain visible.
+
 ## Lead form — `app/contact/page.tsx`
 
 ```tsx

package/dist/{chunk-FKDCPFYV.js → chunk-45KYMMDY.js}

@@ -1,9 +1,15 @@
 import {
   BeforeAfterSlider
 } from "./chunk-U5AKACPN.js";
+import {
+  ContactMapClickToLoad
+} from "./chunk-LEHHSI6G.js";
 import {
   ExpertiseTabStage
-} from "./chunk-4LQPZDXZ.js";
+} from "./chunk-6MFHA555.js";
+import {
+  TeamExpandingStageClient
+} from "./chunk-FZK3EXYZ.js";
 import {
   SpacesStage
 } from "./chunk-K62RR4UQ.js";
@@ -12,10 +18,11 @@ import {
 } from "./chunk-H46JUIHZ.js";
 import {
   AnimateOnScroll,
+  CountUpStat,
   Marquee,
   StaggerGroup,
   StaggerItem
-} from "./chunk-WWS43XCT.js";
+} from "./chunk-Z3ZSCPG4.js";
 import {
   collectCategories,
   collectCategoriesWithCounts,
@@ -25,10 +32,10 @@ import {
 } from "./chunk-FUA5H6JE.js";
 import {
   SectionSchema
-} from "./chunk-NUUTTSGT.js";
+} from "./chunk-GUV5WHD5.js";
 import {
   HeroCarouselViewport
-} from "./chunk-F3G6RVIR.js";
+} from "./chunk-OMXEU4LS.js";
 
 // src/server.tsx
 import {
@@ -306,7 +313,30 @@ function RootTaleLeadForm(props) {
 }
 
 // src/templates/sections.tsx
-import { isAllowedEmbedSrc } from "@roottale/cms-core";
+import { isAllowedEmbedSrc, isAllowedMapEmbedSrc } from "@roottale/cms-core";
+
+// src/templates/metric-value.ts
+var LEADING_NUMBER_PATTERN = /^(\d[\d,]*)(\.(\d+))?/;
+function parseMetricValue(raw) {
+  const match = LEADING_NUMBER_PATTERN.exec(raw);
+  if (!match) {
+    return null;
+  }
+  const [matched, integerPart, , fractionPart] = match;
+  const integerLiteral = (integerPart ?? "").replace(/,/g, "");
+  const numericLiteral = fractionPart ? `${integerLiteral}.${fractionPart}` : integerLiteral;
+  const value = Number(numericLiteral);
+  if (!Number.isFinite(value)) {
+    return null;
+  }
+  return {
+    value,
+    decimals: fractionPart?.length ?? 0,
+    suffix: raw.slice(matched.length)
+  };
+}
+
+// src/templates/sections.tsx
 import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function sectionThemeStyle(theme) {
   if (!theme) return void 0;
@@ -373,6 +403,7 @@ function TemplateHeroCarousel(section) {
     slides,
     autoplay,
     intervalMs,
+    transition,
     proofMetrics,
     scrim
   } = section.props;
@@ -392,7 +423,8 @@ function TemplateHeroCarousel(section) {
             slides: safeSlides,
             autoplay: autoplay ?? true,
             intervalMs: intervalMs ?? 6e3,
-            scrim
+            scrim,
+            transition
           }
         ) : null,
         /* @__PURE__ */ jsxs2("div", { className: "rt-tpl-container rt-tpl-hero-carousel-overlay", children: [
@@ -1027,6 +1059,20 @@ function TemplateCtaBanner(section) {
     }
   );
 }
+function TrustMetricValue({ value }) {
+  const parsed = parseMetricValue(value);
+  if (!parsed) {
+    return /* @__PURE__ */ jsx2(Fragment2, { children: value });
+  }
+  return /* @__PURE__ */ jsx2(
+    CountUpStat,
+    {
+      value: parsed.value,
+      decimals: parsed.decimals,
+      suffix: parsed.suffix
+    }
+  );
+}
 function TrustCredentialIcon() {
   return /* @__PURE__ */ jsxs2(
     "svg",
@@ -1056,9 +1102,9 @@ function TemplateTrust(section) {
       children: /* @__PURE__ */ jsxs2("div", { className: "rt-tpl-container rt-tpl-trust-inner", children: [
         heading ? /* @__PURE__ */ jsx2("h2", { className: "rt-tpl-heading", children: heading }) : null,
         section.variant === "stat-band" ? (
-          // 수치 밴드 진입 시 fade-up(C8). 카운트업은 미채택 — 이 seed 의
-          // disclaimer 계약("과장된 카운트업 모션 미사용")과 tabular-nums 결정성
-          // 유지를 위해 즉시-표시. reduce·SSR 시 <div> 그대로(마크업 불변).
+          // 수치 밴드 진입 시 fade-up(C8) + 지표 숫자 카운트업(ADR-0086 D3로
+          // 채택(구 룰 supersede, 2026-07-17)). reduce·SSR 시 <div> 그대로
+          // (마크업 불변) + CountUpStat 자체도 mount 전엔 최종값 정적 표시.
           /* @__PURE__ */ jsx2(AnimateOnScroll, { as: "div", variant: "fade-up", className: "rt-tpl-trust-stat-band", children: (metrics ?? []).map((metric) => /* @__PURE__ */ jsxs2(
             "div",
             {
@@ -1066,7 +1112,7 @@ function TemplateTrust(section) {
               "data-variant": "band-item",
               children: [
                 /* @__PURE__ */ jsxs2("span", { className: "rt-stat__value", children: [
-                  metric.value,
+                  /* @__PURE__ */ jsx2(TrustMetricValue, { value: metric.value }),
                   metric.unit ? /* @__PURE__ */ jsx2("span", { className: "rt-stat__unit", children: metric.unit }) : null
                 ] }),
                 /* @__PURE__ */ jsx2("span", { className: "rt-stat__label", children: metric.label }),
@@ -1192,7 +1238,7 @@ function TemplateTrust(section) {
               }
             ) : null,
             /* @__PURE__ */ jsxs2("span", { className: "rt-stat__value", children: [
-              metric.value,
+              /* @__PURE__ */ jsx2(TrustMetricValue, { value: metric.value }),
               metric.unit ? /* @__PURE__ */ jsx2("span", { className: "rt-stat__unit", children: metric.unit }) : null
             ] }),
             /* @__PURE__ */ jsx2("span", { className: "rt-stat__label", children: metric.label }),
@@ -1308,9 +1354,89 @@ function TemplateTestimonialsQuoteRail(section) {
     }
   );
 }
+function StarRating({ rating }) {
+  const clamped = Math.min(5, Math.max(0, rating));
+  const fill = `${(clamped / 5 * 100).toFixed(0)}%`;
+  return /* @__PURE__ */ jsxs2(
+    "span",
+    {
+      className: "rt-tpl-testimonials-stars",
+      role: "img",
+      "aria-label": `\uD3C9\uC810 5\uC810 \uB9CC\uC810\uC5D0 ${clamped.toFixed(1)}\uC810`,
+      style: { "--rt-testimonials-star-fill": fill },
+      children: [
+        /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", className: "rt-tpl-testimonials-stars-base", children: "\u2605\u2605\u2605\u2605\u2605" }),
+        /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", className: "rt-tpl-testimonials-stars-fill", children: "\u2605\u2605\u2605\u2605\u2605" })
+      ]
+    }
+  );
+}
+function TemplateTestimonialsStarCompact(section) {
+  const { heading, description, items, disclaimer } = section.props;
+  const rated = items.filter(
+    (item) => typeof item.rating === "number"
+  );
+  const average = rated.length > 0 ? rated.reduce((sum, item) => sum + item.rating, 0) / rated.length : void 0;
+  return /* @__PURE__ */ jsx2(
+    "section",
+    {
+      "data-roottale-tpl": "testimonials",
+      "data-variant": "star-compact",
+      id: section.id,
+      className: "rt-tpl-section rt-tpl-testimonials",
+      style: sectionThemeStyle(section.theme),
+      children: /* @__PURE__ */ jsxs2("div", { className: "rt-tpl-container", children: [
+        /* @__PURE__ */ jsx2("h2", { className: "rt-tpl-heading", children: heading }),
+        description ? /* @__PURE__ */ jsx2("p", { className: "rt-tpl-section-desc", children: description }) : null,
+        average !== void 0 ? /* @__PURE__ */ jsxs2("div", { className: "rt-tpl-testimonials-star-summary", children: [
+          /* @__PURE__ */ jsx2("span", { className: "rt-tpl-testimonials-star-average", children: average.toFixed(1) }),
+          /* @__PURE__ */ jsx2(StarRating, { rating: average }),
+          /* @__PURE__ */ jsxs2("span", { className: "rt-tpl-testimonials-star-count", children: [
+            "\uD6C4\uAE30 ",
+            items.length,
+            "\uAC74"
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsx2(StaggerGroup, { as: "ul", className: "rt-tpl-testimonials-star-list", children: items.map((item, i) => /* @__PURE__ */ jsx2(
+          StaggerItem,
+          {
+            as: "li",
+            className: "rt-tpl-testimonials-star-item",
+            children: /* @__PURE__ */ jsxs2("blockquote", { className: "rt-tpl-testimonials-star-quote", children: [
+              typeof item.rating === "number" ? /* @__PURE__ */ jsxs2("div", { className: "rt-tpl-testimonials-star-head", children: [
+                /* @__PURE__ */ jsx2(StarRating, { rating: item.rating }),
+                /* @__PURE__ */ jsx2("span", { className: "rt-tpl-testimonials-star-value", children: item.rating.toFixed(1) })
+              ] }) : null,
+              /* @__PURE__ */ jsx2("p", { className: "rt-tpl-testimonials-star-text", children: item.quote }),
+              /* @__PURE__ */ jsxs2("footer", { className: "rt-tpl-testimonials-star-footer", children: [
+                /* @__PURE__ */ jsx2("cite", { className: "rt-tpl-testimonials-star-author", children: item.author }),
+                item.context ? /* @__PURE__ */ jsx2("span", { className: "rt-tpl-testimonials-star-context", children: item.context }) : null,
+                /* @__PURE__ */ jsx2(StarCompactMeta, { item })
+              ] }),
+              item.reply ? /* @__PURE__ */ jsx2("p", { className: "rt-tpl-testimonials-reply", children: item.reply }) : null
+            ] })
+          },
+          `${item.author}-${i}`
+        )) }),
+        disclaimer ? /* @__PURE__ */ jsx2("p", { className: "rt-tpl-testimonials-disclaimer", children: disclaimer }) : null
+      ] })
+    }
+  );
+}
+function StarCompactMeta({
+  item
+}) {
+  const values = [item.source, item.visitedAt, item.item].filter(
+    (value) => Boolean(value)
+  );
+  if (values.length === 0) return null;
+  return /* @__PURE__ */ jsx2("span", { className: "rt-tpl-testimonials-star-meta", children: values.map((value) => /* @__PURE__ */ jsx2("span", { children: value }, value)) });
+}
 function TemplateTestimonials(section) {
   if (section.variant === "quote-rail")
     return TemplateTestimonialsQuoteRail(section);
+  if (section.variant === "star-compact")
+    return TemplateTestimonialsStarCompact(section);
   return TemplateTestimonialsEditorialQuote(section);
 }
 function memberInitials(name) {
@@ -1417,11 +1543,7 @@ function TemplateTeamExpandingStage(section) {
       children: /* @__PURE__ */ jsxs2("div", { className: "rt-tpl-container", children: [
         heading ? /* @__PURE__ */ jsx2("h2", { className: "rt-tpl-heading", children: heading }) : null,
         description ? /* @__PURE__ */ jsx2("p", { className: "rt-tpl-section-desc", children: description }) : null,
-        /* @__PURE__ */ jsx2("ul", { className: "rt-tpl-team-expanding-stage", children: members.map((member, index) => /* @__PURE__ */ jsx2("li", { className: "rt-tpl-team-expanding-item", children: /* @__PURE__ */ jsxs2("article", { className: "rt-tpl-team-card", children: [
-          /* @__PURE__ */ jsx2("span", { className: "rt-tpl-team-expanding-index", "aria-hidden": "true", children: String(index + 1).padStart(2, "0") }),
-          /* @__PURE__ */ jsx2(TeamMemberPhoto, { member }),
-          /* @__PURE__ */ jsx2(TeamMemberBody, { member })
-        ] }) }, member.name)) })
+        /* @__PURE__ */ jsx2(TeamExpandingStageClient, { members })
       ] })
     }
   );
@@ -1458,7 +1580,7 @@ function telHref(phone) {
   return `tel:${phone.replace(/[^\d+]/g, "")}`;
 }
 function ContactMap({ url }) {
-  if (isAllowedEmbedSrc(url)) {
+  if (isAllowedMapEmbedSrc(url) || isAllowedEmbedSrc(url)) {
     return /* @__PURE__ */ jsx2("div", { className: "rt-tpl-contact-map", children: /* @__PURE__ */ jsx2(
       "iframe",
       {
@@ -1478,8 +1600,12 @@ function ContactMapBlock({
   const embedUrl = map?.embedUrl ?? mapEmbedUrl;
   const externalUrl = map?.externalUrl ?? embedUrl;
   if (!embedUrl && !map?.facadeImageSrc && !externalUrl) return null;
+  const liveMap = Boolean(
+    embedUrl && (isAllowedMapEmbedSrc(embedUrl) || isAllowedEmbedSrc(embedUrl))
+  );
+  const clickToLoad = liveMap && embedUrl && (map?.mapLoad ?? "lazy") === "click";
   return /* @__PURE__ */ jsxs2("div", { className: "rt-tpl-contact-map-block", "data-provider": map?.provider, children: [
-    map?.facadeImageSrc ? /* @__PURE__ */ jsxs2("figure", { className: "rt-tpl-contact-map-facade", children: [
+    map?.facadeImageSrc && !liveMap ? /* @__PURE__ */ jsxs2("figure", { className: "rt-tpl-contact-map-facade", children: [
       /* @__PURE__ */ jsx2(
         "img",
         {
@@ -1490,7 +1616,15 @@ function ContactMapBlock({
       ),
       externalUrl ? /* @__PURE__ */ jsx2("figcaption", { children: /* @__PURE__ */ jsx2("a", { href: externalUrl, target: "_blank", rel: "noopener noreferrer", children: "\uC9C0\uB3C4 \uD06C\uAC8C \uBCF4\uAE30" }) }) : null
     ] }) : null,
-    embedUrl ? /* @__PURE__ */ jsx2(ContactMap, { url: embedUrl }) : null
+    clickToLoad ? /* @__PURE__ */ jsx2(
+      ContactMapClickToLoad,
+      {
+        embedUrl,
+        externalUrl,
+        facadeImageSrc: map?.facadeImageSrc,
+        facadeImageAlt: map?.facadeImageAlt
+      }
+    ) : embedUrl ? /* @__PURE__ */ jsx2(ContactMap, { url: embedUrl }) : null
   ] });
 }
 function ContactActions({
@@ -2769,6 +2903,7 @@ async function RootTaleBlogPost(props) {
     slugOrId,
     baseUrl,
     notFoundElement,
+    showTitle = true,
     showTableOfContents,
     tableOfContentsTitle,
     relatedPostsCount = 0,
@@ -2833,7 +2968,7 @@ async function RootTaleBlogPost(props) {
       style: themeStyle ?? void 0,
       children: [
         /* @__PURE__ */ jsxs9("header", { className: "rt-cms-post-header", children: [
-          /* @__PURE__ */ jsx9("h1", { className: "rt-cms-title", children: post.title }),
+          showTitle ? /* @__PURE__ */ jsx9("h1", { className: "rt-cms-title", children: post.title }) : null,
           post.excerpt ? /* @__PURE__ */ jsx9("p", { className: "rt-cms-excerpt", children: post.excerpt }) : null,
           publishedDate || showTopAuthor || views !== null ? /* @__PURE__ */ jsxs9("p", { className: "rt-cms-meta", children: [
             publishedDate ? /* @__PURE__ */ jsx9("span", { className: "rt-cms-meta-item", "data-rt-cms-meta": "date", children: publishedDate }) : null,
@@ -3389,4 +3524,4 @@ export {
   RootTalePage,
   RenderTiptap
 };
-//# sourceMappingURL=chunk-FKDCPFYV.js.map
+//# sourceMappingURL=chunk-45KYMMDY.js.map