@hanzo/ui 8.4.13 → 8.5.1

package/dist/blocks/enh-heading.js

@@ -0,0 +1,83 @@
+'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';
+import { cn } from '../core/cn.js';
+import { has } from './spec.js';
+const DEFAULT = {
+    preheading: { tag: 'h4', mb: 2 },
+    heading: { tag: 'h1', mb: 2 },
+    byline: { tag: 'h6' },
+};
+/** 0 is a paragraph; 1–6 are the heading tags. */
+const tag = (level, fallback) => level === undefined ? fallback : level >= 1 && level <= 6 ? `h${level}` : 'p';
+/** An icon given as a url is drawn at `size`; given as a node it renders as-is. */
+const Mark = ({ icon, size, phone, }) => {
+    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: "" });
+    }
+    return _jsx(Box, { children: icon });
+};
+/**
+ * Where the three parts sit.
+ *
+ * The byline is tracked separately from the heading because it aligns
+ * independently — a centred heading over a left-aligned byline is a normal
+ * layout, and one value could not express it.
+ */
+const place = (spec, phone) => {
+    const centre = spec('center');
+    const right = spec('right');
+    const at = (c, r) => c ? 'self-center text-center' : r ? 'self-end text-right' : 'self-start text-left';
+    let heading = at(centre, right);
+    let byline = at(spec('byline-center'), spec('byline-right'));
+    if (phone) {
+        if (spec('mobile-heading-left'))
+            heading = 'self-start text-left';
+        else
+            heading = at(spec('mobile-heading-centered') || centre, right);
+        if (spec('mobile-byline-left'))
+            byline = 'self-start text-left';
+    }
+    else if (spec('mobile-heading-centered')) {
+        // Centred on a phone, and whatever was asked for from `md` up.
+        heading = `self-center text-center ${heading.split(' ').map((c) => `md:${c}`).join(' ')}`;
+    }
+    return { heading, byline };
+};
+export const EnhHeadingBlockComponent = ({ block, className, agent, applyTypography = true, extraSpecifiers = '', }) => {
+    if (block.blockType !== 'enh-heading')
+        return _jsx(_Fragment, { children: "enh-heading block required" });
+    const b = block;
+    const spec = (s) => has(`${b.specifiers ?? ''} ${extraSpecifiers}`.trim(), s);
+    const phone = agent === 'phone';
+    const at = place(spec, phone);
+    const headFont = spec('preheading-heading-font') ? 'font-heading' : '';
+    const parts = [
+        b.preheading && {
+            Tag: tag(b.preheading.level, DEFAULT.preheading.tag),
+            cls: cn(`mb-${b.preheading.mb ?? DEFAULT.preheading.mb}`, at.heading, headFont),
+            text: b.preheading.text,
+        },
+        {
+            Tag: tag(b.heading.level, DEFAULT.heading.tag),
+            cls: cn(`mb-${b.heading.mb ?? DEFAULT.heading.mb}`, at.heading),
+            text: b.heading.text,
+        },
+        b.byline && {
+            Tag: tag(b.byline.level, DEFAULT.byline.tag),
+            cls: at.byline,
+            text: b.byline.text,
+        },
+    ].filter(Boolean);
+    // The icon rides the FIRST part that renders, whichever that turns out to be.
+    const inner = parts.map(({ Tag, cls, text }, i) => b.icon && i === 0 ? (_jsxs(Box, { className: cn('flex flex-row items-center gap-2 sm:gap-4', cls), children: [_jsx(Mark, { icon: b.icon, size: b.iconSize ?? 32, phone: phone }), _jsx(Box, { tag: Tag, children: text })] }, i)) : (_jsx(Box, { tag: Tag, className: cls, children: text }, i)));
+    // `gap-0` because each part carries its own bottom margin — a gap on the
+    // column would add to every one of them and double the spacing.
+    const cls = cn('flex flex-col w-full gap-0', className, spec('align-middle') && 'my-auto');
+    return applyTypography ? (_jsx(ApplyTypography, { className: cls, children: inner })) : (_jsx(Box, { className: cls, children: inner }));
+};
+export default EnhHeadingBlockComponent;
+//# sourceMappingURL=enh-heading.js.map

package/dist/blocks/enh-heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enh-heading.js","sourceRoot":"","sources":["../../src/blocks/enh-heading.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B,OAAO,EAA4B,GAAG,EAAE,MAAM,QAAQ,CAAA;AAEtD,MAAM,OAAO,GAAG;IACd,UAAU,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE;IAChC,OAAO,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE;IAC7B,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE;CACb,CAAA;AAEV,kDAAkD;AAClD,MAAM,GAAG,GAAG,CAAC,KAAyB,EAAE,QAAgB,EAAU,EAAE,CAClE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;AAE/E,mFAAmF;AACnF,MAAM,IAAI,GAAG,CAAC,EACZ,IAAI,EACJ,IAAI,EACJ,KAAK,GAKN,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,GAAG,CAAA;IACjE,CAAC;IACD,OAAO,KAAC,GAAG,cAAE,IAAI,GAAO,CAAA;AAC1B,CAAC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,KAAK,GAAG,CAAC,IAA4B,EAAE,KAAc,EAAE,EAAE;IAC7D,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,CAAA;IAE3B,MAAM,EAAE,GAAG,CAAC,CAAU,EAAE,CAAU,EAAE,EAAE,CACpC,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,sBAAsB,CAAA;IAEpF,IAAI,OAAO,GAAG,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IAC/B,IAAI,MAAM,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAA;IAE5D,IAAI,KAAK,EAAE,CAAC;QACV,IAAI,IAAI,CAAC,qBAAqB,CAAC;YAAE,OAAO,GAAG,sBAAsB,CAAA;;YAC5D,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,yBAAyB,CAAC,IAAI,MAAM,EAAE,KAAK,CAAC,CAAA;QACnE,IAAI,IAAI,CAAC,oBAAoB,CAAC;YAAE,MAAM,GAAG,sBAAsB,CAAA;IACjE,CAAC;SAAM,IAAI,IAAI,CAAC,yBAAyB,CAAC,EAAE,CAAC;QAC3C,+DAA+D;QAC/D,OAAO,GAAG,2BAA2B,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAA;IAC3F,CAAC;IAED,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAA;AAC5B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,KAAK,EACL,SAAS,EACT,KAAK,EACL,eAAe,GAAG,IAAI,EACtB,eAAe,GAAG,EAAE,GAIrB,EAAE,EAAE;IACH,IAAI,KAAK,CAAC,SAAS,KAAK,aAAa;QAAE,OAAO,2DAA+B,CAAA;IAC7E,MAAM,CAAC,GAAG,KAAwB,CAAA;IAElC,MAAM,IAAI,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,UAAU,IAAI,EAAE,IAAI,eAAe,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAA;IACrF,MAAM,KAAK,GAAG,KAAK,KAAK,OAAO,CAAA;IAC/B,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;IAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtE,MAAM,KAAK,GAAG;QACZ,CAAC,CAAC,UAAU,IAAI;YACd,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC;YACpD,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,EAAE,IAAI,OAAO,CAAC,UAAU,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;YAC/E,IAAI,EAAE,CAAC,CAAC,UAAU,CAAC,IAAI;SACxB;QACD;YACE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC;YAC9C,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC;YAC/D,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI;SACrB;QACD,CAAC,CAAC,MAAM,IAAI;YACV,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC;YAC5C,GAAG,EAAE,EAAE,CAAC,MAAM;YACd,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;SACpB;KACF,CAAC,MAAM,CAAC,OAAO,CAAiD,CAAA;IAEjE,8EAA8E;IAC9E,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAChD,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAClB,MAAC,GAAG,IAAC,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,GAAG,CAAC,aAClE,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,EAC5D,KAAC,GAAG,IAAC,GAAG,EAAE,GAAW,YAAG,IAAI,GAAO,KAFsC,CAAC,CAGtE,CACP,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,IAAC,GAAG,EAAE,GAAW,EAAE,SAAS,EAAE,GAAG,YAClC,IAAI,IADqC,CAAC,CAEvC,CACP,CACF,CAAA;IAED,yEAAyE;IACzE,gEAAgE;IAChE,MAAM,GAAG,GAAG,EAAE,CAAC,4BAA4B,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,SAAS,CAAC,CAAA;IAE1F,OAAO,eAAe,CAAC,CAAC,CAAC,CACvB,KAAC,eAAe,IAAC,SAAS,EAAE,GAAG,YAAG,KAAK,GAAmB,CAC3D,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,IAAC,SAAS,EAAE,GAAG,YAAG,KAAK,GAAO,CACnC,CAAA;AACH,CAAC,CAAA;AAED,eAAe,wBAAwB,CAAA"}

package/dist/blocks/grid.cjs

@@ -0,0 +1,98 @@
+'use client';"use strict";
+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.GridBlockComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+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");
+const cols = (d, at = '') => typeof d === 'number'
+    ? `${at}grid-cols-${d}`
+    : `${at}grid-cols-${d.columns} ${at}gap-${d.gap}`;
+/**
+ * Cells drawn as a table: every cell carries its own right and bottom rule, and
+ * the edges of the whole are closed by the first row and first column adding
+ * theirs. Corners round outward only.
+ *
+ * Below `md` the grid is a single column, so the vertical rules are dropped and
+ * each cell keeps just its bottom one — which reads as a list, correctly.
+ */
+const table = (i, count, columns) => {
+    const first = i < columns;
+    return (0, cn_1.cn)('border-b md:border-r p-4 md:p-8 lg:p-12', first && 'border-t', i % columns === 0 && 'md:border-l', i === 0 && 'md:rounded-tl-lg', i === columns - 1 && 'md:rounded-tr-lg', i === count - columns && 'md:rounded-bl-lg', i === count - 1 && 'md:rounded-br-lg');
+};
+/**
+ * Blocks laid out on a grid.
+ *
+ * Rendered with children, those replace `cells` — which is how BulletCards uses
+ * it: same layout, different cell content.
+ *
+ * The first rung in `grid.at` is written WITHOUT a prefix so the grid always has
+ * a base to fall back to, whichever rung a site chose to start at. The rest are
+ * prefixed and take over as the viewport grows.
+ */
+const GridBlockComponent = ({ block, className, agent, children, }) => {
+    if (block.blockType !== 'grid')
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "grid block required" });
+    const { cells, grid, specifiers } = block;
+    let layout = '';
+    if (agent === 'phone') {
+        layout = cols(grid.mobile ?? grid.at.xs ?? grid.at.sm ?? 1);
+    }
+    else {
+        let base = false;
+        for (const [rung, spec] of Object.entries(grid.at)) {
+            layout += `${cols(spec, base ? `${rung}:` : '')} `;
+            base = true;
+        }
+    }
+    const ruled = (0, spec_1.has)(specifiers, 'style-table-borders');
+    let cell = (_) => '';
+    if (ruled && cells?.length) {
+        const md = grid.at.md;
+        const columns = typeof md === 'number' ? md : (md?.columns ?? 1);
+        cell = (i) => table(i, cells.length, columns);
+    }
+    return ((0, jsx_runtime_1.jsx)(box_1.Box, { className: (0, cn_1.cn)('grid gap-2 md:gap-4 xl:gap-6', layout, 
+        // Ruled cells own their spacing: a gap would open a gutter through the
+        // rules and the table would stop reading as one.
+        ruled && 'gap-0 md:gap-0 xl:gap-0', className), children: React.Children.count(children) > 0
+            ? children
+            : cells?.map((c, i) => ((0, jsx_runtime_1.jsx)(content_1.Content, { blocks: c, agent: agent, className: cell(i) }, i))) }));
+};
+exports.GridBlockComponent = GridBlockComponent;
+exports.default = exports.GridBlockComponent;

package/dist/blocks/grid.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { Block, GridBlock } from './def.js';
+import { type BlockComponentProps } from './spec.js';
+/**
+ * Blocks laid out on a grid.
+ *
+ * Rendered with children, those replace `cells` — which is how BulletCards uses
+ * it: same layout, different cell content.
+ *
+ * The first rung in `grid.at` is written WITHOUT a prefix so the grid always has
+ * a base to fall back to, whichever rung a site chose to start at. The rest are
+ * prefixed and take over as the viewport grows.
+ */
+export declare const GridBlockComponent: ({ block, className, agent, children, }: Omit<BlockComponentProps, 'block'> & React.PropsWithChildren<{
+    block: Block | GridBlock;
+}>) => import("react/jsx-runtime").JSX.Element;
+export default GridBlockComponent;
+//# sourceMappingURL=grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/blocks/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,KAAK,mBAAmB,EAAO,MAAM,QAAQ,CAAA;AA4BtD;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,2CAK5B,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GACnC,KAAK,CAAC,iBAAiB,CAAC;IAAE,KAAK,EAAE,KAAK,GAAG,SAAS,CAAA;CAAE,CAAC,4CAyCtD,CAAA;eAEc,kBAAkB"}

package/dist/blocks/grid.js

@@ -0,0 +1,62 @@
+'use client';import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Box } from '../box.js';
+import { cn } from '../core/cn.js';
+import { Content } from './content.js';
+import { has } from './spec.js';
+const cols = (d, at = '') => typeof d === 'number'
+    ? `${at}grid-cols-${d}`
+    : `${at}grid-cols-${d.columns} ${at}gap-${d.gap}`;
+/**
+ * Cells drawn as a table: every cell carries its own right and bottom rule, and
+ * the edges of the whole are closed by the first row and first column adding
+ * theirs. Corners round outward only.
+ *
+ * Below `md` the grid is a single column, so the vertical rules are dropped and
+ * each cell keeps just its bottom one — which reads as a list, correctly.
+ */
+const table = (i, count, columns) => {
+    const first = i < columns;
+    return cn('border-b md:border-r p-4 md:p-8 lg:p-12', first && 'border-t', i % columns === 0 && 'md:border-l', i === 0 && 'md:rounded-tl-lg', i === columns - 1 && 'md:rounded-tr-lg', i === count - columns && 'md:rounded-bl-lg', i === count - 1 && 'md:rounded-br-lg');
+};
+/**
+ * Blocks laid out on a grid.
+ *
+ * Rendered with children, those replace `cells` — which is how BulletCards uses
+ * it: same layout, different cell content.
+ *
+ * The first rung in `grid.at` is written WITHOUT a prefix so the grid always has
+ * a base to fall back to, whichever rung a site chose to start at. The rest are
+ * prefixed and take over as the viewport grows.
+ */
+export const GridBlockComponent = ({ block, className, agent, children, }) => {
+    if (block.blockType !== 'grid')
+        return _jsx(_Fragment, { children: "grid block required" });
+    const { cells, grid, specifiers } = block;
+    let layout = '';
+    if (agent === 'phone') {
+        layout = cols(grid.mobile ?? grid.at.xs ?? grid.at.sm ?? 1);
+    }
+    else {
+        let base = false;
+        for (const [rung, spec] of Object.entries(grid.at)) {
+            layout += `${cols(spec, base ? `${rung}:` : '')} `;
+            base = true;
+        }
+    }
+    const ruled = has(specifiers, 'style-table-borders');
+    let cell = (_) => '';
+    if (ruled && cells?.length) {
+        const md = grid.at.md;
+        const columns = typeof md === 'number' ? md : (md?.columns ?? 1);
+        cell = (i) => table(i, cells.length, columns);
+    }
+    return (_jsx(Box, { className: cn('grid gap-2 md:gap-4 xl:gap-6', layout, 
+        // Ruled cells own their spacing: a gap would open a gutter through the
+        // rules and the table would stop reading as one.
+        ruled && 'gap-0 md:gap-0 xl:gap-0', className), children: React.Children.count(children) > 0
+            ? children
+            : cells?.map((c, i) => (_jsx(Content, { blocks: c, agent: agent, className: cell(i) }, i))) }));
+};
+export default GridBlockComponent;
+//# sourceMappingURL=grid.js.map

package/dist/blocks/grid.js.map

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

package/dist/blocks/group.cjs

@@ -0,0 +1,43 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupBlockComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const box_1 = require("../box.cjs");
+const cn_1 = require("../core/cn.cjs");
+const types_1 = require("../types.cjs");
+const content_1 = require("./content.cjs");
+/**
+ * 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 (!types_1.Breakpoints.includes(from))
+        return undefined;
+    return { columns, from: from };
+};
+const GroupBlockComponent = ({ block, className, agent }) => {
+    if (block.blockType !== 'group')
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "group block required" });
+    const b = block;
+    if (!b.specifiers?.includes('layout'))
+        return null;
+    const spec = layout(b.specifiers);
+    if (!spec)
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "invalid or missing layout specifier in group block" });
+    return ((0, jsx_runtime_1.jsx)(box_1.Box, { className: (0, cn_1.cn)('grid grid-cols-1 gap-2 sm:gap-3', `${spec.from}:grid-cols-${spec.columns}`, className), children: (0, jsx_runtime_1.jsx)(content_1.Content, { blocks: b.elements, agent: agent }) }));
+};
+exports.GroupBlockComponent = GroupBlockComponent;
+exports.default = exports.GroupBlockComponent;

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