{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "agency-legal",
  "title": "Agency: Legal page",
  "description": "Privacy and imprint as a ruled list of parts, under a note that the text is a sample to replace.",
  "dependencies": [
    "motion"
  ],
  "registryDependencies": [
    "https://eased.dev/r/eased-tokens.json",
    "https://eased.dev/r/eased-motion.json",
    "https://eased.dev/r/agency-core.json"
  ],
  "files": [
    {
      "path": "src/registry/eased/templates/agency/legal.tsx",
      "content": "\"use client\";\n\nimport { legal, legalNote, legalUpdated } from \"./content-legal\";\nimport { COLUMN, PageHead, Reveal, formatDay } from \"./kit\";\n\n/**\n * A legal page, /privacy or /imprint: the note that the text is a sample, the title and when it\n * changed, then each part as a row of one grid, its heading on the left and its text on the\n * right, so every heading and paragraph starts on one x.\n */\nexport function LegalPage({ doc }: { doc: keyof typeof legal }) {\n  const page = legal[doc];\n  return (\n    <article aria-labelledby=\"page-title\" className={`${COLUMN} pt-section-sm pb-group`}>\n      <p role=\"note\" className=\"mb-pad-lg flex items-center gap-2 rounded-panel bg-surface-sunken px-pad-base py-in text-ui text-text-secondary\">\n        <span aria-hidden className=\"size-2 shrink-0 rounded-[2px] bg-(--tessera-tile)\" />\n        {legalNote}\n      </p>\n      <PageHead title={page.title} lead={page.intro}>\n        <p className=\"text-ui-sm text-text-muted\">\n          {legalUpdated} <time dateTime={page.updated}>{formatDay(page.updated)}</time>\n        </p>\n      </PageHead>\n      <div className=\"mt-group border-t border-line-subtle\">\n        {page.sections.map((s, i) => (\n          <Reveal key={s.title} index={Math.min(i, 4)}>\n            <section className=\"grid gap-x-pad-lg gap-y-in border-b border-line-subtle py-pad-md md:grid-cols-[minmax(0,4fr)_minmax(0,8fr)]\">\n              <h2 className=\"text-ui-md font-medium text-text\">{s.title}</h2>\n              <div className=\"flex max-w-2xl flex-col gap-2\">\n                {s.body.map((line) => (\n                  <p key={line} className=\"text-ui-md text-pretty text-text-secondary\">\n                    {line}\n                  </p>\n                ))}\n              </div>\n            </section>\n          </Reveal>\n        ))}\n      </div>\n    </article>\n  );\n}\n",
      "type": "registry:component",
      "target": "@components/eased/templates/agency/legal.tsx"
    }
  ],
  "meta": {
    "template": "agency",
    "kind": "template-section",
    "industries": [
      "media"
    ]
  },
  "type": "registry:block"
}