@hanzo/ui 8.4.12 → 8.5.0

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"}

package/dist/blocks/content.js

@@ -0,0 +1,61 @@
+'use client';import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { AccordianBlockComponent } from './accordian.js';
+import { BulletCardsBlockComponent } from './bullet-cards.js';
+import { CardBlockComponent } from './card.js';
+import { CarteBlancheBlockComponent } from './carte-blanche.js';
+import { CTABlockComponent } from './cta.js';
+import { EnhHeadingBlockComponent } from './enh-heading.js';
+import { GridBlockComponent } from './grid.js';
+import { GroupBlockComponent } from './group.js';
+import { HeadingBlockComponent } from './heading.js';
+import { ImageBlockComponent } from './image.js';
+import { SpaceBlockComponent } from './space.js';
+import { VideoBlockComponent } from './video.js';
+/**
+ * `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', AccordianBlockComponent],
+    ['bullet-cards', BulletCardsBlockComponent],
+    ['card', CardBlockComponent],
+    ['carte-blanche', CarteBlancheBlockComponent],
+    ['cta', CTABlockComponent],
+    ['enh-heading', EnhHeadingBlockComponent],
+    ['grid', GridBlockComponent],
+    ['group', GroupBlockComponent],
+    ['heading', HeadingBlockComponent],
+    ['image', ImageBlockComponent],
+    ['space', SpaceBlockComponent],
+    ['video', VideoBlockComponent],
+]);
+export const registerBlockType = (key, type) => {
+    map.set(key, type);
+};
+/**
+ * `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 _jsx(Comp, { block: block, className: className, agent: agent }, key);
+};
+export const Content = ({ blocks, className, agent, }) => {
+    if (!blocks)
+        return null;
+    if (Array.isArray(blocks)) {
+        return (_jsx(_Fragment, { children: blocks.map((b, i) => one(b, className, agent, `${b.blockType}-${i}`)) }));
+    }
+    return _jsx(_Fragment, { children: one(blocks, className, agent) });
+};
+export default Content;
+//# sourceMappingURL=content.js.map

package/dist/blocks/content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../../src/blocks/content.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;;;GAOG;AACH,MAAM,GAAG,GAAG,IAAI,GAAG,CAAmD;IACpE,CAAC,WAAW,EAAE,uBAAuB,CAAC;IACtC,CAAC,cAAc,EAAE,yBAAyB,CAAC;IAC3C,CAAC,MAAM,EAAE,kBAAkB,CAAC;IAC5B,CAAC,eAAe,EAAE,0BAA0B,CAAC;IAC7C,CAAC,KAAK,EAAE,iBAAiB,CAAC;IAC1B,CAAC,aAAa,EAAE,wBAAwB,CAAC;IACzC,CAAC,MAAM,EAAE,kBAAkB,CAAC;IAC5B,CAAC,OAAO,EAAE,mBAAmB,CAAC;IAC9B,CAAC,SAAS,EAAE,qBAAqB,CAAC;IAClC,CAAC,OAAO,EAAE,mBAAmB,CAAC;IAC9B,CAAC,OAAO,EAAE,mBAAmB,CAAC;IAC9B,CAAC,OAAO,EAAE,mBAAmB,CAAC;CAC/B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,GAAW,EACX,IAA8C,EACxC,EAAE;IACR,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAA;AACpB,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,GAAG,GAAG,CAAC,KAAY,EAAE,SAAkB,EAAE,KAAc,EAAE,GAAY,EAAmB,EAAE;IAC9F,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS;QAAE,OAAQ,KAAsB,CAAC,OAAO,CAAA;IACzE,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACrC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IACtB,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,IAAO,GAAG,CAAI,CAAA;AAC7E,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,MAAM,EACN,SAAS,EACT,KAAK,GAKN,EAAE,EAAE;IACH,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IACxB,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAC1B,OAAO,CACL,4BACG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,SAAS,IAAI,CAAC,EAAE,CAAC,CAAC,GACrE,CACJ,CAAA;IACH,CAAC;IACD,OAAO,4BAAG,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,GAAI,CAAA;AAC7C,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/blocks/cta.cjs

@@ -0,0 +1,103 @@
+'use client';"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CTABlockComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const link_1 = require("../backends/gui/link.cjs");
+const box_1 = require("../box.cjs");
+const cn_1 = require("../core/cn.cjs");
+const spec_1 = require("./spec.cjs");
+/**
+ * A button whose action is a modal.
+ *
+ * `ButtonDef` carries the modal COMPONENT rather than a modal, so the library
+ * never has to know what the app's dialog is: this opens it, closes it, and
+ * hands it the action to run. The 5.x line shipped this file empty, so every
+ * `ButtonDef` in a cta rendered nothing at all.
+ */
+const ActionButton = ({ def, size, className, }) => {
+    const [open, setOpen] = React.useState(false);
+    const modal = def.action.def;
+    const { Comp } = modal;
+    return ((0, jsx_runtime_1.jsx)(Comp, { open: open, onOpenChange: setOpen, buttonText: def.text, buttonProps: { ...def.props, ...(size ? { size } : {}), className }, title: modal.title, byline: modal.byline, action: modal.action ?? (async () => undefined), actionEnclosure: modal.actionEnclosure }));
+};
+/** A def with a `title` is a link; anything else is a button. */
+const isLink = (e) => 'title' in e || 'href' in e;
+const CTABlockComponent = ({ block, className, itemClasses, itemSize, renderLink, renderButton, agent, }) => {
+    if (block.blockType !== 'cta')
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "cta block required" });
+    const { elements, specifiers } = block;
+    const spec = (s) => (0, spec_1.has)(specifiers, s);
+    const justify = spec('fill')
+        ? 'w-full'
+        : spec('left')
+            ? 'md:justify-start'
+            : spec('right')
+                ? 'md:justify-end'
+                : 'md:justify-center';
+    const twoUp = spec('mobile-2-columns');
+    const fillEvenly = !spec('desktop-dont-fill');
+    const centerFirst = spec('mobile-center-first-if-odd');
+    const oddFullWidth = spec('mobile-odd-full-width');
+    let layout = 'flex flex-col items-stretch gap-2 self-stretch md:flex-row sm:justify-center';
+    let item = spec('fill') ? 'grow shrink min-w-0' : '';
+    if (elements.length > 1) {
+        if (twoUp || fillEvenly) {
+            layout = 'grid grid-cols-2 gap-2 self-stretch';
+            item += ' min-w-0';
+        }
+        else {
+            layout = 'flex flex-row justify-center';
+        }
+    }
+    /** With an odd count in two columns, one element spans both. */
+    const span = (i, total) => {
+        if (!(agent === 'phone' && twoUp))
+            return '';
+        const centred = total % 2 === 0 ? -1 : centerFirst ? 0 : total - 1;
+        return i === centred ? `col-span-2 ${oddFullWidth ? 'w-full' : 'w-3/5 mx-auto'}` : '';
+    };
+    return ((0, jsx_runtime_1.jsx)(box_1.Box, { className: (0, cn_1.cn)(layout, justify, className), children: elements.map((element, i) => {
+            const extra = (0, cn_1.cn)(item, itemClasses, span(i, elements.length));
+            if (isLink(element)) {
+                return renderLink ? (renderLink(element, i)) : ((0, jsx_runtime_1.jsx)(link_1.LinkElement, { def: element, size: itemSize, className: extra }, i));
+            }
+            return renderButton ? (renderButton(element, i)) : ((0, jsx_runtime_1.jsx)(ActionButton, { def: element, size: itemSize, className: extra }, i));
+        }) }));
+};
+exports.CTABlockComponent = CTABlockComponent;
+exports.default = exports.CTABlockComponent;

package/dist/blocks/cta.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { ButtonSize } from '../backends/gui/button.js';
+import type { ButtonDef, LinkDef } from '../types.js';
+import { type BlockComponentProps } from './spec.js';
+export declare const CTABlockComponent: ({ block, className, itemClasses, itemSize, renderLink, renderButton, agent, }: BlockComponentProps & {
+    itemClasses?: string;
+    /** Overrides the size in each def. */
+    itemSize?: ButtonSize | null;
+    renderLink?: (def: LinkDef, key: number) => React.ReactElement;
+    renderButton?: (def: ButtonDef, key: number) => React.ReactElement;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CTABlockComponent;
+//# sourceMappingURL=cta.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cta.d.ts","sourceRoot":"","sources":["../../src/blocks/cta.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElD,OAAO,EAAE,KAAK,mBAAmB,EAAO,MAAM,QAAQ,CAAA;AAuCtD,eAAO,MAAM,iBAAiB,kFAQ3B,mBAAmB,GAAG;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAA;IAC9D,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAA;CACnE,4CAyDA,CAAA;eAEc,iBAAiB"}

package/dist/blocks/cta.js

@@ -0,0 +1,67 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { LinkElement } from '../backends/gui/link.js';
+import { Box } from '../box.js';
+import { cn } from '../core/cn.js';
+import { has } from './spec.js';
+/**
+ * A button whose action is a modal.
+ *
+ * `ButtonDef` carries the modal COMPONENT rather than a modal, so the library
+ * never has to know what the app's dialog is: this opens it, closes it, and
+ * hands it the action to run. The 5.x line shipped this file empty, so every
+ * `ButtonDef` in a cta rendered nothing at all.
+ */
+const ActionButton = ({ def, size, className, }) => {
+    const [open, setOpen] = React.useState(false);
+    const modal = def.action.def;
+    const { Comp } = modal;
+    return (_jsx(Comp, { open: open, onOpenChange: setOpen, buttonText: def.text, buttonProps: { ...def.props, ...(size ? { size } : {}), className }, title: modal.title, byline: modal.byline, action: modal.action ?? (async () => undefined), actionEnclosure: modal.actionEnclosure }));
+};
+/** A def with a `title` is a link; anything else is a button. */
+const isLink = (e) => 'title' in e || 'href' in e;
+export const CTABlockComponent = ({ block, className, itemClasses, itemSize, renderLink, renderButton, agent, }) => {
+    if (block.blockType !== 'cta')
+        return _jsx(_Fragment, { children: "cta block required" });
+    const { elements, specifiers } = block;
+    const spec = (s) => has(specifiers, s);
+    const justify = spec('fill')
+        ? 'w-full'
+        : spec('left')
+            ? 'md:justify-start'
+            : spec('right')
+                ? 'md:justify-end'
+                : 'md:justify-center';
+    const twoUp = spec('mobile-2-columns');
+    const fillEvenly = !spec('desktop-dont-fill');
+    const centerFirst = spec('mobile-center-first-if-odd');
+    const oddFullWidth = spec('mobile-odd-full-width');
+    let layout = 'flex flex-col items-stretch gap-2 self-stretch md:flex-row sm:justify-center';
+    let item = spec('fill') ? 'grow shrink min-w-0' : '';
+    if (elements.length > 1) {
+        if (twoUp || fillEvenly) {
+            layout = 'grid grid-cols-2 gap-2 self-stretch';
+            item += ' min-w-0';
+        }
+        else {
+            layout = 'flex flex-row justify-center';
+        }
+    }
+    /** With an odd count in two columns, one element spans both. */
+    const span = (i, total) => {
+        if (!(agent === 'phone' && twoUp))
+            return '';
+        const centred = total % 2 === 0 ? -1 : centerFirst ? 0 : total - 1;
+        return i === centred ? `col-span-2 ${oddFullWidth ? 'w-full' : 'w-3/5 mx-auto'}` : '';
+    };
+    return (_jsx(Box, { className: cn(layout, justify, className), children: elements.map((element, i) => {
+            const extra = cn(item, itemClasses, span(i, elements.length));
+            if (isLink(element)) {
+                return renderLink ? (renderLink(element, i)) : (_jsx(LinkElement, { def: element, size: itemSize, className: extra }, i));
+            }
+            return renderButton ? (renderButton(element, i)) : (_jsx(ActionButton, { def: element, size: itemSize, className: extra }, i));
+        }) }));
+};
+export default CTABlockComponent;
+//# sourceMappingURL=cta.js.map

package/dist/blocks/cta.js.map

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

package/dist/blocks/def.cjs

@@ -0,0 +1,24 @@
+'use client';"use strict";
+// The block vocabulary — what a site AUTHORS, with no renderer attached.
+//
+// A block is data: `blockType` picks the renderer, and the rest of the fields
+// are that renderer's input. So a page is a `Block[]` that can be written in a
+// CMS, checked into a repo, or produced by a server, and typed either way.
+//
+// Every `specifiers` field is a space-separated bag of layout hints read by the
+// matching component. It is deliberately a string rather than a union: a site
+// adds a hint by typing one, and an unrecognised hint is ignored rather than
+// failing the build.
+//
+// Flat, for the reason given in ../types: the 5.x line spread these over
+// sixteen files exporting `default`, so the imported name was never the name the
+// file declared.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SPACE_DEFAULTS = void 0;
+exports.SPACE_DEFAULTS = {
+    xs: 2,
+    sm: 4,
+    md: 5,
+    lg: 6,
+    xl: 8,
+};