@hanzo/ui 8.4.13 → 8.5.1

package/dist/backends/gui/video.js

@@ -0,0 +1,53 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Video.
+ *
+ * `VideoPlayer` is a `<video>` that takes its sources as an array, because a
+ * block describes them that way and every caller was otherwise writing the same
+ * `<source>` map.
+ *
+ * `YouTubeEmbed` shows the poster first and mounts the iframe on click. That is
+ * not a nicety: an embed loads ~1MB and sets cookies on sight, so a page with
+ * several of them pays for all of them before anyone watches one. The
+ * `-nocookie` host is the same trade — YouTube's own domain for embeds that
+ * defers its cookie until playback starts.
+ */
+import * as React from 'react';
+export const VideoPlayer = React.forwardRef(({ sources, ...rest }, ref) => (_jsx("video", { ref: ref, ...rest, children: sources.map((src, i) => (_jsx("source", { src: src }, i))) })));
+VideoPlayer.displayName = 'VideoPlayer';
+/** YouTube's own play mark, drawn rather than imported so this pulls no icon set. */
+const Play = ({ size }) => (_jsxs("svg", { width: size, height: size * 0.7, viewBox: "0 0 68 48", role: "img", "aria-hidden": true, style: { transition: 'transform .15s ease' }, children: [_jsx("path", { d: "M66.5 7.7a8.6 8.6 0 0 0-6-6C55.2 0 34 0 34 0S12.8 0 7.5 1.6a8.6 8.6 0 0 0-6 6A89.7 89.7 0 0 0 0 24a89.7 89.7 0 0 0 1.5 16.3 8.6 8.6 0 0 0 6 6C12.8 48 34 48 34 48s21.2 0 26.5-1.6a8.6 8.6 0 0 0 6-6A89.7 89.7 0 0 0 68 24a89.7 89.7 0 0 0-1.5-16.3z", fill: "#f00" }), _jsx("path", { d: "M27 34V14l18 10-18 10z", fill: "#fff" })] }));
+export const YouTubeEmbed = ({ youtubeID, width, height, buttonSize = 100, timeAt, title, caption, className, }) => {
+    const [playing, setPlaying] = React.useState(false);
+    if (playing) {
+        // autoplay is honoured because the iframe mounts inside a click.
+        const q = `${timeAt ? `?t=${timeAt}&` : '?'}rel=0&autoplay=1`;
+        return (_jsx("div", { className: className, children: _jsx("iframe", { width: width, height: height, src: `https://www.youtube-nocookie.com/embed/${youtubeID}${q}`, allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, title: title || 'YouTube video', style: { aspectRatio: '16 / 9', width: '100%', height: '100%', border: 0, padding: 0 } }) }));
+    }
+    return (_jsx("div", { className: className, children: _jsxs("button", { type: "button", onClick: () => setPlaying(true), "aria-label": title ? `Play ${title}` : 'Play video', style: {
+                position: 'relative',
+                aspectRatio: '16 / 9',
+                width: '100%',
+                padding: 0,
+                border: 0,
+                background: 'transparent',
+                cursor: 'pointer',
+            }, children: [_jsx("img", { src: `https://img.youtube.com/vi/${youtubeID}/maxresdefault.jpg`, alt: "", width: width, height: height, loading: "lazy", style: { width: '100%', height: '100%', objectFit: 'cover' } }), _jsx("span", { style: {
+                        position: 'absolute',
+                        left: '50%',
+                        top: '50%',
+                        transform: 'translate(-50%, -50%)',
+                        display: 'grid',
+                        placeItems: 'center',
+                        opacity: 0.9,
+                    }, children: _jsx(Play, { size: buttonSize }) }), caption && (_jsx("p", { className: "hz-prose", style: {
+                        position: 'absolute',
+                        left: '50%',
+                        top: 20,
+                        transform: 'translateX(-50%)',
+                        whiteSpace: 'nowrap',
+                        margin: 0,
+                    }, children: caption }))] }) }));
+};
+//# sourceMappingURL=video.js.map

package/dist/backends/gui/video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.js","sourceRoot":"","sources":["../../../src/backends/gui/video.tsx"],"names":[],"mappings":"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"}

package/dist/blocks/accordian.cjs

@@ -0,0 +1,19 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordianBlockComponent = void 0;
+const react_1 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const accordion_1 = require("../backends/gui/accordion.cjs");
+const prose_1 = require("../backends/gui/prose.cjs");
+const box_1 = require("../box.cjs");
+const spec_1 = require("./spec.cjs");
+const AccordianBlockComponent = ({ block, className }) => {
+    if (block.blockType !== 'accordian')
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "accordian block required" });
+    const b = block;
+    return ((0, jsx_runtime_1.jsx)(accordion_1.Accordion, { type: "single", collapsible: true, ...(0, spec_1.sx)('w-full border rounded-xl overflow-hidden', className), children: b.items.map((item, i) => ((0, react_1.createElement)(accordion_1.AccordionItem, { ...(0, spec_1.sx)('border-b overflow-hidden'), value: `value-${i}`, key: i },
+            (0, jsx_runtime_1.jsx)(accordion_1.AccordionTrigger, { ...(0, spec_1.sx)('px-3 md:px-4 lg:px-6'), children: (0, jsx_runtime_1.jsx)(prose_1.ApplyTypography, { children: (0, jsx_runtime_1.jsx)(box_1.Box, { tag: "h6", className: "text-[1.05rem] font-semibold", children: item.trigger }) }) }),
+            (0, jsx_runtime_1.jsx)(accordion_1.AccordionContent, { ...(0, spec_1.sx)('p-4 border-t'), children: (0, jsx_runtime_1.jsx)(prose_1.ApplyTypography, { className: "items-start", children: typeof item.content === 'string' ? (0, jsx_runtime_1.jsx)(box_1.Box, { tag: "p", children: item.content }) : item.content }) })))) }));
+};
+exports.AccordianBlockComponent = AccordianBlockComponent;
+exports.default = exports.AccordianBlockComponent;

package/dist/blocks/accordian.d.ts

@@ -0,0 +1,4 @@
+import { type BlockComponentProps } from './spec.js';
+export declare const AccordianBlockComponent: ({ block, className }: BlockComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default AccordianBlockComponent;
+//# sourceMappingURL=accordian.d.ts.map

package/dist/blocks/accordian.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordian.d.ts","sourceRoot":"","sources":["../../src/blocks/accordian.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,mBAAmB,EAAM,MAAM,QAAQ,CAAA;AAErD,eAAO,MAAM,uBAAuB,yBAA0B,mBAAmB,4CAgChF,CAAA;eAEc,uBAAuB"}

package/dist/blocks/accordian.js

@@ -0,0 +1,16 @@
+'use client';import { createElement as _createElement } from "react";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from '../backends/gui/accordion.js';
+import { ApplyTypography } from '../backends/gui/prose.js';
+import { Box } from '../box.js';
+import { sx } from './spec.js';
+export const AccordianBlockComponent = ({ block, className }) => {
+    if (block.blockType !== 'accordian')
+        return _jsx(_Fragment, { children: "accordian block required" });
+    const b = block;
+    return (_jsx(Accordion, { type: "single", collapsible: true, ...sx('w-full border rounded-xl overflow-hidden', className), children: b.items.map((item, i) => (_createElement(AccordionItem, { ...sx('border-b overflow-hidden'), value: `value-${i}`, key: i },
+            _jsx(AccordionTrigger, { ...sx('px-3 md:px-4 lg:px-6'), children: _jsx(ApplyTypography, { children: _jsx(Box, { tag: "h6", className: "text-[1.05rem] font-semibold", children: item.trigger }) }) }),
+            _jsx(AccordionContent, { ...sx('p-4 border-t'), children: _jsx(ApplyTypography, { className: "items-start", children: typeof item.content === 'string' ? _jsx(Box, { tag: "p", children: item.content }) : item.content }) })))) }));
+};
+export default AccordianBlockComponent;
+//# sourceMappingURL=accordian.js.map

package/dist/blocks/accordian.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordian.js","sourceRoot":"","sources":["../../src/blocks/accordian.tsx"],"names":[],"mappings":";;AAEA,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,gBAAgB,GACjB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAE5B,OAAO,EAA4B,EAAE,EAAE,MAAM,QAAQ,CAAA;AAErD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAuB,EAAE,EAAE;IACnF,IAAI,KAAK,CAAC,SAAS,KAAK,WAAW;QAAE,OAAO,yDAA6B,CAAA;IACzE,MAAM,CAAC,GAAG,KAAuB,CAAA;IAEjC,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,WAAW,WACP,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,YAE5D,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,eAAC,aAAa,OACR,EAAE,CAAC,0BAA0B,CAAC,EAClC,KAAK,EAAE,SAAS,CAAC,EAAE,EACnB,GAAG,EAAE,CAAC;YAEN,KAAC,gBAAgB,OAAK,EAAE,CAAC,sBAAsB,CAAC,YAC9C,KAAC,eAAe,cACd,KAAC,GAAG,IAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAC,8BAA8B,YACnD,IAAI,CAAC,OAAO,GACT,GACU,GACD;YACnB,KAAC,gBAAgB,OAAK,EAAE,CAAC,cAAc,CAAC,YACtC,KAAC,eAAe,IAAC,SAAS,EAAC,aAAa,YACrC,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,GAAG,EAAC,GAAG,YAAE,IAAI,CAAC,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,GACpE,GACD,CACL,CACjB,CAAC,GACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/dist/blocks/bullet-cards.cjs

@@ -0,0 +1,40 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BulletCardsBlockComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const box_1 = require("../box.cjs");
+const cn_1 = require("../core/cn.cjs");
+const grid_1 = require("./grid.cjs");
+const spec_1 = require("./spec.cjs");
+/** An icon given as a url is drawn at `size`; given as a node it renders as-is. */
+const Mark = ({ icon, size, phone, className, }) => {
+    if (!icon)
+        return null;
+    if (typeof icon === 'string') {
+        const s = phone ? size * 0.75 : size;
+        return (0, jsx_runtime_1.jsx)(box_1.Box, { tag: "img", src: icon, width: s, height: s, alt: "", className: className });
+    }
+    return (0, jsx_runtime_1.jsx)(box_1.Box, { className: className, children: icon });
+};
+/**
+ * A grid of one-line cards, each an icon beside its text.
+ *
+ * Borders arrive at `md` and not before: on a phone the grid is one column, so
+ * a border per card would draw a stack of boxes where the eye reads a list.
+ */
+const BulletCardsBlockComponent = ({ block, className, agent, }) => {
+    if (block.blockType !== 'bullet-cards')
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "bullet-cards block required" });
+    const b = block;
+    const spec = (s) => (0, spec_1.has)(b.specifiers, s);
+    const border = spec('no-card-border')
+        ? 'border-0'
+        : (0, cn_1.cn)('md:border', spec('border-muted-3')
+            ? 'md:border-muted-3'
+            : spec('border-muted-1')
+                ? 'md:border-muted-1'
+                : 'md:border-muted-2');
+    return ((0, jsx_runtime_1.jsx)(grid_1.GridBlockComponent, { block: { blockType: 'grid', grid: b.grid }, className: className, agent: agent, children: b.cards.map((card, i) => ((0, jsx_runtime_1.jsxs)(box_1.Box, { className: (0, cn_1.cn)('px-0 sm:px-4 py-1 md:py-4 rounded-lg', 'flex flex-row justify-start items-center text-foreground', border), children: [(0, jsx_runtime_1.jsx)(Mark, { icon: card.icon, size: b.iconSize ?? 28, phone: agent === 'phone', className: "shrink-0 mr-2 md:mr-4" }), (0, jsx_runtime_1.jsx)(box_1.Box, { tag: "p", className: (0, cn_1.cn)('m-0 sm:text-base', spec('mobile-small-text') ? 'text-xs' : 'text-sm'), children: card.text })] }, i))) }));
+};
+exports.BulletCardsBlockComponent = BulletCardsBlockComponent;
+exports.default = exports.BulletCardsBlockComponent;

package/dist/blocks/bullet-cards.d.ts

@@ -0,0 +1,10 @@
+import { type BlockComponentProps } from './spec.js';
+/**
+ * A grid of one-line cards, each an icon beside its text.
+ *
+ * Borders arrive at `md` and not before: on a phone the grid is one column, so
+ * a border per card would draw a stack of boxes where the eye reads a list.
+ */
+export declare const BulletCardsBlockComponent: ({ block, className, agent, }: BlockComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default BulletCardsBlockComponent;
+//# sourceMappingURL=bullet-cards.d.ts.map

package/dist/blocks/bullet-cards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bullet-cards.d.ts","sourceRoot":"","sources":["../../src/blocks/bullet-cards.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,mBAAmB,EAAO,MAAM,QAAQ,CAAA;AAsBtD;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,iCAInC,mBAAmB,4CA4CrB,CAAA;eAEc,yBAAyB"}

package/dist/blocks/bullet-cards.js

@@ -0,0 +1,37 @@
+'use client';import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../box.js';
+import { cn } from '../core/cn.js';
+import { GridBlockComponent } from './grid.js';
+import { has } from './spec.js';
+/** An icon given as a url is drawn at `size`; given as a node it renders as-is. */
+const Mark = ({ icon, size, phone, className, }) => {
+    if (!icon)
+        return null;
+    if (typeof icon === 'string') {
+        const s = phone ? size * 0.75 : size;
+        return _jsx(Box, { tag: "img", src: icon, width: s, height: s, alt: "", className: className });
+    }
+    return _jsx(Box, { className: className, children: icon });
+};
+/**
+ * A grid of one-line cards, each an icon beside its text.
+ *
+ * Borders arrive at `md` and not before: on a phone the grid is one column, so
+ * a border per card would draw a stack of boxes where the eye reads a list.
+ */
+export const BulletCardsBlockComponent = ({ block, className, agent, }) => {
+    if (block.blockType !== 'bullet-cards')
+        return _jsx(_Fragment, { children: "bullet-cards block required" });
+    const b = block;
+    const spec = (s) => has(b.specifiers, s);
+    const border = spec('no-card-border')
+        ? 'border-0'
+        : cn('md:border', spec('border-muted-3')
+            ? 'md:border-muted-3'
+            : spec('border-muted-1')
+                ? 'md:border-muted-1'
+                : 'md:border-muted-2');
+    return (_jsx(GridBlockComponent, { block: { blockType: 'grid', grid: b.grid }, className: className, agent: agent, children: b.cards.map((card, i) => (_jsxs(Box, { className: cn('px-0 sm:px-4 py-1 md:py-4 rounded-lg', 'flex flex-row justify-start items-center text-foreground', border), children: [_jsx(Mark, { icon: card.icon, size: b.iconSize ?? 28, phone: agent === 'phone', className: "shrink-0 mr-2 md:mr-4" }), _jsx(Box, { tag: "p", className: cn('m-0 sm:text-base', spec('mobile-small-text') ? 'text-xs' : 'text-sm'), children: card.text })] }, i))) }));
+};
+export default BulletCardsBlockComponent;
+//# sourceMappingURL=bullet-cards.js.map

package/dist/blocks/bullet-cards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bullet-cards.js","sourceRoot":"","sources":["../../src/blocks/bullet-cards.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AAC3C,OAAO,EAA4B,GAAG,EAAE,MAAM,QAAQ,CAAA;AAEtD,mFAAmF;AACnF,MAAM,IAAI,GAAG,CAAC,EACZ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,GAMV,EAAE,EAAE;IACH,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IACtB,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;QACpC,OAAO,KAAC,GAAG,IAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAC,EAAE,EAAC,SAAS,EAAE,SAAS,GAAI,CAAA;IACvF,CAAC;IACD,OAAO,KAAC,GAAG,IAAC,SAAS,EAAE,SAAS,YAAG,IAAI,GAAO,CAAA;AAChD,CAAC,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,KAAK,EACL,SAAS,EACT,KAAK,GACe,EAAE,EAAE;IACxB,IAAI,KAAK,CAAC,SAAS,KAAK,cAAc;QAAE,OAAO,4DAAgC,CAAA;IAC/E,MAAM,CAAC,GAAG,KAAyB,CAAA;IACnC,MAAM,IAAI,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,CAAA;IAEhD,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACnC,CAAC,CAAC,UAAU;QACZ,CAAC,CAAC,EAAE,CACA,WAAW,EACX,IAAI,CAAC,gBAAgB,CAAC;YACpB,CAAC,CAAC,mBAAmB;YACrB,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;gBACtB,CAAC,CAAC,mBAAmB;gBACrB,CAAC,CAAC,mBAAmB,CAC1B,CAAA;IAEL,OAAO,CACL,KAAC,kBAAkB,IACjB,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,EAC1C,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,YAEX,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,MAAC,GAAG,IAEF,SAAS,EAAE,EAAE,CACX,sCAAsC,EACtC,0DAA0D,EAC1D,MAAM,CACP,aAED,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,CAAC,CAAC,QAAQ,IAAI,EAAE,EACtB,KAAK,EAAE,KAAK,KAAK,OAAO,EACxB,SAAS,EAAC,uBAAuB,GACjC,EACF,KAAC,GAAG,IAAC,GAAG,EAAC,GAAG,EAAC,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,YAC9F,IAAI,CAAC,IAAI,GACN,KAfD,CAAC,CAgBF,CACP,CAAC,GACiB,CACtB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,yBAAyB,CAAA"}

package/dist/blocks/card.cjs

@@ -0,0 +1,58 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardBlockComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const card_1 = require("../backends/gui/card.cjs");
+const card_2 = require("../backends/gui/card.cjs");
+const link_1 = require("../backends/gui/link.cjs");
+const prose_1 = require("../backends/gui/prose.cjs");
+const box_1 = require("../box.cjs");
+const cn_1 = require("../core/cn.cjs");
+const cta_1 = require("./cta.cjs");
+const image_1 = require("./image.cjs");
+const video_1 = require("./video.cjs");
+const spec_1 = require("./spec.cjs");
+const SIZES = ['responsive', 'sm', 'base', 'lg', 'xl'];
+/** `typography-lg` in the specifier bag picks the prose rung. */
+const rung = (specifiers) => {
+    const hint = specifiers?.split(/\s+/).find((t) => t.startsWith('typography-'));
+    const last = hint?.split('-').pop();
+    return last && SIZES.includes(last) ? last : 'responsive';
+};
+/** A link that reads as a row: label left, an arrow out on the right. */
+const LinkOut = ({ def }) => ((0, jsx_runtime_1.jsx)(link_1.LinkElement, { def: def, style: { justifyContent: 'space-between' }, variant: "link", iconAfter: true, icon: (0, jsx_runtime_1.jsx)("svg", { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, children: (0, jsx_runtime_1.jsx)("path", { d: "M7 17 17 7M7 7h10v10", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }) }));
+/**
+ * A card: a heading, some media, some content, and a call to action — any of
+ * which may be absent.
+ *
+ * `ghost` is the variant with everything taken away: no border, no padding, a
+ * larger left-aligned title. It reads as content on the page rather than as a
+ * card, which is what a card in a grid of prose usually wants to be.
+ */
+const CardBlockComponent = ({ block, className, contentClassName, agent, }) => {
+    if (block.blockType !== 'card')
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "card block required" });
+    const card = block;
+    const spec = (s) => (0, spec_1.has)(card.specifiers, s);
+    const ghost = spec('ghost');
+    const dim = spec('appear-disabled');
+    const hover = spec('reveal-content-on-hover');
+    const inline = spec('icon-inline');
+    const pad = ghost ? 'px-0 py-0' : 'px-6 py-3';
+    const border = dim ? 'border-muted-4' : 'border-muted-3';
+    const bg = spec('bg-card') ? 'bg-level-1' : '';
+    const place = (0, cn_1.cn)(spec('content-left') ? 'items-start' : 'items-center', spec('content-top') && 'justify-start', contentClassName);
+    const Header = ({ inContent = false, className: cls }) => card.title || card.byline || card.icon ? ((0, jsx_runtime_1.jsxs)(card_2.CardHeader, { ...(0, spec_1.sx)((0, cn_1.cn)('text-accent', dim && 'text-muted-2', pad, ghost && 'border-0', cls)), children: [(0, jsx_runtime_1.jsxs)(box_1.Box, { className: inline || inContent ? 'flex flex-row justify-start items-end my-3' : '', children: [card.icon && !card.iconAfter && ((0, jsx_runtime_1.jsx)(box_1.Box, { className: inline ? 'mr-1' : 'mb-2', children: card.icon })), card.title && ((0, jsx_runtime_1.jsx)(card_2.CardTitle, { ...(0, spec_1.sx)((0, cn_1.cn)('text-center text-lg font-medium', spec('heading-style-title') && 'font-heading text-base leading-tight', ghost && 'text-left md:text-xl', inline && 'md:text-xl')), children: card.title })), card.icon && card.iconAfter && ((0, jsx_runtime_1.jsx)(box_1.Box, { className: inline ? 'ml-1' : 'my-1', children: card.icon }))] }), card.byline && (0, jsx_runtime_1.jsx)(card_2.CardDescription, { children: card.byline })] })) : null;
+    const prose = (content) => typeof content === 'string' ? (0, jsx_runtime_1.jsx)(box_1.Box, { tag: "p", children: content }) : content;
+    const Body = ({ className: cls }) => spec('media-left') ? ((0, jsx_runtime_1.jsxs)(card_2.CardContent, { ...(0, spec_1.sx)((0, cn_1.cn)('flex flex-row justify-start items-stretch p-0 grow', border, bg, place, cls)), children: [card.media && ((0, jsx_runtime_1.jsx)(box_1.Box, { className: (0, cn_1.cn)('box-content grow-0', pad), 
+                // This layout assumes the media is a video with an `sm` size — it
+                // is the width that decides the split, so it has to be known here.
+                style: { width: card.media.dim?.sm?.w }, children: (0, jsx_runtime_1.jsx)(video_1.VideoBlockComponent, { block: card.media, usePoster: spec('video-use-poster'), size: "sm", agent: agent, className: dim ? 'opacity-60' : '' }) })), card.content && ((0, jsx_runtime_1.jsx)(prose_1.ApplyTypography, { className: (0, cn_1.cn)('grow border-l flex flex-col justify-center', pad, border, place), size: rung(card.specifiers), children: prose(card.content) }))] })) : ((0, jsx_runtime_1.jsxs)(card_2.CardContent, { ...(0, spec_1.sx)((0, cn_1.cn)('grow flex flex-col justify-center', bg, pad, place, spec('full-width') && 'p-0', cls)), children: [hover && (0, jsx_runtime_1.jsx)(Header, { inContent: true }), card.content && spec('content-before') && prose(card.content), card.media &&
+                (card.media.blockType === 'image' ? ((0, jsx_runtime_1.jsx)(image_1.ImageBlockComponent, { block: card.media, agent: agent })) : ((0, jsx_runtime_1.jsx)(video_1.VideoBlockComponent, { block: card.media, agent: agent }))), card.content && !spec('content-before') && prose(card.content)] }));
+    const Foot = () => !card.cta ? null : spec('links-w-arrow') ? ((0, jsx_runtime_1.jsx)(card_2.CardFooter, { ...(0, spec_1.sx)((0, cn_1.cn)('flex flex-col justify-start items-stretch', pad)), children: (0, jsx_runtime_1.jsx)(cta_1.CTABlockComponent, { block: card.cta, agent: agent, renderLink: (def, key) => (0, jsx_runtime_1.jsx)(LinkOut, { def: def }, key) }) })) : ((0, jsx_runtime_1.jsx)(card_2.CardFooter, { ...(0, spec_1.sx)((0, cn_1.cn)('grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center', pad)), children: (0, jsx_runtime_1.jsx)(cta_1.CTABlockComponent, { block: card.cta, agent: agent }) }));
+    return ((0, jsx_runtime_1.jsxs)(card_1.Card, { ...(0, spec_1.sx)((0, cn_1.cn)('flex flex-col self-stretch', hover && 'group relative', border, (spec('no-outer-border') || ghost) && 'border-0', bg, ghost && 'gap-2', className)), children: [(0, jsx_runtime_1.jsx)(Header, { className: hover ? 'absolute top-0 left-0 w-full hidden' : '' }), (0, jsx_runtime_1.jsx)(Body, { className: hover
+                    ? 'items-start justify-start rounded-lg p-4 transition-opacity duration-500 ease-out opacity-100'
+                    : '' }), (0, jsx_runtime_1.jsx)(Foot, {})] }));
+};
+exports.CardBlockComponent = CardBlockComponent;
+exports.default = exports.CardBlockComponent;

package/dist/blocks/card.d.ts

@@ -0,0 +1,14 @@
+import { type BlockComponentProps } from './spec.js';
+/**
+ * A card: a heading, some media, some content, and a call to action — any of
+ * which may be absent.
+ *
+ * `ghost` is the variant with everything taken away: no border, no padding, a
+ * larger left-aligned title. It reads as content on the page rather than as a
+ * card, which is what a card in a grid of prose usually wants to be.
+ */
+export declare const CardBlockComponent: ({ block, className, contentClassName, agent, }: BlockComponentProps & {
+    contentClassName?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CardBlockComponent;
+//# sourceMappingURL=card.d.ts.map

package/dist/blocks/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/blocks/card.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,KAAK,mBAAmB,EAAW,MAAM,QAAQ,CAAA;AAgC1D;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,mDAK5B,mBAAmB,GAAG;IAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAAE,4CA4IrD,CAAA;eAEc,kBAAkB"}

package/dist/blocks/card.js

@@ -0,0 +1,55 @@
+'use client';import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card } from '../backends/gui/card.js';
+import { CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../backends/gui/card.js';
+import { LinkElement } from '../backends/gui/link.js';
+import { ApplyTypography } from '../backends/gui/prose.js';
+import { Box } from '../box.js';
+import { cn } from '../core/cn.js';
+import { CTABlockComponent } from './cta.js';
+import { ImageBlockComponent } from './image.js';
+import { VideoBlockComponent } from './video.js';
+import { has, sx } from './spec.js';
+const SIZES = ['responsive', 'sm', 'base', 'lg', 'xl'];
+/** `typography-lg` in the specifier bag picks the prose rung. */
+const rung = (specifiers) => {
+    const hint = specifiers?.split(/\s+/).find((t) => t.startsWith('typography-'));
+    const last = hint?.split('-').pop();
+    return last && SIZES.includes(last) ? last : 'responsive';
+};
+/** A link that reads as a row: label left, an arrow out on the right. */
+const LinkOut = ({ def }) => (_jsx(LinkElement, { def: def, style: { justifyContent: 'space-between' }, variant: "link", iconAfter: true, icon: _jsx("svg", { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, children: _jsx("path", { d: "M7 17 17 7M7 7h10v10", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }) }));
+/**
+ * A card: a heading, some media, some content, and a call to action — any of
+ * which may be absent.
+ *
+ * `ghost` is the variant with everything taken away: no border, no padding, a
+ * larger left-aligned title. It reads as content on the page rather than as a
+ * card, which is what a card in a grid of prose usually wants to be.
+ */
+export const CardBlockComponent = ({ block, className, contentClassName, agent, }) => {
+    if (block.blockType !== 'card')
+        return _jsx(_Fragment, { children: "card block required" });
+    const card = block;
+    const spec = (s) => has(card.specifiers, s);
+    const ghost = spec('ghost');
+    const dim = spec('appear-disabled');
+    const hover = spec('reveal-content-on-hover');
+    const inline = spec('icon-inline');
+    const pad = ghost ? 'px-0 py-0' : 'px-6 py-3';
+    const border = dim ? 'border-muted-4' : 'border-muted-3';
+    const bg = spec('bg-card') ? 'bg-level-1' : '';
+    const place = cn(spec('content-left') ? 'items-start' : 'items-center', spec('content-top') && 'justify-start', contentClassName);
+    const Header = ({ inContent = false, className: cls }) => card.title || card.byline || card.icon ? (_jsxs(CardHeader, { ...sx(cn('text-accent', dim && 'text-muted-2', pad, ghost && 'border-0', cls)), children: [_jsxs(Box, { className: inline || inContent ? 'flex flex-row justify-start items-end my-3' : '', children: [card.icon && !card.iconAfter && (_jsx(Box, { className: inline ? 'mr-1' : 'mb-2', children: card.icon })), card.title && (_jsx(CardTitle, { ...sx(cn('text-center text-lg font-medium', spec('heading-style-title') && 'font-heading text-base leading-tight', ghost && 'text-left md:text-xl', inline && 'md:text-xl')), children: card.title })), card.icon && card.iconAfter && (_jsx(Box, { className: inline ? 'ml-1' : 'my-1', children: card.icon }))] }), card.byline && _jsx(CardDescription, { children: card.byline })] })) : null;
+    const prose = (content) => typeof content === 'string' ? _jsx(Box, { tag: "p", children: content }) : content;
+    const Body = ({ className: cls }) => spec('media-left') ? (_jsxs(CardContent, { ...sx(cn('flex flex-row justify-start items-stretch p-0 grow', border, bg, place, cls)), children: [card.media && (_jsx(Box, { className: cn('box-content grow-0', pad), 
+                // This layout assumes the media is a video with an `sm` size — it
+                // is the width that decides the split, so it has to be known here.
+                style: { width: card.media.dim?.sm?.w }, children: _jsx(VideoBlockComponent, { block: card.media, usePoster: spec('video-use-poster'), size: "sm", agent: agent, className: dim ? 'opacity-60' : '' }) })), card.content && (_jsx(ApplyTypography, { className: cn('grow border-l flex flex-col justify-center', pad, border, place), size: rung(card.specifiers), children: prose(card.content) }))] })) : (_jsxs(CardContent, { ...sx(cn('grow flex flex-col justify-center', bg, pad, place, spec('full-width') && 'p-0', cls)), children: [hover && _jsx(Header, { inContent: true }), card.content && spec('content-before') && prose(card.content), card.media &&
+                (card.media.blockType === 'image' ? (_jsx(ImageBlockComponent, { block: card.media, agent: agent })) : (_jsx(VideoBlockComponent, { block: card.media, agent: agent }))), card.content && !spec('content-before') && prose(card.content)] }));
+    const Foot = () => !card.cta ? null : spec('links-w-arrow') ? (_jsx(CardFooter, { ...sx(cn('flex flex-col justify-start items-stretch', pad)), children: _jsx(CTABlockComponent, { block: card.cta, agent: agent, renderLink: (def, key) => _jsx(LinkOut, { def: def }, key) }) })) : (_jsx(CardFooter, { ...sx(cn('grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center', pad)), children: _jsx(CTABlockComponent, { block: card.cta, agent: agent }) }));
+    return (_jsxs(Card, { ...sx(cn('flex flex-col self-stretch', hover && 'group relative', border, (spec('no-outer-border') || ghost) && 'border-0', bg, ghost && 'gap-2', className)), children: [_jsx(Header, { className: hover ? 'absolute top-0 left-0 w-full hidden' : '' }), _jsx(Body, { className: hover
+                    ? 'items-start justify-start rounded-lg p-4 transition-opacity duration-500 ease-out opacity-100'
+                    : '' }), _jsx(Foot, {})] }));
+};
+export default CardBlockComponent;
+//# sourceMappingURL=card.js.map

package/dist/blocks/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/blocks/card.tsx"],"names":[],"mappings":"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"}

package/dist/blocks/carte-blanche.cjs

@@ -0,0 +1,38 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CarteBlancheBlockComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const card_1 = require("../backends/gui/card.cjs");
+const box_1 = require("../box.cjs");
+const cn_1 = require("../core/cn.cjs");
+const content_1 = require("./content.cjs");
+const cta_1 = require("./cta.cjs");
+const enh_heading_1 = require("./enh-heading.cjs");
+const spec_1 = require("./spec.cjs");
+/** The roomy padding `big-padding` asks for. Default is the card's own. */
+const ROOMY = 'md:p-8 lg:p-12 xl:p-16';
+/**
+ * A panel with a free hand: anything above the heading, anything below it, and
+ * a call to action at the foot.
+ *
+ * `variant-content-left` turns the stack on its side — the top content moves
+ * beside the heading and body rather than above them — and
+ * `variant-mobile-content-left` asks for that on a phone only, which is why the
+ * choice is made here rather than in css.
+ */
+const CarteBlancheBlockComponent = ({ block, className, agent, }) => {
+    if (block.blockType !== 'carte-blanche')
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "carte-blanche block required" });
+    const b = block;
+    const spec = (s) => (0, spec_1.has)(b.specifiers, s);
+    const head = (0, cn_1.cn)(spec('big-padding') && ROOMY, spec('no-inner-borders') && 'border-none');
+    const body = (0, cn_1.cn)(spec('big-padding-content') && ROOMY);
+    const foot = (0, cn_1.cn)(spec('no-inner-borders') && 'border-t-0');
+    const Heading = () => b.heading ? ((0, jsx_runtime_1.jsx)(card_1.CardHeader, { ...(0, spec_1.sx)(head), children: (0, jsx_runtime_1.jsx)(enh_heading_1.EnhHeadingBlockComponent, { block: b.heading, className: "text-accent", agent: agent }) })) : null;
+    const Body = () => b.content ? ((0, jsx_runtime_1.jsx)(card_1.CardContent, { ...(0, spec_1.sx)((0, cn_1.cn)('flex flex-col justify-center', body, className)), children: (0, jsx_runtime_1.jsx)(content_1.Content, { blocks: b.content, agent: agent }) })) : null;
+    const Foot = ({ className: cls }) => b.cta ? ((0, jsx_runtime_1.jsx)(card_1.CardFooter, { ...(0, spec_1.sx)((0, cn_1.cn)('grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center', foot, cls)), children: (0, jsx_runtime_1.jsx)(cta_1.CTABlockComponent, { block: b.cta, agent: agent }) })) : null;
+    const sideways = spec('variant-content-left') || (spec('variant-mobile-content-left') && agent === 'phone');
+    return ((0, jsx_runtime_1.jsx)(card_1.Card, { ...(0, spec_1.sx)((0, cn_1.cn)('flex flex-col', className, spec('no-outer-borders') && 'border-none')), children: sideways ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(box_1.Box, { className: "flex gap-2", children: [b.topContent && ((0, jsx_runtime_1.jsx)(content_1.Content, { blocks: b.topContent, agent: agent, className: "self-center ml-6 mt-6" })), (0, jsx_runtime_1.jsxs)(box_1.Box, { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)(Heading, {}), b.content && ((0, jsx_runtime_1.jsx)(card_1.CardContent, { ...(0, spec_1.sx)((0, cn_1.cn)('flex flex-col justify-start', body, className)), children: (0, jsx_runtime_1.jsx)(content_1.Content, { blocks: b.content, agent: agent }) }))] })] }), (0, jsx_runtime_1.jsx)(Foot, { className: "mx-auto" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(b.heading || b.topContent) && ((0, jsx_runtime_1.jsxs)(card_1.CardHeader, { ...(0, spec_1.sx)(head), children: [b.topContent && (0, jsx_runtime_1.jsx)(content_1.Content, { blocks: b.topContent, agent: agent }), b.heading && ((0, jsx_runtime_1.jsx)(enh_heading_1.EnhHeadingBlockComponent, { block: b.heading, className: "text-accent", agent: agent }))] })), (0, jsx_runtime_1.jsx)(Body, {}), (0, jsx_runtime_1.jsx)(Foot, {})] })) }));
+};
+exports.CarteBlancheBlockComponent = CarteBlancheBlockComponent;
+exports.default = exports.CarteBlancheBlockComponent;

package/dist/blocks/carte-blanche.d.ts

@@ -0,0 +1,13 @@
+import { type BlockComponentProps } from './spec.js';
+/**
+ * A panel with a free hand: anything above the heading, anything below it, and
+ * a call to action at the foot.
+ *
+ * `variant-content-left` turns the stack on its side — the top content moves
+ * beside the heading and body rather than above them — and
+ * `variant-mobile-content-left` asks for that on a phone only, which is why the
+ * choice is made here rather than in css.
+ */
+export declare const CarteBlancheBlockComponent: ({ block, className, agent, }: BlockComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default CarteBlancheBlockComponent;
+//# sourceMappingURL=carte-blanche.d.ts.map

package/dist/blocks/carte-blanche.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carte-blanche.d.ts","sourceRoot":"","sources":["../../src/blocks/carte-blanche.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,mBAAmB,EAAW,MAAM,QAAQ,CAAA;AAK1D;;;;;;;;GAQG;AACH,eAAO,MAAM,0BAA0B,iCAIpC,mBAAmB,4CAqErB,CAAA;eAEc,0BAA0B"}

package/dist/blocks/carte-blanche.js

@@ -0,0 +1,35 @@
+'use client';import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardFooter, CardHeader } from '../backends/gui/card.js';
+import { Box } from '../box.js';
+import { cn } from '../core/cn.js';
+import { Content } from './content.js';
+import { CTABlockComponent } from './cta.js';
+import { EnhHeadingBlockComponent } from './enh-heading.js';
+import { has, sx } from './spec.js';
+/** The roomy padding `big-padding` asks for. Default is the card's own. */
+const ROOMY = 'md:p-8 lg:p-12 xl:p-16';
+/**
+ * A panel with a free hand: anything above the heading, anything below it, and
+ * a call to action at the foot.
+ *
+ * `variant-content-left` turns the stack on its side — the top content moves
+ * beside the heading and body rather than above them — and
+ * `variant-mobile-content-left` asks for that on a phone only, which is why the
+ * choice is made here rather than in css.
+ */
+export const CarteBlancheBlockComponent = ({ block, className, agent, }) => {
+    if (block.blockType !== 'carte-blanche')
+        return _jsx(_Fragment, { children: "carte-blanche block required" });
+    const b = block;
+    const spec = (s) => has(b.specifiers, s);
+    const head = cn(spec('big-padding') && ROOMY, spec('no-inner-borders') && 'border-none');
+    const body = cn(spec('big-padding-content') && ROOMY);
+    const foot = cn(spec('no-inner-borders') && 'border-t-0');
+    const Heading = () => b.heading ? (_jsx(CardHeader, { ...sx(head), children: _jsx(EnhHeadingBlockComponent, { block: b.heading, className: "text-accent", agent: agent }) })) : null;
+    const Body = () => b.content ? (_jsx(CardContent, { ...sx(cn('flex flex-col justify-center', body, className)), children: _jsx(Content, { blocks: b.content, agent: agent }) })) : null;
+    const Foot = ({ className: cls }) => b.cta ? (_jsx(CardFooter, { ...sx(cn('grid grid-cols-1 gap-2 md:flex md:flex-row md:justify-center', foot, cls)), children: _jsx(CTABlockComponent, { block: b.cta, agent: agent }) })) : null;
+    const sideways = spec('variant-content-left') || (spec('variant-mobile-content-left') && agent === 'phone');
+    return (_jsx(Card, { ...sx(cn('flex flex-col', className, spec('no-outer-borders') && 'border-none')), children: sideways ? (_jsxs(_Fragment, { children: [_jsxs(Box, { className: "flex gap-2", children: [b.topContent && (_jsx(Content, { blocks: b.topContent, agent: agent, className: "self-center ml-6 mt-6" })), _jsxs(Box, { className: "flex flex-col", children: [_jsx(Heading, {}), b.content && (_jsx(CardContent, { ...sx(cn('flex flex-col justify-start', body, className)), children: _jsx(Content, { blocks: b.content, agent: agent }) }))] })] }), _jsx(Foot, { className: "mx-auto" })] })) : (_jsxs(_Fragment, { children: [(b.heading || b.topContent) && (_jsxs(CardHeader, { ...sx(head), children: [b.topContent && _jsx(Content, { blocks: b.topContent, agent: agent }), b.heading && (_jsx(EnhHeadingBlockComponent, { block: b.heading, className: "text-accent", agent: agent }))] })), _jsx(Body, {}), _jsx(Foot, {})] })) }));
+};
+export default CarteBlancheBlockComponent;
+//# sourceMappingURL=carte-blanche.js.map

package/dist/blocks/carte-blanche.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carte-blanche.js","sourceRoot":"","sources":["../../src/blocks/carte-blanche.tsx"],"names":[],"mappings":"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"}

package/dist/blocks/content.cjs

@@ -0,0 +1,65 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Content = exports.registerBlockType = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const accordian_1 = require("./accordian.cjs");
+const bullet_cards_1 = require("./bullet-cards.cjs");
+const card_1 = require("./card.cjs");
+const carte_blanche_1 = require("./carte-blanche.cjs");
+const cta_1 = require("./cta.cjs");
+const enh_heading_1 = require("./enh-heading.cjs");
+const grid_1 = require("./grid.cjs");
+const group_1 = require("./group.cjs");
+const heading_1 = require("./heading.cjs");
+const image_1 = require("./image.cjs");
+const space_1 = require("./space.cjs");
+const video_1 = require("./video.cjs");
+/**
+ * `blockType` → renderer.
+ *
+ * A Map rather than a switch because it is also the extension point: a host
+ * calls `registerBlockType` to add a type of its own, or to replace one of
+ * these — which is how a Next app substitutes its optimizing image, and how
+ * anything the library does not ship reaches the page.
+ */
+const map = new Map([
+    ['accordian', accordian_1.AccordianBlockComponent],
+    ['bullet-cards', bullet_cards_1.BulletCardsBlockComponent],
+    ['card', card_1.CardBlockComponent],
+    ['carte-blanche', carte_blanche_1.CarteBlancheBlockComponent],
+    ['cta', cta_1.CTABlockComponent],
+    ['enh-heading', enh_heading_1.EnhHeadingBlockComponent],
+    ['grid', grid_1.GridBlockComponent],
+    ['group', group_1.GroupBlockComponent],
+    ['heading', heading_1.HeadingBlockComponent],
+    ['image', image_1.ImageBlockComponent],
+    ['space', space_1.SpaceBlockComponent],
+    ['video', video_1.VideoBlockComponent],
+]);
+const registerBlockType = (key, type) => {
+    map.set(key, type);
+};
+exports.registerBlockType = registerBlockType;
+/**
+ * `element` is the one type with no renderer, by design: it carries a node the
+ * author already built, so rendering it means handing it back. That is what
+ * makes a page of blocks able to hold anything at all.
+ */
+const one = (block, className, agent, key) => {
+    if (block.blockType === 'element')
+        return block.element;
+    const Comp = map.get(block.blockType);
+    if (!Comp)
+        return null;
+    return (0, jsx_runtime_1.jsx)(Comp, { block: block, className: className, agent: agent }, key);
+};
+const Content = ({ blocks, className, agent, }) => {
+    if (!blocks)
+        return null;
+    if (Array.isArray(blocks)) {
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: blocks.map((b, i) => one(b, className, agent, `${b.blockType}-${i}`)) }));
+    }
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: one(blocks, className, agent) });
+};
+exports.Content = Content;
+exports.default = exports.Content;

package/dist/blocks/content.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { Block } from './def.js';
+import type { BlockComponentProps } from './spec.js';
+export declare const registerBlockType: (key: string, type: React.ComponentType<BlockComponentProps>) => void;
+export declare const Content: ({ blocks, className, agent, }: {
+    blocks: Block | Block[] | undefined;
+    className?: string;
+    agent?: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default Content;
+//# sourceMappingURL=content.d.ts.map

package/dist/blocks/content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../src/blocks/content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,KAAK,EAAgB,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAA;AAsCjD,eAAO,MAAM,iBAAiB,QACvB,MAAM,QACL,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAC7C,IAEF,CAAA;AAcD,eAAO,MAAM,OAAO,kCAIjB;IACD,MAAM,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,SAAS,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,mDAUA,CAAA;eAEc,OAAO"}