@bettercms-ai/ui 0.8.3 → 0.10.0

package/dist/{Video-Bl_XrTrM.d.ts → Video-lCL18gKf.d.ts}

@@ -47,7 +47,7 @@ interface ButtonBlockProps extends ButtonProps, BcmsBindingProps {
     className?: string;
     align?: "left" | "center" | "right";
 }
-declare function Button({ text, href, variant, align, className, "data-bcms-field": field, "data-bcms-kind": kind, }: ButtonBlockProps): react_jsx_runtime.JSX.Element;
+declare function Button({ text, href, variant, size, fullWidth, align, className, "data-bcms-field": field, "data-bcms-kind": kind, }: ButtonBlockProps): react_jsx_runtime.JSX.Element;
 
 interface SpacerBlockProps extends SpacerProps {
     className?: string;

package/dist/blocks.d.ts

@@ -1,4 +1,4 @@
-export { a as Button, C as Columns, H as Heading, I as Image, S as Spacer, T as Text, V as Video } from './Video-Bl_XrTrM.js';
+export { a as Button, C as Columns, H as Heading, I as Image, S as Spacer, T as Text, V as Video } from './Video-lCL18gKf.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { SectionProps, ContentBlock, NavbarProps, FooterProps, SliderProps, TabsProps, ComponentProps, FormProps } from '@bettercms-ai/types';
 import React from 'react';
@@ -49,7 +49,12 @@ interface PortableTextProps {
     value: unknown;
     /** `<blockId>__<prop>`. Present ⇒ stamp a per-block address. Absent ⇒ published output. */
     bindingBase?: string;
+    /**
+     * Renders an embedded block this renderer cannot resolve (a component — it has no project).
+     * Anything but `undefined` replaces the marker; `null` renders nothing.
+     */
+    renderBlock?: (value: Record<string, unknown>) => React.ReactNode;
 }
-declare function PortableText({ value, bindingBase }: PortableTextProps): react_jsx_runtime.JSX.Element | null;
+declare function PortableText({ value, bindingBase, renderBlock }: PortableTextProps): react_jsx_runtime.JSX.Element | null;
 
 export { ComponentInstance, Footer, FormPlaceholder, Navbar, PortableText, type PortableTextProps, Section, Slider, Tabs };

package/dist/blocks.js

@@ -32,7 +32,7 @@ function Heading({
 import React from "react";
 import { PortableText as PT } from "@portabletext/react";
 
-// ../richtext/src/types.ts
+// ../../../../bettercms-backend/packages/richtext/src/types.ts
 var PT_TYPES = {
   /** A generic embedded block: `{schemaKey, schemaLabel, fields}`, the successor to Lexical's BlockNode. */
   block: "bcmsBlock",
@@ -77,8 +77,31 @@ var STORABLE_BLOCK_TYPES = /* @__PURE__ */ new Set([
   PT_TYPES.file
 ]);
 
-// ../richtext/src/styled.ts
-var STYLED_TAGS = ["span", "small", "sup", "sub", "kbd", "abbr", "time"];
+// ../../../../bettercms-backend/packages/richtext/src/styled.ts
+var STYLED_TAGS = [
+  "span",
+  "small",
+  "sup",
+  "sub",
+  "kbd",
+  "abbr",
+  "time",
+  "strong",
+  "b",
+  "em",
+  "i",
+  "u",
+  "s",
+  "mark",
+  "code",
+  "q",
+  "cite",
+  "dfn",
+  "var",
+  "samp",
+  "ins",
+  "del"
+];
 var TAG_SET = new Set(STYLED_TAGS);
 var isStyledTag = (tag) => typeof tag === "string" && TAG_SET.has(tag);
 var ATTR_NAMES = /* @__PURE__ */ new Set(["title", "datetime", "style", "aria-label"]);
@@ -137,7 +160,7 @@ function styledAttrEntries(attrs) {
   return out;
 }
 
-// ../richtext/src/href.ts
+// ../../../../bettercms-backend/packages/richtext/src/href.ts
 var SAFE_HREF_SCHEMES = ["http:", "https:", "mailto:", "tel:"];
 function safeHref(raw) {
   const trimmed = raw.trim();
@@ -150,7 +173,7 @@ function safeHref(raw) {
   }
 }
 
-// ../richtext/src/key.ts
+// ../../../../bettercms-backend/packages/richtext/src/key.ts
 var ALPHABET = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
 var KEY_PATTERN = /^[A-Za-z0-9-]{1,32}$/;
 var isValidKey = (k) => typeof k === "string" && KEY_PATTERN.test(k);
@@ -169,7 +192,7 @@ function deterministicKeys(prefix = "k") {
   };
 }
 
-// ../richtext/src/table.ts
+// ../../../../bettercms-backend/packages/richtext/src/table.ts
 var isRecord = (v) => !!v && typeof v === "object" && !Array.isArray(v);
 var isPortableTextTable = (n) => isRecord(n) && n._type === PT_TYPES.table && Array.isArray(n.rows);
 var isBuiltInTableBlock = (n) => isRecord(n) && n._type === PT_TYPES.block && n.schemaKey === BUILTIN_TABLE_KEY;
@@ -280,7 +303,7 @@ function migrateTable(node, key = randomKey, read = asIs) {
   };
 }
 
-// ../richtext/src/read.ts
+// ../../../../bettercms-backend/packages/richtext/src/read.ts
 var isRecord2 = (v) => !!v && typeof v === "object" && !Array.isArray(v);
 function normalizePortableText(value, key = randomKey) {
   if (!Array.isArray(value)) return [];
@@ -356,7 +379,7 @@ function Table({ value }) {
     head < rows.length && /* @__PURE__ */ jsx2("tbody", { children: rendered.slice(head) })
   ] });
 }
-function buildComponents() {
+function buildComponents(renderBlock) {
   return {
     types: {
       [PT_TYPES.divider]: () => /* @__PURE__ */ jsx2("hr", {}),
@@ -370,9 +393,12 @@ function buildComponents() {
        * A generic embedded block renders as a marker, not as content: its payload references
        * something (a component, a media id) that has to be RESOLVED against the project, and
        * this renderer has no project. A marker keeps the node visible and addressable rather
-       * than rendering nothing at all, which is how embedded content used to vanish.
+       * than rendering nothing at all, which is how embedded content used to vanish. A caller
+       * that CAN resolve it passes `renderBlock`.
        */
       [PT_TYPES.block]: ({ value }) => {
+        const rendered = renderBlock?.(value);
+        if (rendered !== void 0) return /* @__PURE__ */ jsx2(Fragment, { children: rendered });
         const v = value;
         const key = typeof v.schemaKey === "string" ? v.schemaKey : "block";
         return /* @__PURE__ */ jsx2("div", { className: "bcms-block", "data-bcms-schema-key": key });
@@ -452,9 +478,9 @@ function runsOf(blocks) {
   }
   return runs;
 }
-function PortableText({ value, bindingBase }) {
+function PortableText({ value, bindingBase, renderBlock }) {
   const blocks = React.useMemo(() => normalizePortableText(readValue(value)), [value]);
-  const components = React.useMemo(buildComponents, []);
+  const components = React.useMemo(() => buildComponents(renderBlock), [renderBlock]);
   const listComponents = React.useMemo(() => {
     if (!bindingBase) return null;
     const keys = new Set(blocks.map((b) => b._key));
@@ -554,6 +580,8 @@ function Button({
   text,
   href,
   variant = "primary",
+  size = "md",
+  fullWidth = false,
   align = "left",
   className = "",
   "data-bcms-field": field,
@@ -569,13 +597,20 @@ function Button({
     center: "justify-center",
     right: "justify-end"
   }[align];
+  const sizeStyles = {
+    sm: "px-3 py-1.5 text-xs",
+    md: "px-4 py-2",
+    lg: "px-6 py-3 text-base"
+  };
+  const sizeClass = size === "sm" || size === "lg" ? sizeStyles[size] : sizeStyles.md;
+  const fullClass = fullWidth === true ? "flex w-full justify-center" : "";
   return /* @__PURE__ */ jsx5(
     "a",
     {
       href,
       "data-bcms-field": field,
       "data-bcms-kind": kind,
-      className: cn(baseStyles, variantStyles[variant], alignClass, "px-4 py-2", className),
+      className: cn(baseStyles, variantStyles[variant], alignClass, sizeClass, fullClass, className),
       children: text
     }
   );