@bettercms-ai/ui 0.4.0 → 0.6.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/blocks/Heading.tsx","../src/blocks/portableText.tsx","../src/blocks/Text.tsx","../src/lib/utils.ts","../src/blocks/Image.tsx","../src/blocks/Button.tsx","../src/blocks/Spacer.tsx","../src/blocks/Columns.tsx","../src/blocks/Video.tsx","../src/blocks/Section.tsx","../src/blocks/Navbar.tsx","../src/blocks/Footer.tsx","../src/blocks/Slider.tsx","../src/blocks/Tabs.tsx","../src/blocks/Placeholders.tsx","../src/registry.ts","../src/blockStyle.ts","../src/renderer.tsx"],"sourcesContent":["import type { HeadingProps } from \"@bettercms-ai/types\";\n\ninterface HeadingBlockProps extends HeadingProps {\n  className?: string;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nexport function Heading({\n  text,\n  level = 2,\n  align = \"left\",\n  className = \"\",\n}: HeadingBlockProps) {\n  const alignClass = {\n    left: \"text-left\",\n    center: \"text-center\",\n    right: \"text-right\",\n  }[align];\n\n  const classNames = `font-heading font-bold tracking-tight text-foreground ${alignClass} ${className}`;\n\n  switch (level) {\n    case 1:\n      return <h1 className={classNames}>{text}</h1>;\n    case 2:\n      return <h2 className={classNames}>{text}</h2>;\n    case 3:\n      return <h3 className={classNames}>{text}</h3>;\n    default:\n      return <h2 className={classNames}>{text}</h2>;\n  }\n}\n","import React from \"react\";\nimport type { PortableTextDocument, PortableTextNode } from \"@bettercms-ai/types\";\n\n/**\n * Portable Text → React.\n *\n * React rather than an HTML string, deliberately: React escapes text children by default, so\n * author data cannot become markup here at all. The `dangerouslySetInnerHTML` path that the\n * `html` cache still uses has to be trusted; this one does not.\n *\n * Unknown marks and unknown styles are DROPPED, never passed through. A colour mark carries a\n * token NAME (`color:brand-accent`) which becomes a class the consuming site styles — so it is\n * theme-aware and survives a rebrand, which a baked hex does not.\n */\n\nconst MARK_TAGS: Record<string, keyof React.JSX.IntrinsicElements> = {\n  strong: \"strong\",\n  em: \"em\",\n  underline: \"u\",\n  \"strike-through\": \"s\",\n  code: \"code\",\n};\n\nconst BLOCK_TAGS: Record<string, keyof React.JSX.IntrinsicElements> = {\n  normal: \"p\",\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  blockquote: \"blockquote\",\n};\n\nfunction Span({ node, index }: { node: PortableTextNode; index: number }) {\n  const marks = node.marks ?? [];\n  const colour = marks.find((m) => m.startsWith(\"color:\"))?.slice(\"color:\".length);\n\n  // Text is a React child, so it is escaped by construction.\n  let out: React.ReactNode = node.text ?? \"\";\n  for (const m of marks) {\n    const Tag = MARK_TAGS[m];\n    if (Tag) out = <Tag>{out}</Tag>;\n  }\n  if (colour && /^[a-z0-9-]+$/i.test(colour)) {\n    out = <span className={`bcms-color-${colour}`}>{out}</span>;\n  }\n  return <React.Fragment key={node._key ?? index}>{out}</React.Fragment>;\n}\n\nexport function PortableText({ doc }: { doc: PortableTextDocument }) {\n  return (\n    <>\n      {doc.content.map((block, i) => {\n        const Tag = BLOCK_TAGS[block.style ?? \"normal\"] ?? \"p\";\n        return (\n          <Tag key={block._key ?? i}>\n            {(block.children ?? []).map((c, j) => (\n              <Span key={c._key ?? j} node={c} index={j} />\n            ))}\n          </Tag>\n        );\n      })}\n    </>\n  );\n}\n","import type { PortableTextDocument, TextProps } from \"@bettercms-ai/types\";\nimport { PortableText } from \"./portableText\";\n\ninterface TextBlockProps extends TextProps {\n  className?: string;\n  align?: \"left\" | \"center\" | \"right\";\n  /** Portable Text source. WINS over `html`, which is the derived cache. */\n  content?: PortableTextDocument;\n}\n\nexport function Text({ html, content, align = \"left\", className = \"\" }: TextBlockProps) {\n  const alignClass = {\n    left: \"text-left\",\n    center: \"text-center\",\n    right: \"text-right\",\n  }[align];\n\n  const cls = `text-muted-foreground leading-relaxed ${alignClass} ${className}`;\n\n  // `content` wins when present — it is the source of truth and renders through React, which\n  // escapes by construction. `html` remains the fallback so every block authored before\n  // Portable Text existed renders exactly as it always did.\n  if (content && content.content.length > 0) {\n    return (\n      <div className={cls}>\n        <PortableText doc={content} />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cls}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{ __html: html }}\n    />\n  );\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import type { ImageProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\n\ninterface ImageBlockProps extends ImageProps {\n  className?: string;\n  sizes?: string;\n}\n\nexport function Image({\n  src,\n  alt,\n  width,\n  height,\n  caption,\n  className = \"\",\n  sizes,\n}: ImageBlockProps) {\n  return (\n    <figure className={cn(\"w-full\", className)}>\n      <img\n        src={src}\n        alt={alt}\n        width={width}\n        height={height}\n        sizes={sizes}\n        className=\"w-full h-auto rounded-md object-cover\"\n        loading=\"lazy\"\n      />\n      {caption && (\n        <figcaption className=\"mt-2 text-sm text-muted-foreground text-center italic\">\n          {caption}\n        </figcaption>\n      )}\n    </figure>\n  );\n}\n","import type { ButtonProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\n\ninterface ButtonBlockProps extends ButtonProps {\n  className?: string;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nexport function Button({\n  text,\n  href,\n  variant = \"primary\",\n  align = \"left\",\n  className = \"\",\n}: ButtonBlockProps) {\n  const baseStyles =\n    \"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\";\n\n  const variantStyles = {\n    primary:\n      \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n    secondary:\n      \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n  };\n\n  const alignClass = {\n    left: \"justify-start\",\n    center: \"justify-center\",\n    right: \"justify-end\",\n  }[align];\n\n  return (\n    <a\n      href={href}\n      className={cn(baseStyles, variantStyles[variant], alignClass, \"px-4 py-2\", className)}\n    >\n      {text}\n    </a>\n  );\n}\n","import type { SpacerProps } from \"@bettercms-ai/types\";\n\ninterface SpacerBlockProps extends SpacerProps {\n  className?: string;\n}\n\nexport function Spacer({ height = 32, className = \"\" }: SpacerBlockProps) {\n  return (\n    <div\n      className={`w-full border border-dashed border-muted-foreground/20 rounded flex items-center justify-center ${className}`}\n      style={{ height: `${height}px` }}\n      aria-hidden=\"true\"\n    >\n      <span className=\"text-xs text-muted-foreground/40 select-none\">\n        {height}px\n      </span>\n    </div>\n  );\n}\n","import type { ColumnsProps, ContentBlock } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport React from \"react\";\n\ninterface ColumnsBlockProps extends ColumnsProps {\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function Columns({\n  columns,\n  gap = 16,\n  className = \"\",\n  renderBlock,\n}: ColumnsBlockProps) {\n  return (\n    <div\n      className={cn(\"grid w-full\", className)}\n      style={{\n        gridTemplateColumns: `repeat(${columns.length}, minmax(0, 1fr))`,\n        gap: `${gap}px`,\n      }}\n    >\n      {columns.map((columnBlocks, colIndex) => (\n        <div key={colIndex} className=\"flex flex-col gap-4 min-w-0\">\n          {columnBlocks.map((block) => (\n            <span key={block.id}>\n              {renderBlock ? renderBlock(block) : null}\n            </span>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import type { VideoProps } from \"@bettercms-ai/types\";\nimport { useState } from \"react\";\nimport { cn } from \"../lib/utils\";\n\ninterface VideoBlockProps extends VideoProps {\n  className?: string;\n}\n\nfunction getEmbedUrl(url: string): { embedUrl: string; provider: \"youtube\" | \"vimeo\" | \"unknown\" } {\n  // YouTube\n  const ytMatch = url.match(\n    /(?:youtube\\.com\\/(?:watch\\?v=|embed\\/)|youtu\\.be\\/)([a-zA-Z0-9_-]{11})/\n  );\n  if (ytMatch) {\n    return {\n      embedUrl: `https://www.youtube.com/embed/${ytMatch[1]}`,\n      provider: \"youtube\",\n    };\n  }\n\n  // Vimeo\n  const vimeoMatch = url.match(/vimeo\\.com\\/(\\d+)/);\n  if (vimeoMatch) {\n    return {\n      embedUrl: `https://player.vimeo.com/video/${vimeoMatch[1]}`,\n      provider: \"vimeo\",\n    };\n  }\n\n  return { embedUrl: url, provider: \"unknown\" };\n}\n\nexport function Video({\n  url,\n  poster,\n  autoplay = false,\n  loop = false,\n  className = \"\",\n}: VideoBlockProps) {\n  const [isLoaded, setIsLoaded] = useState(false);\n  const { embedUrl, provider } = getEmbedUrl(url);\n\n  // If not a recognized embed, render a native video tag\n  if (provider === \"unknown\") {\n    return (\n      <video\n        src={url}\n        poster={poster}\n        autoPlay={autoplay}\n        loop={loop}\n        controls\n        className={className}\n        playsInline\n      />\n    );\n  }\n\n  return (\n    <div className={cn(\"w-full overflow-hidden rounded-md bg-black aspect-video\", className)}>\n      {!isLoaded && poster && (\n        // eslint-disable-next-line @next/next/no-img-element\n        <img\n          src={poster}\n          alt=\"Video thumbnail\"\n          className=\"w-full h-full object-cover absolute inset-0\"\n        />\n      )}\n      <iframe\n        src={`${embedUrl}?autoplay=${autoplay ? 1 : 0}&loop=${loop ? 1 : 0}&mute=${autoplay ? 1 : 0}`}\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n        allowFullScreen\n        loading=\"lazy\"\n        onLoad={() => setIsLoaded(true)}\n        className=\"w-full h-full\"\n      />\n    </div>\n  );\n}\n","import type { SectionProps, ContentBlock } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport React from \"react\";\n\ninterface SectionBlockProps extends SectionProps {\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function Section({\n  children,\n  background,\n  paddingY,\n  maxWidth,\n  className = \"\",\n  renderBlock,\n}: SectionBlockProps) {\n  const inner = (children ?? []).map((block) => (\n    <span key={block.id}>{renderBlock ? renderBlock(block) : null}</span>\n  ));\n  return (\n    <section\n      className={cn(\"w-full\", className)}\n      style={{ background, paddingTop: paddingY, paddingBottom: paddingY }}\n    >\n      {maxWidth ? <div style={{ maxWidth, marginInline: \"auto\" }}>{inner}</div> : inner}\n    </section>\n  );\n}\n","import type { NavbarProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\n\ninterface NavbarBlockProps extends NavbarProps {\n  className?: string;\n}\n\nexport function Navbar({ logo, links, cta, className = \"\" }: NavbarBlockProps) {\n  return (\n    <nav className={cn(\"flex items-center gap-6 py-4\", className)}>\n      {logo?.src ? (\n        <a href={logo.href ?? \"/\"} className=\"shrink-0\">\n          <img src={logo.src} alt={logo.alt} className=\"h-8 w-auto\" />\n        </a>\n      ) : null}\n      <div className=\"flex flex-1 gap-5\">\n        {(links ?? []).map((l, i) => (\n          <a key={i} href={l.href} className=\"text-inherit no-underline\">\n            {l.label}\n          </a>\n        ))}\n      </div>\n      {cta ? (\n        <a\n          href={cta.href}\n          className=\"rounded-lg bg-black px-4 py-2 font-semibold text-white no-underline\"\n        >\n          {cta.text}\n        </a>\n      ) : null}\n    </nav>\n  );\n}\n","import type { FooterProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\n\ninterface FooterBlockProps extends FooterProps {\n  className?: string;\n}\n\nexport function Footer({ columns, copyright, className = \"\" }: FooterBlockProps) {\n  return (\n    <footer className={cn(\"mt-12 border-t pt-8\", className)}>\n      <div className=\"flex flex-wrap gap-12\">\n        {(columns ?? []).map((col, i) => (\n          <div key={i} className=\"flex flex-col gap-1.5\">\n            {col.heading ? <h4 className=\"mb-2 font-semibold\">{col.heading}</h4> : null}\n            {(col.links ?? []).map((l, j) => (\n              <a key={j} href={l.href} className=\"text-neutral-500 no-underline\">\n                {l.label}\n              </a>\n            ))}\n          </div>\n        ))}\n      </div>\n      {copyright ? <p className=\"mt-6 text-sm text-neutral-500\">{copyright}</p> : null}\n    </footer>\n  );\n}\n","\"use client\";\n\nimport type { SliderProps, ContentBlock } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport React, { useState } from \"react\";\n\ninterface SliderBlockProps extends SliderProps {\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function Slider({ slides, className = \"\", renderBlock }: SliderBlockProps) {\n  const [i, setI] = useState(0);\n  const list = slides ?? [];\n  const go = (n: number) => setI((n + list.length) % (list.length || 1));\n  const btn =\n    \"absolute top-1/2 -translate-y-1/2 flex h-9 w-9 items-center justify-center rounded-full border-0 bg-black/50 text-white cursor-pointer\";\n  return (\n    <div className={cn(\"relative w-full\", className)}>\n      {list.map((s, idx) => (\n        <div key={s.id} hidden={idx !== i} className=\"flex flex-col gap-4\">\n          {(s.children ?? []).map((b) => (\n            <span key={b.id}>{renderBlock ? renderBlock(b) : null}</span>\n          ))}\n        </div>\n      ))}\n      <button type=\"button\" aria-label=\"Previous\" onClick={() => go(i - 1)} className={cn(btn, \"left-2\")}>\n        &#8249;\n      </button>\n      <button type=\"button\" aria-label=\"Next\" onClick={() => go(i + 1)} className={cn(btn, \"right-2\")}>\n        &#8250;\n      </button>\n    </div>\n  );\n}\n","\"use client\";\n\nimport type { TabsProps, ContentBlock } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport React, { useState } from \"react\";\n\ninterface TabsBlockProps extends TabsProps {\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function Tabs({ tabs, className = \"\", renderBlock }: TabsBlockProps) {\n  const [active, setActive] = useState(0);\n  const list = tabs ?? [];\n  return (\n    <div className={cn(\"w-full\", className)}>\n      <div role=\"tablist\" className=\"mb-4 flex gap-1 border-b\">\n        {list.map((t, idx) => (\n          <button\n            key={t.id}\n            role=\"tab\"\n            type=\"button\"\n            aria-selected={idx === active}\n            onClick={() => setActive(idx)}\n            className={cn(\n              \"cursor-pointer border-b-2 border-transparent bg-transparent px-4 py-2\",\n              idx === active && \"border-black font-semibold\",\n            )}\n          >\n            {t.label}\n          </button>\n        ))}\n      </div>\n      {list.map((t, idx) => (\n        <div key={t.id} role=\"tabpanel\" hidden={idx !== active} className=\"flex flex-col gap-4\">\n          {(t.children ?? []).map((b) => (\n            <span key={b.id}>{renderBlock ? renderBlock(b) : null}</span>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import type { ComponentProps as BcmsComponentProps, FormProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\n\nconst box =\n  \"rounded border border-dashed border-neutral-300 bg-neutral-50 p-4 text-sm text-neutral-500\";\n\n/**\n * Builder-preview placeholder for a `component` instance. Live instance resolution\n * (definition lookup + override merge) happens server-side in the delivery renderer\n * and in the page-builder, which pass a resolver — the standalone library preview\n * just shows what's referenced.\n */\nexport function ComponentInstance({\n  componentId,\n  className = \"\",\n}: BcmsComponentProps & { className?: string }) {\n  return (\n    <div className={cn(box, className)}>\n      Component instance: <code>{componentId}</code>\n    </div>\n  );\n}\n\n/** Builder-preview placeholder for a `form` block (rendered live by @bettercms-ai/next). */\nexport function FormPlaceholder({ formId, className = \"\" }: FormProps & { className?: string }) {\n  return (\n    <div className={cn(box, className)}>\n      Form: <code>{formId}</code>\n    </div>\n  );\n}\n","import type { ContentBlock, BlockType } from \"@bettercms-ai/types\";\nimport { Heading } from \"./blocks/Heading\";\nimport { Text } from \"./blocks/Text\";\nimport { Image } from \"./blocks/Image\";\nimport { Button } from \"./blocks/Button\";\nimport { Spacer } from \"./blocks/Spacer\";\nimport { Columns } from \"./blocks/Columns\";\nimport { Video } from \"./blocks/Video\";\nimport { Section } from \"./blocks/Section\";\nimport { Navbar } from \"./blocks/Navbar\";\nimport { Footer } from \"./blocks/Footer\";\nimport { Slider } from \"./blocks/Slider\";\nimport { Tabs } from \"./blocks/Tabs\";\nimport { ComponentInstance, FormPlaceholder } from \"./blocks/Placeholders\";\n\n/**\n * Block registry entry — maps a block type to its React component\n * and metadata for the block library UI.\n */\nexport interface BlockRegistryEntry {\n  component: React.ComponentType<Record<string, unknown>>;\n  label: string;\n  icon: string;\n}\n\nexport const BLOCK_REGISTRY: Record<BlockType, BlockRegistryEntry> = {\n  heading: {\n    component: Heading as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Heading\",\n    icon: \"type\",\n  },\n  text: {\n    component: Text as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Text\",\n    icon: \"align-left\",\n  },\n  // Same payload, same renderer — deliberately. `richtext` differs from `text` only in how\n  // an author EDITS it (a formatting surface vs a plain field); at delivery both are an HTML\n  // string, so duplicating the component would be two things to keep in sync for no gain.\n  richtext: {\n    component: Text as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Rich text\",\n    icon: \"pilcrow\",\n  },\n  image: {\n    component: Image as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Image\",\n    icon: \"image\",\n  },\n  button: {\n    component: Button as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Button\",\n    icon: \"square\",\n  },\n  spacer: {\n    component: Spacer as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Spacer\",\n    icon: \"minus\",\n  },\n  columns: {\n    component: Columns as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Columns\",\n    icon: \"columns\",\n  },\n  video: {\n    component: Video as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Video\",\n    icon: \"play\",\n  },\n  section: {\n    component: Section as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Section\",\n    icon: \"layout\",\n  },\n  navbar: {\n    component: Navbar as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Navbar\",\n    icon: \"menu\",\n  },\n  footer: {\n    component: Footer as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Footer\",\n    icon: \"panel-bottom\",\n  },\n  slider: {\n    component: Slider as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Slider\",\n    icon: \"gallery-horizontal\",\n  },\n  tabs: {\n    component: Tabs as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Tabs\",\n    icon: \"folder\",\n  },\n  component: {\n    component: ComponentInstance as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Component\",\n    icon: \"component\",\n  },\n  form: {\n    component: FormPlaceholder as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Form\",\n    icon: \"clipboard-list\",\n  },\n} as const;\n\nexport const BLOCK_TYPES = Object.keys(BLOCK_REGISTRY) as BlockType[];\n\nexport type { ContentBlock, BlockType };\n","import type { CSSProperties } from \"react\";\nimport { blockStyleToCss, type BlockStyle } from \"@bettercms-ai/types\";\n\n/**\n * FLO-264 — React-typed wrapper over the shared, framework-agnostic\n * `blockStyleToCss` in @bettercms-ai/types. One mapping, three consumers (this UI\n * renderer, the @bettercms-ai/next adapter, and — in string form — the hosted\n * render-page.ts).\n */\nexport function blockStyleToReactStyle(style: BlockStyle | undefined): CSSProperties | undefined {\n  return blockStyleToCss(style) as CSSProperties | undefined;\n}\n","import type { ContentBlock } from \"@bettercms-ai/types\";\nimport { BLOCK_REGISTRY, type BlockRegistryEntry } from \"./registry\";\nimport { blockStyleToReactStyle } from \"./blockStyle\";\nimport React from \"react\";\n\n// Container blocks hold nested blocks and need the `renderBlock` callback threaded\n// so their children render recursively.\nconst CONTAINER_TYPES = new Set([\"columns\", \"section\", \"slider\", \"tabs\"]);\n\ninterface BlockRendererProps {\n  block: ContentBlock;\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nfunction resolveBlock(block: ContentBlock, className?: string): React.ReactNode {\n  const entry: BlockRegistryEntry | undefined = BLOCK_REGISTRY[block.type];\n\n  if (!entry) {\n    return (\n      <div\n        className={`w-full p-4 border border-dashed border-red-400 bg-red-50 text-red-600 text-sm rounded ${className ?? \"\"}`}\n      >\n        Unknown block type: <code>{block.type}</code>\n      </div>\n    );\n  }\n\n  const Component = entry.component;\n  const blockStyle = blockStyleToReactStyle(block.style);\n  const el = <Component {...block.props} className={className} />;\n  return blockStyle ? <div style={blockStyle}>{el}</div> : el;\n}\n\nexport function BlockRenderer({\n  block,\n  className = \"\",\n  renderBlock,\n}: BlockRendererProps) {\n  const entry: BlockRegistryEntry | undefined = BLOCK_REGISTRY[block.type];\n\n  if (!entry) {\n    return (\n      <div\n        className={`w-full p-4 border border-dashed border-red-400 bg-red-50 text-red-600 text-sm rounded ${className}`}\n      >\n        Unknown block type: <code>{block.type}</code>\n      </div>\n    );\n  }\n\n  // Container blocks (columns/section/slider/tabs) hold nested blocks, so thread the\n  // renderBlock callback. Standalone usage (no BlocksRenderer above) falls back to\n  // resolveBlock so one level of nesting still renders.\n  const Component = entry.component;\n  const containerProps = CONTAINER_TYPES.has(block.type)\n    ? { renderBlock: renderBlock ?? resolveBlock }\n    : {};\n  const blockStyle = blockStyleToReactStyle(block.style);\n  const el = <Component {...block.props} className={className} {...containerProps} />;\n  return blockStyle ? <div style={blockStyle}>{el}</div> : el;\n}\n\ninterface BlocksRendererProps {\n  blocks: ContentBlock[];\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function BlocksRenderer({\n  blocks,\n  className = \"\",\n  renderBlock,\n}: BlocksRendererProps) {\n  if (blocks.length === 0) return null;\n\n  return (\n    <div className={className}>\n      {blocks.map((block) => (\n        <BlockRenderer\n          key={block.id}\n          block={block}\n          renderBlock={renderBlock}\n        />\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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","names":["jsx","jsx","jsx","jsx","jsx","jsxs","jsx","jsx","jsxs","jsx","jsx","jsxs","jsx","jsxs","useState","jsx","jsxs","useState","jsx","jsxs","jsx","jsxs","jsx","jsxs"]}
+{"version":3,"sources":["../src/blocks/Heading.tsx","../src/blocks/portableText.tsx","../src/blocks/Text.tsx","../src/lib/utils.ts","../src/blocks/Image.tsx","../src/blocks/Button.tsx","../src/blocks/Spacer.tsx","../src/blocks/Columns.tsx","../src/blocks/Video.tsx","../src/blocks/Section.tsx","../src/blocks/Navbar.tsx","../src/blocks/Footer.tsx","../src/blocks/Slider.tsx","../src/blocks/Tabs.tsx","../src/blocks/Placeholders.tsx","../src/registry.ts","../src/blockStyle.ts","../src/renderer.tsx"],"sourcesContent":["import type { HeadingProps } from \"@bettercms-ai/types\";\nimport type { BcmsBindingProps } from \"../binding\";\n\ninterface HeadingBlockProps extends HeadingProps, BcmsBindingProps {\n  className?: string;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nexport function Heading({\n  text,\n  level = 2,\n  align = \"left\",\n  className = \"\",\n  \"data-bcms-field\": field,\n  \"data-bcms-kind\": kind,\n}: HeadingBlockProps) {\n  const alignClass = {\n    left: \"text-left\",\n    center: \"text-center\",\n    right: \"text-right\",\n  }[align];\n\n  const classNames = `font-heading font-bold tracking-tight text-foreground ${alignClass} ${className}`;\n\n  switch (level) {\n    case 1:\n      return <h1 className={classNames} data-bcms-field={field} data-bcms-kind={kind}>{text}</h1>;\n    case 2:\n      return <h2 className={classNames} data-bcms-field={field} data-bcms-kind={kind}>{text}</h2>;\n    case 3:\n      return <h3 className={classNames} data-bcms-field={field} data-bcms-kind={kind}>{text}</h3>;\n    default:\n      return <h2 className={classNames} data-bcms-field={field} data-bcms-kind={kind}>{text}</h2>;\n  }\n}\n","import React from \"react\";\nimport type { PortableTextDocument, PortableTextNode } from \"@bettercms-ai/types\";\n\n/**\n * Portable Text → React.\n *\n * React rather than an HTML string, deliberately: React escapes text children by default, so\n * author data cannot become markup here at all. The `dangerouslySetInnerHTML` path that the\n * `html` cache still uses has to be trusted; this one does not.\n *\n * Unknown marks and unknown styles are DROPPED, never passed through. A colour mark carries a\n * token NAME (`color:brand-accent`) which becomes a class the consuming site styles — so it is\n * theme-aware and survives a rebrand, which a baked hex does not.\n */\n\nconst MARK_TAGS: Record<string, keyof React.JSX.IntrinsicElements> = {\n  strong: \"strong\",\n  em: \"em\",\n  underline: \"u\",\n  \"strike-through\": \"s\",\n  code: \"code\",\n};\n\nconst BLOCK_TAGS: Record<string, keyof React.JSX.IntrinsicElements> = {\n  normal: \"p\",\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  blockquote: \"blockquote\",\n};\n\nfunction Span({ node, index }: { node: PortableTextNode; index: number }) {\n  const marks = node.marks ?? [];\n  const colour = marks.find((m) => m.startsWith(\"color:\"))?.slice(\"color:\".length);\n\n  // Text is a React child, so it is escaped by construction.\n  let out: React.ReactNode = node.text ?? \"\";\n  for (const m of marks) {\n    const Tag = MARK_TAGS[m];\n    if (Tag) out = <Tag>{out}</Tag>;\n  }\n  if (colour && /^[a-z0-9-]+$/i.test(colour)) {\n    out = <span className={`bcms-color-${colour}`}>{out}</span>;\n  }\n  return <React.Fragment key={node._key ?? index}>{out}</React.Fragment>;\n}\n\nexport function PortableText({ doc }: { doc: PortableTextDocument }) {\n  return (\n    <>\n      {doc.content.map((block, i) => {\n        const Tag = BLOCK_TAGS[block.style ?? \"normal\"] ?? \"p\";\n        return (\n          <Tag key={block._key ?? i}>\n            {(block.children ?? []).map((c, j) => (\n              <Span key={c._key ?? j} node={c} index={j} />\n            ))}\n          </Tag>\n        );\n      })}\n    </>\n  );\n}\n","import type { PortableTextDocument, TextProps } from \"@bettercms-ai/types\";\nimport { PortableText } from \"./portableText\";\nimport type { BcmsBindingProps } from \"../binding\";\n\ninterface TextBlockProps extends TextProps, BcmsBindingProps {\n  className?: string;\n  align?: \"left\" | \"center\" | \"right\";\n  /** Portable Text source. WINS over `html`, which is the derived cache. */\n  content?: PortableTextDocument;\n}\n\nexport function Text({\n  html,\n  content,\n  align = \"left\",\n  className = \"\",\n  \"data-bcms-field\": field,\n  \"data-bcms-kind\": kind,\n}: TextBlockProps) {\n  const alignClass = {\n    left: \"text-left\",\n    center: \"text-center\",\n    right: \"text-right\",\n  }[align];\n\n  const cls = `text-muted-foreground leading-relaxed ${alignClass} ${className}`;\n\n  // `content` wins when present — it is the source of truth and renders through React, which\n  // escapes by construction. `html` remains the fallback so every block authored before\n  // Portable Text existed renders exactly as it always did.\n  if (content && content.content.length > 0) {\n    return (\n      <div className={cls}>\n        <PortableText doc={content} />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cls}\n      data-bcms-field={field}\n      data-bcms-kind={kind}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{ __html: html }}\n    />\n  );\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import type { ImageProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport type { BcmsBindingProps } from \"../binding\";\n\ninterface ImageBlockProps extends ImageProps, BcmsBindingProps {\n  className?: string;\n  sizes?: string;\n}\n\nexport function Image({\n  src,\n  alt,\n  width,\n  height,\n  caption,\n  className = \"\",\n  sizes,\n  \"data-bcms-field\": field,\n  \"data-bcms-kind\": kind,\n}: ImageBlockProps) {\n  return (\n    <figure className={cn(\"w-full\", className)}>\n      <img\n        src={src}\n        alt={alt}\n        width={width}\n        height={height}\n        sizes={sizes}\n        data-bcms-field={field}\n        data-bcms-kind={kind}\n        className=\"w-full h-auto rounded-md object-cover\"\n        loading=\"lazy\"\n      />\n      {caption && (\n        <figcaption className=\"mt-2 text-sm text-muted-foreground text-center italic\">\n          {caption}\n        </figcaption>\n      )}\n    </figure>\n  );\n}\n","import type { ButtonProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport type { BcmsBindingProps } from \"../binding\";\n\ninterface ButtonBlockProps extends ButtonProps, BcmsBindingProps {\n  className?: string;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nexport function Button({\n  text,\n  href,\n  variant = \"primary\",\n  align = \"left\",\n  className = \"\",\n  \"data-bcms-field\": field,\n  \"data-bcms-kind\": kind,\n}: ButtonBlockProps) {\n  const baseStyles =\n    \"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\";\n\n  const variantStyles = {\n    primary:\n      \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n    secondary:\n      \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n  };\n\n  const alignClass = {\n    left: \"justify-start\",\n    center: \"justify-center\",\n    right: \"justify-end\",\n  }[align];\n\n  return (\n    <a\n      href={href}\n      data-bcms-field={field}\n      data-bcms-kind={kind}\n      className={cn(baseStyles, variantStyles[variant], alignClass, \"px-4 py-2\", className)}\n    >\n      {text}\n    </a>\n  );\n}\n","import type { SpacerProps } from \"@bettercms-ai/types\";\n\ninterface SpacerBlockProps extends SpacerProps {\n  className?: string;\n}\n\nexport function Spacer({ height = 32, className = \"\" }: SpacerBlockProps) {\n  return (\n    <div\n      className={`w-full border border-dashed border-muted-foreground/20 rounded flex items-center justify-center ${className}`}\n      style={{ height: `${height}px` }}\n      aria-hidden=\"true\"\n    >\n      <span className=\"text-xs text-muted-foreground/40 select-none\">\n        {height}px\n      </span>\n    </div>\n  );\n}\n","import type { ColumnsProps, ContentBlock } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport React from \"react\";\n\ninterface ColumnsBlockProps extends ColumnsProps {\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function Columns({\n  columns,\n  gap = 16,\n  className = \"\",\n  renderBlock,\n}: ColumnsBlockProps) {\n  return (\n    <div\n      className={cn(\"grid w-full\", className)}\n      style={{\n        gridTemplateColumns: `repeat(${columns.length}, minmax(0, 1fr))`,\n        gap: `${gap}px`,\n      }}\n    >\n      {columns.map((columnBlocks, colIndex) => (\n        <div key={colIndex} className=\"flex flex-col gap-4 min-w-0\">\n          {columnBlocks.map((block) => (\n            <span key={block.id}>\n              {renderBlock ? renderBlock(block) : null}\n            </span>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import type { VideoProps } from \"@bettercms-ai/types\";\nimport { useState } from \"react\";\nimport { cn } from \"../lib/utils\";\n\ninterface VideoBlockProps extends VideoProps {\n  className?: string;\n}\n\nfunction getEmbedUrl(url: string): { embedUrl: string; provider: \"youtube\" | \"vimeo\" | \"unknown\" } {\n  // YouTube\n  const ytMatch = url.match(\n    /(?:youtube\\.com\\/(?:watch\\?v=|embed\\/)|youtu\\.be\\/)([a-zA-Z0-9_-]{11})/\n  );\n  if (ytMatch) {\n    return {\n      embedUrl: `https://www.youtube.com/embed/${ytMatch[1]}`,\n      provider: \"youtube\",\n    };\n  }\n\n  // Vimeo\n  const vimeoMatch = url.match(/vimeo\\.com\\/(\\d+)/);\n  if (vimeoMatch) {\n    return {\n      embedUrl: `https://player.vimeo.com/video/${vimeoMatch[1]}`,\n      provider: \"vimeo\",\n    };\n  }\n\n  return { embedUrl: url, provider: \"unknown\" };\n}\n\nexport function Video({\n  url,\n  poster,\n  autoplay = false,\n  loop = false,\n  className = \"\",\n}: VideoBlockProps) {\n  const [isLoaded, setIsLoaded] = useState(false);\n  const { embedUrl, provider } = getEmbedUrl(url);\n\n  // If not a recognized embed, render a native video tag\n  if (provider === \"unknown\") {\n    return (\n      <video\n        src={url}\n        poster={poster}\n        autoPlay={autoplay}\n        loop={loop}\n        controls\n        className={className}\n        playsInline\n      />\n    );\n  }\n\n  return (\n    <div className={cn(\"w-full overflow-hidden rounded-md bg-black aspect-video\", className)}>\n      {!isLoaded && poster && (\n        // eslint-disable-next-line @next/next/no-img-element\n        <img\n          src={poster}\n          alt=\"Video thumbnail\"\n          className=\"w-full h-full object-cover absolute inset-0\"\n        />\n      )}\n      <iframe\n        src={`${embedUrl}?autoplay=${autoplay ? 1 : 0}&loop=${loop ? 1 : 0}&mute=${autoplay ? 1 : 0}`}\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n        allowFullScreen\n        loading=\"lazy\"\n        onLoad={() => setIsLoaded(true)}\n        className=\"w-full h-full\"\n      />\n    </div>\n  );\n}\n","import type { SectionProps, ContentBlock } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport React from \"react\";\n\ninterface SectionBlockProps extends SectionProps {\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function Section({\n  children,\n  background,\n  paddingY,\n  maxWidth,\n  className = \"\",\n  renderBlock,\n}: SectionBlockProps) {\n  const inner = (children ?? []).map((block) => (\n    <span key={block.id}>{renderBlock ? renderBlock(block) : null}</span>\n  ));\n  return (\n    <section\n      className={cn(\"w-full\", className)}\n      style={{ background, paddingTop: paddingY, paddingBottom: paddingY }}\n    >\n      {maxWidth ? <div style={{ maxWidth, marginInline: \"auto\" }}>{inner}</div> : inner}\n    </section>\n  );\n}\n","import type { NavbarProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\n\ninterface NavbarBlockProps extends NavbarProps {\n  className?: string;\n}\n\nexport function Navbar({ logo, links, cta, className = \"\" }: NavbarBlockProps) {\n  return (\n    <nav className={cn(\"flex items-center gap-6 py-4\", className)}>\n      {logo?.src ? (\n        <a href={logo.href ?? \"/\"} className=\"shrink-0\">\n          <img src={logo.src} alt={logo.alt} className=\"h-8 w-auto\" />\n        </a>\n      ) : null}\n      <div className=\"flex flex-1 gap-5\">\n        {(links ?? []).map((l, i) => (\n          <a key={i} href={l.href} className=\"text-inherit no-underline\">\n            {l.label}\n          </a>\n        ))}\n      </div>\n      {cta ? (\n        <a\n          href={cta.href}\n          className=\"rounded-lg bg-black px-4 py-2 font-semibold text-white no-underline\"\n        >\n          {cta.text}\n        </a>\n      ) : null}\n    </nav>\n  );\n}\n","import type { FooterProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\n\ninterface FooterBlockProps extends FooterProps {\n  className?: string;\n}\n\nexport function Footer({ columns, copyright, className = \"\" }: FooterBlockProps) {\n  return (\n    <footer className={cn(\"mt-12 border-t pt-8\", className)}>\n      <div className=\"flex flex-wrap gap-12\">\n        {(columns ?? []).map((col, i) => (\n          <div key={i} className=\"flex flex-col gap-1.5\">\n            {col.heading ? <h4 className=\"mb-2 font-semibold\">{col.heading}</h4> : null}\n            {(col.links ?? []).map((l, j) => (\n              <a key={j} href={l.href} className=\"text-neutral-500 no-underline\">\n                {l.label}\n              </a>\n            ))}\n          </div>\n        ))}\n      </div>\n      {copyright ? <p className=\"mt-6 text-sm text-neutral-500\">{copyright}</p> : null}\n    </footer>\n  );\n}\n","\"use client\";\n\nimport type { SliderProps, ContentBlock } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport React, { useState } from \"react\";\n\ninterface SliderBlockProps extends SliderProps {\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function Slider({ slides, className = \"\", renderBlock }: SliderBlockProps) {\n  const [i, setI] = useState(0);\n  const list = slides ?? [];\n  const go = (n: number) => setI((n + list.length) % (list.length || 1));\n  const btn =\n    \"absolute top-1/2 -translate-y-1/2 flex h-9 w-9 items-center justify-center rounded-full border-0 bg-black/50 text-white cursor-pointer\";\n  return (\n    <div className={cn(\"relative w-full\", className)}>\n      {list.map((s, idx) => (\n        <div key={s.id} hidden={idx !== i} className=\"flex flex-col gap-4\">\n          {(s.children ?? []).map((b) => (\n            <span key={b.id}>{renderBlock ? renderBlock(b) : null}</span>\n          ))}\n        </div>\n      ))}\n      <button type=\"button\" aria-label=\"Previous\" onClick={() => go(i - 1)} className={cn(btn, \"left-2\")}>\n        &#8249;\n      </button>\n      <button type=\"button\" aria-label=\"Next\" onClick={() => go(i + 1)} className={cn(btn, \"right-2\")}>\n        &#8250;\n      </button>\n    </div>\n  );\n}\n","\"use client\";\n\nimport type { TabsProps, ContentBlock } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport React, { useState } from \"react\";\n\ninterface TabsBlockProps extends TabsProps {\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function Tabs({ tabs, className = \"\", renderBlock }: TabsBlockProps) {\n  const [active, setActive] = useState(0);\n  const list = tabs ?? [];\n  return (\n    <div className={cn(\"w-full\", className)}>\n      <div role=\"tablist\" className=\"mb-4 flex gap-1 border-b\">\n        {list.map((t, idx) => (\n          <button\n            key={t.id}\n            role=\"tab\"\n            type=\"button\"\n            aria-selected={idx === active}\n            onClick={() => setActive(idx)}\n            className={cn(\n              \"cursor-pointer border-b-2 border-transparent bg-transparent px-4 py-2\",\n              idx === active && \"border-black font-semibold\",\n            )}\n          >\n            {t.label}\n          </button>\n        ))}\n      </div>\n      {list.map((t, idx) => (\n        <div key={t.id} role=\"tabpanel\" hidden={idx !== active} className=\"flex flex-col gap-4\">\n          {(t.children ?? []).map((b) => (\n            <span key={b.id}>{renderBlock ? renderBlock(b) : null}</span>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import type { ComponentProps as BcmsComponentProps, FormProps, CollectionProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\n\nconst box =\n  \"rounded border border-dashed border-neutral-300 bg-neutral-50 p-4 text-sm text-neutral-500\";\n\n/**\n * Builder-preview placeholder for a `component` instance. Live instance resolution\n * (definition lookup + override merge) happens server-side in the delivery renderer\n * and in the page-builder, which pass a resolver — the standalone library preview\n * just shows what's referenced.\n */\nexport function ComponentInstance({\n  componentId,\n  className = \"\",\n}: BcmsComponentProps & { className?: string }) {\n  return (\n    <div className={cn(box, className)}>\n      Component instance: <code>{componentId}</code>\n    </div>\n  );\n}\n\n/** Builder-preview placeholder for a `form` block (rendered live by @bettercms-ai/next). */\nexport function FormPlaceholder({ formId, className = \"\" }: FormProps & { className?: string }) {\n  return (\n    <div className={cn(box, className)}>\n      Form: <code>{formId}</code>\n    </div>\n  );\n}\n\n/**\n * Builder-preview placeholder for a `collection` block.\n *\n * The builder canvas has no entries to list — the list is fetched per request by the site\n * renderer, deliberately, so that a published snapshot can never bake in a stale set of\n * posts. A placeholder is therefore the honest render here, not a limitation.\n */\nexport function CollectionPlaceholder({\n  cardComponentId,\n  className = \"\",\n}: CollectionProps & { className?: string }) {\n  return (\n    <div className={cn(box, className)}>\n      Collection: entries of this page\n      {cardComponentId ? <> as <code>{cardComponentId}</code></> : <> (default card)</>}\n    </div>\n  );\n}\n","import type { ContentBlock, BlockType } from \"@bettercms-ai/types\";\nimport { Heading } from \"./blocks/Heading\";\nimport { Text } from \"./blocks/Text\";\nimport { Image } from \"./blocks/Image\";\nimport { Button } from \"./blocks/Button\";\nimport { Spacer } from \"./blocks/Spacer\";\nimport { Columns } from \"./blocks/Columns\";\nimport { Video } from \"./blocks/Video\";\nimport { Section } from \"./blocks/Section\";\nimport { Navbar } from \"./blocks/Navbar\";\nimport { Footer } from \"./blocks/Footer\";\nimport { Slider } from \"./blocks/Slider\";\nimport { Tabs } from \"./blocks/Tabs\";\nimport { ComponentInstance, FormPlaceholder, CollectionPlaceholder } from \"./blocks/Placeholders\";\n\n/**\n * Block registry entry — maps a block type to its React component\n * and metadata for the block library UI.\n */\nexport interface BlockRegistryEntry {\n  component: React.ComponentType<Record<string, unknown>>;\n  label: string;\n  icon: string;\n}\n\nexport const BLOCK_REGISTRY: Record<BlockType, BlockRegistryEntry> = {\n  // The entries of the page this block sits on. No preview here by design: the list is\n  // fetched per request by the site renderer, so the builder has nothing to show.\n  collection: {\n    component: CollectionPlaceholder as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Collection\",\n    icon: \"list\",\n  },\n  heading: {\n    component: Heading as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Heading\",\n    icon: \"type\",\n  },\n  text: {\n    component: Text as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Text\",\n    icon: \"align-left\",\n  },\n  // Same payload, same renderer — deliberately. `richtext` differs from `text` only in how\n  // an author EDITS it (a formatting surface vs a plain field); at delivery both are an HTML\n  // string, so duplicating the component would be two things to keep in sync for no gain.\n  richtext: {\n    component: Text as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Rich text\",\n    icon: \"pilcrow\",\n  },\n  image: {\n    component: Image as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Image\",\n    icon: \"image\",\n  },\n  button: {\n    component: Button as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Button\",\n    icon: \"square\",\n  },\n  spacer: {\n    component: Spacer as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Spacer\",\n    icon: \"minus\",\n  },\n  columns: {\n    component: Columns as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Columns\",\n    icon: \"columns\",\n  },\n  video: {\n    component: Video as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Video\",\n    icon: \"play\",\n  },\n  section: {\n    component: Section as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Section\",\n    icon: \"layout\",\n  },\n  navbar: {\n    component: Navbar as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Navbar\",\n    icon: \"menu\",\n  },\n  footer: {\n    component: Footer as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Footer\",\n    icon: \"panel-bottom\",\n  },\n  slider: {\n    component: Slider as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Slider\",\n    icon: \"gallery-horizontal\",\n  },\n  tabs: {\n    component: Tabs as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Tabs\",\n    icon: \"folder\",\n  },\n  component: {\n    component: ComponentInstance as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Component\",\n    icon: \"component\",\n  },\n  form: {\n    component: FormPlaceholder as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Form\",\n    icon: \"clipboard-list\",\n  },\n} as const;\n\nexport const BLOCK_TYPES = Object.keys(BLOCK_REGISTRY) as BlockType[];\n\nexport type { ContentBlock, BlockType };\n","import type { CSSProperties } from \"react\";\nimport { blockStyleToCss, type BlockStyle } from \"@bettercms-ai/types\";\n\n/**\n * FLO-264 — React-typed wrapper over the shared, framework-agnostic\n * `blockStyleToCss` in @bettercms-ai/types. One mapping, three consumers (this UI\n * renderer, the @bettercms-ai/next adapter, and — in string form — the hosted\n * render-page.ts).\n */\nexport function blockStyleToReactStyle(style: BlockStyle | undefined): CSSProperties | undefined {\n  return blockStyleToCss(style) as CSSProperties | undefined;\n}\n","import type { ContentBlock } from \"@bettercms-ai/types\";\nimport { BLOCK_REGISTRY, type BlockRegistryEntry } from \"./registry\";\nimport { blockStyleToReactStyle } from \"./blockStyle\";\nimport type { BcmsBindingProps } from \"./binding\";\nimport React from \"react\";\n\n// Container blocks hold nested blocks and need the `renderBlock` callback threaded\n// so their children render recursively.\nconst CONTAINER_TYPES = new Set([\"columns\", \"section\", \"slider\", \"tabs\"]);\n\ninterface BlockRendererProps {\n  block: ContentBlock;\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n  /** Emit visual-editor field bindings. Default-off keeps published consumers clean. */\n  annotate?: boolean;\n}\n\nfunction bindingProps(block: ContentBlock, annotate: boolean): BcmsBindingProps {\n  if (!annotate || !block.id) return {};\n  switch (block.type) {\n    case \"heading\":\n    case \"button\":\n      return { \"data-bcms-field\": `${block.id}__text`, \"data-bcms-kind\": \"text\" };\n    case \"text\":\n    case \"richtext\":\n      return { \"data-bcms-field\": `${block.id}__html`, \"data-bcms-kind\": \"richtext\" };\n    case \"image\":\n      return { \"data-bcms-field\": `${block.id}__src`, \"data-bcms-kind\": \"image\" };\n    default:\n      return {};\n  }\n}\n\nfunction resolveBlock(block: ContentBlock, className?: string, annotate = false): React.ReactNode {\n  const entry: BlockRegistryEntry | undefined = BLOCK_REGISTRY[block.type];\n\n  if (!entry) {\n    return (\n      <div\n        className={`w-full p-4 border border-dashed border-red-400 bg-red-50 text-red-600 text-sm rounded ${className ?? \"\"}`}\n      >\n        Unknown block type: <code>{block.type}</code>\n      </div>\n    );\n  }\n\n  const Component = entry.component;\n  const blockStyle = blockStyleToReactStyle(block.style);\n  const el = <Component {...block.props} className={className} {...bindingProps(block, annotate)} />;\n  return blockStyle ? <div style={blockStyle}>{el}</div> : el;\n}\n\nexport function BlockRenderer({\n  block,\n  className = \"\",\n  renderBlock,\n  annotate = false,\n}: BlockRendererProps) {\n  const entry: BlockRegistryEntry | undefined = BLOCK_REGISTRY[block.type];\n\n  if (!entry) {\n    return (\n      <div\n        className={`w-full p-4 border border-dashed border-red-400 bg-red-50 text-red-600 text-sm rounded ${className}`}\n      >\n        Unknown block type: <code>{block.type}</code>\n      </div>\n    );\n  }\n\n  // Container blocks (columns/section/slider/tabs) hold nested blocks, so thread the\n  // renderBlock callback. Standalone usage (no BlocksRenderer above) falls back to\n  // resolveBlock so one level of nesting still renders.\n  const Component = entry.component;\n  const containerProps = CONTAINER_TYPES.has(block.type)\n    ? { renderBlock: renderBlock ?? ((child: ContentBlock) => resolveBlock(child, undefined, annotate)) }\n    : {};\n  const blockStyle = blockStyleToReactStyle(block.style);\n  const el = (\n    <Component\n      {...block.props}\n      className={className}\n      {...containerProps}\n      {...bindingProps(block, annotate)}\n    />\n  );\n  return blockStyle ? <div style={blockStyle}>{el}</div> : el;\n}\n\ninterface BlocksRendererProps {\n  blocks: ContentBlock[];\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n  annotate?: boolean;\n}\n\nexport function BlocksRenderer({\n  blocks,\n  className = \"\",\n  renderBlock,\n  annotate = false,\n}: BlocksRendererProps) {\n  if (blocks.length === 0) return null;\n\n  return (\n    <div className={className}>\n      {blocks.map((block) => (\n        <BlockRenderer\n          key={block.id}\n          block={block}\n          renderBlock={renderBlock}\n          annotate={annotate}\n        />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;AA0Ba;AAlBN,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,kBAAkB;AACpB,GAAsB;AACpB,QAAM,aAAa;AAAA,IACjB,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,EACT,EAAE,KAAK;AAEP,QAAM,aAAa,yDAAyD,UAAU,IAAI,SAAS;AAEnG,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,oBAAC,QAAG,WAAW,YAAY,mBAAiB,OAAO,kBAAgB,MAAO,gBAAK;AAAA,IACxF,KAAK;AACH,aAAO,oBAAC,QAAG,WAAW,YAAY,mBAAiB,OAAO,kBAAgB,MAAO,gBAAK;AAAA,IACxF,KAAK;AACH,aAAO,oBAAC,QAAG,WAAW,YAAY,mBAAiB,OAAO,kBAAgB,MAAO,gBAAK;AAAA,IACxF;AACE,aAAO,oBAAC,QAAG,WAAW,YAAY,mBAAiB,OAAO,kBAAgB,MAAO,gBAAK;AAAA,EAC1F;AACF;;;AClCA,OAAO,WAAW;AA0CC,SAUf,UAVe,OAAAA,YAAA;AA3BnB,IAAM,YAA+D;AAAA,EACnE,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,MAAM;AACR;AAEA,IAAM,aAAgE;AAAA,EACpE,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,YAAY;AACd;AAEA,SAAS,KAAK,EAAE,MAAM,MAAM,GAA8C;AACxE,QAAM,QAAQ,KAAK,SAAS,CAAC;AAC7B,QAAM,SAAS,MAAM,KAAK,CAAC,MAAM,EAAE,WAAW,QAAQ,CAAC,GAAG,MAAM,SAAS,MAAM;AAG/E,MAAI,MAAuB,KAAK,QAAQ;AACxC,aAAW,KAAK,OAAO;AACrB,UAAM,MAAM,UAAU,CAAC;AACvB,QAAI,IAAK,OAAM,gBAAAA,KAAC,OAAK,eAAI;AAAA,EAC3B;AACA,MAAI,UAAU,gBAAgB,KAAK,MAAM,GAAG;AAC1C,UAAM,gBAAAA,KAAC,UAAK,WAAW,cAAc,MAAM,IAAK,eAAI;AAAA,EACtD;AACA,SAAO,gBAAAA,KAAC,MAAM,UAAN,EAAyC,iBAArB,KAAK,QAAQ,KAAY;AACvD;AAEO,SAAS,aAAa,EAAE,IAAI,GAAkC;AACnE,SACE,gBAAAA,KAAA,YACG,cAAI,QAAQ,IAAI,CAAC,OAAO,MAAM;AAC7B,UAAM,MAAM,WAAW,MAAM,SAAS,QAAQ,KAAK;AACnD,WACE,gBAAAA,KAAC,OACG,iBAAM,YAAY,CAAC,GAAG,IAAI,CAAC,GAAG,MAC9B,gBAAAA,KAAC,QAAuB,MAAM,GAAG,OAAO,KAA7B,EAAE,QAAQ,CAAsB,CAC5C,KAHO,MAAM,QAAQ,CAIxB;AAAA,EAEJ,CAAC,GACH;AAEJ;;;AChCQ,gBAAAC,YAAA;AAtBD,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,kBAAkB;AACpB,GAAmB;AACjB,QAAM,aAAa;AAAA,IACjB,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,EACT,EAAE,KAAK;AAEP,QAAM,MAAM,yCAAyC,UAAU,IAAI,SAAS;AAK5E,MAAI,WAAW,QAAQ,QAAQ,SAAS,GAAG;AACzC,WACE,gBAAAA,KAAC,SAAI,WAAW,KACd,0BAAAA,KAAC,gBAAa,KAAK,SAAS,GAC9B;AAAA,EAEJ;AAEA,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,mBAAiB;AAAA,MACjB,kBAAgB;AAAA,MAEhB,yBAAyB,EAAE,QAAQ,KAAK;AAAA;AAAA,EAC1C;AAEJ;;;AC/CA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ACgBI,SACE,OAAAC,MADF;AAZG,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,mBAAmB;AAAA,EACnB,kBAAkB;AACpB,GAAoB;AAClB,SACE,qBAAC,YAAO,WAAW,GAAG,UAAU,SAAS,GACvC;AAAA,oBAAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,mBAAiB;AAAA,QACjB,kBAAgB;AAAA,QAChB,WAAU;AAAA,QACV,SAAQ;AAAA;AAAA,IACV;AAAA,IACC,WACC,gBAAAA,KAAC,gBAAW,WAAU,yDACnB,mBACH;AAAA,KAEJ;AAEJ;;;ACLI,gBAAAC,YAAA;AA1BG,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,kBAAkB;AACpB,GAAqB;AACnB,QAAM,aACJ;AAEF,QAAM,gBAAgB;AAAA,IACpB,SACE;AAAA,IACF,WACE;AAAA,EACJ;AAEA,QAAM,aAAa;AAAA,IACjB,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,EACT,EAAE,KAAK;AAEP,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,mBAAiB;AAAA,MACjB,kBAAgB;AAAA,MAChB,WAAW,GAAG,YAAY,cAAc,OAAO,GAAG,YAAY,aAAa,SAAS;AAAA,MAEnF;AAAA;AAAA,EACH;AAEJ;;;ACpCI,gBAAAC,MAKE,QAAAC,aALF;AAFG,SAAS,OAAO,EAAE,SAAS,IAAI,YAAY,GAAG,GAAqB;AACxE,SACE,gBAAAD;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,mGAAmG,SAAS;AAAA,MACvH,OAAO,EAAE,QAAQ,GAAG,MAAM,KAAK;AAAA,MAC/B,eAAY;AAAA,MAEZ,0BAAAC,MAAC,UAAK,WAAU,gDACb;AAAA;AAAA,QAAO;AAAA,SACV;AAAA;AAAA,EACF;AAEJ;;;AChBA,OAAkB;AAwBN,gBAAAC,YAAA;AAjBL,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,MAAM;AAAA,EACN,YAAY;AAAA,EACZ;AACF,GAAsB;AACpB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,eAAe,SAAS;AAAA,MACtC,OAAO;AAAA,QACL,qBAAqB,UAAU,QAAQ,MAAM;AAAA,QAC7C,KAAK,GAAG,GAAG;AAAA,MACb;AAAA,MAEC,kBAAQ,IAAI,CAAC,cAAc,aAC1B,gBAAAA,KAAC,SAAmB,WAAU,+BAC3B,uBAAa,IAAI,CAAC,UACjB,gBAAAA,KAAC,UACE,wBAAc,YAAY,KAAK,IAAI,QAD3B,MAAM,EAEjB,CACD,KALO,QAMV,CACD;AAAA;AAAA,EACH;AAEJ;;;ACjCA,SAAS,gBAAgB;AA4CnB,gBAAAC,MAaF,QAAAC,aAbE;AArCN,SAAS,YAAY,KAA8E;AAEjG,QAAM,UAAU,IAAI;AAAA,IAClB;AAAA,EACF;AACA,MAAI,SAAS;AACX,WAAO;AAAA,MACL,UAAU,iCAAiC,QAAQ,CAAC,CAAC;AAAA,MACrD,UAAU;AAAA,IACZ;AAAA,EACF;AAGA,QAAM,aAAa,IAAI,MAAM,mBAAmB;AAChD,MAAI,YAAY;AACd,WAAO;AAAA,MACL,UAAU,kCAAkC,WAAW,CAAC,CAAC;AAAA,MACzD,UAAU;AAAA,IACZ;AAAA,EACF;AAEA,SAAO,EAAE,UAAU,KAAK,UAAU,UAAU;AAC9C;AAEO,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AACd,GAAoB;AAClB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,EAAE,UAAU,SAAS,IAAI,YAAY,GAAG;AAG9C,MAAI,aAAa,WAAW;AAC1B,WACE,gBAAAD;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA,UAAQ;AAAA,QACR;AAAA,QACA,aAAW;AAAA;AAAA,IACb;AAAA,EAEJ;AAEA,SACE,gBAAAC,MAAC,SAAI,WAAW,GAAG,2DAA2D,SAAS,GACpF;AAAA,KAAC,YAAY;AAAA,IAEZ,gBAAAD;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,KAAI;AAAA,QACJ,WAAU;AAAA;AAAA,IACZ;AAAA,IAEF,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,GAAG,QAAQ,aAAa,WAAW,IAAI,CAAC,SAAS,OAAO,IAAI,CAAC,SAAS,WAAW,IAAI,CAAC;AAAA,QAC3F,OAAM;AAAA,QACN,iBAAe;AAAA,QACf,SAAQ;AAAA,QACR,QAAQ,MAAM,YAAY,IAAI;AAAA,QAC9B,WAAU;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;;;AC3EA,OAAkB;AAgBd,gBAAAE,YAAA;AATG,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAAsB;AACpB,QAAM,SAAS,YAAY,CAAC,GAAG,IAAI,CAAC,UAClC,gBAAAA,KAAC,UAAqB,wBAAc,YAAY,KAAK,IAAI,QAA9C,MAAM,EAA6C,CAC/D;AACD,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,UAAU,SAAS;AAAA,MACjC,OAAO,EAAE,YAAY,YAAY,UAAU,eAAe,SAAS;AAAA,MAElE,qBAAW,gBAAAA,KAAC,SAAI,OAAO,EAAE,UAAU,cAAc,OAAO,GAAI,iBAAM,IAAS;AAAA;AAAA,EAC9E;AAEJ;;;ACnBI,SAGM,OAAAC,OAHN,QAAAC,aAAA;AAFG,SAAS,OAAO,EAAE,MAAM,OAAO,KAAK,YAAY,GAAG,GAAqB;AAC7E,SACE,gBAAAA,MAAC,SAAI,WAAW,GAAG,gCAAgC,SAAS,GACzD;AAAA,UAAM,MACL,gBAAAD,MAAC,OAAE,MAAM,KAAK,QAAQ,KAAK,WAAU,YACnC,0BAAAA,MAAC,SAAI,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,WAAU,cAAa,GAC5D,IACE;AAAA,IACJ,gBAAAA,MAAC,SAAI,WAAU,qBACX,oBAAS,CAAC,GAAG,IAAI,CAAC,GAAG,MACrB,gBAAAA,MAAC,OAAU,MAAM,EAAE,MAAM,WAAU,6BAChC,YAAE,SADG,CAER,CACD,GACH;AAAA,IACC,MACC,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,IAAI;AAAA,QACV,WAAU;AAAA,QAET,cAAI;AAAA;AAAA,IACP,IACE;AAAA,KACN;AAEJ;;;ACpBU,SACiB,OAAAE,OADjB,QAAAC,aAAA;AALH,SAAS,OAAO,EAAE,SAAS,WAAW,YAAY,GAAG,GAAqB;AAC/E,SACE,gBAAAA,MAAC,YAAO,WAAW,GAAG,uBAAuB,SAAS,GACpD;AAAA,oBAAAD,MAAC,SAAI,WAAU,yBACX,sBAAW,CAAC,GAAG,IAAI,CAAC,KAAK,MACzB,gBAAAC,MAAC,SAAY,WAAU,yBACpB;AAAA,UAAI,UAAU,gBAAAD,MAAC,QAAG,WAAU,sBAAsB,cAAI,SAAQ,IAAQ;AAAA,OACrE,IAAI,SAAS,CAAC,GAAG,IAAI,CAAC,GAAG,MACzB,gBAAAA,MAAC,OAAU,MAAM,EAAE,MAAM,WAAU,iCAChC,YAAE,SADG,CAER,CACD;AAAA,SANO,CAOV,CACD,GACH;AAAA,IACC,YAAY,gBAAAA,MAAC,OAAE,WAAU,iCAAiC,qBAAU,IAAO;AAAA,KAC9E;AAEJ;;;ACrBA,SAAgB,YAAAE,iBAAgB;AAc5B,SAIQ,OAAAC,OAJR,QAAAC,aAAA;AAPG,SAAS,OAAO,EAAE,QAAQ,YAAY,IAAI,YAAY,GAAqB;AAChF,QAAM,CAAC,GAAG,IAAI,IAAIF,UAAS,CAAC;AAC5B,QAAM,OAAO,UAAU,CAAC;AACxB,QAAM,KAAK,CAAC,MAAc,MAAM,IAAI,KAAK,WAAW,KAAK,UAAU,EAAE;AACrE,QAAM,MACJ;AACF,SACE,gBAAAE,MAAC,SAAI,WAAW,GAAG,mBAAmB,SAAS,GAC5C;AAAA,SAAK,IAAI,CAAC,GAAG,QACZ,gBAAAD,MAAC,SAAe,QAAQ,QAAQ,GAAG,WAAU,uBACzC,aAAE,YAAY,CAAC,GAAG,IAAI,CAAC,MACvB,gBAAAA,MAAC,UAAiB,wBAAc,YAAY,CAAC,IAAI,QAAtC,EAAE,EAAyC,CACvD,KAHO,EAAE,EAIZ,CACD;AAAA,IACD,gBAAAA,MAAC,YAAO,MAAK,UAAS,cAAW,YAAW,SAAS,MAAM,GAAG,IAAI,CAAC,GAAG,WAAW,GAAG,KAAK,QAAQ,GAAG,oBAEpG;AAAA,IACA,gBAAAA,MAAC,YAAO,MAAK,UAAS,cAAW,QAAO,SAAS,MAAM,GAAG,IAAI,CAAC,GAAG,WAAW,GAAG,KAAK,SAAS,GAAG,oBAEjG;AAAA,KACF;AAEJ;;;AC9BA,SAAgB,YAAAE,iBAAgB;AAW5B,SAGM,OAAAC,OAHN,QAAAC,aAAA;AAJG,SAAS,KAAK,EAAE,MAAM,YAAY,IAAI,YAAY,GAAmB;AAC1E,QAAM,CAAC,QAAQ,SAAS,IAAIF,UAAS,CAAC;AACtC,QAAM,OAAO,QAAQ,CAAC;AACtB,SACE,gBAAAE,MAAC,SAAI,WAAW,GAAG,UAAU,SAAS,GACpC;AAAA,oBAAAD,MAAC,SAAI,MAAK,WAAU,WAAU,4BAC3B,eAAK,IAAI,CAAC,GAAG,QACZ,gBAAAA;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,iBAAe,QAAQ;AAAA,QACvB,SAAS,MAAM,UAAU,GAAG;AAAA,QAC5B,WAAW;AAAA,UACT;AAAA,UACA,QAAQ,UAAU;AAAA,QACpB;AAAA,QAEC,YAAE;AAAA;AAAA,MAVE,EAAE;AAAA,IAWT,CACD,GACH;AAAA,IACC,KAAK,IAAI,CAAC,GAAG,QACZ,gBAAAA,MAAC,SAAe,MAAK,YAAW,QAAQ,QAAQ,QAAQ,WAAU,uBAC9D,aAAE,YAAY,CAAC,GAAG,IAAI,CAAC,MACvB,gBAAAA,MAAC,UAAiB,wBAAc,YAAY,CAAC,IAAI,QAAtC,EAAE,EAAyC,CACvD,KAHO,EAAE,EAIZ,CACD;AAAA,KACH;AAEJ;;;ACzBI,SA6BqB,YAAAE,WA5BC,OAAAC,OADtB,QAAAC,aAAA;AAdJ,IAAM,MACJ;AAQK,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,YAAY;AACd,GAAgD;AAC9C,SACE,gBAAAA,MAAC,SAAI,WAAW,GAAG,KAAK,SAAS,GAAG;AAAA;AAAA,IACd,gBAAAD,MAAC,UAAM,uBAAY;AAAA,KACzC;AAEJ;AAGO,SAAS,gBAAgB,EAAE,QAAQ,YAAY,GAAG,GAAuC;AAC9F,SACE,gBAAAC,MAAC,SAAI,WAAW,GAAG,KAAK,SAAS,GAAG;AAAA;AAAA,IAC5B,gBAAAD,MAAC,UAAM,kBAAO;AAAA,KACtB;AAEJ;AASO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA,YAAY;AACd,GAA6C;AAC3C,SACE,gBAAAC,MAAC,SAAI,WAAW,GAAG,KAAK,SAAS,GAAG;AAAA;AAAA,IAEjC,kBAAkB,gBAAAA,MAAAF,WAAA,EAAE;AAAA;AAAA,MAAI,gBAAAC,MAAC,UAAM,2BAAgB;AAAA,OAAO,IAAM,gBAAAA,MAAAD,WAAA,EAAE,6BAAe;AAAA,KAChF;AAEJ;;;ACxBO,IAAM,iBAAwD;AAAA;AAAA;AAAA,EAGnE,YAAY;AAAA,IACV,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA,EAIA,UAAU;AAAA,IACR,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,OAAO;AAAA,IACL,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,OAAO;AAAA,IACL,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF;AAEO,IAAM,cAAc,OAAO,KAAK,cAAc;;;AChHrD,SAAS,uBAAwC;AAQ1C,SAAS,uBAAuB,OAA0D;AAC/F,SAAO,gBAAgB,KAAK;AAC9B;;;ACPA,OAAkB;AAmCZ,SAGsB,OAAAG,OAHtB,QAAAC,aAAA;AA/BN,IAAM,kBAAkB,oBAAI,IAAI,CAAC,WAAW,WAAW,UAAU,MAAM,CAAC;AAUxE,SAAS,aAAa,OAAqB,UAAqC;AAC9E,MAAI,CAAC,YAAY,CAAC,MAAM,GAAI,QAAO,CAAC;AACpC,UAAQ,MAAM,MAAM;AAAA,IAClB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,EAAE,mBAAmB,GAAG,MAAM,EAAE,UAAU,kBAAkB,OAAO;AAAA,IAC5E,KAAK;AAAA,IACL,KAAK;AACH,aAAO,EAAE,mBAAmB,GAAG,MAAM,EAAE,UAAU,kBAAkB,WAAW;AAAA,IAChF,KAAK;AACH,aAAO,EAAE,mBAAmB,GAAG,MAAM,EAAE,SAAS,kBAAkB,QAAQ;AAAA,IAC5E;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAEA,SAAS,aAAa,OAAqB,WAAoB,WAAW,OAAwB;AAChG,QAAM,QAAwC,eAAe,MAAM,IAAI;AAEvE,MAAI,CAAC,OAAO;AACV,WACE,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,yFAAyF,aAAa,EAAE;AAAA,QACpH;AAAA;AAAA,UACqB,gBAAAD,MAAC,UAAM,gBAAM,MAAK;AAAA;AAAA;AAAA,IACxC;AAAA,EAEJ;AAEA,QAAM,YAAY,MAAM;AACxB,QAAM,aAAa,uBAAuB,MAAM,KAAK;AACrD,QAAM,KAAK,gBAAAA,MAAC,aAAW,GAAG,MAAM,OAAO,WAAuB,GAAG,aAAa,OAAO,QAAQ,GAAG;AAChG,SAAO,aAAa,gBAAAA,MAAC,SAAI,OAAO,YAAa,cAAG,IAAS;AAC3D;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,WAAW;AACb,GAAuB;AACrB,QAAM,QAAwC,eAAe,MAAM,IAAI;AAEvE,MAAI,CAAC,OAAO;AACV,WACE,gBAAAC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,yFAAyF,SAAS;AAAA,QAC9G;AAAA;AAAA,UACqB,gBAAAD,MAAC,UAAM,gBAAM,MAAK;AAAA;AAAA;AAAA,IACxC;AAAA,EAEJ;AAKA,QAAM,YAAY,MAAM;AACxB,QAAM,iBAAiB,gBAAgB,IAAI,MAAM,IAAI,IACjD,EAAE,aAAa,gBAAgB,CAAC,UAAwB,aAAa,OAAO,QAAW,QAAQ,GAAG,IAClG,CAAC;AACL,QAAM,aAAa,uBAAuB,MAAM,KAAK;AACrD,QAAM,KACJ,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,MAAM;AAAA,MACV;AAAA,MACC,GAAG;AAAA,MACH,GAAG,aAAa,OAAO,QAAQ;AAAA;AAAA,EAClC;AAEF,SAAO,aAAa,gBAAAA,MAAC,SAAI,OAAO,YAAa,cAAG,IAAS;AAC3D;AASO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,WAAW;AACb,GAAwB;AACtB,MAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,SACE,gBAAAA,MAAC,SAAI,WACF,iBAAO,IAAI,CAAC,UACX,gBAAAA;AAAA,IAAC;AAAA;AAAA,MAEC;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAHK,MAAM;AAAA,EAIb,CACD,GACH;AAEJ;","names":["jsx","jsx","jsx","jsx","jsx","jsxs","jsx","jsx","jsxs","jsx","jsx","jsxs","jsx","jsxs","useState","jsx","jsxs","useState","jsx","jsxs","Fragment","jsx","jsxs","jsx","jsxs"]}

package/dist/registry.js

@@ -6,7 +6,9 @@ function Heading({
   text,
   level = 2,
   align = "left",
-  className = ""
+  className = "",
+  "data-bcms-field": field,
+  "data-bcms-kind": kind
 }) {
   const alignClass = {
     left: "text-left",
@@ -16,13 +18,13 @@ function Heading({
   const classNames = `font-heading font-bold tracking-tight text-foreground ${alignClass} ${className}`;
   switch (level) {
     case 1:
-      return /* @__PURE__ */ jsx("h1", { className: classNames, children: text });
+      return /* @__PURE__ */ jsx("h1", { className: classNames, "data-bcms-field": field, "data-bcms-kind": kind, children: text });
     case 2:
-      return /* @__PURE__ */ jsx("h2", { className: classNames, children: text });
+      return /* @__PURE__ */ jsx("h2", { className: classNames, "data-bcms-field": field, "data-bcms-kind": kind, children: text });
     case 3:
-      return /* @__PURE__ */ jsx("h3", { className: classNames, children: text });
+      return /* @__PURE__ */ jsx("h3", { className: classNames, "data-bcms-field": field, "data-bcms-kind": kind, children: text });
     default:
-      return /* @__PURE__ */ jsx("h2", { className: classNames, children: text });
+      return /* @__PURE__ */ jsx("h2", { className: classNames, "data-bcms-field": field, "data-bcms-kind": kind, children: text });
   }
 }
 
@@ -68,7 +70,14 @@ function PortableText({ doc }) {
 
 // src/blocks/Text.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
-function Text({ html, content, align = "left", className = "" }) {
+function Text({
+  html,
+  content,
+  align = "left",
+  className = "",
+  "data-bcms-field": field,
+  "data-bcms-kind": kind
+}) {
   const alignClass = {
     left: "text-left",
     center: "text-center",
@@ -82,6 +91,8 @@ function Text({ html, content, align = "left", className = "" }) {
     "div",
     {
       className: cls,
+      "data-bcms-field": field,
+      "data-bcms-kind": kind,
       dangerouslySetInnerHTML: { __html: html }
     }
   );
@@ -103,7 +114,9 @@ function Image({
   height,
   caption,
   className = "",
-  sizes
+  sizes,
+  "data-bcms-field": field,
+  "data-bcms-kind": kind
 }) {
   return /* @__PURE__ */ jsxs("figure", { className: cn("w-full", className), children: [
     /* @__PURE__ */ jsx4(
@@ -114,6 +127,8 @@ function Image({
         width,
         height,
         sizes,
+        "data-bcms-field": field,
+        "data-bcms-kind": kind,
         className: "w-full h-auto rounded-md object-cover",
         loading: "lazy"
       }
@@ -129,7 +144,9 @@ function Button({
   href,
   variant = "primary",
   align = "left",
-  className = ""
+  className = "",
+  "data-bcms-field": field,
+  "data-bcms-kind": kind
 }) {
   const baseStyles = "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50";
   const variantStyles = {
@@ -145,6 +162,8 @@ function Button({
     "a",
     {
       href,
+      "data-bcms-field": field,
+      "data-bcms-kind": kind,
       className: cn(baseStyles, variantStyles[variant], alignClass, "px-4 py-2", className),
       children: text
     }
@@ -352,7 +371,7 @@ function Tabs({ tabs, className = "", renderBlock }) {
 }
 
 // src/blocks/Placeholders.tsx
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 var box = "rounded border border-dashed border-neutral-300 bg-neutral-50 p-4 text-sm text-neutral-500";
 function ComponentInstance({
   componentId,
@@ -369,9 +388,28 @@ function FormPlaceholder({ formId, className = "" }) {
     /* @__PURE__ */ jsx14("code", { children: formId })
   ] });
 }
+function CollectionPlaceholder({
+  cardComponentId,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs8("div", { className: cn(box, className), children: [
+    "Collection: entries of this page",
+    cardComponentId ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
+      " as ",
+      /* @__PURE__ */ jsx14("code", { children: cardComponentId })
+    ] }) : /* @__PURE__ */ jsx14(Fragment2, { children: " (default card)" })
+  ] });
+}
 
 // src/registry.ts
 var BLOCK_REGISTRY = {
+  // The entries of the page this block sits on. No preview here by design: the list is
+  // fetched per request by the site renderer, so the builder has nothing to show.
+  collection: {
+    component: CollectionPlaceholder,
+    label: "Collection",
+    icon: "list"
+  },
   heading: {
     component: Heading,
     label: "Heading",

package/dist/registry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/blocks/Heading.tsx","../src/blocks/portableText.tsx","../src/blocks/Text.tsx","../src/lib/utils.ts","../src/blocks/Image.tsx","../src/blocks/Button.tsx","../src/blocks/Spacer.tsx","../src/blocks/Columns.tsx","../src/blocks/Video.tsx","../src/blocks/Section.tsx","../src/blocks/Navbar.tsx","../src/blocks/Footer.tsx","../src/blocks/Slider.tsx","../src/blocks/Tabs.tsx","../src/blocks/Placeholders.tsx","../src/registry.ts"],"sourcesContent":["import type { HeadingProps } from \"@bettercms-ai/types\";\n\ninterface HeadingBlockProps extends HeadingProps {\n  className?: string;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nexport function Heading({\n  text,\n  level = 2,\n  align = \"left\",\n  className = \"\",\n}: HeadingBlockProps) {\n  const alignClass = {\n    left: \"text-left\",\n    center: \"text-center\",\n    right: \"text-right\",\n  }[align];\n\n  const classNames = `font-heading font-bold tracking-tight text-foreground ${alignClass} ${className}`;\n\n  switch (level) {\n    case 1:\n      return <h1 className={classNames}>{text}</h1>;\n    case 2:\n      return <h2 className={classNames}>{text}</h2>;\n    case 3:\n      return <h3 className={classNames}>{text}</h3>;\n    default:\n      return <h2 className={classNames}>{text}</h2>;\n  }\n}\n","import React from \"react\";\nimport type { PortableTextDocument, PortableTextNode } from \"@bettercms-ai/types\";\n\n/**\n * Portable Text → React.\n *\n * React rather than an HTML string, deliberately: React escapes text children by default, so\n * author data cannot become markup here at all. The `dangerouslySetInnerHTML` path that the\n * `html` cache still uses has to be trusted; this one does not.\n *\n * Unknown marks and unknown styles are DROPPED, never passed through. A colour mark carries a\n * token NAME (`color:brand-accent`) which becomes a class the consuming site styles — so it is\n * theme-aware and survives a rebrand, which a baked hex does not.\n */\n\nconst MARK_TAGS: Record<string, keyof React.JSX.IntrinsicElements> = {\n  strong: \"strong\",\n  em: \"em\",\n  underline: \"u\",\n  \"strike-through\": \"s\",\n  code: \"code\",\n};\n\nconst BLOCK_TAGS: Record<string, keyof React.JSX.IntrinsicElements> = {\n  normal: \"p\",\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  blockquote: \"blockquote\",\n};\n\nfunction Span({ node, index }: { node: PortableTextNode; index: number }) {\n  const marks = node.marks ?? [];\n  const colour = marks.find((m) => m.startsWith(\"color:\"))?.slice(\"color:\".length);\n\n  // Text is a React child, so it is escaped by construction.\n  let out: React.ReactNode = node.text ?? \"\";\n  for (const m of marks) {\n    const Tag = MARK_TAGS[m];\n    if (Tag) out = <Tag>{out}</Tag>;\n  }\n  if (colour && /^[a-z0-9-]+$/i.test(colour)) {\n    out = <span className={`bcms-color-${colour}`}>{out}</span>;\n  }\n  return <React.Fragment key={node._key ?? index}>{out}</React.Fragment>;\n}\n\nexport function PortableText({ doc }: { doc: PortableTextDocument }) {\n  return (\n    <>\n      {doc.content.map((block, i) => {\n        const Tag = BLOCK_TAGS[block.style ?? \"normal\"] ?? \"p\";\n        return (\n          <Tag key={block._key ?? i}>\n            {(block.children ?? []).map((c, j) => (\n              <Span key={c._key ?? j} node={c} index={j} />\n            ))}\n          </Tag>\n        );\n      })}\n    </>\n  );\n}\n","import type { PortableTextDocument, TextProps } from \"@bettercms-ai/types\";\nimport { PortableText } from \"./portableText\";\n\ninterface TextBlockProps extends TextProps {\n  className?: string;\n  align?: \"left\" | \"center\" | \"right\";\n  /** Portable Text source. WINS over `html`, which is the derived cache. */\n  content?: PortableTextDocument;\n}\n\nexport function Text({ html, content, align = \"left\", className = \"\" }: TextBlockProps) {\n  const alignClass = {\n    left: \"text-left\",\n    center: \"text-center\",\n    right: \"text-right\",\n  }[align];\n\n  const cls = `text-muted-foreground leading-relaxed ${alignClass} ${className}`;\n\n  // `content` wins when present — it is the source of truth and renders through React, which\n  // escapes by construction. `html` remains the fallback so every block authored before\n  // Portable Text existed renders exactly as it always did.\n  if (content && content.content.length > 0) {\n    return (\n      <div className={cls}>\n        <PortableText doc={content} />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cls}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{ __html: html }}\n    />\n  );\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import type { ImageProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\n\ninterface ImageBlockProps extends ImageProps {\n  className?: string;\n  sizes?: string;\n}\n\nexport function Image({\n  src,\n  alt,\n  width,\n  height,\n  caption,\n  className = \"\",\n  sizes,\n}: ImageBlockProps) {\n  return (\n    <figure className={cn(\"w-full\", className)}>\n      <img\n        src={src}\n        alt={alt}\n        width={width}\n        height={height}\n        sizes={sizes}\n        className=\"w-full h-auto rounded-md object-cover\"\n        loading=\"lazy\"\n      />\n      {caption && (\n        <figcaption className=\"mt-2 text-sm text-muted-foreground text-center italic\">\n          {caption}\n        </figcaption>\n      )}\n    </figure>\n  );\n}\n","import type { ButtonProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\n\ninterface ButtonBlockProps extends ButtonProps {\n  className?: string;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nexport function Button({\n  text,\n  href,\n  variant = \"primary\",\n  align = \"left\",\n  className = \"\",\n}: ButtonBlockProps) {\n  const baseStyles =\n    \"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\";\n\n  const variantStyles = {\n    primary:\n      \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n    secondary:\n      \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n  };\n\n  const alignClass = {\n    left: \"justify-start\",\n    center: \"justify-center\",\n    right: \"justify-end\",\n  }[align];\n\n  return (\n    <a\n      href={href}\n      className={cn(baseStyles, variantStyles[variant], alignClass, \"px-4 py-2\", className)}\n    >\n      {text}\n    </a>\n  );\n}\n","import type { SpacerProps } from \"@bettercms-ai/types\";\n\ninterface SpacerBlockProps extends SpacerProps {\n  className?: string;\n}\n\nexport function Spacer({ height = 32, className = \"\" }: SpacerBlockProps) {\n  return (\n    <div\n      className={`w-full border border-dashed border-muted-foreground/20 rounded flex items-center justify-center ${className}`}\n      style={{ height: `${height}px` }}\n      aria-hidden=\"true\"\n    >\n      <span className=\"text-xs text-muted-foreground/40 select-none\">\n        {height}px\n      </span>\n    </div>\n  );\n}\n","import type { ColumnsProps, ContentBlock } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport React from \"react\";\n\ninterface ColumnsBlockProps extends ColumnsProps {\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function Columns({\n  columns,\n  gap = 16,\n  className = \"\",\n  renderBlock,\n}: ColumnsBlockProps) {\n  return (\n    <div\n      className={cn(\"grid w-full\", className)}\n      style={{\n        gridTemplateColumns: `repeat(${columns.length}, minmax(0, 1fr))`,\n        gap: `${gap}px`,\n      }}\n    >\n      {columns.map((columnBlocks, colIndex) => (\n        <div key={colIndex} className=\"flex flex-col gap-4 min-w-0\">\n          {columnBlocks.map((block) => (\n            <span key={block.id}>\n              {renderBlock ? renderBlock(block) : null}\n            </span>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import type { VideoProps } from \"@bettercms-ai/types\";\nimport { useState } from \"react\";\nimport { cn } from \"../lib/utils\";\n\ninterface VideoBlockProps extends VideoProps {\n  className?: string;\n}\n\nfunction getEmbedUrl(url: string): { embedUrl: string; provider: \"youtube\" | \"vimeo\" | \"unknown\" } {\n  // YouTube\n  const ytMatch = url.match(\n    /(?:youtube\\.com\\/(?:watch\\?v=|embed\\/)|youtu\\.be\\/)([a-zA-Z0-9_-]{11})/\n  );\n  if (ytMatch) {\n    return {\n      embedUrl: `https://www.youtube.com/embed/${ytMatch[1]}`,\n      provider: \"youtube\",\n    };\n  }\n\n  // Vimeo\n  const vimeoMatch = url.match(/vimeo\\.com\\/(\\d+)/);\n  if (vimeoMatch) {\n    return {\n      embedUrl: `https://player.vimeo.com/video/${vimeoMatch[1]}`,\n      provider: \"vimeo\",\n    };\n  }\n\n  return { embedUrl: url, provider: \"unknown\" };\n}\n\nexport function Video({\n  url,\n  poster,\n  autoplay = false,\n  loop = false,\n  className = \"\",\n}: VideoBlockProps) {\n  const [isLoaded, setIsLoaded] = useState(false);\n  const { embedUrl, provider } = getEmbedUrl(url);\n\n  // If not a recognized embed, render a native video tag\n  if (provider === \"unknown\") {\n    return (\n      <video\n        src={url}\n        poster={poster}\n        autoPlay={autoplay}\n        loop={loop}\n        controls\n        className={className}\n        playsInline\n      />\n    );\n  }\n\n  return (\n    <div className={cn(\"w-full overflow-hidden rounded-md bg-black aspect-video\", className)}>\n      {!isLoaded && poster && (\n        // eslint-disable-next-line @next/next/no-img-element\n        <img\n          src={poster}\n          alt=\"Video thumbnail\"\n          className=\"w-full h-full object-cover absolute inset-0\"\n        />\n      )}\n      <iframe\n        src={`${embedUrl}?autoplay=${autoplay ? 1 : 0}&loop=${loop ? 1 : 0}&mute=${autoplay ? 1 : 0}`}\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n        allowFullScreen\n        loading=\"lazy\"\n        onLoad={() => setIsLoaded(true)}\n        className=\"w-full h-full\"\n      />\n    </div>\n  );\n}\n","import type { SectionProps, ContentBlock } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport React from \"react\";\n\ninterface SectionBlockProps extends SectionProps {\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function Section({\n  children,\n  background,\n  paddingY,\n  maxWidth,\n  className = \"\",\n  renderBlock,\n}: SectionBlockProps) {\n  const inner = (children ?? []).map((block) => (\n    <span key={block.id}>{renderBlock ? renderBlock(block) : null}</span>\n  ));\n  return (\n    <section\n      className={cn(\"w-full\", className)}\n      style={{ background, paddingTop: paddingY, paddingBottom: paddingY }}\n    >\n      {maxWidth ? <div style={{ maxWidth, marginInline: \"auto\" }}>{inner}</div> : inner}\n    </section>\n  );\n}\n","import type { NavbarProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\n\ninterface NavbarBlockProps extends NavbarProps {\n  className?: string;\n}\n\nexport function Navbar({ logo, links, cta, className = \"\" }: NavbarBlockProps) {\n  return (\n    <nav className={cn(\"flex items-center gap-6 py-4\", className)}>\n      {logo?.src ? (\n        <a href={logo.href ?? \"/\"} className=\"shrink-0\">\n          <img src={logo.src} alt={logo.alt} className=\"h-8 w-auto\" />\n        </a>\n      ) : null}\n      <div className=\"flex flex-1 gap-5\">\n        {(links ?? []).map((l, i) => (\n          <a key={i} href={l.href} className=\"text-inherit no-underline\">\n            {l.label}\n          </a>\n        ))}\n      </div>\n      {cta ? (\n        <a\n          href={cta.href}\n          className=\"rounded-lg bg-black px-4 py-2 font-semibold text-white no-underline\"\n        >\n          {cta.text}\n        </a>\n      ) : null}\n    </nav>\n  );\n}\n","import type { FooterProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\n\ninterface FooterBlockProps extends FooterProps {\n  className?: string;\n}\n\nexport function Footer({ columns, copyright, className = \"\" }: FooterBlockProps) {\n  return (\n    <footer className={cn(\"mt-12 border-t pt-8\", className)}>\n      <div className=\"flex flex-wrap gap-12\">\n        {(columns ?? []).map((col, i) => (\n          <div key={i} className=\"flex flex-col gap-1.5\">\n            {col.heading ? <h4 className=\"mb-2 font-semibold\">{col.heading}</h4> : null}\n            {(col.links ?? []).map((l, j) => (\n              <a key={j} href={l.href} className=\"text-neutral-500 no-underline\">\n                {l.label}\n              </a>\n            ))}\n          </div>\n        ))}\n      </div>\n      {copyright ? <p className=\"mt-6 text-sm text-neutral-500\">{copyright}</p> : null}\n    </footer>\n  );\n}\n","\"use client\";\n\nimport type { SliderProps, ContentBlock } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport React, { useState } from \"react\";\n\ninterface SliderBlockProps extends SliderProps {\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function Slider({ slides, className = \"\", renderBlock }: SliderBlockProps) {\n  const [i, setI] = useState(0);\n  const list = slides ?? [];\n  const go = (n: number) => setI((n + list.length) % (list.length || 1));\n  const btn =\n    \"absolute top-1/2 -translate-y-1/2 flex h-9 w-9 items-center justify-center rounded-full border-0 bg-black/50 text-white cursor-pointer\";\n  return (\n    <div className={cn(\"relative w-full\", className)}>\n      {list.map((s, idx) => (\n        <div key={s.id} hidden={idx !== i} className=\"flex flex-col gap-4\">\n          {(s.children ?? []).map((b) => (\n            <span key={b.id}>{renderBlock ? renderBlock(b) : null}</span>\n          ))}\n        </div>\n      ))}\n      <button type=\"button\" aria-label=\"Previous\" onClick={() => go(i - 1)} className={cn(btn, \"left-2\")}>\n        &#8249;\n      </button>\n      <button type=\"button\" aria-label=\"Next\" onClick={() => go(i + 1)} className={cn(btn, \"right-2\")}>\n        &#8250;\n      </button>\n    </div>\n  );\n}\n","\"use client\";\n\nimport type { TabsProps, ContentBlock } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport React, { useState } from \"react\";\n\ninterface TabsBlockProps extends TabsProps {\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function Tabs({ tabs, className = \"\", renderBlock }: TabsBlockProps) {\n  const [active, setActive] = useState(0);\n  const list = tabs ?? [];\n  return (\n    <div className={cn(\"w-full\", className)}>\n      <div role=\"tablist\" className=\"mb-4 flex gap-1 border-b\">\n        {list.map((t, idx) => (\n          <button\n            key={t.id}\n            role=\"tab\"\n            type=\"button\"\n            aria-selected={idx === active}\n            onClick={() => setActive(idx)}\n            className={cn(\n              \"cursor-pointer border-b-2 border-transparent bg-transparent px-4 py-2\",\n              idx === active && \"border-black font-semibold\",\n            )}\n          >\n            {t.label}\n          </button>\n        ))}\n      </div>\n      {list.map((t, idx) => (\n        <div key={t.id} role=\"tabpanel\" hidden={idx !== active} className=\"flex flex-col gap-4\">\n          {(t.children ?? []).map((b) => (\n            <span key={b.id}>{renderBlock ? renderBlock(b) : null}</span>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import type { ComponentProps as BcmsComponentProps, FormProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\n\nconst box =\n  \"rounded border border-dashed border-neutral-300 bg-neutral-50 p-4 text-sm text-neutral-500\";\n\n/**\n * Builder-preview placeholder for a `component` instance. Live instance resolution\n * (definition lookup + override merge) happens server-side in the delivery renderer\n * and in the page-builder, which pass a resolver — the standalone library preview\n * just shows what's referenced.\n */\nexport function ComponentInstance({\n  componentId,\n  className = \"\",\n}: BcmsComponentProps & { className?: string }) {\n  return (\n    <div className={cn(box, className)}>\n      Component instance: <code>{componentId}</code>\n    </div>\n  );\n}\n\n/** Builder-preview placeholder for a `form` block (rendered live by @bettercms-ai/next). */\nexport function FormPlaceholder({ formId, className = \"\" }: FormProps & { className?: string }) {\n  return (\n    <div className={cn(box, className)}>\n      Form: <code>{formId}</code>\n    </div>\n  );\n}\n","import type { ContentBlock, BlockType } from \"@bettercms-ai/types\";\nimport { Heading } from \"./blocks/Heading\";\nimport { Text } from \"./blocks/Text\";\nimport { Image } from \"./blocks/Image\";\nimport { Button } from \"./blocks/Button\";\nimport { Spacer } from \"./blocks/Spacer\";\nimport { Columns } from \"./blocks/Columns\";\nimport { Video } from \"./blocks/Video\";\nimport { Section } from \"./blocks/Section\";\nimport { Navbar } from \"./blocks/Navbar\";\nimport { Footer } from \"./blocks/Footer\";\nimport { Slider } from \"./blocks/Slider\";\nimport { Tabs } from \"./blocks/Tabs\";\nimport { ComponentInstance, FormPlaceholder } from \"./blocks/Placeholders\";\n\n/**\n * Block registry entry — maps a block type to its React component\n * and metadata for the block library UI.\n */\nexport interface BlockRegistryEntry {\n  component: React.ComponentType<Record<string, unknown>>;\n  label: string;\n  icon: string;\n}\n\nexport const BLOCK_REGISTRY: Record<BlockType, BlockRegistryEntry> = {\n  heading: {\n    component: Heading as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Heading\",\n    icon: \"type\",\n  },\n  text: {\n    component: Text as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Text\",\n    icon: \"align-left\",\n  },\n  // Same payload, same renderer — deliberately. `richtext` differs from `text` only in how\n  // an author EDITS it (a formatting surface vs a plain field); at delivery both are an HTML\n  // string, so duplicating the component would be two things to keep in sync for no gain.\n  richtext: {\n    component: Text as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Rich text\",\n    icon: \"pilcrow\",\n  },\n  image: {\n    component: Image as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Image\",\n    icon: \"image\",\n  },\n  button: {\n    component: Button as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Button\",\n    icon: \"square\",\n  },\n  spacer: {\n    component: Spacer as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Spacer\",\n    icon: \"minus\",\n  },\n  columns: {\n    component: Columns as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Columns\",\n    icon: \"columns\",\n  },\n  video: {\n    component: Video as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Video\",\n    icon: \"play\",\n  },\n  section: {\n    component: Section as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Section\",\n    icon: \"layout\",\n  },\n  navbar: {\n    component: Navbar as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Navbar\",\n    icon: \"menu\",\n  },\n  footer: {\n    component: Footer as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Footer\",\n    icon: \"panel-bottom\",\n  },\n  slider: {\n    component: Slider as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Slider\",\n    icon: \"gallery-horizontal\",\n  },\n  tabs: {\n    component: Tabs as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Tabs\",\n    icon: \"folder\",\n  },\n  component: {\n    component: ComponentInstance as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Component\",\n    icon: \"component\",\n  },\n  form: {\n    component: FormPlaceholder as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Form\",\n    icon: \"clipboard-list\",\n  },\n} as const;\n\nexport const BLOCK_TYPES = Object.keys(BLOCK_REGISTRY) as BlockType[];\n\nexport type { ContentBlock, BlockType };\n"],"mappings":"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","names":["jsx","jsx","jsx","jsx","jsx","jsxs","jsx","jsx","jsxs","jsx","jsx","jsxs","jsx","jsxs","useState","jsx","jsxs","useState","jsx","jsxs","jsx","jsxs"]}
+{"version":3,"sources":["../src/blocks/Heading.tsx","../src/blocks/portableText.tsx","../src/blocks/Text.tsx","../src/lib/utils.ts","../src/blocks/Image.tsx","../src/blocks/Button.tsx","../src/blocks/Spacer.tsx","../src/blocks/Columns.tsx","../src/blocks/Video.tsx","../src/blocks/Section.tsx","../src/blocks/Navbar.tsx","../src/blocks/Footer.tsx","../src/blocks/Slider.tsx","../src/blocks/Tabs.tsx","../src/blocks/Placeholders.tsx","../src/registry.ts"],"sourcesContent":["import type { HeadingProps } from \"@bettercms-ai/types\";\nimport type { BcmsBindingProps } from \"../binding\";\n\ninterface HeadingBlockProps extends HeadingProps, BcmsBindingProps {\n  className?: string;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nexport function Heading({\n  text,\n  level = 2,\n  align = \"left\",\n  className = \"\",\n  \"data-bcms-field\": field,\n  \"data-bcms-kind\": kind,\n}: HeadingBlockProps) {\n  const alignClass = {\n    left: \"text-left\",\n    center: \"text-center\",\n    right: \"text-right\",\n  }[align];\n\n  const classNames = `font-heading font-bold tracking-tight text-foreground ${alignClass} ${className}`;\n\n  switch (level) {\n    case 1:\n      return <h1 className={classNames} data-bcms-field={field} data-bcms-kind={kind}>{text}</h1>;\n    case 2:\n      return <h2 className={classNames} data-bcms-field={field} data-bcms-kind={kind}>{text}</h2>;\n    case 3:\n      return <h3 className={classNames} data-bcms-field={field} data-bcms-kind={kind}>{text}</h3>;\n    default:\n      return <h2 className={classNames} data-bcms-field={field} data-bcms-kind={kind}>{text}</h2>;\n  }\n}\n","import React from \"react\";\nimport type { PortableTextDocument, PortableTextNode } from \"@bettercms-ai/types\";\n\n/**\n * Portable Text → React.\n *\n * React rather than an HTML string, deliberately: React escapes text children by default, so\n * author data cannot become markup here at all. The `dangerouslySetInnerHTML` path that the\n * `html` cache still uses has to be trusted; this one does not.\n *\n * Unknown marks and unknown styles are DROPPED, never passed through. A colour mark carries a\n * token NAME (`color:brand-accent`) which becomes a class the consuming site styles — so it is\n * theme-aware and survives a rebrand, which a baked hex does not.\n */\n\nconst MARK_TAGS: Record<string, keyof React.JSX.IntrinsicElements> = {\n  strong: \"strong\",\n  em: \"em\",\n  underline: \"u\",\n  \"strike-through\": \"s\",\n  code: \"code\",\n};\n\nconst BLOCK_TAGS: Record<string, keyof React.JSX.IntrinsicElements> = {\n  normal: \"p\",\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  blockquote: \"blockquote\",\n};\n\nfunction Span({ node, index }: { node: PortableTextNode; index: number }) {\n  const marks = node.marks ?? [];\n  const colour = marks.find((m) => m.startsWith(\"color:\"))?.slice(\"color:\".length);\n\n  // Text is a React child, so it is escaped by construction.\n  let out: React.ReactNode = node.text ?? \"\";\n  for (const m of marks) {\n    const Tag = MARK_TAGS[m];\n    if (Tag) out = <Tag>{out}</Tag>;\n  }\n  if (colour && /^[a-z0-9-]+$/i.test(colour)) {\n    out = <span className={`bcms-color-${colour}`}>{out}</span>;\n  }\n  return <React.Fragment key={node._key ?? index}>{out}</React.Fragment>;\n}\n\nexport function PortableText({ doc }: { doc: PortableTextDocument }) {\n  return (\n    <>\n      {doc.content.map((block, i) => {\n        const Tag = BLOCK_TAGS[block.style ?? \"normal\"] ?? \"p\";\n        return (\n          <Tag key={block._key ?? i}>\n            {(block.children ?? []).map((c, j) => (\n              <Span key={c._key ?? j} node={c} index={j} />\n            ))}\n          </Tag>\n        );\n      })}\n    </>\n  );\n}\n","import type { PortableTextDocument, TextProps } from \"@bettercms-ai/types\";\nimport { PortableText } from \"./portableText\";\nimport type { BcmsBindingProps } from \"../binding\";\n\ninterface TextBlockProps extends TextProps, BcmsBindingProps {\n  className?: string;\n  align?: \"left\" | \"center\" | \"right\";\n  /** Portable Text source. WINS over `html`, which is the derived cache. */\n  content?: PortableTextDocument;\n}\n\nexport function Text({\n  html,\n  content,\n  align = \"left\",\n  className = \"\",\n  \"data-bcms-field\": field,\n  \"data-bcms-kind\": kind,\n}: TextBlockProps) {\n  const alignClass = {\n    left: \"text-left\",\n    center: \"text-center\",\n    right: \"text-right\",\n  }[align];\n\n  const cls = `text-muted-foreground leading-relaxed ${alignClass} ${className}`;\n\n  // `content` wins when present — it is the source of truth and renders through React, which\n  // escapes by construction. `html` remains the fallback so every block authored before\n  // Portable Text existed renders exactly as it always did.\n  if (content && content.content.length > 0) {\n    return (\n      <div className={cls}>\n        <PortableText doc={content} />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cls}\n      data-bcms-field={field}\n      data-bcms-kind={kind}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{ __html: html }}\n    />\n  );\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import type { ImageProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport type { BcmsBindingProps } from \"../binding\";\n\ninterface ImageBlockProps extends ImageProps, BcmsBindingProps {\n  className?: string;\n  sizes?: string;\n}\n\nexport function Image({\n  src,\n  alt,\n  width,\n  height,\n  caption,\n  className = \"\",\n  sizes,\n  \"data-bcms-field\": field,\n  \"data-bcms-kind\": kind,\n}: ImageBlockProps) {\n  return (\n    <figure className={cn(\"w-full\", className)}>\n      <img\n        src={src}\n        alt={alt}\n        width={width}\n        height={height}\n        sizes={sizes}\n        data-bcms-field={field}\n        data-bcms-kind={kind}\n        className=\"w-full h-auto rounded-md object-cover\"\n        loading=\"lazy\"\n      />\n      {caption && (\n        <figcaption className=\"mt-2 text-sm text-muted-foreground text-center italic\">\n          {caption}\n        </figcaption>\n      )}\n    </figure>\n  );\n}\n","import type { ButtonProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport type { BcmsBindingProps } from \"../binding\";\n\ninterface ButtonBlockProps extends ButtonProps, BcmsBindingProps {\n  className?: string;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nexport function Button({\n  text,\n  href,\n  variant = \"primary\",\n  align = \"left\",\n  className = \"\",\n  \"data-bcms-field\": field,\n  \"data-bcms-kind\": kind,\n}: ButtonBlockProps) {\n  const baseStyles =\n    \"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\";\n\n  const variantStyles = {\n    primary:\n      \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n    secondary:\n      \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n  };\n\n  const alignClass = {\n    left: \"justify-start\",\n    center: \"justify-center\",\n    right: \"justify-end\",\n  }[align];\n\n  return (\n    <a\n      href={href}\n      data-bcms-field={field}\n      data-bcms-kind={kind}\n      className={cn(baseStyles, variantStyles[variant], alignClass, \"px-4 py-2\", className)}\n    >\n      {text}\n    </a>\n  );\n}\n","import type { SpacerProps } from \"@bettercms-ai/types\";\n\ninterface SpacerBlockProps extends SpacerProps {\n  className?: string;\n}\n\nexport function Spacer({ height = 32, className = \"\" }: SpacerBlockProps) {\n  return (\n    <div\n      className={`w-full border border-dashed border-muted-foreground/20 rounded flex items-center justify-center ${className}`}\n      style={{ height: `${height}px` }}\n      aria-hidden=\"true\"\n    >\n      <span className=\"text-xs text-muted-foreground/40 select-none\">\n        {height}px\n      </span>\n    </div>\n  );\n}\n","import type { ColumnsProps, ContentBlock } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport React from \"react\";\n\ninterface ColumnsBlockProps extends ColumnsProps {\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function Columns({\n  columns,\n  gap = 16,\n  className = \"\",\n  renderBlock,\n}: ColumnsBlockProps) {\n  return (\n    <div\n      className={cn(\"grid w-full\", className)}\n      style={{\n        gridTemplateColumns: `repeat(${columns.length}, minmax(0, 1fr))`,\n        gap: `${gap}px`,\n      }}\n    >\n      {columns.map((columnBlocks, colIndex) => (\n        <div key={colIndex} className=\"flex flex-col gap-4 min-w-0\">\n          {columnBlocks.map((block) => (\n            <span key={block.id}>\n              {renderBlock ? renderBlock(block) : null}\n            </span>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import type { VideoProps } from \"@bettercms-ai/types\";\nimport { useState } from \"react\";\nimport { cn } from \"../lib/utils\";\n\ninterface VideoBlockProps extends VideoProps {\n  className?: string;\n}\n\nfunction getEmbedUrl(url: string): { embedUrl: string; provider: \"youtube\" | \"vimeo\" | \"unknown\" } {\n  // YouTube\n  const ytMatch = url.match(\n    /(?:youtube\\.com\\/(?:watch\\?v=|embed\\/)|youtu\\.be\\/)([a-zA-Z0-9_-]{11})/\n  );\n  if (ytMatch) {\n    return {\n      embedUrl: `https://www.youtube.com/embed/${ytMatch[1]}`,\n      provider: \"youtube\",\n    };\n  }\n\n  // Vimeo\n  const vimeoMatch = url.match(/vimeo\\.com\\/(\\d+)/);\n  if (vimeoMatch) {\n    return {\n      embedUrl: `https://player.vimeo.com/video/${vimeoMatch[1]}`,\n      provider: \"vimeo\",\n    };\n  }\n\n  return { embedUrl: url, provider: \"unknown\" };\n}\n\nexport function Video({\n  url,\n  poster,\n  autoplay = false,\n  loop = false,\n  className = \"\",\n}: VideoBlockProps) {\n  const [isLoaded, setIsLoaded] = useState(false);\n  const { embedUrl, provider } = getEmbedUrl(url);\n\n  // If not a recognized embed, render a native video tag\n  if (provider === \"unknown\") {\n    return (\n      <video\n        src={url}\n        poster={poster}\n        autoPlay={autoplay}\n        loop={loop}\n        controls\n        className={className}\n        playsInline\n      />\n    );\n  }\n\n  return (\n    <div className={cn(\"w-full overflow-hidden rounded-md bg-black aspect-video\", className)}>\n      {!isLoaded && poster && (\n        // eslint-disable-next-line @next/next/no-img-element\n        <img\n          src={poster}\n          alt=\"Video thumbnail\"\n          className=\"w-full h-full object-cover absolute inset-0\"\n        />\n      )}\n      <iframe\n        src={`${embedUrl}?autoplay=${autoplay ? 1 : 0}&loop=${loop ? 1 : 0}&mute=${autoplay ? 1 : 0}`}\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n        allowFullScreen\n        loading=\"lazy\"\n        onLoad={() => setIsLoaded(true)}\n        className=\"w-full h-full\"\n      />\n    </div>\n  );\n}\n","import type { SectionProps, ContentBlock } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport React from \"react\";\n\ninterface SectionBlockProps extends SectionProps {\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function Section({\n  children,\n  background,\n  paddingY,\n  maxWidth,\n  className = \"\",\n  renderBlock,\n}: SectionBlockProps) {\n  const inner = (children ?? []).map((block) => (\n    <span key={block.id}>{renderBlock ? renderBlock(block) : null}</span>\n  ));\n  return (\n    <section\n      className={cn(\"w-full\", className)}\n      style={{ background, paddingTop: paddingY, paddingBottom: paddingY }}\n    >\n      {maxWidth ? <div style={{ maxWidth, marginInline: \"auto\" }}>{inner}</div> : inner}\n    </section>\n  );\n}\n","import type { NavbarProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\n\ninterface NavbarBlockProps extends NavbarProps {\n  className?: string;\n}\n\nexport function Navbar({ logo, links, cta, className = \"\" }: NavbarBlockProps) {\n  return (\n    <nav className={cn(\"flex items-center gap-6 py-4\", className)}>\n      {logo?.src ? (\n        <a href={logo.href ?? \"/\"} className=\"shrink-0\">\n          <img src={logo.src} alt={logo.alt} className=\"h-8 w-auto\" />\n        </a>\n      ) : null}\n      <div className=\"flex flex-1 gap-5\">\n        {(links ?? []).map((l, i) => (\n          <a key={i} href={l.href} className=\"text-inherit no-underline\">\n            {l.label}\n          </a>\n        ))}\n      </div>\n      {cta ? (\n        <a\n          href={cta.href}\n          className=\"rounded-lg bg-black px-4 py-2 font-semibold text-white no-underline\"\n        >\n          {cta.text}\n        </a>\n      ) : null}\n    </nav>\n  );\n}\n","import type { FooterProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\n\ninterface FooterBlockProps extends FooterProps {\n  className?: string;\n}\n\nexport function Footer({ columns, copyright, className = \"\" }: FooterBlockProps) {\n  return (\n    <footer className={cn(\"mt-12 border-t pt-8\", className)}>\n      <div className=\"flex flex-wrap gap-12\">\n        {(columns ?? []).map((col, i) => (\n          <div key={i} className=\"flex flex-col gap-1.5\">\n            {col.heading ? <h4 className=\"mb-2 font-semibold\">{col.heading}</h4> : null}\n            {(col.links ?? []).map((l, j) => (\n              <a key={j} href={l.href} className=\"text-neutral-500 no-underline\">\n                {l.label}\n              </a>\n            ))}\n          </div>\n        ))}\n      </div>\n      {copyright ? <p className=\"mt-6 text-sm text-neutral-500\">{copyright}</p> : null}\n    </footer>\n  );\n}\n","\"use client\";\n\nimport type { SliderProps, ContentBlock } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport React, { useState } from \"react\";\n\ninterface SliderBlockProps extends SliderProps {\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function Slider({ slides, className = \"\", renderBlock }: SliderBlockProps) {\n  const [i, setI] = useState(0);\n  const list = slides ?? [];\n  const go = (n: number) => setI((n + list.length) % (list.length || 1));\n  const btn =\n    \"absolute top-1/2 -translate-y-1/2 flex h-9 w-9 items-center justify-center rounded-full border-0 bg-black/50 text-white cursor-pointer\";\n  return (\n    <div className={cn(\"relative w-full\", className)}>\n      {list.map((s, idx) => (\n        <div key={s.id} hidden={idx !== i} className=\"flex flex-col gap-4\">\n          {(s.children ?? []).map((b) => (\n            <span key={b.id}>{renderBlock ? renderBlock(b) : null}</span>\n          ))}\n        </div>\n      ))}\n      <button type=\"button\" aria-label=\"Previous\" onClick={() => go(i - 1)} className={cn(btn, \"left-2\")}>\n        &#8249;\n      </button>\n      <button type=\"button\" aria-label=\"Next\" onClick={() => go(i + 1)} className={cn(btn, \"right-2\")}>\n        &#8250;\n      </button>\n    </div>\n  );\n}\n","\"use client\";\n\nimport type { TabsProps, ContentBlock } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\nimport React, { useState } from \"react\";\n\ninterface TabsBlockProps extends TabsProps {\n  className?: string;\n  renderBlock?: (block: ContentBlock) => React.ReactNode;\n}\n\nexport function Tabs({ tabs, className = \"\", renderBlock }: TabsBlockProps) {\n  const [active, setActive] = useState(0);\n  const list = tabs ?? [];\n  return (\n    <div className={cn(\"w-full\", className)}>\n      <div role=\"tablist\" className=\"mb-4 flex gap-1 border-b\">\n        {list.map((t, idx) => (\n          <button\n            key={t.id}\n            role=\"tab\"\n            type=\"button\"\n            aria-selected={idx === active}\n            onClick={() => setActive(idx)}\n            className={cn(\n              \"cursor-pointer border-b-2 border-transparent bg-transparent px-4 py-2\",\n              idx === active && \"border-black font-semibold\",\n            )}\n          >\n            {t.label}\n          </button>\n        ))}\n      </div>\n      {list.map((t, idx) => (\n        <div key={t.id} role=\"tabpanel\" hidden={idx !== active} className=\"flex flex-col gap-4\">\n          {(t.children ?? []).map((b) => (\n            <span key={b.id}>{renderBlock ? renderBlock(b) : null}</span>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n","import type { ComponentProps as BcmsComponentProps, FormProps, CollectionProps } from \"@bettercms-ai/types\";\nimport { cn } from \"../lib/utils\";\n\nconst box =\n  \"rounded border border-dashed border-neutral-300 bg-neutral-50 p-4 text-sm text-neutral-500\";\n\n/**\n * Builder-preview placeholder for a `component` instance. Live instance resolution\n * (definition lookup + override merge) happens server-side in the delivery renderer\n * and in the page-builder, which pass a resolver — the standalone library preview\n * just shows what's referenced.\n */\nexport function ComponentInstance({\n  componentId,\n  className = \"\",\n}: BcmsComponentProps & { className?: string }) {\n  return (\n    <div className={cn(box, className)}>\n      Component instance: <code>{componentId}</code>\n    </div>\n  );\n}\n\n/** Builder-preview placeholder for a `form` block (rendered live by @bettercms-ai/next). */\nexport function FormPlaceholder({ formId, className = \"\" }: FormProps & { className?: string }) {\n  return (\n    <div className={cn(box, className)}>\n      Form: <code>{formId}</code>\n    </div>\n  );\n}\n\n/**\n * Builder-preview placeholder for a `collection` block.\n *\n * The builder canvas has no entries to list — the list is fetched per request by the site\n * renderer, deliberately, so that a published snapshot can never bake in a stale set of\n * posts. A placeholder is therefore the honest render here, not a limitation.\n */\nexport function CollectionPlaceholder({\n  cardComponentId,\n  className = \"\",\n}: CollectionProps & { className?: string }) {\n  return (\n    <div className={cn(box, className)}>\n      Collection: entries of this page\n      {cardComponentId ? <> as <code>{cardComponentId}</code></> : <> (default card)</>}\n    </div>\n  );\n}\n","import type { ContentBlock, BlockType } from \"@bettercms-ai/types\";\nimport { Heading } from \"./blocks/Heading\";\nimport { Text } from \"./blocks/Text\";\nimport { Image } from \"./blocks/Image\";\nimport { Button } from \"./blocks/Button\";\nimport { Spacer } from \"./blocks/Spacer\";\nimport { Columns } from \"./blocks/Columns\";\nimport { Video } from \"./blocks/Video\";\nimport { Section } from \"./blocks/Section\";\nimport { Navbar } from \"./blocks/Navbar\";\nimport { Footer } from \"./blocks/Footer\";\nimport { Slider } from \"./blocks/Slider\";\nimport { Tabs } from \"./blocks/Tabs\";\nimport { ComponentInstance, FormPlaceholder, CollectionPlaceholder } from \"./blocks/Placeholders\";\n\n/**\n * Block registry entry — maps a block type to its React component\n * and metadata for the block library UI.\n */\nexport interface BlockRegistryEntry {\n  component: React.ComponentType<Record<string, unknown>>;\n  label: string;\n  icon: string;\n}\n\nexport const BLOCK_REGISTRY: Record<BlockType, BlockRegistryEntry> = {\n  // The entries of the page this block sits on. No preview here by design: the list is\n  // fetched per request by the site renderer, so the builder has nothing to show.\n  collection: {\n    component: CollectionPlaceholder as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Collection\",\n    icon: \"list\",\n  },\n  heading: {\n    component: Heading as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Heading\",\n    icon: \"type\",\n  },\n  text: {\n    component: Text as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Text\",\n    icon: \"align-left\",\n  },\n  // Same payload, same renderer — deliberately. `richtext` differs from `text` only in how\n  // an author EDITS it (a formatting surface vs a plain field); at delivery both are an HTML\n  // string, so duplicating the component would be two things to keep in sync for no gain.\n  richtext: {\n    component: Text as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Rich text\",\n    icon: \"pilcrow\",\n  },\n  image: {\n    component: Image as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Image\",\n    icon: \"image\",\n  },\n  button: {\n    component: Button as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Button\",\n    icon: \"square\",\n  },\n  spacer: {\n    component: Spacer as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Spacer\",\n    icon: \"minus\",\n  },\n  columns: {\n    component: Columns as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Columns\",\n    icon: \"columns\",\n  },\n  video: {\n    component: Video as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Video\",\n    icon: \"play\",\n  },\n  section: {\n    component: Section as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Section\",\n    icon: \"layout\",\n  },\n  navbar: {\n    component: Navbar as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Navbar\",\n    icon: \"menu\",\n  },\n  footer: {\n    component: Footer as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Footer\",\n    icon: \"panel-bottom\",\n  },\n  slider: {\n    component: Slider as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Slider\",\n    icon: \"gallery-horizontal\",\n  },\n  tabs: {\n    component: Tabs as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Tabs\",\n    icon: \"folder\",\n  },\n  component: {\n    component: ComponentInstance as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Component\",\n    icon: \"component\",\n  },\n  form: {\n    component: FormPlaceholder as unknown as React.ComponentType<Record<string, unknown>>,\n    label: \"Form\",\n    icon: \"clipboard-list\",\n  },\n} as const;\n\nexport const BLOCK_TYPES = Object.keys(BLOCK_REGISTRY) as BlockType[];\n\nexport type { ContentBlock, BlockType };\n"],"mappings":"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","names":["jsx","jsx","jsx","jsx","jsx","jsxs","jsx","jsx","jsxs","jsx","jsx","jsxs","jsx","jsxs","useState","jsx","jsxs","useState","jsx","jsxs","Fragment","jsx","jsxs"]}

package/dist/renderer.d.ts

@@ -6,13 +6,16 @@ interface BlockRendererProps {
     block: ContentBlock;
     className?: string;
     renderBlock?: (block: ContentBlock) => React.ReactNode;
+    /** Emit visual-editor field bindings. Default-off keeps published consumers clean. */
+    annotate?: boolean;
 }
-declare function BlockRenderer({ block, className, renderBlock, }: BlockRendererProps): react_jsx_runtime.JSX.Element;
+declare function BlockRenderer({ block, className, renderBlock, annotate, }: BlockRendererProps): react_jsx_runtime.JSX.Element;
 interface BlocksRendererProps {
     blocks: ContentBlock[];
     className?: string;
     renderBlock?: (block: ContentBlock) => React.ReactNode;
+    annotate?: boolean;
 }
-declare function BlocksRenderer({ blocks, className, renderBlock, }: BlocksRendererProps): react_jsx_runtime.JSX.Element | null;
+declare function BlocksRenderer({ blocks, className, renderBlock, annotate, }: BlocksRendererProps): react_jsx_runtime.JSX.Element | null;
 
 export { BlockRenderer, BlocksRenderer };