@roottale/cms-renderer-next 0.44.0 → 0.45.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @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

package/dist/{chunk-75LHSTKC.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-6PDZSFVZ.js";
+} from "./chunk-GUV5WHD5.js";
 import {
   HeroCarouselViewport
-} from "./chunk-F3G6RVIR.js";
+} from "./chunk-OMXEU4LS.js";
 
 // src/server.tsx
 import {
@@ -307,6 +314,29 @@ function RootTaleLeadForm(props) {
 
 // src/templates/sections.tsx
 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 }),
@@ -1497,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 })
       ] })
     }
   );
@@ -1561,6 +1603,7 @@ function ContactMapBlock({
   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 && !liveMap ? /* @__PURE__ */ jsxs2("figure", { className: "rt-tpl-contact-map-facade", children: [
       /* @__PURE__ */ jsx2(
@@ -1573,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({
@@ -3473,4 +3524,4 @@ export {
   RootTalePage,
   RenderTiptap
 };
-//# sourceMappingURL=chunk-75LHSTKC.js.map
+//# sourceMappingURL=chunk-45KYMMDY.js.map