@bettercms-ai/ui 0.3.0

package/dist/registry.js

@@ -0,0 +1,407 @@
+"use client";
+
+// src/blocks/Heading.tsx
+import { jsx } from "react/jsx-runtime";
+function Heading({
+  text,
+  level = 2,
+  align = "left",
+  className = ""
+}) {
+  const alignClass = {
+    left: "text-left",
+    center: "text-center",
+    right: "text-right"
+  }[align];
+  const classNames = `font-heading font-bold tracking-tight text-foreground ${alignClass} ${className}`;
+  switch (level) {
+    case 1:
+      return /* @__PURE__ */ jsx("h1", { className: classNames, children: text });
+    case 2:
+      return /* @__PURE__ */ jsx("h2", { className: classNames, children: text });
+    case 3:
+      return /* @__PURE__ */ jsx("h3", { className: classNames, children: text });
+    default:
+      return /* @__PURE__ */ jsx("h2", { className: classNames, children: text });
+  }
+}
+
+// src/blocks/Text.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Text({ html, align = "left", className = "" }) {
+  const alignClass = {
+    left: "text-left",
+    center: "text-center",
+    right: "text-right"
+  }[align];
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      className: `text-muted-foreground leading-relaxed ${alignClass} ${className}`,
+      dangerouslySetInnerHTML: { __html: html }
+    }
+  );
+}
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/blocks/Image.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+function Image({
+  src,
+  alt,
+  width,
+  height,
+  caption,
+  className = "",
+  sizes
+}) {
+  return /* @__PURE__ */ jsxs("figure", { className: cn("w-full", className), children: [
+    /* @__PURE__ */ jsx3(
+      "img",
+      {
+        src,
+        alt,
+        width,
+        height,
+        sizes,
+        className: "w-full h-auto rounded-md object-cover",
+        loading: "lazy"
+      }
+    ),
+    caption && /* @__PURE__ */ jsx3("figcaption", { className: "mt-2 text-sm text-muted-foreground text-center italic", children: caption })
+  ] });
+}
+
+// src/blocks/Button.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function Button({
+  text,
+  href,
+  variant = "primary",
+  align = "left",
+  className = ""
+}) {
+  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 = {
+    primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+    secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80"
+  };
+  const alignClass = {
+    left: "justify-start",
+    center: "justify-center",
+    right: "justify-end"
+  }[align];
+  return /* @__PURE__ */ jsx4(
+    "a",
+    {
+      href,
+      className: cn(baseStyles, variantStyles[variant], alignClass, "px-4 py-2", className),
+      children: text
+    }
+  );
+}
+
+// src/blocks/Spacer.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+function Spacer({ height = 32, className = "" }) {
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      className: `w-full border border-dashed border-muted-foreground/20 rounded flex items-center justify-center ${className}`,
+      style: { height: `${height}px` },
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxs2("span", { className: "text-xs text-muted-foreground/40 select-none", children: [
+        height,
+        "px"
+      ] })
+    }
+  );
+}
+
+// src/blocks/Columns.tsx
+import "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function Columns({
+  columns,
+  gap = 16,
+  className = "",
+  renderBlock
+}) {
+  return /* @__PURE__ */ jsx6(
+    "div",
+    {
+      className: cn("grid w-full", className),
+      style: {
+        gridTemplateColumns: `repeat(${columns.length}, minmax(0, 1fr))`,
+        gap: `${gap}px`
+      },
+      children: columns.map((columnBlocks, colIndex) => /* @__PURE__ */ jsx6("div", { className: "flex flex-col gap-4 min-w-0", children: columnBlocks.map((block) => /* @__PURE__ */ jsx6("span", { children: renderBlock ? renderBlock(block) : null }, block.id)) }, colIndex))
+    }
+  );
+}
+
+// src/blocks/Video.tsx
+import { useState } from "react";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+function getEmbedUrl(url) {
+  const ytMatch = url.match(
+    /(?:youtube\.com\/(?:watch\?v=|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/
+  );
+  if (ytMatch) {
+    return {
+      embedUrl: `https://www.youtube.com/embed/${ytMatch[1]}`,
+      provider: "youtube"
+    };
+  }
+  const vimeoMatch = url.match(/vimeo\.com\/(\d+)/);
+  if (vimeoMatch) {
+    return {
+      embedUrl: `https://player.vimeo.com/video/${vimeoMatch[1]}`,
+      provider: "vimeo"
+    };
+  }
+  return { embedUrl: url, provider: "unknown" };
+}
+function Video({
+  url,
+  poster,
+  autoplay = false,
+  loop = false,
+  className = ""
+}) {
+  const [isLoaded, setIsLoaded] = useState(false);
+  const { embedUrl, provider } = getEmbedUrl(url);
+  if (provider === "unknown") {
+    return /* @__PURE__ */ jsx7(
+      "video",
+      {
+        src: url,
+        poster,
+        autoPlay: autoplay,
+        loop,
+        controls: true,
+        className,
+        playsInline: true
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs3("div", { className: cn("w-full overflow-hidden rounded-md bg-black aspect-video", className), children: [
+    !isLoaded && poster && // eslint-disable-next-line @next/next/no-img-element
+    /* @__PURE__ */ jsx7(
+      "img",
+      {
+        src: poster,
+        alt: "Video thumbnail",
+        className: "w-full h-full object-cover absolute inset-0"
+      }
+    ),
+    /* @__PURE__ */ jsx7(
+      "iframe",
+      {
+        src: `${embedUrl}?autoplay=${autoplay ? 1 : 0}&loop=${loop ? 1 : 0}&mute=${autoplay ? 1 : 0}`,
+        allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+        allowFullScreen: true,
+        loading: "lazy",
+        onLoad: () => setIsLoaded(true),
+        className: "w-full h-full"
+      }
+    )
+  ] });
+}
+
+// src/blocks/Section.tsx
+import "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+function Section({
+  children,
+  background,
+  paddingY,
+  maxWidth,
+  className = "",
+  renderBlock
+}) {
+  const inner = (children ?? []).map((block) => /* @__PURE__ */ jsx8("span", { children: renderBlock ? renderBlock(block) : null }, block.id));
+  return /* @__PURE__ */ jsx8(
+    "section",
+    {
+      className: cn("w-full", className),
+      style: { background, paddingTop: paddingY, paddingBottom: paddingY },
+      children: maxWidth ? /* @__PURE__ */ jsx8("div", { style: { maxWidth, marginInline: "auto" }, children: inner }) : inner
+    }
+  );
+}
+
+// src/blocks/Navbar.tsx
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+function Navbar({ logo, links, cta, className = "" }) {
+  return /* @__PURE__ */ jsxs4("nav", { className: cn("flex items-center gap-6 py-4", className), children: [
+    logo?.src ? /* @__PURE__ */ jsx9("a", { href: logo.href ?? "/", className: "shrink-0", children: /* @__PURE__ */ jsx9("img", { src: logo.src, alt: logo.alt, className: "h-8 w-auto" }) }) : null,
+    /* @__PURE__ */ jsx9("div", { className: "flex flex-1 gap-5", children: (links ?? []).map((l, i) => /* @__PURE__ */ jsx9("a", { href: l.href, className: "text-inherit no-underline", children: l.label }, i)) }),
+    cta ? /* @__PURE__ */ jsx9(
+      "a",
+      {
+        href: cta.href,
+        className: "rounded-lg bg-black px-4 py-2 font-semibold text-white no-underline",
+        children: cta.text
+      }
+    ) : null
+  ] });
+}
+
+// src/blocks/Footer.tsx
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+function Footer({ columns, copyright, className = "" }) {
+  return /* @__PURE__ */ jsxs5("footer", { className: cn("mt-12 border-t pt-8", className), children: [
+    /* @__PURE__ */ jsx10("div", { className: "flex flex-wrap gap-12", children: (columns ?? []).map((col, i) => /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-1.5", children: [
+      col.heading ? /* @__PURE__ */ jsx10("h4", { className: "mb-2 font-semibold", children: col.heading }) : null,
+      (col.links ?? []).map((l, j) => /* @__PURE__ */ jsx10("a", { href: l.href, className: "text-neutral-500 no-underline", children: l.label }, j))
+    ] }, i)) }),
+    copyright ? /* @__PURE__ */ jsx10("p", { className: "mt-6 text-sm text-neutral-500", children: copyright }) : null
+  ] });
+}
+
+// src/blocks/Slider.tsx
+import { useState as useState2 } from "react";
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+function Slider({ slides, className = "", renderBlock }) {
+  const [i, setI] = useState2(0);
+  const list = slides ?? [];
+  const go = (n) => setI((n + list.length) % (list.length || 1));
+  const btn = "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";
+  return /* @__PURE__ */ jsxs6("div", { className: cn("relative w-full", className), children: [
+    list.map((s, idx) => /* @__PURE__ */ jsx11("div", { hidden: idx !== i, className: "flex flex-col gap-4", children: (s.children ?? []).map((b) => /* @__PURE__ */ jsx11("span", { children: renderBlock ? renderBlock(b) : null }, b.id)) }, s.id)),
+    /* @__PURE__ */ jsx11("button", { type: "button", "aria-label": "Previous", onClick: () => go(i - 1), className: cn(btn, "left-2"), children: "\u2039" }),
+    /* @__PURE__ */ jsx11("button", { type: "button", "aria-label": "Next", onClick: () => go(i + 1), className: cn(btn, "right-2"), children: "\u203A" })
+  ] });
+}
+
+// src/blocks/Tabs.tsx
+import { useState as useState3 } from "react";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+function Tabs({ tabs, className = "", renderBlock }) {
+  const [active, setActive] = useState3(0);
+  const list = tabs ?? [];
+  return /* @__PURE__ */ jsxs7("div", { className: cn("w-full", className), children: [
+    /* @__PURE__ */ jsx12("div", { role: "tablist", className: "mb-4 flex gap-1 border-b", children: list.map((t, idx) => /* @__PURE__ */ jsx12(
+      "button",
+      {
+        role: "tab",
+        type: "button",
+        "aria-selected": idx === active,
+        onClick: () => setActive(idx),
+        className: cn(
+          "cursor-pointer border-b-2 border-transparent bg-transparent px-4 py-2",
+          idx === active && "border-black font-semibold"
+        ),
+        children: t.label
+      },
+      t.id
+    )) }),
+    list.map((t, idx) => /* @__PURE__ */ jsx12("div", { role: "tabpanel", hidden: idx !== active, className: "flex flex-col gap-4", children: (t.children ?? []).map((b) => /* @__PURE__ */ jsx12("span", { children: renderBlock ? renderBlock(b) : null }, b.id)) }, t.id))
+  ] });
+}
+
+// src/blocks/Placeholders.tsx
+import { jsx as jsx13, 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,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs8("div", { className: cn(box, className), children: [
+    "Component instance: ",
+    /* @__PURE__ */ jsx13("code", { children: componentId })
+  ] });
+}
+function FormPlaceholder({ formId, className = "" }) {
+  return /* @__PURE__ */ jsxs8("div", { className: cn(box, className), children: [
+    "Form: ",
+    /* @__PURE__ */ jsx13("code", { children: formId })
+  ] });
+}
+
+// src/registry.ts
+var BLOCK_REGISTRY = {
+  heading: {
+    component: Heading,
+    label: "Heading",
+    icon: "type"
+  },
+  text: {
+    component: Text,
+    label: "Text",
+    icon: "align-left"
+  },
+  image: {
+    component: Image,
+    label: "Image",
+    icon: "image"
+  },
+  button: {
+    component: Button,
+    label: "Button",
+    icon: "square"
+  },
+  spacer: {
+    component: Spacer,
+    label: "Spacer",
+    icon: "minus"
+  },
+  columns: {
+    component: Columns,
+    label: "Columns",
+    icon: "columns"
+  },
+  video: {
+    component: Video,
+    label: "Video",
+    icon: "play"
+  },
+  section: {
+    component: Section,
+    label: "Section",
+    icon: "layout"
+  },
+  navbar: {
+    component: Navbar,
+    label: "Navbar",
+    icon: "menu"
+  },
+  footer: {
+    component: Footer,
+    label: "Footer",
+    icon: "panel-bottom"
+  },
+  slider: {
+    component: Slider,
+    label: "Slider",
+    icon: "gallery-horizontal"
+  },
+  tabs: {
+    component: Tabs,
+    label: "Tabs",
+    icon: "folder"
+  },
+  component: {
+    component: ComponentInstance,
+    label: "Component",
+    icon: "component"
+  },
+  form: {
+    component: FormPlaceholder,
+    label: "Form",
+    icon: "clipboard-list"
+  }
+};
+var BLOCK_TYPES = Object.keys(BLOCK_REGISTRY);
+export {
+  BLOCK_REGISTRY,
+  BLOCK_TYPES
+};
+//# sourceMappingURL=registry.js.map

package/dist/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/Heading.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 \"@betttercms/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 type { TextProps } from \"@betttercms/types\";\n\ninterface TextBlockProps extends TextProps {\n  className?: string;\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nexport function Text({ html, align = \"left\", className = \"\" }: TextBlockProps) {\n  const alignClass = {\n    left: \"text-left\",\n    center: \"text-center\",\n    right: \"text-right\",\n  }[align];\n\n  return (\n    <div\n      className={`text-muted-foreground leading-relaxed ${alignClass} ${className}`}\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 \"@betttercms/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 \"@betttercms/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 \"@betttercms/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 \"@betttercms/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 \"@betttercms/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 \"@betttercms/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 \"@betttercms/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 \"@betttercms/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 \"@betttercms/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 \"@betttercms/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 \"@betttercms/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 @betttercms/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  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","jsxs","jsx","jsx","jsxs","jsx","jsx","jsxs","jsx","jsxs","useState","jsx","jsxs","useState","jsx","jsxs","jsx","jsxs"]}

package/dist/renderer.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ContentBlock } from '@bettercms-ai/types';
+import React from 'react';
+
+interface BlockRendererProps {
+    block: ContentBlock;
+    className?: string;
+    renderBlock?: (block: ContentBlock) => React.ReactNode;
+}
+declare function BlockRenderer({ block, className, renderBlock, }: BlockRendererProps): react_jsx_runtime.JSX.Element;
+interface BlocksRendererProps {
+    blocks: ContentBlock[];
+    className?: string;
+    renderBlock?: (block: ContentBlock) => React.ReactNode;
+}
+declare function BlocksRenderer({ blocks, className, renderBlock, }: BlocksRendererProps): react_jsx_runtime.JSX.Element | null;
+
+export { BlockRenderer, BlocksRenderer };