@roottale/cms-renderer-next 0.47.0 → 0.51.0

package/dist/spaces-client.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SpacesSection } from './site-config-Dicv57oY.js';
+import { S as SpacesSection } from './site-config-DNpvlqA5.js';
 import 'zod';
 
 type SpaceItem = SpacesSection["props"]["spaces"][number];

package/dist/team-expanding-stage-client.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { T as TeamSection } from './site-config-Dicv57oY.js';
+import { T as TeamSection } from './site-config-DNpvlqA5.js';
 import 'zod';
 
 type TeamMember = TeamSection["props"]["members"][number];

package/dist/team-expanding-stage-client.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   TeamExpandingStageClient
-} from "./chunk-FZK3EXYZ.js";
+} from "./chunk-4RQ3SEDL.js";
 export {
   TeamExpandingStageClient
 };

package/dist/templates.d.ts

@@ -1,9 +1,9 @@
-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-Dicv57oY.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-Dicv57oY.js';
+import { C as ConcernsSection, E as ExpertiseSection, S as SpacesSection, H as HeroSection, R as RichTextSection, a as ServicesSection, F as FooterSection, b as FaqSection, c as CtaBannerSection, d as TrustSection, e as TestimonialsSection, T as TeamSection, f as ContactSection, g as HoursSection, P as PricingSection, h as ProcessSection, B as BeforeAfterSection, i as SiteConfig, j as SiteConfigInput } from './site-config-DNpvlqA5.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-DNpvlqA5.js';
 export { R as RootTaleCssVars, t as themeToCssVars } from './theme-css-vars-CD3jcEkp.js';
 import { ReactElement, CSSProperties, ReactNode } from 'react';
+import { CmsPostContent } from '@roottale/cms-client/server';
 import 'zod';
-import '@roottale/cms-client/server';
 import '@roottale/ui-react/theme';
 
 /**
@@ -33,45 +33,39 @@ declare function TemplateExpertise(section: ExpertiseSection): ReactElement;
 declare function TemplateSpaces(section: SpacesSection): ReactElement;
 declare function TemplateConcerns(section: ConcernsSection): ReactElement;
 
-/**
- * 빌트인 섹션 템플릿 — MUI-free, 0 JS RSC (ADR-0040 P2).
- *
- * 클래스는 전부 `rt-tpl-*` prefix, 스코프는 섹션 루트의 `data-roottale-tpl`
- * (templates.css 가 `[data-roottale-tpl] :where(…)` 로 zero-specificity 적용 —
- * customer 는 plain class / Tailwind utility 로 자유 override, cms-public.css
- * 와 동일 계약).
- *
- * 토큰은 `--rt-*` CSS 변수 + 정적 fallback — `@roottale/tokens`(private) 미의존
- * (RFC §②). admin /design 값은 `RootTaleThemeProvider` 가 주입.
- * allow: SIZE_OK — W1-2 소유 계약이 Trust·Contact 템플릿을 이 파일에 고정한다.
- */
-
-/** 섹션 `theme`(--rt-* 변수 override)를 inline style 로. */
-declare function sectionThemeStyle(theme: Record<string, string> | undefined): CSSProperties | undefined;
 /** 빌트인 `hero`. variant: split(기본) / image / minimal / carousel. */
 declare function TemplateHero(section: HeroSection): ReactElement;
-/** 빌트인 `rich-text`. 문단은 `\n\n` 분리. */
+
 declare function TemplateRichText(section: RichTextSection): ReactElement;
-/** 빌트인 `services`. variant: grid(기본) / list / index-rows / split-featured. */
+
 declare function TemplateServices(section: ServicesSection): ReactElement;
+
 declare function TemplateFooter(section: FooterSection): ReactElement;
+
 /** 빌트인 `faq`. `<details>` 0 JS + FAQPage JSON-LD (기본 on). */
 declare function TemplateFaq(section: FaqSection): ReactElement;
+
 /** 빌트인 `cta-banner`. variant: default(기본) / photo-overlay. */
 declare function TemplateCtaBanner(section: CtaBannerSection): ReactElement;
+
 declare function TemplateTrust(section: TrustSection): ReactElement;
-/**
- * 빌트인 `testimonials`(C11 + W8-7). variant: editorial-quote(기본) /
- * quote-rail / star-compact.
- */
+
 declare function TemplateTestimonials(section: TestimonialsSection): ReactElement;
+
 declare function TemplateTeam(section: TeamSection): ReactElement;
+
 declare function TemplateContact(section: ContactSection): ReactElement;
+
 declare function TemplateHours(section: HoursSection): ReactElement;
+
 declare function TemplatePricing(section: PricingSection): ReactElement;
+
 declare function TemplateProcess(section: ProcessSection): ReactElement;
+
 declare function TemplateBeforeAfter(section: BeforeAfterSection): ReactElement;
 
+declare function sectionThemeStyle(theme: Record<string, string> | undefined): CSSProperties | undefined;
+
 /**
  * `SiteRenderer` — `SiteConfig.pages[path]` 섹션 배열을 registry 로 렌더.
  *
@@ -129,4 +123,49 @@ interface SiteRendererProps {
  */
 declare function SiteRenderer(props: SiteRendererProps): ReactElement;
 
-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 };
+declare function registerSectionTemplates(): void;
+
+/**
+ * 섹션 렌더러 주입 지점 — ADR-0040 P2 단방향 계약(코어 ◄ templates).
+ *
+ * 본문(tiptap) 안의 `section` 노드는 `templates/` 의 컴포넌트로 그려야 하는데,
+ * 코어가 `templates/` 를 직접 import 하면 P3+ `site-kit` 분리 시 순환·번들
+ * 오염이 된다(dependency-cruiser `no-renderer-core-to-templates`). 그래서 코어는
+ * "섹션을 그리는 함수" 의 자리만 비워두고, `@roottale/cms-renderer-next/templates`
+ * 를 import 하는 쪽에서 채운다(그 배럴이 로드 시 자동 등록).
+ *
+ * 등록 없이 `section` 노드를 만나면 dev 경고 후 skip — 미지 섹션 타입을 만났을
+ * 때와 같은 fail-soft 동작이다.
+ */
+
+/** 발행 API 호출에 필요한 최소 컨텍스트(공개 키 + 베이스 URL). */
+type CmsBoundContext = {
+    apiKey: string;
+    baseUrl?: string;
+};
+type BlogListProps = {
+    apiKey: string;
+    baseUrl?: string;
+    limit?: number;
+    emptyMessage?: string;
+    postHref?: (post: CmsPostContent) => string;
+};
+type SectionRenderContext = {
+    cms: CmsBoundContext | null;
+    renderBlogList: (props: BlogListProps) => ReactNode;
+    isDev: () => boolean;
+};
+
+/**
+ * `section` 노드 → 템플릿 컴포넌트 매핑. ADR-0040 P2 단방향 계약에 따라 코어가
+ * 아니라 templates 계층에 산다 — 코어(`section-render-context.ts`)는 이 함수의
+ * 자리만 비워두고, templates 배럴이 로드되며 주입한다.
+ */
+
+type TiptapNode = {
+    type?: string;
+    attrs?: Record<string, unknown>;
+};
+declare function renderSectionNode(node: TiptapNode, key: number, context: SectionRenderContext): ReactElement | null;
+
+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, registerSectionTemplates, renderSectionNode, resolveSiteConfigSchemaVersion, sectionThemeStyle };

package/dist/templates.js

@@ -18,18 +18,22 @@ import {
   TemplateTeam,
   TemplateTestimonials,
   TemplateTrust,
+  registerSectionTemplates,
+  renderSectionNode,
   sectionThemeStyle,
   themeToCssVars
-} from "./chunk-ZHXYCABN.js";
+} from "./chunk-2QU4JU46.js";
+import "./chunk-VG6UUF4D.js";
+import "./chunk-QYNEOFL7.js";
 import "./chunk-U5AKACPN.js";
 import "./chunk-LEHHSI6G.js";
-import "./chunk-6MFHA555.js";
-import "./chunk-FZK3EXYZ.js";
+import "./chunk-27RT6B3O.js";
+import "./chunk-YLSQAT6B.js";
+import "./chunk-4RQ3SEDL.js";
 import "./chunk-K62RR4UQ.js";
 import "./chunk-H46JUIHZ.js";
 import "./chunk-ZL2NA3QT.js";
-import "./chunk-VG6UUF4D.js";
-import "./chunk-FUA5H6JE.js";
+import "./chunk-U2IM6OCQ.js";
 import {
   BUILTIN_SECTION_SCHEMAS,
   BUILTIN_SECTION_TYPES,
@@ -62,8 +66,6 @@ import {
   parseSiteConfig,
   resolveSiteConfigSchemaVersion
 } from "./chunk-UM37DOIK.js";
-import "./chunk-OMXEU4LS.js";
-import "./chunk-YLSQAT6B.js";
 
 // src/templates/SiteRenderer.tsx
 import {
@@ -229,6 +231,9 @@ function SiteRenderer(props) {
     })
   ] });
 }
+
+// src/templates/index.ts
+registerSectionTemplates();
 export {
   BUILTIN_SECTION_SCHEMAS,
   BUILTIN_SECTION_TYPES,
@@ -277,6 +282,8 @@ export {
   TrustSectionSchema,
   defineSiteConfig,
   parseSiteConfig,
+  registerSectionTemplates,
+  renderSectionNode,
   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","../src/templates/index.ts"],"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","/**\n * `@roottale/cms-renderer-next/templates` — config-driven 사이트 템플릿\n * (ADR-0040 P2, P0.5 RFC §①).\n *\n * canonical `SiteConfig`(zod) + MUI-free 섹션 템플릿 + `SiteRenderer`.\n * CSS 는 root layout 에서 명시적으로:\n *   `import \"@roottale/cms-renderer-next/templates/styles\";`\n * (cms-public.css 와 동일하게 side-effect import 하지 않음 — `<head>` 삽입\n * 순서 계약은 RFC §③: tokens → emotion → cms styles/templates → globals.)\n *\n * 별 패키지(`@roottale/site-kit`) 분리는 RFC §② 기준 충족 시 P3+ — 그때까지\n * 본 서브패스가 유일 진입점.\n */\nexport {\n  BUILTIN_SECTION_SCHEMAS,\n  BUILTIN_SECTION_TYPES,\n  SITE_CONFIG_SCHEMA_VERSION,\n  resolveSiteConfigSchemaVersion,\n  BeforeAfterSectionSchema,\n  BlogListSectionSchema,\n  ContactSectionSchema,\n  ConcernsSectionSchema,\n  CtaBannerSectionSchema,\n  CustomSectionSchema,\n  ExpertiseSectionSchema,\n  FaqSectionSchema,\n  FooterSectionSchema,\n  HeroSectionSchema,\n  HoursSectionSchema,\n  LeadFormSectionSchema,\n  NavItemSchema,\n  PricingSectionSchema,\n  ProcessSectionSchema,\n  RichTextSectionSchema,\n  SECTION_VARIANTS,\n  SectionSchema,\n  ServicesSectionSchema,\n  SiteConfigSchema,\n  SpacesSectionSchema,\n  TeamSectionSchema,\n  TestimonialsSectionSchema,\n  TrustSectionSchema,\n  defineSiteConfig,\n  parseSiteConfig,\n  type BeforeAfterSection,\n  type BlogListSection,\n  type ContactSection,\n  type ConcernsSection,\n  type CtaBannerSection,\n  type CustomSection,\n  type ExpertiseSection,\n  type FaqSection,\n  type FooterSection,\n  type HeroSection,\n  type HoursSection,\n  type LeadFormSection,\n  type NavItem,\n  type PricingSection,\n  type ProcessSection,\n  type RichTextSection,\n  type Section,\n  type SectionCta,\n  type SectionInput,\n  type ServicesSection,\n  type SiteConfig,\n  type SiteConfigInput,\n  type SpacesSection,\n  type TeamSection,\n  type TestimonialsSection,\n  type TrustSection,\n} from \"./site-config.js\";\n\nexport { themeToCssVars, type RootTaleCssVars } from \"../theme-css-vars.js\";\n\nexport {\n  TemplateConcerns,\n  TemplateExpertise,\n  TemplateSpaces,\n} from \"./professional-sections.js\";\n\nexport {\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\";\n\nexport {\n  SiteRenderer,\n  type SectionComponent,\n  type SiteRendererProps,\n} from \"./SiteRenderer.js\";\n\n/**\n * 이 배럴만 쓰는 경로(SiteRenderer 등)에서도 본문 `section` 노드가 그려지도록\n * 로드 시 등록한다. `/server` 진입점도 같은 등록을 하므로 중복 호출이지만\n * 같은 함수를 다시 넣을 뿐이라 무해하다.\n */\nimport { registerSectionTemplates } from \"./register.js\";\n\nregisterSectionTemplates();\n\nexport { registerSectionTemplates };\nexport { renderSectionNode } from \"./render-section-node.js\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA;AAAA,EACE;AAAA,OAIK;AAsGG,SA0IN,YAAAA,WA1IM,KAYN,YAZM;AAxBV,SAAS,QAAiB;AAExB,QAAM,MACH,WACE,SAAS,OAAO,CAAC;AACtB,SAAO,IAAI,aAAa;AAC1B;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AACF,GAGwB;AACtB,MAAI,SAAS,SAAU,QAAO;AAC9B,MAAI,SAAS,eAAe;AAC1B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,qBAAkB;AAAA,QAClB,WAAU;AAAA,QACV,eAAW;AAAA,QAEX,8BAAC,SAAI,WAAU,oBACb,8BAAC,SAAI,WAAU,0BAA0B,gBAAK,GAChD;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,MAAI,CAAC,MAAM,EAAG,QAAO;AACrB,QAAM,QAAuB;AAAA,IAC3B,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACA,SACE,qBAAC,SAAI,OAAc;AAAA;AAAA,IACD,oBAAC,UAAM,gBAAK;AAAA,IAAO;AAAA,KAErC;AAEJ;AAEA,SAAS,cACP,SACA,KACuB;AACvB,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK;AACH,aAAO,oBAAC,gBAAc,GAAI,SAAyB;AAAA,IACrD,KAAK;AACH,aAAO,oBAAC,oBAAkB,GAAI,SAA6B;AAAA,IAC7D,KAAK;AACH,aAAO,oBAAC,oBAAkB,GAAI,SAA6B;AAAA,IAC7D,KAAK;AACH,aAAO,oBAAC,eAAa,GAAI,SAAwB;AAAA,IACnD,KAAK;AACH,aAAO,oBAAC,kBAAgB,GAAI,SAA2B;AAAA,IACzD,KAAK;AACH,aAAO,oBAAC,qBAAmB,GAAI,SAA8B;AAAA,IAC/D,KAAK,aAAa;AAChB,YAAM,IAAI;AACV,YAAM,OAAO,EAAE,MAAM,gBAAgB;AACrC,aACE;AAAA,QAAC;AAAA;AAAA,UACC,qBAAkB;AAAA,UAClB,qBAAkB;AAAA,UAClB,IAAI,EAAE;AAAA,UACN,WAAU;AAAA,UACV,OAAO,kBAAkB,EAAE,KAAK;AAAA,UAEhC,+BAAC,SAAI,WAAU,oBACZ;AAAA,cAAE,MAAM,UACP,oBAAC,QAAG,WAAU,kBAAkB,YAAE,MAAM,SAAQ,IAC9C;AAAA,YACJ;AAAA,cAAC;AAAA;AAAA,gBACC,QAAQ,IAAI;AAAA,gBACZ,SAAS,IAAI;AAAA,gBACb,OAAO,EAAE,MAAM;AAAA,gBACf,cAAc,EAAE,MAAM;AAAA,gBACtB,UAAU,CAAC,SAAS,GAAG,IAAI,IAAI,KAAK,IAAI;AAAA;AAAA,YAC1C;AAAA,aACF;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,IACA,KAAK,aAAa;AAChB,YAAM,IAAI;AACV,aACE;AAAA,QAAC;AAAA;AAAA,UACC,qBAAkB;AAAA,UAClB,qBAAkB;AAAA,UAClB,IAAI,EAAE;AAAA,UACN,WAAU;AAAA,UACV,OAAO,kBAAkB,EAAE,KAAK;AAAA,UAEhC,8BAAC,SAAI,WAAU,oBACb;AAAA,YAAC;AAAA;AAAA,cACC,QAAQ,EAAE,MAAM;AAAA,cAChB,UAAU,EAAE,MAAM;AAAA,cAClB,SAAS,EAAE,MAAM;AAAA,cACjB,aAAa,EAAE,MAAM;AAAA,cACrB,aAAa,EAAE,MAAM;AAAA;AAAA,UACvB,GACF;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,IACA,KAAK;AACH,aAAO,oBAAC,iBAAe,GAAI,SAA0B;AAAA,IACvD,KAAK;AACH,aAAO,oBAAC,mBAAiB,GAAI,SAA4B;AAAA,IAC3D,KAAK;AACH,aAAO,oBAAC,iBAAe,GAAI,SAA0B;AAAA,IACvD,KAAK;AACH,aAAO,oBAAC,mBAAiB,GAAI,SAA4B;AAAA,IAC3D,KAAK;AACH,aAAO,oBAAC,mBAAiB,GAAI,SAA4B;AAAA,IAC3D,KAAK;AACH,aAAO,oBAAC,uBAAqB,GAAI,SAAgC;AAAA,IACnE,KAAK;AACH,aAAO,oBAAC,wBAAsB,GAAI,SAAiC;AAAA,IACrE,KAAK;AACH,aAAO,oBAAC,qBAAmB,GAAI,SAA8B;AAAA,IAC/D,KAAK;AACH,aAAO,oBAAC,kBAAgB,GAAI,SAA2B;AAAA,IACzD,KAAK;AACH,aAAO,oBAAC,oBAAkB,GAAI,SAA6B;AAAA,IAC7D,KAAK;AACH,aAAO,oBAAC,gBAAc,GAAI,SAAyB;AAAA,IACrD;AACE,aAAO;AAAA,EACX;AACF;AAkBO,SAAS,aAAa,OAAwC;AACnE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,iBAAiB;AAAA,EACnB,IAAI;AACJ,QAAM,SAAS,gBAAgB,MAAM,MAAM;AAC3C,QAAM,WAAW,OAAO,MAAM,IAAI,KAAK,CAAC;AACxC,SACE,qBAAAA,WAAA,EACG;AAAA,aAAS,WAAW,IACnB;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,UAAU,IAAI;AAAA,QACpB,MAAM;AAAA;AAAA,IACR,IACE;AAAA,IACH,SAAS,IAAI,CAAC,SAAS,MAAM;AAC5B,YAAM,MAAM,QAAQ,MAAM,GAAG,QAAQ,IAAI,IAAI,CAAC;AAC9C,YAAM,UAAU,cAAc,SAAS,EAAE,QAAQ,QAAQ,CAAC;AAC1D,UAAI,YAAY,QAAW;AACzB,eAAO,oBAAC,YAAoB,qBAAN,GAAc;AAAA,MACtC;AACA,YAAM,SAAS,eAAe,QAAQ,IAAI;AAC1C,UAAI,QAAQ;AACV,eACE,oBAAC,YACE,iBAAO;AAAA,UACN,IAAI,QAAQ;AAAA,UACZ,OAAO,QAAQ;AAAA,UACf,SAAS,QAAQ;AAAA,UACjB,OAAO,QAAQ;AAAA,QACjB,CAAC,KANY,GAOf;AAAA,MAEJ;AACA,aACE,oBAAC,kBAAyB,MAAM,QAAQ,MAAM,MAAM,kBAA/B,GAA+C;AAAA,IAExE,CAAC;AAAA,KACH;AAEJ;;;ACpLA,yBAAyB;","names":["Fragment"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roottale/cms-renderer-next",
-  "version": "0.47.0",
+  "version": "0.51.0",
   "type": "module",
   "description": "RootTale CMS public-render React/Next.js Server Components. SSR-only RSC components (RootTaleBlogList / RootTaleBlogPost / RootTaleLeadForm) for external customer sites.",
   "main": "./dist/index.js",
@@ -44,6 +44,11 @@
       "import": "./dist/seo-checks.js",
       "default": "./dist/seo-checks.js"
     },
+    "./seo-asset-hosts": {
+      "types": "./dist/seo-asset-hosts.d.ts",
+      "import": "./dist/seo-asset-hosts.js",
+      "default": "./dist/seo-asset-hosts.js"
+    },
     "./styles": "./dist/cms-public.css",
     "./templates/styles": "./dist/templates.css",
     "./package.json": "./package.json"
@@ -57,7 +62,7 @@
     "embla-carousel-react": "^8.6.0",
     "motion": "^12.24.12",
     "zod": "^3.23.8",
-    "@roottale/cms-client": "^0.47.0",
+    "@roottale/cms-client": "^0.51.0",
     "@roottale/cms-core": "^0.46.0"
   },
   "peerDependencies": {

package/dist/chunk-6MFHA555.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/templates/expertise-client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\n\nimport type { ExpertiseSection } from \"./site-config.js\";\nimport { useRovingTablist } from \"./use-roving-tablist.js\";\n\ntype ExpertiseItem = ExpertiseSection[\"props\"][\"items\"][number];\n\n/**\n * `expertise` `tab-stage` variant — 좌측 탭 목록(항상 세로 1열, templates.css\n * `.rt-tpl-expertise-tabs`) + 우측 상세 패널. 키보드 계약은 WAI-ARIA APG\n * tablist 패턴(roving tabindex, 단일 tab stop) — `use-roving-tablist.ts` 공용\n * hook 사용(D4, 적대 리뷰 R1 실측 지적 대응).\n */\nexport function ExpertiseTabStage({\n  items,\n}: {\n  readonly items: readonly ExpertiseItem[];\n}) {\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  const selected = items[selectedIndex] ?? items[0];\n\n  const { getTabProps, onKeyDown } = useRovingTablist<HTMLButtonElement>({\n    count: items.length,\n    selectedIndex,\n    onSelect: setSelectedIndex,\n    // 레이아웃은 항상 세로 1열(templates.css)이지만 좌우 화살표도 관대하게\n    // 허용 — 반응형 변형이나 향후 가로 배치 재사용에도 동일 훅이 그대로 맞는다.\n    orientation: \"both\",\n  });\n\n  if (!selected) return null;\n\n  return (\n    <div className=\"rt-tpl-expertise-stage\">\n      <div\n        className=\"rt-tpl-expertise-tabs\"\n        role=\"tablist\"\n        aria-label=\"전문 분야 선택\"\n        aria-orientation=\"vertical\"\n        onKeyDown={onKeyDown}\n      >\n        {items.map((item, index) => {\n          const active = index === selectedIndex;\n          const tabProps = getTabProps(index);\n          return (\n            <button\n              key={item.id}\n              type=\"button\"\n              role=\"tab\"\n              className=\"rt-tpl-expertise-tab\"\n              aria-selected={active}\n              aria-controls={`rt-expertise-panel-${item.id}`}\n              id={`rt-expertise-tab-${item.id}`}\n              data-active={active ? \"true\" : \"false\"}\n              tabIndex={tabProps.tabIndex}\n              ref={tabProps.ref}\n              onClick={() => setSelectedIndex(index)}\n            >\n              <span className=\"rt-tpl-expertise-tab-label\">{item.label}</span>\n              <span className=\"rt-tpl-expertise-tab-title\">{item.title}</span>\n            </button>\n          );\n        })}\n      </div>\n      <article\n        className=\"rt-tpl-expertise-panel\"\n        role=\"tabpanel\"\n        id={`rt-expertise-panel-${selected.id}`}\n        aria-labelledby={`rt-expertise-tab-${selected.id}`}\n        tabIndex={0}\n      >\n        {selected.imageSrc ? (\n          <img\n            className=\"rt-tpl-expertise-panel-img\"\n            src={selected.imageSrc}\n            alt={selected.imageAlt ?? \"\"}\n            loading=\"lazy\"\n          />\n        ) : null}\n        <div className=\"rt-tpl-expertise-panel-body\">\n          {selected.kicker ? (\n            <p className=\"rt-tpl-expertise-kicker\">{selected.kicker}</p>\n          ) : null}\n          <h3 className=\"rt-tpl-expertise-title\">{selected.title}</h3>\n          <p className=\"rt-tpl-expertise-body\">{selected.body}</p>\n          {selected.tags ? (\n            <ul className=\"rt-tpl-expertise-tags\" aria-label={`${selected.title} 태그`}>\n              {selected.tags.map((tag) => (\n                <li key={tag}>{tag}</li>\n              ))}\n            </ul>\n          ) : null}\n          {selected.href ? (\n            <a className=\"rt-tpl-expertise-cta\" href={selected.href}>\n              {selected.ctaLabel ?? \"자세히 보기\"}\n            </a>\n          ) : null}\n        </div>\n      </article>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAEA,SAAS,gBAAgB;AA6Cb,SAaE,KAbF;AAhCL,SAAS,kBAAkB;AAAA,EAChC;AACF,GAEG;AACD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AACpD,QAAM,WAAW,MAAM,aAAa,KAAK,MAAM,CAAC;AAEhD,QAAM,EAAE,aAAa,UAAU,IAAI,iBAAoC;AAAA,IACrE,OAAO,MAAM;AAAA,IACb;AAAA,IACA,UAAU;AAAA;AAAA;AAAA,IAGV,aAAa;AAAA,EACf,CAAC;AAED,MAAI,CAAC,SAAU,QAAO;AAEtB,SACE,qBAAC,SAAI,WAAU,0BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAW;AAAA,QACX,oBAAiB;AAAA,QACjB;AAAA,QAEC,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,gBAAM,SAAS,UAAU;AACzB,gBAAM,WAAW,YAAY,KAAK;AAClC,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,WAAU;AAAA,cACV,iBAAe;AAAA,cACf,iBAAe,sBAAsB,KAAK,EAAE;AAAA,cAC5C,IAAI,oBAAoB,KAAK,EAAE;AAAA,cAC/B,eAAa,SAAS,SAAS;AAAA,cAC/B,UAAU,SAAS;AAAA,cACnB,KAAK,SAAS;AAAA,cACd,SAAS,MAAM,iBAAiB,KAAK;AAAA,cAErC;AAAA,oCAAC,UAAK,WAAU,8BAA8B,eAAK,OAAM;AAAA,gBACzD,oBAAC,UAAK,WAAU,8BAA8B,eAAK,OAAM;AAAA;AAAA;AAAA,YAbpD,KAAK;AAAA,UAcZ;AAAA,QAEJ,CAAC;AAAA;AAAA,IACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,IAAI,sBAAsB,SAAS,EAAE;AAAA,QACrC,mBAAiB,oBAAoB,SAAS,EAAE;AAAA,QAChD,UAAU;AAAA,QAET;AAAA,mBAAS,WACR;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,KAAK,SAAS;AAAA,cACd,KAAK,SAAS,YAAY;AAAA,cAC1B,SAAQ;AAAA;AAAA,UACV,IACE;AAAA,UACJ,qBAAC,SAAI,WAAU,+BACZ;AAAA,qBAAS,SACR,oBAAC,OAAE,WAAU,2BAA2B,mBAAS,QAAO,IACtD;AAAA,YACJ,oBAAC,QAAG,WAAU,0BAA0B,mBAAS,OAAM;AAAA,YACvD,oBAAC,OAAE,WAAU,yBAAyB,mBAAS,MAAK;AAAA,YACnD,SAAS,OACR,oBAAC,QAAG,WAAU,yBAAwB,cAAY,GAAG,SAAS,KAAK,iBAChE,mBAAS,KAAK,IAAI,CAAC,QAClB,oBAAC,QAAc,iBAAN,GAAU,CACpB,GACH,IACE;AAAA,YACH,SAAS,OACR,oBAAC,OAAE,WAAU,wBAAuB,MAAM,SAAS,MAChD,mBAAS,YAAY,mCACxB,IACE;AAAA,aACN;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-FUA5H6JE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/blog-filter.ts"],"sourcesContent":["/**\n * `RootTaleBlogList` 카테고리 필터 — 순수 헬퍼(서버 필터, client JS 불요).\n *\n * SSR-only 정책 유지: 필터는 `?category=<slug>` URL 파라미터로 동작하고(칩 =\n * 서버 렌더 `<a>` 링크), consumer 가 searchParams 의 category 를 `activeCategory`\n * 로 주입한다. hydration 없이 SEO 친화 + 공유 가능한 URL.\n */\n\nimport type { CmsPostContent, CmsTermRef } from \"@roottale/cms-client/server\";\n\nexport interface BlogCategory {\n  name: string;\n  slug: string;\n}\n\nexport interface BlogCategoryWithCount extends BlogCategory {\n  count: number;\n}\n\nfunction categoryTerms(post: CmsPostContent): CmsTermRef[] {\n  return (post.terms ?? []).filter((t) => t.taxonomy === \"category\");\n}\n\n/**\n * 글 목록에 등장하는 카테고리를 slug 기준 unique 로 수집. 서버가 보내는 정렬\n * (category → name asc)을 보존하기 위해 처음 등장 순서를 유지한다.\n */\nexport function collectCategories(posts: CmsPostContent[]): BlogCategory[] {\n  return collectCategoriesWithCounts(posts).map(({ name, slug }) => ({\n    name,\n    slug,\n  }));\n}\n\nexport function collectCategoriesWithCounts(\n  posts: CmsPostContent[],\n): BlogCategoryWithCount[] {\n  const bySlug = new Map<string, BlogCategoryWithCount>();\n  const out: BlogCategoryWithCount[] = [];\n  for (const post of posts) {\n    for (const t of categoryTerms(post)) {\n      const current = bySlug.get(t.slug);\n      if (current) {\n        current.count += 1;\n      } else {\n        const category = { name: t.name, slug: t.slug, count: 1 };\n        bySlug.set(t.slug, category);\n        out.push(category);\n      }\n    }\n  }\n  return out;\n}\n\n/** activeSlug 가 비면 전체 반환. 아니면 그 카테고리를 가진 글만. */\nexport function filterPostsByCategory(\n  posts: CmsPostContent[],\n  activeSlug: string | null | undefined,\n): CmsPostContent[] {\n  if (!activeSlug) return posts;\n  return posts.filter((p) => categoryTerms(p).some((t) => t.slug === activeSlug));\n}\n\n/** 기본 카테고리 링크: 전체 → `/blog`, 특정 → `/blog/categories/<slug>`. */\nexport function defaultCategoryHref(slug: string | null): string {\n  return slug ? `/blog/categories/${encodeURIComponent(slug)}` : \"/blog\";\n}\n\n// ── Collections (ADR-0060) — cms-core 라우팅 프리미티브 재export + 렌더 헬퍼 ──────\n//\n// 라우팅 코어(RouteCollection/resolvePostCollection/resolvePostUrl/postsForCollection/\n// validateCollections)는 `@roottale/cms-core` 에 있어 next/astro 가 공유한다\n// (ADR-0029 parity — codex consult `019ef577` 반영). 여기서는 next 소비자 편의를\n// 위해 재export + CmsPostContent 기반 스트림 스코프 카테고리 집계만 추가한다.\nimport {\n  type RouteCollection,\n  postsForCollection,\n} from \"@roottale/cms-core\";\n\nexport {\n  type RouteCollection,\n  type RoutablePost,\n  isInCollectionMode,\n  resolvePostCollection,\n  resolvePostUrl,\n  postsForCollection,\n  postsInAnyCollection,\n  validateCollections,\n} from \"@roottale/cms-core\";\n\n/**\n * 특정 collection 안에서 등장하는 카테고리 집계 — 그 스트림의 카테고리 칩/아카이브용.\n * **전체 정렬 리스트로 first-wins 해석**해 그 스트림에 최종 귀속된 글만 대상(한 글이\n * 여러 스트림 리스트에 중복되는 것을 방지 — codex 지적).\n */\nexport function collectCollectionCategories(\n  posts: CmsPostContent[],\n  collections: readonly RouteCollection[],\n  key: string,\n): BlogCategoryWithCount[] {\n  const owned = postsForCollection(posts, collections, key);\n  const collection = collections.find((c) => c.key === key);\n  const allowed = new Set(collection?.categories ?? []);\n  return collectCategoriesWithCounts(owned).filter((c) => allowed.has(c.slug));\n}\n"],"mappings":";AA0EA;AAAA,EAEE;AAAA,OACK;AAEP;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAAA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AArEP,SAAS,cAAc,MAAoC;AACzD,UAAQ,KAAK,SAAS,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,aAAa,UAAU;AACnE;AAMO,SAAS,kBAAkB,OAAyC;AACzE,SAAO,4BAA4B,KAAK,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,OAAO;AAAA,IACjE;AAAA,IACA;AAAA,EACF,EAAE;AACJ;AAEO,SAAS,4BACd,OACyB;AACzB,QAAM,SAAS,oBAAI,IAAmC;AACtD,QAAM,MAA+B,CAAC;AACtC,aAAW,QAAQ,OAAO;AACxB,eAAW,KAAK,cAAc,IAAI,GAAG;AACnC,YAAM,UAAU,OAAO,IAAI,EAAE,IAAI;AACjC,UAAI,SAAS;AACX,gBAAQ,SAAS;AAAA,MACnB,OAAO;AACL,cAAM,WAAW,EAAE,MAAM,EAAE,MAAM,MAAM,EAAE,MAAM,OAAO,EAAE;AACxD,eAAO,IAAI,EAAE,MAAM,QAAQ;AAC3B,YAAI,KAAK,QAAQ;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAGO,SAAS,sBACd,OACA,YACkB;AAClB,MAAI,CAAC,WAAY,QAAO;AACxB,SAAO,MAAM,OAAO,CAAC,MAAM,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,UAAU,CAAC;AAChF;AAGO,SAAS,oBAAoB,MAA6B;AAC/D,SAAO,OAAO,oBAAoB,mBAAmB,IAAI,CAAC,KAAK;AACjE;AA6BO,SAAS,4BACd,OACA,aACA,KACyB;AACzB,QAAM,QAAQ,mBAAmB,OAAO,aAAa,GAAG;AACxD,QAAM,aAAa,YAAY,KAAK,CAAC,MAAM,EAAE,QAAQ,GAAG;AACxD,QAAM,UAAU,IAAI,IAAI,YAAY,cAAc,CAAC,CAAC;AACpD,SAAO,4BAA4B,KAAK,EAAE,OAAO,CAAC,MAAM,QAAQ,IAAI,EAAE,IAAI,CAAC;AAC7E;","names":["postsForCollection"]}

package/dist/chunk-FZK3EXYZ.js

@@ -1,103 +0,0 @@
-"use client";
-
-// src/templates/team-expanding-stage-client.tsx
-import { useState } from "react";
-import { useReducedMotion } from "motion/react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function memberInitials(name) {
-  const parts = name.trim().split(/\s+/).filter(Boolean);
-  if (parts.length === 0) return "?";
-  const initials = parts.slice(0, 2).map((part) => part.at(0) ?? "").join("");
-  return initials || "?";
-}
-function TeamExpandingStageClient({
-  members
-}) {
-  const [activeIndex, setActiveIndex] = useState(0);
-  const reducedMotion = useReducedMotion();
-  if (members.length === 0) return null;
-  const activate = (index) => setActiveIndex(index);
-  const onItemKeyDown = (event, index) => {
-    if ((event.key === "Enter" || event.key === " ") && index !== activeIndex) {
-      event.preventDefault();
-      activate(index);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    "ul",
-    {
-      className: "rt-tpl-team-expanding-stage",
-      "data-reduced-motion": reducedMotion ? "true" : "false",
-      children: members.map((member, index) => {
-        const active = index === activeIndex;
-        return /* @__PURE__ */ jsxs(
-          "li",
-          {
-            className: "rt-tpl-team-expanding-item",
-            "data-active": active ? "true" : "false",
-            tabIndex: 0,
-            onMouseEnter: () => activate(index),
-            onFocus: () => activate(index),
-            onClick: (event) => {
-              if (!active) event.preventDefault();
-              activate(index);
-            },
-            onKeyDown: (event) => onItemKeyDown(event, index),
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "rt-tpl-team-expanding-index", "aria-hidden": "true", children: String(index + 1).padStart(2, "0") }),
-              member.photoSrc ? /* @__PURE__ */ jsx(
-                "img",
-                {
-                  className: "rt-tpl-team-expanding-photo",
-                  src: member.photoSrc,
-                  alt: member.photoAlt ?? "",
-                  loading: "lazy"
-                }
-              ) : /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "rt-tpl-team-expanding-photo rt-tpl-team-expanding-photo--initials",
-                  "aria-hidden": "true",
-                  children: memberInitials(member.name)
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { className: "rt-tpl-team-expanding-name", "aria-hidden": "true", children: [
-                /* @__PURE__ */ jsx("b", { children: member.name }),
-                /* @__PURE__ */ jsx("span", { children: member.title })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "rt-tpl-team-expanding-detail", children: [
-                /* @__PURE__ */ jsx("p", { className: "rt-tpl-team-expanding-role", children: member.title }),
-                /* @__PURE__ */ jsx("h3", { className: "rt-tpl-team-name", children: member.name }),
-                member.specialties ? /* @__PURE__ */ jsx(
-                  "ul",
-                  {
-                    className: "rt-tpl-team-specialties",
-                    "aria-label": `${member.name} \uC804\uBB38 \uBD84\uC57C`,
-                    children: member.specialties.map((specialty) => /* @__PURE__ */ jsx("li", { children: specialty }, specialty))
-                  }
-                ) : null,
-                member.credentials ? /* @__PURE__ */ jsx("ul", { className: "rt-tpl-team-credentials", children: member.credentials.map((credential) => /* @__PURE__ */ jsx("li", { children: credential }, credential)) }) : null,
-                member.bio ? /* @__PURE__ */ jsx("p", { className: "rt-tpl-team-bio", children: member.bio }) : null,
-                member.href ? /* @__PURE__ */ jsx(
-                  "a",
-                  {
-                    className: "rt-tpl-team-cta",
-                    href: member.href,
-                    tabIndex: active ? 0 : -1,
-                    children: member.ctaLabel ?? "\uD504\uB85C\uD544 \uBCF4\uAE30"
-                  }
-                ) : null
-              ] })
-            ]
-          },
-          member.name
-        );
-      })
-    }
-  );
-}
-
-export {
-  TeamExpandingStageClient
-};
-//# sourceMappingURL=chunk-FZK3EXYZ.js.map

package/dist/chunk-FZK3EXYZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/templates/team-expanding-stage-client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, type KeyboardEvent, type ReactElement } from \"react\";\nimport { useReducedMotion } from \"motion/react\";\n\nimport type { TeamSection } from \"./site-config.js\";\n\ntype TeamMember = TeamSection[\"props\"][\"members\"][number];\n\nfunction memberInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) return \"?\";\n  const initials = parts\n    .slice(0, 2)\n    .map((part) => part.at(0) ?? \"\")\n    .join(\"\");\n  return initials || \"?\";\n}\n\n/**\n * `team` `expanding-stage` variant 의 실모션 client island (D3 크래프트).\n * chambarun `.staff-stage`/`.staff-panel` 스펙(mockup/assets/site.js·site.css)\n * 이식 — hover/focus/tap 한 인물이 확장되며 자격 정보가 드러난다.\n *\n * 현재 `sections.tsx` `TemplateTeamExpandingStage` 는 이 컴포넌트를 아직\n * import 하지 않는다(정적 격자만 렌더) — `sections.tsx` 는 이 작업 소유 밖이라\n * 와이어링은 별도 보고 대상(README/보고 참조). 이 파일은 그 자리에 그대로\n * 끼워 넣을 수 있도록 `members` 하나만 받는 독립 컴포넌트로 설계했다.\n *\n * 접근성(계약, DESIGN.md \"Medical Staff Cards\" 원칙 확장):\n * - 각 패널은 `tabIndex=0` 컨테이너(hover/focus/click 시 확장) — chambarun\n *   원본과 동일하게 명시적 role 은 두지 않는다(내부에 실제 CTA 링크가 있어\n *   `role=\"button\"` 을 얹으면 중첩 인터랙티브 요소가 된다).\n * - 자격정보·경력·CTA 는 접힌 상태에서도 DOM 에 그대로 존재한다(opacity 로만\n *   가림) — 스크린리더는 hover 없이 전체 내용을 읽을 수 있다(\"decorative hover\n *   layers do not replace content\").\n * - CTA 링크는 비활성 패널일 때 `tabIndex=-1` — 보이지 않는 링크가 키보드\n *   포커스를 가로채지 않는다(chambarun 원본에는 없던, React 상태로만 가능한\n *   개선).\n * - `prefers-reduced-motion: reduce` → 전환 자체가 CSS 에서 제거된다\n *   (templates.css, `@media (prefers-reduced-motion: no-preference)` 안에만\n *   transition 선언 — ADR-0073 K3 C1 과 동일 관행). `data-reduced-motion`\n *   속성은 시각 회귀 테스트/QA 스크린샷 식별용.\n */\nexport function TeamExpandingStageClient({\n  members,\n}: {\n  readonly members: readonly TeamMember[];\n}): ReactElement | null {\n  const [activeIndex, setActiveIndex] = useState(0);\n  const reducedMotion = useReducedMotion();\n\n  if (members.length === 0) return null;\n\n  const activate = (index: number) => setActiveIndex(index);\n\n  const onItemKeyDown = (event: KeyboardEvent<HTMLLIElement>, index: number) => {\n    if ((event.key === \"Enter\" || event.key === \" \") && index !== activeIndex) {\n      event.preventDefault();\n      activate(index);\n    }\n  };\n\n  return (\n    <ul\n      className=\"rt-tpl-team-expanding-stage\"\n      data-reduced-motion={reducedMotion ? \"true\" : \"false\"}\n    >\n      {members.map((member, index) => {\n        const active = index === activeIndex;\n        return (\n          <li\n            key={member.name}\n            className=\"rt-tpl-team-expanding-item\"\n            data-active={active ? \"true\" : \"false\"}\n            tabIndex={0}\n            onMouseEnter={() => activate(index)}\n            onFocus={() => activate(index)}\n            onClick={(event) => {\n              // 첫 탭(hover/focus 없이 바로 터치)은 확장만 — CTA 로 즉시\n              // 이동하지 않는다. 이미 활성(=두 번째 탭)이면 기본 클릭 동작\n              // (링크 없는 li 자체는 아무 것도 안 함, 내부 CTA 는 그대로 이동).\n              if (!active) event.preventDefault();\n              activate(index);\n            }}\n            onKeyDown={(event) => onItemKeyDown(event, index)}\n          >\n            <span className=\"rt-tpl-team-expanding-index\" aria-hidden=\"true\">\n              {String(index + 1).padStart(2, \"0\")}\n            </span>\n            {member.photoSrc ? (\n              <img\n                className=\"rt-tpl-team-expanding-photo\"\n                src={member.photoSrc}\n                alt={member.photoAlt ?? \"\"}\n                loading=\"lazy\"\n              />\n            ) : (\n              <div\n                className=\"rt-tpl-team-expanding-photo rt-tpl-team-expanding-photo--initials\"\n                aria-hidden=\"true\"\n              >\n                {memberInitials(member.name)}\n              </div>\n            )}\n            <div className=\"rt-tpl-team-expanding-name\" aria-hidden=\"true\">\n              <b>{member.name}</b>\n              <span>{member.title}</span>\n            </div>\n            <div className=\"rt-tpl-team-expanding-detail\">\n              <p className=\"rt-tpl-team-expanding-role\">{member.title}</p>\n              <h3 className=\"rt-tpl-team-name\">{member.name}</h3>\n              {member.specialties ? (\n                <ul\n                  className=\"rt-tpl-team-specialties\"\n                  aria-label={`${member.name} 전문 분야`}\n                >\n                  {member.specialties.map((specialty) => (\n                    <li key={specialty}>{specialty}</li>\n                  ))}\n                </ul>\n              ) : null}\n              {member.credentials ? (\n                <ul className=\"rt-tpl-team-credentials\">\n                  {member.credentials.map((credential) => (\n                    <li key={credential}>{credential}</li>\n                  ))}\n                </ul>\n              ) : null}\n              {member.bio ? <p className=\"rt-tpl-team-bio\">{member.bio}</p> : null}\n              {member.href ? (\n                <a\n                  className=\"rt-tpl-team-cta\"\n                  href={member.href}\n                  tabIndex={active ? 0 : -1}\n                >\n                  {member.ctaLabel ?? \"프로필 보기\"}\n                </a>\n              ) : null}\n            </div>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-OMXEU4LS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/templates/hero-carousel-client.tsx","../src/templates/hero-carousel-curtain.tsx","../src/templates/hero-carousel-hooks.ts","../src/templates/hero-carousel-slide-track.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * `hero` `carousel` variant — 배경 사진 전환 메커니즘만 담당하는 client\n * island (M6 서버 우선: 인터랙션 최소 단위 격리). 카피 오버레이(h1/subtitle/\n * eyebrow/CTA)는 `TemplateHero`(RSC, sections.tsx)가 서버에서 그린다 — 이\n * 컴포넌트는 배경 슬라이드 + 도트 + 화살표 + \"N/M\" 카운터만 렌더한다.\n *\n * 빌드 계약: 본 파일은 tsup 의 독립 entry(`hero-carousel-client`)로 번들되고\n * `esbuild-plugin-preserve-directives` 가 \"use client\" 지시어를 해당 청크\n * 최상단에 보존한다 — `templates.js`(서버 전용, 나머지 4개 hero variant +\n * rich-text/services/faq/cta-banner/trust/contact) 로 병합되지 않는다\n * (tsup.config.ts 참고).\n *\n * 모션 규율(M5 + ADR-0086 P2 D3/D4, ds-rule-pack.md):\n * - `transition`: \"slide\"(기본, embla 가로 스크롤) | \"curtain\"(clip-path 와이프\n *   — chambarun 이식, `hero-carousel-curtain.tsx`). variant 는 그대로\n *   \"carousel\" 하나 — \"variant=구조, motion=인상\" 규칙(신규 variant 금지).\n * - `prefers-reduced-motion: reduce` → autoplay 강제 off + 전환은 즉시(embla\n *   `jump=true` 무전환 / curtain 은 leaving 단계 생략) + Ken Burns·신 스윕·카피\n *   스태거 없음.\n * - autoplay 정지 사유 4종(D4): hover, focus-within, pause/재생 버튼, Page\n *   Visibility API(탭 비활성). 합성은 `hero-carousel-hooks.ts`\n *   `useAutoplayGate`.\n * - 좌/우 화살표 키보드 이동(포커스가 캐러셀 안에 있을 때), 도트는\n *   `role=\"tablist\"`/`role=\"tab\"` + roving tabindex(방향키/Home/End, D4) —\n *   공용 `useRovingTablist`(`expertise-client.tsx` 와 동일 계약 재사용).\n * - WAI-ARIA carousel 패턴: 컨테이너 `role=\"region\"` +\n *   `aria-roledescription=\"carousel\"`, 슬라이드별 `aria-roledescription=\"slide\"`\n *   + `aria-label=\"Slide N of M\"`.\n */\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { KeyboardEvent, ReactElement } from \"react\";\nimport useEmblaCarousel from \"embla-carousel-react\";\n\nimport { useCurtainCarousel, CurtainTrack } from \"./hero-carousel-curtain.js\";\nimport { useAutoplayGate, usePrefersReducedMotion } from \"./hero-carousel-hooks.js\";\nimport { SlideTrack } from \"./hero-carousel-slide-track.js\";\nimport type { HeroCarouselViewportProps } from \"./hero-carousel-types.js\";\nimport { useRovingTablist } from \"./use-roving-tablist.js\";\n\nexport type {\n  HeroCarouselSlideInput,\n  HeroCarouselTransition,\n  HeroCarouselViewportProps,\n} from \"./hero-carousel-types.js\";\n\nfunction PauseIcon(): ReactElement {\n  return (\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n      <rect x=\"6\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\" fill=\"currentColor\" />\n      <rect x=\"14\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\" fill=\"currentColor\" />\n    </svg>\n  );\n}\n\nfunction PlayIcon(): ReactElement {\n  return (\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n      <path d=\"M8 5v14l11-7z\" fill=\"currentColor\" />\n    </svg>\n  );\n}\n\nexport function HeroCarouselViewport({\n  slides,\n  autoplay,\n  intervalMs,\n  scrim,\n  transition = \"slide\",\n}: HeroCarouselViewportProps) {\n  const isCurtain = transition === \"curtain\";\n  const reducedMotion = usePrefersReducedMotion();\n  const rootRef = useRef<HTMLDivElement | null>(null);\n\n  const [emblaRef, emblaApi] = useEmblaCarousel({\n    loop: true,\n    duration: reducedMotion ? 1 : 20,\n  });\n  const [emblaSelectedIndex, setEmblaSelectedIndex] = useState(0);\n  const curtain = useCurtainCarousel(slides.length, reducedMotion);\n\n  const onEmblaSelect = useCallback(() => {\n    if (!emblaApi) return;\n    setEmblaSelectedIndex(emblaApi.selectedScrollSnap());\n  }, [emblaApi]);\n\n  useEffect(() => {\n    if (!emblaApi) return;\n    onEmblaSelect();\n    emblaApi.on(\"select\", onEmblaSelect);\n    emblaApi.on(\"reInit\", onEmblaSelect);\n    return () => {\n      emblaApi.off(\"select\", onEmblaSelect);\n      emblaApi.off(\"reInit\", onEmblaSelect);\n    };\n  }, [emblaApi, onEmblaSelect]);\n\n  const selectedIndex = isCurtain ? curtain.selectedIndex : emblaSelectedIndex;\n\n  const autoplayGate = useAutoplayGate({ autoplay, reducedMotion, rootRef });\n\n  useEffect(() => {\n    if (!autoplayGate.shouldAutoplay) return;\n    if (!isCurtain && !emblaApi) return;\n    const id = window.setInterval(() => {\n      if (isCurtain) curtain.next();\n      else emblaApi?.scrollNext();\n    }, intervalMs);\n    return () => window.clearInterval(id);\n  }, [autoplayGate.shouldAutoplay, intervalMs, isCurtain, curtain.next, emblaApi]);\n\n  const scrollPrev = useCallback(() => {\n    if (isCurtain) {\n      curtain.prev();\n      return;\n    }\n    emblaApi?.scrollPrev(reducedMotion);\n  }, [isCurtain, curtain.prev, emblaApi, reducedMotion]);\n\n  const scrollNext = useCallback(() => {\n    if (isCurtain) {\n      curtain.next();\n      return;\n    }\n    emblaApi?.scrollNext(reducedMotion);\n  }, [isCurtain, curtain.next, emblaApi, reducedMotion]);\n\n  const scrollTo = useCallback(\n    (index: number) => {\n      if (isCurtain) {\n        curtain.goTo(index);\n        return;\n      }\n      emblaApi?.scrollTo(index, reducedMotion);\n    },\n    [isCurtain, curtain.goTo, emblaApi, reducedMotion],\n  );\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        scrollPrev();\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        scrollNext();\n      }\n    },\n    [scrollPrev, scrollNext],\n  );\n\n  const selectedSlide = slides[selectedIndex];\n  const hasSlidePanel = Boolean(\n    selectedSlide &&\n      (selectedSlide.eyebrow ||\n        selectedSlide.title ||\n        selectedSlide.subtitle ||\n        selectedSlide.description ||\n        selectedSlide.primaryCta ||\n        selectedSlide.secondaryCta ||\n        (selectedSlide.metrics && selectedSlide.metrics.length > 0)),\n  );\n  const hasTabLabels = slides.some((slide) => slide.tabLabel || slide.tabMeta);\n  const showPlayPause = autoplay && !reducedMotion;\n\n  const { getTabProps, onKeyDown: onTablistKeyDown } = useRovingTablist<HTMLButtonElement>({\n    count: slides.length,\n    selectedIndex,\n    onSelect: scrollTo,\n    orientation: \"horizontal\",\n  });\n\n  return (\n    <div\n      ref={rootRef}\n      className=\"rt-tpl-hero-carousel\"\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      aria-label=\"배경 이미지 캐러셀\"\n      tabIndex={0}\n      onKeyDown={onKeyDown}\n      data-reduced-motion={reducedMotion ? \"true\" : \"false\"}\n      data-scrim={scrim ?? \"soft\"}\n      data-transition={transition}\n      onMouseEnter={autoplayGate.rootHandlers.onMouseEnter}\n      onMouseLeave={autoplayGate.rootHandlers.onMouseLeave}\n      onFocus={autoplayGate.rootHandlers.onFocus}\n      onBlur={autoplayGate.rootHandlers.onBlur}\n    >\n      {isCurtain ? (\n        <CurtainTrack\n          slides={slides}\n          selectedIndex={curtain.selectedIndex}\n          leavingIndex={curtain.leavingIndex}\n        />\n      ) : (\n        <SlideTrack\n          viewportRef={emblaRef}\n          slides={slides}\n          selectedIndex={emblaSelectedIndex}\n        />\n      )}\n\n      <button\n        type=\"button\"\n        className=\"rt-tpl-hero-carousel-arrow rt-tpl-hero-carousel-arrow--prev\"\n        aria-label=\"이전 슬라이드\"\n        onClick={scrollPrev}\n      >\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M15 5 8 12l7 7\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n        </svg>\n      </button>\n      <button\n        type=\"button\"\n        className=\"rt-tpl-hero-carousel-arrow rt-tpl-hero-carousel-arrow--next\"\n        aria-label=\"다음 슬라이드\"\n        onClick={scrollNext}\n      >\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"m9 5 7 7-7 7\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n        </svg>\n      </button>\n\n      {hasSlidePanel && selectedSlide ? (\n        <div\n          key={isCurtain ? `panel-${selectedIndex}` : \"panel\"}\n          className=\"rt-tpl-hero-carousel-slide-panel\"\n        >\n          {selectedSlide.eyebrow ? (\n            <p className=\"rt-tpl-hero-carousel-slide-eyebrow\">\n              {selectedSlide.eyebrow}\n            </p>\n          ) : null}\n          {selectedSlide.title ? (\n            <p className=\"rt-tpl-hero-carousel-slide-title\">\n              {selectedSlide.title}\n            </p>\n          ) : null}\n          {selectedSlide.subtitle ? (\n            <p className=\"rt-tpl-hero-carousel-slide-subtitle\">\n              {selectedSlide.subtitle}\n            </p>\n          ) : null}\n          {selectedSlide.description ? (\n            <p className=\"rt-tpl-hero-carousel-slide-desc\">\n              {selectedSlide.description}\n            </p>\n          ) : null}\n          {selectedSlide.metrics && selectedSlide.metrics.length > 0 ? (\n            <dl className=\"rt-tpl-hero-carousel-slide-metrics\">\n              {selectedSlide.metrics.map((metric) => (\n                <div key={`${metric.value}-${metric.label}`}>\n                  <dt>{metric.label}</dt>\n                  <dd>\n                    {metric.value}\n                    {metric.unit ? <span>{metric.unit}</span> : null}\n                  </dd>\n                  {metric.source ? <dd>{metric.source}</dd> : null}\n                </div>\n              ))}\n            </dl>\n          ) : null}\n          {selectedSlide.primaryCta || selectedSlide.secondaryCta ? (\n            <div className=\"rt-tpl-hero-carousel-slide-actions\">\n              {selectedSlide.primaryCta ? (\n                <a\n                  className=\"rt-tpl-btn rt-tpl-btn--primary\"\n                  href={selectedSlide.primaryCta.href}\n                  data-track=\"cta_hero\"\n                >\n                  {selectedSlide.primaryCta.label}\n                </a>\n              ) : null}\n              {selectedSlide.secondaryCta ? (\n                <a\n                  className=\"rt-tpl-btn rt-tpl-btn--secondary\"\n                  href={selectedSlide.secondaryCta.href}\n                  data-track=\"cta_hero\"\n                >\n                  {selectedSlide.secondaryCta.label}\n                </a>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n\n      <div className=\"rt-tpl-hero-carousel-controls\">\n        <div\n          className={\n            hasTabLabels\n              ? \"rt-tpl-hero-carousel-dots rt-tpl-hero-carousel-dots--tabs\"\n              : \"rt-tpl-hero-carousel-dots\"\n          }\n          role=\"tablist\"\n          aria-label=\"슬라이드 선택\"\n          onKeyDown={onTablistKeyDown}\n        >\n          {slides.map((_slide, index) => (\n            <button\n              key={index}\n              {...getTabProps(index)}\n              type=\"button\"\n              role=\"tab\"\n              className=\"rt-tpl-hero-carousel-dot\"\n              aria-selected={index === selectedIndex}\n              aria-label={`${index + 1}번 슬라이드로 이동`}\n              data-active={index === selectedIndex ? \"true\" : \"false\"}\n              onClick={() => scrollTo(index)}\n            >\n              {hasTabLabels ? (\n                <>\n                  <span>{_slide.tabLabel ?? `${index + 1}`}</span>\n                  {_slide.tabMeta ? <small>{_slide.tabMeta}</small> : null}\n                </>\n              ) : null}\n            </button>\n          ))}\n        </div>\n        <div className=\"rt-tpl-hero-carousel-controls-right\">\n          {showPlayPause ? (\n            <button\n              type=\"button\"\n              className=\"rt-tpl-hero-carousel-playpause\"\n              aria-pressed={autoplayGate.userPaused}\n              aria-label={\n                autoplayGate.userPaused ? \"자동 전환 재생\" : \"자동 전환 일시정지\"\n              }\n              onClick={autoplayGate.togglePaused}\n            >\n              {autoplayGate.userPaused ? <PlayIcon /> : <PauseIcon />}\n            </button>\n          ) : null}\n          <p className=\"rt-tpl-hero-carousel-counter\" aria-hidden=\"true\">\n            <span className=\"rt-tpl-hero-carousel-counter-current\">\n              {selectedIndex + 1}\n            </span>\n            /\n            <span className=\"rt-tpl-hero-carousel-counter-total\">{slides.length}</span>\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n}\n","\"use client\";\n\n/**\n * `curtain` transition — chambarun 이식(ADR-0086 P2 D3).\n * 모션 스펙 원본: chambarun mockup `assets/site.css` `@keyframes curtainReveal`\n * (clip-path 와이프) + `.curtain-sheen`(신 스윕) + `.hero-copy>*` 스태거, 엔진은\n * `assets/site.js` 36-85행 `show(n)`(is-active/is-leaving 상태 머신, 980ms 뒤\n * is-leaving 정리). 타이밍·이징·클립 경로는 원본 값을 그대로 유지하고 색은\n * 하드코딩 헥스 대신 `--rt-*` 토큰으로 치환했다(CSS, `templates.css` 참고).\n *\n * embla 를 쓰지 않는다 — embla 는 가로 스크롤 트랙 물리 이동이 전제라\n * clip-path 와이프(절대배치 스택)와 구조가 다르다. `hero-carousel-client.tsx`\n * 400줄 상한 분할.\n */\nimport { useCallback, useRef, useState } from \"react\";\nimport type { ReactElement } from \"react\";\n\nimport type { HeroCarouselSlideInput } from \"./hero-carousel-types.js\";\n\n/** chambarun site.js — is-leaving 클래스 정리 타이밍(커튼 리빌 .92s + 여유). */\nconst LEAVING_CLEAR_MS = 980;\n\nexport interface CurtainCarouselController {\n  readonly selectedIndex: number;\n  readonly leavingIndex: number | null;\n  readonly goTo: (index: number) => void;\n  readonly next: () => void;\n  readonly prev: () => void;\n}\n\n/**\n * `curtain` 전용 인덱스 상태 머신 — chambarun `show(n)` 이식. `reducedMotion`\n * 이면 leaving 단계를 만들지 않는다(D4 — 커튼 대신 즉시 전환).\n */\nexport function useCurtainCarousel(\n  slideCount: number,\n  reducedMotion: boolean,\n): CurtainCarouselController {\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  const [leavingIndex, setLeavingIndex] = useState<number | null>(null);\n  const selectedRef = useRef(0);\n  const runRef = useRef(0);\n  const clearTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const goTo = useCallback(\n    (nextRaw: number) => {\n      if (slideCount < 1) return;\n      const nextIndex = ((nextRaw % slideCount) + slideCount) % slideCount;\n      const prevIndex = selectedRef.current;\n      if (nextIndex === prevIndex) return;\n      selectedRef.current = nextIndex;\n      setSelectedIndex(nextIndex);\n      clearTimeout(clearTimerRef.current);\n      if (reducedMotion) {\n        setLeavingIndex(null);\n        return;\n      }\n      setLeavingIndex(prevIndex);\n      runRef.current += 1;\n      const runId = runRef.current;\n      clearTimerRef.current = setTimeout(() => {\n        if (runId === runRef.current) setLeavingIndex(null);\n      }, LEAVING_CLEAR_MS);\n    },\n    [slideCount, reducedMotion],\n  );\n\n  const next = useCallback(() => goTo(selectedRef.current + 1), [goTo]);\n  const prev = useCallback(() => goTo(selectedRef.current - 1), [goTo]);\n\n  return { selectedIndex, leavingIndex, goTo, next, prev };\n}\n\nexport interface CurtainTrackProps {\n  readonly slides: readonly HeroCarouselSlideInput[];\n  readonly selectedIndex: number;\n  readonly leavingIndex: number | null;\n}\n\n/**\n * 절대배치 스택 트랙(chambarun `.slide{position:absolute;inset:0}`) — 각\n * 슬라이드가 `data-active`/`data-leaving` 로 clip-path 와이프·오버랩을\n * 제어한다(CSS `templates.css` `[data-transition=\"curtain\"]` 스코프). 활성\n * 슬라이드에만 신 스윕 엘리먼트를 렌더(비활성 슬라이드는 DOM 비용 절감).\n */\nexport function CurtainTrack({\n  slides,\n  selectedIndex,\n  leavingIndex,\n}: CurtainTrackProps): ReactElement {\n  return (\n    <div className=\"rt-tpl-hero-carousel-viewport\">\n      <div className=\"rt-tpl-hero-carousel-track\">\n        {slides.map((slide, index) => {\n          const active = index === selectedIndex;\n          const leaving = index === leavingIndex;\n          return (\n            <div\n              key={`${slide.image}-${index}`}\n              className=\"rt-tpl-hero-carousel-slide\"\n              aria-roledescription=\"slide\"\n              aria-label={`Slide ${index + 1} of ${slides.length}`}\n              aria-hidden={active ? undefined : true}\n              data-active={active ? \"true\" : \"false\"}\n              data-leaving={leaving ? \"true\" : \"false\"}\n            >\n              <img\n                className=\"rt-tpl-hero-carousel-img\"\n                src={slide.image}\n                alt={slide.alt}\n                data-active={active ? \"true\" : \"false\"}\n                loading={index === 0 ? \"eager\" : \"lazy\"}\n              />\n              {active ? (\n                <span className=\"rt-tpl-hero-carousel-sheen\" aria-hidden=\"true\" />\n              ) : null}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n","\"use client\";\n\n/**\n * `hero` `carousel` 공유 훅 — reduced-motion·document visibility·autoplay\n * 정지 사유 합성(D4 접근성 계약, ADR-0086 P2). `hero-carousel-client.tsx` 400줄\n * 상한 분할.\n */\nimport { useCallback, useState } from \"react\";\nimport type { FocusEvent, RefObject } from \"react\";\nimport { useEffect } from \"react\";\n\nexport function usePrefersReducedMotion(): boolean {\n  const [reduced, setReduced] = useState(false);\n  useEffect(() => {\n    const query = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n    setReduced(query.matches);\n    const onChange = (event: MediaQueryListEvent) => setReduced(event.matches);\n    query.addEventListener(\"change\", onChange);\n    return () => query.removeEventListener(\"change\", onChange);\n  }, []);\n  return reduced;\n}\n\nexport function useDocumentVisible(): boolean {\n  const [visible, setVisible] = useState(true);\n  useEffect(() => {\n    const onVisibility = () => setVisible(document.visibilityState === \"visible\");\n    onVisibility();\n    document.addEventListener(\"visibilitychange\", onVisibility);\n    return () => document.removeEventListener(\"visibilitychange\", onVisibility);\n  }, []);\n  return visible;\n}\n\nexport interface AutoplayGate {\n  /** 실제 autoplay 인터벌을 걸어도 되는지 — 모든 정지 사유의 합성 결과. */\n  readonly shouldAutoplay: boolean;\n  /** pause/재생 버튼이 반영하는 사용자 의도(수동 일시정지). */\n  readonly userPaused: boolean;\n  readonly togglePaused: () => void;\n  /** 루트 엘리먼트에 그대로 스프레드 — hover/focus-within 일시정지. */\n  readonly rootHandlers: {\n    readonly onMouseEnter: () => void;\n    readonly onMouseLeave: () => void;\n    readonly onFocus: () => void;\n    readonly onBlur: (event: FocusEvent<HTMLElement>) => void;\n  };\n}\n\n/**\n * autoplay pause 사유 4종(D4): hover, focus-within, 사용자 버튼, 문서 비가시.\n * `reducedMotion` 은 autoplay 자체를 아예 시작하지 않는 별도 계약이라 이 훅\n * 밖(`autoplay && !reducedMotion`)에서 이미 걸러지지만, 재확인 차원에서 인자로\n * 받아 합성식에도 포함한다.\n */\nexport function useAutoplayGate(params: {\n  readonly autoplay: boolean;\n  readonly reducedMotion: boolean;\n  readonly rootRef: RefObject<HTMLElement | null>;\n}): AutoplayGate {\n  const { autoplay, reducedMotion, rootRef } = params;\n  const tabVisible = useDocumentVisible();\n  const [hovered, setHovered] = useState(false);\n  const [focusedWithin, setFocusedWithin] = useState(false);\n  const [userPaused, setUserPaused] = useState(false);\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      const next = event.relatedTarget as Node | null;\n      if (!next || !rootRef.current?.contains(next)) {\n        setFocusedWithin(false);\n      }\n    },\n    [rootRef],\n  );\n\n  const shouldAutoplay =\n    autoplay &&\n    !reducedMotion &&\n    tabVisible &&\n    !userPaused &&\n    !hovered &&\n    !focusedWithin;\n\n  return {\n    shouldAutoplay,\n    userPaused,\n    togglePaused: () => setUserPaused((value) => !value),\n    rootHandlers: {\n      onMouseEnter: () => setHovered(true),\n      onMouseLeave: () => setHovered(false),\n      onFocus: () => setFocusedWithin(true),\n      onBlur,\n    },\n  };\n}\n","\"use client\";\n\n/**\n * `slide` transition(기본값) 트랙 — 기존 embla 가로 스크롤 배경 전환, 회귀 없음.\n * `hero-carousel-client.tsx` 400줄 상한 분할(`curtain` transition 은\n * `hero-carousel-curtain.tsx`).\n */\nimport type { ReactElement } from \"react\";\nimport type { EmblaViewportRefType } from \"embla-carousel-react\";\n\nimport type { HeroCarouselSlideInput } from \"./hero-carousel-types.js\";\n\nexport interface SlideTrackProps {\n  readonly viewportRef: EmblaViewportRefType;\n  readonly slides: readonly HeroCarouselSlideInput[];\n  readonly selectedIndex: number;\n}\n\nexport function SlideTrack({\n  viewportRef,\n  slides,\n  selectedIndex,\n}: SlideTrackProps): ReactElement {\n  return (\n    <div className=\"rt-tpl-hero-carousel-viewport\" ref={viewportRef}>\n      <div className=\"rt-tpl-hero-carousel-track\">\n        {slides.map((slide, index) => (\n          <div\n            key={`${slide.image}-${index}`}\n            className=\"rt-tpl-hero-carousel-slide\"\n            aria-roledescription=\"slide\"\n            aria-label={`Slide ${index + 1} of ${slides.length}`}\n            aria-hidden={index === selectedIndex ? undefined : true}\n          >\n            <img\n              className=\"rt-tpl-hero-carousel-img\"\n              src={slide.image}\n              alt={slide.alt}\n              data-active={index === selectedIndex ? \"true\" : \"false\"}\n              loading={index === 0 ? \"eager\" : \"lazy\"}\n            />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AA+BA,SAAS,eAAAA,cAAa,aAAAC,YAAW,UAAAC,SAAQ,YAAAC,iBAAgB;AAEzD,OAAO,sBAAsB;;;ACnB7B,SAAS,aAAa,QAAQ,gBAAgB;AAmFlC,SASE,KATF;AA7EZ,IAAM,mBAAmB;AAclB,SAAS,mBACd,YACA,eAC2B;AAC3B,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AACpD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAwB,IAAI;AACpE,QAAM,cAAc,OAAO,CAAC;AAC5B,QAAM,SAAS,OAAO,CAAC;AACvB,QAAM,gBAAgB,OAAkD,MAAS;AAEjF,QAAM,OAAO;AAAA,IACX,CAAC,YAAoB;AACnB,UAAI,aAAa,EAAG;AACpB,YAAM,aAAc,UAAU,aAAc,cAAc;AAC1D,YAAM,YAAY,YAAY;AAC9B,UAAI,cAAc,UAAW;AAC7B,kBAAY,UAAU;AACtB,uBAAiB,SAAS;AAC1B,mBAAa,cAAc,OAAO;AAClC,UAAI,eAAe;AACjB,wBAAgB,IAAI;AACpB;AAAA,MACF;AACA,sBAAgB,SAAS;AACzB,aAAO,WAAW;AAClB,YAAM,QAAQ,OAAO;AACrB,oBAAc,UAAU,WAAW,MAAM;AACvC,YAAI,UAAU,OAAO,QAAS,iBAAgB,IAAI;AAAA,MACpD,GAAG,gBAAgB;AAAA,IACrB;AAAA,IACA,CAAC,YAAY,aAAa;AAAA,EAC5B;AAEA,QAAM,OAAO,YAAY,MAAM,KAAK,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;AACpE,QAAM,OAAO,YAAY,MAAM,KAAK,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;AAEpE,SAAO,EAAE,eAAe,cAAc,MAAM,MAAM,KAAK;AACzD;AAcO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAAoC;AAClC,SACE,oBAAC,SAAI,WAAU,iCACb,8BAAC,SAAI,WAAU,8BACZ,iBAAO,IAAI,CAAC,OAAO,UAAU;AAC5B,UAAM,SAAS,UAAU;AACzB,UAAM,UAAU,UAAU;AAC1B,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QACV,wBAAqB;AAAA,QACrB,cAAY,SAAS,QAAQ,CAAC,OAAO,OAAO,MAAM;AAAA,QAClD,eAAa,SAAS,SAAY;AAAA,QAClC,eAAa,SAAS,SAAS;AAAA,QAC/B,gBAAc,UAAU,SAAS;AAAA,QAEjC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,KAAK,MAAM;AAAA,cACX,KAAK,MAAM;AAAA,cACX,eAAa,SAAS,SAAS;AAAA,cAC/B,SAAS,UAAU,IAAI,UAAU;AAAA;AAAA,UACnC;AAAA,UACC,SACC,oBAAC,UAAK,WAAU,8BAA6B,eAAY,QAAO,IAC9D;AAAA;AAAA;AAAA,MAjBC,GAAG,MAAM,KAAK,IAAI,KAAK;AAAA,IAkB9B;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;;;ACnHA,SAAS,eAAAC,cAAa,YAAAC,iBAAgB;AAEtC,SAAS,iBAAiB;AAEnB,SAAS,0BAAmC;AACjD,QAAM,CAAC,SAAS,UAAU,IAAIA,UAAS,KAAK;AAC5C,YAAU,MAAM;AACd,UAAM,QAAQ,OAAO,WAAW,kCAAkC;AAClE,eAAW,MAAM,OAAO;AACxB,UAAM,WAAW,CAAC,UAA+B,WAAW,MAAM,OAAO;AACzE,UAAM,iBAAiB,UAAU,QAAQ;AACzC,WAAO,MAAM,MAAM,oBAAoB,UAAU,QAAQ;AAAA,EAC3D,GAAG,CAAC,CAAC;AACL,SAAO;AACT;AAEO,SAAS,qBAA8B;AAC5C,QAAM,CAAC,SAAS,UAAU,IAAIA,UAAS,IAAI;AAC3C,YAAU,MAAM;AACd,UAAM,eAAe,MAAM,WAAW,SAAS,oBAAoB,SAAS;AAC5E,iBAAa;AACb,aAAS,iBAAiB,oBAAoB,YAAY;AAC1D,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,YAAY;AAAA,EAC5E,GAAG,CAAC,CAAC;AACL,SAAO;AACT;AAuBO,SAAS,gBAAgB,QAIf;AACf,QAAM,EAAE,UAAU,eAAe,QAAQ,IAAI;AAC7C,QAAM,aAAa,mBAAmB;AACtC,QAAM,CAAC,SAAS,UAAU,IAAIA,UAAS,KAAK;AAC5C,QAAM,CAAC,eAAe,gBAAgB,IAAIA,UAAS,KAAK;AACxD,QAAM,CAAC,YAAY,aAAa,IAAIA,UAAS,KAAK;AAElD,QAAM,SAASD;AAAA,IACb,CAAC,UAAmC;AAClC,YAAM,OAAO,MAAM;AACnB,UAAI,CAAC,QAAQ,CAAC,QAAQ,SAAS,SAAS,IAAI,GAAG;AAC7C,yBAAiB,KAAK;AAAA,MACxB;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,QAAM,iBACJ,YACA,CAAC,iBACD,cACA,CAAC,cACD,CAAC,WACD,CAAC;AAEH,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,cAAc,MAAM,cAAc,CAAC,UAAU,CAAC,KAAK;AAAA,IACnD,cAAc;AAAA,MACZ,cAAc,MAAM,WAAW,IAAI;AAAA,MACnC,cAAc,MAAM,WAAW,KAAK;AAAA,MACpC,SAAS,MAAM,iBAAiB,IAAI;AAAA,MACpC;AAAA,IACF;AAAA,EACF;AACF;;;AC7DY,gBAAAE,YAAA;AAhBL,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAkC;AAChC,SACE,gBAAAA,KAAC,SAAI,WAAU,iCAAgC,KAAK,aAClD,0BAAAA,KAAC,SAAI,WAAU,8BACZ,iBAAO,IAAI,CAAC,OAAO,UAClB,gBAAAA;AAAA,IAAC;AAAA;AAAA,MAEC,WAAU;AAAA,MACV,wBAAqB;AAAA,MACrB,cAAY,SAAS,QAAQ,CAAC,OAAO,OAAO,MAAM;AAAA,MAClD,eAAa,UAAU,gBAAgB,SAAY;AAAA,MAEnD,0BAAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK,MAAM;AAAA,UACX,KAAK,MAAM;AAAA,UACX,eAAa,UAAU,gBAAgB,SAAS;AAAA,UAChD,SAAS,UAAU,IAAI,UAAU;AAAA;AAAA,MACnC;AAAA;AAAA,IAZK,GAAG,MAAM,KAAK,IAAI,KAAK;AAAA,EAa9B,CACD,GACH,GACF;AAEJ;;;AHGI,SAwQY,UAvQV,OAAAC,MADF,QAAAC,aAAA;AAFJ,SAAS,YAA0B;AACjC,SACE,gBAAAA,MAAC,SAAI,SAAQ,aAAY,eAAY,QAAO,WAAU,SACpD;AAAA,oBAAAD,KAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,KAAI,QAAO,MAAK,IAAG,KAAI,MAAK,gBAAe;AAAA,IACnE,gBAAAA,KAAC,UAAK,GAAE,MAAK,GAAE,KAAI,OAAM,KAAI,QAAO,MAAK,IAAG,KAAI,MAAK,gBAAe;AAAA,KACtE;AAEJ;AAEA,SAAS,WAAyB;AAChC,SACE,gBAAAA,KAAC,SAAI,SAAQ,aAAY,eAAY,QAAO,WAAU,SACpD,0BAAAA,KAAC,UAAK,GAAE,iBAAgB,MAAK,gBAAe,GAC9C;AAEJ;AAEO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,GAA8B;AAC5B,QAAM,YAAY,eAAe;AACjC,QAAM,gBAAgB,wBAAwB;AAC9C,QAAM,UAAUE,QAA8B,IAAI;AAElD,QAAM,CAAC,UAAU,QAAQ,IAAI,iBAAiB;AAAA,IAC5C,MAAM;AAAA,IACN,UAAU,gBAAgB,IAAI;AAAA,EAChC,CAAC;AACD,QAAM,CAAC,oBAAoB,qBAAqB,IAAIC,UAAS,CAAC;AAC9D,QAAM,UAAU,mBAAmB,OAAO,QAAQ,aAAa;AAE/D,QAAM,gBAAgBC,aAAY,MAAM;AACtC,QAAI,CAAC,SAAU;AACf,0BAAsB,SAAS,mBAAmB,CAAC;AAAA,EACrD,GAAG,CAAC,QAAQ,CAAC;AAEb,EAAAC,WAAU,MAAM;AACd,QAAI,CAAC,SAAU;AACf,kBAAc;AACd,aAAS,GAAG,UAAU,aAAa;AACnC,aAAS,GAAG,UAAU,aAAa;AACnC,WAAO,MAAM;AACX,eAAS,IAAI,UAAU,aAAa;AACpC,eAAS,IAAI,UAAU,aAAa;AAAA,IACtC;AAAA,EACF,GAAG,CAAC,UAAU,aAAa,CAAC;AAE5B,QAAM,gBAAgB,YAAY,QAAQ,gBAAgB;AAE1D,QAAM,eAAe,gBAAgB,EAAE,UAAU,eAAe,QAAQ,CAAC;AAEzE,EAAAA,WAAU,MAAM;AACd,QAAI,CAAC,aAAa,eAAgB;AAClC,QAAI,CAAC,aAAa,CAAC,SAAU;AAC7B,UAAM,KAAK,OAAO,YAAY,MAAM;AAClC,UAAI,UAAW,SAAQ,KAAK;AAAA,UACvB,WAAU,WAAW;AAAA,IAC5B,GAAG,UAAU;AACb,WAAO,MAAM,OAAO,cAAc,EAAE;AAAA,EACtC,GAAG,CAAC,aAAa,gBAAgB,YAAY,WAAW,QAAQ,MAAM,QAAQ,CAAC;AAE/E,QAAM,aAAaD,aAAY,MAAM;AACnC,QAAI,WAAW;AACb,cAAQ,KAAK;AACb;AAAA,IACF;AACA,cAAU,WAAW,aAAa;AAAA,EACpC,GAAG,CAAC,WAAW,QAAQ,MAAM,UAAU,aAAa,CAAC;AAErD,QAAM,aAAaA,aAAY,MAAM;AACnC,QAAI,WAAW;AACb,cAAQ,KAAK;AACb;AAAA,IACF;AACA,cAAU,WAAW,aAAa;AAAA,EACpC,GAAG,CAAC,WAAW,QAAQ,MAAM,UAAU,aAAa,CAAC;AAErD,QAAM,WAAWA;AAAA,IACf,CAAC,UAAkB;AACjB,UAAI,WAAW;AACb,gBAAQ,KAAK,KAAK;AAClB;AAAA,MACF;AACA,gBAAU,SAAS,OAAO,aAAa;AAAA,IACzC;AAAA,IACA,CAAC,WAAW,QAAQ,MAAM,UAAU,aAAa;AAAA,EACnD;AAEA,QAAM,YAAYA;AAAA,IAChB,CAAC,UAAyC;AACxC,UAAI,MAAM,QAAQ,aAAa;AAC7B,cAAM,eAAe;AACrB,mBAAW;AAAA,MACb,WAAW,MAAM,QAAQ,cAAc;AACrC,cAAM,eAAe;AACrB,mBAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,CAAC,YAAY,UAAU;AAAA,EACzB;AAEA,QAAM,gBAAgB,OAAO,aAAa;AAC1C,QAAM,gBAAgB;AAAA,IACpB,kBACG,cAAc,WACb,cAAc,SACd,cAAc,YACd,cAAc,eACd,cAAc,cACd,cAAc,gBACb,cAAc,WAAW,cAAc,QAAQ,SAAS;AAAA,EAC/D;AACA,QAAM,eAAe,OAAO,KAAK,CAAC,UAAU,MAAM,YAAY,MAAM,OAAO;AAC3E,QAAM,gBAAgB,YAAY,CAAC;AAEnC,QAAM,EAAE,aAAa,WAAW,iBAAiB,IAAI,iBAAoC;AAAA,IACvF,OAAO,OAAO;AAAA,IACd;AAAA,IACA,UAAU;AAAA,IACV,aAAa;AAAA,EACf,CAAC;AAED,SACE,gBAAAH;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,MACV,MAAK;AAAA,MACL,wBAAqB;AAAA,MACrB,cAAW;AAAA,MACX,UAAU;AAAA,MACV;AAAA,MACA,uBAAqB,gBAAgB,SAAS;AAAA,MAC9C,cAAY,SAAS;AAAA,MACrB,mBAAiB;AAAA,MACjB,cAAc,aAAa,aAAa;AAAA,MACxC,cAAc,aAAa,aAAa;AAAA,MACxC,SAAS,aAAa,aAAa;AAAA,MACnC,QAAQ,aAAa,aAAa;AAAA,MAEjC;AAAA,oBACC,gBAAAD;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,eAAe,QAAQ;AAAA,YACvB,cAAc,QAAQ;AAAA;AAAA,QACxB,IAEA,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,aAAa;AAAA,YACb;AAAA,YACA,eAAe;AAAA;AAAA,QACjB;AAAA,QAGF,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,cAAW;AAAA,YACX,SAAS;AAAA,YAET,0BAAAA,KAAC,SAAI,SAAQ,aAAY,eAAY,QAAO,WAAU,SACpD,0BAAAA,KAAC,UAAK,GAAE,kBAAiB,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,eAAc,SAAQ,gBAAe,SAAQ,GAC1H;AAAA;AAAA,QACF;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,cAAW;AAAA,YACX,SAAS;AAAA,YAET,0BAAAA,KAAC,SAAI,SAAQ,aAAY,eAAY,QAAO,WAAU,SACpD,0BAAAA,KAAC,UAAK,GAAE,gBAAe,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,eAAc,SAAQ,gBAAe,SAAQ,GACxH;AAAA;AAAA,QACF;AAAA,QAEC,iBAAiB,gBAChB,gBAAAC;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YAET;AAAA,4BAAc,UACb,gBAAAD,KAAC,OAAE,WAAU,sCACV,wBAAc,SACjB,IACE;AAAA,cACH,cAAc,QACb,gBAAAA,KAAC,OAAE,WAAU,oCACV,wBAAc,OACjB,IACE;AAAA,cACH,cAAc,WACb,gBAAAA,KAAC,OAAE,WAAU,uCACV,wBAAc,UACjB,IACE;AAAA,cACH,cAAc,cACb,gBAAAA,KAAC,OAAE,WAAU,mCACV,wBAAc,aACjB,IACE;AAAA,cACH,cAAc,WAAW,cAAc,QAAQ,SAAS,IACvD,gBAAAA,KAAC,QAAG,WAAU,sCACX,wBAAc,QAAQ,IAAI,CAAC,WAC1B,gBAAAC,MAAC,SACC;AAAA,gCAAAD,KAAC,QAAI,iBAAO,OAAM;AAAA,gBAClB,gBAAAC,MAAC,QACE;AAAA,yBAAO;AAAA,kBACP,OAAO,OAAO,gBAAAD,KAAC,UAAM,iBAAO,MAAK,IAAU;AAAA,mBAC9C;AAAA,gBACC,OAAO,SAAS,gBAAAA,KAAC,QAAI,iBAAO,QAAO,IAAQ;AAAA,mBANpC,GAAG,OAAO,KAAK,IAAI,OAAO,KAAK,EAOzC,CACD,GACH,IACE;AAAA,cACH,cAAc,cAAc,cAAc,eACzC,gBAAAC,MAAC,SAAI,WAAU,sCACZ;AAAA,8BAAc,aACb,gBAAAD;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,MAAM,cAAc,WAAW;AAAA,oBAC/B,cAAW;AAAA,oBAEV,wBAAc,WAAW;AAAA;AAAA,gBAC5B,IACE;AAAA,gBACH,cAAc,eACb,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,MAAM,cAAc,aAAa;AAAA,oBACjC,cAAW;AAAA,oBAEV,wBAAc,aAAa;AAAA;AAAA,gBAC9B,IACE;AAAA,iBACN,IACE;AAAA;AAAA;AAAA,UA1DC,YAAY,SAAS,aAAa,KAAK;AAAA,QA2D9C,IACE;AAAA,QAEJ,gBAAAC,MAAC,SAAI,WAAU,iCACb;AAAA,0BAAAD;AAAA,YAAC;AAAA;AAAA,cACC,WACE,eACI,8DACA;AAAA,cAEN,MAAK;AAAA,cACL,cAAW;AAAA,cACX,WAAW;AAAA,cAEV,iBAAO,IAAI,CAAC,QAAQ,UACnB,gBAAAA;AAAA,gBAAC;AAAA;AAAA,kBAEE,GAAG,YAAY,KAAK;AAAA,kBACrB,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,iBAAe,UAAU;AAAA,kBACzB,cAAY,GAAG,QAAQ,CAAC;AAAA,kBACxB,eAAa,UAAU,gBAAgB,SAAS;AAAA,kBAChD,SAAS,MAAM,SAAS,KAAK;AAAA,kBAE5B,yBACC,gBAAAC,MAAA,YACE;AAAA,oCAAAD,KAAC,UAAM,iBAAO,YAAY,GAAG,QAAQ,CAAC,IAAG;AAAA,oBACxC,OAAO,UAAU,gBAAAA,KAAC,WAAO,iBAAO,SAAQ,IAAW;AAAA,qBACtD,IACE;AAAA;AAAA,gBAfC;AAAA,cAgBP,CACD;AAAA;AAAA,UACH;AAAA,UACA,gBAAAC,MAAC,SAAI,WAAU,uCACZ;AAAA,4BACC,gBAAAD;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,gBAAc,aAAa;AAAA,gBAC3B,cACE,aAAa,aAAa,2CAAa;AAAA,gBAEzC,SAAS,aAAa;AAAA,gBAErB,uBAAa,aAAa,gBAAAA,KAAC,YAAS,IAAK,gBAAAA,KAAC,aAAU;AAAA;AAAA,YACvD,IACE;AAAA,YACJ,gBAAAC,MAAC,OAAE,WAAU,gCAA+B,eAAY,QACtD;AAAA,8BAAAD,KAAC,UAAK,WAAU,wCACb,0BAAgB,GACnB;AAAA,cAAO;AAAA,cAEP,gBAAAA,KAAC,UAAK,WAAU,sCAAsC,iBAAO,QAAO;AAAA,eACtE;AAAA,aACF;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["useCallback","useEffect","useRef","useState","useCallback","useState","jsx","jsx","jsxs","useRef","useState","useCallback","useEffect"]}