@roottale/cms-renderer-next 0.41.1 → 0.42.0

package/dist/templates.js

@@ -1,36 +1,63 @@
 import {
   RootTaleBlogList,
   RootTaleLeadForm,
+  TemplateBeforeAfter,
+  TemplateConcerns,
   TemplateContact,
   TemplateCtaBanner,
+  TemplateExpertise,
   TemplateFaq,
+  TemplateFooter,
   TemplateHero,
+  TemplateHours,
+  TemplatePricing,
+  TemplateProcess,
   TemplateRichText,
   TemplateServices,
+  TemplateSpaces,
+  TemplateTeam,
+  TemplateTestimonials,
   TemplateTrust,
   sectionThemeStyle,
   themeToCssVars
-} from "./chunk-GOHP7RWD.js";
+} from "./chunk-RSNUZ4BF.js";
+import "./chunk-U5AKACPN.js";
+import "./chunk-4LQPZDXZ.js";
+import "./chunk-K62RR4UQ.js";
+import "./chunk-H46JUIHZ.js";
+import "./chunk-WWS43XCT.js";
 import "./chunk-FUA5H6JE.js";
 import {
   BUILTIN_SECTION_SCHEMAS,
   BUILTIN_SECTION_TYPES,
+  BeforeAfterSectionSchema,
   BlogListSectionSchema,
+  ConcernsSectionSchema,
   ContactSectionSchema,
   CtaBannerSectionSchema,
   CustomSectionSchema,
+  ExpertiseSectionSchema,
   FaqSectionSchema,
+  FooterSectionSchema,
   HeroSectionSchema,
+  HoursSectionSchema,
   LeadFormSectionSchema,
   NavItemSchema,
+  PricingSectionSchema,
+  ProcessSectionSchema,
   RichTextSectionSchema,
+  SECTION_VARIANTS,
   SectionSchema,
   ServicesSectionSchema,
   SiteConfigSchema,
+  SpacesSectionSchema,
+  TeamSectionSchema,
+  TestimonialsSectionSchema,
   TrustSectionSchema,
   defineSiteConfig,
   parseSiteConfig
-} from "./chunk-IOYBEH6E.js";
+} from "./chunk-NUUTTSGT.js";
+import "./chunk-F3G6RVIR.js";
 
 // src/templates/SiteRenderer.tsx
 import {
@@ -79,6 +106,8 @@ function renderBuiltin(section, ctx) {
       return /* @__PURE__ */ jsx(TemplateServices, { ...section });
     case "faq":
       return /* @__PURE__ */ jsx(TemplateFaq, { ...section });
+    case "footer":
+      return /* @__PURE__ */ jsx(TemplateFooter, { ...section });
     case "cta-banner":
       return /* @__PURE__ */ jsx(TemplateCtaBanner, { ...section });
     case "blog-list": {
@@ -135,6 +164,24 @@ function renderBuiltin(section, ctx) {
       return /* @__PURE__ */ jsx(TemplateTrust, { ...section });
     case "contact":
       return /* @__PURE__ */ jsx(TemplateContact, { ...section });
+    case "hours":
+      return /* @__PURE__ */ jsx(TemplateHours, { ...section });
+    case "pricing":
+      return /* @__PURE__ */ jsx(TemplatePricing, { ...section });
+    case "process":
+      return /* @__PURE__ */ jsx(TemplateProcess, { ...section });
+    case "before-after":
+      return /* @__PURE__ */ jsx(TemplateBeforeAfter, { ...section });
+    case "testimonials":
+      return /* @__PURE__ */ jsx(TemplateTestimonials, { ...section });
+    case "expertise":
+      return /* @__PURE__ */ jsx(TemplateExpertise, { ...section });
+    case "spaces":
+      return /* @__PURE__ */ jsx(TemplateSpaces, { ...section });
+    case "concerns":
+      return /* @__PURE__ */ jsx(TemplateConcerns, { ...section });
+    case "team":
+      return /* @__PURE__ */ jsx(TemplateTeam, { ...section });
     default:
       return void 0;
   }
@@ -179,26 +226,47 @@ function SiteRenderer(props) {
 export {
   BUILTIN_SECTION_SCHEMAS,
   BUILTIN_SECTION_TYPES,
+  BeforeAfterSectionSchema,
   BlogListSectionSchema,
+  ConcernsSectionSchema,
   ContactSectionSchema,
   CtaBannerSectionSchema,
   CustomSectionSchema,
+  ExpertiseSectionSchema,
   FaqSectionSchema,
+  FooterSectionSchema,
   HeroSectionSchema,
+  HoursSectionSchema,
   LeadFormSectionSchema,
   NavItemSchema,
+  PricingSectionSchema,
+  ProcessSectionSchema,
   RichTextSectionSchema,
+  SECTION_VARIANTS,
   SectionSchema,
   ServicesSectionSchema,
   SiteConfigSchema,
   SiteRenderer,
+  SpacesSectionSchema,
+  TeamSectionSchema,
+  TemplateBeforeAfter,
+  TemplateConcerns,
   TemplateContact,
   TemplateCtaBanner,
+  TemplateExpertise,
   TemplateFaq,
+  TemplateFooter,
   TemplateHero,
+  TemplateHours,
+  TemplatePricing,
+  TemplateProcess,
   TemplateRichText,
   TemplateServices,
+  TemplateSpaces,
+  TemplateTeam,
+  TemplateTestimonials,
   TemplateTrust,
+  TestimonialsSectionSchema,
   TrustSectionSchema,
   defineSiteConfig,
   parseSiteConfig,

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  TemplateContact,\n  TemplateCtaBanner,\n  TemplateFaq,\n  TemplateHero,\n  TemplateRichText,\n  TemplateServices,\n  TemplateTrust,\n  sectionThemeStyle,\n} from \"./sections.js\";\nimport {\n  type BlogListSection,\n  type ContactSection,\n  type CtaBannerSection,\n  type FaqSection,\n  type HeroSection,\n  type LeadFormSection,\n  type RichTextSection,\n  type Section,\n  type ServicesSection,\n  type SiteConfig,\n  type SiteConfigInput,\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 \"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    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"]}

package/dist/{theme-css-vars-BiyHBsJG.d.ts → theme-css-vars-CD3jcEkp.d.ts}

@@ -1,7 +1,7 @@
-import { CSSProperties } from 'react';
 import { RootTaleTheme } from '@roottale/cms-client/server';
+import { RootTaleThemeStyle } from '@roottale/ui-react/theme';
 
-type RootTaleCssVars = CSSProperties & Record<`--${string}`, string>;
+type RootTaleCssVars = RootTaleThemeStyle;
 declare function themeToCssVars(theme: RootTaleTheme | null): RootTaleCssVars | null;
 
 export { type RootTaleCssVars as R, themeToCssVars as t };

package/dist/ui-react-motion-client.d.ts

@@ -0,0 +1,73 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, CSSProperties } from 'react';
+
+/**
+ * 공유 모션 variants — C5(생성물 손 복사 금지)의 정신을 따라 모든 `scroll`/`motion`
+ * 프리미티브가 이 한 파일에서 variants 를 파생한다. 각 컴포넌트가 hidden/visible
+ * keyframe 객체를 손으로 복사하지 않는다(ds-rule-pack.md C5).
+ *
+ * 타이밍 출처(C1 — 임의값 대신 토큰 참조):
+ *  - `ENTRANCE_EASE` = DTCG `--ease-out`(packages/tokens/src/motion.dtcg.json:
+ *    `cubic-bezier(0, 0, 0.2, 1)`)과 동일 곡선. 등장(entrance)에 쓰는 표준 감속.
+ *  - `ENTRANCE_DURATION`(0.5s)·`STAGGER_STEP`(0.08s) = 앰비언트 등장 스케일.
+ *    motion.dtcg 의 100~200ms 는 INP 예산이 걸린 마이크로 인터랙션
+ *    (hover/focus/button)용 cap 이며(M5), 스크롤 진입 리빌은 입력 지연(INP)
+ *    경로가 아니라 그 cap 대상이 아니다 — 별도 앰비언트 스케일로 문서화한다.
+ */
+
+type EntranceVariant = "fade-up" | "fade" | "scale-in";
+
+type AnimateTag = "div" | "section" | "article" | "li" | "span";
+interface AnimateOnScrollProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly style?: CSSProperties;
+    /** 진입 애니메이션 종류(구조 상이). 기본 `fade-up`. */
+    readonly variant?: EntranceVariant;
+    /** 렌더할 시맨틱 엘리먼트(래퍼 div 추가 없이 그 자리를 대체). 기본 `div`. */
+    readonly as?: AnimateTag;
+    /** 한 번만 트리거(재진입 시 재생 안 함). 기본 true. */
+    readonly once?: boolean;
+    /** whileInView viewport root margin. 기본 `-80px`. */
+    readonly margin?: string;
+}
+declare function AnimateOnScroll({ children, className, style, variant, as, once, margin, }: AnimateOnScrollProps): react_jsx_runtime.JSX.Element;
+
+interface MarqueeProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    /** 한 바퀴(자식 1벌 폭) 이동에 걸리는 시간(초). 기본 24. */
+    readonly speedSec?: number;
+    /** 항목 간격(CSS length). 기본 `2rem`(구조 간격 — 브랜드 토큰 아님). */
+    readonly gap?: string;
+    /** hover 시 일시정지. 기본 true. */
+    readonly pauseOnHover?: boolean;
+    /** 스크린리더용 그룹 레이블. */
+    readonly ariaLabel?: string;
+}
+declare function Marquee({ children, className, speedSec, gap, pauseOnHover, ariaLabel, }: MarqueeProps): react_jsx_runtime.JSX.Element;
+
+type GroupTag = "div" | "ul" | "ol" | "section";
+type ItemTag = "div" | "li" | "article";
+interface StaggerGroupProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly style?: CSSProperties;
+    /** 렌더할 시맨틱 컨테이너 엘리먼트. 기본 `div`. */
+    readonly as?: GroupTag;
+    /** 자식 순차 지연(초). 기본 0.08. */
+    readonly staggerChildren?: number;
+    readonly once?: boolean;
+    readonly margin?: string;
+}
+declare function StaggerGroup({ children, className, style, as, staggerChildren, once, margin, }: StaggerGroupProps): react_jsx_runtime.JSX.Element;
+interface StaggerItemProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly style?: CSSProperties;
+    /** 렌더할 시맨틱 아이템 엘리먼트. 기본 `div`. */
+    readonly as?: ItemTag;
+}
+declare function StaggerItem({ children, className, style, as }: StaggerItemProps): react_jsx_runtime.JSX.Element;
+
+export { AnimateOnScroll, Marquee, StaggerGroup, StaggerItem };

package/dist/ui-react-motion-client.js

@@ -0,0 +1,14 @@
+"use client";
+import {
+  AnimateOnScroll,
+  Marquee,
+  StaggerGroup,
+  StaggerItem
+} from "./chunk-WWS43XCT.js";
+export {
+  AnimateOnScroll,
+  Marquee,
+  StaggerGroup,
+  StaggerItem
+};
+//# sourceMappingURL=ui-react-motion-client.js.map

package/dist/ui-react-motion-client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/validate.d.ts

@@ -1,4 +1,5 @@
 import { Severity, MEDICAL_LINT_RULESET } from '@roottale/audit-medical';
+import { TAX_LINT_RULESET } from '@roottale/audit-tax';
 
 interface SectionLock {
     move?: boolean;
@@ -27,9 +28,12 @@ type PublishGateError = {
 type PublishGateRuleset = {
     readonly publish: typeof PUBLISH_GATE_RULESET;
     readonly medical?: typeof MEDICAL_LINT_RULESET;
+    readonly tax?: typeof TAX_LINT_RULESET;
 };
 type PublishGateResult = {
     readonly errors: readonly PublishGateError[];
+    /** 비차단 소견 (warning·info) — 발행은 통과, meta.compliance 에 기록 (2026-07-11) */
+    readonly warnings: readonly PublishGateError[];
     readonly ruleset: PublishGateRuleset;
 };
 type PublishGateDoc = {
@@ -37,6 +41,16 @@ type PublishGateDoc = {
     readonly excerpt?: string | null;
     readonly bodyJson: Record<string, unknown>;
     readonly metaJson?: Record<string, unknown> | null;
+    /**
+     * seo-checks 의 slug-length 체크용(선택). 미전달 시 "" — 항상 good 판정이라
+     * 안전한 기본값(fail-open, 차단 아님).
+     */
+    readonly slug?: string | null;
+    /**
+     * seo-checks 의 featured-image 체크용(선택). 미전달 시 false — 항상 warn
+     * 판정(경고일 뿐 warnings 도 아님, bad 만 승격되므로 무영향).
+     */
+    readonly hasFeaturedImage?: boolean;
 };
 /**
  * h1 모델 (W6-1) — 문서 타입별로 h1 소유자가 다르다:
@@ -48,7 +62,7 @@ type PublishGateDoc = {
  * type 분기를 빼먹으면 컴파일 에러가 나야 한다.
  */
 type PublishGateOptions = {
-    readonly vertical: string;
+    readonly vertical: string | null | undefined;
     readonly complianceFlags?: readonly string[];
     readonly documentType: "page" | "post";
 };