@hanzo/ui 8.4.12 → 8.5.0

package/dist/blocks/group.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../src/blocks/group.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAA;AAqBjD,eAAO,MAAM,mBAAmB,gCAAiC,mBAAmB,mDAoBnF,CAAA;eAEc,mBAAmB"}

package/dist/blocks/group.js

@@ -0,0 +1,40 @@
+'use client';import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../box.js';
+import { cn } from '../core/cn.js';
+import { Breakpoints } from '../types.js';
+import { Content } from './content.js';
+/**
+ * Reads a layout hint: `layout-grid-3-starting-md` — three columns, from `md`
+ * up, one column below it.
+ *
+ * The bounds are real: one column is not a grid, and past six the cells are
+ * narrower than the words in them. Out of range returns nothing, and the block
+ * says so rather than rendering a layout nobody asked for.
+ */
+const layout = (specifiers) => {
+    const hint = specifiers.split(/\s+/).find((t) => t.startsWith('layout-'));
+    if (!hint)
+        return undefined;
+    const [, kind, count, , from] = hint.split('-');
+    if (kind !== 'grid')
+        return undefined;
+    const columns = parseInt(count, 10);
+    if (Number.isNaN(columns) || columns < 2 || columns > 6)
+        return undefined;
+    if (!Breakpoints.includes(from))
+        return undefined;
+    return { columns, from: from };
+};
+export const GroupBlockComponent = ({ block, className, agent }) => {
+    if (block.blockType !== 'group')
+        return _jsx(_Fragment, { children: "group block required" });
+    const b = block;
+    if (!b.specifiers?.includes('layout'))
+        return null;
+    const spec = layout(b.specifiers);
+    if (!spec)
+        return _jsx(_Fragment, { children: "invalid or missing layout specifier in group block" });
+    return (_jsx(Box, { className: cn('grid grid-cols-1 gap-2 sm:gap-3', `${spec.from}:grid-cols-${spec.columns}`, className), children: _jsx(Content, { blocks: b.elements, agent: agent }) }));
+};
+export default GroupBlockComponent;
+//# sourceMappingURL=group.js.map

package/dist/blocks/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../src/blocks/group.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAGtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAGnC;;;;;;;GAOG;AACH,MAAM,MAAM,GAAG,CAAC,UAAkB,EAAqD,EAAE;IACvF,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAA;IACzE,IAAI,CAAC,IAAI;QAAE,OAAO,SAAS,CAAA;IAC3B,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,AAAD,EAAG,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC/C,IAAI,IAAI,KAAK,MAAM;QAAE,OAAO,SAAS,CAAA;IACrC,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IACnC,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,OAAO,GAAG,CAAC,IAAI,OAAO,GAAG,CAAC;QAAE,OAAO,SAAS,CAAA;IACzE,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAkB,CAAC;QAAE,OAAO,SAAS,CAAA;IAC/D,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAkB,EAAE,CAAA;AAC9C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAuB,EAAE,EAAE;IACtF,IAAI,KAAK,CAAC,SAAS,KAAK,OAAO;QAAE,OAAO,qDAAyB,CAAA;IACjE,MAAM,CAAC,GAAG,KAAmB,CAAA;IAE7B,IAAI,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,CAAC,QAAQ,CAAC;QAAE,OAAO,IAAI,CAAA;IAElD,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;IACjC,IAAI,CAAC,IAAI;QAAE,OAAO,mFAAuD,CAAA;IAEzE,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAE,EAAE,CACX,iCAAiC,EACjC,GAAG,IAAI,CAAC,IAAI,cAAc,IAAI,CAAC,OAAO,EAAE,EACxC,SAAS,CACV,YAED,KAAC,OAAO,IAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,GACzC,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/blocks/heading.cjs

@@ -0,0 +1,22 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeadingBlockComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const prose_1 = require("../backends/gui/prose.cjs");
+const box_1 = require("../box.cjs");
+/** 0 is a paragraph; 1–6 are the heading tags. */
+const tag = (level, fallback) => level === undefined ? fallback : level === 0 ? 'p' : `h${Math.min(6, Math.max(1, level))}`;
+/** A byline sits two rungs below its heading unless it says otherwise. */
+const BYLINE = {
+    p: 'p', h1: 'h3', h2: 'h4', h3: 'h5', h4: 'h6', h5: 'p', h6: 'p',
+};
+const HeadingBlockComponent = ({ block, className }) => {
+    if (block.blockType !== 'heading')
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "heading block required" });
+    const b = block;
+    const Head = tag(b.level, 'h3');
+    const Byline = b.bylineLevel !== undefined ? tag(b.bylineLevel, 'h5') : BYLINE[Head];
+    return ((0, jsx_runtime_1.jsxs)(prose_1.ApplyTypography, { className: className, children: [(0, jsx_runtime_1.jsx)(box_1.Box, { tag: Head, children: b.heading }), b.spaceBetween ? (0, jsx_runtime_1.jsx)(box_1.Box, { className: `w-[1px] h-${b.spaceBetween}` }) : null, b.byline && (0, jsx_runtime_1.jsx)(box_1.Box, { tag: Byline, children: b.byline }), b.spaceAfter ? (0, jsx_runtime_1.jsx)(box_1.Box, { className: `w-[1px] h-${b.spaceAfter}` }) : null] }));
+};
+exports.HeadingBlockComponent = HeadingBlockComponent;
+exports.default = exports.HeadingBlockComponent;

package/dist/blocks/heading.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/blocks/heading.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAA;AAWjD,eAAO,MAAM,qBAAqB,yBAA0B,mBAAmB,4CAe9E,CAAA;eAEc,qBAAqB"}

package/dist/blocks/heading.js

@@ -0,0 +1,19 @@
+'use client';import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ApplyTypography } from '../backends/gui/prose.js';
+import { Box } from '../box.js';
+/** 0 is a paragraph; 1–6 are the heading tags. */
+const tag = (level, fallback) => level === undefined ? fallback : level === 0 ? 'p' : `h${Math.min(6, Math.max(1, level))}`;
+/** A byline sits two rungs below its heading unless it says otherwise. */
+const BYLINE = {
+    p: 'p', h1: 'h3', h2: 'h4', h3: 'h5', h4: 'h6', h5: 'p', h6: 'p',
+};
+export const HeadingBlockComponent = ({ block, className }) => {
+    if (block.blockType !== 'heading')
+        return _jsx(_Fragment, { children: "heading block required" });
+    const b = block;
+    const Head = tag(b.level, 'h3');
+    const Byline = b.bylineLevel !== undefined ? tag(b.bylineLevel, 'h5') : BYLINE[Head];
+    return (_jsxs(ApplyTypography, { className: className, children: [_jsx(Box, { tag: Head, children: b.heading }), b.spaceBetween ? _jsx(Box, { className: `w-[1px] h-${b.spaceBetween}` }) : null, b.byline && _jsx(Box, { tag: Byline, children: b.byline }), b.spaceAfter ? _jsx(Box, { className: `w-[1px] h-${b.spaceAfter}` }) : null] }));
+};
+export default HeadingBlockComponent;
+//# sourceMappingURL=heading.js.map

package/dist/blocks/heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../src/blocks/heading.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAI5B,kDAAkD;AAClD,MAAM,GAAG,GAAG,CAAC,KAAyB,EAAE,QAAgB,EAAU,EAAE,CAClE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAA;AAE5F,0EAA0E;AAC1E,MAAM,MAAM,GAA2B;IACrC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG;CACjE,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAuB,EAAE,EAAE;IACjF,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS;QAAE,OAAO,uDAA2B,CAAA;IACrE,MAAM,CAAC,GAAG,KAAqB,CAAA;IAE/B,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IAC/B,MAAM,MAAM,GAAG,CAAC,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAEpF,OAAO,CACL,MAAC,eAAe,IAAC,SAAS,EAAE,SAAS,aACnC,KAAC,GAAG,IAAC,GAAG,EAAE,IAAY,YAAG,CAAC,CAAC,OAAO,GAAO,EACxC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,SAAS,EAAE,aAAa,CAAC,CAAC,YAAY,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EACzE,CAAC,CAAC,MAAM,IAAI,KAAC,GAAG,IAAC,GAAG,EAAE,MAAc,YAAG,CAAC,CAAC,MAAM,GAAO,EACtD,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,SAAS,EAAE,aAAa,CAAC,CAAC,UAAU,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,IACtD,CACnB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/dist/blocks/image.cjs

@@ -0,0 +1,54 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageBlockComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const box_1 = require("../box.cjs");
+const cn_1 = require("../core/cn.cjs");
+const spec_1 = require("./spec.cjs");
+/** How much an unconstrained image shrinks on a phone. */
+const PHONE = 0.75;
+/**
+ * An image, sized before it loads.
+ *
+ * Width and height are always emitted — even when a style overrides them —
+ * because they are what lets the browser reserve the right box and not shift
+ * the page when the bytes arrive.
+ *
+ * This renders a plain `<img>`: nothing in this package imports a framework. A
+ * host that wants its own optimizing image registers one for this block type —
+ * `registerBlockType('image', MyImage)` — which is the same door every other
+ * substitution goes through.
+ */
+const ImageBlockComponent = ({ block, className, agent, constrainTo, }) => {
+    if (block.blockType !== 'image')
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "image block required" });
+    const { src, alt, dim, props, sizes, fullWidthOnMobile, svgFillClass, specifiers } = block;
+    const spec = (s) => (0, spec_1.has)(specifiers, s);
+    const phone = agent === 'phone';
+    // The 5.x original read one past the end of the split, so every image without
+    // an explicit alt got `undefined` — silently, and only where it mattered.
+    const label = alt ?? (0, spec_1.name)(src);
+    const size = {};
+    if (props?.fill === undefined) {
+        const box = constrainTo ? (0, spec_1.fit)(dim, constrainTo) : dim;
+        size.width = box.w;
+        size.height = box.h;
+    }
+    if (sizes)
+        size.sizes = sizes;
+    if (phone && (spec('mobile-full-width') || fullWidthOnMobile)) {
+        return ((0, jsx_runtime_1.jsx)(box_1.Box, { className: "flex flex-col items-center w-full", children: (0, jsx_runtime_1.jsx)(box_1.Box, { tag: "img", src: src, alt: label, width: dim.w, height: dim.h, sizes: "100vw", style: { width: '100%', height: 'auto', maxWidth: 420 }, className: (0, cn_1.cn)(svgFillClass, className) }) }));
+    }
+    if (phone && !spec('mobile-no-scale') && props?.fill === undefined) {
+        const box = constrainTo ? (0, spec_1.fit)(dim, constrainTo) : dim;
+        size.width = box.w * PHONE;
+        size.height = box.h * PHONE;
+    }
+    const align = spec('right') ? 'self-end' : spec('center') ? 'self-center' : 'self-start';
+    if (props?.fill) {
+        return ((0, jsx_runtime_1.jsx)(box_1.Box, { className: "relative w-full h-full", children: (0, jsx_runtime_1.jsx)(box_1.Box, { tag: "img", src: src, alt: label, ...size, ...props, className: (0, cn_1.cn)(svgFillClass, 'max-w-[70vw] mx-auto', className) }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "img", src: src, alt: label, ...size, ...props, className: (0, cn_1.cn)(align, svgFillClass, 'max-w-[70vw] mx-auto', className) }));
+};
+exports.ImageBlockComponent = ImageBlockComponent;
+exports.default = exports.ImageBlockComponent;

package/dist/blocks/image.d.ts

@@ -0,0 +1,19 @@
+import type { Dimensions } from '../types.js';
+import { type BlockComponentProps } from './spec.js';
+/**
+ * An image, sized before it loads.
+ *
+ * Width and height are always emitted — even when a style overrides them —
+ * because they are what lets the browser reserve the right box and not shift
+ * the page when the bytes arrive.
+ *
+ * This renders a plain `<img>`: nothing in this package imports a framework. A
+ * host that wants its own optimizing image registers one for this block type —
+ * `registerBlockType('image', MyImage)` — which is the same door every other
+ * substitution goes through.
+ */
+export declare const ImageBlockComponent: ({ block, className, agent, constrainTo, }: BlockComponentProps & {
+    constrainTo?: Dimensions;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ImageBlockComponent;
+//# sourceMappingURL=image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/blocks/image.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,EAAE,KAAK,mBAAmB,EAAkB,MAAM,QAAQ,CAAA;AAKjE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,8CAK7B,mBAAmB,GAAG;IAAE,WAAW,CAAC,EAAE,UAAU,CAAA;CAAE,4CAqEpD,CAAA;eAEc,mBAAmB"}

package/dist/blocks/image.js

@@ -0,0 +1,51 @@
+'use client';import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../box.js';
+import { cn } from '../core/cn.js';
+import { fit, has, name } from './spec.js';
+/** How much an unconstrained image shrinks on a phone. */
+const PHONE = 0.75;
+/**
+ * An image, sized before it loads.
+ *
+ * Width and height are always emitted — even when a style overrides them —
+ * because they are what lets the browser reserve the right box and not shift
+ * the page when the bytes arrive.
+ *
+ * This renders a plain `<img>`: nothing in this package imports a framework. A
+ * host that wants its own optimizing image registers one for this block type —
+ * `registerBlockType('image', MyImage)` — which is the same door every other
+ * substitution goes through.
+ */
+export const ImageBlockComponent = ({ block, className, agent, constrainTo, }) => {
+    if (block.blockType !== 'image')
+        return _jsx(_Fragment, { children: "image block required" });
+    const { src, alt, dim, props, sizes, fullWidthOnMobile, svgFillClass, specifiers } = block;
+    const spec = (s) => has(specifiers, s);
+    const phone = agent === 'phone';
+    // The 5.x original read one past the end of the split, so every image without
+    // an explicit alt got `undefined` — silently, and only where it mattered.
+    const label = alt ?? name(src);
+    const size = {};
+    if (props?.fill === undefined) {
+        const box = constrainTo ? fit(dim, constrainTo) : dim;
+        size.width = box.w;
+        size.height = box.h;
+    }
+    if (sizes)
+        size.sizes = sizes;
+    if (phone && (spec('mobile-full-width') || fullWidthOnMobile)) {
+        return (_jsx(Box, { className: "flex flex-col items-center w-full", children: _jsx(Box, { tag: "img", src: src, alt: label, width: dim.w, height: dim.h, sizes: "100vw", style: { width: '100%', height: 'auto', maxWidth: 420 }, className: cn(svgFillClass, className) }) }));
+    }
+    if (phone && !spec('mobile-no-scale') && props?.fill === undefined) {
+        const box = constrainTo ? fit(dim, constrainTo) : dim;
+        size.width = box.w * PHONE;
+        size.height = box.h * PHONE;
+    }
+    const align = spec('right') ? 'self-end' : spec('center') ? 'self-center' : 'self-start';
+    if (props?.fill) {
+        return (_jsx(Box, { className: "relative w-full h-full", children: _jsx(Box, { tag: "img", src: src, alt: label, ...size, ...props, className: cn(svgFillClass, 'max-w-[70vw] mx-auto', className) }) }));
+    }
+    return (_jsx(Box, { tag: "img", src: src, alt: label, ...size, ...props, className: cn(align, svgFillClass, 'max-w-[70vw] mx-auto', className) }));
+};
+export default ImageBlockComponent;
+//# sourceMappingURL=image.js.map

package/dist/blocks/image.js.map

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

package/dist/blocks/index.cjs

@@ -0,0 +1,65 @@
+'use client';"use strict";
+// @hanzo/ui/blocks — content as data, and the renderers that draw it.
+//
+//   import { Content, type Block } from '@hanzo/ui/blocks'
+//   <Content blocks={page} agent={agent} />
+//
+// A page is a `Block[]`. Each block names its type, the type picks a renderer,
+// and the renderer reads the rest of the fields. So the content can be authored
+// in a CMS, checked into a repo or produced by a server, and typed either way.
+//
+// The types and the components are both exported from here because the 5.x line
+// exported them from here, and every consuming site imports both. `Block` is the
+// type, `BlocksComponent` draws a list of them — the `…Component` suffix is what
+// tells the two apart at a call site where both are in scope.
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoBlockComponent = exports.SpaceBlockComponent = exports.ScreenfulBlockComponent = exports.ImageBlockComponent = exports.HeadingBlockComponent = exports.GroupBlockComponent = exports.GridBlockComponent = exports.EnhHeadingBlockComponent = exports.CTABlockComponent = exports.CarteBlancheBlockComponent = exports.CardBlockComponent = exports.BulletCardsBlockComponent = exports.AccordianBlockComponent = exports.registerBlockType = exports.ContentComponent = exports.BlocksComponent = exports.Content = exports.fit = exports.has = void 0;
+__exportStar(require("./def.cjs"), exports);
+var spec_1 = require("./spec.cjs");
+Object.defineProperty(exports, "has", { enumerable: true, get: function () { return spec_1.has; } });
+Object.defineProperty(exports, "fit", { enumerable: true, get: function () { return spec_1.fit; } });
+var content_1 = require("./content.cjs");
+Object.defineProperty(exports, "Content", { enumerable: true, get: function () { return content_1.Content; } });
+Object.defineProperty(exports, "BlocksComponent", { enumerable: true, get: function () { return content_1.Content; } });
+Object.defineProperty(exports, "ContentComponent", { enumerable: true, get: function () { return content_1.Content; } });
+Object.defineProperty(exports, "registerBlockType", { enumerable: true, get: function () { return content_1.registerBlockType; } });
+var accordian_1 = require("./accordian.cjs");
+Object.defineProperty(exports, "AccordianBlockComponent", { enumerable: true, get: function () { return accordian_1.AccordianBlockComponent; } });
+var bullet_cards_1 = require("./bullet-cards.cjs");
+Object.defineProperty(exports, "BulletCardsBlockComponent", { enumerable: true, get: function () { return bullet_cards_1.BulletCardsBlockComponent; } });
+var card_1 = require("./card.cjs");
+Object.defineProperty(exports, "CardBlockComponent", { enumerable: true, get: function () { return card_1.CardBlockComponent; } });
+var carte_blanche_1 = require("./carte-blanche.cjs");
+Object.defineProperty(exports, "CarteBlancheBlockComponent", { enumerable: true, get: function () { return carte_blanche_1.CarteBlancheBlockComponent; } });
+var cta_1 = require("./cta.cjs");
+Object.defineProperty(exports, "CTABlockComponent", { enumerable: true, get: function () { return cta_1.CTABlockComponent; } });
+var enh_heading_1 = require("./enh-heading.cjs");
+Object.defineProperty(exports, "EnhHeadingBlockComponent", { enumerable: true, get: function () { return enh_heading_1.EnhHeadingBlockComponent; } });
+var grid_1 = require("./grid.cjs");
+Object.defineProperty(exports, "GridBlockComponent", { enumerable: true, get: function () { return grid_1.GridBlockComponent; } });
+var group_1 = require("./group.cjs");
+Object.defineProperty(exports, "GroupBlockComponent", { enumerable: true, get: function () { return group_1.GroupBlockComponent; } });
+var heading_1 = require("./heading.cjs");
+Object.defineProperty(exports, "HeadingBlockComponent", { enumerable: true, get: function () { return heading_1.HeadingBlockComponent; } });
+var image_1 = require("./image.cjs");
+Object.defineProperty(exports, "ImageBlockComponent", { enumerable: true, get: function () { return image_1.ImageBlockComponent; } });
+var screenful_1 = require("./screenful.cjs");
+Object.defineProperty(exports, "ScreenfulBlockComponent", { enumerable: true, get: function () { return screenful_1.ScreenfulBlockComponent; } });
+var space_1 = require("./space.cjs");
+Object.defineProperty(exports, "SpaceBlockComponent", { enumerable: true, get: function () { return space_1.SpaceBlockComponent; } });
+var video_1 = require("./video.cjs");
+Object.defineProperty(exports, "VideoBlockComponent", { enumerable: true, get: function () { return video_1.VideoBlockComponent; } });

package/dist/blocks/index.d.ts

@@ -0,0 +1,18 @@
+export * from './def.js';
+export type { BlockComponentProps } from './spec.js';
+export { has, fit } from './spec.js';
+export { Content, Content as BlocksComponent, Content as ContentComponent, registerBlockType } from './content.js';
+export { AccordianBlockComponent } from './accordian.js';
+export { BulletCardsBlockComponent } from './bullet-cards.js';
+export { CardBlockComponent } from './card.js';
+export { CarteBlancheBlockComponent } from './carte-blanche.js';
+export { CTABlockComponent } from './cta.js';
+export { EnhHeadingBlockComponent } from './enh-heading.js';
+export { GridBlockComponent } from './grid.js';
+export { GroupBlockComponent } from './group.js';
+export { HeadingBlockComponent } from './heading.js';
+export { ImageBlockComponent } from './image.js';
+export { ScreenfulBlockComponent } from './screenful.js';
+export { SpaceBlockComponent } from './space.js';
+export { VideoBlockComponent } from './video.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/blocks/index.ts"],"names":[],"mappings":"AAcA,cAAc,OAAO,CAAA;AACrB,YAAY,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAA;AACjD,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,OAAO,IAAI,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE/G,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,uBAAuB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA"}

package/dist/blocks/index.js

@@ -0,0 +1,30 @@
+// @hanzo/ui/blocks — content as data, and the renderers that draw it.
+//
+//   import { Content, type Block } from '@hanzo/ui/blocks'
+//   <Content blocks={page} agent={agent} />
+//
+// A page is a `Block[]`. Each block names its type, the type picks a renderer,
+// and the renderer reads the rest of the fields. So the content can be authored
+// in a CMS, checked into a repo or produced by a server, and typed either way.
+//
+// The types and the components are both exported from here because the 5.x line
+// exported them from here, and every consuming site imports both. `Block` is the
+// type, `BlocksComponent` draws a list of them — the `…Component` suffix is what
+// tells the two apart at a call site where both are in scope.
+export * from './def.js';
+export { has, fit } from './spec.js';
+export { Content, Content as BlocksComponent, Content as ContentComponent, registerBlockType } from './content.js';
+export { AccordianBlockComponent } from './accordian.js';
+export { BulletCardsBlockComponent } from './bullet-cards.js';
+export { CardBlockComponent } from './card.js';
+export { CarteBlancheBlockComponent } from './carte-blanche.js';
+export { CTABlockComponent } from './cta.js';
+export { EnhHeadingBlockComponent } from './enh-heading.js';
+export { GridBlockComponent } from './grid.js';
+export { GroupBlockComponent } from './group.js';
+export { HeadingBlockComponent } from './heading.js';
+export { ImageBlockComponent } from './image.js';
+export { ScreenfulBlockComponent } from './screenful.js';
+export { SpaceBlockComponent } from './space.js';
+export { VideoBlockComponent } from './video.js';
+//# sourceMappingURL=index.js.map

package/dist/blocks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/blocks/index.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,EAAE;AACF,2DAA2D;AAC3D,4CAA4C;AAC5C,EAAE;AACF,+EAA+E;AAC/E,gFAAgF;AAChF,+EAA+E;AAC/E,EAAE;AACF,gFAAgF;AAChF,iFAAiF;AACjF,iFAAiF;AACjF,8DAA8D;AAE9D,cAAc,OAAO,CAAA;AAErB,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,OAAO,IAAI,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE/G,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,uBAAuB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA"}

package/dist/blocks/screenful.cjs

@@ -0,0 +1,139 @@
+'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.ScreenfulBlockComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const prose_1 = require("../backends/gui/prose.cjs");
+const box_1 = require("../box.cjs");
+const cn_1 = require("../core/cn.cjs");
+const content_1 = require("./content.cjs");
+const spec_1 = require("./spec.cjs");
+/**
+ * Is the element mostly on screen?
+ *
+ * Native IntersectionObserver rather than a package: this is the only place in
+ * the library that needs it, and the hook it would replace is fifteen lines.
+ * 0.75 because the caller is deciding whether to PLAY a video — a strip of it
+ * appearing at the edge of the viewport is not someone watching.
+ */
+const useInView = (threshold = 0.75, initial = false) => {
+    const ref = React.useRef(null);
+    const [inView, setInView] = React.useState(initial);
+    React.useEffect(() => {
+        const el = ref.current;
+        if (!el || typeof IntersectionObserver === 'undefined')
+            return;
+        const io = new IntersectionObserver(([e]) => setInView(e.isIntersecting), { threshold });
+        io.observe(el);
+        return () => io.disconnect();
+    }, [threshold]);
+    return { ref, inView };
+};
+/**
+ * A background video that plays only while it is on screen.
+ *
+ * Mounted after the first client render, never on the server: a `<video>` in
+ * server markup is a download that starts before anything has decided the
+ * element is even visible.
+ */
+const Backdrop = ({ block, className, initialInView, }) => {
+    const [mounted, setMounted] = React.useState(false);
+    const { ref, inView } = useInView(0.75, initialInView);
+    React.useEffect(() => setMounted(true), []);
+    if (!mounted)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: className, children: inView && ((0, jsx_runtime_1.jsx)("video", { autoPlay: true, loop: true, muted: true, playsInline: true, style: { margin: 0, height: '100%', width: '100%', objectFit: 'cover' }, children: block.sources?.map((src, i) => ((0, jsx_runtime_1.jsx)("source", { src: src }, i))) })) }));
+};
+/** The banner, as a still. It is also the video's first frame, so nothing jumps. */
+const Poster = ({ banner, className, children, }) => banner ? ((0, jsx_runtime_1.jsx)(box_1.Box, { className: (0, cn_1.cn)('relative', className), style: {
+        height: '100%',
+        width: '100%',
+        backgroundImage: `url(${typeof banner === 'string' ? banner : banner.poster})`,
+        backgroundSize: 'cover',
+        backgroundRepeat: 'no-repeat',
+    }, children: children })) : ((0, jsx_runtime_1.jsx)(box_1.Box, { className: (0, cn_1.cn)('h-full w-full relative', className), children: children }));
+/** One column of a screenful, placed by its own specifiers. */
+const Column = ({ blocks, specifiers, agent, className, }) => {
+    const spec = (s) => (0, spec_1.has)(specifiers, s);
+    const phone = agent === 'phone';
+    const place = phone
+        ? (0, cn_1.cn)('items-start', spec('mobile-vert-center') ? 'justify-center' : 'justify-start')
+        : (0, cn_1.cn)(spec('right') ? 'items-end' : spec('center') ? 'items-center' : 'items-start', spec('bottom') ? 'justify-end' : spec('vert-center') ? 'justify-center' : 'justify-start', 
+        // Right-aligned running text is hard to read at phone widths, so this
+        // is a desktop-only hint on purpose.
+        spec('text-align-right') ? 'text-right' : 'text-left');
+    // h-full is what makes the vertical placement above mean anything — without a
+    // height there is no free space for `justify-*` to distribute.
+    return ((0, jsx_runtime_1.jsx)(box_1.Box, { className: (0, cn_1.cn)('flex flex-col justify-center h-full', place, className), children: (0, jsx_runtime_1.jsx)(content_1.Content, { blocks: blocks, agent: agent }) }));
+};
+const Columns = ({ block: b, agent, className, }) => {
+    if (b.contentColumns.length === 1) {
+        return ((0, jsx_runtime_1.jsx)(Column, { blocks: b.contentColumns[0], specifiers: b.columnSpecifiers?.[0], agent: agent, className: className }));
+    }
+    // `order` is one-based in flex, and the 5.x original tested the index for
+    // truthiness — so the column asked to come FIRST was the one that never moved.
+    const order = (i) => {
+        const at = b.mobileOrder?.indexOf(i);
+        return at !== undefined && at >= 0 ? `order-${at + 1} md:order-none` : '';
+    };
+    return ((0, jsx_runtime_1.jsx)(box_1.Box, { className: (0, cn_1.cn)('flex flex-col gap-2 sm:gap-4 h-full', agent !== 'phone' && `md:grid md:gap-8 md:grid-cols-${b.contentColumns.length}`, className), children: b.contentColumns.map((column, i) => ((0, jsx_runtime_1.jsx)(Column, { blocks: column, specifiers: b.columnSpecifiers?.[i], agent: agent, className: order(i) }, i))) }));
+};
+/**
+ * One screenful: a full-height section, optionally over a banner, holding one
+ * to three columns of blocks.
+ *
+ * `snapTile` makes it a stop in a scroll-snapping sequence, which is why it
+ * fixes the height rather than setting a minimum — a snap point that can grow
+ * past the viewport can never be fully scrolled to.
+ */
+const ScreenfulBlockComponent = ({ block, agent, initialInView = false, snapTile = false, className, contentClassName, bottom, }) => {
+    if (block.blockType !== 'screenful')
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "screenful block required" });
+    const b = block;
+    const spec = (s) => (0, spec_1.has)(b.specifiers, s);
+    const video = b.banner && typeof b.banner === 'object';
+    const oneColumn = b.contentColumns.length === 1;
+    const vertCenter = spec('vert-center');
+    const gutters = spec('narrow-gutters')
+        ? (0, cn_1.cn)('px-6 lg:px-8 2xl:px-2 pb-4 lg:pb-6 xl:pb-8', snapTile && 'pt-15 md:pt-26 lg:pt-28')
+        : spec('no-gutters')
+            ? (0, cn_1.cn)('px-0 pb-0', snapTile && 'pt-11 lg:pt-20')
+            : 'px-[8vw] xl:px-[1vw] pb-[8vh] pt-[calc(44px+4vh)] md:pt-[calc(80px+6vh)]';
+    return ((0, jsx_runtime_1.jsxs)(box_1.Box, { tag: "section", ...(b.anchorId ? { id: b.anchorId } : {}), className: (0, cn_1.cn)(snapTile ? 'snap-start snap-always h-[100vh]' : 'min-h-screen', bottom && 'flex flex-col', className), children: [(0, jsx_runtime_1.jsx)(prose_1.ApplyTypography, { className: (0, cn_1.cn)('w-full flex flex-row justify-center self-stretch', snapTile && (agent === 'desktop' ? 'h-full' : 'h-[100svh]'), bottom && 'grow'), children: (0, jsx_runtime_1.jsxs)(Poster, { banner: b.banner, children: [video && ((0, jsx_runtime_1.jsx)(Backdrop, { block: b.banner, className: "absolute top-0 left-0 bottom-0 right-0", initialInView: initialInView })), (0, jsx_runtime_1.jsxs)(box_1.Box, { className: (0, cn_1.cn)('xl:mx-auto overflow-y-hidden h-full', !spec('full-screen-width') && 'max-w-screen-xl', gutters, agent && agent !== 'desktop' && 'pt-15 sm:pt-17 pb-0 px-3 sm:px-8', snapTile ? 'absolute left-0 right-0 top-0 bottom-0' : 'flex min-h-screen w-full', contentClassName, vertCenter && (0, cn_1.cn)('self-center', oneColumn && 'py-0')), children: [(0, jsx_runtime_1.jsx)(Columns, { block: b, agent: agent, className: "w-full" }), b.footer] })] }) }), bottom] }));
+};
+exports.ScreenfulBlockComponent = ScreenfulBlockComponent;
+exports.default = exports.ScreenfulBlockComponent;

package/dist/blocks/screenful.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { type BlockComponentProps } from './spec.js';
+/**
+ * One screenful: a full-height section, optionally over a banner, holding one
+ * to three columns of blocks.
+ *
+ * `snapTile` makes it a stop in a scroll-snapping sequence, which is why it
+ * fixes the height rather than setting a minimum — a snap point that can grow
+ * past the viewport can never be fully scrolled to.
+ */
+export declare const ScreenfulBlockComponent: ({ block, agent, initialInView, snapTile, className, contentClassName, bottom, }: BlockComponentProps & {
+    initialInView?: boolean;
+    snapTile?: boolean;
+    contentClassName?: string;
+    bottom?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ScreenfulBlockComponent;
+//# sourceMappingURL=screenful.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"screenful.d.ts","sourceRoot":"","sources":["../../src/blocks/screenful.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,KAAK,mBAAmB,EAAO,MAAM,QAAQ,CAAA;AA0KtD;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,oFAQjC,mBAAmB,GAAG;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,4CA2DA,CAAA;eAEc,uBAAuB"}