@roottale/cms-renderer-next 0.44.0 → 0.45.0

package/dist/templates.css

@@ -1916,6 +1916,12 @@
   color: var(--rt-color-primary);
 }
 
+[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-tab:focus-visible),
+[data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-panel:focus-visible) {
+  outline: 2px solid var(--rt-color-ring, var(--rt-color-primary));
+  outline-offset: -2px;
+}
+
 [data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-tab-label),
 [data-roottale-tpl="expertise"] :where(.rt-tpl-expertise-kicker) {
   margin: 0;
@@ -2399,6 +2405,101 @@
   }
 }
 
+/* ---- curtain transition (ADR-0086 P2 D3, chambarun 이식) ----
+ * 절대배치 스택 — 각 슬라이드가 clip-path 와이프로 스스로를 드러낸다(embla
+ * 가로 스크롤 없음). 타이밍·이징·클립 경로는 원본
+ * chambarun `assets/site.css` `@keyframes curtainReveal`/`.curtain-sheen` 값을
+ * 그대로 유지, 색만 하드코딩 헥스 대신 --rt-* 토큰으로 치환했다. */
+[data-roottale-tpl="hero"][data-variant="carousel"]
+  :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide) {
+  position: absolute;
+  inset: 0;
+  flex: none;
+  opacity: 0;
+  z-index: 0;
+  pointer-events: none;
+  clip-path: inset(0 0 0 0);
+}
+
+[data-roottale-tpl="hero"][data-variant="carousel"]
+  :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide[data-leaving="true"]) {
+  opacity: 1;
+  z-index: 1;
+}
+
+[data-roottale-tpl="hero"][data-variant="carousel"]
+  :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide[data-active="true"]) {
+  opacity: 1;
+  z-index: 2;
+  pointer-events: auto;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  [data-roottale-tpl="hero"][data-variant="carousel"]
+    :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide[data-active="true"]) {
+    animation: rt-hero-carousel-curtain-reveal 0.92s cubic-bezier(0.76, 0, 0.24, 1) both;
+  }
+}
+
+@keyframes rt-hero-carousel-curtain-reveal {
+  from {
+    clip-path: inset(0 100% 0 0);
+  }
+  to {
+    clip-path: inset(0 0 0 0);
+  }
+}
+
+/* 신 스윕 — 활성 슬라이드 위를 가로지르는 얇은 하이라이트 밴드. chambarun 은
+ * teal/green 2색 그라디언트였으나 고객사 테마마다 브랜드색이 달라 토큰
+ * 하나(primary-foreground)의 color-mix 농도 변화로 대체(대면적 채도 배색
+ * 하드코딩 금지 관행과 동일 이유). */
+[data-roottale-tpl="hero"][data-variant="carousel"]
+  :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-sheen) {
+  position: absolute;
+  inset-block: 0;
+  inset-inline-start: 0;
+  z-index: 1;
+  inline-size: clamp(82px, 10cqi, 150px);
+  pointer-events: none;
+  opacity: 0;
+  transform: translate3d(-160px, 0, 0);
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 22%, transparent) 30%,
+    color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 58%, transparent) 48%,
+    color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 18%, transparent) 62%,
+    transparent 100%
+  );
+  mix-blend-mode: screen;
+  will-change: transform, opacity;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  [data-roottale-tpl="hero"][data-variant="carousel"]
+    :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide[data-active="true"] .rt-tpl-hero-carousel-sheen) {
+    animation: rt-hero-carousel-curtain-sheen 0.9s cubic-bezier(0.76, 0, 0.24, 1) both;
+  }
+}
+
+@keyframes rt-hero-carousel-curtain-sheen {
+  0% {
+    opacity: 0;
+    transform: translate3d(-160px, 0, 0);
+  }
+  14% {
+    opacity: 0.82;
+  }
+  76% {
+    opacity: 0.68;
+  }
+  100% {
+    opacity: 0;
+    transform: translate3d(100cqi, 0, 0);
+  }
+}
+
 /* 오버레이 eyebrow — 스크림 위에서는 테마 primary(잉크/민트)가 아니라 밝은
  * 전경색이어야 읽힌다(미감 라운드 2 — 민트 eyebrow 소실 실측). */
 [data-roottale-tpl="hero"][data-variant="carousel"]
@@ -2550,6 +2651,42 @@
   letter-spacing: 0.06em;
 }
 
+/* D4 — autoplay pause/재생 버튼: 도트·카운터와 같은 우측 클러스터에 절제된
+ * 크기로 둔다(화살표와 동일 언어이나 더 작게 — 보조 컨트롤이라는 위계). */
+[data-roottale-tpl="hero"][data-variant="carousel"]
+  :where(.rt-tpl-hero-carousel-controls-right) {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+[data-roottale-tpl="hero"][data-variant="carousel"]
+  :where(.rt-tpl-hero-carousel-playpause) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  inline-size: 1.75rem;
+  block-size: 1.75rem;
+  border-radius: 999px;
+  border: 1px solid color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 28%, transparent);
+  background: color-mix(in srgb, var(--rt-color-foreground, #06162f) 24%, transparent);
+  color: var(--rt-color-primary-foreground, #ffffff);
+  cursor: pointer;
+  transition: background 180ms ease, border-color 180ms ease;
+}
+
+[data-roottale-tpl="hero"][data-variant="carousel"]
+  :where(.rt-tpl-hero-carousel-playpause:hover) {
+  background: color-mix(in srgb, var(--rt-color-foreground, #06162f) 48%, transparent);
+  border-color: color-mix(in srgb, var(--rt-color-primary-foreground, #ffffff) 45%, transparent);
+}
+
+[data-roottale-tpl="hero"][data-variant="carousel"]
+  :where(.rt-tpl-hero-carousel-playpause svg) {
+  inline-size: 0.85rem;
+  block-size: 0.85rem;
+}
+
 [data-roottale-tpl="hours"],
 [data-roottale-tpl="pricing"],
 [data-roottale-tpl="process"] {
@@ -3217,6 +3354,55 @@
   gap: 0.5rem;
 }
 
+/* 카피 스태거(chambarun `.hero-copy>*` 순차 등장, 타이밍 원본 유지) — curtain
+ * 전환에서만, 슬라이드 전환마다 패널이 `key` 로 리마운트되어 매번 재생된다. */
+@media (prefers-reduced-motion: no-preference) {
+  [data-roottale-tpl="hero"][data-variant="carousel"]
+    :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide-panel > *) {
+    animation:
+      rt-hero-carousel-copy-in-opacity 0.68s cubic-bezier(0.45, 0, 0.2, 1) both,
+      rt-hero-carousel-copy-in-transform 0.72s cubic-bezier(0.2, 0.75, 0.25, 1) both;
+  }
+
+  [data-roottale-tpl="hero"][data-variant="carousel"]
+    :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide-panel > *:nth-child(1)) {
+    animation-delay: 0.34s;
+  }
+
+  [data-roottale-tpl="hero"][data-variant="carousel"]
+    :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide-panel > *:nth-child(2)) {
+    animation-delay: 0.44s;
+  }
+
+  [data-roottale-tpl="hero"][data-variant="carousel"]
+    :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide-panel > *:nth-child(3)) {
+    animation-delay: 0.54s;
+  }
+
+  [data-roottale-tpl="hero"][data-variant="carousel"]
+    :where(.rt-tpl-hero-carousel[data-transition="curtain"] .rt-tpl-hero-carousel-slide-panel > *:nth-child(n + 4)) {
+    animation-delay: 0.64s;
+  }
+}
+
+@keyframes rt-hero-carousel-copy-in-opacity {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes rt-hero-carousel-copy-in-transform {
+  from {
+    transform: translateY(18px);
+  }
+  to {
+    transform: none;
+  }
+}
+
 [data-roottale-tpl="hero"][data-variant="carousel"]
   :where(.rt-tpl-hero-carousel-dots--tabs) {
   gap: 0.4rem;
@@ -3446,6 +3632,56 @@
   font-weight: 800;
 }
 
+/*
+ * 지도 클릭-투-로드 프리뷰(ADR-0086 P2 D3, `map.mapLoad === "click"`) —
+ * `.rt-tpl-contact-map` 와 같은 박스(aspect-ratio/border/radius)를 그대로
+ * 쓰고, 여기서는 배경 이미지·버튼·바깥 링크 배치만 얹는다.
+ */
+[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-click) {
+  position: relative;
+  display: grid;
+  place-items: center;
+  gap: 0.5rem;
+  background: var(--muted);
+}
+
+[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-click-bg) {
+  position: absolute;
+  inset: 0;
+  inline-size: 100%;
+  block-size: 100%;
+  object-fit: cover;
+}
+
+[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-click-btn) {
+  position: relative;
+  z-index: 1;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+  padding: 0.55rem 1rem;
+  border: 1px solid var(--rt-color-border);
+  border-radius: var(--rt-radius-md);
+  background: var(--card);
+  color: var(--foreground);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-semibold);
+  cursor: pointer;
+}
+
+[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-click-btn:hover) {
+  background: color-mix(in srgb, var(--card) 85%, var(--rt-color-primary) 15%);
+}
+
+[data-roottale-tpl="contact"] :where(.rt-tpl-contact-map-click-external) {
+  position: relative;
+  z-index: 1;
+  font-size: 0.78rem;
+  color: var(--accent-foreground);
+  text-decoration: underline;
+  text-underline-offset: var(--space-1);
+}
+
 [data-roottale-tpl="contact"] :where(.rt-tpl-contact-actions) {
   display: flex;
   flex-wrap: wrap;
@@ -3500,22 +3736,238 @@
   text-decoration: none;
 }
 
+/* ============ team: expanding-stage — hover/focus/tap 확장 (D3, chambarun
+ * `.staff-stage`/`.staff-panel` 이식, mockup/assets/site.js·site.css 원본
+ * 참조). 접힌 패널은 이름 칩만, 활성 패널은 확장되며 자격정보 패널이 드러난다.
+ * 전환(transition) 선언은 전부 `prefers-reduced-motion: no-preference` 안에만
+ * 둔다 — reduce 시 애니메이션 없이 최종 상태로 즉시 전환(상태 자체는 그대로
+ * 바뀐다, ADR-0073 K3 C1 과 동일 관행). ============ */
+
 [data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-stage) {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
-  gap: 0.75rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.625rem;
   padding: 0;
   margin: 1.25rem 0 0;
   list-style: none;
 }
 
+@container (min-width: 46rem) {
+  [data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-stage) {
+    flex-direction: row;
+    block-size: clamp(24rem, 46cqi, 38rem);
+  }
+}
+
+[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-item) {
+  position: relative;
+  flex: none;
+  block-size: 4.75rem;
+  min-inline-size: 0;
+  overflow: hidden;
+  border-radius: var(--rt-radius-lg, 1.5rem);
+  outline: none;
+  cursor: pointer;
+  background: var(--muted);
+  box-shadow: 0 0.75rem 1.75rem -1rem color-mix(in srgb, var(--foreground) 45%, transparent);
+}
+
+[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-item[data-active="true"]) {
+  block-size: 26rem;
+}
+
+@container (min-width: 46rem) {
+  [data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-item) {
+    flex: 1 1 0;
+    block-size: auto;
+  }
+
+  [data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-item[data-active="true"]) {
+    flex-grow: 2.7;
+    block-size: auto;
+  }
+}
+
+[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-item:focus-visible) {
+  outline: 2px solid var(--primary);
+  outline-offset: 3px;
+}
+
+[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-photo) {
+  position: absolute;
+  inset: 0;
+  inline-size: 100%;
+  block-size: 100%;
+  object-fit: cover;
+  object-position: center top;
+}
+
+[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-photo--initials) {
+  display: grid;
+  place-items: center;
+  color: var(--primary);
+  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
+  font-size: clamp(1.5rem, 8cqi, 2.5rem);
+  font-weight: 800;
+}
+
+[data-roottale-tpl="team"]
+  :where(.rt-tpl-team-expanding-item[data-active="true"] .rt-tpl-team-expanding-photo) {
+  filter: saturate(1.04) brightness(1.01);
+}
+
+[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-name) {
+  position: absolute;
+  inset-inline: 0;
+  inset-block-end: 0;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  gap: 0.625rem;
+  padding: 0.75rem 0.9rem;
+  background: linear-gradient(
+    0deg,
+    color-mix(in srgb, var(--foreground) 78%, transparent),
+    transparent
+  );
+}
+
+[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-name b) {
+  margin: 0;
+  color: var(--background);
+  font-family: var(--rt-font-display, var(--rt-font-body, system-ui, sans-serif));
+  font-size: 0.95rem;
+  font-weight: 800;
+}
+
+[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-name span) {
+  color: color-mix(in srgb, var(--background) 78%, transparent);
+  font-size: 0.75rem;
+  font-weight: 700;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+[data-roottale-tpl="team"]
+  :where(.rt-tpl-team-expanding-item[data-active="true"] .rt-tpl-team-expanding-name) {
+  opacity: 0;
+}
+
+[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-detail) {
+  position: absolute;
+  inset-inline: 0;
+  inset-block-end: 0;
+  z-index: 3;
+  display: grid;
+  gap: 0.5rem;
+  padding: 1.75rem 1.25rem 1.25rem;
+  background: linear-gradient(
+    0deg,
+    color-mix(in srgb, var(--foreground) 92%, transparent) 0%,
+    color-mix(in srgb, var(--foreground) 55%, transparent) 55%,
+    transparent 100%
+  );
+  opacity: 0;
+  transform: translateY(1rem);
+  pointer-events: none;
+}
+
+[data-roottale-tpl="team"]
+  :where(.rt-tpl-team-expanding-item[data-active="true"] .rt-tpl-team-expanding-detail) {
+  opacity: 1;
+  transform: none;
+  pointer-events: auto;
+}
+
+[data-roottale-tpl="team"]
+  :where(.rt-tpl-team-expanding-detail .rt-tpl-team-expanding-role) {
+  margin: 0;
+  color: color-mix(in srgb, var(--background) 70%, transparent);
+  font-size: 0.75rem;
+  font-weight: 800;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-detail .rt-tpl-team-name) {
+  margin: 0;
+  color: var(--background);
+}
+
+[data-roottale-tpl="team"]
+  :where(.rt-tpl-team-expanding-detail .rt-tpl-team-specialties li) {
+  color: var(--background);
+  background: color-mix(in srgb, var(--background) 18%, transparent);
+}
+
+[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-detail .rt-tpl-team-credentials li),
+[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-detail .rt-tpl-team-bio) {
+  color: color-mix(in srgb, var(--background) 85%, transparent);
+}
+
+[data-roottale-tpl="team"]
+  :where(.rt-tpl-team-expanding-detail .rt-tpl-team-credentials li)::before {
+  background: var(--primary);
+}
+
+[data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-detail .rt-tpl-team-cta) {
+  justify-self: start;
+  margin-top: 0.25rem;
+  padding: 0.55rem 0.9rem;
+  border-radius: 999px;
+  background: var(--primary);
+  color: var(--primary-foreground, var(--background));
+}
+
+[data-roottale-tpl="team"]
+  :where(.rt-tpl-team-expanding-detail .rt-tpl-team-cta:focus-visible) {
+  outline: 2px solid var(--background);
+  outline-offset: 2px;
+}
+
 [data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-index) {
-  color: var(--rt-color-muted-foreground);
+  position: absolute;
+  inset-block-start: 0.75rem;
+  inset-inline-start: 0.9rem;
+  z-index: 2;
+  color: color-mix(in srgb, var(--background) 85%, transparent);
   font-variant-numeric: tabular-nums;
-  font-size: 0.78rem;
+  font-size: 0.75rem;
   font-weight: 800;
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  [data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-item) {
+    transition:
+      flex-grow 0.72s cubic-bezier(0.22, 0.9, 0.24, 1),
+      block-size 0.6s cubic-bezier(0.22, 0.9, 0.24, 1),
+      box-shadow 0.4s ease;
+  }
+
+  [data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-photo) {
+    transition: filter 0.55s ease;
+  }
+
+  [data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-name) {
+    transition: opacity 0.35s ease;
+  }
+
+  [data-roottale-tpl="team"] :where(.rt-tpl-team-expanding-detail) {
+    /* 접힐 때는 빠르게 사라져 패널 축소와 텍스트 잔상이 겹치지 않게. */
+    transition:
+      opacity 0.16s ease,
+      transform 0.3s ease;
+  }
+
+  [data-roottale-tpl="team"]
+    :where(.rt-tpl-team-expanding-item[data-active="true"] .rt-tpl-team-expanding-detail) {
+    transition:
+      opacity 0.45s ease 0.18s,
+      transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.18s;
+  }
+}
+
 [data-roottale-tpl="footer"] {
   background: color-mix(
     in srgb,

package/dist/templates.d.ts

@@ -1,11 +1,34 @@
-import { C as ConcernsSection, E as ExpertiseSection, S as SpacesSection, B as BeforeAfterSection, a as ContactSection, b as CtaBannerSection, F as FaqSection, c as FooterSection, H as HeroSection, d as HoursSection, P as PricingSection, e as ProcessSection, R as RichTextSection, f as ServicesSection, T as TeamSection, g as TestimonialsSection, h as TrustSection, i as SiteConfig, j as SiteConfigInput } from './site-config-BHcVF993.js';
-export { k as BUILTIN_SECTION_SCHEMAS, l as BUILTIN_SECTION_TYPES, m as BeforeAfterSectionSchema, n as BlogListSection, o as BlogListSectionSchema, p as ConcernsSectionSchema, q as ContactSectionSchema, r as CtaBannerSectionSchema, s as CustomSection, t as CustomSectionSchema, u as ExpertiseSectionSchema, v as FaqSectionSchema, w as FooterSectionSchema, x as HeroSectionSchema, y as HoursSectionSchema, L as LeadFormSection, z as LeadFormSectionSchema, N as NavItem, A as NavItemSchema, D as PricingSectionSchema, G as ProcessSectionSchema, I as RichTextSectionSchema, J as SECTION_VARIANTS, K as Section, M as SectionCta, O as SectionInput, Q as SectionSchema, U as ServicesSectionSchema, V as SiteConfigSchema, W as SpacesSectionSchema, X as TeamSectionSchema, Y as TestimonialsSectionSchema, Z as TrustSectionSchema, _ as defineSiteConfig, $ as parseSiteConfig } from './site-config-BHcVF993.js';
+import { C as ConcernsSection, E as ExpertiseSection, S as SpacesSection, B as BeforeAfterSection, a as ContactSection, b as CtaBannerSection, F as FaqSection, c as FooterSection, H as HeroSection, d as HoursSection, P as PricingSection, e as ProcessSection, R as RichTextSection, f as ServicesSection, T as TeamSection, g as TestimonialsSection, h as TrustSection, i as SiteConfig, j as SiteConfigInput } from './site-config-kqurIH-k.js';
+export { k as BUILTIN_SECTION_SCHEMAS, l as BUILTIN_SECTION_TYPES, m as BeforeAfterSectionSchema, n as BlogListSection, o as BlogListSectionSchema, p as ConcernsSectionSchema, q as ContactSectionSchema, r as CtaBannerSectionSchema, s as CustomSection, t as CustomSectionSchema, u as ExpertiseSectionSchema, v as FaqSectionSchema, w as FooterSectionSchema, x as HeroSectionSchema, y as HoursSectionSchema, L as LeadFormSection, z as LeadFormSectionSchema, N as NavItem, A as NavItemSchema, D as PricingSectionSchema, G as ProcessSectionSchema, I as RichTextSectionSchema, J as SECTION_VARIANTS, K as Section, M as SectionCta, O as SectionInput, Q as SectionSchema, U as ServicesSectionSchema, V as SiteConfigSchema, W as SpacesSectionSchema, X as TeamSectionSchema, Y as TestimonialsSectionSchema, Z as TrustSectionSchema, _ as defineSiteConfig, $ as parseSiteConfig } from './site-config-kqurIH-k.js';
 export { R as RootTaleCssVars, t as themeToCssVars } from './theme-css-vars-CD3jcEkp.js';
 import { ReactElement, CSSProperties, ReactNode } from 'react';
 import 'zod';
 import '@roottale/cms-client/server';
 import '@roottale/ui-react/theme';
 
+/**
+ * `SiteConfig` 계약 버전 (ADR-0086 D2 — 팩 ↔ renderer 호환성 계약).
+ *
+ * `site-config.ts` 는 이미 SIZE_OK 상한 근처(canonical SectionSchema
+ * registry)라 버전 해석 로직은 별도 모듈에 두고 `site-config.ts` 에서
+ * re-export 한다.
+ *
+ * 팩 manifest(`packages/assembly/src/pack-manifest.ts`)의
+ * `siteConfigVersion` 필드가 이 버전과 비교 대상 — 팩이 요구하는 버전이
+ * renderer 가 실제로 해석하는 버전보다 높으면 조립 전 fail-fast 해야 한다.
+ */
+/** 현재 `SiteConfig` 스키마 버전. 계약 필드 추가 등 breaking 변경 시에만 올린다. */
+declare const SITE_CONFIG_SCHEMA_VERSION = 1;
+/**
+ * `config.schemaVersion` 해석 헬퍼 — 필드 미지정(기존 고객
+ * `site.config.ts`, `schemaVersion` 도입 이전 작성분)은 버전 1 로 해석한다
+ * (하위 호환, ADR-0086 D2). 현재 버전 상수가 아니라 리터럴 1 — 후일
+ * `SITE_CONFIG_SCHEMA_VERSION` 이 올라도 미지정 config 는 계속 1 이다.
+ */
+declare function resolveSiteConfigSchemaVersion(config: {
+    schemaVersion?: number;
+}): number;
+
 declare function TemplateExpertise(section: ExpertiseSection): ReactElement;
 declare function TemplateSpaces(section: SpacesSection): ReactElement;
 declare function TemplateConcerns(section: ConcernsSection): ReactElement;
@@ -106,4 +129,4 @@ interface SiteRendererProps {
  */
 declare function SiteRenderer(props: SiteRendererProps): ReactElement;
 
-export { BeforeAfterSection, ConcernsSection, ContactSection, CtaBannerSection, ExpertiseSection, FaqSection, FooterSection, HeroSection, HoursSection, PricingSection, ProcessSection, RichTextSection, type SectionComponent, ServicesSection, SiteConfig, SiteConfigInput, SiteRenderer, type SiteRendererProps, SpacesSection, TeamSection, TemplateBeforeAfter, TemplateConcerns, TemplateContact, TemplateCtaBanner, TemplateExpertise, TemplateFaq, TemplateFooter, TemplateHero, TemplateHours, TemplatePricing, TemplateProcess, TemplateRichText, TemplateServices, TemplateSpaces, TemplateTeam, TemplateTestimonials, TemplateTrust, TestimonialsSection, TrustSection, sectionThemeStyle };
+export { BeforeAfterSection, ConcernsSection, ContactSection, CtaBannerSection, ExpertiseSection, FaqSection, FooterSection, HeroSection, HoursSection, PricingSection, ProcessSection, RichTextSection, SITE_CONFIG_SCHEMA_VERSION, type SectionComponent, ServicesSection, SiteConfig, SiteConfigInput, SiteRenderer, type SiteRendererProps, SpacesSection, TeamSection, TemplateBeforeAfter, TemplateConcerns, TemplateContact, TemplateCtaBanner, TemplateExpertise, TemplateFaq, TemplateFooter, TemplateHero, TemplateHours, TemplatePricing, TemplateProcess, TemplateRichText, TemplateServices, TemplateSpaces, TemplateTeam, TemplateTestimonials, TemplateTrust, TestimonialsSection, TrustSection, resolveSiteConfigSchemaVersion, sectionThemeStyle };

package/dist/templates.js

@@ -20,12 +20,14 @@ import {
   TemplateTrust,
   sectionThemeStyle,
   themeToCssVars
-} from "./chunk-75LHSTKC.js";
+} from "./chunk-45KYMMDY.js";
 import "./chunk-U5AKACPN.js";
-import "./chunk-4LQPZDXZ.js";
+import "./chunk-LEHHSI6G.js";
+import "./chunk-6MFHA555.js";
+import "./chunk-FZK3EXYZ.js";
 import "./chunk-K62RR4UQ.js";
 import "./chunk-H46JUIHZ.js";
-import "./chunk-WWS43XCT.js";
+import "./chunk-Z3ZSCPG4.js";
 import "./chunk-FUA5H6JE.js";
 import {
   BUILTIN_SECTION_SCHEMAS,
@@ -47,6 +49,7 @@ import {
   ProcessSectionSchema,
   RichTextSectionSchema,
   SECTION_VARIANTS,
+  SITE_CONFIG_SCHEMA_VERSION,
   SectionSchema,
   ServicesSectionSchema,
   SiteConfigSchema,
@@ -55,9 +58,11 @@ import {
   TestimonialsSectionSchema,
   TrustSectionSchema,
   defineSiteConfig,
-  parseSiteConfig
-} from "./chunk-6PDZSFVZ.js";
-import "./chunk-F3G6RVIR.js";
+  parseSiteConfig,
+  resolveSiteConfigSchemaVersion
+} from "./chunk-GUV5WHD5.js";
+import "./chunk-OMXEU4LS.js";
+import "./chunk-YLSQAT6B.js";
 
 // src/templates/SiteRenderer.tsx
 import {
@@ -243,6 +248,7 @@ export {
   ProcessSectionSchema,
   RichTextSectionSchema,
   SECTION_VARIANTS,
+  SITE_CONFIG_SCHEMA_VERSION,
   SectionSchema,
   ServicesSectionSchema,
   SiteConfigSchema,
@@ -270,6 +276,7 @@ export {
   TrustSectionSchema,
   defineSiteConfig,
   parseSiteConfig,
+  resolveSiteConfigSchemaVersion,
   sectionThemeStyle,
   themeToCssVars
 };

package/dist/templates.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/templates/SiteRenderer.tsx"],"sourcesContent":["/**\n * `SiteRenderer` — `SiteConfig.pages[path]` 섹션 배열을 registry 로 렌더.\n *\n * ADR-0040 P2 + P0.5 RFC §①:\n * - 빌트인 registry + 클라 주입 `customSections` 머지. **빌트인이 우선** —\n *   클라가 빌트인 type 을 가로채 계약이 갈라지는 것 방지 (고유 섹션은 고유\n *   type 으로).\n * - **render-prop 금지**: 임의 JSX escape hatch 는 customSections registry 로만.\n * - **admin preview parity**: admin draft/preview 도 동일 `SiteRenderer` + 동일\n *   빌트인 registry 를 탄다. customSections 는 클라 repo 자산 — preview 에선\n *   미주입 → `unknownSection: \"placeholder\"` 로 skeleton 표시.\n * - cms-bound 섹션(blog-list/lead-form)은 `RootTaleBlogList`/`RootTaleLeadForm`\n *   위임 (단방향: templates → renderer 코어).\n */\nimport {\n  Fragment,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\n\nimport { RootTaleLeadForm } from \"../LeadForm.js\";\nimport { RootTaleBlogList } from \"../server.js\";\nimport {\n  TemplateConcerns,\n  TemplateExpertise,\n  TemplateSpaces,\n} from \"./professional-sections.js\";\nimport {\n  TemplateBeforeAfter,\n  TemplateContact,\n  TemplateCtaBanner,\n  TemplateFaq,\n  TemplateFooter,\n  TemplateHero,\n  TemplateHours,\n  TemplatePricing,\n  TemplateProcess,\n  TemplateRichText,\n  TemplateServices,\n  TemplateTeam,\n  TemplateTestimonials,\n  TemplateTrust,\n  sectionThemeStyle,\n} from \"./sections.js\";\nimport {\n  type BeforeAfterSection,\n  type BlogListSection,\n  type ConcernsSection,\n  type ContactSection,\n  type CtaBannerSection,\n  type ExpertiseSection,\n  type FaqSection,\n  type FooterSection,\n  type HeroSection,\n  type HoursSection,\n  type LeadFormSection,\n  type PricingSection,\n  type ProcessSection,\n  type RichTextSection,\n  type Section,\n  type ServicesSection,\n  type SpacesSection,\n  type SiteConfig,\n  type SiteConfigInput,\n  type TeamSection,\n  type TestimonialsSection,\n  type TrustSection,\n  parseSiteConfig,\n} from \"./site-config.js\";\n\n/** customSections registry 컴포넌트 계약 (RFC §①). */\nexport type SectionComponent = (p: {\n  id?: string;\n  props: Record<string, unknown>;\n  variant?: string;\n  theme?: Record<string, string>;\n}) => ReactNode;\n\nexport interface SiteRendererProps {\n  /** `defineSiteConfig()` 결과 또는 raw config (내부에서 검증). */\n  config: SiteConfig | SiteConfigInput;\n  /** 현재 페이지 경로 — `config.pages` 의 key (\"/\", \"/services\", …). */\n  path: string;\n  /** cms-bound 섹션(blog-list/lead-form 의 theme fetch) 위임용. 서버 전용. */\n  apiKey: string;\n  /** self-host 등 API base override (`ROOTTALE_API_BASE`). */\n  baseUrl?: string;\n  /** 클라 repo 고유 섹션 registry (escape hatch). 빌트인 type 은 가로챌 수 없음. */\n  customSections?: Record<string, SectionComponent>;\n  /**\n   * registry 에 없는 type 처리. 기본 \"warn-dev\" = dev 에서 경고 박스, prod 에서\n   * 생략. admin preview 는 \"placeholder\" (customSections 미주입 환경).\n   */\n  unknownSection?: \"warn-dev\" | \"placeholder\" | \"ignore\";\n}\n\nfunction isDev(): boolean {\n  // dts 빌드는 node types 없이 돈다 — process 는 globalThis 경유로 안전 접근.\n  const env =\n    (globalThis as { process?: { env?: Record<string, string | undefined> } })\n      .process?.env ?? {};\n  return env.NODE_ENV !== \"production\";\n}\n\nfunction UnknownSection({\n  type,\n  mode,\n}: {\n  type: string;\n  mode: \"warn-dev\" | \"placeholder\" | \"ignore\";\n}): ReactElement | null {\n  if (mode === \"ignore\") return null;\n  if (mode === \"placeholder\") {\n    return (\n      <section\n        data-roottale-tpl=\"placeholder\"\n        className=\"rt-tpl-section rt-tpl-placeholder\"\n        aria-hidden\n      >\n        <div className=\"rt-tpl-container\">\n          <div className=\"rt-tpl-placeholder-box\">{type}</div>\n        </div>\n      </section>\n    );\n  }\n  if (!isDev()) return null;\n  const style: CSSProperties = {\n    padding: \"1rem\",\n    border: \"1px dashed #c00\",\n    color: \"#c00\",\n  };\n  return (\n    <div style={style}>\n      알 수 없는 섹션 type: <code>{type}</code> — SiteRenderer 의 customSections\n      에 등록하세요.\n    </div>\n  );\n}\n\nfunction renderBuiltin(\n  section: Section,\n  ctx: { apiKey: string; baseUrl?: string },\n): ReactNode | undefined {\n  switch (section.type) {\n    case \"hero\":\n      return <TemplateHero {...(section as HeroSection)} />;\n    case \"rich-text\":\n      return <TemplateRichText {...(section as RichTextSection)} />;\n    case \"services\":\n      return <TemplateServices {...(section as ServicesSection)} />;\n    case \"faq\":\n      return <TemplateFaq {...(section as FaqSection)} />;\n    case \"footer\":\n      return <TemplateFooter {...(section as FooterSection)} />;\n    case \"cta-banner\":\n      return <TemplateCtaBanner {...(section as CtaBannerSection)} />;\n    case \"blog-list\": {\n      const s = section as BlogListSection;\n      const base = s.props.blogBasePath ?? \"/blog\";\n      return (\n        <section\n          data-roottale-tpl=\"blog-list\"\n          data-roottale-cms=\"list\"\n          id={s.id}\n          className=\"rt-tpl-section rt-tpl-blog-list\"\n          style={sectionThemeStyle(s.theme)}\n        >\n          <div className=\"rt-tpl-container\">\n            {s.props.heading ? (\n              <h2 className=\"rt-tpl-heading\">{s.props.heading}</h2>\n            ) : null}\n            <RootTaleBlogList\n              apiKey={ctx.apiKey}\n              baseUrl={ctx.baseUrl}\n              limit={s.props.limit}\n              emptyMessage={s.props.emptyMessage}\n              postHref={(post) => `${base}/${post.slug}`}\n            />\n          </div>\n        </section>\n      );\n    }\n    case \"lead-form\": {\n      const s = section as LeadFormSection;\n      return (\n        <section\n          data-roottale-tpl=\"lead-form\"\n          data-roottale-cms=\"lead-form\"\n          id={s.id}\n          className=\"rt-tpl-section rt-tpl-lead-form\"\n          style={sectionThemeStyle(s.theme)}\n        >\n          <div className=\"rt-tpl-container\">\n            <RootTaleLeadForm\n              action={s.props.action}\n              vertical={s.props.vertical}\n              heading={s.props.heading}\n              description={s.props.description}\n              submitLabel={s.props.submitLabel}\n            />\n          </div>\n        </section>\n      );\n    }\n    case \"trust\":\n      return <TemplateTrust {...(section as TrustSection)} />;\n    case \"contact\":\n      return <TemplateContact {...(section as ContactSection)} />;\n    case \"hours\":\n      return <TemplateHours {...(section as HoursSection)} />;\n    case \"pricing\":\n      return <TemplatePricing {...(section as PricingSection)} />;\n    case \"process\":\n      return <TemplateProcess {...(section as ProcessSection)} />;\n    case \"before-after\":\n      return <TemplateBeforeAfter {...(section as BeforeAfterSection)} />;\n    case \"testimonials\":\n      return <TemplateTestimonials {...(section as TestimonialsSection)} />;\n    case \"expertise\":\n      return <TemplateExpertise {...(section as ExpertiseSection)} />;\n    case \"spaces\":\n      return <TemplateSpaces {...(section as SpacesSection)} />;\n    case \"concerns\":\n      return <TemplateConcerns {...(section as ConcernsSection)} />;\n    case \"team\":\n      return <TemplateTeam {...(section as TeamSection)} />;\n    default:\n      return undefined;\n  }\n}\n\n/**\n * 한 페이지의 섹션 배열을 순서대로 렌더.\n *\n * ```tsx\n * // app/services/page.tsx\n * import config from \"@/site.config\";\n * import { SiteRenderer } from \"@roottale/cms-renderer-next/templates\";\n *\n * export default function ServicesPage() {\n *   return (\n *     <SiteRenderer config={config} path=\"/services\"\n *       apiKey={process.env.ROOTTALE_API_KEY!} />\n *   );\n * }\n * ```\n */\nexport function SiteRenderer(props: SiteRendererProps): ReactElement {\n  const {\n    path,\n    apiKey,\n    baseUrl,\n    customSections = {},\n    unknownSection = \"warn-dev\",\n  } = props;\n  const config = parseSiteConfig(props.config);\n  const sections = config.pages[path] ?? [];\n  return (\n    <>\n      {sections.length === 0 ? (\n        <UnknownSection\n          type={`pages[\"${path}\"] (섹션 0개)`}\n          mode={unknownSection}\n        />\n      ) : null}\n      {sections.map((section, i) => {\n        const key = section.id ?? `${section.type}-${i}`;\n        const builtin = renderBuiltin(section, { apiKey, baseUrl });\n        if (builtin !== undefined) {\n          return <Fragment key={key}>{builtin}</Fragment>;\n        }\n        const Custom = customSections[section.type];\n        if (Custom) {\n          return (\n            <Fragment key={key}>\n              {Custom({\n                id: section.id,\n                props: section.props as Record<string, unknown>,\n                variant: section.variant,\n                theme: section.theme,\n              })}\n            </Fragment>\n          );\n        }\n        return (\n          <UnknownSection key={key} type={section.type} mode={unknownSection} />\n        );\n      })}\n    </>\n  );\n}\n"],"mappings":"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","names":["Fragment"]}
+{"version":3,"sources":["../src/templates/SiteRenderer.tsx"],"sourcesContent":["/**\n * `SiteRenderer` — `SiteConfig.pages[path]` 섹션 배열을 registry 로 렌더.\n *\n * ADR-0040 P2 + P0.5 RFC §①:\n * - 빌트인 registry + 클라 주입 `customSections` 머지. **빌트인이 우선** —\n *   클라가 빌트인 type 을 가로채 계약이 갈라지는 것 방지 (고유 섹션은 고유\n *   type 으로).\n * - **render-prop 금지**: 임의 JSX escape hatch 는 customSections registry 로만.\n * - **admin preview parity**: admin draft/preview 도 동일 `SiteRenderer` + 동일\n *   빌트인 registry 를 탄다. customSections 는 클라 repo 자산 — preview 에선\n *   미주입 → `unknownSection: \"placeholder\"` 로 skeleton 표시.\n * - cms-bound 섹션(blog-list/lead-form)은 `RootTaleBlogList`/`RootTaleLeadForm`\n *   위임 (단방향: templates → renderer 코어).\n */\nimport {\n  Fragment,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\n\nimport { RootTaleLeadForm } from \"../LeadForm.js\";\nimport { RootTaleBlogList } from \"../server.js\";\nimport {\n  TemplateConcerns,\n  TemplateExpertise,\n  TemplateSpaces,\n} from \"./professional-sections.js\";\nimport {\n  TemplateBeforeAfter,\n  TemplateContact,\n  TemplateCtaBanner,\n  TemplateFaq,\n  TemplateFooter,\n  TemplateHero,\n  TemplateHours,\n  TemplatePricing,\n  TemplateProcess,\n  TemplateRichText,\n  TemplateServices,\n  TemplateTeam,\n  TemplateTestimonials,\n  TemplateTrust,\n  sectionThemeStyle,\n} from \"./sections.js\";\nimport {\n  type BeforeAfterSection,\n  type BlogListSection,\n  type ConcernsSection,\n  type ContactSection,\n  type CtaBannerSection,\n  type ExpertiseSection,\n  type FaqSection,\n  type FooterSection,\n  type HeroSection,\n  type HoursSection,\n  type LeadFormSection,\n  type PricingSection,\n  type ProcessSection,\n  type RichTextSection,\n  type Section,\n  type ServicesSection,\n  type SpacesSection,\n  type SiteConfig,\n  type SiteConfigInput,\n  type TeamSection,\n  type TestimonialsSection,\n  type TrustSection,\n  parseSiteConfig,\n} from \"./site-config.js\";\n\n/** customSections registry 컴포넌트 계약 (RFC §①). */\nexport type SectionComponent = (p: {\n  id?: string;\n  props: Record<string, unknown>;\n  variant?: string;\n  theme?: Record<string, string>;\n}) => ReactNode;\n\nexport interface SiteRendererProps {\n  /** `defineSiteConfig()` 결과 또는 raw config (내부에서 검증). */\n  config: SiteConfig | SiteConfigInput;\n  /** 현재 페이지 경로 — `config.pages` 의 key (\"/\", \"/services\", …). */\n  path: string;\n  /** cms-bound 섹션(blog-list/lead-form 의 theme fetch) 위임용. 서버 전용. */\n  apiKey: string;\n  /** self-host 등 API base override (`ROOTTALE_API_BASE`). */\n  baseUrl?: string;\n  /** 클라 repo 고유 섹션 registry (escape hatch). 빌트인 type 은 가로챌 수 없음. */\n  customSections?: Record<string, SectionComponent>;\n  /**\n   * registry 에 없는 type 처리. 기본 \"warn-dev\" = dev 에서 경고 박스, prod 에서\n   * 생략. admin preview 는 \"placeholder\" (customSections 미주입 환경).\n   */\n  unknownSection?: \"warn-dev\" | \"placeholder\" | \"ignore\";\n}\n\nfunction isDev(): boolean {\n  // dts 빌드는 node types 없이 돈다 — process 는 globalThis 경유로 안전 접근.\n  const env =\n    (globalThis as { process?: { env?: Record<string, string | undefined> } })\n      .process?.env ?? {};\n  return env.NODE_ENV !== \"production\";\n}\n\nfunction UnknownSection({\n  type,\n  mode,\n}: {\n  type: string;\n  mode: \"warn-dev\" | \"placeholder\" | \"ignore\";\n}): ReactElement | null {\n  if (mode === \"ignore\") return null;\n  if (mode === \"placeholder\") {\n    return (\n      <section\n        data-roottale-tpl=\"placeholder\"\n        className=\"rt-tpl-section rt-tpl-placeholder\"\n        aria-hidden\n      >\n        <div className=\"rt-tpl-container\">\n          <div className=\"rt-tpl-placeholder-box\">{type}</div>\n        </div>\n      </section>\n    );\n  }\n  if (!isDev()) return null;\n  const style: CSSProperties = {\n    padding: \"1rem\",\n    border: \"1px dashed #c00\",\n    color: \"#c00\",\n  };\n  return (\n    <div style={style}>\n      알 수 없는 섹션 type: <code>{type}</code> — SiteRenderer 의 customSections\n      에 등록하세요.\n    </div>\n  );\n}\n\nfunction renderBuiltin(\n  section: Section,\n  ctx: { apiKey: string; baseUrl?: string },\n): ReactNode | undefined {\n  switch (section.type) {\n    case \"hero\":\n      return <TemplateHero {...(section as HeroSection)} />;\n    case \"rich-text\":\n      return <TemplateRichText {...(section as RichTextSection)} />;\n    case \"services\":\n      return <TemplateServices {...(section as ServicesSection)} />;\n    case \"faq\":\n      return <TemplateFaq {...(section as FaqSection)} />;\n    case \"footer\":\n      return <TemplateFooter {...(section as FooterSection)} />;\n    case \"cta-banner\":\n      return <TemplateCtaBanner {...(section as CtaBannerSection)} />;\n    case \"blog-list\": {\n      const s = section as BlogListSection;\n      const base = s.props.blogBasePath ?? \"/blog\";\n      return (\n        <section\n          data-roottale-tpl=\"blog-list\"\n          data-roottale-cms=\"list\"\n          id={s.id}\n          className=\"rt-tpl-section rt-tpl-blog-list\"\n          style={sectionThemeStyle(s.theme)}\n        >\n          <div className=\"rt-tpl-container\">\n            {s.props.heading ? (\n              <h2 className=\"rt-tpl-heading\">{s.props.heading}</h2>\n            ) : null}\n            <RootTaleBlogList\n              apiKey={ctx.apiKey}\n              baseUrl={ctx.baseUrl}\n              limit={s.props.limit}\n              emptyMessage={s.props.emptyMessage}\n              postHref={(post) => `${base}/${post.slug}`}\n            />\n          </div>\n        </section>\n      );\n    }\n    case \"lead-form\": {\n      const s = section as LeadFormSection;\n      return (\n        <section\n          data-roottale-tpl=\"lead-form\"\n          data-roottale-cms=\"lead-form\"\n          id={s.id}\n          className=\"rt-tpl-section rt-tpl-lead-form\"\n          style={sectionThemeStyle(s.theme)}\n        >\n          <div className=\"rt-tpl-container\">\n            <RootTaleLeadForm\n              action={s.props.action}\n              vertical={s.props.vertical}\n              heading={s.props.heading}\n              description={s.props.description}\n              submitLabel={s.props.submitLabel}\n            />\n          </div>\n        </section>\n      );\n    }\n    case \"trust\":\n      return <TemplateTrust {...(section as TrustSection)} />;\n    case \"contact\":\n      return <TemplateContact {...(section as ContactSection)} />;\n    case \"hours\":\n      return <TemplateHours {...(section as HoursSection)} />;\n    case \"pricing\":\n      return <TemplatePricing {...(section as PricingSection)} />;\n    case \"process\":\n      return <TemplateProcess {...(section as ProcessSection)} />;\n    case \"before-after\":\n      return <TemplateBeforeAfter {...(section as BeforeAfterSection)} />;\n    case \"testimonials\":\n      return <TemplateTestimonials {...(section as TestimonialsSection)} />;\n    case \"expertise\":\n      return <TemplateExpertise {...(section as ExpertiseSection)} />;\n    case \"spaces\":\n      return <TemplateSpaces {...(section as SpacesSection)} />;\n    case \"concerns\":\n      return <TemplateConcerns {...(section as ConcernsSection)} />;\n    case \"team\":\n      return <TemplateTeam {...(section as TeamSection)} />;\n    default:\n      return undefined;\n  }\n}\n\n/**\n * 한 페이지의 섹션 배열을 순서대로 렌더.\n *\n * ```tsx\n * // app/services/page.tsx\n * import config from \"@/site.config\";\n * import { SiteRenderer } from \"@roottale/cms-renderer-next/templates\";\n *\n * export default function ServicesPage() {\n *   return (\n *     <SiteRenderer config={config} path=\"/services\"\n *       apiKey={process.env.ROOTTALE_API_KEY!} />\n *   );\n * }\n * ```\n */\nexport function SiteRenderer(props: SiteRendererProps): ReactElement {\n  const {\n    path,\n    apiKey,\n    baseUrl,\n    customSections = {},\n    unknownSection = \"warn-dev\",\n  } = props;\n  const config = parseSiteConfig(props.config);\n  const sections = config.pages[path] ?? [];\n  return (\n    <>\n      {sections.length === 0 ? (\n        <UnknownSection\n          type={`pages[\"${path}\"] (섹션 0개)`}\n          mode={unknownSection}\n        />\n      ) : null}\n      {sections.map((section, i) => {\n        const key = section.id ?? `${section.type}-${i}`;\n        const builtin = renderBuiltin(section, { apiKey, baseUrl });\n        if (builtin !== undefined) {\n          return <Fragment key={key}>{builtin}</Fragment>;\n        }\n        const Custom = customSections[section.type];\n        if (Custom) {\n          return (\n            <Fragment key={key}>\n              {Custom({\n                id: section.id,\n                props: section.props as Record<string, unknown>,\n                variant: section.variant,\n                theme: section.theme,\n              })}\n            </Fragment>\n          );\n        }\n        return (\n          <UnknownSection key={key} type={section.type} mode={unknownSection} />\n        );\n      })}\n    </>\n  );\n}\n"],"mappings":"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","names":["Fragment"]}